@font-face{font-family:Fell;src:url('/assets/fonts/IMFellEnglish-Regular.ttf')}@font-face{font-family:FellItalic;src:url('/assets/fonts/IMFellEnglish-Italic.ttf')}@font-face{font-family:Mono;src:url('/assets/fonts/JetBrainsMono-Regular.ttf')}@font-face{font-family:Mono;src:url('/assets/fonts/JetBrainsMono-Bold.ttf');font-weight:800}
:root{--ink:#29251f;--paper:#e6d7b8;--paper-light:#f0e8d4;--rust:#875044;--green:#3f6863;--gold:#f7931a;--line:rgba(41,37,31,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper-light);color:var(--ink);font-family:Mono,monospace}.skip{position:absolute;left:-9999px}.skip:focus{left:18px;top:18px;z-index:10;background:var(--ink);color:var(--paper);padding:12px}.masthead{min-height:82px;padding:0 clamp(18px,4vw,64px);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:clamp(20px,4vw,56px);border-bottom:1px solid var(--ink);background:var(--paper-light)}.brand{color:var(--ink);font:38px/1 Fell,serif;text-decoration:none}.brand span{color:var(--rust)}.masthead nav{display:flex;gap:clamp(14px,2.5vw,34px);align-items:center}.masthead nav a{color:var(--ink);font:800 11px/1 Mono,monospace;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.masthead nav a:hover,.masthead nav a:focus-visible{color:var(--rust)}.masthead nav a[aria-current=page]:after{background:var(--rust)}
.content-hero{min-height:64vh;padding:clamp(64px,10vw,150px) clamp(18px,7vw,110px) clamp(54px,8vw,110px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:8vw;align-items:end;border-bottom:1px solid var(--ink);position:relative;overflow:hidden}.content-hero:after{content:"N/";position:absolute;right:-.04em;top:-.18em;color:rgba(135,80,68,.10);font:clamp(260px,40vw,620px)/1 Fell,serif;pointer-events:none}.eyebrow{font:800 10px/1 Mono,monospace;letter-spacing:.16em;text-transform:uppercase}.content-hero h1{position:relative;z-index:1;margin:14px 0 0;font:clamp(64px,10vw,150px)/.78 Fell,serif;letter-spacing:-.055em}.content-hero h1 em{font-family:FellItalic,serif;font-weight:400;color:var(--rust)}.hero-note{position:relative;z-index:1;border-top:8px solid var(--ink);padding-top:18px;font:16px/1.55 Fell,serif}.hero-note strong{font-family:Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:14px}
.about-hero-art{position:relative;z-index:1;display:block;width:min(100%,420px);height:auto;margin:14px auto 0}
.content-section{padding:clamp(64px,9vw,130px) clamp(18px,7vw,110px);border-bottom:1px solid var(--ink)}.section-intro{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:8vw;margin-bottom:clamp(44px,7vw,90px)}.section-intro h2{margin:10px 0 0;font:clamp(44px,6vw,84px)/.9 Fell,serif;letter-spacing:-.035em}.section-intro>p{margin:24px 0 0;font:clamp(18px,2vw,27px)/1.4 Fell,serif;max-width:760px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.feature-grid article{min-height:260px;padding:30px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:rgba(230,215,184,.42)}.feature-grid span,.stack-list small{font:800 10px/1 Mono,monospace;letter-spacing:.12em;color:var(--rust)}.feature-grid h3{font:34px/1 Fell,serif;margin:48px 0 14px}.feature-grid p{font:14px/1.65 Mono,monospace;margin:0;max-width:52ch}.material-band{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.material-band h2{color:var(--paper)}.material-band a{color:var(--paper)}
.stack-list{border-top:1px solid var(--ink)}.stack-list article{display:grid;grid-template-columns:100px minmax(190px,.7fr) minmax(260px,1.3fr) auto;gap:24px;align-items:start;padding:28px 0;border-bottom:1px solid var(--ink)}.stack-list h3{font:30px/1 Fell,serif;margin:0}.stack-list p{font:13px/1.6 Mono,monospace;margin:0}.stack-list a{color:var(--rust);font:800 11px/1.4 Mono,monospace}.legal-copy{max-width:920px}.legal-copy article{padding:34px 0;border-top:1px solid var(--ink)}.legal-copy h2{font:38px/1 Fell,serif;margin:0 0 18px}.legal-copy p,.legal-copy li{font:14px/1.75 Mono,monospace}.credit-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--ink)}.credit-list li{display:grid;grid-template-columns:1fr auto;gap:24px;padding:22px 0;border-bottom:1px solid var(--ink)}.credit-list a{color:var(--rust);font-weight:800}
.site-footer{padding:40px clamp(18px,7vw,110px);display:grid;grid-template-columns:1fr auto;gap:30px;background:var(--paper-light)}.site-footer strong{font:34px/1 Fell,serif}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px 26px}.site-footer a{color:var(--ink);font:800 10px/1.4 Mono,monospace;text-transform:uppercase}.site-footer small{grid-column:1/-1;border-top:1px solid var(--ink);padding-top:18px}
@media(max-width:900px){.masthead{grid-template-columns:auto 1fr}.masthead small{display:none}.masthead nav{justify-content:flex-end;overflow-x:auto}.content-hero,.section-intro,.material-band{grid-template-columns:1fr}.content-hero{min-height:auto}.stack-list article{grid-template-columns:72px 1fr}.stack-list article p,.stack-list article a{grid-column:2}.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}}
@media(max-width:620px){.masthead{display:block;padding-block:15px}.masthead .brand{display:block;margin-bottom:14px}.masthead .brand span{display:inline-block;font-size:22px}.masthead nav{justify-content:flex-start;padding-bottom:5px}.masthead nav a{font-size:9px}.content-hero h1{font-size:61px}.feature-grid{grid-template-columns:1fr}.stack-list article{grid-template-columns:54px 1fr}.credit-list li{grid-template-columns:1fr}.site-footer nav{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Compact informational pages share the existing colors and typefaces. */
.compact-content .content-hero{min-height:0;padding:32px clamp(18px,5vw,72px);gap:28px;align-items:start;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
.compact-content .content-hero:after{display:none}
.compact-content .content-hero h1{font-size:clamp(32px,3.5vw,40px);line-height:1.1;letter-spacing:-.035em;margin:12px 0 0}
.compact-content .hero-note{border-top:0;padding:0;margin:0;font-size:16px;line-height:1.65}
.compact-content .hero-note strong{margin-bottom:8px}
.compact-content .content-section{padding:32px clamp(18px,5vw,72px)}
.compact-content .section-intro{gap:28px;margin-bottom:24px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
.compact-content .content-section h2{font-size:clamp(22px,2.5vw,28px);line-height:1.2;margin:10px 0 0}
.compact-content .section-intro>p{font-size:16px;line-height:1.65;margin:0}
.compact-content .feature-grid article{min-height:0;padding:20px}
.compact-content .feature-grid h3{font-size:22px;line-height:1.2;margin:16px 0 10px}
.compact-content .feature-grid p,.compact-content .stack-list p,.compact-content .legal-copy p{font-size:15px;line-height:1.65}
.compact-content .material-band{gap:28px}
.compact-content .legal-copy p:first-child{margin-top:0}
.compact-content .legal-copy p:last-child{margin-bottom:0}
.compact-content .stack-list article{grid-template-columns:56px minmax(0,.7fr) minmax(0,1.3fr) auto;gap:20px;padding:20px 0}
.compact-content .stack-list h3{font-size:22px;line-height:1.2}
.compact-content .stack-list a{overflow-wrap:anywhere}
.compact-content .site-footer{padding-top:24px;padding-bottom:24px}
@media(max-width:900px){.compact-content .content-hero,.compact-content .section-intro,.compact-content .material-band{grid-template-columns:minmax(0,1fr)}.compact-content .stack-list article{grid-template-columns:54px minmax(0,1fr)}.compact-content .stack-list article p,.compact-content .stack-list article a{grid-column:2}}
@media(max-width:620px){.compact-content .content-hero,.compact-content .content-section{padding:24px 18px}.compact-content .content-hero,.compact-content .section-intro,.compact-content .material-band{gap:20px}.compact-content .section-intro{margin-bottom:20px}.compact-content .feature-grid article{padding:16px}.compact-content .content-hero h1{font-size:32px}.compact-content .content-section h2{font-size:24px}.compact-content .stack-list article{gap:12px;padding:16px 0}}
