:root{--bg-primary: #fff;--text-primary: #000;--text-secondary: #595959;--border-width: 3px;--shadow-offset: 4px;--shadow: var(--shadow-offset) var(--shadow-offset) 0 var(--text-secondary);--shadow-hover: 2px 2px 0 var(--text-secondary);--container-width: 1200px;--font-display: "Archivo", "Arial Black", sans-serif;--font-body: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-h1: clamp(2.6rem, 7.5vw, 4.5rem);--fs-h2: clamp(2.4rem, 5.5vw, 3.5rem);--fs-h3: clamp(1.4rem, 2.4vw, 1.5rem);--fs-h4: 1.125rem;--fs-body: 1.0625rem;--fw-semi-bold: 800;--fw-bold: 900}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--fs-body);line-height:1.5;background-color:var(--bg-primary);color:var(--text-primary);position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased}.container{width:min(100%,var(--container-width));margin-inline:auto;padding-inline:20px}img,picture,video,canvas,svg{display:block;max-width:100%}img,video{height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}ul,ol{list-style:none}::selection{background:var(--text-primary);color:var(--bg-primary)}:focus-visible{outline:var(--border-width) solid var(--text-primary);outline-offset:4px}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance}h1{font-size:var(--fs-h1);font-weight:var(--fw-bold);line-height:1.02}h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:1.05}h3{font-size:var(--fs-h3);font-weight:var(--fw-semi-bold);line-height:1.1}h4{font-size:var(--fs-h4);font-weight:var(--fw-semi-bold);line-height:1.2}p{font-size:var(--fs-body);color:var(--text-secondary);max-width:62ch;text-wrap:pretty}header{position:sticky;background-color:var(--bg-primary);top:0;z-index:10;border-bottom:var(--border-width) solid var(--text-primary)}nav{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{font:900 1.5rem var(--font-display);text-decoration:none;letter-spacing:-.04em}.burger{width:50px;height:45px;border:var(--border-width) solid var(--text-primary);background:var(--bg-primary);display:grid;place-content:center;gap:5px;cursor:pointer;box-shadow:var(--shadow);transition:all .12s ease}.burger:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--text-primary)}.burger i{width:24px;height:3px;background:var(--text-primary);transition:all .2s ease}.burger[aria-expanded=true] i:nth-child(1){transform:translateY(8px) rotate(45deg)}.burger[aria-expanded=true] i:nth-child(2){opacity:0}.burger[aria-expanded=true] i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}#menu{position:absolute;left:0;right:0;top:100%;background-color:var(--bg-primary);border-bottom:var(--border-width) solid var(--text-primary);display:none}#menu.open{display:block}#menu a{display:block;padding:18px 24px;border-top:2px solid var(--text-primary);font:900 clamp(1rem,5vw,1.4rem) var(--font-display);letter-spacing:-.04em}#menu a:hover{background:var(--text-primary);color:var(--bg-primary)}
