/* Blite base: reset, type, utilities */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--on-dark);font:400 16px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img,video,canvas,svg{display:block;max-width:100%}
img,video{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
[hidden]{display:none!important}
::selection{background:var(--brass);color:var(--ink)}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:4px}
.ic{width:20px;height:20px;flex:none}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--bone);color:var(--ink);padding:10px 14px;border-radius:var(--r-sm);font-weight:600}
.skip:focus{top:12px}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.narrow{max-width:820px}
.center{text-align:center;justify-content:center}
.muted{color:var(--smoke);font-size:var(--fs-sm)}
.sec--bone .muted,.sec--paper .muted{color:var(--graphite)}

/* type */
.kicker{font:500 12px/1.3 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin-bottom:14px}
.kicker--light{color:var(--on-dark-2)}
.h1{font:400 var(--fs-h1)/1.08 var(--f-display);letter-spacing:.02em;text-transform:uppercase;text-wrap:balance;margin-bottom:18px}
.h2{font:400 var(--fs-h2)/1.14 var(--f-display);letter-spacing:.02em;text-transform:uppercase;text-wrap:balance;margin-bottom:14px}
.h1--ink{color:var(--on-light)}
.lede{font-size:var(--fs-lg);line-height:1.55;color:var(--on-dark-2);max-width:60ch;text-wrap:pretty}
.sec--bone .lede,.sec--paper .lede{color:var(--on-light-2)}
.prose h2{font:600 22px/1.3 var(--f-body);margin:34px 0 10px;color:var(--on-light)}
.prose p,.prose li{color:var(--on-light-2);max-width:68ch;margin-bottom:12px}
.prose ul{list-style:disc;padding-left:20px}

/* reveal on scroll (content stays visible without JS) */
html.js .rv{opacity:0;transform:translate3d(0,22px,0)}
html.js .rv.in{opacity:1;transform:none;transition:opacity .8s var(--ease) var(--d,0ms),transform .9s var(--ease) var(--d,0ms)}
@media (prefers-reduced-motion:reduce){html.js .rv{opacity:1;transform:none}*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}