:root { --ink:#101114; --muted:#65686f; --line:#dadde3; --blue:#155dfc; --blue-dark:#0d47d5; --green:#0b8f55; font-family:"SFMono-Regular","Cascadia Code","Roboto Mono",Consolas,monospace; color:var(--ink); background:#fff; font-synthesis:none; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; min-width:320px; font-size:13px; line-height:1.65; }
a { color:var(--blue); text-decoration:none; } a:hover { color:var(--blue-dark); text-decoration:underline; text-underline-offset:3px; }
.shell { width:min(1080px,calc(100% - 48px)); margin-inline:auto; }
.skip-link { position:fixed; left:16px; top:-60px; z-index:10; padding:8px 12px; background:var(--ink); color:#fff; } .skip-link:focus { top:12px; }
.site-header { min-height:74px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); }
.wordmark { color:var(--ink); font-weight:700; letter-spacing:-.03em; } .wordmark span { color:var(--muted); font-weight:400; }
nav { display:flex; gap:26px; align-items:center; } .nav-cta { font-weight:700; }
.hero { max-width:850px; padding:124px 0 96px; } .eyebrow { margin:0 0 22px; color:var(--ink); font-size:11px; font-weight:700; letter-spacing:.07em; } .eyebrow span { color:var(--blue); }
h1,h2 { margin:0; font-family:Arial,Helvetica,sans-serif; letter-spacing:-.045em; line-height:1.03; } h1 { max-width:820px; font-size:clamp(44px,7.5vw,82px); font-weight:650; } h2 { font-size:clamp(30px,4.7vw,53px); font-weight:620; }
.lede { max-width:685px; margin:30px 0 0; color:#373a40; font-size:16px; line-height:1.7; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:36px; } .button { min-height:42px; display:inline-flex; align-items:center; justify-content:center; padding:10px 15px; border:1px solid var(--line); background:#fff; }
.button.primary { border-color:var(--blue); background:var(--blue); color:#fff; font-weight:700; } .button.primary:hover { background:var(--blue-dark); text-decoration:none; } .button span { margin-left:22px; }
.terminal,.now { position:relative; border:1px solid var(--line); background:repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(17,17,17,.022) 28px); }
.frame-label { position:absolute; left:18px; top:-11px; padding:0 9px; background:#fff; color:var(--muted); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.terminal { padding:30px 18px 14px; } .terminal-row { display:grid; grid-template-columns:1fr 2.3fr .7fr; gap:24px; padding:12px 10px; border-top:1px dotted #c8ccd3; }
.terminal-head { border-top:0; color:var(--muted); font-size:9px; letter-spacing:.1em; } .terminal-row strong { font-weight:700; } .terminal-row em { color:var(--green); font-style:normal; }
.section { padding:130px 0 40px; } .section-copy { max-width:790px; } .section-copy>p:last-child { max-width:700px; margin-top:26px; color:var(--muted); font-size:15px; }
.project-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:58px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.project-grid article { min-height:275px; padding:26px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); } .project-index { margin:0 0 45px; color:var(--muted); font-size:10px; }
h3 { margin:0 0 17px; font-size:13px; } .project-grid article>p:not(.project-index) { min-height:70px; color:#4a4d53; } .tag,.text-link { display:inline-block; margin-top:28px; color:var(--blue); font-size:11px; }
.now { margin-top:110px; padding:42px 28px 30px; } .principles { display:grid; grid-template-columns:repeat(3,1fr); gap:38px; } .principles h3 { font-size:11px; } .principles p { margin:0; color:var(--muted); }
.closing { padding:150px 0 130px; } .closing h2 { max-width:760px; } .status { margin-top:30px; color:var(--muted); } .status-dot { display:inline-block; width:7px; height:7px; margin-right:9px; border-radius:50%; background:#18a466; box-shadow:0 0 0 4px #e5f7ee; }
footer { min-height:86px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; }
@media (max-width:740px) { .shell { width:min(100% - 28px,1080px); } .site-header { align-items:flex-start; padding:20px 0; } nav { gap:14px; } nav a:not(.nav-cta) { display:none; } .wordmark span { display:none; } .hero { padding:86px 0 70px; } h1 { font-size:clamp(39px,13vw,60px); } .lede { font-size:14px; } .terminal-row { grid-template-columns:1fr; gap:3px; padding-block:15px; } .terminal-head { display:none; } .section { padding-top:95px; } .project-grid { grid-template-columns:1fr; } .project-grid article { min-height:auto; } .project-index { margin-bottom:24px; } .project-grid article>p:not(.project-index) { min-height:auto; } .principles { grid-template-columns:1fr; } .now { padding-inline:20px; } footer { align-items:flex-start; flex-direction:column; justify-content:center; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }