@font-face{font-family:"Bricolage Grotesque";src:url(../fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Familjen Grotesk";src:url(../fonts/familjen.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(../fonts/instrument-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"DM Mono";src:url(../fonts/dmmono.woff2) format("woff2");font-weight:500;font-display:swap}
@property --a{syntax:"<angle>";initial-value:0deg;inherits:false}
@layer reset,base,layout,ui,motion;
@view-transition{navigation:auto}
@layer reset{*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,ul{margin:0}img{display:block;max-width:100%}html{scroll-behavior:smooth;scroll-padding-top:6rem;interpolate-size:allow-keywords}button,input,textarea{font:inherit;color:inherit}}
@layer base{
:root{--o:#F26B1D;--o2:#C94E0A;--k:#0F0D0B;--k2:#1B1714;--cream:#FFF1E0;--ink:#1d1a17;--mut:#7a6e63;--win:oklch(76% .18 150);--loss:oklch(68% .21 25);--tie:oklch(88% .16 95);
--d:"Bricolage Grotesque","Helvetica Neue",system-ui,sans-serif;--b:"Familjen Grotesk","Helvetica Neue",system-ui,sans-serif;--s:"Instrument Serif",Georgia,serif;--m:"DM Mono",ui-monospace,Menlo,monospace;--r:1.5rem}
body{font:1.0625rem/1.55 var(--b);background:var(--k);color:#fff;text-wrap:pretty;overflow-x:clip}
h1,h2,h3,h4{font-family:var(--d);line-height:.9;letter-spacing:-.045em;font-weight:800;text-wrap:balance}
a{color:inherit}::selection{background:var(--o);color:var(--k)}
.serif{font-family:var(--s);font-style:italic;font-weight:400;letter-spacing:-.02em;font-size:1.12em}
.mono{font-family:var(--m);font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-size:.74rem}
}