:root{color-scheme:light;--ink:#242c30;--paper:#f6f5f0;--muted:#606b73;--line:#d8dcd8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #0057ff;outline-offset:6px}.wrap{max-width:1320px;margin:auto;padding:0 56px}header,footer{display:flex;justify-content:space-between;align-items:center;gap:24px}header{min-height:122px;border-bottom:1px solid var(--line)}.logo{display:block;width:190px;height:auto}nav{display:flex;gap:28px;font-size:14px;font-weight:600}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.7fr 1fr;align-items:center;gap:44px;padding:100px 0 110px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.6;margin:0 0 24px}.hero h1{font-size:clamp(40px,4.4vw,65px);letter-spacing:-.05em;line-height:1.08;margin:0 0 28px;font-weight:750}.intro{font-size:21px;line-height:1.65;color:var(--muted);margin:0 0 34px}.text-link{font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:8px}.text-link span{margin-left:20px}.maker-mark{position:relative;min-height:330px;display:flex;align-items:center;justify-content:center}.maker-mark img{position:relative;width:230px;height:230px}.grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:33px 33px;opacity:.45;mask-image:radial-gradient(ellipse,black 25%,transparent 72%)}.maker-mark span{position:absolute;bottom:5px;font:10px monospace;letter-spacing:.13em;color:var(--muted)}.section-head{border-top:1px solid var(--line);padding:27px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.section-head h2{font-size:20px;font-weight:600;margin:0;letter-spacing:-.025em}.section-head>span{font:10px monospace;color:var(--muted);letter-spacing:.08em}.projects{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{background:#fff;padding:36px;border:1px solid var(--line);border-top:3px solid var(--accent);--accent:#0057ff}.project.vault{--accent:#d58a00}.project-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.status{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:7px 12px;color:#465158}.project .eyebrow{color:var(--muted);margin-bottom:10px}.project h3{font-size:31px;letter-spacing:-.04em;margin:0 0 16px}.project p:not(.eyebrow){line-height:1.7;color:var(--muted);max-width:440px;font-size:16px}.project p.detail{font-size:13px;margin-top:24px}.project>a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:30px;text-decoration:none;font-weight:650;font-size:14px}.project>a:hover{color:var(--accent)}.principle{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:85px 0}.principle .eyebrow{grid-column:1/-1;margin:0;color:var(--muted)}.principle h2{font-size:42px;line-height:1.1;letter-spacing:-.04em;margin:0}.principle>p:last-child{font-size:17px;line-height:1.8;color:var(--muted);margin:0}footer{border-top:1px solid var(--line);padding:30px 0 40px;font-size:12px}.muted{color:var(--muted)}footer nav{font-size:12px}.skip{position:absolute;left:16px;top:-100px;padding:12px;background:white;z-index:9}.skip:focus{top:10px}@media(max-width:760px){.wrap{padding:0 24px}header{min-height:100px}.logo{width:150px}nav{gap:16px;font-size:12px}.hero{grid-template-columns:1fr;padding:65px 0 60px;gap:24px}.hero h1{font-size:43px}.intro{font-size:18px}.maker-mark{display:none}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.projects{grid-template-columns:1fr}.project{padding:28px}.principle{grid-template-columns:1fr;padding:60px 0}.principle h2{font-size:36px}footer{align-items:flex-start;flex-direction:column}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}