:root{--ink:#06080c;--paper:#e6edf3;--accent:#4fe3c1;--accent-soft:#4fe3c173;--muted:#e6edf399;--display:var(--font-mono), ui-monospace, monospace;--serif:var(--font-grotesk), system-ui, sans-serif;--lb:11vh;--gutter:clamp(16px, 4vw, 56px)}*,:before,:after{box-sizing:border-box}html,body{background:var(--ink);color:var(--paper);font-family:var(--serif);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage{z-index:0;position:fixed;inset:0}.track{z-index:-1;pointer-events:none;position:relative}.overlay{z-index:10;pointer-events:none;position:fixed;inset:0}.lb{height:var(--lb);padding:0 var(--gutter);pointer-events:auto;background:#000;align-items:center;display:flex;position:absolute;left:0;right:0}.lb--top{justify-content:space-between;top:0}.lb--bottom{justify-content:space-between;bottom:0}.brand{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--paper);align-items:center;gap:14px;font-size:12px;display:flex}.brand__mark{border:1px solid var(--accent-soft);width:34px;height:34px;color:var(--accent);letter-spacing:.08em;border-radius:8px;place-items:center;font-size:11px;display:grid;box-shadow:inset 0 0 18px #4fe3c12e}.lb__link{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid #0000;font-size:12px;text-decoration:none;transition:border-color .3s}.lb__link:hover{border-color:var(--accent)}.lb__progress{background:#4fe3c11f;height:1px;position:absolute;bottom:0;left:0;right:0}.lb__bar{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(0)}.hint{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:14px;font-size:11px;display:flex}.hint__line{background:#4fe3c140;width:48px;height:1px;position:relative;overflow:hidden}.hint__line:after{content:"";background:var(--accent);animation:2.2s cubic-bezier(.65,0,.35,1) infinite hint;position:absolute;inset:0}@keyframes hint{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.caption{white-space:nowrap;font-family:var(--display);color:var(--paper);letter-spacing:.08em;margin:-.7em 0 0;font-size:clamp(13px,1.1vw,16px);position:absolute;top:50%;left:50%}.counter{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-left:auto;font-size:11px}.card{left:var(--gutter);will-change:opacity, transform, filter;max-width:min(520px,42vw);position:absolute;top:50%;translate:0 -50%}.card__kicker{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 18px;font-size:12px}.card__title{font-family:var(--serif);letter-spacing:-.03em;text-shadow:0 2px 40px #0009;margin:0;font-size:clamp(44px,6.4vw,104px);font-weight:700;line-height:.95}.card__title--fin{font-family:var(--display);letter-spacing:-.02em;color:var(--accent);font-size:clamp(52px,7vw,112px);font-weight:700}.card__role{font-family:var(--display);color:var(--accent);margin:18px 0 0;font-size:clamp(15px,1.4vw,20px)}.card__lede{color:var(--muted);max-width:34ch;margin:22px 0 0;font-size:clamp(17px,1.4vw,21px);line-height:1.5}.card__email{font-family:var(--display);letter-spacing:.02em;color:var(--paper);border-bottom:1px solid var(--accent-soft);margin-top:24px;padding-bottom:4px;font-size:clamp(15px,1.4vw,20px);text-decoration:none;transition:color .3s,border-color .3s;display:inline-block}.card__email:hover{color:var(--accent);border-color:var(--accent)}.card__links{flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;padding:0;list-style:none;display:flex}.card__links a{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px;text-decoration:none;transition:color .3s}.card__links a:hover{color:var(--accent)}.card__again{font-family:var(--display);color:var(--accent);margin-top:30px;font-size:14px}.rail{right:var(--gutter);pointer-events:auto;flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:absolute;top:50%;translate:0 -50%}.rail__item{align-items:center;gap:12px;padding:2px 0;display:flex}.rail__label{font-family:var(--display);color:var(--muted);opacity:0;font-size:12px;transition:opacity .4s,transform .4s,color .4s;transform:translate(6px)}.rail__label em{letter-spacing:.1em;color:var(--accent);margin-right:4px;font-size:11px;font-style:normal}.rail:hover .rail__label,.rail__item.is-active .rail__label,.rail__item:focus-visible .rail__label{opacity:1;transform:none}.rail__item.is-active .rail__label{color:var(--paper)}.rail__dot{border:1px solid var(--accent-soft);border-radius:2px;width:7px;height:7px;transition:background .4s,transform .4s}.rail__item.is-active .rail__dot{background:var(--accent);transform:scale(1.3)}.card__dim{color:var(--muted)}.cursor{vertical-align:-.15em;background:var(--accent);width:.55em;height:1.05em;margin-left:6px;animation:1.05s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.loader{z-index:5;background:var(--ink);pointer-events:auto;place-items:center;transition:opacity 1.6s .2s,visibility 0s linear 1.8s;display:grid;position:absolute;inset:0}.loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.loader__inner{justify-items:center;gap:18px;display:grid}.loader__kicker{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:12px}.loader__line{background:#4fe3c133;width:120px;height:1px;position:relative;overflow:hidden}.loader__line:after{content:"";background:var(--accent);animation:1.6s cubic-bezier(.65,0,.35,1) infinite hint;position:absolute;inset:0}@media (max-width:760px){.brand__name,.rail{display:none}.card{top:calc(var(--lb) + 28px);max-width:none;left:16px;right:16px;translate:none}.card--end{top:auto;bottom:calc(var(--lb) + 20px)}.card__lede{margin-top:12px}.caption{font-size:15px}.counter{display:none}}@media (prefers-reduced-motion:reduce){.hint__line:after,.loader__line:after,.cursor{animation:none}}
