:root{--graphite:#1b1d1d;--panel:#222525;--panel-2:#2a2e2e;--steel:#8a9294;--steel-dim:#565f61;--paper:#ece7da;--paper-dim:#ddd7c6;--ink:#1b1d1d;--signal:#f2b705;--signal-deep:#c98a00;--white:#f5f3ec;--line:#f5f3ec1a;--line-strong:#f5f3ec2e;--line-dark:#1b1d1d24;--danger:#c4472a;--good:#5c8a5c;--font-display:"Big Shoulders Display", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--graphite);color:var(--white);-webkit-font-smoothing:antialiased;line-height:1.55}img,svg{max-width:100%;display:block}a{color:inherit}button{cursor:pointer;font-family:inherit}::selection{background:var(--signal);color:var(--ink)}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}@media (width<=640px){.wrap{padding:0 18px}}.grain{pointer-events:none;z-index:9999;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}#scrollbar{background:var(--signal);z-index:60;width:0%;height:3px;position:fixed;top:64px;left:0}.stripe{background:repeating-linear-gradient(135deg, var(--signal) 0 16px, var(--ink) 16px 32px)}.stripe-thin{height:6px}.grid-bg{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);pointer-events:none;background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 30%,#000 40%,#0000 90%);mask-image:radial-gradient(80% 60% at 50% 30%,#000 40%,#0000 90%)}.crosshair{pointer-events:none;opacity:.55;width:22px;height:22px;position:absolute}.crosshair:before,.crosshair:after{content:"";background:var(--steel);position:absolute}.crosshair:before{width:100%;height:1px;top:50%;left:0}.crosshair:after{width:1px;height:100%;top:0;left:50%}.crosshair.tl{top:18px;left:18px}.crosshair.tr{top:18px;right:18px}.crosshair.bl{bottom:18px;left:18px}.crosshair.br{bottom:18px;right:18px}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--signal);align-items:center;gap:10px;margin-bottom:18px;font-size:12px;display:flex}.eyebrow:before{content:"";background:var(--signal);width:22px;height:1px}.riveted{position:relative}.riveted:before,.riveted:after{content:"";opacity:.6;background-image:radial-gradient(circle,#1b1d1d66 1.4px,#0000 1.6px);background-repeat:repeat-x;background-size:22px 1px;height:1px;position:absolute;left:16px;right:16px}.riveted:before{top:8px}.riveted:after{bottom:8px}.chamfer{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}section{padding:96px 0;position:relative}.section-head{max-width:640px;margin-bottom:52px}.section-head h2{font-family:var(--font-display);letter-spacing:-.005em;text-transform:uppercase;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1}.section-head p{color:var(--steel);margin-top:16px;font-size:16px;line-height:1.6}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.reveal.in{opacity:1;transform:none}.btn{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:16px 26px;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,color .15s;display:inline-flex}.btn-primary{background:var(--signal);color:var(--ink)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px -8px #f2b7058c}.btn-primary:active{transform:translateY(0)scale(.97)}.btn-ghost{border-color:var(--line-strong);color:var(--white)}.btn-ghost:hover{border-color:var(--signal);color:var(--signal)}.btn:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.btn svg{width:14px;height:14px;transition:transform .2s}.btn-primary:hover svg{transform:translate(3px)}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}html{background:var(--graphite)}
