/* MSTEIN studio identity. Motion/media ownership remains in the existing hero. */
:root{--bg:#09090e;--paper:#f4f0e8;--muted:#b8b4bd;--copper:#d6bc88;--teal:#c1b4d8;--line:#e7d8bc24;--hero-accent:#d6bc88;--studio-gutter:clamp(24px,5vw,88px)}
body{background:#09090e}::selection{background:#d6bc88;color:#101015}
body>header.studio-header{position:fixed;z-index:90;top:22px;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 72px);max-width:1320px;min-height:74px;padding:10px 12px 10px 20px;gap:32px;border:1px solid #ead6ae30;border-radius:22px;background:linear-gradient(120deg,#ffffff0d,#ffffff02 45%),#0e0d14ad;-webkit-backdrop-filter:blur(24px) saturate(125%);backdrop-filter:blur(24px) saturate(125%);box-shadow:inset 0 1px 0 #ffffff16,0 12px 42px #00000029,0 -10px 34px -27px #b590ff8c;isolation:isolate}
.studio-header .monogram{display:flex;align-items:center;gap:11px;flex-shrink:0;letter-spacing:0;min-height:48px;color:#f4f0e8}
.studio-header .monogram img{width:42px;height:42px;object-fit:contain}
.studio-header .brand-lockup{display:grid;gap:5px}
.studio-header .mark-brand-name{font:600 16px/1 Body,Arial,sans-serif;letter-spacing:.18em;color:#f4f0e8}
.studio-header .brand-descriptor{font:400 8px/1 Body,Arial,sans-serif;letter-spacing:.24em;color:#b9adca}
.studio-header #navigation{display:flex;align-items:center;gap:clamp(18px,2.4vw,35px);margin-left:auto;font:400 12px/1.2 Body,Arial,sans-serif;white-space:nowrap}
.studio-header #navigation a{display:flex;align-items:center;justify-content:center;min-height:46px;position:relative;color:#d7d2db;transition:color .2s}
.studio-header #navigation a::after{content:'';position:absolute;left:0;right:0;bottom:8px;height:1px;background:#d6bc88;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.studio-header #navigation a:hover,.studio-header #navigation a:focus-visible{color:#fff8e9}.studio-header #navigation a:hover::after{transform:scaleX(1)}
.studio-header #navigation button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:0 21px;border:1px solid #e4c99566;border-radius:13px;background:linear-gradient(135deg,#d9c29924,#d9c2990a);font-size:12px;color:#f2deba;transition:background .2s,border-color .2s}
.studio-header #navigation button:hover{background:#d9c29935;border-color:#e4c995aa}.studio-header #menu-toggle{display:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #ddc291;outline-offset:5px}
.muse-hero{--hero-accent:#d6bc88;--edge-bottom:#09090e}.muse-hero::after{background:linear-gradient(#09090e,#101017)}
.hero__brand-shade{position:absolute;z-index:1;pointer-events:none;top:0;left:0;width:min(360px,30vw);height:280px;background:linear-gradient(90deg,#07070b 0%,#07070b 61%,#07070b00 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 74%,transparent);mask-image:linear-gradient(#000 0%,#000 74%,transparent)}
.hero__copy{left:var(--studio-gutter);top:clamp(210px,31svh,350px);right:auto;bottom:auto;width:min(43vw,610px);max-width:none}
.hero__copy .eyebrow{font:500 10px/1.4 Body,Arial,sans-serif;letter-spacing:.2em;color:#d2bb92;margin:0 0 23px;text-shadow:none}
.hero__copy .eyebrow::before{content:'';display:inline-block;vertical-align:middle;width:25px;height:1px;background:#d2bb92;margin-right:12px}
.hero__copy h1{font:400 clamp(54px,5.25vw,86px)/1.04 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.055em;margin:0;color:#f4f0e8;text-shadow:0 3px 22px #0003;white-space:normal}
.hero__copy h1 span{display:block}.hero__copy h1 .brand-tail{margin:0;color:#d8bd87}
.hero__lede{font:400 clamp(14px,1.12vw,17px)/1.65 Body,Arial,sans-serif;max-width:36ch;margin:26px 0 27px;color:#c8c4cc;text-shadow:none}
.hero__actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.studio-primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:50px;padding:0 23px;border-radius:12px;border:1px solid #eee0c34a;background:linear-gradient(120deg,#e6d2aa,#c4a771);color:#151216;font:500 12px/1.2 Body,Arial,sans-serif;box-shadow:inset 0 1px 0 #fff8,0 8px 26px #0003;transition:filter .2s,transform .2s}
.studio-primary:hover{filter:brightness(1.08);transform:translateY(-2px)}.studio-primary span:last-child{font:20px/1 Body,Arial,sans-serif}
.studio-text-link{display:inline-flex;align-items:center;min-height:46px;gap:13px;font:400 12px/1.2 Body,Arial,sans-serif;color:#ded8e2;border-bottom:1px solid #ddd2e638;transition:color .2s,border-color .2s}.studio-text-link:hover{color:#e4c995;border-color:#e4c995}
.walking-review-status{display:none}
.hero__meta{left:var(--studio-gutter);right:var(--studio-gutter);bottom:28px;padding-top:15px;border-color:#e7d8bc20;gap:20px}
.hero__meta p{font:400 10px/1.5 Body,Arial,sans-serif;letter-spacing:.17em;color:#cbb890}
.hero__meta .hero-preview-link{display:inline-flex;align-items:center;gap:12px;font:400 11px/1.2 Body,Arial,sans-serif;border:0;padding:10px 0;color:#d1c7da;letter-spacing:.01em;min-height:44px}
.hero__meta .hero-preview-link::before{content:'▷';color:#d6bc88;font-size:17px}.hero__cue{font:400 9px/1.3 Body,Arial,sans-serif;letter-spacing:.14em;color:#aea7b6}
.cut-button{background:#ddc69e;color:#16131a;border:1px solid #ead6b552;border-radius:12px;clip-path:none;box-shadow:inset 0 1px 0 #fff4}.cut-button b{background:#18151c;color:#dec498;border-radius:8px;clip-path:none}.cut-button:hover{background:#efdbb8}
.s3a,.s3a-stage,.s3w{background:#101017}.s3b,.s3c{background:#0c0b12}.s3a-floor{background:linear-gradient(to top,#191420,rgba(25,20,32,.65) 45%,transparent)}
.s3a-beam{background:radial-gradient(closest-side,#bf945438,#9c72b014 60%,transparent)}
.s3a .eyebrow,.s3b .eyebrow,.s3w .eyebrow,.s3c .eyebrow{color:#c7b28e;letter-spacing:.18em}
.s3a-odo-list strong,.s3w-title span,.s3b-title .s3b-cu,.s3c-word{color:#d6bc88}
.s3a-odo-list span{color:#bfb3cf}.s3a-rule{background:#bba374}.s3a-odo{border-color:#d6bc8833}
.s3b-tilt,.s3w-card{background:#18151f;border-color:#d9c39929}.s3b-mono{background:#18151f}.s3b-av{background:conic-gradient(from 200deg,#b79b66,#f1ddb7,#8e73a7,#b79b66)}.s3b-pip{background:#cfbedf;color:#17121e}.s3b-chip{color:#d6bc88;border-color:#d6bc8855}.s3b-quote figcaption{color:#d6bc88}.s3b-who span,.s3w-cap em,.s3w-line,.s3c-note{color:#b5afbc}
.s3w-card:hover,.s3w-card:focus-visible,.s3w-card.is-lit{border-color:#d6bc88;box-shadow:0 0 0 1px #d6bc88,0 24px 60px -26px #baa06b66}
.is-motion .s3w-scrim{background:linear-gradient(180deg,#101017 0,#101017db 15%,#10101700 34%,#10101700 72%,#101017e6 100%),linear-gradient(90deg,#101017b3,transparent 30%)}
.is-motion .s3w-rail{background:#101017e8;border-color:#d6bc88;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.s3w-cap small,.s3w-rail small{color:#c6b68f}.s3w-rail em{color:#c1bbc8}
.is-motion .s3w-head,.is-motion .s3b-head{top:130px}.s3c-title{font:400 clamp(46px,6.3vw,100px)/1.05 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.055em;max-width:15ch}.s3c-word{font:400 clamp(84px,18vw,290px)/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.045em}
dialog{background:#14111a;border:1px solid #ccb48a50;border-radius:22px;box-shadow:0 36px 120px #0008}dialog::backdrop{background:#06050bdd;backdrop-filter:blur(14px)}.close{background:#17121edf;border:1px solid #d0b48344;border-radius:50%;color:#e6d5b4}input,textarea{background:#0c0a11;border-color:#cbb68a44;border-radius:10px}#brief-form .eyebrow{color:#c0ac87}#brief-status{color:#dfc496}
@media(min-width:768px) and (min-aspect-ratio:1/1){.hero__stage .s2-panel{top:120px;height:220px}.hero__stage .s2-state{top:16px}.hero__stage .s2-panel{background:linear-gradient(135deg,#09090edd,#09090e99 45%,transparent 82%)}}
@media(max-width:1100px) and (min-aspect-ratio:1/1){.studio-header #navigation{gap:18px}.studio-header .brand-descriptor{display:none}.hero__copy{width:46vw;left:4vw}.hero__copy h1{font-size:5.3vw}.hero__actions{gap:16px}.studio-primary{padding:0 18px;gap:16px}}
@media(max-width:960px){body>header.studio-header{top:14px;width:calc(100% - 32px);padding:7px 10px 7px 14px;min-height:64px;border-radius:19px;gap:16px}.studio-header .monogram img{width:35px;height:35px}.studio-header .mark-brand-name{font-size:13px;letter-spacing:.17em}.studio-header .brand-descriptor{font-size:7px;display:block}.studio-header #menu-toggle{display:block;min-width:70px;min-height:46px;padding:0 12px;border:1px solid #d6bc8840;border-radius:11px;background:#ffffff06;font-size:11px;color:#e1d2b8}.studio-header #navigation{display:none;margin:0}.studio-header #navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:2px;position:absolute;top:calc(100% + 10px);left:0;right:0;padding:14px;border:1px solid #d6bc883b;border-radius:19px;background:#100e18fc;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:0 25px 65px #0009}.studio-header #navigation a{justify-content:flex-start;min-height:49px;padding:0 16px;font-size:14px;border-radius:10px}.studio-header #navigation a:hover{background:#e3c99a0d}.studio-header #navigation a::after{display:none}.studio-header #navigation button{margin-top:8px;justify-content:space-between;padding:0 16px;min-height:50px}}
@media(max-width:767px),(max-aspect-ratio:1/1){
 .hero__brand-shade{display:none}.hero__stage::before{height:140px;background:linear-gradient(#08070bd9,transparent)}
 .hero__copy{--mobile-copy-top:clamp(98px,12svh,120px);top:var(--mobile-copy-top);bottom:auto;left:22px;right:22px;width:auto;max-width:none;pointer-events:none}
 .hero__copy .eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:12px}.hero__copy .eyebrow::before{width:17px;margin-right:8px}
 .hero__copy h1{font:400 clamp(33px,10.5vw,54px)/1.03 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.05em;white-space:normal}.hero__copy h1 span{display:block}.hero__copy h1 .brand-tail{margin:0}
 .hero__details{position:absolute;left:0;right:0;top:calc(47svh + 29.22vw + 20px - var(--mobile-copy-top));pointer-events:auto}
 .hero__lede{font:400 13px/1.55 Body,Arial,sans-serif;max-width:40ch;margin:0 0 20px;color:#c6c0cd}.hero__actions{gap:18px;flex-wrap:nowrap}.studio-primary{min-height:46px;padding:0 17px;gap:17px;font-size:11px;border-radius:10px}.studio-text-link{font-size:10px;gap:8px;min-height:44px;white-space:nowrap}
 .hero__meta{left:22px;right:22px;bottom:16px;padding-top:10px;gap:12px}.hero__meta p{font-size:8px;letter-spacing:.11em}.hero__meta .hero-preview-link{font-size:9px;gap:7px}.hero__cue{display:none}
 .is-motion .s3w-head,.is-motion .s3b-head{top:100px}.s3c-title{font-size:clamp(40px,11vw,65px);max-width:12ch}.s3c-word{font-size:17.5vw;letter-spacing:.015em}.s3c .cut-button{width:auto;min-width:230px}
 .hero__stage .s2-panel{background:linear-gradient(0deg,#09090efc,#09090edd 78%,transparent)}
 .is-static .hero__stage{min-height:0!important}.is-static .hero__details{top:calc(47svh + 29.22vw + 20px - var(--mobile-copy-top))}
}
@media(max-width:767px) and (max-height:650px){.hero__copy{--mobile-copy-top:91px}.hero__copy h1{font-size:clamp(32px,10vw,39px)}.hero__copy .eyebrow{font-size:7px;margin-bottom:9px}.hero__lede{font-size:12px;margin-bottom:14px}.hero__details{top:calc(47svh + 29.22vw + 14px - var(--mobile-copy-top))}.studio-primary{min-height:43px}.hero__meta{bottom:9px}.hero__meta p{font-size:7px}}
@media(min-width:768px) and (min-aspect-ratio:1/1) and (max-height:720px){.hero__copy{top:170px}.hero__copy h1{font-size:clamp(48px,4.8vw,70px)}.hero__lede{margin:18px 0 20px;font-size:14px}.hero__copy .eyebrow{margin-bottom:16px}.hero__meta{bottom:15px}}
@media(prefers-reduced-motion:reduce){.studio-primary,.studio-header #navigation a::after{transition:none}.studio-primary:hover{transform:none}}

/* Quiet editorial contrast for the central promise. */
.hero__copy h1 .brand-tail{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.055em;line-height:1.08}
.brief-local-note{font-size:13px;line-height:1.5;color:#b8adbf;max-width:42ch;margin:0 0 24px}

@media(max-width:360px){.studio-header .brand-descriptor{display:none}.studio-header .monogram{gap:9px}.hero__actions{gap:12px}.hero__actions .studio-primary{padding:0 12px;gap:10px;font-size:10px;white-space:nowrap;flex-shrink:0}.hero__actions .studio-text-link{font-size:9px;gap:7px}}

/* The film has a compact navigation dock so the portrait stays unobstructed. */
@media(min-width:768px) and (min-aspect-ratio:1/1){
 body.cinematic-nav>header.studio-header{left:var(--studio-gutter);transform:none;width:286px;max-width:calc(100% - 48px);min-height:70px;padding:9px 11px 9px 17px;gap:22px}
 body.cinematic-nav .studio-header .brand-descriptor{display:none}
 body.cinematic-nav .studio-header .monogram{gap:10px}
 body.cinematic-nav .studio-header .mark-brand-name{font-size:14px}
 body.cinematic-nav .studio-header #menu-toggle{display:block;margin-left:auto;min-width:66px;min-height:46px;padding:0 12px;border:1px solid #d6bc8840;border-radius:11px;background:#ffffff06;font:400 11px Body,Arial,sans-serif;color:#e1d2b8}
 body.cinematic-nav .studio-header #navigation{display:none;margin:0}
 body.cinematic-nav .studio-header #navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:2px;position:absolute;top:calc(100% + 10px);left:0;right:auto;width:310px;max-width:calc(100vw - 48px);padding:14px;border:1px solid #d6bc883b;border-radius:19px;background:#100e18fc;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:0 25px 65px #0009}
 body.cinematic-nav .studio-header #navigation a{justify-content:flex-start;min-height:49px;padding:0 16px;font-size:14px;border-radius:10px}
 body.cinematic-nav .studio-header #navigation a:hover{background:#e3c99a0d}
 body.cinematic-nav .studio-header #navigation a::after{display:none}
 body.cinematic-nav .studio-header #navigation button{margin-top:8px;justify-content:space-between;padding:0 16px;min-height:50px}
}
/* Cover only the baked-in mark in the film's empty left corner. */
@media(max-width:767px),(max-aspect-ratio:1/1){
 .hero__brand-shade{display:block;top:calc(47% - 25.90875vw);left:0;width:23vw;height:22vw;background:linear-gradient(90deg,#08070b 0%,#08070b 60%,#08070b00 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 66%,transparent);mask-image:linear-gradient(#000 0%,#000 66%,transparent)}
 .s3a-odo-list strong{font-size:var(--s3a-odo-fs)}
}
.is-motion .s3a-copy{top:var(--s3a-copy-center,50%)}

@media(max-width:767px),(max-aspect-ratio:1/1){.s3a-odo-list span{max-width:none;min-width:0;flex:1;line-height:1.25}}