/* Originals stay byte-identical and fully framed. Animation uses separate lids. */
.watch-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,90px);align-items:center;border-top:1px solid var(--line);position:relative}.watch-copy h2{margin-top:22px}.watch-copy>p{font-size:14px;line-height:1.85;margin-top:25px;max-width:470px}.watch-copy .watch-note{font-size:10px;color:var(--quiet);max-width:340px;margin-top:36px}.watch-gallery{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:20px;max-width:580px;justify-self:center;min-width:0}.watch-gallery figure{min-width:0;background:#fff;border:1px solid #b8a76b;box-shadow:0 18px 40px #0005}.watch-gallery img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;filter:none;transform:none}.eye-art-button{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;cursor:pointer;line-height:0}.eye-art-button:focus-visible{outline:3px solid #ffd400;outline-offset:5px}.watch-gallery figcaption{display:flex;justify-content:space-between;gap:4px;padding:11px 9px;background:#191b1c;color:#d2c9a1;font-size:6px;letter-spacing:.1em;line-height:1.6}.eye-lids{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.eye-lid-upper{transform:translateY(-200px);transition:transform .17s cubic-bezier(.45,0,.6,1)}.eye-lid-lower{transform:translateY(200px);transition:transform .17s cubic-bezier(.45,0,.6,1)}[data-eye-closed=true] .eye-lid-upper,[data-eye-closed=true] .eye-lid-lower{transform:translateY(0)}.original-ornament{align-self:end;margin-top:75px;transform:none}
/* The source video is under the site; foreground embers cannot intercept input. */
.depth-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#090909}.depth-video{width:100%;height:100%;object-fit:cover;opacity:.58;transform:scale(1.055);will-change:transform}.depth-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090909cb,#09090955 65%,#090909a0),linear-gradient(0deg,#09090988,transparent 55%,#09090977)}.depth-back-particles{position:absolute;inset:0;width:100%;height:100%;opacity:.7}.depth-front-particles{position:fixed;inset:0;z-index:120;pointer-events:none!important;user-select:none;width:100%;height:100%;opacity:.85}.has-depth-atmosphere{isolation:isolate;background:#090909}.has-depth-atmosphere .hero-story{background:linear-gradient(90deg,#090909c9,#09090970)}.has-depth-atmosphere .hero-story-toolbar{background:#090909e0}.has-depth-atmosphere .hero-story-copy h1,.has-depth-atmosphere .hero-story-copy h2,.has-depth-atmosphere .watch-copy h2{text-shadow:0 2px 18px #000b}.has-depth-atmosphere .object-section,.has-depth-atmosphere .watch-section{background:#09090935}.depth-front-particles[hidden],.depth-back-particles[hidden]{display:none!important}
@media(max-width:1000px){.watch-gallery{gap:13px}.watch-gallery figcaption{font-size:5px;letter-spacing:.02em}.watch-copy h2{font-size:37px}.depth-video{opacity:.45}}
@media(max-width:780px){.watch-section{grid-template-columns:1fr;gap:35px}.watch-gallery{max-width:430px;width:100%;gap:16px}.watch-copy h2{font-size:35px}.watch-copy .watch-note{margin-top:25px}.original-ornament{margin-top:45px}.watch-gallery figcaption{font-size:6px;padding:9px 7px}.depth-front-particles{opacity:.7}}
html[data-motion=paused] .eye-lid-upper,html[data-motion=paused] .eye-lid-lower{transition:none!important}html[data-motion=paused] .depth-video{will-change:auto}
@media(prefers-reduced-motion:reduce){.eye-lid-upper,.eye-lid-lower{transition:none}.depth-video{will-change:auto}.depth-front-particles,.depth-back-particles{display:none!important}}

.eye-art-button:disabled{opacity:1;cursor:default}.no-js .watch-note{display:none}
:root[data-theme=light] .has-depth-atmosphere{background:var(--page)}:root[data-theme=light] .depth-atmosphere{background:var(--page)}:root[data-theme=light] .depth-video{opacity:.16}:root[data-theme=light] .depth-atmosphere:after{background:linear-gradient(90deg,#f4f0e8ef,#f4f0e8c9 65%,#f4f0e8e0)}:root[data-theme=light] .has-depth-atmosphere .watch-section,:root[data-theme=light] .has-depth-atmosphere .object-section{background:#f4f0e8bb}:root[data-theme=light] .has-depth-atmosphere .watch-copy h2{text-shadow:none}:root[data-theme=light] .depth-front-particles{opacity:.5}
/* Scroll chapter: no art cards, no white background, one vertical eye actor. */
.hero-story-eye{z-index:1}.scroll-eye-art{position:relative;width:100%;height:100%;--eye-closure:0}.scroll-eye-art picture,.scroll-eye-art .original-eye-image{display:block;width:100%;height:100%;object-fit:contain;background:none;border:0;box-shadow:none;filter:none}.scroll-eye-art .eye-lids{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scroll-eye-art .eye-lid-upper{transform:translateY(calc(-200px * (1 - var(--eye-closure,0))));transition:none}.scroll-eye-art .eye-lid-lower{transform:translateY(calc(200px * (1 - var(--eye-closure,0))));transition:none}.hero-story-panel>span[id]{position:absolute;left:0;top:0}.hero-story-panels{position:relative;z-index:2}.story-edge-ornament{position:absolute;right:0;top:32px;width:clamp(130px,17vw,255px);aspect-ratio:953/1651;z-index:1;pointer-events:none;perspective:850px;overflow:visible}.story-edge-ornament>svg{position:absolute;pointer-events:none}.story-edge-ornament .edge-ornament-image{display:block;width:100%;height:auto;transform-origin:100% 15%;filter:url(#ornament-breeze) drop-shadow(-8px 12px 14px #0005);will-change:transform}.panel-1 .guardian-seal{opacity:1}.restored-certificate-section{grid-template-columns:1.25fr 1fr}.certificate-stage.restored-certificate{max-width:760px;padding:0;perspective:1000px}.certificate-document{display:block;transform-origin:center;outline-offset:5px}.certificate-document img{display:block;width:100%;height:auto;object-fit:contain;border:0;box-shadow:0 15px 40px #0004}
@media(max-width:1000px){.story-edge-ornament{width:125px;top:40%}.restored-certificate-section{grid-template-columns:1fr}.restored-certificate-section .restored-certificate{order:1;width:100%}.restored-certificate-section .object-copy{order:0}}
@media(max-width:780px){.story-edge-ornament{width:105px;top:40%}}
@media(max-width:360px){.story-edge-ornament{width:86px}}
html[data-motion=paused] .story-edge-ornament .edge-ornament-image{filter:drop-shadow(-5px 8px 12px #0004);will-change:auto}
@media(prefers-reduced-motion:reduce){.story-edge-ornament .edge-ornament-image{filter:none;will-change:auto}}
/* Perspective flight: quiet nebula below the site, soft near-plane shards above it. */
.depth-atmosphere:before{content:'';position:absolute;inset:-12%;pointer-events:none;background:radial-gradient(ellipse at 70% 42%,#238bcf55,transparent 42%),radial-gradient(ellipse at 34% 69%,#b075283f,transparent 47%),radial-gradient(ellipse at 84% 78%,#d6a43b17,transparent 36%);transform:translate3d(var(--depth-drift-x,0px),var(--depth-drift-y,0px),0);will-change:transform}
.has-depth-atmosphere>.depth-front-particles{opacity:.92;mix-blend-mode:screen;pointer-events:none!important}
.has-depth-atmosphere .depth-back-particles{opacity:.9}
.has-depth-atmosphere .section-current{width:min(360px,50%)}
.has-depth-atmosphere .section-current:after{content:'';position:absolute;width:48px;height:4px;top:-1px;left:calc(var(--depth-section-progress,0)*100%);translate:-50% 0;background:linear-gradient(90deg,transparent,#fff2b9,transparent);box-shadow:0 0 13px #ffd57380;pointer-events:none}
:root[data-theme=light] .depth-atmosphere:before{opacity:.35}
:root[data-theme=light] .has-depth-atmosphere>.depth-front-particles{opacity:.48}
.no-js .depth-front-particles,.no-js .depth-back-particles{display:none!important}
html[data-motion=paused] .depth-atmosphere:before,.no-js .depth-atmosphere:before{transform:none;will-change:auto}
html[data-motion=paused] .has-depth-atmosphere .section-current:after,.no-js .has-depth-atmosphere .section-current:after{display:none}
@media(max-width:700px){.has-depth-atmosphere>.depth-front-particles{opacity:.78}.has-depth-atmosphere .section-current:after{width:34px}}
@media(prefers-reduced-motion:reduce){.depth-atmosphere:before{transform:none;will-change:auto}.has-depth-atmosphere .section-current:after{display:none}}

.has-depth-atmosphere .hero-story{background:linear-gradient(90deg,#090909d6 0%,#090909a8 43%,#09090936 73%,#09090952)}
