/* Removable experiment: every visual override is gated behind this opt-in attribute. */
.hero-living{display:none;position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
:root[data-hero-backdrop=remastered] .hero-living{display:block}
:root[data-hero-backdrop=remastered] .hero-atmosphere{
  background:radial-gradient(ellipse at 75% 44%,rgba(var(--tone-a-rgb),.19),transparent 52%),radial-gradient(ellipse at 46% 100%,rgba(var(--tone-c-rgb),.12),transparent 50%),linear-gradient(120deg,var(--bg) 5%,var(--bg-end) 80%);
}
:root[data-hero-backdrop=remastered] .hero-atmosphere:before{opacity:.3}
:root[data-hero-backdrop=remastered] .hero-atmosphere:after{opacity:.35}
.living-wash{position:absolute;inset:-18%;opacity:.8;background:radial-gradient(ellipse at 72% 40%,rgba(var(--tone-a-rgb),.3),transparent 39%),radial-gradient(ellipse at 50% 74%,rgba(var(--tone-b-rgb),.19),transparent 37%),radial-gradient(ellipse at 90% 90%,rgba(var(--tone-c-rgb),.16),transparent 35%);animation:living-wash 22s ease-in-out infinite alternate}
.living-depth{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 75%,rgba(var(--tone-b-rgb),.12),transparent 55%),linear-gradient(90deg,var(--bg) 0%,transparent 30%,transparent 85%,rgba(0,0,0,.12));opacity:.8}
.living-artwork{position:absolute;inset:-13% -9% -18% 20%;transform:translate3d(var(--living-x,0px),var(--living-y,0px),0);transition:transform 1.8s cubic-bezier(.2,.7,.2,1);mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 85%,transparent 100%);opacity:.9}
.hero-living .living-sculpture{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:none}
.living-fold{transform-origin:65% 50%;animation:living-fold 19s cubic-bezier(.45,0,.55,1) infinite alternate}
.living-fold-secondary{transform-origin:65% 60%;animation:living-counterfold 25s ease-in-out infinite alternate}
.living-fold-tertiary{transform-origin:60% 45%;animation:living-shear 29s ease-in-out infinite alternate}
.living-halo{opacity:.2;filter:blur(22px);animation:living-halo 16s ease-in-out infinite alternate}
.living-surface{opacity:.4}
.living-surface-secondary{opacity:.22}
.living-surface-tertiary{opacity:.15}
.living-edge{stroke-width:1;opacity:.65}
.living-edge-fine{stroke-width:.6;opacity:.35}
.living-contours{opacity:.11;stroke-width:.65;transform-origin:center;animation:living-contours 30s ease-in-out infinite alternate}
.living-refraction{position:absolute;inset:0;opacity:.23;background:repeating-linear-gradient(90deg,transparent 0px,transparent 16px,rgba(var(--tone-a-rgb),.13) 17px,rgba(var(--tone-a-rgb),.03) 20px,transparent 24px);mask-image:radial-gradient(ellipse at 74% 55%,#000,transparent 65%);animation:living-refraction 18s ease-in-out infinite alternate}
.living-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 47%),linear-gradient(180deg,var(--bg),transparent 20%,transparent 76%,var(--bg));opacity:.6}
.backdrop-trial{display:flex;align-items:center;gap:10px;position:relative;z-index:1;margin:-8px 0;flex-shrink:0}
.backdrop-trial-label{font:7px var(--mono);letter-spacing:.07em;color:var(--faint)}
.backdrop-options{display:flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:99px;background:rgba(0,0,0,.1)}
.backdrop-options button{font:9px var(--font);font-weight:400;border-radius:99px;padding:6px 10px;min-height:28px;background:transparent;color:var(--muted);transition:background .25s,color .25s}
.backdrop-options button[aria-pressed=true]{background:var(--text);color:var(--dark)}
.backdrop-pause{display:grid;place-items:center;height:29px;width:29px;min-width:29px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font-size:12px}
.backdrop-pause:hover{color:var(--text);background:var(--glass-strong)}
.backdrop-pause:disabled{opacity:.3;cursor:default}
.hero-hold[inert] .hero-living *,:root[data-hero-sleep=true] .hero-living *,:root[data-backdrop-motion=paused] .hero-living *{animation-play-state:paused!important}
:root[data-hero-backdrop=remastered][data-backdrop-motion=paused] .hero-atmosphere:before{animation-play-state:paused!important}
@keyframes living-wash{0%{transform:translate3d(-2%,2%,0) scale(1)}100%{transform:translate3d(5%,-4%,0) scale(1.1)}}
@keyframes living-fold{0%{transform:translate(-32px,18px) rotate(-7deg) scale(.96,1.04)}100%{transform:translate(42px,-28px) rotate(8deg) scale(1.1,.96)}}
@keyframes living-counterfold{0%{transform:translate(28px,-30px) rotate(8deg) scale(1.07,.95)}100%{transform:translate(-35px,35px) rotate(-9deg) scale(.96,1.06)}}
@keyframes living-shear{0%{transform:translate(-16px,45px) rotate(-5deg)}100%{transform:translate(34px,-38px) rotate(9deg)}}
@keyframes living-halo{0%{opacity:.12;transform:translate(0,20px)}100%{opacity:.29;transform:translate(20px,-35px)}}
@keyframes living-contours{to{transform:translate(45px,-20px) rotate(5deg)}}
@keyframes living-refraction{from{transform:translateX(-5px);opacity:.15}to{transform:translateX(5px);opacity:.3}}
@media(max-width:1050px){.backdrop-trial-label{display:none}.living-artwork{inset:-7% -20% -10% 12%;opacity:.8}}
@media(max-width:760px){
  .hero-topline{align-items:center;gap:12px;flex-wrap:wrap;row-gap:21px}
  .backdrop-trial{margin:0;gap:6px}
  .backdrop-options button{font-size:8px;min-height:28px;padding:5px 8px}
  .hero-topline>span:first-child{font-size:6px;letter-spacing:.05em}
  .living-artwork{inset:5% -45% -5% -30%;opacity:.65;mask-image:linear-gradient(180deg,transparent,#000 30%,#000 80%,transparent)}
  .living-wash{opacity:.65}
  .living-halo{filter:blur(12px)}
  .living-vignette{background:linear-gradient(180deg,var(--bg),transparent 40%,transparent 75%,var(--bg));opacity:.75}
}
@media(prefers-reduced-motion:reduce){.hero-living *{animation:none!important}.living-artwork{transform:none!important;transition:none}}