.points{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.glow{z-index:0;left:var(--sun-x,62%);top:var(--sun-y,55%);pointer-events:none;width:70vw;height:36vw;transition:opacity 1.2s var(--ease);background:radial-gradient(closest-side,#fff4e133,#ffecd20d 50%,#0000 75%);position:fixed;translate:-50% -50%}body:not(.at-sea) .glow{opacity:0}.lens{z-index:1;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .35s var(--ease);-webkit-mask-image:radial-gradient(circle 150px at var(--mx,50%) var(--my,50%), #000 92%, transparent 100%);-webkit-mask-image:radial-gradient(circle 150px at var(--mx,50%) var(--my,50%), #000 92%, transparent 100%);mask-image:radial-gradient(circle 150px at var(--mx,50%) var(--my,50%), #000 92%, transparent 100%);position:fixed}.lens-ring{z-index:1;pointer-events:none;opacity:0;width:300px;height:300px;transition:opacity .35s var(--ease), scale .35s var(--ease);border:1px solid #f2f0eb73;border-radius:50%;margin:-150px 0 0 -150px;position:fixed;top:0;left:0;scale:.9;box-shadow:0 0 0 1px #03030466,0 20px 60px #00000080}.lens.on,.lens-ring.on{opacity:1;scale:1}main,.nav,.site-footer{z-index:2;position:relative}.nav{height:72px;padding:0 var(--pad);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.brand{font-family:var(--font-latin);letter-spacing:.01em;font-size:24px;font-style:italic}.nav nav{color:var(--text-2);gap:clamp(16px,2.8vw,36px);font-size:14px;display:flex}.nav nav a{transition:color .3s}.nav nav a:hover{color:var(--text)}.hero{height:100svh;min-height:600px;position:relative}.hero-copy{left:var(--pad);position:absolute;bottom:clamp(48px,10vh,110px)}.hero h1{font-family:var(--font-serif);letter-spacing:.04em;text-shadow:0 2px 30px #030304b3;margin:0;font-size:clamp(40px,5.6vw,84px);font-weight:500;line-height:1.2}.hero h1 span{display:block}.hero h1 .hero-en{color:var(--text-2);font-family:var(--font-latin);letter-spacing:0;margin-top:10px;font-size:.5em;font-style:italic;font-weight:400}.hero-meta{color:var(--text-2);letter-spacing:.04em;margin:22px 0 0;font-size:13.5px}.hero-meta i{color:var(--text);font-family:var(--font-latin);margin-right:10px;font-size:17px}.hero-cue{right:var(--pad);color:var(--text-2);font-family:var(--font-latin);font-size:18px;font-style:italic;position:absolute;bottom:clamp(48px,10vh,110px)}.hero-cue:after{content:"";background:linear-gradient(var(--text-2), transparent);transform-origin:top;width:1px;height:48px;margin:10px auto 0;animation:2.2s ease-in-out infinite drip;display:block}@keyframes drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.hero h1 span,.hero-meta,.hero-cue,.nav{opacity:0;filter:blur(8px);transition:opacity 1.2s var(--ease), translate 1.2s var(--ease), filter 1.2s var(--ease);translate:0 16px}.ready .hero h1 span,.ready .hero-meta,.ready .hero-cue,.ready .nav{opacity:1;filter:none;translate:0}.ready .hero h1 span:nth-child(2){transition-delay:.2s}.ready .hero-meta{transition-delay:.4s}.ready .hero-cue,.ready .nav{transition-delay:.7s}.step{height:100svh;min-height:620px;padding:0 var(--pad);align-items:center;display:flex;position:relative}.step-copy{width:min(42vw,560px)}.step-copy>*{opacity:.18;transition:opacity .9s var(--ease), translate .9s var(--ease);translate:0 14px}.step.is-active .step-copy>*{opacity:1;translate:0}.step.is-active .step-copy>:nth-child(2){transition-delay:60ms}.step.is-active .step-copy>:nth-child(3){transition-delay:.12s}.step.is-active .step-copy>:nth-child(4){transition-delay:.18s}.step-no{color:var(--text-3);letter-spacing:.06em;align-items:baseline;gap:12px;margin:0 0 18px;font-size:13px;display:flex}.step-no em{color:var(--text);font-family:var(--font-latin);letter-spacing:0;font-size:40px;line-height:1}.step h2{font-family:var(--font-serif);letter-spacing:.01em;margin:0;font-size:clamp(34px,4.6vw,68px);font-weight:700;line-height:1.18}.step-line{color:var(--text-2);margin:18px 0 0}.step-links{flex-wrap:wrap;gap:22px;margin:28px 0 0;font-size:14px;display:flex}.step-links a,.step-links button{padding-bottom:3px;position:relative}.step-links a:after,.step-links button:after{content:"";background:var(--text);transform-origin:0;height:1px;transition:transform .4s var(--ease);position:absolute;bottom:0;left:0;right:0}.step-links a:hover:after,.step-links button:hover:after{transform:scaleX(.3)}.step-fallback{display:none}.no-webgl .step-fallback{right:var(--pad);opacity:.9;border-radius:6px;width:46vw;display:block;position:absolute;top:50%;translate:0 -50%}.rail{z-index:3;right:calc(var(--pad) * .4);opacity:0;gap:10px;transition:opacity .6s;display:grid;position:fixed;top:50%;translate:0 -50%}body.in-works .rail{opacity:1}.rail a{background:var(--text-3);width:14px;height:2px;transition:width .4s var(--ease), background .4s;justify-self:end}.rail a.on{background:var(--text);width:30px}.rail a.gap{margin-top:10px}.block{padding:clamp(110px, 18vh, 200px) var(--pad) 0;position:relative}.block-head{align-items:baseline;gap:18px;margin-bottom:40px;display:flex}#timeline .block-head{margin-top:clamp(90px,14vh,150px)}.block-head em{color:var(--text-3);font-family:var(--font-latin);font-size:22px}.block-head h2{font-family:var(--font-serif);margin:0;font-size:clamp(30px,3.4vw,48px);font-weight:700}.list{border-top:1px solid var(--line);max-width:980px}.list>*{border-bottom:1px solid var(--line);grid-template-columns:190px minmax(0,1fr) 24px;align-items:baseline;gap:24px;padding:22px 0;display:grid}.list-k{color:var(--text-3);font-size:13px}.list h3{font-family:var(--font-serif);transition:translate .5s var(--ease);margin:0;font-size:clamp(18px,1.6vw,22px);font-weight:500}.list-arrow{color:var(--text-3);text-align:right;transition:color .3s, translate .4s var(--ease)}.list a:hover h3{translate:8px}.list a:hover .list-arrow{color:var(--text);translate:4px}.tools{max-width:980px;color:var(--text-3);margin:22px 0 0;font-size:13.5px}.tools a{border-bottom:1px solid var(--line);color:var(--text-2)}.tools a:hover{color:var(--text)}.contact{flex-direction:column;justify-content:center;min-height:100svh;display:flex}.contact-say{color:var(--text-2);font-family:var(--font-latin);margin:0 0 22px;font-size:clamp(22px,2.4vw,32px);font-style:italic}.contact-mail{font-family:var(--font-serif);letter-spacing:-.01em;overflow-wrap:anywhere;font-size:clamp(19px,5.4vw,88px);font-weight:500;line-height:1.1;transition:color .4s}.contact-mail:hover{color:#fff3dd}.contact-alt{color:var(--text-2);gap:28px;margin-top:30px;font-size:14px;display:flex}.contact-alt a:hover{color:var(--text)}.site-footer{padding:0 var(--pad) 28px;color:var(--text-3);justify-content:space-between;font-size:12px;display:flex}.film{width:min(1100px,92vw,177.778vh - 248.889px);max-width:none;color:var(--text);background:0 0;border:0;padding:0}.film::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030304e6}.film figure{margin:0}.film video{aspect-ratio:16/9;background:#000;border-radius:6px;width:100%}.film figcaption{align-items:baseline;gap:16px;margin-top:16px;display:flex}.film figcaption strong{font-family:var(--font-serif);font-size:22px;font-weight:700}.film figcaption span{color:var(--text-2);font-size:14px}.film figcaption button{color:var(--text-2);margin-left:auto;font-size:14px}.film figcaption button:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){.step-copy>*,.hero h1 span,.hero-meta,.hero-cue,.nav{opacity:1;filter:none;translate:0}}@media (width<=820px){.nav nav{gap:14px;font-size:13px}.hero-cue,.rail,.lens,.lens-ring{display:none}.step{align-items:flex-end;padding-bottom:12vh}.step-copy{width:100%}.step-copy:before{content:"";z-index:-1;background:linear-gradient(#0000,#030304d9 45%);height:55%;position:absolute;inset:auto 0 0}.no-webgl .step-fallback{top:22%;left:var(--pad);width:auto;translate:0}.list>*{grid-template-columns:minmax(0,1fr) 24px;gap:4px 16px}.list-k{grid-column:1/-1}}