@font-face{
font-family:'Unbounded';font-style:normal;font-weight:400 900;font-display:swap;src:url('/assets/fonts/unbounded-ee4df7d1b8.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{
font-family:'Unbounded';font-style:normal;font-weight:400 900;font-display:swap;src:url('/assets/fonts/unbounded-92a5380fb0.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{
font-family:'Unbounded';font-style:normal;font-weight:400 900;font-display:swap;src:url('/assets/fonts/unbounded-d8e5d66233.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{
font-family:'Unbounded';font-style:normal;font-weight:400 900;font-display:swap;src:url('/assets/fonts/unbounded-770696b64f.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{
font-family:'Unbounded';font-style:normal;font-weight:400 900;font-display:swap;src:url('/assets/fonts/unbounded-f2b2b22d29.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{
font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url('/assets/fonts/golos-text-d36d241f77.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{
font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url('/assets/fonts/golos-text-465785f870.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{
font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url('/assets/fonts/golos-text-9201c2a5ce.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{
font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url('/assets/fonts/golos-text-83cb19f9b7.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{
font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/jetbrains-mono-d2761cb6ca.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{
font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/jetbrains-mono-028edbf560.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{
font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/jetbrains-mono-db1e206703.woff2') format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{
font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/jetbrains-mono-acf87d8659.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{
font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/jetbrains-mono-c8b23d7bdf.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{
font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/jetbrains-mono-0a7197f9e2.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{
font-family:'Permanent Marker';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/permanent-marker-02e1c34773.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
--ink-900:#08090b;--ink-850:#0b0d10;--ink-800:#111318;--ink-700:#191c22;--ink-600:#23272f;--ink-500:#333844;--bone:#eceae6;--bone-dim:#c3c1bd;--ash:#8b909b;--ash-dim:#5d626c;--strobe:#ff1f3a;--strobe-hot:#ff5468;--strobe-deep:#b00b22;--strobe-veil:rgba(255,31,58,0.14);--strobe-line:rgba(255,31,58,0.30);--daylight:#9fc0de;--daylight-hot:#c2dcf3;--daylight-deep:#587f9f;--daylight-veil:rgba(159,192,222,0.12);--paper:#e7e4dd;--paper-ink:#0b0d10;--paper-line:#c3bfb4;--ok:#4ec98d;--warn:#e3b341;--error:#ff1f3a;--font-display:'Benizn','Unbounded','Golos Text',system-ui,sans-serif;--font-body:'Golos Text',system-ui,-apple-system,'Segoe UI',sans-serif;--font-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;--font-mark:'Permanent Marker',var(--font-display);--t-display:clamp(3.2rem,15vw,11rem);--t-h1:clamp(2.1rem,8.5vw,5.75rem);--t-h2:clamp(1.85rem,5.2vw,3.4rem);--t-h3:clamp(1.3rem,3.1vw,1.9rem);--t-h4:clamp(1.08rem,2.1vw,1.3rem);--t-lead:clamp(1.08rem,2.3vw,1.5rem);--t-body:1.0625rem;--t-small:0.9375rem;--t-micro:0.75rem;--t-metric:clamp(2.2rem,7vw,4rem);--lh-tight:0.92;--lh-snug:1.1;--lh-normal:1.35;--lh-prose:1.68;--tr-display:-0.035em;--tr-head:-0.02em;--tr-body:0;--tr-label:0.18em;--s-1:0.25rem;--s-2:0.5rem;--s-3:0.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;--s-10:8rem;--section-y:clamp(4rem,11vw,9rem);--gutter:clamp(1.25rem,5vw,3.5rem);--measure:68ch;--shell:88rem;--shell-tight:62rem;--radius:0;--hair:1px solid var(--ink-600);--hair-strong:1px solid var(--ink-500);--beat:461ms;--beat-half:230ms;--beat-16th:115ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.7,0,0.84,0);--ease-snap:cubic-bezier(0.85,0,0.15,1);--spill:0 0 0 1px var(--strobe),0 0.5rem 2.5rem var(--strobe-veil);--z-grain:1;--z-content:2;--z-header:50;--z-overlay:90;--z-modal:100}
:root{
--grain-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E")}
*,*::before,*::after{
box-sizing:border-box}
*{
margin:0}
html{
scroll-padding-top:6rem;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
min-height:100vh;background:var(--ink-900);color:var(--bone);font-family:var(--font-body);font-size:var(--t-body);line-height:var(--lh-prose);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:'kern' 1,'liga' 1,'calt' 1;text-rendering:optimizeLegibility;overflow-x:hidden}
img,picture,video,canvas,svg{
display:block;max-width:100%;height:auto}
input,button,textarea,select{
font:inherit;color:inherit}
button{
background:none;border:0;cursor:pointer}
p,h1,h2,h3,h4,h5,h6{
overflow-wrap:break-word}
ul,ol{
list-style:none;padding:0}
a{
color:inherit;text-decoration:none}
hr{
border:0;border-top:var(--hair)}
table{
border-collapse:collapse;width:100%}
:focus-visible{
outline:2px solid var(--strobe);outline-offset:3px}
:focus:not(:focus-visible){
outline:none}
::selection{
background:var(--strobe);color:var(--bone)}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{
animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
}
.sr-only{
position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{
position:absolute;top:0;left:0;z-index:var(--z-modal);padding:var(--s-3) var(--s-5);background:var(--strobe);color:var(--bone);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--tr-label);text-transform:uppercase;transform:translateY(-120%);transition:transform var(--beat-16th) var(--ease-out)}
.skip-link:focus{
transform:translateY(0)}
.display,h1,h2,h3{
font-family:var(--font-display);font-weight:800;line-height:var(--lh-tight);letter-spacing:var(--tr-display);text-transform:uppercase;font-synthesis-weight:none}
h1{
font-size:var(--t-h1)}
h2{
font-size:var(--t-h2);line-height:var(--lh-snug);letter-spacing:var(--tr-head)}
h3{
font-size:var(--t-h3);line-height:var(--lh-snug);letter-spacing:var(--tr-head);font-weight:700}
h1,h2,h3{
text-wrap:balance}
h4{
font-family:var(--font-body);font-size:var(--t-h4);font-weight:700;line-height:var(--lh-normal);letter-spacing:0;text-transform:none}
.display{
font-size:var(--t-display)}
.lead{
font-size:var(--t-lead);line-height:var(--lh-normal);color:var(--bone-dim);font-weight:400;max-width:46ch}
.prose{
max-width:var(--measure)}
.prose>* + *{
margin-top:var(--s-5)}
.prose h2{
margin-top:var(--s-8)}
.prose h3{
margin-top:var(--s-7)}
.prose a{
color:var(--bone);border-bottom:1px solid var(--strobe);transition:color var(--beat-16th) var(--ease-out),background-color var(--beat-16th) var(--ease-out)}
.prose a:hover{
color:var(--strobe-hot)}
.prose ul,.prose ol{
display:grid;gap:var(--s-3);padding-left:var(--s-5)}
.prose ul li{
list-style:none;position:relative}
.prose ul li::before{
content:'';position:absolute;left:calc(var(--s-5) * -1);top:0.62em;width:0.38em;height:0.38em;background:var(--strobe)}
.prose ol{
counter-reset:prose-counter}
.prose ol li{
counter-increment:prose-counter;position:relative}
.prose ol li::before{
content:counter(prose-counter,decimal-leading-zero);position:absolute;left:calc(var(--s-6) * -1);top:0.15em;font-family:var(--font-mono);font-size:var(--t-micro);color:var(--strobe)}
.prose blockquote{
border-left:2px solid var(--strobe);padding-left:var(--s-5);font-size:var(--t-lead);line-height:var(--lh-normal);color:var(--bone)}
.prose code{
font-family:var(--font-mono);font-size:0.9em;background:var(--ink-800);padding:0.1em 0.35em}
.prose strong{
font-weight:700;color:var(--bone)}
.prose figure{
margin:0}
.prose figure img{
border:var(--hair);width:100%}
.prose figcaption{
margin-top:var(--s-3);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ash)}
.label{
font-family:var(--font-mono);font-size:var(--t-micro);font-weight:400;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ash);line-height:1}
.label--strobe{
color:var(--strobe)}
.label--daylight{
color:var(--daylight)}
.eyebrow{
display:flex;align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ash)}
.eyebrow::before{
content:'';width:var(--s-6);height:1px;background:var(--strobe);flex:none}
.metric{
font-family:var(--font-mono);font-size:var(--t-metric);font-weight:700;line-height:1;letter-spacing:-0.04em;color:var(--bone);font-variant-numeric:tabular-nums}
.metric__label{
display:block;margin-top:var(--s-3);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ash)}
.mark{
font-family:var(--font-mark);font-weight:400;text-transform:none;letter-spacing:0;color:var(--strobe)}
.fitline{
container-type:inline-size}
:where(h2.strobe){
--strobe-max:var(--t-h2)}
:where(h3.strobe){
--strobe-max:var(--t-h3)}
.fitline>.strobe{
font-size:var(--strobe-max,var(--t-h1));font-size:min(var(--strobe-max,var(--t-h1)),calc(100cqi / var(--fit-word)))}
.fitline--authored>.strobe{
font-size:var(--strobe-max,var(--t-h1));font-size:clamp( min(var(--strobe-floor,1.75rem),calc(100cqi / var(--fit-soft))),calc(100cqi / var(--fit-line)),var(--strobe-max,var(--t-h1)) )}
.strobe{
position:relative;display:block;isolation:isolate}
.strobe__body{
position:relative;z-index:2;display:block}
.fitline:not(.fitline--authored) .strobe__body,.fitline:not(.fitline--authored) .strobe__ghost::before{
overflow-wrap:normal;word-break:normal;hyphens:none}
.fitline--authored .strobe__body,.fitline--authored .strobe__ghost::before{
white-space:pre-line;text-wrap:wrap}
.strobe__ghost{
position:absolute;inset:0;z-index:1;display:block;pointer-events:none;user-select:none;color:var(--strobe);transform:translate3d(calc(var(--ghost-x) * -1),calc(var(--ghost-y) * -1),0);opacity:var(--ghost-o);will-change:transform,opacity}
.strobe__ghost::before{
content:attr(data-text)}
.strobe__ghost:nth-child(1){
--ghost-x:0.34em;--ghost-y:0.055em;--ghost-o:0.55}
.strobe__ghost:nth-child(2){
--ghost-x:0.19em;--ghost-y:0.035em;--ghost-o:0.32}
.strobe__ghost:nth-child(3){
--ghost-x:0.08em;--ghost-y:0.014em;--ghost-o:0.50}
.strobe__ghost:first-child::before{
-webkit-text-stroke:0.018em var(--strobe);-webkit-text-fill-color:transparent;text-stroke:0.018em var(--strobe);color:transparent}
@media (prefers-reduced-motion:no-preference){
.strobe__ghost{
animation:strobe-settle var(--beat) var(--ease-out) backwards}
.strobe__ghost:nth-child(1){
animation-delay:0ms}
.strobe__ghost:nth-child(2){
animation-delay:var(--beat-16th)}
.strobe__ghost:nth-child(3){
animation-delay:calc(var(--beat-16th) * 2)}
.strobe__body{
animation:strobe-body var(--beat) var(--ease-out) backwards;animation-delay:calc(var(--beat-16th) * 3)}
}
@keyframes strobe-settle{
from{
transform:translate3d(calc(var(--ghost-x) * -2.6),calc(var(--ghost-y) * -2.6),0);opacity:0}
}
@keyframes strobe-body{
from{
transform:translate3d(0.06em,0,0);opacity:0}
}
.strobe--daylight .strobe__ghost{
color:var(--daylight)}
.shell{
width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter)}
.shell--tight{
max-width:var(--shell-tight)}
.shell--wide{
max-width:104rem}
.band{
position:relative;padding-block:var(--section-y);border-top:var(--hair)}
.band:first-child{
border-top:0}
.band--alt{
background:var(--ink-850)}
.band--raise{
background:var(--ink-800)}
.band--flush{
padding-block:0;border-top:0}
.band--paper{
background:var(--paper);color:var(--paper-ink);border-top-color:var(--paper-line)}
.band--paper .label,.band--paper .eyebrow,.band--paper .metric__label{
color:#5c5951}
.band--paper .lead{
color:#3a382f}
.band--paper .eyebrow::before{
background:var(--daylight-deep)}
.grain{
position:fixed;inset:0;z-index:var(--z-grain);pointer-events:none;background-image:var(--grain-url);opacity:0.035;mix-blend-mode:overlay}
@media (prefers-reduced-transparency:reduce){
.grain{
display:none}
}
.grid{
display:grid;gap:var(--s-6)}
.grid--cards{
grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr))}
.grid--wide{
grid-template-columns:repeat(auto-fit,minmax(min(26rem,100%),1fr))}
.grid--metrics{
grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:var(--s-7) var(--s-6)}
.split{
display:grid;gap:var(--s-6)}
@media (min-width:60rem){
.split{
grid-template-columns:minmax(16rem,22rem) 1fr;gap:var(--s-8);align-items:start}
.split__aside{
position:sticky;top:7rem}
.split__aside h2{
font-size:clamp(1.85rem,4vw,2.85rem)}
}
.stack{
display:grid;gap:var(--s-5)}
.stack--tight{
gap:var(--s-3)}
.stack--loose{
gap:var(--s-7)}
.row{
display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4)}
.section-head{
display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4);margin-bottom:var(--s-7);max-width:52ch}
.masthead{
position:sticky;top:0;z-index:var(--z-header);background:color-mix(in srgb,var(--ink-900) 88%,transparent);backdrop-filter:blur(14px) saturate(1.2);border-bottom:var(--hair)}
@supports not (backdrop-filter:blur(1px)){
.masthead{
background:var(--ink-900)}
}
.masthead__inner{
display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);min-height:4.5rem}
.wordmark{
display:inline-flex;align-items:baseline;gap:0.12em;font-family:var(--font-display);font-size:1.4rem;font-weight:800;letter-spacing:-0.04em;text-transform:uppercase;line-height:1;color:var(--bone)}
.wordmark__dot{
color:var(--strobe)}
.nav{
display:none;align-items:center;gap:var(--s-6)}
@media (min-width:62rem){
.nav{
display:flex}
}
.nav__link{
position:relative;font-size:var(--t-small);font-weight:500;color:var(--bone-dim);padding-block:var(--s-2);transition:color var(--beat-16th) var(--ease-out)}
.nav__link::after{
content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--strobe);transition:right var(--beat-half) var(--ease-out)}
.nav__link:hover,.nav__link[aria-current='page']{
color:var(--bone)}
.nav__link:hover::after,.nav__link[aria-current='page']::after{
right:0}
.nav-toggle{
display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:2.75rem;height:2.75rem;padding:0 0.5rem;border:var(--hair)}
.nav-toggle__bar{
display:block;height:1.5px;background:var(--bone);transition:transform var(--beat-16th) var(--ease-snap),opacity var(--beat-16th) linear}
.nav-toggle[aria-expanded='true'] .nav-toggle__bar:nth-child(1){
transform:translateY(6.5px) rotate(45deg)}
.nav-toggle[aria-expanded='true'] .nav-toggle__bar:nth-child(2){
opacity:0}
.nav-toggle[aria-expanded='true'] .nav-toggle__bar:nth-child(3){
transform:translateY(-6.5px) rotate(-45deg)}
.mobile-nav{
position:fixed;inset:4.5rem 0 0;z-index:var(--z-overlay);background:var(--ink-900);padding:var(--s-6) var(--gutter) var(--s-9);overflow-y:auto;display:grid;align-content:start;gap:var(--s-2)}
.mobile-nav[hidden]{
display:none}
.mobile-nav__link{
font-family:var(--font-display);font-size:clamp(1.75rem,9vw,2.75rem);font-weight:800;text-transform:uppercase;letter-spacing:var(--tr-head);padding-block:var(--s-3);border-bottom:var(--hair)}
.mobile-nav__link[aria-current='page']{
color:var(--strobe)}
@media (min-width:62rem){
.nav-toggle{
display:none}
.mobile-nav{
display:none !important}
}
.lang{
display:inline-flex;border:var(--hair)}
.lang__item{
font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:0.1em;text-transform:uppercase;padding:0.45rem 0.7rem;color:var(--ash);transition:color var(--beat-16th) var(--ease-out),background-color var(--beat-16th) var(--ease-out)}
.lang__item + .lang__item{
border-left:var(--hair)}
.lang__item:hover{
color:var(--bone)}
.lang__item[aria-current='true']{
background:var(--bone);color:var(--ink-900)}
.footer{
border-top:var(--hair);padding-block:var(--s-8) var(--s-6);background:var(--ink-850)}
.footer__grid{
display:grid;gap:var(--s-7);grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr))}
.footer__heading{
font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ash-dim);margin-bottom:var(--s-4)}
.footer__list{
display:grid;gap:var(--s-3)}
.footer__link{
font-size:var(--t-small);color:var(--bone-dim);transition:color var(--beat-16th) var(--ease-out)}
.footer__link:hover{
color:var(--strobe)}
@media (pointer:coarse){
.footer__list{
gap:var(--s-4)}
.footer__link{
display:inline-flex;align-items:center;min-height:1.75rem}
}
.footer__base{
display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-8);padding-top:var(--s-5);border-top:var(--hair);font-size:var(--t-micro);font-family:var(--font-mono);letter-spacing:0.06em;color:var(--ash-dim)}
.btn{
display:inline-flex;align-items:center;justify-content:center;gap:var(--s-3);padding:1rem 1.75rem;border:1px solid transparent;font-family:var(--font-mono);font-size:var(--t-micro);font-weight:700;letter-spacing:var(--tr-label);text-transform:uppercase;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--beat-16th) var(--ease-out),color var(--beat-16th) var(--ease-out),border-color var(--beat-16th) var(--ease-out),transform var(--beat-16th) var(--ease-snap)}
.btn:active{
transform:translate3d(1px,1px,0)}
.btn--primary{
background:var(--strobe);color:#fff;border-color:var(--strobe)}
.btn--primary:hover{
background:var(--strobe-hot);border-color:var(--strobe-hot)}
.btn--ghost{
background:transparent;color:var(--bone);border-color:var(--ink-500)}
.btn--ghost:hover{
border-color:var(--bone);background:var(--ink-800)}
.btn--solid{
background:var(--bone);color:var(--ink-900);border-color:var(--bone)}
.btn--solid:hover{
background:#fff}
.btn--daylight{
background:var(--daylight);color:var(--ink-900);border-color:var(--daylight)}
.btn--daylight:hover{
background:var(--daylight-hot)}
.btn--block{
width:100%}
.btn:disabled,.btn[aria-disabled='true']{
opacity:0.45;pointer-events:none}
.link-arrow{
display:inline-flex;align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:var(--t-micro);font-weight:700;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--bone)}
.link-arrow::after{
content:'→';transition:transform var(--beat-16th) var(--ease-out)}
.link-arrow:hover{
color:var(--strobe)}
.link-arrow:hover::after{
transform:translateX(0.35em)}
.badge{
display:inline-flex;align-items:center;gap:0.5em;padding:0.3rem 0.6rem;border:1px solid;font-family:var(--font-mono);font-size:var(--t-micro);font-weight:700;letter-spacing:0.12em;text-transform:uppercase;line-height:1}
.badge::before{
content:'';width:0.45em;height:0.45em;background:currentColor;flex:none}
.badge--grey{
color:var(--strobe);border-color:var(--strobe-line);background:var(--strobe-veil)}
.badge--white{
color:var(--daylight);border-color:rgba(159,192,222,0.32);background:var(--daylight-veil)}
.badge--plain{
color:var(--ash);border-color:var(--ink-600)}
.badge--plain::before{
display:none}
.card{
position:relative;display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-6);background:var(--ink-800);border:var(--hair);transition:border-color var(--beat-half) var(--ease-out),background-color var(--beat-half) var(--ease-out),transform var(--beat-half) var(--ease-out)}
.card:hover{
border-color:var(--ink-500);background:var(--ink-700)}
.card--link:hover{
transform:translate3d(0,-2px,0)}
.card__hit::after{
content:'';position:absolute;inset:0}
.card__index{
font-family:var(--font-mono);font-size:var(--t-micro);color:var(--strobe);letter-spacing:0.1em}
.card__title{
font-family:var(--font-display);font-size:var(--t-h3);font-weight:700;line-height:var(--lh-snug);letter-spacing:var(--tr-head);text-transform:uppercase}
.card__text{
color:var(--ash);font-size:var(--t-small);line-height:var(--lh-normal)}
.card__foot{
margin-top:auto;padding-top:var(--s-4)}
.card__media{
margin:calc(var(--s-6) * -1) calc(var(--s-6) * -1) 0;aspect-ratio:16 / 10;overflow:hidden;background:var(--ink-700)}
.card__media img{
width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:filter var(--beat) var(--ease-out),transform var(--beat) var(--ease-out)}
.card--link:hover .card__media img{
filter:grayscale(0) contrast(1);transform:scale(1.03)}
.field{
display:grid;gap:var(--s-2)}
.field__label{
font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ash)}
.field__req{
color:var(--strobe)}
.field__control{
width:100%;padding:0.9rem 1rem;background:var(--ink-800);border:1px solid var(--ink-600);color:var(--bone);font-size:var(--t-body);line-height:1.4;transition:border-color var(--beat-16th) var(--ease-out),background-color var(--beat-16th) var(--ease-out)}
.field__control::placeholder{
color:var(--ash-dim)}
.field__control:hover{
border-color:var(--ink-500)}
.field__control:focus{
outline:none;border-color:var(--strobe);background:var(--ink-850)}
.field__control:focus-visible{
outline:2px solid var(--strobe);outline-offset:2px}
textarea.field__control{
min-height:9rem;resize:vertical}
select.field__control{
appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ash) 50%),linear-gradient(135deg,var(--ash) 50%,transparent 50%);background-position:calc(100% - 1.15rem) 55%,calc(100% - 0.8rem) 55%;background-size:0.35rem 0.35rem,0.35rem 0.35rem;background-repeat:no-repeat;padding-right:2.5rem}
.field__hint{
font-size:var(--t-micro);color:var(--ash-dim)}
.field__error{
font-size:var(--t-micro);color:var(--strobe);font-family:var(--font-mono)}
.field--invalid .field__control{
border-color:var(--strobe);background:var(--strobe-veil)}
.hp{
position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.checkbox{
display:flex;align-items:flex-start;gap:var(--s-3);font-size:var(--t-small);color:var(--ash);cursor:pointer}
.checkbox input{
appearance:none;flex:none;width:1.15rem;height:1.15rem;margin-top:0.16rem;border:1px solid var(--ink-500);background:var(--ink-800);cursor:pointer;transition:background-color var(--beat-16th) var(--ease-out),border-color var(--beat-16th) var(--ease-out)}
.checkbox input:checked{
background:var(--strobe);border-color:var(--strobe);background-image:linear-gradient(45deg,transparent 42%,#fff 42%,#fff 56%,transparent 56%),linear-gradient(-45deg,transparent 52%,#fff 52%,#fff 66%,transparent 66%);background-size:100% 100%}
.checkbox a{
color:var(--bone);border-bottom:1px solid var(--strobe)}
.notice{
display:flex;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-left:2px solid var(--ash);background:var(--ink-800);font-size:var(--t-small)}
.notice--success{
border-left-color:var(--ok)}
.notice--error{
border-left-color:var(--strobe)}
.notice--info{
border-left-color:var(--daylight)}
.faq{
border-top:var(--hair)}
.faq__item{
border-bottom:var(--hair)}
.faq__q{
display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-5);padding-block:var(--s-5);cursor:pointer;list-style:none;font-family:var(--font-body);font-size:var(--t-h4);font-weight:600;line-height:var(--lh-normal);transition:color var(--beat-16th) var(--ease-out)}
.faq__q::-webkit-details-marker{
display:none}
.faq__q:hover{
color:var(--strobe)}
.faq__sign{
flex:none;width:1rem;height:1rem;margin-top:0.4rem;position:relative}
.faq__sign::before,.faq__sign::after{
content:'';position:absolute;background:var(--strobe);inset:50% 0 auto;height:1px;transition:transform var(--beat-half) var(--ease-out)}
.faq__sign::after{
transform:rotate(90deg)}
.faq__item[open] .faq__sign::after{
transform:rotate(0deg)}
.faq__a{
padding-bottom:var(--s-5);color:var(--ash);max-width:var(--measure)}
.table-wrap{
overflow-x:auto;border:var(--hair)}
.table{
min-width:34rem;font-size:var(--t-small)}
.table th,.table td{
padding:var(--s-4) var(--s-5);text-align:left;border-bottom:var(--hair);vertical-align:top}
.table th{
font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ash);background:var(--ink-850)}
.table tr:last-child td{
border-bottom:0}
.pager{
display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center;justify-content:center;margin-top:var(--s-8)}
.pager__item{
min-width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--s-3);border:var(--hair);font-family:var(--font-mono);font-size:var(--t-micro);color:var(--ash);transition:color var(--beat-16th) var(--ease-out),border-color var(--beat-16th) var(--ease-out)}
.pager__item:hover{
color:var(--bone);border-color:var(--ink-500)}
.pager__item[aria-current='page']{
background:var(--strobe);border-color:var(--strobe);color:#fff}
.chips{
display:flex;flex-wrap:wrap;gap:var(--s-2)}
.chip{
padding:0.5rem 0.9rem;border:var(--hair);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:0.1em;text-transform:uppercase;color:var(--ash);transition:color var(--beat-16th) var(--ease-out),border-color var(--beat-16th) var(--ease-out),background-color var(--beat-16th) var(--ease-out)}
.chip:hover{
color:var(--bone);border-color:var(--ink-500)}
.chip[aria-pressed='true'],.chip[aria-current='true']{
background:var(--bone);border-color:var(--bone);color:var(--ink-900)}
.social-links{
display:grid;gap:var(--s-4);list-style:none;padding:0;margin:0}
.social-links__mark{
width:1.5em;height:1.5em;flex:none;transition:transform var(--beat-16th) var(--ease-out)}
.social-links__item:hover .social-links__mark{
transform:translateY(-0.1em)}
.social-links__item::after{
content:none}
.hero{
position:relative;padding-block:clamp(2.5rem,9vw,5rem) var(--section-y);overflow:hidden}
.hero__inner{
display:grid;gap:var(--s-5)}
.hero__stamp{
display:flex;align-items:center;gap:var(--s-4);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ash)}
.hero__stamp::before{
content:'';width:0.5rem;height:0.5rem;background:var(--strobe);flex:none}
.hero__title{
--strobe-max:clamp(2.5rem,7vw,6rem);--strobe-floor:1.75rem}
.hero__title em{
font-style:normal;color:var(--strobe)}
.hero__lead{
max-width:44ch;font-size:var(--t-lead);color:var(--bone-dim);line-height:var(--lh-normal)}
.hero__actions{
display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-3)}
.hero__meta{
display:flex;flex-wrap:wrap;gap:var(--s-5) var(--s-7);margin-top:var(--s-7);padding-top:var(--s-5);border-top:var(--hair)}
.hero__metaitem{
display:grid;gap:var(--s-1)}
.hero__metaval{
font-family:var(--font-mono);font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums}
.manifesto{
max-width:30ch;font-family:var(--font-display);font-size:clamp(1.5rem,4.6vw,2.9rem);font-weight:700;line-height:1.12;letter-spacing:var(--tr-head);text-transform:uppercase}
.manifesto p + p{
margin-top:0.7em}
.manifesto .dim{
color:var(--ash-dim)}
.manifesto .hit{
color:var(--strobe)}
.repeat{
display:flex;flex-wrap:wrap;gap:0 0.4em;margin-top:0.7em}
.repeat span:nth-child(1){
opacity:1}
.repeat span:nth-child(2){
opacity:0.62}
.repeat span:nth-child(3){
opacity:0.34}
.repeat span:nth-child(4){
opacity:0.16}
.svc{
border-top:var(--hair)}
.svc__row{
display:grid;gap:var(--s-3);padding-block:var(--s-6);border-bottom:var(--hair);position:relative;transition:background-color var(--beat-half) var(--ease-out),padding-inline var(--beat-half) var(--ease-out)}
.svc__row:hover,.svc__row:focus-within{
background:var(--ink-850);padding-inline:var(--s-4)}
@media (min-width:48rem){
.svc__row{
grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto;align-items:baseline;gap:var(--s-6)}
}
.svc__name{
font-family:var(--font-display);font-size:clamp(1.5rem,3.4vw,2.4rem);font-weight:800;text-transform:uppercase;letter-spacing:var(--tr-head);line-height:1}
.svc__row:hover .svc__name,.svc__row:focus-within .svc__name{
color:var(--strobe)}
.svc__desc{
color:var(--ash);font-size:var(--t-small);line-height:var(--lh-normal);max-width:48ch}
.svc__go{
font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ash-dim);white-space:nowrap}
.svc__row:hover .svc__go,.svc__row:focus-within .svc__go{
color:var(--bone)}
.divide{
display:grid;gap:0}
.divide__side{
padding:var(--section-y) var(--gutter)}
.divide__side--grey{
background:var(--ink-900)}
.divide__side--white{
background:var(--paper);color:var(--paper-ink)}
.divide__side--white .label,.divide__side--white .eyebrow{
color:#5c5951}
.divide__side--white .eyebrow::before{
background:var(--daylight-deep)}
@media (min-width:62rem){
.divide{
grid-template-columns:1fr 1fr}
}
.niche-list{
display:grid;gap:var(--s-3);margin-top:var(--s-6)}
.niche-item{
display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);padding-block:var(--s-4);border-bottom:1px solid var(--ink-600);font-family:var(--font-display);font-size:clamp(1.25rem,3.4vw,1.9rem);font-weight:700;text-transform:uppercase;letter-spacing:var(--tr-head);transition:color var(--beat-16th) var(--ease-out)}
.niche-item:hover{
color:var(--strobe)}
.niche-item__note{
font-family:var(--font-mono);font-size:var(--t-micro);font-weight:400;letter-spacing:0.08em;text-transform:uppercase;color:var(--ash-dim);text-align:right}
.divide__side--white .niche-item{
border-bottom-color:var(--paper-line)}
.divide__side--white .niche-item:hover{
color:var(--daylight-deep)}
.divide__side--white .niche-item__note{
color:#7d7970}
.case-metrics{
display:flex;flex-wrap:wrap;gap:var(--s-5) var(--s-6);padding-top:var(--s-4);border-top:var(--hair)}
.case-metric__value{
font-family:var(--font-mono);font-size:1.6rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--bone)}
.case-metric__label{
display:block;margin-top:var(--s-2);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:0.1em;text-transform:uppercase;color:var(--ash-dim)}
.offrecord{
display:inline-block;font-family:var(--font-mark);font-size:1.05rem;color:var(--strobe);transform:rotate(-3.5deg);transform-origin:left center}
.cta{
display:grid;gap:var(--s-6);align-items:end}
@media (min-width:60rem){
.cta{
grid-template-columns:1fr auto;gap:var(--s-8)}
}
.cta__title{
--strobe-max:var(--t-h1);max-width:14ch}
.article-meta{
display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-5);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:0.08em;text-transform:uppercase;color:var(--ash-dim)}
.article-meta__author{
color:var(--bone-dim)}
.breadcrumbs{
display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center;font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:0.08em;text-transform:uppercase;color:var(--ash-dim);margin-bottom:var(--s-5)}
.breadcrumbs a:hover{
color:var(--strobe)}
.breadcrumbs li:not(:last-child)::after{
content:'/';margin-left:var(--s-2);color:var(--ink-500)}
.breadcrumbs ol{
display:contents}
.answer{
padding:var(--s-5) var(--s-6);background:var(--ink-800);border-left:2px solid var(--strobe);font-size:var(--t-lead);line-height:var(--lh-normal);max-width:60ch}
.errorpage{
min-height:100vh;display:grid;place-items:center;padding:var(--s-7) var(--gutter)}
.errorpage__inner{
max-width:40rem;display:grid;gap:var(--s-5)}
.errorpage__code{
font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--tr-label);color:var(--strobe)}
.errorpage__title{
font-family:var(--font-display);font-size:var(--t-h1);font-weight:800;text-transform:uppercase;letter-spacing:var(--tr-display);line-height:var(--lh-tight)}
.errorpage__line{
color:var(--ash);max-width:44ch}
.errorpage__trace{
margin-top:var(--s-5);padding:var(--s-4);background:var(--ink-800);border:var(--hair);font-family:var(--font-mono);font-size:0.72rem;line-height:1.5;color:var(--ash);overflow-x:auto;white-space:pre-wrap;word-break:break-word}
.errorpage .btn{
justify-self:start}
.u-strobe{
color:var(--strobe)}
.u-daylight{
color:var(--daylight)}
.u-ash{
color:var(--ash)}
.u-dim{
color:var(--ash-dim)}
.u-mono{
font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.u-center{
text-align:center}
.u-right{
text-align:right}
.u-measure{
max-width:var(--measure)}
.u-narrow{
max-width:46ch}
.u-mt-0{
margin-top:0}
.u-mt-4{
margin-top:var(--s-4)}
.u-mt-5{
margin-top:var(--s-5)}
.u-mt-6{
margin-top:var(--s-6)}
.u-mt-7{
margin-top:var(--s-7)}
.u-mt-8{
margin-top:var(--s-8)}
.u-hide{
display:none}
@media (max-width:47.99rem){
.u-hide-sm{
display:none}
}
@media (min-width:48rem){
.u-only-sm{
display:none}
}
.js .reveal{
opacity:0;transform:translate3d(0,12px,0);transition:opacity var(--beat) var(--ease-out),transform var(--beat) var(--ease-out)}
.js .reveal.is-in{
opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.js .reveal{
opacity:1;transform:none}
}
@media print{
.masthead,.mobile-nav,.footer,.grain,.cta,.skip-link{
display:none !important}
body{
background:#fff;color:#000}
.band,.card{
background:#fff;border-color:#ccc;padding-block:1rem}
.strobe__ghost{
display:none}
a[href^='http']::after{
content:' (' attr(href) ')';font-size:0.8em;color:#555}
}