/* The public showcase shares the main site's blue palette and local assets. */
.showcase-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;padding-block:70px 45px}
.showcase-hero h1{font-size:clamp(3rem,4.7vw,4.7rem)}
.showcase-hero p:not(.eyebrow){max-width:540px}
.showcase-hero .showcase-lead{font-size:1.15rem;color:#304b6f;max-width:440px}
.showcase-hero .hero-actions{margin-top:28px}
.showcase-note{font-size:.76rem;line-height:1.75;margin-top:20px;overflow-wrap:anywhere}
.listening-brief{background:#f8fcffbc;border:1px solid white;border-radius:26px;padding:9px;box-shadow:0 18px 60px -30px #2e659c4a}
.brief-art{position:relative;overflow:hidden;border-radius:19px;height:190px;background:#bfdfff}
.brief-art img{width:100%;height:100%;object-fit:cover;object-position:center 47%}
.brief-art span{position:absolute;bottom:0;left:0;right:0;padding:40px 24px 18px;background:linear-gradient(transparent,#12336abf);color:white;font-size:.72rem;font-weight:650;letter-spacing:.1em}
.brief-copy{padding:24px 23px 20px}
.brief-copy .eyebrow{font-size:.6rem;margin-bottom:10px}
.brief-copy h2{font-size:1.65rem;margin-bottom:20px}
.brief-copy ol{list-style:none;margin:0;padding:0;color:#425c7a;font-size:.8rem}
.brief-copy li{display:flex;gap:14px;margin-top:13px}
.brief-copy li>span{font-size:.63rem;color:#0084b6;font-weight:700;padding-top:2px}
.showcase-list{border-bottom:1px solid var(--line)}
.showcase-empty{border:1px solid #c8dff2;border-radius:23px;background:linear-gradient(120deg,#faffffe8,#e2f0ffbd);padding:42px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.showcase-empty h3{font-size:1.5rem;margin-bottom:12px}
.showcase-empty p{max-width:560px;margin-bottom:0;font-size:.92rem}
.showcase-empty .button{flex-shrink:0}
.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.clip-card{min-width:0;background:#f9fdffb8;border:1px solid white;border-radius:23px;padding:30px;box-shadow:0 9px 35px -25px #2e659c55;overflow-wrap:anywhere;scroll-margin-top:30px}
.clip-card h3{font-size:1.65rem;margin:12px 0 8px}
.clip-producer{font-size:.86rem;margin-bottom:18px}
.clip-meta{display:flex;gap:9px;flex-wrap:wrap;font-size:.7rem;color:#46627f}
.clip-meta span{padding:3px 10px;border:1px solid #c8ddec;border-radius:999px;background:#eef8ff}
.clip-question{margin:22px 0;padding:19px 20px;border-left:3px solid #48b8d9;background:#e5f3ff;border-radius:0 12px 12px 0}
.clip-question p:last-child{color:#294a6c;font-size:.95rem;margin:0}
.clip-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.take-part,.showcase-guidelines{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.take-part>div:first-child>p:not(.eyebrow){max-width:460px}
.submission-brief{padding:32px;border:1px solid white;background:#f9fdff94;border-radius:23px}
.submission-brief h3{font-size:1.3rem}
.submission-brief ol{padding-left:20px;color:#425c7a;font-size:.9rem}
.submission-brief li{padding-left:7px;margin-bottom:16px}
.submission-brief>p{font-size:.77rem;margin:22px 0 0;border-top:1px solid var(--line);padding-top:20px}
.showcase-guidelines{border-top:1px solid var(--line)}
.guidelines-copy h3{font-size:1.16rem;margin-bottom:12px}
.guidelines-copy p{font-size:.88rem}
.guidelines-copy h3:not(:first-child){margin-top:28px}
.showcase-page .site-footer>div{flex-wrap:wrap}
.demo-beats{grid-template-columns:repeat(3,minmax(0,1fr))}
.demo-beat{padding:20px}
.demo-beat-cover{aspect-ratio:1.5;border-radius:15px;margin-bottom:24px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 90% 10%,#957dcf80,transparent 70%),linear-gradient(145deg,#162e54,#055776);color:#edfbff;border:1px solid #b4cce4}
.demo-beat:nth-child(2) .demo-beat-cover{background:radial-gradient(ellipse at 15% 90%,#cc776a90,transparent 70%),linear-gradient(140deg,#394665,#64608f)}
.demo-beat:nth-child(3) .demo-beat-cover{background:radial-gradient(ellipse at 80% 20%,#ceeaff95,transparent 70%),linear-gradient(140deg,#247da2,#7977b9)}
.demo-beat-cover span{font-size:.75rem;letter-spacing:.02em}
.demo-beat-cover strong{font-size:2rem;letter-spacing:-.05em;line-height:1.1;max-width:190px}
.demo-beat>.eyebrow{font-size:.62rem;margin-bottom:12px;letter-spacing:.06em}
.demo-beat audio{width:100%;max-width:100%;display:block;margin:24px 0 0}
.demo-beat .clip-question{padding:16px;margin-bottom:0;min-height:145px}
.demo-beat .clip-question p:last-child{font-size:.83rem}
@media(max-width:1000px){.demo-beats{grid-template-columns:1fr}.demo-beat{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:24px}.demo-beat-cover{grid-column:1;grid-row:1/6;margin:0;aspect-ratio:auto}.demo-beat>.eyebrow,.demo-beat>h3,.demo-beat>.clip-producer,.demo-beat>.clip-meta,.demo-beat>audio{grid-column:2}.demo-beat>h3{margin-top:0}.demo-beat .clip-question{grid-column:1/-1;min-height:0}}
@media(max-width:550px){.demo-beat{display:block}.demo-beat-cover{aspect-ratio:1.9;margin-bottom:24px}.demo-beat .clip-question{min-height:0}}
@media(max-width:1000px){.showcase-hero{gap:30px}.take-part,.showcase-guidelines{gap:35px}.showcase-empty{padding:30px}.clip-card{padding:24px}}
@media(max-width:700px){.showcase-hero{grid-template-columns:1fr;gap:32px;padding-block:40px 0}.showcase-hero h1{font-size:clamp(2.8rem,10vw,4rem)}.showcase-hero .hero-actions{justify-content:flex-start}.showcase-hero .eyebrow{font-size:.59rem}.showcase-hero .showcase-lead{font-size:1.08rem}.showcase-hero p{font-size:.88rem}.showcase-hero .showcase-note{font-size:.72rem}.brief-art{height:150px}.brief-copy{padding:22px}.showcase-empty{display:block;padding:26px}.showcase-empty .button{margin-top:24px}.showcase-empty p{font-size:.86rem}.showcase-grid,.take-part,.showcase-guidelines{grid-template-columns:1fr;gap:24px}.submission-brief{padding:25px}.showcase-page .site-footer>small{margin-left:0}.clip-card h3{font-size:1.45rem}.clip-actions{gap:15px}.clip-actions .button{font-size:.76rem;padding-inline:16px}.showcase-page .site-header nav a:first-child{font-size:.65rem}}