:root{--ink:#1b1a17;--muted:#74706a;--olive:#55632b;--olive-deep:#414d1f;--line:#1b1a1729;--paper:#f2f0ec;--display:"Cormorant Garamond", "Times New Roman", Georgia, serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--gutter:clamp(20px, 5vw, 64px)}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.nav,.hero,.credit,.slides,.hint{z-index:2;pointer-events:none;position:fixed}.nav a,.nav button,.hero button,.credit a{pointer-events:auto}.nav{padding:26px var(--gutter);border-bottom:1px solid var(--line);background:linear-gradient(#f2f0ecb8,#f2f0ec00);align-items:center;gap:32px;display:flex;top:0;left:0;right:0}.nav__brand{letter-spacing:.09em;color:var(--ink);font-size:19px;font-weight:600;text-decoration:none}.nav__links{gap:clamp(18px,3.4vw,52px);margin:0 auto;display:flex}.nav__links a{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:500;text-decoration:none;transition:color .25s}.nav__links a:hover{color:var(--ink)}.nav__tools{gap:18px;margin-left:auto;display:flex}.nav__tools button{width:22px;height:22px;color:var(--ink);cursor:pointer;opacity:.85;background:0 0;border:0;padding:0;transition:opacity .25s}.nav__tools button:hover{opacity:1}.nav__tools svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.hero{left:var(--gutter);max-width:33rem;top:50%;transform:translateY(-50%)}.hero__title{font-family:var(--display);letter-spacing:.13em;text-transform:uppercase;margin:0 0 0 -.04em;font-size:clamp(56px,8.4vw,122px);font-weight:300;line-height:.95}.hero__kicker{letter-spacing:.42em;text-transform:uppercase;color:var(--olive);margin:10px 0 0 .25em;font-size:13px;font-weight:500}.hero__lede{max-width:30rem;color:var(--muted);margin:34px 0 0 .3em;font-size:12.5px;line-height:2}.hero__actions{flex-wrap:wrap;gap:14px;margin:36px 0 0 .3em;display:flex}.btn{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;align-items:center;gap:10px;padding:15px 26px;font-size:10.5px;font-weight:500;transition:background-color .25s,color .25s,border-color .25s;display:inline-flex}.btn--solid{background:var(--olive);color:#f4f3ee}.btn--solid:hover{background:var(--olive-deep)}.btn--ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn--ghost:hover{border-color:var(--ink)}.btn--ghost.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn__play{border:1px solid;border-radius:50%;flex:none;width:17px;height:17px;position:relative}.btn__play:after{content:"";border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:4.5px solid;position:absolute;top:50%;left:52%;transform:translate(-50%,-50%)}.credit{left:var(--gutter);align-items:center;gap:16px;display:flex;bottom:34px}.social{gap:12px;margin:0;padding:0;list-style:none;display:flex}.social a{border:1px solid var(--line);width:30px;height:30px;color:var(--ink);opacity:.75;border-radius:50%;place-items:center;padding:7px;transition:opacity .25s,border-color .25s;display:grid}.social a:hover{opacity:1;border-color:var(--ink)}.social svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.credit p{letter-spacing:.13em;color:var(--muted);margin:0;font-size:10.5px}.credit p a{color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:1px;text-decoration:none;transition:border-color .25s}.credit p a:hover{border-color:var(--ink)}.slides{right:calc(var(--gutter) * .7);letter-spacing:.16em;color:var(--muted);flex-direction:column;align-items:center;gap:14px;font-size:10px;display:flex;top:50%;transform:translateY(-50%)}.slides__rail{background:var(--line);width:1px;height:46px;position:relative}.slides__rail i{background:var(--ink);height:40%;position:absolute;top:0;bottom:auto;left:0;right:0}.slides__dot{background:var(--line);border-radius:50%;width:4px;height:4px}.slides__dot--small{width:3px;height:3px}.hint{right:var(--gutter);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.65;margin:0;font-size:10px;bottom:34px}.hint kbd{font:inherit;border:1px solid var(--line);border-radius:3px;padding:1px 5px}.panel{z-index:5;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f6f3ed;flex-direction:column;width:272px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.panel[hidden]{display:none}.panel__stats{letter-spacing:.1em;color:var(--muted);border-top:1px solid var(--line);order:2;margin-top:auto;padding:10px 12px;font-size:10px}.panel .lil-gui.root{--background-color:transparent;--text-color:#2e2a25;--title-background-color:#e8e4ddd9;--title-text-color:#1b1815;--widget-color:#e0dbd2;--hover-color:#d4cec3;--focus-color:#c6bfb2;--number-color:#7d5a12;--string-color:#35663f;--font-size:11px;--width:272px;width:272px}.nav,.hero,.credit{transition:transform .35s,padding-left .35s}@media (min-width:901px){body.panel-open .nav{padding-left:calc(var(--gutter) + 288px)}body.panel-open .hero{transform:translate(288px,-50%)}body.panel-open .credit{transform:translate(288px)}}body.has-cursor,body.has-cursor a,body.has-cursor button,body.has-cursor .btn{cursor:none}body.has-cursor .panel{cursor:auto}.cursor{z-index:9999;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:opacity .3s;position:fixed;top:0;bottom:0;left:0;right:0}.cursor.is-visible{opacity:1}.cursor.is-suspended{opacity:0}.cursor__ring,.cursor__dot{will-change:transform;position:absolute;top:0;left:0}.cursor__ring i,.cursor__dot i{border-radius:50%;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .28s,background-color .28s;display:block}.cursor__ring i{border:1px solid #fff;width:34px;height:34px;margin:-17px 0 0 -17px}.cursor__dot i{background:#fff;width:5px;height:5px;margin:-2.5px 0 0 -2.5px}.cursor.is-hovering .cursor__ring i{background:#ffffff24;transform:scale(1.55)}.cursor.is-hovering .cursor__dot i{transform:scale(0)}.cursor.is-pressed .cursor__ring i{transform:scale(.78)}.cursor.is-pressed .cursor__dot i{transform:scale(1.5)}.cursor.is-hovering.is-pressed .cursor__ring i{transform:scale(1.3)}@media (hover:none),(pointer:coarse){.cursor{display:none}}.boot{z-index:10;background:var(--paper);place-content:center;gap:14px;transition:opacity .7s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.boot--done{opacity:0;pointer-events:none}.boot__bar{background:var(--line);width:190px;height:1px;overflow:hidden}.boot__bar i{background:var(--ink);width:0%;height:100%;transition:width .25s;display:block}.boot__label{letter-spacing:.34em;text-transform:uppercase;color:var(--muted);text-align:center;margin:0;font-size:10px}@media (max-width:900px){.nav__links{display:none}.hero{top:auto;bottom:108px;right:var(--gutter);max-width:none;transform:none}.hero__lede{display:none}.hero:before{content:"";z-index:-1;background:linear-gradient(#f2f0ec00,#f2f0ecf7 42%);position:absolute;top:-56px;bottom:-120px;left:-24px;right:-24px}.hero__title{font-size:clamp(48px,15vw,84px)}.slides,.hint{display:none}.credit{bottom:30px}.credit p{font-size:9.5px}}