:root{--ink:#181814;--cream:#f3f0e8;--paper:#fbfaf6;--stone:#d9d3c5;--muted:#5e5a53;--line:#b7b1a5;--green:#296849;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}a{color:inherit}:focus-visible{outline:3px solid #e05b43;outline-offset:4px}.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:11px 15px;border-radius:99px;background:var(--ink);color:var(--paper);text-decoration:none;transform:translateY(-180%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.mark{height:36px;display:flex;align-items:center;gap:3px}.mark i{display:block;width:4px;height:17px;border-radius:4px;background:currentColor;transform-origin:center;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.mark i:nth-child(2){height:34px}.mark i:nth-child(3){height:23px}.mark i:nth-child(4){height:29px}.brand:hover .mark i,.brand:focus-visible .mark i{animation:mark-listen .72s ease-in-out}.brand:hover .mark i:nth-child(2),.brand:focus-visible .mark i:nth-child(2){animation-delay:.06s}.brand:hover .mark i:nth-child(3),.brand:focus-visible .mark i:nth-child(3){animation-delay:.12s}.brand:hover .mark i:nth-child(4),.brand:focus-visible .mark i:nth-child(4){animation-delay:.18s}@keyframes mark-listen{0%,100%{transform:scaleY(1)}45%{transform:scaleY(.55)}}
.site-header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid #18181424}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;letter-spacing:.19em;font-size:16px}.site-nav{display:flex;gap:28px}.site-nav a{text-decoration:none;font-size:14px}.site-nav a[aria-current="page"],.site-nav a:hover{text-decoration:underline;text-underline-offset:6px}.header-link{justify-self:end;padding:10px 16px;border:1px solid;border-radius:99px;text-decoration:none;font-size:13px;font-weight:650}
.page{max-width:var(--max);margin:auto;padding:88px clamp(20px,5vw,72px) 120px}.eyebrow{margin:0 0 18px;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.19em;color:#706c64}.page h1{max-width:920px;margin:0;font-size:clamp(48px,8vw,104px);line-height:.94;letter-spacing:-.065em}.lede{max-width:750px;margin:28px 0 0;color:var(--muted);font-size:clamp(19px,2vw,25px);line-height:1.5}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:80px;margin-top:82px}.prose{max-width:760px}.prose h2{margin:56px 0 12px;font-size:clamp(28px,4vw,46px);line-height:1.05;letter-spacing:-.04em}.prose h2:first-child{margin-top:0}.prose h3{margin:32px 0 8px;font-size:21px}.prose p,.prose li{color:#3f3c37}.prose ul,.prose ol{padding-left:22px}.prose a{text-decoration:underline;text-underline-offset:4px}.note{margin:30px 0;padding:24px;border-left:4px solid var(--ink);background:var(--paper)}.note strong{display:block;margin-bottom:6px}.meta{margin:18px 0 0;color:#77736b;font:12px ui-monospace,monospace}.side-card{position:sticky;top:24px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--paper);align-self:start}.side-card h2{margin:0 0 10px;font-size:20px}.side-card p{margin:0 0 16px;color:var(--muted);font-size:15px}.side-card a,.side-card span{display:block;padding:9px 0;border-top:1px solid #d4cfc4;text-decoration:none;font-size:14px}.side-card a:hover{text-decoration:underline}.side-card span{color:#49463f}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:65px}.card{min-height:250px;padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--paper);text-decoration:none}.card small{font:11px ui-monospace,monospace;color:#77736b}.card h2,.card h3{margin:70px 0 10px;font-size:26px;line-height:1.05;letter-spacing:-.03em}.card p{margin:0;color:var(--muted);font-size:15px}.card:hover{border-color:var(--ink);transform:translateY(-2px)}
.status{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:10px 14px;border:1px solid #9e9a91;border-radius:99px;font:600 11px ui-monospace,monospace;letter-spacing:.08em}.status i{width:7px;height:7px;border-radius:50%;background:var(--green)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:55px 0}.contact article{padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.contact h2{margin:0 0 8px;font-size:21px}.contact p{margin:0;color:var(--muted)}
.site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:42px clamp(20px,5vw,72px);background:var(--ink);color:#f6f3eb}.footer-links{display:flex;justify-content:center;gap:20px}.footer-links a{color:#b9b5ac;text-decoration:none;font-size:14px}.site-footer small{justify-self:end;color:#aaa79e}
@media(max-width:850px){.site-header{height:70px;grid-template-columns:1fr auto}.site-nav{display:none}.brand{font-size:14px}.header-link{font-size:11px;padding:9px 12px}.page{padding-top:62px}.content-grid{grid-template-columns:1fr;gap:45px;margin-top:58px}.side-card{position:static}.cards{grid-template-columns:1fr}.card{min-height:190px}.card h2,.card h3{margin-top:45px}.contact{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start;flex-wrap:wrap}.site-footer small{justify-self:start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
