html{scroll-behavior:smooth}body{overflow-x:hidden}#stage{z-index:1;pointer-events:none;display:block;position:fixed;inset:0}#gHandle:focus{outline:none}#gHandle:focus-visible #hRing{stroke-width:2.8px}#stage text{font-variant-numeric:tabular-nums;font-family:Mona Sans,ui-sans-serif,system-ui,sans-serif}#rail{z-index:4;user-select:none;flex-direction:column;gap:15px;display:flex;position:fixed;top:50%;left:clamp(14px,2.2vw,34px);transform:translateY(-50%)}#rail a{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);align-items:baseline;gap:9px;font-size:10.5px;font-weight:500;text-decoration:none;transition:color .35s;display:flex}#rail a .n{font-variant-numeric:tabular-nums;font-size:10px}#rail a .lbl{opacity:0;transition:opacity .35s,transform .35s;transform:translate(-4px)}#heroLinks{z-index:4;gap:22px;font-size:13.5px;display:flex;position:fixed;top:34px;right:clamp(18px,2.2vw,34px)}#heroLinks a{color:var(--muted);white-space:nowrap;text-decoration:none;transition:color .25s}#heroLinks a:hover{color:var(--ink)}#heroLinks .arr{color:var(--green);opacity:0;font-size:10.5px;transition:opacity .25s,transform .25s;display:inline-block;transform:translate(-3px,3px)}#heroLinks a:hover .arr,#heroLinks a:focus-visible .arr{opacity:1;transform:none}#heroLinks.off{pointer-events:none}#rail:hover a .lbl,#rail a.on .lbl{opacity:1;transform:none}#rail a:hover{color:var(--ink)}#rail a:hover .lbl{opacity:1;transform:none}#rail a.on{color:var(--ink)}#rail a.on .n{color:var(--green)}@media (width<=1080px){#heroLinks,#rail{display:none}}main{z-index:2;pointer-events:none;position:relative}section{position:relative}.pin{pointer-events:none;align-items:center;height:100vh;display:flex;position:sticky;top:0}.copy{pointer-events:auto;opacity:0;max-width:34rem;margin-left:clamp(24px,12vw,180px);transition:opacity .8s,transform .8s;transform:translateY(16px)}.copy.in{opacity:1;transform:none}.copy.wide{max-width:60rem}h1{letter-spacing:-.035em;text-wrap:balance;max-width:24ch;font-size:clamp(38px,min(6.2vw,10.5vh),84px);font-weight:700;line-height:1.03}h2{letter-spacing:-.03em;text-wrap:balance;max-width:16ch;font-size:clamp(28px,3.4vw,46px);font-weight:600;line-height:1.08}.copy p{color:var(--muted);max-width:42ch;margin-top:20px;font-size:16.5px}.copy p strong{color:var(--ink);font-weight:500}#act1{height:100vh}#act1 .pin{align-items:flex-start}#act1 .copy{max-width:none;margin-top:19vh}#act1 .copy p{margin-top:26px;font-size:clamp(16px,1.4vw,19px)}#act1 .copy p.quote{color:var(--muted);margin-top:38px;font-size:14.5px}#act1 .copy p.quote .attr{letter-spacing:.15em;text-transform:uppercase;color:var(--faint);margin-top:7px;font-size:11px;display:block}#hint{z-index:3;pointer-events:none;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);flex-direction:column;align-items:center;gap:10px;font-size:10.5px;transition:opacity .5s;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}#hint .tick{background:var(--hair);width:1px;height:30px;position:relative;overflow:hidden}#hint .tick:after{content:"";background:var(--green);will-change:transform;width:1px;height:30px;animation:2s ease-in-out infinite drip;position:absolute;top:-30px;left:0}#hint.off .tick:after{animation-play-state:paused}@keyframes drip{to{transform:translateY(60px)}}#act2,#act3{height:145vh}#act4{height:220vh}#act5{height:185vh}#act6{height:165vh}#act7{height:135vh}.rowlinks{flex-direction:column;align-items:flex-start;gap:12px;margin-top:26px;display:flex}.rowlinks .quiet-link{margin-top:0}.quiet-link .read{color:var(--muted);font-weight:400}.chips{flex-wrap:wrap;gap:8px;max-width:calc(42vw - clamp(24px,12vw,180px) - 24px);margin-top:28px;display:flex}.chip{font:inherit;letter-spacing:.01em;cursor:pointer;color:var(--muted);background:var(--chip-bg);border:1px solid var(--hair);border-radius:99px;padding:9px 17px;font-size:13px;font-weight:500;transition:all .25s}.chip:hover{color:var(--ink);border-color:var(--faint)}.chip:focus-visible{outline:2px solid var(--green);outline-offset:2px}.chip.on{color:var(--bg);background:var(--ink);border-color:var(--ink)}#usecopy{color:var(--muted);max-width:40ch;min-height:3.2em;margin-top:18px;font-size:14.5px}#act5 .quiet-link,#act6 .quiet-link{margin-top:22px}#act7 .pin{align-items:flex-start}#endlock{left:calc(50vw - var(--lr,150px)*.93);top:calc(37vh + var(--lr,150px));width:calc(var(--lr,150px)*2.1);opacity:0;pointer-events:auto;transition:opacity .9s,transform .9s;position:absolute;transform:translateY(14px)}#endlock.in{opacity:1;transform:none}#endlock .wordmark{font-size:calc(var(--lr,150px)*.33);letter-spacing:-.02em;font-weight:700;line-height:.9}#endlock .links{margin-top:calc(var(--lr,150px)*.14);flex-direction:column;align-items:flex-start;gap:7px;display:flex}#endlock .links a{color:var(--ink);align-items:baseline;gap:8px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .25s;display:inline-flex}#endlock .links a .arr{color:var(--green)}#endlock .links a:hover{transform:translate(3px)}#endlock .places{max-width:calc(50vw + var(--lr,150px) - 24px);flex-wrap:wrap;align-items:baseline;gap:8px 10px;margin-top:20px;font-size:12.5px;font-weight:500;display:flex}#endlock .places a{color:var(--muted);white-space:nowrap;text-decoration:none;transition:color .25s}#endlock .places a:hover{color:var(--ink)}#endlock .places>span{color:var(--faint)}#endlock .places .arr{color:var(--green);font-size:10.5px}#endlock .backed{color:var(--muted);margin-top:24px;font-size:13.5px;display:inline-block}#endlock .foot-row{margin-top:6px}@media (width<=1080px){.copy{margin-left:7vw;margin-right:7vw}.chips{max-width:none}#act1 .copy{margin-top:16vh}.pin{align-items:flex-end}.copy{margin-bottom:9vh}#act1 .pin{align-items:flex-start}#endlock{top:calc(34vh + var(--lr,110px));width:86vw;left:7vw}#endlock .wordmark{width:fit-content;margin-inline:auto;font-size:clamp(30px,9vw,40px)}#endlock .links{margin-top:34px}#endlock .places{gap:8px 16px;max-width:none}#endlock .places>span{display:none}#endlock .foot{white-space:nowrap}#cornerMono{background:var(--bg);border-radius:99px;margin:-8px;padding:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}#hint .tick:after{animation:none}}
