:root{color-scheme:dark;--paper:#000;--ink:#fff;--muted:#fff;--line:#333}
html,body{background:#000;color:#fff}
.edition,.eyebrow,.subtitle,.product figcaption,.description,.description .quiet,.material-note,footer{color:#fff}
.brand img{filter:brightness(0) invert(1)}
.product-stage{position:relative;aspect-ratio:4/3;width:100%}
.product-stage .product-lit{position:relative;display:block;width:100%;height:auto}
.product-stage .product-dim{position:absolute;inset:0;display:none;width:100%;height:100%}
@media(prefers-reduced-motion:no-preference){
.hero.is-lighting .product-stage{animation:dark-emerge 2500ms cubic-bezier(.2,.65,.25,1) both;transform-origin:50% 70%}
.hero.is-lighting.has-dim .product-lit{animation:light-arrives 2400ms ease-in-out 100ms both}
.hero.is-lighting.has-dim .product-dim{display:block;animation:dim-recedes 2400ms ease-in-out 100ms both}
.hero.is-lighting h1{animation:dark-title 750ms ease-out 1100ms both}
.hero.is-lighting .subtitle{animation:dark-title 700ms ease-out 1250ms both}
@keyframes dark-emerge{from{opacity:.03;transform:translateY(18px) scale(.965)}to{opacity:1;transform:none}}
@keyframes light-arrives{from{opacity:0}to{opacity:1}}
@keyframes dim-recedes{from{opacity:1}to{opacity:0}}
@keyframes dark-title{from{opacity:.15;transform:translateY(7px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){.hero.is-lighting .product-stage,.hero.is-lighting .product-lit,.hero.is-lighting h1,.hero.is-lighting .subtitle{animation:none;opacity:1;transform:none}.hero.is-lighting .product-dim{display:none}}