:root{--bg:#08090d;--panel:#11131a;--panel2:#171923;--text:#f4f1fb;--muted:#a8a4b4;--line:#2b2c36;--purple:#9b73ff;--purple2:#c7b3ff;--max:1180px;--radius:24px;--shadow:0 30px 90px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Trebuchet MS,Arial,sans-serif;line-height:1.55}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:18px;top:18px;z-index:100;background:#fff;color:#000;padding:10px 14px;border-radius:8px}.nav{position:sticky;top:0;z-index:50;background:rgba(8,9,13,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{max-width:var(--max);margin:auto;padding:16px 24px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}.brand img{display:block;width:210px;height:auto;max-height:54px;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(117,83,230,.18))}.nav nav{margin-left:auto;display:flex;align-items:center;gap:22px}.nav nav a{text-decoration:none;color:var(--muted);font-size:.94rem}.nav nav a:hover,.nav nav a.active{color:var(--text)}.nav nav a.active{position:relative}.nav nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--purple)}.nav-cta{border:1px solid rgba(255,255,255,.16);padding:9px 13px;border-radius:999px!important;color:var(--text)!important;white-space:nowrap}.nav-cta.nav-cta-art{width:76px;height:56px;padding:2px 6px;border-radius:18px!important;display:flex;align-items:center;justify-content:center;background:rgba(155,115,255,.04);overflow:hidden}.nav-cta.nav-cta-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(117,83,230,.22))}.menu{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 11px}.wrap{max-width:var(--max);margin:auto;padding:0 24px}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:900;color:var(--purple2)}.eyebrow:before{content:"";width:28px;height:1px;background:var(--purple)}h1,h2,h3{font-family:Arial Black,Arial,sans-serif;line-height:.98;letter-spacing:-.035em}h1{font-size:clamp(3.2rem,8vw,7.2rem);margin:15px 0 20px}h2{font-size:clamp(2.2rem,5vw,4.2rem);margin:12px 0 18px}h3{font-size:1.35rem;line-height:1.1;margin:0 0 9px}.lede{font-size:clamp(1.12rem,2vw,1.42rem);color:#d7d2df;max-width:720px}.muted{color:var(--muted)}.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:54px;align-items:center;min-height:76vh;padding:72px 0 58px}.hero-copy{padding:30px 0}.hero-photo{position:relative;border-radius:32px;overflow:hidden;min-height:580px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08)}.hero-photo img{display:block;width:100%;height:580px;object-fit:cover}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,9,13,.5))}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.pill{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:999px;padding:8px 11px;color:var(--muted);font-size:.82rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:900;border-radius:14px;padding:13px 17px;border:1px solid transparent}.btn.primary{background:var(--purple);color:#08090d}.btn.secondary{border-color:var(--line);background:rgba(255,255,255,.025)}.section{padding:88px 0;border-top:1px solid rgba(255,255,255,.07)}.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:end;margin-bottom:36px}.section-head p{max-width:680px;margin:0;color:var(--muted)}.feature-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature-card{border:1px solid var(--line);border-radius:var(--radius);padding:25px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}.feature-card .kicker{font-size:.72rem;color:var(--purple2);text-transform:uppercase;letter-spacing:.14em;font-weight:900}.feature-card p{color:var(--muted);margin:8px 0 18px}.feature-card a{color:var(--purple2);font-weight:900;text-decoration:none}.audio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.audio{border:1px solid var(--line);border-radius:22px;padding:22px;background:var(--panel)}.audio-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.audio small{display:block;color:var(--purple2);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.audio audio{width:100%;height:42px}.case{display:grid;grid-template-columns:.45fr 1.55fr;gap:28px;padding:32px 0;border-top:1px solid var(--line)}.case:last-child{border-bottom:1px solid var(--line)}.case-num{font-family:Arial Black,Arial,sans-serif;font-size:clamp(2.5rem,6vw,5.4rem);color:#282834;line-height:1}.case-body{display:grid;grid-template-columns:1fr auto;gap:22px}.case-body p{max-width:760px;color:var(--muted);margin:10px 0 14px}.case-tags{display:flex;flex-wrap:wrap;gap:8px}.case-tags span{border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:.76rem;color:var(--muted)}.case-link{align-self:start;text-decoration:none;color:var(--purple2);font-weight:900;white-space:nowrap}.credits{border-top:1px solid var(--line)}.credit{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(170px,.85fr) 110px;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);align-items:start}.credit strong{font-size:1rem}.credit .roles,.credit .year{color:var(--muted);font-size:.9rem}.credit .year{text-align:right}.cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cap{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.cap p{margin:8px 0 0;color:var(--muted)}.quote{font-family:Georgia,serif;font-size:clamp(1.65rem,3.4vw,3rem);line-height:1.2;max-width:900px;margin:0;color:#eee9fa}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.moment{padding:28px 26px;border-right:1px solid var(--line)}.moment:last-child{border-right:0}.moment .date{color:var(--purple2);font-weight:900;font-size:.82rem}.moment p{color:var(--muted);margin-bottom:0}.cta{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;padding:52px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(120deg,rgba(155,115,255,.13),rgba(255,255,255,.02))}.cta p{color:var(--muted);max-width:650px}.cta .actions{justify-content:flex-end;margin:0}.footer{border-top:1px solid rgba(255,255,255,.07);padding:34px 0 52px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer a{color:var(--muted);text-decoration:none}.footer-links{display:flex;gap:16px}.prose{max-width:790px}.prose p{font-size:1.1rem;color:#d6d1dd}.about-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:56px;align-items:start}.portrait{position:sticky;top:100px;border-radius:28px;overflow:hidden;border:1px solid var(--line)}.portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.statline{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:34px 0}.stat{padding:19px}.stat+.stat{border-left:1px solid var(--line)}.stat strong{display:block;color:var(--purple2)}.stat span{font-size:.82rem;color:var(--muted)}
@media(max-width:850px){.brand img{width:165px;max-height:46px}.nav-cta.nav-cta-art{width:100%;height:66px;justify-content:flex-start;padding:4px 8px}.nav-cta.nav-cta-art img{width:92px}.nav nav{display:none;position:absolute;top:68px;left:14px;right:14px;flex-direction:column;align-items:stretch;background:#11131a;border:1px solid var(--line);border-radius:18px;padding:14px}.nav.open nav{display:flex}.nav nav a{padding:9px 10px}.nav nav a.active:after{display:none}.menu{display:block}.hero,.about-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:44px 0}.hero-photo{min-height:520px;order:-1}.section-head{grid-template-columns:1fr;gap:10px}.case{grid-template-columns:72px 1fr}.case-body{grid-template-columns:1fr}.case-link{margin-top:8px}.credit{grid-template-columns:1fr}.credit .year{text-align:left}.cap-grid,.timeline{grid-template-columns:1fr}.moment{border-right:0;border-bottom:1px solid var(--line)}.moment:last-child{border-bottom:0}.cta{grid-template-columns:1fr;padding:32px}.cta .actions{justify-content:flex-start}.portrait{position:relative;top:0;max-width:500px}.footer-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.wrap{padding:0 18px}.feature-strip,.audio-grid{grid-template-columns:1fr}.hero-photo{min-height:430px}.section{padding:64px 0}.case{grid-template-columns:1fr}.case-num{font-size:2rem}.statline{grid-template-columns:1fr}.stat+.stat{border-left:0;border-top:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Phase 4: page-specific art and richer case-study modules */
.hero-photo.art{
  overflow:visible;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:580px;
  background:
    radial-gradient(circle at 62% 30%, rgba(155,115,255,.22), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.04), rgba(155,115,255,.05));
}
.hero-photo.art img{
  width:100%;
  height:590px;
  object-fit:contain;
  object-position:center bottom;
  padding:8px 8px 0;
  filter:drop-shadow(0 28px 44px rgba(0,0,0,.35));
}
.hero-photo.art:after{
  background:linear-gradient(180deg, transparent 67%, rgba(8,9,13,.58));
  border-radius:32px;
}
.hero-photo.art.theatrical img{height:615px;width:108%;max-width:none;padding:0;}
.hero-photo.art.editorial img{height:605px;}
.hero-photo.art.sound img{height:610px;}
.portrait.art{
  background:
    radial-gradient(circle at 58% 28%, rgba(155,115,255,.18), transparent 36%),
    linear-gradient(145deg,#12141c,#0b0c11);
  overflow:hidden;
}
.portrait.art img{
  object-fit:contain;
  object-position:center bottom;
  padding:18px 10px 0;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.32));
}
.project-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.project-points span{font-size:.78rem;color:#d9d2e8;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02)}
.case-featured{padding:38px 0}
.case-featured .case-body{grid-template-columns:minmax(0,1fr) minmax(230px,.42fr);align-items:start}
.case-aside{border-left:1px solid var(--line);padding-left:24px;color:var(--muted);font-size:.92rem}
.case-aside strong{display:block;color:var(--text);margin-bottom:8px}
.episode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
.episode-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;padding:28px;background:linear-gradient(145deg,rgba(155,115,255,.12),rgba(255,255,255,.018));min-height:315px;display:flex;flex-direction:column}
.episode-card:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-80px;top:-90px;background:rgba(155,115,255,.12);filter:blur(2px)}
.episode-card .episode-num{font:900 .75rem/1 Trebuchet MS,Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--purple2);position:relative}
.episode-card h3{font-size:clamp(1.8rem,4vw,3.1rem);margin:22px 0 12px;position:relative}
.episode-card p{color:var(--muted);margin:0 0 18px;position:relative;max-width:540px}
.episode-credits{font-size:.82rem;color:#d5cdea;position:relative;margin-top:auto;padding-top:12px}
.episode-card a{display:inline-flex;margin-top:18px;align-self:flex-start;text-decoration:none;font-weight:900;color:var(--purple2);position:relative}
.sound-manifesto{padding:46px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(120deg,rgba(155,115,255,.13),rgba(255,255,255,.018));}
.sound-manifesto blockquote{margin:0;font-family:Georgia,serif;font-size:clamp(2rem,4.6vw,4.4rem);line-height:1.05;letter-spacing:-.025em;max-width:980px}
.sound-manifesto p{color:var(--muted);max-width:760px;margin:24px 0 0;font-size:1.06rem}
.mini-credit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mini-credit{border:1px solid var(--line);border-radius:18px;padding:20px;background:rgba(255,255,255,.018)}
.mini-credit small{display:block;text-transform:uppercase;letter-spacing:.13em;color:var(--purple2);font-weight:900;margin-bottom:7px}
.mini-credit p{margin:0;color:var(--muted);font-size:.9rem}
@media(max-width:850px){
  .hero-photo.art{order:-1;overflow:hidden}
  .hero-photo.art img,.hero-photo.art.theatrical img,.hero-photo.art.editorial img,.hero-photo.art.sound img{height:520px;width:100%}
  .case-featured .case-body{grid-template-columns:1fr}
  .case-aside{border-left:0;border-top:1px solid var(--line);padding:18px 0 0;margin-top:5px}
  .mini-credit-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .episode-grid{grid-template-columns:1fr}
  .sound-manifesto{padding:30px}
  .hero-photo.art img,.hero-photo.art.theatrical img,.hero-photo.art.editorial img,.hero-photo.art.sound img{height:430px}
}

/* Phase 7: final polish */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,audio:focus-visible{outline:3px solid var(--purple2);outline-offset:4px}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.nav nav a,.btn,.feature-card a,.case-link,.footer a{transition:color .16s ease,border-color .16s ease,background-color .16s ease,transform .16s ease}
.nav nav a:hover,.footer a:hover{color:#fff}
.btn:hover{transform:translateY(-1px)}
.menu[aria-expanded="true"]{border-color:rgba(155,115,255,.65);background:rgba(155,115,255,.08)}
.nav-cta-art:hover{border-color:rgba(155,115,255,.55);background:rgba(155,115,255,.08)}
@media(max-width:850px){.nav-inner{padding:12px 18px}.nav nav{top:64px;box-shadow:0 24px 70px rgba(0,0,0,.45)}.nav nav a{min-height:44px;display:flex;align-items:center}.hero-copy{padding-top:6px}.hero-photo.art{min-height:430px}.hero-photo.art img{height:455px}.cta{padding:28px}.footer{padding-bottom:38px}}
@media(max-width:520px){h1{font-size:clamp(2.9rem,16vw,4.6rem)}h2{font-size:clamp(2rem,12vw,3.2rem)}.hero-photo.art{min-height:360px}.hero-photo.art img{height:390px}.actions .btn{width:100%}.cta .actions{width:100%}.cta .actions .btn{width:100%}.footer-links{flex-wrap:wrap}.nav-cta.nav-cta-art{height:60px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}