html,body{background:#f1ede3;color:#272520}
@font-face{font-family:Hanken;src:url('/_astro/hanken-grotesk-latin-400-normal.BG6hkEXj.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--ivory:#f1ede3;--champagne:#e6ce91;--coral:var(--champagne);--deep:#272520;--muted:#68645b;--line:#27252029;--focus:#272520;--gutter:clamp(24px,4.5vw,172px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Hanken,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:5px}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.3}img{display:block;max-width:100%}h1,h2,p,figure{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}h1 em,h2 em{font-weight:400}::selection{background:var(--champagne);color:var(--deep)}[hidden]{display:none!important}
.focus-skip{position:fixed;top:-100px;left:24px;z-index:1000;padding:16px 24px;background:var(--deep);color:var(--ivory)}.focus-skip:focus{top:10px}
.site-header{position:fixed;z-index:50;inset:0 var(--gutter) auto;height:88px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);color:var(--deep)}.site-header::before{content:'';position:absolute;inset:0 calc(-1 * var(--gutter));background:var(--ivory);z-index:-1;transition:background .25s}.dark-header .site-header::before{background:var(--champagne)}
.brand{width:210px;display:flex;align-items:center;min-height:44px;flex-shrink:0}.brand img,.footer-brand img{width:100%;height:auto;filter:brightness(0) saturate(100%) invert(12%) sepia(9%) saturate(705%) hue-rotate(3deg) brightness(95%) contrast(90%)}.main-nav{margin-left:auto;display:flex;gap:30px;font-size:14px}.main-nav a{min-height:44px;display:flex;align-items:center;gap:14px}.main-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.story-controls{display:flex;align-items:center;gap:4px;border-left:1px solid var(--line);padding-left:20px}.motion-toggle{display:flex;align-items:center;justify-content:center;gap:8px;color:inherit;background:transparent;border:0;min-width:44px;min-height:44px;padding:0 8px;font-size:12px}.motion-toggle svg{width:16px;height:16px}.play-icon{display:none}.motion-toggle[aria-pressed=true] .pause-icon{display:none}.motion-toggle[aria-pressed=true] .play-icon{display:block}.motion-toggle:disabled{opacity:.6;cursor:default}.skip-story{display:flex;align-items:center;justify-content:center;width:44px;height:44px}.skip-story svg{width:20px;height:20px}.skip-story:hover svg{transform:translateY(3px)}.site-menu{display:none}
.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}.button{display:inline-flex;align-items:center;gap:28px;min-height:54px;font-size:15px}.arrow-disc{display:flex;justify-content:center;align-items:center;border-radius:50%;width:52px;height:52px;background:var(--champagne);color:var(--deep);font-family:Arial,sans-serif;font-size:26px;transition:transform .25s var(--ease),background .25s}.button:hover .arrow-disc{transform:rotate(45deg);background:#d9bd77}.text-link{display:flex;align-items:center;justify-content:space-between;gap:32px;width:fit-content;min-width:220px;min-height:48px;border-bottom:1px solid currentColor;font-size:15px}.text-link span{font-family:Arial,sans-serif;font-size:21px;transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}
.story{position:relative}.stage{position:relative;isolation:isolate;overflow:hidden;background:var(--ivory)}.forest-field,.coral-field,.world-field{position:absolute;inset:0;display:none;pointer-events:none;z-index:-1}.forest-field{background:var(--champagne)}.coral-field,.world-field{background:var(--ivory)}.scene-copy{position:relative;padding:100px var(--gutter);scroll-margin-top:88px}.opening{min-height:880px;padding-top:160px}.opening .opening-title{font-size:clamp(90px,12vw,220px);line-height:.85;margin-top:40px;max-width:43%}.opening .opening-title span,.opening .opening-title em{display:block}.opening .opening-title em{margin-left:12%;font-size:1.03em}.opening-signature{font-size:22px;line-height:1.4;margin-top:48px}.opening-cta{margin-top:22px}.opening-rule{display:none}.scroll-cue{display:flex;align-items:center;gap:25px;min-height:44px;font-size:13px;margin-top:30px}.scroll-cue svg{width:18px;height:18px}.original-watch{position:absolute;left:50%;top:135px;width:43%;height:630px;mix-blend-mode:multiply;pointer-events:none}.original-watch img{width:100%;height:100%;object-fit:contain}
.closer{background:var(--champagne);padding-block:100px;min-height:520px}.detail-copy{max-width:600px}.closer h2{font-size:clamp(64px,7vw,125px);line-height:.97;margin:28px 0}.detail-caption,.colour-note,.world-note{font-size:17px;line-height:1.55}.detail-link{margin-top:40px}.detail-rule{display:none}.colour{min-height:650px;display:flex;align-items:center}.colour-copy{position:relative;max-width:50%}.colour h2{font-size:clamp(64px,6.5vw,115px);line-height:1.04;margin:28px 0}.colour-note{margin-top:32px}.colour-link{margin-top:32px}.colour-panel{position:absolute;left:54%;top:13%;width:41%;height:74%;background:var(--champagne)}.colour-panel span{position:absolute;bottom:24px;left:28px;font-size:13px}
.in-the-world{min-height:830px;display:flex;align-items:center}.world-copy{width:42%}.in-the-world h2{font-size:clamp(62px,7.2vw,130px);line-height:.98;margin:32px 0}.world-note{margin:32px 0}.world-link{margin-top:26px}.portrait{width:43%;margin-left:auto}.portrait>a{display:block;position:relative;overflow:hidden;height:620px}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 46%}.portrait-label{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:18px;padding:48px 24px 22px;background:linear-gradient(transparent,#17130ecc);font-size:13px;color:#fff}.portrait-label span:last-child{text-decoration:underline;text-underline-offset:4px}.portrait figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;font-size:12px;color:var(--muted)}.portrait figcaption a{min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
.portrait-media{display:block;width:100%;height:100%;overflow:hidden}
.chapter-nav{display:none}#watch-canvas{position:fixed;inset:0;width:100%;height:100svh;pointer-events:none;z-index:8;opacity:0;transition:opacity .35s}.model-ready:not(.static-mode) #watch-canvas{opacity:var(--model-opacity,1);transition:none}.model-ready:not(.static-mode) .original-watch{opacity:0}
.collection-finale{position:relative;z-index:12;background:var(--ivory);padding:100px var(--gutter) 0;border-top:1px solid var(--line);scroll-margin-top:88px}.finale-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.collection-finale h2{font-size:clamp(52px,5.8vw,105px);line-height:1.07;margin-top:20px}.finale-cta{margin-bottom:3px;white-space:nowrap}.range-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:64px 0 80px}.range-watch{position:relative;display:block;background:#e9e4d8}.range-image{height:clamp(260px,31vw,560px);padding:30px 20px 64px}.range-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s var(--ease)}.range-watch:hover img{transform:scale(1.045)}.range-meta{position:absolute;inset:auto 22px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.range-meta span:last-child{text-decoration:underline;text-underline-offset:4px}.partnership-line{margin:0 calc(-1 * var(--gutter));padding:48px var(--gutter);background:var(--champagne);display:flex;align-items:center;justify-content:space-between;gap:30px}.partnership-line p{font-family:Georgia,serif;font-size:clamp(32px,3.1vw,55px);letter-spacing:-.035em;line-height:1.15}.partnership-line .text-link{min-width:255px}
.site-footer{position:relative;z-index:12;background:var(--ivory);padding:64px var(--gutter) 32px;display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:14px;line-height:1.7}.footer-brand{width:220px;min-height:44px;display:flex;align-items:center}.site-footer nav{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:wrap}.site-footer nav a,.site-footer .email{min-height:44px;display:inline-flex;align-items:center}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}.site-footer p{font-size:12px;color:var(--muted);justify-self:end}.site-footer .company{justify-self:start}.site-footer .legal-nav{font-size:12px}

/* One type scale and two copy rails connect every chapter. */
:root{--chapter-title:clamp(56px,6.4vw,168px);--copy-size:clamp(16px,1.2vw,23px);--copy-rail:62%;--copy-top:25%;scrollbar-color:#817b70 var(--ivory)}
.scene-copy h2{font-size:var(--chapter-title);line-height:1.03;letter-spacing:-.035em;margin:0 0 30px;text-wrap:balance}
.detail-caption,.colour-note,.world-note,.return-note{font-size:var(--copy-size);line-height:1.5;max-width:29ch;margin:0}
.detail-link,.colour-link,.world-link,.return-link{margin-top:30px;font-size:clamp(15px,1.1vw,21px)}
.back-home{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:680px;background:var(--ivory)}
.box-still{width:100%;aspect-ratio:1.18}.box-still img{width:100%;height:100%;object-fit:contain}
.enhanced:not(.static-mode) .story{height:570svh}
.enhanced:not(.static-mode) .stage{position:sticky;top:0;height:100svh}
.enhanced:not(.static-mode) .forest-field,.enhanced:not(.static-mode) .coral-field,.enhanced:not(.static-mode) .world-field{display:block;opacity:0}
.enhanced:not(.static-mode) .scene-copy{position:absolute;inset:0;min-height:0;padding:0;background:transparent;display:block}
.enhanced:not(.static-mode) .scene-copy:not(.display-intro){opacity:0;pointer-events:none}
.enhanced:not(.static-mode) .opening .opening-title{position:static;max-width:none;margin:0;line-height:.88;letter-spacing:-.04em}
.enhanced:not(.static-mode) .opening .opening-title span{position:absolute;top:27%;left:var(--gutter);font-size:min(16vw,540px)}
.enhanced:not(.static-mode) .opening .opening-title em{position:absolute;top:51%;left:67%;font-size:min(13.8vw,480px);margin:0}
.enhanced:not(.static-mode) .opening-signature{position:absolute;bottom:27%;left:var(--gutter);margin:0;font-size:clamp(18px,1.45vw,28px)}
.enhanced:not(.static-mode) .opening-cta{position:absolute;bottom:14%;left:var(--gutter);margin:0}
.enhanced:not(.static-mode) .scroll-cue{position:absolute;bottom:14%;right:var(--gutter);margin:0}
.enhanced:not(.static-mode) .original-watch{left:34%;top:16%;width:42%;height:67%}
.enhanced:not(.static-mode) .detail-copy{position:absolute;left:var(--copy-rail);top:var(--copy-top);right:var(--gutter);max-width:none}
.enhanced:not(.static-mode) .colour-copy,.enhanced:not(.static-mode) .world-copy,.enhanced:not(.static-mode) .return-copy{position:absolute;top:var(--copy-top);left:var(--gutter);width:42%;max-width:none}
.enhanced:not(.static-mode) .colour-panel{left:55%;top:18%;width:40.5%;height:65%;transform:translateY(calc((1 - var(--scene-in,1))*28px))}
.enhanced:not(.static-mode) .colour-panel span{left:24px;bottom:24px}
.enhanced:not(.static-mode) .portrait{position:absolute;left:55%;top:16%;width:40.5%;margin:0}
.enhanced:not(.static-mode) .portrait>a{height:auto;overflow:visible}
.enhanced:not(.static-mode) .portrait-label,
.enhanced:not(.static-mode) .portrait figcaption{opacity:var(--photo-caption-opacity,1)}
.enhanced:not(.static-mode) .portrait-media{height:60svh}
.enhanced:not(.static-mode) .portrait img{object-position:53% 80%;transform:scale(1.75);transform-origin:53% 63%}
.enhanced:not(.static-mode) .portrait-label{position:static;background:none;color:var(--deep);padding:12px 0;min-height:40px}
.enhanced:not(.static-mode) .portrait figcaption{border-top:1px solid var(--line)}
.enhanced:not(.static-mode) .box-still{display:none}
.enhanced:not(.static-mode)>.chapter-nav{position:fixed;z-index:30;left:var(--gutter);bottom:22px;display:flex;gap:22px;align-items:center;background:var(--ivory);padding:0 10px;margin-left:-10px}
.enhanced.dark-header:not(.static-mode)>.chapter-nav{background:var(--champagne)}
.chapter-nav a{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;min-width:44px;font-size:12px}
.chapter-index{font-size:10px;color:var(--muted)}.dark-header .chapter-index{color:var(--deep)}
.chapter-line{height:1px;background:var(--deep);opacity:.25;position:absolute;bottom:0;left:0;right:0}
.chapter-nav a[aria-current=step] .chapter-line{height:2px;background:var(--deep);opacity:1}
.dark-header .chapter-nav a[aria-current=step] .chapter-line{background:var(--deep)}
.chapter-nav a:hover .chapter-line{opacity:1}.chapter-status{display:none}
.static-mode .site-header::before,body:not(.enhanced) .site-header::before{background:var(--ivory)}
.static-mode .colour-panel,body:not(.enhanced) .colour-panel{display:none}
.static-mode .scene-copy:focus,body:not(.enhanced) .scene-copy:focus{outline-offset:-6px}
@media(min-width:1800px){.site-header{height:110px}.brand{width:280px}.main-nav{font-size:18px;gap:40px}.motion-toggle{font-size:15px}.button,.text-link{font-size:20px}.chapter-nav a,.chapter-label{font-size:16px}.enhanced:not(.static-mode)>.chapter-nav{bottom:34px;gap:32px}.portrait figcaption,.portrait-label,.colour-panel span{font-size:16px}.arrow-disc{width:66px;height:66px}}
@media(max-width:1150px){.site-header{gap:18px}.brand{width:180px}.main-nav{gap:20px}.story-controls{padding-left:10px}.motion-toggle span{display:none}.range-meta{font-size:12px;inset-inline:16px}.range-preview{gap:20px}.text-link{min-width:190px}.portrait figcaption{font-size:11px}.finale-head{align-items:flex-start;flex-direction:column;gap:24px}}
@media(max-width:900px){
 :root{--gutter:22px;--chapter-title:clamp(42px,10.8vw,74px);--copy-size:16px;--copy-top:15%}
 .site-header{inset-inline:20px;height:72px;gap:8px}.brand{width:155px}.main-nav{display:none}.site-menu{display:block;margin-left:auto}
 .site-menu summary{list-style:none;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer}.site-menu summary::-webkit-details-marker{display:none}.site-menu[open] summary{text-decoration:underline;text-underline-offset:4px}
 .site-menu nav{position:absolute;top:71px;left:-20px;right:-20px;padding:24px 24px 32px;background:var(--ivory);color:var(--deep);display:grid;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #2725200a}.site-menu nav a{min-height:58px;font-family:Georgia,serif;font-size:30px}
 .story-controls{border:0;padding:0;gap:0}.motion-toggle,.skip-story{width:44px;min-width:44px}
 .scene-copy{padding:64px 22px;scroll-margin-top:72px}.opening{padding-top:125px;min-height:850px}.opening .opening-title{max-width:none;font-size:clamp(64px,18vw,96px);line-height:.94;margin:0;display:flex;gap:.17em}.opening .opening-title em{margin:0}.opening-signature{margin-top:410px;font-size:19px}.opening-cta{margin-top:20px}.original-watch{left:10%;top:235px;width:80%;height:380px}.scroll-cue{display:none}
 .closer{min-height:380px}.colour{min-height:380px;display:block}.colour-copy{max-width:none}.scene-copy h2{margin:0 0 24px}.in-the-world{display:block;min-height:0}.world-copy{width:100%}.portrait{width:100%;margin:35px 0 0}.portrait>a{height:110vw}.portrait figcaption{font-size:11px}.portrait-label{padding:50px 18px 18px;font-size:13px}.back-home{display:block;min-height:0}.box-still{margin-top:30px}
 .collection-finale{padding:60px 22px 0;scroll-margin-top:72px}.collection-finale h2{font-size:clamp(42px,11vw,74px);line-height:1.1}.finale-head{gap:28px}.range-preview{grid-template-columns:1fr;gap:20px;margin:40px 0}.range-image{height:340px;padding:20px 25px 62px}.range-meta{font-size:13px;inset-inline:22px}.partnership-line{padding:36px 22px;flex-direction:column;align-items:flex-start;gap:22px}.partnership-line p{font-size:36px}.partnership-line .text-link{width:100%}.site-footer{padding:38px 22px 24px;grid-template-columns:1fr;gap:18px;font-size:13px}.site-footer nav{justify-content:flex-start}.site-footer p{justify-self:start}.footer-brand{width:200px}
 .enhanced:not(.static-mode) .story{height:550svh}
 .enhanced:not(.static-mode) .opening .opening-title{display:block}.enhanced:not(.static-mode) .opening .opening-title span{top:17%;left:22px;font-size:clamp(58px,21vw,108px)}.enhanced:not(.static-mode) .opening .opening-title em{top:23%;left:47%;font-size:clamp(58px,21vw,108px)}
 .enhanced:not(.static-mode) .opening-signature{bottom:22%;left:22px;font-size:16px}.enhanced:not(.static-mode) .opening-cta{bottom:13%;left:22px;right:22px;justify-content:space-between;font-size:14px;min-height:46px}.arrow-disc{width:46px;height:46px}
 .enhanced:not(.static-mode) .original-watch{left:10%;top:31%;width:80%;height:40%}
 .enhanced:not(.static-mode) .detail-copy,.enhanced:not(.static-mode) .colour-copy,.enhanced:not(.static-mode) .world-copy,.enhanced:not(.static-mode) .return-copy{left:22px;right:22px;top:15%;width:auto;height:72%}
 .enhanced:not(.static-mode) .scene-copy h2{font-size:var(--chapter-title);line-height:1.03;margin:0;max-width:100%}
 .enhanced:not(.static-mode) .closer h2 br{display:none}
 .enhanced:not(.static-mode) .detail-caption,.enhanced:not(.static-mode) .colour-note,.enhanced:not(.static-mode) .return-note{position:absolute;bottom:16%;left:0;font-size:14px;max-width:100%;line-height:1.4}
 .enhanced:not(.static-mode) .detail-link,.enhanced:not(.static-mode) .colour-link,.enhanced:not(.static-mode) .world-link,.enhanced:not(.static-mode) .return-link{position:absolute;bottom:2%;left:0;width:100%;margin:0;font-size:14px}
 .enhanced:not(.static-mode) .return-note,.enhanced:not(.static-mode) .return-link{opacity:var(--return-detail-in,0)}
 .enhanced:not(.static-mode) .colour-panel{left:22%;top:36%;width:72%;height:31%}.enhanced:not(.static-mode) .colour-panel span{display:none}
 .enhanced:not(.static-mode) .world-note{display:none}.enhanced:not(.static-mode) .portrait{left:22px;top:31%;width:calc(100% - 44px);margin:0}.enhanced:not(.static-mode) .portrait-media{height:36svh}.enhanced:not(.static-mode) .portrait img{transform:scale(1.9)}.enhanced:not(.static-mode) .portrait-label{padding:9px 0;min-height:36px;font-size:11px}.enhanced:not(.static-mode) .portrait figcaption{justify-content:flex-end;min-height:32px}.enhanced:not(.static-mode) .portrait figcaption a{min-height:32px}.enhanced:not(.static-mode) .portrait figcaption>span{display:none}
 .enhanced:not(.static-mode)>.chapter-nav{left:22px;bottom:10px;gap:10px;padding:0;margin:0}.chapter-nav a{justify-content:center;min-width:44px;min-height:44px}.chapter-nav .chapter-label{display:none}.chapter-index{font-size:12px}.chapter-status{display:block;position:absolute;left:0;bottom:45px;font-size:11px}
}
@media(max-width:380px){.brand{width:136px}.site-header{inset-inline:16px}.enhanced:not(.static-mode) .opening-signature{font-size:14px}.enhanced:not(.static-mode) .detail-caption,.enhanced:not(.static-mode) .colour-note,.enhanced:not(.static-mode) .return-note{font-size:13px}.portrait-label{font-size:10px}}
@media(min-width:600px) and (max-width:900px){.range-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.range-image{height:300px;padding:20px 10px 82px}.range-meta{font-size:12px;flex-direction:column;align-items:flex-start;gap:8px;inset-inline:16px}.enhanced:not(.static-mode) .detail-caption,.enhanced:not(.static-mode) .colour-note,.enhanced:not(.static-mode) .return-note{font-size:16px}.enhanced:not(.static-mode) .opening-signature{font-size:19px}}
@media(max-height:720px) and (min-width:901px){:root{--chapter-title:clamp(50px,6vw,100px);--copy-top:25%}.site-header{height:70px}.enhanced:not(.static-mode) .opening .opening-title span{font-size:14vw;top:27%}.enhanced:not(.static-mode) .opening .opening-title em{font-size:12vw;top:49%;left:69%}.enhanced:not(.static-mode) .opening-signature{font-size:16px;bottom:26%}.enhanced:not(.static-mode) .opening-cta,.enhanced:not(.static-mode) .scroll-cue{bottom:13%}.scene-copy h2{margin-bottom:22px}.detail-caption,.colour-note,.world-note,.return-note{font-size:15px}.detail-link,.colour-link,.world-link,.return-link{margin-top:22px}.enhanced:not(.static-mode)>.chapter-nav{bottom:10px;gap:18px}}
@media(max-height:720px) and (max-width:900px){:root{--chapter-title:clamp(38px,10vw,60px)}.enhanced:not(.static-mode) .detail-caption,.enhanced:not(.static-mode) .colour-note,.enhanced:not(.static-mode) .return-note{font-size:13px;bottom:18%}.enhanced:not(.static-mode) .opening-signature{font-size:13px}.enhanced:not(.static-mode) .opening-cta{bottom:14%}.enhanced:not(.static-mode) .portrait-media{height:35svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(min-width:600px) and (max-width:900px){.enhanced:not(.static-mode) .back-home h2 br{display:none}}

/* Glass reveal: a gallery object leaves its display for everyday life. */
.display-intro{min-height:880px;padding-top:180px}
.display-copy{position:relative;max-width:43%}
.display-copy h1{font-size:clamp(62px,7.2vw,180px);line-height:1.01;letter-spacing:-.045em;margin:0 0 32px;text-wrap:balance}
.display-note{font-size:var(--copy-size);line-height:1.5;margin:0 0 26px}
.display-intro .scroll-cue{margin-top:32px}
.opening{min-height:480px}
.opening .opening-title{margin:0}
.opening-signature{margin-top:30px}
.enhanced:not(.static-mode) .display-copy{position:absolute;left:var(--gutter);top:27%;width:41%;max-width:none}
.enhanced:not(.static-mode) .display-copy h1{font-size:clamp(62px,7.2vw,210px)}
.enhanced:not(.static-mode) .display-intro .scroll-cue{position:absolute;left:var(--gutter);right:auto;bottom:14%;margin:0}
.enhanced:not(.static-mode) .display-intro .original-watch{left:50%;top:18%;width:43%;height:62%}
.enhanced:not(.static-mode) .opening .opening-title{line-height:.88;letter-spacing:-.04em;margin:0}
.enhanced:not(.static-mode) .opening .opening-title span{left:var(--gutter);top:27%;font-size:min(16vw,540px)}
@media(max-width:900px){
 .display-intro{min-height:830px;padding-top:120px}
 .display-copy{max-width:none;position:static}
 .display-copy h1{font-size:clamp(48px,12vw,92px);margin-bottom:420px}
 .display-note{font-size:16px;margin-bottom:20px}
 .display-intro .original-watch{top:260px;left:10%;width:80%;height:330px}
 .display-intro .scroll-cue{display:none}
 .opening{min-height:360px;padding-top:64px}
 .opening .opening-title{display:flex;gap:.17em}
 .opening-signature{margin-top:28px}
 .enhanced:not(.static-mode) .display-copy{inset:15% 22px 12%;width:auto;height:auto}
 .enhanced:not(.static-mode) .display-copy h1{font-size:clamp(42px,11vw,86px);line-height:1.03;margin:0}
 .enhanced:not(.static-mode) .display-note{position:absolute;bottom:9%;font-size:14px;line-height:1.4;margin:0}
 .enhanced:not(.static-mode) .display-note br{display:none}
 .enhanced:not(.static-mode) .display-cta{position:absolute;bottom:0;left:0;right:0;min-height:44px;font-size:14px;justify-content:space-between}
 .enhanced:not(.static-mode) .display-intro .original-watch{left:10%;top:31%;width:80%;height:40%}
 .enhanced:not(.static-mode) .opening .opening-title span{top:17%;left:22px;font-size:clamp(58px,21vw,108px)}
}
@media(max-height:720px) and (min-width:901px){
 .enhanced:not(.static-mode) .display-copy{top:24%}
 .enhanced:not(.static-mode) .display-copy h1{font-size:clamp(54px,6.3vw,100px);margin-bottom:20px}
 .enhanced:not(.static-mode) .display-note{font-size:15px;margin-bottom:20px}
 .enhanced:not(.static-mode) .display-intro .scroll-cue{bottom:12%}
}
@media(max-height:720px) and (max-width:900px){
 .enhanced:not(.static-mode) .display-copy h1{font-size:clamp(34px,8vw,48px)}
 .enhanced:not(.static-mode) .display-note{font-size:13px;bottom:13%}
}
@media(max-height:600px) and (min-width:500px) and (max-width:900px){
 .enhanced:not(.static-mode) .display-copy h1 br{display:none}
 .enhanced:not(.static-mode) .display-copy h1 br::after{content:' '}
}

/* Chapter 04: one photograph opens out, then clears to reveal the object.
   Explicit media geometry keeps its photographed wrist aligned with WebGL. */
.enhanced:not(.static-mode) .story{height:650svh}
.enhanced:not(.static-mode) .portrait{
 left:var(--portrait-x,55%);top:var(--portrait-y,16%);
 width:var(--portrait-w,40.5%);margin:0;
}
.enhanced:not(.static-mode) .portrait-media{
 position:relative;width:100%;height:var(--portrait-h,60svh);
}
.enhanced:not(.static-mode) .portrait .portrait-original{
 position:absolute;left:var(--photo-x,0px);top:var(--photo-y,0px);
 width:var(--photo-w,100%);height:var(--photo-h,100%);max-width:none;
 object-fit:fill;object-position:50% 50%;transform:none;transform-origin:0 0;
}
.enhanced:not(.static-mode) .portrait>a{height:auto;overflow:visible}
.static-mode .in-the-world,body:not(.enhanced) .in-the-world{display:block;min-height:0}
.static-mode .portrait,body:not(.enhanced) .portrait{
 width:min(100%,620px);margin:0 auto;
}
.static-mode .portrait>a,body:not(.enhanced) .portrait>a{height:auto}
.static-mode .portrait-media,body:not(.enhanced) .portrait-media{height:auto}
.static-mode .portrait .portrait-original,body:not(.enhanced) .portrait .portrait-original{
 position:static;width:100%;height:auto;object-fit:contain;transform:none;
}
@media(max-width:900px){
 .enhanced:not(.static-mode) .story{height:630svh}
}

/* Desktop outpainting supplies scenery only. The unchanged approved portrait
   sits above it and remains the sole reference for wrist/3D registration. */
.portrait-extension-wrap{display:none}
@media(min-width:901px),(orientation:landscape){
 .portrait-extension-wrap{display:contents}
 .portrait .portrait-original{position:relative;z-index:1;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
 .enhanced:not(.static-mode) .portrait .portrait-extension{
  position:absolute;left:calc(var(--photo-x) + var(--photo-w) / 2 - var(--photo-h) * 1672 / 941 / 2);top:var(--photo-y);
  width:calc(var(--photo-h) * 1672 / 941);height:var(--photo-h);max-width:none;object-fit:fill;transform:none;
 }
 .static-mode .portrait,body:not(.enhanced) .portrait{width:min(100%,1360px)}
 .static-mode .portrait-media,body:not(.enhanced) .portrait-media{position:relative;aspect-ratio:16/9;overflow:hidden}
 .static-mode .portrait .portrait-extension,body:not(.enhanced) .portrait .portrait-extension{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none}
 .static-mode .portrait .portrait-original,body:not(.enhanced) .portrait .portrait-original{position:absolute;inset:0 auto 0 50%;width:auto;height:100%;max-width:none;transform:translateX(-50%)}
}

/* When the photograph opens fully, controls remain legible on a quiet surface
   while the scene itself reaches every edge of the viewport. */
body.photo-immersive .site-header::before{background:rgba(241,237,227,.94);backdrop-filter:blur(8px)}
body.photo-immersive.enhanced:not(.static-mode)>.chapter-nav{padding:0 8px;background:rgba(241,237,227,.94);border:1px solid var(--line)}
body.photo-immersive.enhanced:not(.static-mode) .portrait-label{
 position:absolute;left:auto;right:var(--gutter);bottom:58px;width:auto;min-height:44px;
 padding:10px 16px;gap:28px;background:rgba(241,237,227,.94);color:var(--deep);
}
body.photo-immersive.enhanced:not(.static-mode) .portrait figcaption{
 position:absolute;right:var(--gutter);bottom:14px;min-height:32px;border:0;
 padding:0 12px;background:rgba(241,237,227,.94);color:var(--deep);
}
body.photo-immersive.enhanced:not(.static-mode) .portrait figcaption a{min-height:32px}
@media(max-width:900px){
 body.photo-immersive.enhanced:not(.static-mode) .portrait-label{right:20px;bottom:98px;padding:8px 12px;font-size:12px;gap:20px}
 body.photo-immersive.enhanced:not(.static-mode) .portrait figcaption{right:20px;bottom:60px;font-size:11px}
}

/* One thought per chapter; the moving object carries the rest of the story. */
.display-copy h1{margin-bottom:38px}
.display-cta{gap:22px}
.display-cta .arrow-disc{width:42px;height:42px;font-size:22px}
.portrait figcaption{justify-content:flex-end}
.enhanced:not(.static-mode)>.chapter-nav{gap:10px;padding:0;margin:0;background:transparent}
.enhanced:not(.static-mode)>.chapter-nav a{width:44px;height:44px;justify-content:center;gap:0}
.enhanced:not(.static-mode)>.chapter-nav .chapter-label,
.enhanced:not(.static-mode)>.chapter-nav .chapter-status{display:none}
.enhanced:not(.static-mode)>.chapter-nav .chapter-index{font-size:12px}
.enhanced:not(.static-mode)>.chapter-nav .chapter-line{left:5px;right:5px}
.enhanced:not(.static-mode)>.chapter-nav a[aria-current=step] .chapter-index{color:var(--deep)}
.enhanced:not(.static-mode) .display-copy h1{margin-bottom:38px}
.enhanced:not(.static-mode) .detail-link,
.enhanced:not(.static-mode) .return-link{margin-top:34px}
@media(min-width:901px){
 .enhanced:not(.static-mode) .display-copy{top:31%}
 .enhanced:not(.static-mode) .display-copy h1{font-size:clamp(62px,6.8vw,196px);line-height:1.02}
 .enhanced:not(.static-mode) .display-intro .scroll-cue{bottom:14%;font-size:12px}
 .enhanced:not(.static-mode) .detail-copy,.enhanced:not(.static-mode) .world-copy,.enhanced:not(.static-mode) .return-copy{top:30%}
}
@media(max-width:900px){
 .enhanced:not(.static-mode) .display-copy h1{margin:0}
 .enhanced:not(.static-mode) .display-cta{bottom:2%;font-size:14px}
 .enhanced:not(.static-mode) .detail-link,.enhanced:not(.static-mode) .return-link{margin-top:0}
 .display-copy h1{margin-bottom:430px}
 .display-cta{margin-top:0}
 .opening{min-height:270px}
}
@media(max-height:720px) and (min-width:901px){
 .enhanced:not(.static-mode) .display-copy{top:26%}
 .enhanced:not(.static-mode) .display-copy h1{margin-bottom:24px;font-size:clamp(52px,6vw,92px)}
 .enhanced:not(.static-mode) .detail-copy,.enhanced:not(.static-mode) .world-copy,.enhanced:not(.static-mode) .return-copy{top:27%}
}
@media(max-height:600px) and (min-width:500px) and (max-width:900px){
 .enhanced:not(.static-mode) .opening .opening-title{position:absolute;top:16%;left:22px;right:22px;display:flex;gap:.18em;line-height:1}
 .enhanced:not(.static-mode) .opening .opening-title span,
 .enhanced:not(.static-mode) .opening .opening-title em{position:static;font-size:clamp(46px,9vw,62px);line-height:1}
 .enhanced:not(.static-mode) .return-copy{top:16%}
 .enhanced:not(.static-mode) .back-home h2{font-size:clamp(34px,7vw,44px);white-space:nowrap}
 .enhanced:not(.static-mode) .back-home h2 br{display:none}
}