:root{--sand: #f4e6c8;--sand-2: #efdcb4;--paper: #fbf3e0;--paper-edge: #f0e2c2;--terra: #c2552c;--terra-deep: #a23d1c;--rust: #8f3415;--clay: #d2724a;--saguaro: #3f6f47;--saguaro-deep: #2c5236;--sage: #7d9b6a;--sky: #5b9bc4;--sky-deep: #36789f;--sky-pale: #b9d9e8;--sun: #e8a23a;--sun-deep: #d8852a;--gold: #f2bb52;--ink: #2c2014;--ink-soft: #5a4632;--ink-faint: #8a755a;--line: #c9b288;--line-strong: #2c2014;--bg: var(--sand);--fg: var(--ink);--shadow: 6px 6px 0 rgba(44, 32, 20, .18);--shadow-sm: 3px 3px 0 rgba(44, 32, 20, .16);--maxw: 1180px;--gut: clamp(1.1rem, 4vw, 2.6rem);--font-display: "Clash Display", "Arial Black", sans-serif;--font-body: "General Sans", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background-color:var(--sand);background-image:radial-gradient(rgba(44,32,20,.045) 1px,transparent 1.4px);background-size:7px 7px;color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:var(--rust);text-underline-offset:3px;text-decoration-thickness:2px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.02;letter-spacing:-.01em;margin:0 0 .4em;color:var(--ink)}h1{font-size:clamp(2.6rem,7vw,5.2rem);text-transform:uppercase}h2{font-size:clamp(1.8rem,4.4vw,3rem);text-transform:uppercase}h3{font-size:clamp(1.25rem,2.6vw,1.7rem)}p{margin:0 0 1rem}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}.section{padding-block:clamp(3rem,8vw,6rem)}.eyebrow{font-family:var(--font-mono);font-size:.74rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--terra-deep);margin:0 0 .8rem;display:inline-block}.lede{font-size:clamp(1.1rem,2.2vw,1.32rem);line-height:1.5;color:var(--ink-soft);max-width:60ch}.panel{border:3px solid var(--line-strong);background:var(--paper);box-shadow:var(--shadow);position:relative}.panel--sky{background:var(--sky-pale)}.panel--terra{background:var(--terra);color:var(--paper)}.panel--green{background:var(--saguaro-deep);color:var(--paper)}.stamp{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.16em;border:2.5px solid currentColor;border-radius:999px;padding:.45em 1.1em;font-size:.72rem;display:inline-flex;align-items:center;gap:.5em;line-height:1}.btn{display:inline-flex;align-items:center;gap:.6em;font-family:var(--font-display);font-weight:600;font-size:1.02rem;text-transform:uppercase;letter-spacing:.02em;padding:.85em 1.5em;border:3px solid var(--line-strong);background:var(--sun);color:var(--ink);text-decoration:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #2c201438}.btn:active{transform:translate(1px,1px);box-shadow:1px 1px #2c201438}.btn--terra{background:var(--terra);color:var(--paper)}.btn--green{background:var(--saguaro);color:var(--paper)}.btn--ghost{background:transparent;box-shadow:none}label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);display:block;margin-bottom:.4rem}select,input[type=number],input[type=text],input[type=range]{font-family:var(--font-body);font-size:1rem;width:100%;padding:.7em .85em;border:2.5px solid var(--line-strong);background:var(--paper);color:var(--ink);border-radius:0}input[type=range]{padding:0;accent-color:var(--terra)}select:focus,input:focus{outline:3px solid var(--sun);outline-offset:1px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}[data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){[data-reveal]{opacity:1;transform:none;transition:none}}.center{text-align:center}.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}.grid{display:grid;gap:clamp(1rem,2.5vw,1.8rem)}
