/* MERTZ BEATZ V31 - FINAL PRODUCTION SYSTEM */
:root{
  --onyx:#050505; --ink:#0b0b0b; --white:#fff; --bone:#f4f1ec; --copper:#ac5817; --amber:#c96f2b;
  --amber-strong:#d27733; --amber-soft:rgba(172,88,23,.16); --muted:#a8a8a8; --muted-light:#47443e; --line:#242424;
  --font-body:'Inter',Arial,sans-serif; --font-display:'League Spartan','Inter',Arial,sans-serif;
  --header:72px; --pad:clamp(24px,5vw,88px); --section:clamp(88px,9vw,150px);
  --ease:cubic-bezier(.16,1,.3,1); --max:1600px;
}
*{box-sizing:border-box}
html{background:var(--onyx);color:var(--white);scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--onyx);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
.low-data img{display:block;width:100%;height:100%;object-fit:cover} picture{display:block;width:100%;height:100%}
a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit} button{color:inherit}
h1,h2,h3,p{margin:0} h1,h2{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.032em;text-wrap:balance} h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.022em} p{line-height:1.65}
::selection{background:var(--amber);color:var(--onyx)}
.skip-link{position:fixed;left:16px;top:-120px;z-index:11000;padding:10px 14px;background:#fff;color:#050505;font-size:13px;font-weight:800;transition:top .15s}.skip-link:focus{top:16px}
:focus-visible{outline:2px solid var(--amber);outline-offset:5px}

/* Header */
.site-header{position:fixed;left:0;right:0;top:0;height:calc(var(--header) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--pad) 0;z-index:1200;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(5,5,5,.82);border-bottom:1px solid rgba(255,255,255,.055);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .3s ease,border-color .3s ease}
body[data-page="home"] .site-header:not(.scrolled),body[data-page="studio"] .site-header:not(.scrolled),body[data-page="sessions"] .site-header:not(.scrolled){background:linear-gradient(180deg,rgba(5,5,5,.72),rgba(5,5,5,0));border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header.scrolled{background:rgba(5,5,5,.95);border-color:rgba(255,255,255,.08)}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;justify-self:start;overflow:hidden}.brand-mark img{object-fit:contain;transform:scale(1);opacity:1;transition:transform .45s var(--ease),opacity .45s var(--ease)}.js .brand-mark img{transform:scale(.92);opacity:0}.js body.is-ready .brand-mark img{transform:scale(1);opacity:1}.brand-mark:hover img{transform:scale(1.04)}
.desktop-nav{display:flex;gap:clamp(22px,2.5vw,38px);align-items:center}.desktop-nav a,.header-book{position:relative;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:10px 0}.desktop-nav a::after,.header-book::after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--amber);opacity:.92;transition:right .32s var(--ease)}.desktop-nav a:hover::after,.desktop-nav a[aria-current="page"]::after,.header-book:hover::after{right:0}.header-book{justify-self:end;color:var(--white)}
.menu-toggle{display:none;width:44px;height:44px;border:0;background:transparent;position:relative;cursor:pointer}.menu-toggle span{position:absolute;left:10px;right:10px;height:1px;background:#fff;transition:transform .28s var(--ease),top .28s var(--ease)}.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:26px}.menu-toggle[aria-expanded="true"] span:first-child{top:22px;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{top:22px;transform:rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:1150;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#050505;padding:calc(var(--header) + env(safe-area-inset-top) + 34px) 20px calc(24px + env(safe-area-inset-bottom));opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease,visibility .25s,transform .35s var(--ease)}.mobile-menu.open{opacity:1;visibility:visible;transform:none}.mobile-menu-inner{min-height:100%;display:flex;flex-direction:column}.mobile-menu a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-size:clamp(37px,10.6vw,52px);line-height:.96;letter-spacing:-.04em;font-weight:800;text-transform:uppercase}.mobile-menu-wordmark{margin-top:auto;width:min(285px,76vw);padding-top:30px}.mobile-menu-wordmark img{object-fit:contain}

/* shared */
main{overflow:clip}.section-pad{padding:var(--section) var(--pad)}.section-inner{width:min(100%,var(--max));margin-inline:auto}.light{background:var(--bone);color:var(--onyx)}
.display{font-family:var(--font-display);font-size:clamp(62px,7vw,118px);line-height:.92;letter-spacing:-.03em}.accent{color:var(--amber)}
.body-copy{max-width:560px;color:var(--muted);font-size:clamp(15px,1.05vw,18px)}.light .body-copy{color:var(--muted-light)}
.action-link,.text-link{position:relative;display:inline-flex;align-items:center;width:max-content;padding:8px 0 9px;font-size:12px;font-weight:800;letter-spacing:.105em;text-transform:uppercase}.action-link::after,.text-link::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#5c5c5c;transform-origin:left;transition:transform .32s var(--ease),background .3s}.action-link.primary::after{height:2px;background:var(--amber)}.action-link:hover::after,.text-link:hover::after{transform:scaleX(.48);background:var(--amber)}.light .text-link::after{background:#8b877f}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js .reveal.in-view{opacity:1;transform:none}.media-reveal{overflow:hidden;clip-path:none;opacity:1}.js .media-reveal{clip-path:inset(0 0 9% 0);opacity:.92;transition:clip-path .9s var(--ease),opacity .75s var(--ease)}.js .media-reveal.in-view{clip-path:inset(0);opacity:1}.media-reveal img{transform:translate3d(0,var(--media-y,0),0) scale(1.018);transition:transform .8s var(--ease)}

/* Home hero */
.cinema-hero{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(390px,.82fr);background:#050505;position:relative;overflow:hidden}
.cinema-hero-media{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:#ac5817}.cinema-hero-media picture{transform:scale(1);transition:transform 1.15s var(--ease)}.js .cinema-hero-media picture{transform:scale(1.025)}.js body.is-ready .cinema-hero-media picture{transform:scale(1)}.cinema-hero-media img{object-position:center center;transform:translate3d(0,var(--hero-y,0),0) scale(1.025);will-change:transform}.cinema-hero-media::after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(5,5,5,.18) 100%),linear-gradient(0deg,rgba(5,5,5,.12),transparent 24%);pointer-events:none}.js .cinema-hero-media::before{content:"";position:absolute;z-index:4;inset:0;background:#050505;box-shadow:-2px 0 0 var(--amber);transform:translateX(0);transition:transform .92s cubic-bezier(.76,0,.24,1) .04s;pointer-events:none}.js body.is-ready .cinema-hero-media::before{transform:translateX(101%)}
.cinema-hero-copy{position:relative;min-height:100vh;min-height:100svh;padding:clamp(120px,13vh,166px) clamp(34px,4.3vw,78px) clamp(46px,6vh,70px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.cinema-hero-mark{position:absolute;right:-39%;top:14%;width:min(48vw,700px);opacity:.028;pointer-events:none;transform:translate3d(var(--hero-mark-x,0),var(--hero-mark-y,0),0) scale(var(--hero-mark-scale,.94));will-change:transform}.cinema-hero-mark img{height:auto;object-fit:contain}
.cinema-title{position:relative;z-index:1;font-family:var(--font-display);font-size:clamp(72px,6.1vw,108px);line-height:.92;max-width:6.7ch;letter-spacing:-.03em}.cinema-title span{display:block}.js .cinema-title span{opacity:0;transform:translateY(22px)}.js body.is-ready .cinema-title span{animation:titleIn .78s var(--ease) forwards}.js body.is-ready .cinema-title span:nth-child(2){animation-delay:.07s}.js body.is-ready .cinema-title span:nth-child(3){animation-delay:.14s}.cinema-title .accent{color:var(--amber)}@keyframes titleIn{to{opacity:1;transform:none}}
.cinema-hero-meta{position:relative;z-index:1;max-width:500px;opacity:1;transform:none}.js .cinema-hero-meta{opacity:0;transform:translateY(12px)}.js body.is-ready .cinema-hero-meta{animation:metaIn .7s var(--ease) .2s forwards}@keyframes metaIn{to{opacity:1;transform:none}}.cinema-hero-meta p{font-size:clamp(15px,1vw,17px);line-height:1.62;color:#c9c3ba;margin-bottom:22px;max-width:34ch}
/* Home sections */
.manifesto{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.62fr);gap:clamp(42px,8vw,130px);align-items:end}.manifesto h2{max-width:10.4ch}.manifesto p{margin-bottom:20px}.manifesto-links{display:flex;gap:22px;flex-wrap:wrap}
.proof{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.22fr) minmax(190px,.5fr);gap:16px;align-items:end}.proof-copy{align-self:center;padding-right:clamp(0px,2vw,28px)}.proof-copy h2{font-size:clamp(54px,5.3vw,90px);line-height:.92;max-width:9.8ch;margin-bottom:24px}.proof-copy p{max-width:410px;color:var(--muted)}.proof-main{aspect-ratio:4/5}.proof-side{aspect-ratio:3/4}.studio-treatment img{filter:grayscale(.78) saturate(.3) contrast(1.07) brightness(.82)}
.brand-portal{position:relative;height:138vh;border-block:1px solid rgba(255,255,255,.065);background:#050505}.brand-portal-stage{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:hidden;padding:0 var(--pad)}.brand-portal-mark{position:absolute;right:-2vw;top:50%;width:min(63vw,980px);opacity:.18;aspect-ratio:1.33/1;transform:translate3d(var(--portal-x,0),calc(-50% + var(--portal-y,0)),0) scale(var(--portal-scale,.75));background-image:url('/assets/img/studio-hero-v26-1008.webp');background-image:image-set(url('/assets/img/studio-hero-v26-1008.avif') type('image/avif'),url('/assets/img/studio-hero-v26-1008.webp') type('image/webp'));background-size:cover;background-position:50% var(--portal-bg,52%);-webkit-mask:url('/assets/img/mb-white.svg') center/contain no-repeat;mask:url('/assets/img/mb-white.svg') center/contain no-repeat;filter:grayscale(1) contrast(1.1) brightness(.78);opacity:var(--portal-opacity,.22);will-change:transform,opacity,background-position}.brand-portal-copy{position:relative;z-index:1;max-width:1000px}.brand-portal-copy h2{font-size:clamp(70px,8.8vw,148px);line-height:.87;max-width:9ch}.brand-portal-copy h2 span{display:block}.brand-portal-copy h2 .accent{color:var(--amber)}.brand-portal-copy p{margin-top:26px;color:#999;font-size:clamp(15px,1vw,18px)}
.sessions-home{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:clamp(42px,6vw,100px);align-items:center}.sessions-home h2{font-size:clamp(56px,5.8vw,98px);line-height:.91;max-width:10ch;margin-bottom:24px}.sessions-home p{color:var(--muted);max-width:510px;margin-bottom:22px}.sessions-media{aspect-ratio:4/3;position:relative}.screen-cover{position:absolute;z-index:2;left:47%;top:5.5%;width:28%;aspect-ratio:1.62;background:#050505;display:grid;place-items:center;box-shadow:0 10px 36px rgba(0,0,0,.35)}.screen-cover img{width:62%;height:62%;object-fit:contain}
.producer{display:grid;grid-template-columns:1fr 1fr;background:var(--bone);color:var(--onyx)}.producer-media{min-height:82vh;min-height:82svh}.producer-copy{padding:var(--section) var(--pad);display:flex;flex-direction:column;justify-content:center}.producer-copy h2{font-size:clamp(66px,7vw,118px);line-height:.86;margin-bottom:24px}.producer-copy .role{font-weight:800;margin-bottom:18px}.producer-copy p:not(.role){max-width:520px;color:#3f3d38;margin-bottom:22px}
.services h2{font-size:clamp(62px,7vw,116px);line-height:.9;margin-bottom:52px;max-width:9ch}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1fr);gap:40px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);transition:border-color .25s ease}.service-row h3{font-size:clamp(28px,2.4vw,42px);line-height:1.05;letter-spacing:-.035em;transition:color .25s ease}.service-row p{color:#8f8f8f;max-width:570px}.service-row:hover{border-color:rgba(201,111,43,.36)}.service-row:hover h3{color:var(--amber)}
.final-cta{position:relative;min-height:62vh;min-height:62svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.final-cta::before{content:"";position:absolute;inset:8% -5% 8% 34%;background:url("/assets/img/wordmark-white.svg") center/contain no-repeat;opacity:.022;pointer-events:none}.final-cta>.section-inner{position:relative;z-index:1}.final-cta h2{font-size:clamp(72px,8.6vw,142px);line-height:.86;max-width:8ch;margin-bottom:24px}.final-cta p{color:var(--muted);max-width:520px;margin-bottom:22px}

/* Internal page hero */
.split-hero{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(390px,.83fr) minmax(0,1.17fr);padding-top:var(--header);background:#050505}.split-copy{min-width:0;padding:clamp(64px,7vw,112px) var(--pad);display:flex;flex-direction:column;justify-content:center}.split-copy h1{font-size:clamp(68px,6.6vw,112px);line-height:.9;max-width:9ch;margin-bottom:28px}.split-copy p{max-width:540px;color:var(--muted);font-size:clamp(15px,1vw,18px);margin-bottom:24px}.split-media{overflow:hidden;position:relative;min-width:0}.split-media img{transform:translate3d(0,var(--media-y,0),0) scale(1.015)}
.wide-hero{position:relative;height:100vh;height:100svh;min-height:650px;overflow:hidden}.wide-hero-media,.wide-hero-media picture,.wide-hero-media img{position:absolute;inset:0}.wide-hero::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.84) 0%,rgba(5,5,5,.48) 38%,rgba(5,5,5,.08) 78%),linear-gradient(0deg,rgba(5,5,5,.65),transparent 55%)}.js .wide-hero::before{content:"";position:absolute;z-index:4;inset:0;background:#050505;box-shadow:-2px 0 0 var(--amber);transform:translateX(0);transition:transform .82s cubic-bezier(.76,0,.24,1) .04s;pointer-events:none}.js body.is-ready .wide-hero::before{transform:translateX(101%)}.wide-hero-copy{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:clamp(42px,6vw,80px)}.wide-hero-copy h1{font-size:clamp(72px,8vw,138px);line-height:.88;max-width:9ch}.wide-hero-copy p{margin-top:20px;color:#d1d1d1;max-width:560px}
.page-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.58fr);gap:clamp(42px,8vw,130px);align-items:end}.page-intro h2{font-size:clamp(58px,6.2vw,104px);line-height:.91;max-width:10ch}.page-intro p{color:var(--muted);max-width:530px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.process-grid.three{grid-template-columns:repeat(3,1fr)}.process-grid article{padding:clamp(34px,4vw,58px) clamp(22px,2.5vw,38px);border-right:1px solid var(--line);min-height:250px;transition:background .32s var(--ease),transform .32s var(--ease)}.process-grid article:last-child{border-right:0}.process-grid h3{font-size:clamp(26px,2.7vw,42px);letter-spacing:-.035em;margin-bottom:48px;transition:color .28s var(--ease)}.process-grid p{color:#939393;max-width:300px}.process-grid article:hover{background:rgba(255,255,255,.014)}.process-grid article:hover h3{color:var(--amber)}
.editorial-photo{height:min(82vh,880px)}
.statement{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.58fr);gap:clamp(42px,8vw,130px);align-items:end;border-block:1px solid var(--line)}.statement h2{font-size:clamp(62px,7vw,118px);line-height:.9;max-width:9ch}.statement p{color:var(--muted);max-width:520px}
.plain-lines{padding-top:0;padding-bottom:0}.plain-lines>div{display:grid;grid-template-columns:minmax(240px,.52fr) minmax(0,1fr);gap:clamp(28px,7vw,110px);padding:28px 0;border-top:1px solid var(--line)}.plain-lines>div:last-child{border-bottom:1px solid var(--line)}.plain-lines h3{font-size:clamp(24px,2.4vw,38px);letter-spacing:-.03em}.plain-lines p{color:#929292;max-width:650px}
.gallery{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.gallery>div{overflow:hidden}.gallery-wide{aspect-ratio:16/10}.gallery-tall{aspect-ratio:3/4}.gallery-doc{aspect-ratio:4/3}.gallery .full{grid-column:1/-1}.session-duo{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.session-duo>div{aspect-ratio:4/3;overflow:hidden}

/* Booking */
.booking-top{padding:calc(var(--header) + clamp(70px,8vw,120px)) var(--pad) clamp(54px,6vw,86px)}.booking-top h1{font-size:clamp(72px,8.4vw,142px);line-height:.86;max-width:8ch;margin-bottom:24px}.booking-top>p{max-width:640px;color:var(--muted);font-size:clamp(15px,1vw,18px)}.whatsapp-number{display:block;width:max-content;max-width:100%;margin-top:38px;padding:18px 0;border-block:1px solid var(--line);font-size:clamp(34px,5.2vw,78px);font-weight:800;letter-spacing:-.045em;transition:color .25s}.whatsapp-number:hover{color:var(--amber)}.voice-note{margin-top:42px}.voice-note h2{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.035em;margin-bottom:8px}.voice-note p{color:#929292}
.booking-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.62fr);gap:clamp(50px,8vw,120px);border-top:1px solid var(--line)}.brief-intro h2{font-size:clamp(56px,6vw,100px);line-height:.9;max-width:8ch;margin-bottom:18px}.brief-intro p{color:#929292;max-width:560px}.booking-form{display:flex;flex-direction:column;gap:26px;margin-top:42px}.field{display:flex;flex-direction:column;gap:9px}.field label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#b4b4b4}.field label span{font-weight:500;text-transform:none;letter-spacing:0;color:#808080}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid #444;border-radius:0;background:transparent;color:#fff;padding:13px 0 14px;font-size:16px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--amber)}.field select option{background:#111;color:#fff}.brief-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:8px}.brief-actions button.action-link{appearance:none;-webkit-appearance:none;border:0;background:transparent;cursor:pointer;color:#fff}
.text-button{position:relative;border:0;background:none;padding:7px 0 8px;color:#aaa;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.text-button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#666}.booking-aside{position:sticky;top:calc(var(--header) + 30px);align-self:start}.booking-portrait{aspect-ratio:1}.booking-contact{padding-top:24px}.booking-contact a,.booking-contact p{display:flex;align-items:center;min-height:28px;margin-bottom:5px;overflow-wrap:anywhere}.booking-contact p{color:#8c8c8c}.booking-contact a:hover{color:var(--amber)}

/* Footer */
.site-footer{padding:76px var(--pad) 28px;border-top:1px solid var(--line)}.footer-logo{width:min(560px,72vw);margin-bottom:52px}.footer-logo img{object-fit:contain}.footer-grid{display:grid;grid-template-columns:1.45fr .7fr 1.1fr;gap:42px;padding:30px 0;border-block:1px solid var(--line);font-size:14px;color:#9c9c9c}.footer-grid p{max-width:510px}.footer-links{display:flex;flex-direction:column;gap:4px}.footer-links a{display:flex;align-items:center;min-height:28px}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;color:#808080;font-size:10px;line-height:1.55;font-weight:700;letter-spacing:.09em;text-transform:uppercase}

/* page transition */
.page-wipe{position:fixed;inset:0;z-index:10000;pointer-events:none;background:#050505;transform:translateX(-102%);will-change:transform}.page-wipe::after{content:"";position:absolute;right:0;top:0;width:2px;height:100%;background:var(--amber)}body.is-leaving .page-wipe{animation:wipe .24s cubic-bezier(.7,0,.3,1) forwards}@keyframes wipe{to{transform:translateX(0)}}

.low-data .brand-portal{height:auto}.low-data .brand-portal-stage{position:relative;height:72vh}.low-data .brand-portal-mark{transform:translateY(-50%) scale(.9);opacity:.22}
.coming-soon{margin-top:16px}.notfound{padding-top:calc(var(--header) + 88px)}.notfound-title{font-size:clamp(76px,12vw,180px);line-height:.9;margin-bottom:20px}

/* Tablet */
@media(max-width:1100px){
  :root{--pad:clamp(22px,4vw,46px)}
  .cinema-hero{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.cinema-title{font-size:clamp(68px,7vw,88px)}
  .proof{grid-template-columns:.8fr 1.25fr .5fr}.proof-copy h2{font-size:clamp(50px,5.3vw,68px)}
  .service-row{grid-template-columns:.62fr 1fr}
}

/* Mobile */
@media(max-width:820px){
  :root{--header:64px;--pad:20px;--section:78px}
    .site-header{grid-template-columns:1fr auto;padding-left:20px;padding-right:14px}.desktop-nav,.header-book{display:none}.menu-toggle{display:block}.brand-mark{width:36px;height:36px}
  .section-pad{padding-top:var(--section);padding-bottom:var(--section)}
  h1,h2{letter-spacing:-.036em}
  .display{font-size:clamp(44px,11.5vw,58px);line-height:.94}
  .body-copy,p{font-size:15px;line-height:1.62}

  .cinema-hero{display:block;min-height:100vh;min-height:100svh;padding-bottom:0}.cinema-hero-media{height:64vh;height:64svh;min-height:0}.cinema-hero-media img{object-position:center 47%;transform:translate3d(0,var(--hero-y,0),0) scale(1.012)}.cinema-hero-media::after{background:linear-gradient(180deg,rgba(5,5,5,.12),transparent 28%,transparent 66%,rgba(5,5,5,.88) 100%)}
  .cinema-hero-copy{min-height:36vh;min-height:36svh;padding:22px 20px 26px;display:block;overflow:visible}.cinema-title{position:absolute;left:20px;bottom:calc(36svh + 18px);font-size:clamp(52px,13.8vw,66px);line-height:.93;max-width:6.3ch;text-shadow:0 2px 26px rgba(0,0,0,.42)}.cinema-hero-mark{display:none}.cinema-hero-meta{max-width:480px}.cinema-hero-meta p{font-size:15px;line-height:1.56;margin-bottom:15px}.actions,.cinema-actions{gap:20px}.action-link,.text-link{font-size:10px;letter-spacing:.095em}

  .manifesto{grid-template-columns:1fr;gap:28px}.manifesto h2{font-size:clamp(44px,11.7vw,57px);line-height:.95;max-width:10ch}.manifesto-links{gap:18px}
  .proof{grid-template-columns:1fr 1fr;gap:10px}.proof-copy{grid-column:1/-1;padding:0 0 10px}.proof-copy h2{font-size:clamp(43px,11.2vw,55px);line-height:.95;max-width:9.5ch;margin-bottom:18px}.proof-copy p{font-size:15px}.proof-main{grid-column:1/-1;aspect-ratio:4/5}.proof-side{grid-column:2;aspect-ratio:3/4;margin-top:-30px;border:6px solid #050505}
  .brand-portal{height:116vh}.brand-portal-stage{height:100vh;height:100svh;padding:0 20px;align-items:flex-end;padding-bottom:76px}.brand-portal-mark{width:112vw;right:-35vw;top:46%;opacity:var(--portal-opacity,.2)}.brand-portal-copy h2{font-size:clamp(48px,12.5vw,62px);line-height:.92;max-width:8ch}.brand-portal-copy p{font-size:14px;margin-top:16px}
  .sessions-home{grid-template-columns:1fr;gap:32px}.sessions-home h2{font-size:clamp(44px,11.4vw,56px);line-height:.95;max-width:10ch;margin-bottom:18px}.sessions-media{order:-1}.sessions-home p{font-size:15px}
  .producer{grid-template-columns:1fr}.producer-media{min-height:62vh;min-height:62svh}.producer-copy{padding:66px 20px 72px}.producer-copy h2{font-size:clamp(50px,12.8vw,64px);line-height:.93}.services h2{font-size:clamp(48px,12vw,60px);line-height:.93;margin-bottom:34px}.service-row{grid-template-columns:1fr;gap:6px;padding:21px 0}.service-row h3{font-size:28px}.service-row p{font-size:14px}.service-row:hover{padding-left:0}.final-cta{min-height:52vh;min-height:52svh}.final-cta h2{font-size:clamp(52px,13.1vw,64px);line-height:.92}

  .split-hero{grid-template-columns:1fr;padding-top:0;min-height:auto}.split-copy{order:0;min-height:52vh;min-height:52svh;padding:calc(var(--header) + 42px) 20px 52px}.split-media{height:58vh;height:58svh;order:1}.split-copy h1{font-size:clamp(48px,12.4vw,60px);line-height:.93;max-width:9ch;margin-bottom:20px}.split-copy p{font-size:15px}.wide-hero{height:76vh;height:76svh;min-height:560px}.wide-hero-copy{left:20px;right:20px;bottom:30px}.wide-hero-copy h1{font-size:clamp(48px,12.4vw,60px);line-height:.92;max-width:8.6ch}.wide-hero-copy p{font-size:14px}.wide-hero::after{background:linear-gradient(0deg,rgba(5,5,5,.82) 0%,rgba(5,5,5,.34) 42%,rgba(5,5,5,.05) 76%)}
  .page-intro,.statement{grid-template-columns:1fr;gap:26px}.page-intro h2,.statement h2{font-size:clamp(43px,11.2vw,54px);line-height:.95;max-width:10ch}.page-intro p,.statement p{font-size:15px}
  .process-grid,.process-grid.three{grid-template-columns:1fr}.process-grid article{min-height:auto;padding:30px 20px;border-right:0;border-bottom:1px solid var(--line)}.process-grid article:last-child{border-bottom:0}.process-grid h3{font-size:28px;margin-bottom:18px}.process-grid p{font-size:14px}.editorial-photo{height:62vh;height:62svh}.plain-lines>div{grid-template-columns:1fr;gap:9px;padding:24px 0}.plain-lines h3{font-size:27px}.plain-lines p{font-size:14px}.gallery{grid-template-columns:1fr 1fr;gap:8px}.gallery-wide{grid-column:1/-1}.gallery-tall{aspect-ratio:4/5}.session-duo{grid-template-columns:1fr;gap:8px}.session-duo>div{aspect-ratio:4/3}

  .booking-top{padding:calc(var(--header) + 52px) 20px 46px}.booking-top h1{font-size:clamp(52px,13vw,64px);line-height:.92}.booking-top>p{font-size:15px}.whatsapp-number{font-size:clamp(34px,9vw,44px);margin-top:28px;padding:15px 0}.voice-note{margin-top:32px}.voice-note h2{font-size:31px}.booking-layout{grid-template-columns:1fr;gap:48px}.brief-intro h2{font-size:clamp(46px,11.8vw,58px);line-height:.94}.booking-aside{position:static}.booking-portrait{max-width:520px}.field input,.field select,.field textarea{font-size:16px}
  .site-footer{padding:62px 20px calc(28px + env(safe-area-inset-bottom))}.footer-logo{width:min(310px,78vw);margin-bottom:38px}.footer-grid{grid-template-columns:1fr;gap:22px;font-size:14px}.footer-bottom{flex-direction:column;gap:6px;font-size:10px}
}

@media(max-width:390px){
  .cinema-title{font-size:clamp(49px,13.2vw,54px)}
  .manifesto h2,.proof-copy h2,.sessions-home h2,.page-intro h2,.statement h2{font-size:clamp(41px,11vw,45px)}
  .producer-copy h2,.services h2,.final-cta h2,.split-copy h1,.wide-hero-copy h1,.booking-top h1,.brief-intro h2{font-size:clamp(46px,12.2vw,51px)}
}


@media(max-width:340px){
  .manifesto h2,.proof-copy h2,.sessions-home h2,.page-intro h2,.statement h2{font-size:36px}
  .producer-copy h2,.services h2,.final-cta h2,.split-copy h1,.wide-hero-copy h1,.booking-top h1,.brief-intro h2{font-size:42px}
  .sessions-home h2 .accent,.statement h2 .accent{font-size:.98em}
}

/* No-JS fallback: the site remains fully readable if the enhancement script fails. */
html:not(.js) .brand-portal{height:auto}
html:not(.js) .brand-portal-stage{position:relative;height:72vh}
html:not(.js) .brand-portal-mark{transform:translateY(-50%) scale(.9);opacity:.22}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.js .reveal,.js .media-reveal,.js .cinema-title span,.js .cinema-hero-meta,.js .brand-mark img,.reveal,.media-reveal,.cinema-title span,.cinema-hero-meta,.brand-mark img{opacity:1;transform:none;transition:none;animation:none}.js .media-reveal,.media-reveal{clip-path:none}.cinema-hero-media img,.media-reveal img,.split-media img{transform:none}.brand-portal{height:auto}.brand-portal-stage{position:relative;height:72vh}.brand-portal-mark{transform:translateY(-50%) scale(.9);opacity:.22}.page-wipe{display:none}
}

/* V18 production lock: keep retired TV identity out of all live surfaces */
.brand-screen-cover{position:absolute;z-index:2;background:#050505;display:grid;place-items:center;box-shadow:0 12px 36px rgba(0,0,0,.34);overflow:hidden;pointer-events:none}
.brand-screen-cover img{width:58%;height:58%;object-fit:contain}
.brand-screen-studio,.brand-screen-gallery{left:40.3%;top:34.5%;width:18.4%;aspect-ratio:1.66}
.brand-screen-session{left:47%;top:5.5%;width:28%;aspect-ratio:1.62}
.gallery-wide{position:relative}
/* The signature MB uses the same 4:3 room source. Patch the old screen inside the masked mark too. */
.brand-portal-mark::after{content:"";position:absolute;left:40.3%;top:34.5%;width:18.4%;aspect-ratio:1.66;background:#050505 url('/assets/img/mb-white.svg') center/48% auto no-repeat;pointer-events:none}
@media(max-width:820px){
  .brand-screen-studio{left:37%;top:34%;width:26%}
  .brand-screen-session{left:44%;top:7%;width:42%}
  .action-link,.text-link,.text-button{min-height:32px}
}


/* V22 artist-desire UX polish */
a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.action-link,.text-link,.text-button{min-height:36px}
.mobile-menu a[aria-current="page"],.mobile-menu a[href="/book/"]{color:var(--amber)}
.form-note{margin-top:16px;max-width:560px;color:#777;font-size:13px;line-height:1.55}
#project-brief{scroll-margin-top:calc(var(--header) + 20px)}
@media(hover:hover){
  .action-link:hover,.text-link:hover,.text-button:hover{color:#fff}
  .light .text-link:hover{color:#050505}
}
@media(hover:none){
  .action-link:hover::after,.text-link:hover::after{transform:none}
  .service-row:hover{padding-left:0;border-color:var(--line)}
  .service-row:hover h3{color:inherit;transform:none}.service-row:hover::before{transform:scaleY(0)}.process-grid article:hover{background:transparent}.process-grid article:hover h3{color:inherit}
  .action-link:active,.text-link:active,.text-button:active{opacity:.62}
  .service-row:active h3{color:var(--amber)}
}
@media(max-width:820px){
  .action-link,.text-link,.text-button{min-height:44px;padding-top:12px;padding-bottom:11px}
  .footer-links a,.booking-contact a,.booking-contact p{min-height:36px}
  .brand-portal-copy p,.wide-hero-copy p,.process-grid p,.plain-lines p,.service-row p{font-size:15px}
  .form-note{font-size:14px}
}


/* V22 optical headline safety: preserve impact without forcing long words */
@media(min-width:821px){
  .sessions-home{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
  .sessions-home h2{font-size:clamp(52px,4.6vw,78px);max-width:11ch}
  body[data-page="sessions"] .statement h2{font-size:clamp(56px,5.7vw,94px);max-width:10.5ch}
}
@media(max-width:820px){
  .sessions-home h2 .accent{font-size:.90em}
  body[data-page="sessions"] .statement h2 .accent{font-size:.86em}
}
@media(max-width:340px){
  .split-copy h1,.wide-hero-copy h1{font-size:40px}
}

/* V23 cinematic UX polish */
.js .split-hero .split-copy>*,.js .wide-hero .wide-hero-copy>*{opacity:0;transform:translateY(16px)}
.js body.is-ready .split-hero .split-copy>*,.js body.is-ready .wide-hero .wide-hero-copy>*{animation:heroTextIn .68s var(--ease) forwards}
.js body.is-ready .split-hero .split-copy>*:nth-child(2),.js body.is-ready .wide-hero .wide-hero-copy>*:nth-child(2){animation-delay:.08s}
.js body.is-ready .split-hero .split-copy>*:nth-child(3),.js body.is-ready .wide-hero .wide-hero-copy>*:nth-child(3){animation-delay:.15s}
@keyframes heroTextIn{to{opacity:1;transform:none}}
.mobile-menu a{opacity:1;transform:none}
.js .mobile-menu a{opacity:0;transform:translateY(14px);transition:opacity .38s var(--ease),transform .42s var(--ease),color .2s}
.js .mobile-menu.open a{opacity:1;transform:none}
.js .mobile-menu.open a:nth-child(1){transition-delay:.03s}.js .mobile-menu.open a:nth-child(2){transition-delay:.06s}.js .mobile-menu.open a:nth-child(3){transition-delay:.09s}.js .mobile-menu.open a:nth-child(4){transition-delay:.12s}.js .mobile-menu.open a:nth-child(5){transition-delay:.15s}
.mobile-menu-wordmark{transition:opacity .45s var(--ease),transform .45s var(--ease)}.js .mobile-menu-wordmark{opacity:0;transform:translateY(10px)}.js .mobile-menu.open .mobile-menu-wordmark{opacity:1;transform:none;transition-delay:.2s}
.micro-motion{opacity:0;transform:translateY(12px);transition:opacity .56s var(--ease) var(--micro-delay,0ms),transform .62s var(--ease) var(--micro-delay,0ms)}.micro-motion.in-view{opacity:1;transform:none}
.low-data .cinema-hero-media picture{transform:none}.low-data .cinema-hero-media::before,.low-data .wide-hero::before{display:none}
@media(max-width:820px){.site-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.action-link,.text-link{font-size:11px}.final-cta::before{inset:18% -28% 18% 22%;opacity:.018}.process-grid article:hover{transform:none}.service-row:hover h3{transform:none}.cinema-title{font-size:clamp(52px,13vw,64px);max-width:7.1ch;line-height:.94;letter-spacing:-.028em}}
@media(prefers-reduced-motion:reduce){.cinema-hero-media::before,.wide-hero::before{display:none!important}.cinema-hero-media picture{transform:none!important}.js .split-hero .split-copy>*,.js .wide-hero .wide-hero-copy>*,.micro-motion{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.js .mobile-menu a,.js .mobile-menu-wordmark{opacity:1;transform:none;transition:none}}
/* V23 optical mobile hero tuning */
@media(max-width:820px){.split-copy h1,.wide-hero-copy h1{font-size:clamp(44px,10.8vw,52px);line-height:.95;max-width:10ch}}
@media(max-width:390px){.split-copy h1,.wide-hero-copy h1{font-size:clamp(42px,11vw,46px)}}
@media(max-width:340px){.split-copy h1,.wide-hero-copy h1{font-size:38px}}

/* V24 anti-goofy / anti-template polish */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.lead-section{border-bottom:1px solid var(--line)}
.lead-copy{font-size:clamp(28px,3.1vw,52px);line-height:1.08;letter-spacing:-.035em;max-width:24ch;color:var(--white)}
.proof-lead{font-size:clamp(32px,3.6vw,58px)!important;line-height:1.02!important;letter-spacing:-.04em!important;max-width:11ch!important;margin-bottom:26px!important;color:var(--white)!important;font-weight:800}
.light .proof-lead{color:var(--onyx)!important}
@media(max-width:820px){.lead-copy{font-size:clamp(24px,6.5vw,34px);line-height:1.12;max-width:23ch}.proof-lead{font-size:clamp(30px,8vw,42px)!important;line-height:1.04!important;max-width:12ch!important}.services{padding-top:calc(var(--section)*.8)}}
@media(max-width:390px){.lead-copy{font-size:25px}.proof-lead{font-size:31px!important}}

/* V25 image integrity patch: prevent unintended crops and keep photography fully visible */
img{display:block;max-width:100%}
.cinema-hero-media picture,.cinema-hero-media img,
.split-media picture,.split-media img,
.wide-hero-media picture,.wide-hero-media img,
.proof-main picture,.proof-main img,
.proof-side picture,.proof-side img,
.sessions-media picture,.sessions-media img,
.producer-media picture,.producer-media img,
.editorial-photo picture,.editorial-photo img,
.gallery picture,.gallery img,
.session-duo picture,.session-duo img,
.booking-portrait picture,.booking-portrait img{
  width:100%;
  height:100%;
  display:block;
}

.cinema-hero-media,
.proof-main,
.producer-media,
.editorial-photo,
.booking-portrait{background:#ac5817}

.cinema-hero-media img{
  object-fit:contain;
  object-position:center bottom;
}

.proof-main img,
.producer-media img,
.editorial-photo img,
.booking-portrait img{
  object-fit:contain;
  object-position:center center;
}

.split-media,
.wide-hero-media,
.sessions-media,
.gallery-wide,
.gallery-tall,
.gallery-doc,
.proof-side,
.session-duo>div{background:#050505}

.split-media img,
.wide-hero-media img,
.sessions-media img,
.proof-side img,
.gallery img,
.session-duo img{
  object-fit:cover;
  object-position:center center;
}

body[data-page="studio"] .wide-hero-media img,
body[data-page="sessions"] .wide-hero-media img,
body[data-page="studio"] .gallery-wide img,
body[data-page="sessions"] .sessions-media img{
  object-position:center 44%;
}

body[data-page="production"] .split-media img,
body[data-page="beats"] .split-media img{
  object-fit:contain;
  object-position:center bottom;
  background:#ac5817;
}

@media(max-width:820px){
  .cinema-hero-media{height:58vh;height:58svh}
  .cinema-hero-media img{object-fit:contain;object-position:center bottom;transform:translate3d(0,var(--hero-y,0),0) scale(1.005)}
  .proof-main{aspect-ratio:auto;min-height:62vw}
  .proof-side{aspect-ratio:3/4;margin-top:-22px}
  .sessions-media{aspect-ratio:4/3}
  .producer-media{min-height:54vh;min-height:54svh}
  .producer-media img,.editorial-photo img,.booking-portrait img{object-fit:contain;object-position:center top}
  body[data-page="production"] .split-media img,
  body[data-page="beats"] .split-media img,
  body[data-page="studio"] .gallery img,
  body[data-page="sessions"] .session-duo img{object-fit:contain;object-position:center center}
}

@media(min-width:821px){
  .producer-media{min-height:76vh;min-height:76svh}
}

/* V26 final mobile image composition */
/* Keep 16:9 editorial MPC shots at their natural ratio, avoiding dead space on mobile and desktop. */
.editorial-photo{height:auto;aspect-ratio:1638/921;background:#ac5817}
.editorial-photo picture,.editorial-photo img{width:100%;height:100%}
.editorial-photo img{object-fit:contain;object-position:center center}

/* Vertical professional proof image uses its native 4:5 panel ratio. */
.proof-main{aspect-ratio:4/5;min-height:0}
.proof-main img{object-fit:contain;object-position:center center}

/* Precisely cover the retired TV identity on the actual screen area. */
.brand-screen-studio,.brand-screen-gallery{left:40.3%;top:43.4%;width:18.4%;aspect-ratio:1.65}
.brand-screen-session,.screen-cover{left:48.5%;top:15.1%;width:27.6%;aspect-ratio:1.45}
.brand-portal-mark::after{left:40.3%;top:43.4%;width:18.4%;aspect-ratio:1.65}

@media(max-width:820px){
  .brand-screen-studio,.brand-screen-gallery{left:40.3%;top:43.4%;width:18.4%}
  .brand-screen-session,.screen-cover{left:48.5%;top:15.1%;width:27.6%}
  .editorial-photo{height:auto;aspect-ratio:16/9}
  .proof-main{aspect-ratio:4/5;min-height:0}
}

/* V26 baked studio branding: screen replacements now live inside the image assets. */
.brand-screen-cover,.screen-cover{display:none!important}
.brand-portal-mark::after{display:none!important}

/* V26 desktop hero composition: cinematic fill while keeping Mertz and the MPC in frame. */
@media(min-width:821px){
  .cinema-hero-media img{object-fit:cover;object-position:42% center}
}


/* V31 final production refinements */
.mobile-menu a,.music-card h3,.credit-track,.music-dialog-meta h2,.music-dialog h2,.music-release-title,.music-listen-title,.service-row h3,.footer-logo{font-family:var(--font-display)}
.role,.music-credit,.music-metric,.credit-role,.credit-metric,.desktop-nav a,.header-book,.action-link,.text-link{font-variant-numeric:tabular-nums}
.header-book,.accent,.music-metric,.music-dialog-metric,.music-release-foot,.music-listen-foot,.music-release-media::before{color:var(--amber)}
.action-link.primary,.text-link:hover{color:#fff}
.home-works-head h2,.music-intro h1,.credits-head h2,.music-final h2{letter-spacing:-.03em}
.music-play{border-color:rgba(255,255,255,.76);background:rgba(5,5,5,.38)}
.music-card-media:hover .music-play{background:var(--amber-strong);border-color:var(--amber-strong)}
.music-release-poster::before,.music-release-poster::after,.music-listen-stage::before{background:var(--amber)}
.music-video-media:hover{box-shadow:inset 0 -3px 0 var(--amber),inset 0 0 0 1px rgba(255,255,255,.075)}
.footer-bottom span:last-child{color:#7f7f7f}


/* V32 ULTRA DEFINITIVE — MONOCHROME FIRST / COPPER SIGNAL */
.accent{color:inherit}
.brand-portal-copy .accent{color:var(--amber)}
/* The only high-impact coloured word on the main narrative is OUTWARD. */
.cinema-title .accent,
.home-works-head .accent,
.sessions-home .accent,
.music-intro .accent,
.music-final .accent,
.statement .accent,
.split-copy .accent{color:inherit}

/* Copper is interaction / evidence, not decoration. */
.header-book{color:var(--white)}
.desktop-nav a[aria-current="page"]{color:var(--white)}
.mobile-menu a[aria-current="page"],.mobile-menu a[href="/book/"]{color:var(--white)}
.mobile-menu a[aria-current="page"]::after{content:"";display:block;width:34px;height:2px;background:var(--amber);margin-top:8px}
.action-link.primary::after{background:var(--amber)}
.music-metric,.music-dialog-metric,.music-release-foot,.music-listen-foot,.music-release-media::before{color:var(--amber)}

/* Keep display typography powerful but less poster/template-like. */
h1,h2{letter-spacing:-.026em}
.cinema-title{letter-spacing:-.024em;line-height:.925}
.display,.home-works-head h2,.music-intro h1,.credits-head h2,.music-final h2{letter-spacing:-.024em}
.music-card h3,.service-row h3,.credit-track{letter-spacing:-.016em}

/* Slightly calmer rhythm: large typography earns space instead of shouting. */
.home-works-head{margin-bottom:clamp(42px,5vw,68px)}
.music-card-info{padding-top:16px}
.music-artist{color:#969696}
.music-credit{color:#d7d7d7}
.music-metric{font-weight:700}
.service-row p{color:#969696}

/* Copper family drawn from the definitive favicon/pro portrait background. */
.cinema-hero-media,.proof-main,.producer-media,.editorial-photo,.booking-portrait{background:#ac5817}
::selection{background:var(--amber);color:#050505}
:focus-visible{outline-color:var(--amber)}

/* Remove decorative copper from full-word hover states; keep a line/interaction cue. */
.service-row:hover h3{color:#fff}
.credit-row:hover .credit-track{color:#fff}
.music-platforms a:hover{color:#fff;border-color:var(--amber)}
.booking-contact a:hover{color:#fff}
.whatsapp-number:hover{color:#fff}

/* Premium play affordance: copper appears only after intent. */
.music-card-media:hover .music-play{background:var(--amber-strong);border-color:var(--amber-strong)}
.music-release-media .music-play{border-color:rgba(201,111,43,.72)}
.music-release-poster::before,.music-release-poster::after,.music-listen-stage::before{background:var(--copper)}
.music-release-media::before{color:#fff}
.music-release-media:hover::before{color:var(--amber)}

/* Modal/listening UI stays brand-owned and mostly monochrome. */
.music-dialog.is-listen .music-platforms a{color:#fff;border-bottom-color:#555}
.music-dialog.is-listen .music-platforms a:hover{border-bottom-color:var(--amber)}
.music-fallback-cta,.music-video-loading-copy a{border-bottom-color:var(--amber)}

/* Footer and form details: quiet, not branded everywhere. */
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--amber)}
.footer-bottom{color:#777}

@media(max-width:820px){
  h1,h2{letter-spacing:-.024em}
  .cinema-title{letter-spacing:-.022em;line-height:.94}
  .mobile-menu a{font-family:var(--font-display);font-weight:800;letter-spacing:-.025em}
  .music-card-info{padding-top:14px}
}

/* V32 mobile signature pacing */
@media(max-width:820px){.brand-portal{height:104vh}.brand-portal-mark{top:43%;right:-32vw;width:108vw}.brand-portal-stage{padding-bottom:62px}}


/* V33 PRODUCTION MASTER — mobile pacing and optical lock */
@media(max-width:820px){
  /* Mobile should feel cinematic, not scroll-hijacked. The signature moment is a composed scene. */
  .brand-portal{height:auto;min-height:82svh}
  .brand-portal-stage{position:relative;height:82svh;min-height:560px;padding:0 20px 54px;align-items:flex-end}
  .brand-portal-mark{top:41%;right:-29vw;width:104vw;opacity:var(--portal-opacity,.22)}
  .brand-portal-copy h2{font-size:clamp(48px,12.4vw,61px);line-height:.925;max-width:8ch}

  /* Give the hero title a little more breathing room from the image edge. */
  .cinema-title{bottom:calc(36svh + 26px);font-size:clamp(53px,13.6vw,65px);max-width:6.5ch}

  /* Music proof must read as proof, not micro-captioning. */
  .music-card-info{padding:15px 0 10px}
  .music-artist{font-size:11px;line-height:1.25;letter-spacing:.095em}
  .music-credit,.music-metric{font-size:11px;line-height:1.5;letter-spacing:.075em}
  .music-card h3{margin:6px 0 10px}
  .home-works-grid,.music-featured-grid{gap:34px}
  .home-works{padding-bottom:72px}
}

/* Listen-only release cards already carry the title inside the artwork.
   Do not repeat it immediately below on small screens. */
.music-release-card .music-card-info h3{display:none}
.music-release-card .music-card-info{padding-top:14px}
.music-release-card .music-artist{margin-bottom:5px}
.music-release-card .music-credit{margin-top:1px}

/* The poster should feel like an intentional release visual, never an error state. */
.music-release-poster{background:linear-gradient(135deg,#0b0b0b 0%,#0a0a0a 58%,#101010 100%)}
.music-release-mark{opacity:.09}
.music-release-media:hover .music-release-mark{opacity:.13}
.music-release-kicker{color:#c4c4c4}
.music-release-foot{color:var(--amber)}

/* Keep proof labels quiet but readable. */
.music-metric{line-height:1.5}
.music-credit{line-height:1.45}

/* Reduce UI noise in the final CTA path. */
@media(max-width:820px){
  .final-cta{min-height:48svh}
  .music-final{min-height:50svh}
}

/* V35 final mobile rhythm: remove the last trace of dead scroll between portfolio and brand moment. */
@media(max-width:820px){
  .brand-portal{min-height:74svh}
  .brand-portal-stage{height:74svh;min-height:500px;padding-bottom:46px}
  .brand-portal-mark{top:39%;right:-27vw;width:101vw}
}