@font-face{font-family:Space Grotesk;src:url(./space-grotesk-latin-BhU9QXUp.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}:root{color-scheme:dark;--gray-950: #101010;--gray-900: #1a1a1a;--gray-700: #484848;--gray-400: #aaa;--gray-100: #eee;--color-bg: var(--gray-950);--color-text: var(--gray-100);--color-muted: var(--gray-400);--color-rule: var(--gray-700);--color-focus: #fff;--color-paper: var(--gray-100);--color-ink: var(--gray-950);--font-display: "Space Grotesk", "Arial Black", Arial, sans-serif;--font-body: Arial, Helvetica, sans-serif;--font-mono: "Courier New", monospace;--gutter: clamp(1.25rem, 4.2vw, 5rem)}*{box-sizing:border-box}html{background:var(--color-bg);scroll-behavior:auto}body{margin:0;color:var(--color-text);font:400 1rem/1.5 var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--color-paper);color:var(--color-ink)}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-focus);outline-offset:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;inset-block-start:1rem;inset-inline-start:1rem;z-index:20;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);background:var(--color-paper);color:var(--color-ink)}.skip-link:focus{width:auto;height:auto;padding:.75rem 1rem;clip-path:none;outline-color:var(--color-ink)}.page{max-width:1920px;margin-inline:auto;padding-inline:var(--gutter)}.masthead{display:flex;align-items:center;gap:2.5rem;min-height:100px;border-block-end:1px solid var(--color-rule);font:400 .75rem/1.5 var(--font-mono)}.wordmark{display:inline-flex;align-items:center;gap:.7rem;min-height:44px;font-weight:700;font-size:.875rem}.mark{font:700 1.75rem/1 var(--font-display);letter-spacing:-.2em;margin-inline-end:.25rem}.masthead-note{color:var(--color-muted)}main{position:relative;isolation:isolate;padding-block-start:clamp(2.5rem,5vw,5rem)}.identity{position:relative;z-index:2;width:86%}h1{position:relative;display:inline-block;margin:0;font:700 clamp(4.5rem,13.1vw,15.75rem)/1.1 var(--font-display);letter-spacing:-.075em}.wave-stage{position:absolute;z-index:-1;width:88%;height:calc(100% - 120px);inset-inline-end:calc(-1 * var(--gutter));inset-block-start:120px;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 32%),linear-gradient(to bottom,transparent,#000 15%,#000 75%,transparent);mask-image:linear-gradient(to right,transparent,#000 32%),linear-gradient(to bottom,transparent,#000 15%,#000 75%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}#wave{display:block;width:100%;height:100%}.wave-fallback{display:none;position:absolute;inset:0;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='900'%20height='800'%20viewBox='0%200%20900%20800'%3e%3cdefs%3e%3cpattern%20id='d'%20width='5'%20height='5'%20patternUnits='userSpaceOnUse'%3e%3ccircle%20cx='1'%20cy='1'%20r='.8'%20fill='%23eee'/%3e%3c/pattern%3e%3clinearGradient%20id='f'%20x2='.3'%20y2='1'%3e%3cstop%20stop-color='%23101010'/%3e%3cstop%20offset='.5'%20stop-color='%23bbb'/%3e%3cstop%20offset='1'%20stop-color='%23101010'/%3e%3c/linearGradient%3e%3cmask%20id='m'%3e%3cpath%20d='M-100%20550Q100%20100%20400%20310T1000%20100L1000%20570Q700%20300%20420%20570T-100%20750Z'%20fill='url(%23f)'/%3e%3c/mask%3e%3c/defs%3e%3cpath%20fill='%23101010'%20d='M0%200h900v800H0z'/%3e%3cpath%20fill='url(%23d)'%20mask='url(%23m)'%20d='M0%200h900v800H0z'/%3e%3c/svg%3e") center / cover no-repeat}.is-fallback .wave-fallback{display:block}.is-fallback canvas{display:none}.body-composition{position:relative;display:grid;grid-template-columns:1.05fr 1fr;column-gap:12%;padding-block:3.7rem 4.5rem}.portrait{position:absolute;width:clamp(175px,19vw,280px);inset-inline-end:5%;inset-block-start:-103px;margin:0;transform:rotate(7deg)}.portrait-frame{position:relative;padding:.6rem;background:var(--color-paper)}.portrait-frame:before{content:"";position:absolute;width:85px;height:24px;inset-block-start:-12px;inset-inline-start:30%;transform:rotate(-12deg);background:repeating-linear-gradient(90deg,#bbb 0 2px,#ccc 2px 4px);opacity:.9}.portrait img{display:block;width:100%;height:auto;aspect-ratio:1;outline:1px solid rgb(255 255 255 / .1);outline-offset:-1px}.portrait-corner{position:absolute;inset-inline-end:-11px;inset-block-end:-15px;font:400 3rem/1 var(--font-mono);color:var(--color-text)}.contacts{grid-column:1;scroll-margin-block-start:1.5rem;background:var(--color-bg)}.section-label{display:flex;justify-content:space-between;gap:1rem;padding-block-end:1.3rem;color:var(--color-muted);font:400 .75rem/1.5 var(--font-mono)}h2{margin:0;font:inherit;text-transform:uppercase;letter-spacing:.08em}.contact-list{list-style:none;padding:0;margin:0}.contact{position:relative;display:flex;align-items:center;min-height:83px;gap:1.25rem;border-block-start:1px solid var(--color-rule);padding-inline:.3rem}.contact-list>:last-child .contact{border-block-end:1px solid var(--color-rule)}.link-number{align-self:flex-start;padding-block-start:1.25rem;font:400 .6875rem/1.5 var(--font-mono);color:var(--color-muted)}.link-name{font:500 clamp(1.6rem,2.5vw,2.5rem)/1.2 var(--font-display);letter-spacing:-.04em}.link-detail{margin-inline-start:auto;color:var(--color-muted);font:400 .6875rem/1.5 var(--font-mono)}.link-arrow{width:23px;flex:0 0 23px}svg{display:block;width:100%}.game{grid-column:2;align-self:end;margin-inline:6% 0;margin-block-end:.6rem;transform:rotate(-4deg)}.game-link{display:flex;gap:1rem;align-items:center;min-height:104px;padding:1.25rem 1.5rem;color:var(--color-ink);background:var(--color-paper);border:1px solid transparent}.game-index{align-self:flex-start;font:400 .75rem/1.5 var(--font-mono)}.game-label{display:block;margin-block-end:.25rem;font:400 .6875rem/1.5 var(--font-mono)}.game-title{display:block;font:500 clamp(1.25rem,2vw,1.9rem)/1.2 var(--font-display);letter-spacing:-.03em}.game-link svg{width:28px;flex:0 0 28px;margin-inline-start:auto}.game-link:focus-visible{outline-color:var(--color-focus)}.footer{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:90px;border-block-start:1px solid var(--color-rule)}.motion-button{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:44px;padding:.5rem .8rem;border:1px solid var(--color-rule);background:var(--color-bg);color:var(--color-text);cursor:pointer;font:400 .75rem/1.5 var(--font-mono)}.motion-icon{width:1rem;font-size:1rem}.motion-button:disabled{cursor:default;color:var(--color-muted)}.contact:focus-visible{background:var(--color-paper);color:var(--color-ink)}.contact:focus-visible .link-number,.contact:focus-visible .link-detail{color:var(--color-ink)}@media(hover:hover){.contact:hover{background:var(--color-paper);color:var(--color-ink)}.contact:hover .link-number,.contact:hover .link-detail{color:var(--color-ink)}.motion-button:hover:not(:disabled){background:var(--color-paper);color:var(--color-ink)}.wordmark:hover{text-decoration:underline;text-underline-offset:.3em}}@media(prefers-reduced-motion:no-preference){.contact{transition:color .1s,background-color .1s}.contact .link-arrow{transition:transform .15s cubic-bezier(.2,0,0,1)}.contact:focus-visible .link-arrow{transform:translate(3px,-3px)}.game-link{transition:transform .15s cubic-bezier(.2,0,0,1)}.game-link:focus-visible{transform:translateY(-4px) rotate(2deg)}.motion-button{transition:scale .15s ease-out,color .15s,background-color .15s}.motion-button:active:not(:disabled){scale:.96}@media(hover:hover){.contact:hover .link-arrow{transform:translate(3px,-3px)}.game-link:hover{transform:translateY(-4px) rotate(2deg)}}}@media(min-width:1600px){.body-composition{padding-block-start:5rem}}@media(max-width:1050px){.body-composition{column-gap:7%;grid-template-columns:1.15fr 1fr}.link-detail{display:none}.link-arrow{margin-inline-start:auto}.portrait{inset-inline-end:3%;inset-block-start:-50px}.game{margin-inline-start:0}.game-link{padding:1rem;gap:.65rem}}@media(max-width:680px){.masthead{min-height:76px;gap:1rem;justify-content:space-between}.masthead-note{font-size:.6875rem}main{padding-block-start:2.2rem}.identity{width:100%}h1{font-size:clamp(3.25rem,18vw,7.6rem)}.body-composition{display:flex;flex-direction:column;padding-block:1.8rem 3rem;gap:2.2rem}.portrait{position:relative;inset:auto;width:155px;margin-block:.4rem .5rem;margin-inline:auto 7%;transform:rotate(7deg)}.wave-stage{width:calc(100% + var(--gutter));height:590px;inset-block-start:100px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 65%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 65%,transparent);-webkit-mask-composite:source-over;mask-composite:add}.contacts{position:relative;width:100%}.section-label{padding-block-end:1rem}.contact{min-height:74px;gap:1rem}.link-name{font-size:1.875rem}.link-detail{display:block;font-size:.625rem}.game{width:94%;margin:0 auto;transform:rotate(-3deg)}.game-link{min-height:96px;padding:1.1rem;gap:1rem}.game-title{font-size:1.5rem}.footer{min-height:90px;padding-block:1.2rem}}@media(max-width:360px){.link-detail{display:none}.masthead-note{max-width:100px}}@media(forced-colors:active){.wave-stage{display:none}a,button{border-color:ButtonText}:focus-visible{outline-color:Highlight}}
