:root { --ink:#f3ead2; --paper:#ded5bc; --muted:#b7b1a0; --void:#070f12; --slate:#15272c; --deep:#0a171a; --red:#e43b28; --line:rgba(244,234,210,.22); }
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--void);color:var(--ink);font-family:Manrope,system-ui,sans-serif}.grain{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.site-header{height:79px;padding:0 clamp(22px,5vw,74px);display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);position:absolute;left:0;right:0;z-index:3}.brand{font:700 26px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;display:inline-flex;align-items:center;gap:10px}.brand-mark{font-size:12px;color:var(--red)}.project-state{font:400 10px/1 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0}.site-nav{margin-left:auto;display:flex;gap:30px;font:500 11px/1 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.site-nav a:hover,.text-link:hover,.contact a:not(.button):hover,.conventions:hover{color:var(--red)}.menu-toggle{display:none}
.hero{position:relative;min-height:min(800px,100vh);display:flex;align-items:flex-end;padding:clamp(120px,13vw,180px) clamp(22px,9vw,145px) clamp(68px,8vw,116px);overflow:hidden}.hero-art{position:absolute;inset:0;background-image:url("assets/pinpoint-library-hero.png");background-size:cover;background-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,11,14,.98) 0%,rgba(4,11,14,.84) 25%,rgba(4,11,14,.27) 58%,rgba(4,11,14,.4) 100%),linear-gradient(0deg,rgba(4,11,14,.8),transparent 46%)}.hero-copy{position:relative;z-index:1;width:min(570px,100%)}.eyebrow,.section-number{font:500 10px/1.5 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0}.red-block{display:inline-block;width:9px;height:9px;background:var(--red);margin-right:9px}h1,h2,h3,p{margin-top:0}h1{font:700 clamp(89px,13vw,188px)/.76 "Barlow Condensed",sans-serif;letter-spacing:-.04em;margin:28px 0 6px}h1 span{color:var(--red)}.subtitle{font:600 clamp(34px,5vw,74px)/.9 "Barlow Condensed",sans-serif;letter-spacing:.008em;margin:0}.subtitle b{display:inline-block;color:var(--ink);background:var(--red);font-weight:600;padding:.06em .17em .11em}.hero-deck{max-width:405px;color:#d1c8b1;line-height:1.72;font-size:15px;margin:27px 0 0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;gap:21px;background:var(--red);color:#fff6e5;padding:17px 19px;border:0;font:500 11px/1 "DM Mono",monospace;letter-spacing:.07em;text-transform:uppercase;transition:background .2s,transform .2s}.button:hover{background:#f04a35;transform:translateY(-2px)}.text-link{font:500 11px/1 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.065em}.hero-readout{position:absolute;bottom:18px;right:clamp(22px,5vw,74px);z-index:1;display:flex;gap:19px;font:400 9px/1 "DM Mono",monospace;letter-spacing:.1em;color:#e8dec4}
.brief{background:var(--paper);color:#102022;padding:clamp(82px,11vw,160px) clamp(22px,9vw,145px);display:grid;grid-template-columns:minmax(155px,.55fr) minmax(0,1.45fr);gap:7vw}.brief-label .section-number{color:#52615d}.brief-label span{display:block;color:#788078;font:400 10px/1.5 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;margin-top:19px}.brief-copy{max-width:770px}.statement{font:600 clamp(43px,5.4vw,79px)/.96 "Barlow Condensed",sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin-bottom:29px}.brief-copy p:last-child{max-width:555px;color:#4d5b57;font-size:15px;line-height:1.8;margin-bottom:0}
.operation{padding:clamp(92px,11vw,160px) clamp(22px,9vw,145px);max-width:1500px;margin:auto;display:grid;grid-template-columns:.83fr 1.17fr;gap:8vw}.operation h2,.ledger-copy h2,.contact h2{font:600 clamp(64px,7vw,108px)/.84 "Barlow Condensed",sans-serif;letter-spacing:-.035em;text-transform:uppercase;margin:20px 0 0}.operation h2 em{font-style:normal;color:var(--red)}.steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:67px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.steps>li>span{font:400 11px "DM Mono",monospace;color:var(--red)}.steps h3{font:600 27px/1 "Barlow Condensed",sans-serif;letter-spacing:.025em;text-transform:uppercase;margin:0 0 9px}.steps p{max-width:430px;color:var(--muted);font-size:14px;line-height:1.7;margin:0}
.cold-ledger{min-height:600px;background:#122228;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.ledger-raster{position:relative;min-height:380px;background:linear-gradient(135deg,transparent 0 47%,rgba(226,59,40,.1) 47.2% 48%,transparent 48.2%),repeating-linear-gradient(0deg,transparent 0 27px,rgba(241,233,211,.08) 28px 29px),repeating-linear-gradient(90deg,transparent 0 27px,rgba(241,233,211,.08) 28px 29px),radial-gradient(circle at 54% 50%,#314047,#13252a 47%,#0a171a 100%);border-right:1px solid var(--line);overflow:hidden}.impact{position:absolute;left:54%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%);background:var(--ink);clip-path:polygon(50% 0,58% 39%,100% 27%,63% 52%,90% 78%,56% 61%,48% 100%,42% 62%,0 76%,37% 51%,8% 21%,43% 39%);box-shadow:0 0 38px 14px rgba(243,234,210,.48)}.route{position:absolute;height:1px;background:var(--red);left:0;top:50%;transform-origin:right}.route-a{width:55%;transform:rotate(-28deg)}.route-b{width:61%;transform:rotate(158deg)}.target-mark{position:absolute;left:calc(54% - 7px);top:calc(50% - 7px);border:1px solid var(--red);width:14px;height:14px;transform:rotate(45deg)}.ledger-copy{padding:clamp(70px,8vw,120px);align-self:center}.ledger-copy>p:not(.section-number){max-width:400px;color:var(--muted);line-height:1.76;font-size:15px}.ledger-copy dl{display:flex;gap:34px;margin:40px 0 0}.ledger-copy dl div{border-top:1px solid var(--line);padding-top:10px;min-width:75px}.ledger-copy dt{font:400 9px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ledger-copy dd{font:600 22px "Barlow Condensed",sans-serif;letter-spacing:.04em;text-transform:uppercase;margin:6px 0 0}
.contact{padding:140px 22px;text-align:center;background:#0a1215}.contact h2{margin:20px 0 16px}.contact>p:not(.section-number){max-width:530px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.8}.contact>p a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}.contact .button{margin-top:34px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:105px;padding:28px clamp(22px,5vw,74px);border-top:1px solid var(--line);color:var(--muted);font-size:10px;font-family:"DM Mono",monospace;text-transform:uppercase;letter-spacing:.06em}footer p{margin:0}.conventions{color:#d7cdb5;text-decoration:underline;text-decoration-color:rgba(228,59,40,.8);text-underline-offset:4px}.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}
@media(max-width:800px){.site-header{height:68px}.project-state{display:none}.site-nav{display:none;position:absolute;left:0;right:0;top:67px;padding:23px;background:#0a1215;border-bottom:1px solid var(--line);flex-direction:column}.site-nav.is-open{display:flex}.menu-toggle{display:block;margin-left:auto;background:transparent;color:var(--ink);border:0;font:500 11px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.hero{min-height:720px;padding-bottom:88px}.hero-art{background-position:57% center}.hero-shade{background:linear-gradient(90deg,rgba(4,11,14,.98),rgba(4,11,14,.6)),linear-gradient(0deg,rgba(4,11,14,.87),transparent 56%)}.hero-readout{left:22px;right:auto;gap:10px;font-size:8px}.brief,.operation{grid-template-columns:1fr;gap:37px}.cold-ledger{grid-template-columns:1fr}.ledger-raster{min-height:320px;border-right:0;border-bottom:1px solid var(--line)}.ledger-copy{padding:75px 34px}.ledger-copy dl{gap:17px}.contact{padding:100px 22px}footer{align-items:flex-start;flex-direction:column;gap:14px}.hero-actions{flex-wrap:wrap}}