.discipline-row{grid-template-columns:repeat(4,1fr)}
.discipline-row article{padding:38px 26px}
.discipline-row h3{font-size:clamp(23px,2.4vw,38px);line-height:1.12}
.discipline-row p{font-size:13px}

.dual-hero{height:100svh;min-height:760px;position:relative;display:grid;grid-template-columns:1fr 1fr;background:#050505;overflow:hidden;isolation:isolate}
.hero-world{position:relative;overflow:hidden;isolation:isolate}
.hero-world:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.16) 58%,rgba(0,0,0,.46));z-index:-1;transition:.45s}
.recording-world{border-right:1px solid rgba(255,255,255,.15)}
.hero-world img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.86);transition:transform 1.1s ease,filter .6s}
.hero-world:hover img{transform:scale(1.035);filter:saturate(1)}
.hero-world:hover:after{background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.08) 62%,rgba(0,0,0,.36))}
.world-number{position:absolute;top:112px;left:clamp(24px,4vw,64px);font-size:10px;letter-spacing:.18em;color:var(--gold)}
.world-copy{position:absolute;bottom:74px;left:clamp(24px,4vw,64px);right:40px}
.world-copy p{font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold)}
.world-copy h2{font:500 clamp(34px,4.4vw,68px)/.95 var(--serif);margin:12px 0 22px;text-transform:uppercase}
.world-copy b{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:500}
.dual-hero-center{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:90px 20px 170px;background:radial-gradient(circle at center,rgba(0,0,0,.42),transparent 48%)}
.dual-hero-center .eyebrow{justify-content:center}
.dual-hero-center h1{font:500 clamp(62px,9vw,142px)/.86 var(--serif);letter-spacing:-.055em;margin:25px 0 24px;text-shadow:0 4px 32px rgba(0,0,0,.7)}
.dual-hero-center h1 em{font-style:normal;color:var(--gold)}
.hero-deck{max-width:580px;margin:0;color:#dedbd4;font-size:15px;line-height:1.65;text-shadow:0 2px 18px #000}
.dual-hero .scroll-cue{z-index:4}

.cinematic-hero{height:100svh;min-height:760px;position:relative;overflow:hidden;isolation:isolate;background:#050505}
.cinematic-slide{position:absolute;inset:0;z-index:-3;opacity:0;transform:scale(1.035);transition:opacity 1.5s ease,transform 7s ease}
.cinematic-slide.is-active{opacity:1;transform:scale(1)}
.cinematic-slide img{width:100%;height:100%;object-fit:cover}
.cinematic-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.36) 55%,rgba(0,0,0,.2)),linear-gradient(0deg,rgba(0,0,0,.88),transparent 58%)}
.cinematic-hero-center{height:100%;display:flex;flex-direction:column;justify-content:center;padding:110px clamp(24px,7vw,110px) 180px;max-width:1400px}
.cinematic-hero-center h1{font:500 clamp(68px,10vw,148px)/.86 var(--serif);letter-spacing:-.055em;margin:25px 0 26px;text-shadow:0 4px 36px rgba(0,0,0,.8)}
.cinematic-hero-center h1 em{font-style:normal;color:var(--gold)}
.cinematic-hero-center .hero-deck{max-width:620px}
.hero-paths{position:absolute;left:clamp(24px,7vw,110px);right:clamp(24px,7vw,110px);bottom:62px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.22);max-width:850px;pointer-events:auto}
.hero-paths a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:16px;background:rgba(7,7,7,.72);backdrop-filter:blur(12px);padding:18px 20px;transition:.3s}
.hero-paths a:hover{background:rgba(200,162,91,.92);color:#111}
.hero-paths span,.hero-paths b{font-size:9px;letter-spacing:.15em;color:var(--gold);font-weight:500}
.hero-paths strong{font:500 22px var(--serif);text-transform:uppercase}
.hero-paths a:hover span,.hero-paths a:hover b{color:#473719}
.hero-slide-controls{position:absolute;right:clamp(24px,4vw,65px);bottom:80px;display:flex;gap:10px;z-index:4}
.hero-slide-controls button{width:38px;height:3px;border:0;padding:0;background:rgba(255,255,255,.35);cursor:pointer;transition:.35s}
.hero-slide-controls button.is-active{background:var(--gold);width:70px}
.cinematic-hero .scroll-cue{z-index:4;left:auto;right:clamp(24px,4vw,65px);bottom:34px}

.primary-divisions{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:95px}
.primary-division{height:610px;position:relative;isolation:isolate;overflow:hidden;padding:38px;display:flex;align-items:flex-end}
.primary-division:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .9s ease}
.primary-division:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.08) 70%)}
.primary-division:hover:before{transform:scale(1.035)}
.recording-division:before{background-image:url("assets/studio-live-session.png")}
.film-division:before{background-image:url("assets/soundstage-hero.png")}
.primary-division>div{max-width:540px}
.primary-division span,.primary-division a{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold)}
.primary-division h3{font:500 clamp(38px,4vw,62px)/1 var(--serif);margin:15px 0 22px;text-transform:uppercase}
.primary-division p{color:#d2cec5;line-height:1.7;font-size:14px;margin:0 0 26px}

.division-hub{background:#101010;border-top:1px solid var(--line)}
.division-intro{display:grid;grid-template-columns:1fr 1.45fr .8fr;gap:4vw;align-items:end;margin-bottom:75px}
.division-intro .section-kicker{align-self:start;margin-top:27px}
.division-intro .display{margin:0}
.division-intro>p:last-child{color:var(--muted);line-height:1.75;margin:0 0 9px}
.division-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.division-card{min-height:390px;padding:34px;display:grid;grid-template-columns:55px 1fr auto;gap:20px;background:#161616;position:relative;overflow:hidden;transition:.45s}
.division-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,rgba(200,162,91,.1));opacity:0;transition:.45s}
.division-card:hover{background:#1c1b19}
.division-card:hover:before{opacity:1}
.division-card>span{font-size:10px;letter-spacing:.15em;color:var(--gold)}
.division-card>div{align-self:end;position:relative}
.division-card>div>p{text-transform:uppercase;letter-spacing:.17em;color:var(--gold);font-size:9px}
.division-card h3{font:500 clamp(30px,3.2vw,50px) var(--serif);margin:12px 0 24px}
.division-card ul{list-style:none;margin:0;padding:0;color:var(--muted);line-height:1.9;font-size:13px}
.division-card b{font-size:22px;color:var(--gold);font-weight:300}
.audio-card{background:linear-gradient(rgba(9,9,9,.42),rgba(9,9,9,.93)),url("assets/studio-instrument-room.png") center/cover}
.gold-card{background:var(--gold);color:#111}
.gold-card>span,.gold-card>div>p,.gold-card>b{color:#473719}
.gold-card ul{color:#493d2d}

.capabilities-image{background-image:url("assets/studio-guitar-wall.png");background-position:center}

.environments{background:var(--ivory);color:var(--ink)}
.environment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.environment{height:460px;padding:24px;position:relative;display:flex;justify-content:space-between;isolation:isolate;overflow:hidden;color:var(--ivory)}
.environment:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .8s}
.environment:hover:before{transform:scale(1.04)}
.environment:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.84),transparent 65%)}
.environment-a:before{background-image:url("assets/studio-live-session.png")}
.environment-b:before{background-image:url("assets/studio-podcast.jpg")}
.environment-c:before{background-image:url("assets/studio-keyboard-blue.png")}
.environment-d:before{background-image:url("assets/studio-band-rehearsal.png")}
.environment>span{font-size:10px;letter-spacing:.14em;color:var(--gold)}
.environment>div{align-self:flex-end}
.environment p{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.environment h3{font:500 clamp(30px,3vw,48px) var(--serif);margin:8px 0}

.hero-image{object-position:center 48%}
.studio-gallery{background:#090909;border-top:1px solid var(--line);color:var(--ivory)}
.studio-gallery .section-heading>p{color:var(--muted)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:14px}
.gallery-grid figure{position:relative;overflow:hidden;margin:0;background:#111}
.gallery-grid figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 55%);pointer-events:none}
.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.gallery-grid figure:hover img{transform:scale(1.035)}
.gallery-grid figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:18px;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.16em;font-size:10px}
.gallery-grid figcaption span{color:var(--gold)}
.gallery-wide{grid-column:span 2}
.gallery-tall{grid-row:span 2}
.bts.one{background-image:linear-gradient(0deg,rgba(0,0,0,.45),transparent),url("assets/studio-control-room.png")}
.bts.two{background-image:linear-gradient(0deg,rgba(0,0,0,.45),transparent),url("assets/studio-live-session.png")}
.bts.three{background-image:linear-gradient(0deg,rgba(0,0,0,.45),transparent),url("assets/studio-lounge.png")}
.bts{background-position:center;background-size:cover}
.project-art.soundstage:before{background-image:url("assets/studio-instrument-room.png")}

@media (max-width:900px){
  .cinematic-hero{min-height:820px}
  .cinematic-hero-center{padding:100px 24px 250px}
  .cinematic-hero-center h1{font-size:clamp(54px,13vw,86px)}
  .hero-paths{grid-template-columns:1fr;left:24px;right:24px;bottom:70px;max-width:none}
  .hero-slide-controls{right:24px;bottom:32px}
  .cinematic-hero .scroll-cue{display:none}
  .dual-hero{grid-template-columns:1fr;grid-template-rows:1fr 1fr;min-height:900px}
  .recording-world{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}
  .world-number{top:30px}
  .world-copy{bottom:24px}
  .world-copy h2{font-size:34px;margin-bottom:10px}
  .world-copy p,.world-copy b{font-size:8px}
  .dual-hero-center{padding:80px 20px 150px;background:linear-gradient(0deg,transparent 16%,rgba(0,0,0,.55) 42%,rgba(0,0,0,.58) 58%,transparent 84%)}
  .dual-hero-center h1{font-size:clamp(50px,12vw,78px)}
  .hero-deck{font-size:13px;max-width:360px}
  .primary-divisions{grid-template-columns:1fr}
  .primary-division{height:520px}
  .discipline-row{grid-template-columns:repeat(2,1fr)}
  .division-intro{grid-template-columns:1fr}
  .division-intro .section-kicker{margin-top:0}
  .division-cards{grid-template-columns:1fr}
  .division-card{min-height:330px}
  .environment{height:380px}
  .gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:260px}
  .gallery-wide{grid-column:span 2}
}

@media (max-width:560px){
  .cinematic-hero{min-height:760px}
  .cinematic-hero-center{padding:90px 20px 260px}
  .cinematic-hero-center h1{font-size:54px;line-height:.92}
  .cinematic-hero-center .hero-deck{font-size:13px;max-width:330px}
  .hero-paths{left:20px;right:20px;bottom:64px}
  .hero-paths a{grid-template-columns:28px 1fr;padding:14px 15px}
  .hero-paths strong{font-size:18px}
  .hero-paths b{display:none}
  .hero-slide-controls{right:20px;bottom:28px}
  .dual-hero{min-height:860px}
  .dual-hero-center{padding-top:50px}
  .dual-hero-center h1{font-size:47px}
  .dual-hero-center .eyebrow{font-size:9px}
  .hero-deck{display:none}
  .world-copy{top:92px;bottom:auto;left:20px;right:20px}
  .world-copy h2{font-size:28px;margin-top:8px}
  .world-copy b{display:none}
  .primary-division{height:470px;padding:25px 20px}
  .primary-division h3{font-size:38px}
  .discipline-row{grid-template-columns:1fr}
  .division-card{grid-template-columns:38px 1fr auto;padding:26px 20px;min-height:350px}
  .environment-grid{grid-template-columns:1fr}
  .environment{height:390px}
  .gallery-grid{grid-template-columns:1fr;grid-auto-rows:300px}
  .gallery-wide{grid-column:span 1}
  .gallery-tall{grid-row:span 1}
  .contact h2{font-size:40px}
}
