:root{--u:calc(100vw / 1440);--pad:max(20px, calc(30 * var(--u)))}html,body,#app,canvas{background:#000}html,body{color:#fff;touch-action:none;height:100%;margin:0;font-family:Inter,sans-serif;overflow:hidden}#app{z-index:0;position:fixed;inset:0}canvas{display:block}.backdrop,.site-header,.hero{z-index:1;pointer-events:none;position:fixed}.fade-top,.fade-bottom{width:100%;position:absolute;left:0}.fade-top{height:max(96px, calc(167 * var(--u)));background:linear-gradient(#1f1c1626,#1f1c1600);top:0}.fade-bottom{height:max(260px, calc(366 * var(--u)));background:linear-gradient(#1f1c1600,#1f1c1666);bottom:0}.site-header,.hero{padding-left:max(var(--pad), env(safe-area-inset-left));padding-right:max(var(--pad), env(safe-area-inset-right));left:0;right:0}.site-header{top:max(14px, calc(15 * var(--u)), env(safe-area-inset-top));white-space:nowrap;justify-content:space-between;align-items:baseline;gap:16px;line-height:normal;display:flex}.logo,.credit,.hero-copy a{color:#fff;pointer-events:auto}.logo{font-size:clamp(15px, calc(16 * var(--u)), 20px);letter-spacing:-.03em;text-transform:uppercase;font-weight:700;text-decoration:none}.credit{font-size:clamp(13px, calc(14 * var(--u)), 18px);letter-spacing:-.03em;text-decoration:none}.hero{bottom:max(16px, calc(20 * var(--u)), env(safe-area-inset-bottom));justify-content:flex-start;align-items:flex-end;gap:12px clamp(24px, calc(64 * var(--u)), 96px);flex-wrap:nowrap;display:flex}.is-gyro .hero{flex-flow:column;justify-content:flex-end;align-items:flex-start}@media (width<=720px){.hero{flex-flow:column;justify-content:flex-end;align-items:flex-start}}.hero h1{font-size:clamp(56px, calc(126 * var(--u)), 190px);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;margin:0 0 -.12em;font-weight:700;line-height:1}.hero-copy{max-width:30rem;font-size:clamp(13px, calc(14 * var(--u)), 17px);flex-direction:column;align-items:flex-start;gap:10px;line-height:1.4;display:flex}.hero-copy p{letter-spacing:-.02em;margin:0}.hero-copy a{letter-spacing:-.02em;text-underline-offset:25%;font-size:1.1em;text-decoration:underline;text-decoration-thickness:from-font}@media (width>=721px){html:not(.is-gyro) .hero{right:auto;bottom:calc(2 * var(--u));left:calc(30 * var(--u));width:calc(1019 * var(--u));height:calc(190 * var(--u));gap:normal;padding-left:0;padding-right:0;display:block}html:not(.is-gyro) .hero h1{font-size:calc(158 * var(--u));letter-spacing:calc(-3.16 * var(--u));margin:0;font-weight:700;line-height:normal;position:absolute;top:0;left:0}html:not(.is-gyro) .hero-copy{top:calc(35 * var(--u));left:calc(675 * var(--u));align-items:stretch;gap:calc(8 * var(--u));width:calc(432 * var(--u));max-width:none;font-size:inherit;flex-direction:column;font-weight:400;line-height:1.25;display:flex;position:absolute}html:not(.is-gyro) .hero-copy p{min-height:calc(89 * var(--u));font-size:calc(14 * var(--u));letter-spacing:calc(-.42 * var(--u))}html:not(.is-gyro) .hero-copy a{font-size:calc(16 * var(--u));letter-spacing:calc(-.48 * var(--u))}}.for-gyro,.is-gyro .for-desktop{display:none}.is-gyro .for-gyro{display:inline}.gyro-start{z-index:2;color:#fff;font:inherit;cursor:pointer;background:#0000008c;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:15px;display:flex;position:fixed;inset:0}.gyro-start strong{letter-spacing:-.02em;text-transform:uppercase;font-size:22px;font-weight:700}.boot{z-index:2;box-sizing:border-box;color:#fff;text-align:center;opacity:1;background:#000;justify-content:center;align-items:center;margin:0;padding:24px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.25;transition:opacity .45s linear;display:flex;position:fixed;inset:0}.boot p{max-width:22rem;margin:0}.boot.is-done{opacity:0;pointer-events:none}