:root{color-scheme:dark;--paper:#f6f1e7;--ink:#252922;--gutter:clamp(24px,5.5vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:2px solid var(--paper);outline-offset:5px}.skip{position:fixed;top:10px;left:20px;z-index:20;background:var(--ink);padding:12px;transform:translateY(-200%)}.skip:focus{transform:none}
.identity{position:absolute;z-index:5;top:34px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:22px}.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:32px;letter-spacing:.12em}.descriptor{font-size:10px;text-transform:uppercase;line-height:1.6;letter-spacing:.15em;border-left:1px solid #ffffff55;padding-left:20px}.location{margin-left:auto;font-size:11px;letter-spacing:.09em}
.scene{position:fixed;inset:0;z-index:-1}.scene img,.scene video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:53% 50%}.scene video{opacity:0}.scene video.ready{opacity:1}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,18,13,.73),rgba(12,18,13,.16) 52%,transparent 80%),linear-gradient(0deg,rgba(12,18,13,.65),transparent 32%,transparent 86%,rgba(12,18,13,.22))}
.chapter{min-height:100svh;display:flex;align-items:center;padding:150px var(--gutter) 110px;position:relative}.copy{max-width:640px}.eyebrow{font-size:10px!important;line-height:1.7!important;letter-spacing:.2em;text-transform:uppercase;margin:0 0 26px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.03;margin:0 0 26px;text-wrap:balance}h1{font-size:clamp(56px,6.8vw,110px)}h2{font-size:clamp(44px,5.2vw,82px)}.copy>p{font-size:16px;line-height:1.7;font-weight:400}.scroll-cue{display:block;margin-top:40px;font-size:10px;letter-spacing:.045em}.scroll-cue span{margin-left:18px;font-size:20px}.closing{align-items:flex-end}.closing h2{font-size:clamp(38px,4vw,62px)}address{font-style:normal;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:14px;line-height:1.8;margin-top:25px}address a{min-height:32px}.end-brand{font-size:11px!important;margin-top:22px;letter-spacing:.06em}.disclosure{position:fixed;z-index:6;bottom:19px;left:var(--gutter);right:var(--gutter);font-size:9px;line-height:1.7;color:#eee7da}.progress{position:fixed;bottom:0;left:0;height:2px;background:#fff2;width:100%;z-index:10}.progress span{display:block;height:100%;background:#eee4cf;transform:scaleX(0);transform-origin:left}
.motion .chapter{min-height:150svh}.motion .opening{min-height:100svh}.motion .closing{min-height:130svh}.motion .copy{position:fixed;left:var(--gutter);right:var(--gutter);bottom:16vh;will-change:opacity,transform;pointer-events:none}.motion .copy.is-readable{pointer-events:auto}
@media(min-width:701px){.motion .closing .copy{left:auto;width:29%;max-width:420px}.closing h2{font-size:clamp(30px,2.8vw,44px)}.final-view .shade{background:linear-gradient(270deg,rgba(12,18,13,.83),rgba(12,18,13,.55) 27%,transparent 57%),linear-gradient(0deg,rgba(12,18,13,.45),transparent 20%)}}
@media(max-width:700px){.identity{top:25px;gap:15px}.wordmark{font-size:25px}.descriptor{padding-left:15px;font-size:8px}.location{display:none}.scene img,.scene video{object-position:55% center}.shade{background:linear-gradient(0deg,rgba(12,18,13,.87),rgba(12,18,13,.44) 48%,rgba(12,18,13,.04) 78%,rgba(12,18,13,.35))}.chapter{align-items:flex-end;padding-top:140px;padding-bottom:125px}.copy>p{font-size:14px}.eyebrow{font-size:9px!important;margin-bottom:20px}h1{font-size:clamp(51px,14vw,76px)}h2{font-size:clamp(39px,11vw,58px)}.closing h2{font-size:40px}.disclosure{font-size:8px;bottom:14px;max-width:310px}.scroll-cue{margin-top:28px;font-size:9px}.motion .chapter{min-height:125svh}.motion .opening{min-height:100svh}.motion .closing{min-height:120svh}}
@media(prefers-reduced-motion:reduce){.progress{display:none}.chapter{min-height:100svh}.copy{transform:none!important;opacity:1!important}.scene{position:absolute;height:100svh}.chapter:not(.opening){background:var(--ink)}.disclosure{position:static;padding:20px var(--gutter)}.closing{min-height:85svh}}
@media(max-height:560px) and (min-width:701px){.chapter{padding-top:115px;padding-bottom:80px}h1{font-size:54px}h2{font-size:42px}.copy>p{font-size:13px}.scroll-cue{margin-top:18px}}