@font-face{font-family:Agrandir;src:url('/assets/agrandir-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:AgrandirTight;src:url('/assets/agrandir-tight-regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--paper:#121311;--ink:#5f6357;--muted:#53584b;--word-ink:#24271f;--margin:clamp(24px,2.74vw,56px);--corner-inset:clamp(24px,2.74vw,56px);--word-size:158.475491px}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow-x:hidden;background:var(--paper);color:var(--ink);font:16px/20px Agrandir,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page-frame{height:100svh;position:relative}
main{height:100svh;position:relative;overflow:hidden}
button,a{-webkit-tap-highlight-color:transparent;color:inherit;font:inherit}
a{text-decoration:none}
button{border:0;padding:0;background:none;cursor:pointer}
button:focus-visible,a:focus-visible{outline:1px solid currentColor;outline-offset:6px;border-radius:2px}
canvas{position:fixed;inset:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none;user-select:none;touch-action:none}
.masthead{position:absolute;z-index:1;left:max(var(--margin),env(safe-area-inset-left));right:max(var(--margin),env(safe-area-inset-right));top:max(var(--corner-inset),env(safe-area-inset-top));display:flex;justify-content:space-between;gap:24px;pointer-events:none;font-family:AgrandirTight,Agrandir,Arial,sans-serif;font-size:14px;line-height:20px;letter-spacing:.02em}
.masthead .identity{text-align:left;pointer-events:auto;cursor:pointer}
.home-socials{position:absolute;z-index:1;right:max(var(--margin),env(safe-area-inset-right));bottom:max(var(--corner-inset),env(safe-area-inset-bottom));display:flex;font-family:AgrandirTight,Agrandir,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:400;letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:16px;pointer-events:auto}
.home-socials :is(a,button){position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:0;border:0;background:none;color:var(--muted);font:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap;text-decoration:none;cursor:pointer}
.home-socials :is(a,button)::after{content:"";position:absolute;inset:-10px -5px}
.home-socials :is(a,button):is(:hover,:focus-visible){color:var(--ink)}
.home-socials .arena-link{font-family:Arial,sans-serif;font-size:18px;letter-spacing:-.08em}
.home-socials .email-button{justify-content:flex-start}
.name-word{position:absolute;top:49%;left:calc(50% - 1.5px);transform:translate(-50%,-50%);z-index:1;width:max-content;color:var(--word-ink);font-size:min(var(--word-size),calc((100vw - 3px)/2.683));line-height:.9;letter-spacing:-.02em;padding-bottom:.07em;white-space:nowrap;pointer-events:none;user-select:none;font-kerning:normal}
.name-word::after{content:attr(data-label);position:absolute;inset:0;color:transparent;background:linear-gradient(105deg,transparent 42%,rgba(111,118,95,.24) 50%,transparent 58%) 110% 0/240% 100% no-repeat;-webkit-background-clip:text;background-clip:text;opacity:0;transition:opacity 240ms ease;animation:name-preparing 3.4s ease-in-out .18s infinite;animation-play-state:paused}
:root[data-gummy-state="loading"] .name-word::after{opacity:1;animation-play-state:running}
@keyframes name-preparing{0%,18%{background-position:110% 0}75%,100%{background-position:-110% 0}}
@media(prefers-reduced-motion:reduce){.name-word::after{animation:none;opacity:0!important;transition:none}}
.footnote{position:absolute;z-index:1;left:max(var(--margin),env(safe-area-inset-left));right:max(var(--margin),env(safe-area-inset-right));bottom:max(var(--corner-inset),env(safe-area-inset-bottom));font-size:16px;line-height:20px;letter-spacing:0;pointer-events:none}
.footnote p{margin:0}
#reset{position:fixed;z-index:1;bottom:calc(max(var(--corner-inset),env(safe-area-inset-bottom)) + 36px);right:max(var(--margin),env(safe-area-inset-right));font:14px/20px Agrandir,Arial,sans-serif;color:var(--ink);background:#141512;border:1px solid #34392e;border-radius:999px;padding:10px 20px;min-height:44px;cursor:pointer;pointer-events:auto}
#reset:hover{color:#7b806e;border-color:#555d49}
:root:not([data-phone]) #reset{position:static;align-self:flex-start;min-height:20px;margin:-8px -17px -8px 0;padding:7px 16px;border:1px solid color-mix(in srgb,currentColor 50%,transparent);border-radius:999px;background:none;font:inherit;letter-spacing:inherit;text-transform:uppercase}
#msg{position:fixed;top:38%;left:50%;transform:translate(-50%,-50%);color:var(--muted);font-size:15px;text-align:center;max-width:85vw}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.no-js{position:absolute;left:var(--margin);top:35%;right:var(--margin)}
/* Phone hardware keeps its existing corners in portrait and landscape. */
:root[data-phone]{--margin:16px;--corner-inset:24px;--word-size:146.47238px}
:root[data-phone] .name-word{top:calc(49% + 30px)}
:root[data-phone] .masthead{top:var(--corner-inset);align-items:flex-start}
:root[data-phone] .home-socials{top:var(--corner-inset);bottom:auto}
:root[data-phone] .home-socials :is(a,button){color:inherit}
:root[data-phone] #reset{bottom:calc(max(var(--corner-inset),env(safe-area-inset-bottom)) - 11px);font:inherit;letter-spacing:inherit;text-transform:uppercase}
@media(width < 360px){:root[data-phone] .home-socials{gap:8px}}
@media(max-height:500px){:root,:root[data-phone]{--corner-inset:18px}}