/* Taller Web Pro — base: reset, typography, layout primitives. */
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;background:var(--bg);overflow-x:clip}
body{background:var(--bg);color:var(--ink);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip;text-rendering:optimizeLegibility}
a{color:inherit}
img,svg{display:block;max-width:100%}
::selection{background:var(--gold);color:var(--bg)}
:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px;border-radius:8px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}
.skip{position:absolute;left:-999px;top:10px;background:var(--accent);color:var(--on-accent);padding:10px 16px;border-radius:10px;z-index:100;font-weight:600;text-decoration:none}
.skip:focus{left:10px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- type ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:12.5px;color:var(--accent-ink);font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:28px}
.eyebrow::before{content:"";width:32px;height:1px;background:var(--gold);flex:none}

h1{font:400 clamp(44px,6.6vw,92px)/.98 var(--serif);letter-spacing:-.022em;max-width:11.5em;text-wrap:balance}
h1 em{font-style:normal;color:var(--gold-2)}
h2{font:400 clamp(34px,4.6vw,60px)/1.04 var(--serif);letter-spacing:-.018em;max-width:15em;text-wrap:balance}
h3{font:500 22px/1.25 var(--serif);letter-spacing:-.005em}
.lead{font-size:clamp(17px,1.35vw,19.5px);color:var(--muted);max-width:33em;margin:30px 0 40px;line-height:1.7}

.sub{color:var(--muted);max-width:34em;margin-top:18px;font-size:17.5px}

/* ---------- self-hosted technical face (OFL, see assets/fonts/OFL.txt) ---------- */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/ibm-plex-mono-400.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/ibm-plex-mono-500.woff2") format("woff2")}