@font-face{font-family:Gabarito;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/6d21c497e638cb51-s.0b7xx36t3ch-o.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Gabarito;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/67af958a78cfd7ea-s.p.1lywp3x9jvm8e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Gabarito Fallback;src:local(Arial);ascent-override:94.81%;descent-override:26.22%;line-gap-override:0.0%;size-adjust:99.15%}.tGcWbW_className{font-family:Gabarito,Gabarito Fallback;font-style:normal}.tGcWbW_variable{--font:"Gabarito", "Gabarito Fallback"}
:root{--bg:#111214;--surface:#1b1c20;--surface-2:#2a2c31;--ink:#f1f1ef;--muted:#aeaba4;--on-colour:#111214;--orange:#ff7a1f;--pink:#f7a6c8;--yellow:#ffd23f;--blue:#6db6f2;--green:#84d65a;--coral:#ff6b57;--mint:#5fd6b4;--accent:var(--orange);--font-f:var(--font), system-ui, sans-serif;--step-small:clamp(.875rem, .85rem + .1vw, .9375rem);--step-body:clamp(1.0625rem, 1rem + .2vw, 1.1875rem);--step-lead:clamp(1.375rem, 1rem + 1.6vw, 2.25rem);--step-head:clamp(2.25rem, 1.3rem + 3.6vw, 4.5rem);--wm:clamp(4.5rem, .6rem + 19vw, 19rem);--m:clamp(16px, 3vw, 48px);--gap:clamp(96px, 10vw, 160px);--r:24px;--ease-out:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.4, .64, 1);--stretch:cubic-bezier(.3, 1.8, .5, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.c-orange{--c:var(--orange)}.c-pink{--c:var(--pink)}.c-yellow{--c:var(--yellow)}.c-blue{--c:var(--blue)}.c-green{--c:var(--green)}.c-coral{--c:var(--coral)}.c-mint{--c:var(--mint)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--ink);font:400 var(--step-body) / 1.5 var(--font-f);margin:0;overflow-x:clip}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;touch-action:manipulation}h2{font-size:var(--step-head);letter-spacing:-.03em;text-wrap:balance;font-weight:800;line-height:1}section[id],footer[id]{scroll-margin-top:24px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--on-colour)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--m);z-index:10;background:var(--accent);color:var(--on-colour);border-radius:999px;padding:12px 18px;font-weight:700;position:absolute;top:-100px}.skip:focus{top:12px}.btn{background:var(--accent);min-height:52px;color:var(--on-colour);white-space:nowrap;transition:transform .22s var(--spring);border-radius:999px;align-items:center;gap:10px;padding:0 26px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-3px)rotate(-1.5deg)}.btn:active{transform:scale(.96)}.btn svg,.text-link svg{transition:transform .2s var(--ease-out)}.btn:hover svg,.text-link:hover svg{transform:translate(3px,-3px)}.text-link{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);align-items:center;gap:6px;font-weight:700;display:inline-flex}.hero{padding:28px var(--m) 48px;display:grid}.topnav{flex-wrap:wrap;justify-content:flex-end;gap:8px 28px;font-weight:600;display:flex}.topnav a{text-underline-offset:6px;padding:6px 0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;transition:text-decoration-color .18s}.topnav a:hover,.topnav a:focus-visible{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.wordmark{font-size:var(--wm);letter-spacing:-.05em;white-space:nowrap;font-weight:800;line-height:.8}.hero .wordmark{margin:clamp(72px,13vh,160px) 0 0 -.04em;padding-top:.2em}.letter{color:var(--c);transform-origin:50% 100%;display:inline-block}.glyph{transform-origin:50% 100%;display:inline-block}.letter[data-b]{cursor:pointer}.letter[data-b="4"] .glyph{transform-origin:50% 61%}.hero-wave{width:200%;height:clamp(18px,2.4vw,34px);margin:clamp(14px,2vw,28px) 0 clamp(28px,4vw,56px);display:block}.hero-wave path{transform-box:fill-box;fill:none;stroke:var(--accent);stroke-width:6px;stroke-linecap:round;vector-effect:non-scaling-stroke}.hero{overflow:hidden}.hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;display:flex}.hero-lede{max-width:40ch;font-size:var(--step-lead);text-wrap:pretty;line-height:1.3}@media (prefers-reduced-motion:no-preference){.letter{animation:letter-in 1s var(--stretch) backwards;animation-delay:calc(var(--i) * 70ms)}.hero-lede,.hero .btn{animation:rise-in .8s var(--ease-out) backwards;animation-delay:.55s}.hero .btn{animation-delay:.68s}.hero-wave path{animation:7s linear infinite flow}@supports (animation-timeline:scroll()){.hero-wave{animation:linear both slide;animation-timeline:scroll(root);animation-range:0 100vh}}}@keyframes letter-in{0%{opacity:0;transform:scaleY(.2)}}@keyframes rise-in{0%{opacity:0;transform:translateY(20px)}}@keyframes flow{to{transform:translate(-25%)}}@keyframes slide{to{transform:translate(-50%)}}.drift{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.drift-wave{left:0;top:calc(10% + var(--n) * 32%);opacity:.08;width:200%;height:24vh;position:absolute}.drift-wave path{fill:none;stroke:var(--c);stroke-width:3px;vector-effect:non-scaling-stroke;transform-box:fill-box}.puck{left:calc(6% + var(--n) * 20%);top:calc(18% + var(--n) * 13%);aspect-ratio:1;background:var(--c);opacity:.07;width:clamp(18px,2.5vw,40px);transition:transform .7s var(--ease-out);border-radius:50%;position:absolute}.puck:nth-child(2n){top:calc(70% - var(--n) * 9%)}@media (prefers-reduced-motion:no-preference){.drift-wave path{animation:drift-x calc(50s + var(--n) * 18s) linear infinite}.drift-wave{animation:bob calc(14s + var(--n) * 5s) ease-in-out infinite alternate}.puck{animation:float calc(16s + var(--n) * 3s) ease-in-out infinite alternate;animation-delay:calc(var(--n) * -4s)}}@keyframes drift-x{to{transform:translate(-33.333%)}}@keyframes bob{to{translate:0 4vh}}@keyframes float{to{translate:40px -70px;rotate:25deg}}.palette-word{color:var(--c,var(--ink));transition:color .6s}.statement{padding:var(--gap) var(--m);position:relative;overflow-x:clip}.wave{width:100%;height:clamp(80px,12vw,180px);position:absolute;top:50%;left:0;overflow:visible;translate:0 -50%}.wave path{transform-box:fill-box;fill:none;stroke:var(--accent);stroke-width:10px;stroke-linecap:round;vector-effect:non-scaling-stroke}.statement p{max-width:42ch;font-size:var(--step-lead);letter-spacing:-.01em;text-wrap:balance;margin:0 auto;font-weight:700;line-height:1.25;position:relative}.word{background:var(--bg)}@media (prefers-reduced-motion:no-preference){.wave path{animation:9s linear infinite flow}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.wave path{stroke-dasharray:1;animation:linear both draw,9s linear infinite flow;animation-timeline:view(),auto;animation-range:entry 10% cover 55%,normal}.word{animation:linear both fill;animation-timeline:view();animation-range:entry 60% cover 45%}}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes fill{0%{color:#5d5b57}}.work{padding:0 var(--m)}.work h2,.record h2,.writing h2{margin-bottom:48px}.bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{border-radius:var(--r);background:var(--c);min-height:400px;color:var(--on-colour);transition:transform .48s var(--spring);flex-direction:column;gap:14px;padding:24px;display:flex;position:relative}.card:hover{transform:translateY(-6px)rotate(-.6deg)}.card:nth-child(2n):hover{transform:translateY(-6px)rotate(.6deg)}.card.wide{grid-column:span 2}.card.tall{grid-row:span 2}.card.full{grid-column:1/-1;min-height:300px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-top:auto;display:flex}.card-head h3{text-wrap:balance;flex:12ch}.card-status{font-size:var(--step-small);flex:none;font-weight:700}.card-img{aspect-ratio:16/9;object-fit:cover;border-radius:14px;width:100%}.card.tall .card-img{aspect-ratio:auto;flex:1;min-height:0}.card h3{font-size:var(--step-lead);letter-spacing:-.02em;font-weight:800;line-height:1.05}.card-link{text-decoration:none}.card-link:after{content:"";border-radius:var(--r);position:absolute;inset:0}.card-link:focus-visible{outline:none}.card-link:focus-visible:after{outline:3px solid var(--ink);outline-offset:4px}.card-desc{font-size:var(--step-body);max-width:60ch;line-height:1.45}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags li{font-size:var(--step-small);background:#1112141f;border-radius:999px;padding:4px 11px;font-weight:600}.card-second{z-index:1;font-size:var(--step-small);text-underline-offset:4px;align-self:flex-start;align-items:center;gap:4px;font-weight:700;display:inline-flex;position:relative}.filters{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.filters button{background:var(--surface-2);min-height:40px;color:var(--ink);font:inherit;font-size:var(--step-small);cursor:pointer;touch-action:manipulation;transition:background-color .22s ease, color .22s ease, transform .42s var(--spring);border:0;border-radius:999px;padding:0 16px;font-weight:700}.filters button:hover{transform:translateY(-2px)}.filters button[aria-pressed=true]{background:var(--ink);color:var(--on-colour)}.more{transition:grid-template-rows .75s var(--ease-out);grid-template-rows:0fr;display:grid}.more.open{grid-template-rows:1fr}.more-inner{min-height:0;margin:0 -12px;padding:0 12px;overflow:hidden}.more:not(.open) .more-inner{visibility:hidden;transition:visibility 0s .75s}.more-inner>.bento{margin:16px 0 12px}.more .card{opacity:0;transition:opacity .5s var(--ease-out), translate .8s var(--spring), transform .48s var(--spring);transition-delay:0s;translate:0 28px}.more.open .card{opacity:1;transition-delay:calc(.15s + var(--k) * 90ms), calc(.15s + var(--k) * 90ms), 0s;translate:0}.more .year{opacity:0;transition:opacity .5s var(--ease-out), translate .8s var(--spring);translate:0 28px}.more.open .year{opacity:1;transition-delay:calc(.15s + var(--k) * 90ms);translate:0}.more-inner>.year:first-child{margin-top:16px}.filtered .card{animation:card-in .6s var(--ease-out) backwards;animation-delay:calc(var(--k) * 70ms)}@keyframes card-in{0%{opacity:0;translate:0 24px}}.show-all{min-height:48px;color:var(--ink);font:inherit;cursor:pointer;-webkit-text-decoration:underline 2px var(--accent);text-decoration:underline 2px var(--accent);text-underline-offset:6px;background:0 0;border:0;align-items:center;gap:8px;margin-top:16px;padding:0 4px;font-weight:700;display:inline-flex}.show-all svg{transition:transform .5s var(--spring)}.show-all:hover svg{transform:translateY(3px)}.show-all[aria-expanded=true] svg{transform:rotate(180deg)}.showcase{min-height:100svh;margin-top:var(--gap);padding:12svh var(--m) 64px;flex-direction:column;justify-content:space-between;gap:48px;display:flex;position:relative;overflow:hidden}.bleed{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.showcase .bleed{filter:brightness(.5)saturate(.9)}.showcase-copy{justify-items:start;gap:20px;max-width:920px;display:grid}.showcase-copy p{font-size:var(--step-lead);line-height:1.3}.players{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:12px;display:grid}.player{background:var(--ink);color:var(--on-colour);transition:transform .48s var(--spring);border-radius:18px;flex-direction:column;gap:4px;padding:18px;display:flex}.player:nth-child(odd){rotate:-1.5deg}.player:nth-child(3n){rotate:1.5deg}.player:hover{transform:translateY(-10px)}.player-rating{background:var(--yellow);font-size:var(--step-body);border-radius:999px;align-self:flex-start;margin-bottom:18px;padding:4px 12px;font-weight:800}.player strong{font-size:var(--step-body);line-height:1.2}.player-pos{color:#4b4a47;margin-bottom:10px}.kv{font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;display:flex}.kv span:last-child{font-weight:700}.player-code{background:var(--mint);align-self:stretch}.player-code pre{white-space:pre-wrap;font:400 var(--step-small) / 1.5 ui-monospace, "Cascadia Mono", Consolas, monospace;margin:8px 0 0}.about{padding:var(--gap) var(--m) 0;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:16px;display:grid}.photo-card{border-radius:var(--r);background:var(--c);color:var(--on-colour);transition:transform .6s var(--spring);grid-column:2/6;padding:14px 14px 18px;transform:rotate(-3deg)}.photo-card:hover{transform:translateY(-6px)rotate(0)}.photo-card img{aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border-radius:14px;width:100%}.photo-card figcaption{font-size:var(--step-small);margin-top:14px;font-weight:700}.about-text{grid-column:7/12;justify-items:start;gap:1em;display:grid}.about-text h2{margin-bottom:8px}.about-text p{max-width:46ch}.record{padding:var(--gap) var(--m) 0}.record table{border-collapse:separate;border-spacing:0 8px;width:100%}.record tr{transition:transform .26s var(--spring)}.record tbody tr:hover{transform:translate(8px)}.record td,.record th{background:var(--surface);text-align:left;vertical-align:middle;padding:20px 18px;font-weight:400}.record td:first-child{white-space:nowrap;border-radius:18px 0 0 18px;width:1%}.record td:last-child{color:var(--muted);border-radius:0 18px 18px 0}.record th{font-size:var(--step-body);font-weight:800}.chip{background:var(--c);color:var(--on-colour);font-size:var(--step-small);border-radius:999px;padding:5px 12px;font-weight:700;display:inline-block}.writing{padding:var(--gap) var(--m) 0}.year{grid-template-columns:minmax(0,2fr) minmax(0,10fr);column-gap:16px;margin-bottom:40px;display:grid}.year h3{font-size:var(--step-lead);color:var(--muted);align-self:start;font-weight:800}.year a{transition:background-color .18s ease, transform .26s var(--spring);border-radius:16px;grid-template-columns:minmax(0,1fr) auto 7ch;align-items:center;gap:16px;padding:14px 18px;text-decoration:none;display:grid}.year a:hover,.year a:focus-visible{background:var(--surface);transform:translate(6px)}.item{min-width:0;font-weight:600}.where{background:var(--c);color:var(--on-colour);font-size:var(--step-small);white-space:nowrap;border-radius:999px;padding:3px 10px;font-weight:700}.date{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.close{padding:var(--gap) var(--m) 32px;overflow:hidden}.giant{white-space:normal;line-height:.85}.giant-word{white-space:nowrap;display:inline-block}.close .giant{text-align:left}.close-row{flex-wrap:wrap;align-items:center;gap:24px 40px;margin-top:56px;display:flex}.close-row p{color:var(--muted)}.close-links{gap:24px;display:flex}.close-links a{color:var(--ink);text-underline-offset:5px;align-items:center;gap:8px;font-weight:700;display:inline-flex}.imprint{max-width:110ch;font-size:var(--step-small);color:var(--muted);margin-top:96px}@media (prefers-reduced-motion:no-preference){.io [data-reveal] .r{opacity:0;transition:opacity .7s var(--ease-out), translate .9s var(--spring), transform .48s var(--spring), rotate .6s var(--spring);transition-delay:calc(var(--i,0) * 70ms), calc(var(--i,0) * 70ms), 0s, 0s;translate:0 32px}.io [data-reveal].in .r{opacity:1;translate:0}.io [data-reveal] .bleed{transition:scale 2s var(--ease-out);scale:1.08}.io [data-reveal].in .bleed{scale:1}}@media (max-width:1000px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.card.tall{grid-row:span 1}.card.wide,.card.full{grid-column:auto}.card.tall .card-img{aspect-ratio:16/9;flex:none}.card.twide{grid-column:1/-1;min-height:280px}.players{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-card{grid-column:1/6}.about-text{grid-column:7/13}}@media (max-width:680px){.hero .wordmark{margin-top:88px}.topnav{justify-content:flex-start;gap:4px 18px}.kv span:first-child{font-size:var(--step-small)}.bento{grid-template-columns:minmax(0,1fr)}.card.wide{grid-column:auto}.card{min-height:0}.card-head{margin-top:12px}.players{grid-template-columns:repeat(2,minmax(0,1fr))}.player-code{grid-column:1/-1}.about{grid-template-columns:minmax(0,1fr);row-gap:48px}.photo-card,.about-text{grid-column:1}.photo-card{margin:0 12px}.record tr{background:var(--surface);border-radius:18px;grid-template-columns:1fr;margin-bottom:8px;padding:18px;display:grid}.record td,.record th{background:0 0;border-radius:0;padding:3px 0}.record td:first-child{width:auto;margin-bottom:8px}.year{grid-template-columns:minmax(0,1fr);row-gap:8px}.year a{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px 4px}.where{grid-row:2;justify-self:start}.date{grid-area:1/2}.close-row{flex-direction:column;align-items:flex-start}}.post{max-width:920px;padding:24px var(--m) var(--gap);margin:0 auto}.post-top{justify-content:space-between;align-items:center;padding:12px 0 40px;font-weight:700;display:flex}.post-top a:first-child{font-size:var(--step-lead);letter-spacing:-.04em;color:var(--accent);font-weight:800;text-decoration:none}.post-sheet{border-radius:var(--r);background:var(--surface);padding:56px clamp(22px,6vw,64px) 72px;line-height:1.65}.post-sheet h1{font-size:var(--step-head);letter-spacing:-.03em;text-wrap:balance;font-weight:800;line-height:1}.post-date{color:var(--muted);margin:20px 0 40px}.post-sheet p{max-width:65ch}.post-sheet p+p{margin-top:1.1em}.post-sheet .btn{margin-top:8px}@media (max-width:680px){.post-sheet h1{font-size:var(--step-lead)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
