/* Keep the original cinematic scenes; refine navigation and containment. */
:root{--dimmer:rgba(236,235,234,.67)}
.site-bar{padding:20px 34px;background:linear-gradient(180deg,rgba(5,2,14,.94),rgba(5,2,14,.55),transparent);gap:24px}
.scene-nav{display:flex;align-items:center;gap:28px;font:12px var(--font)}
.scene-nav a{min-height:44px;display:flex;align-items:center;text-decoration:none;position:relative;white-space:nowrap}
.scene-nav a[aria-current]{color:var(--coral)}
.scene-nav a[aria-current]:after{content:'';position:absolute;bottom:3px;left:0;right:0;height:1px;background:var(--coral)}
.scene-nav .scene-contact{border:1px solid var(--pill-border);padding:0 18px;border-radius:30px;gap:20px;margin-left:10px}
.scene-contact span{font-size:18px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--coral);outline-offset:5px}
#top .panel{width:min(1100px,90vw)}
#top .headline .line{font-size:clamp(48px,7.7vw,110px);line-height:1.08;letter-spacing:-.045em}
#top .sub{max-width:550px;font-size:15px;line-height:1.65}
.panel,.stage-content{overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(236,235,234,.22) transparent;overscroll-behavior:contain}
.panel .col{min-width:0}.panel-wide{width:min(1000px,92vw)}
.stage-content{max-width:1100px;margin-inline:auto}
.stage{padding-inline:46px}
.fallback-anchor{position:absolute;top:0}
.work-scene-title{font-family:var(--font-heading);font-size:clamp(27px,3.6vw,44px);font-weight:400;letter-spacing:-.035em;line-height:1.15;text-align:center;margin:0}
.case-icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;width:100%;max-width:980px}
.case-slot{aspect-ratio:1;position:relative;display:grid;place-items:center;min-width:0;border:1px solid rgba(236,235,234,.2);border-radius:14px;background:rgba(5,2,14,.8);text-decoration:none;transition:border-color .25s,background .25s,transform .25s}
.case-slot:hover{border-color:var(--coral);background:rgba(20,10,28,.93);transform:translateY(-5px)}
.case-slot-number{position:absolute;top:14px;left:16px;font:10px var(--font-mono);letter-spacing:.08em;color:var(--dim)}
.case-slot-arrow{position:absolute;bottom:12px;right:14px;color:var(--dim);font-size:17px}
.case-icon-space{display:block;width:40%;aspect-ratio:1;border:1px solid rgba(236,235,234,.08);border-radius:50%}
.work-note{font:11px/1.5 var(--font-mono);color:var(--dim);text-align:center;margin:0}
.proof-link{font:12px var(--font);text-decoration:none;display:flex;align-items:center;gap:22px;min-height:44px;border-bottom:1px solid var(--pill-border)}
#progress-stops{right:4px;width:38px;pointer-events:auto}
#progress-stops .stop-dot{width:32px;height:26px;border:0;border-radius:0;background:transparent;padding:0;cursor:pointer}
#progress-stops .stop-dot:before{content:'';position:absolute;left:50%;top:50%;width:5px;height:5px;background:rgba(236,235,234,.5);border-radius:50%;transform:translate(-50%,-50%)}
#progress-stops .stop-dot[aria-current]:before{background:var(--coral);box-shadow:0 0 0 4px rgba(255,90,61,.15)}
.form-privacy{font-size:11px;color:var(--dim);line-height:1.5;text-align:left;margin:0}
.site-footer-links{flex-wrap:wrap}
.scene-fallback #scroll-spacer,.scene-fallback #canvas-root,.scene-fallback #progress-stops,.scene-fallback #progress-rail,.scene-fallback .scroll-cue{display:none}
.scene-fallback .stage{position:relative;inset:auto;height:auto;min-height:85vh;padding-block:120px 55px;pointer-events:auto}
.scene-fallback .stage *{opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important}
.scene-fallback .panel,.scene-fallback .stage-content{max-height:none;overflow:visible}
.scene-fallback .fallback-anchor{scroll-margin-top:100px}
@media(max-width:860px){.site-bar{padding:15px 20px}.brand-word{font-size:10px}.scene-nav{gap:17px;font-size:11px}.scene-nav .scene-contact{padding-inline:13px;margin-left:0;gap:12px}.stage{padding:90px 28px 30px}.panel,.stage-content{max-height:calc(100svh - 130px)}.case-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:560px;gap:12px}.case-slot{aspect-ratio:1.2}.stage-content{gap:19px}.work-scene-title{font-size:30px}#top .headline .line{font-size:clamp(34px,7vw,58px)!important}#top .panel{gap:25px}#progress-stops{right:-5px}#progress-rail{right:13px}}
@media(max-width:580px){.site-bar{height:100px;align-items:flex-start}.scene-nav{position:absolute;left:20px;right:20px;top:51px;justify-content:space-between;gap:12px}.scene-nav a{min-height:39px}.scene-nav .scene-contact{border:0;padding:0;gap:9px}.stage{padding-top:115px;padding-bottom:30px}.panel,.stage-content{max-height:calc(100svh - 150px)}#top .headline .line{font-size:clamp(28px,7vw,42px)!important}#top .sub{font-size:13px;max-width:310px}.case-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.case-slot{aspect-ratio:1}.case-slot-number{top:9px;left:9px;font-size:9px}.case-slot-arrow{bottom:7px;right:9px;font-size:14px}.work-scene-title{font-size:27px}.work-note{font-size:9px}.metric-card,.offer-card{flex:1 1 100%;max-width:none}.metric-card{padding-top:15px}.metric-value{font-size:32px;margin-top:5px}.metric-copy{margin-top:8px}.card-grid{gap:15px}.offer-card{padding:19px}.offer-title{font-size:19px}.panel-wide .landscape-headline{font-size:27px!important}.scene-fallback .stage{padding-top:125px}}
@media(prefers-reduced-motion:reduce){#grain-overlay:after{animation:none}.case-slot{transition:none}.case-slot:hover{transform:none}}
@media(max-width:580px){#top .headline .line{font-size:clamp(32px,8vw,42px)!important}}
.metric-card{background:rgba(5,2,14,.9);border:1px solid var(--card-border);border-radius:14px;padding:24px}
.offer-card{background:rgba(5,2,14,.91)}
.stage-content .panel-watermark{display:none}
@media(min-width:861px){#stage-do .stage-content,#stage-offer .stage-content,#stage-work .stage-content{overflow:visible}}
/* Client proof appears on arrival and as the first scroll scene. */
#scroll-spacer{height:1120vh}
.hero-endorsement{margin:8px 0 0;max-width:510px;border-top:1px solid rgba(236,235,234,.19);padding-top:16px}
.hero-endorsement blockquote{margin:0;font:14px/1.55 var(--font);color:var(--white)}
.hero-endorsement figcaption{font:10px/1.6 var(--font);color:var(--dim);margin-top:9px}
.hero-endorsement a{margin-left:12px;text-decoration:none;color:var(--white);display:inline-block;padding:6px 0}
.proof-scene{gap:22px;max-width:1020px}
.proof-heading{font:400 clamp(28px,3.5vw,44px)/1.1 var(--font-heading);letter-spacing:-.035em;text-align:center;margin:0}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;width:100%}
.proof-card{margin:0;background:rgba(5,2,14,.93);border:1px solid var(--card-border);border-radius:16px;padding:28px;display:flex;flex-direction:column}
.proof-card blockquote{font:400 22px/1.45 var(--font-heading);letter-spacing:-.02em;margin:0 0 25px}
.proof-card figcaption{font:11px/1.6 var(--font);margin-top:auto}.proof-card figcaption strong{display:block;font-weight:500}.proof-card figcaption span{display:block;color:var(--dim);font-size:10px;margin-top:4px}
.proof-card a{font:11px/1.5 var(--font);display:flex;align-items:center;justify-content:space-between;min-height:40px;text-decoration:none;color:var(--coral);margin-top:14px;border-top:1px solid var(--card-border);padding-top:12px}
.proof-full-link{font:11px/1.5 var(--font);padding:12px 0;display:inline-flex;gap:18px;align-items:center;text-decoration:none}
.case-brand-icon{width:56%;height:56%;object-fit:contain;transform:translateY(-7px)}
.case-brand-name{position:absolute;bottom:17px;left:10px;right:25px;font:11px/1.3 var(--font);text-align:center;color:var(--white)}
.case-scent-edition{background:rgba(18,63,56,.97)}.case-scent-edition:hover{background:#164b43}
.case-slot-live .case-slot-arrow{bottom:16px}
@media(max-width:860px){.proof-card{padding:22px}.proof-card blockquote{font-size:20px}.proof-scene{gap:18px}.hero-endorsement{max-width:440px}.case-brand-name{font-size:10px;bottom:10px;left:5px;right:18px}.case-slot-live .case-slot-arrow{bottom:8px}}
@media(max-width:580px){#top .panel{gap:18px}.hero-endorsement{padding-top:12px;margin-top:0;max-width:290px}.hero-endorsement blockquote{font-size:11px;line-height:1.5}.hero-endorsement figcaption{font-size:9px;margin-top:5px}.hero-endorsement a{margin-left:7px}.proof-grid{grid-template-columns:1fr;gap:12px}.proof-heading{font-size:27px}.proof-card{padding:18px}.proof-card blockquote{font-size:17px;line-height:1.4;margin-bottom:16px}.proof-card a{margin-top:8px;min-height:34px;padding-top:8px}.proof-scene{gap:14px}.proof-scene>.eyebrow{font-size:9px}.proof-card figcaption span{font-size:9px}.scene-nav{gap:8px;font-size:10px}.case-brand-name{font-size:8px;bottom:9px;right:14px}.case-brand-icon{width:57%;height:57%;transform:translateY(-4px)}}
@media(max-width:380px){#top .headline .line{font-size:29px!important}#top .sub{font-size:12px}#top .panel{gap:13px}.hero-endorsement blockquote{font-size:10.5px}.scene-nav{font-size:9px;gap:7px}}
/* A personal studio: clear benefits without implying an agency team. */
#stage-unique .panel-wide{width:min(1080px,92vw)}
#stage-unique .landscape-headline .line{font-size:clamp(36px,4.7vw,66px)}
#stage-unique .landscape-sub{font-size:14px;line-height:1.65}
.personal-benefits{display:grid;gap:15px;margin:0;text-align:left;letter-spacing:0;text-transform:none;white-space:normal}
.personal-benefits>div{padding-top:13px;border-top:1px solid var(--card-border)}
.personal-benefits h3{margin:0 0 5px;font:500 15px/1.3 var(--font-heading);color:var(--white)}
.personal-benefits p{margin:0;font:12px/1.6 var(--font);color:var(--dim)}
#stage-unique .landscape-cta{gap:10px;flex-wrap:wrap}
#stage-unique .landscape-cta .btn{font-size:12px;padding:12px 17px}
@media(max-width:860px){#stage-unique .panel-wide{padding-inline:12px}#stage-unique .split-grid{gap:20px}.personal-benefits{gap:12px}}
@media(max-width:580px){#stage-unique .landscape-headline .line{font-size:31px!important}#stage-unique .landscape-sub{font-size:12px}.personal-benefits h3{font-size:14px}.personal-benefits p{font-size:11px}#stage-unique .split-grid{gap:18px}}
.case-marnie,.case-marnie:hover{background:#f7f4ed}.case-marnie .case-brand-icon{width:82%;height:auto;max-height:60%;object-fit:contain}.case-marnie .case-brand-name,.case-marnie .case-slot-number,.case-marnie .case-slot-arrow{color:#234d43}
/* Keep the decorative watermark out of the card's scrollable content. */
#stage-unique .panel-watermark{display:none}
#stage-unique .panel-wide::before{content:'';position:absolute;inset:0;border-radius:inherit;background:url('assets/present-form-symbol.png') right 18px center / auto 90% no-repeat;opacity:.05;pointer-events:none}
#stage-unique .split-grid{position:relative}
.case-brewer,.case-brewer:hover{background:#183648}.case-brewer .case-brand-icon{width:80%;height:auto;max-height:40%;object-fit:contain}.case-status{position:absolute;top:13px;right:11px;color:#e2cba1;font:8px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.02em}@media(max-width:580px){.case-status{top:8px;right:5px;font-size:6px}.case-brewer .case-slot-number{display:none}.case-brewer .case-brand-name{font-size:7px;bottom:8px}}