/* One composition throughout: only light and content opacity change. */
:root{--room-light:.36;--room-saturation:.9;--room-glow:0;--header-alpha:0;--eyebrow-alpha:0;--title-alpha:0;--lead-alpha:0;--actions-alpha:0;--note-alpha:0;--content-alpha:0;--gate-alpha:1}
#gate{opacity:var(--gate-alpha)}
body[data-phase=arriving] #gate{pointer-events:none}
#landing{visibility:visible}
.hero-art{filter:brightness(var(--room-light)) saturate(var(--room-saturation));transform:none!important;will-change:filter}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 6%,rgba(246,201,122,.18),transparent 54%),radial-gradient(ellipse at 72% 95%,rgba(226,190,123,.11),transparent 38%);mix-blend-mode:screen;opacity:var(--room-glow)}
.site-header{opacity:var(--header-alpha)}
.hero-copy>.eyebrow{opacity:var(--eyebrow-alpha)}
.hero-copy>h1{opacity:var(--title-alpha)}
.hero-lead{opacity:var(--lead-alpha)}
.hero-actions{opacity:var(--actions-alpha)}
.hero-note{opacity:var(--note-alpha)}
.introduction,.offers,.founder,footer,.review-tools{opacity:var(--content-alpha)}
.hero-copy{animation:none!important;transform:none!important}
#ambientControls{position:fixed;inset:auto max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));z-index:120;display:flex;gap:8px;justify-content:flex-end;pointer-events:auto}
#ambientControls .quiet{padding:8px 14px;background:#06131cdb;backdrop-filter:blur(8px);border:1px solid #bca06e33;border-radius:4px;font-size:12px}
#ambientControls .quiet:first-child{margin-right:auto}
body[data-phase=landing] .hero-art{will-change:auto}
@media(max-width:600px){#ambientControls{gap:4px}#ambientControls .quiet{font-size:11px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.hero-art{will-change:auto}}

html{scrollbar-gutter:stable}