/* Haines One · Volt · shared styles for secondary pages */
:root{--dk:#0a0a0a;--dk2:#141414;--dk3:#1b1b1b;--ink:#fff;--soft:#cfcfcf;--muted:#8c8c8c;--acc:#d4ff3a;--acc-ink:#3f5200;--line:rgba(255,255,255,.12);
--display:Archivo,"Helvetica Neue",Arial,sans-serif;--body:Inter,system-ui,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--dk);color:var(--ink);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.wrap{width:min(1100px,100% - 40px);margin-inline:auto}.narrow{width:min(720px,100% - 40px);margin-inline:auto}
.top{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 20px/1 var(--display);font-stretch:90%}
.mark{display:grid;place-items:center;width:30px;height:30px;border:2px solid currentColor;border-radius:50%;font:800 15px/1 var(--display)}
h1,h2,h3{font-family:var(--display);font-weight:800;line-height:.98;letter-spacing:-.01em;margin:0 0 .4em;font-stretch:74%;text-transform:uppercase}
h1{font-size:clamp(42px,7vw,86px)}h2{font-size:clamp(28px,3.4vw,40px)}h3{font-size:22px}
.kicker{font:700 12px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--acc);margin:0 0 16px}
.muted{color:var(--muted)}.soft{color:var(--soft)}
.lede{font-size:clamp(18px,1.7vw,21px);color:var(--soft);max-width:56ch}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--acc);color:var(--dk);border:0;border-radius:999px;padding:16px 24px;font:700 16px/1 var(--body);text-decoration:none;cursor:pointer;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn-line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px currentColor}
.card{background:var(--dk2);border:1px solid var(--line);border-radius:20px;padding:26px}
label{display:block;font-size:14px;color:var(--soft);margin:14px 0 6px}
input,select,textarea{width:100%;background:var(--dk3);border:1px solid var(--line);border-radius:12px;color:var(--ink);font:16px var(--body);padding:13px 14px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc)}
textarea{min-height:110px;resize:vertical}
.err{color:#ff8a8a;font-size:15px;margin-top:10px;min-height:1em}
.ok{color:var(--acc)}
.foot{border-top:1px solid var(--line);margin-top:80px;padding:34px 0;font-size:14px;color:var(--muted)}
.foot a{color:var(--soft);text-decoration:none;margin-right:18px}
.prose h2{margin-top:1.6em}.prose p,.prose li{color:var(--soft)}.prose li{margin:.3em 0}
.note{border:1px dashed var(--acc);border-radius:14px;padding:14px 16px;color:var(--soft);font-size:15px}
