:root{--bg:var(--ds-bg);--ink:var(--ds-text);--muted:var(--ds-muted);--line:var(--ds-border);--accent:var(--ds-accent)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ds-font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:var(--accent);color:var(--bg)}
    .wrap{max-width:1440px;margin:auto;padding:0 6vw}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;letter-spacing:-1px}.mark{width:32px;height:32px;color:var(--accent)}nav{display:flex;gap:32px;font-size:13px}nav a{color:var(--muted)}nav a:hover{color:var(--accent)}.domain{font:11px monospace;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
    .hero{position:relative;padding:105px 0 96px;overflow:hidden;min-height:620px}.eyebrow{display:flex;align-items:center;gap:10px;font:11px monospace;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:'';width:6px;height:6px;background:var(--accent);border-radius:0}h1{position:relative;z-index:1;font-size:clamp(58px,7.6vw,108px);line-height:.98;font-weight:500;letter-spacing:-.065em;margin:32px 0;max-width:850px}h1 span{color:var(--accent)}.intro{position:relative;z-index:1;max-width:455px;font-size:17px;color:var(--muted);line-height:1.7;margin:0 0 30px}.cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:40px;background:var(--accent);color:var(--bg);padding:17px 20px;font-size:13px;font-weight:700}.cta:hover{background:#e4f8b8}.flow{position:absolute;right:-175px;top:10px;width:720px;height:650px;opacity:.65;pointer-events:none}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;color:var(--muted);font:10px monospace;letter-spacing:1.5px;text-transform:uppercase}
    section{scroll-margin-top:30px}.projects{padding:83px 0 70px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.label{font:11px monospace;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}h2{font-size:clamp(32px,4vw,48px);font-weight:400;letter-spacing:-2px;margin:16px 0 0}.section-head>p{font-size:14px;color:var(--muted);max-width:270px;line-height:1.6;margin:0}.project{display:grid;grid-template-columns:55px 1fr 1.15fr 145px;gap:22px;align-items:center;border-top:1px solid var(--line);padding:32px 0}.project:last-child{border-bottom:1px solid var(--line)}.number{font:12px monospace;color:var(--muted)}h3{font-size:29px;letter-spacing:-1px;font-weight:400;margin:0 0 9px}.category{font:10px monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent)}.project p{font-size:14px;line-height:1.7;color:var(--muted);max-width:365px;margin:0}.badge{justify-self:end;border:1px solid var(--line);border-radius:0;padding:9px 13px;color:var(--muted);font:10px monospace;white-space:nowrap}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;margin:0 0 80px;padding:60px 0 0;border-top:1px solid var(--line)}.about h2{max-width:400px;line-height:1.15}.about p{color:var(--muted);font-size:16px;line-height:1.8;margin:0 0 18px}.about strong{color:var(--ink);font-weight:400}.note{font:11px monospace!important;border-left:2px solid var(--accent);padding-left:18px;line-height:1.8!important;margin-top:30px!important}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 0 35px;border-top:1px solid var(--line);color:var(--muted);font:11px monospace}footer .brand{font-family:var(--ds-font);font-size:18px;color:var(--ink)}
    @media(min-width:1600px){.wrap{padding:0 80px}}@media(max-width:900px){.flow{right:-350px;opacity:.3}.project{grid-template-columns:35px 1fr 1fr}.badge{display:none}.about{gap:40px}.domain{display:none}}@media(max-width:600px){.wrap{padding:0 24px}header{height:85px}.brand{font-size:20px}nav{gap:20px;font-size:12px}.hero{padding:70px 0 64px;min-height:auto}h1{font-size:62px}.intro{font-size:15px}.flow{right:-470px;top:0}.hero-foot{font-size:9px;letter-spacing:.6px;gap:15px}.projects{padding:58px 0}.section-head{display:block}.section-head>p{margin-top:20px;max-width:100%}.project{grid-template-columns:24px 1fr;gap:16px;padding:28px 0}.project p{grid-column:2;max-width:none}h3{font-size:27px}.about{grid-template-columns:1fr;gap:28px;padding-top:45px;margin-bottom:50px}.about h2{font-size:37px}.about p{font-size:15px}footer{gap:24px;font-size:10px}footer .brand{font-size:16px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Landing page composition; shared UI lives in driftstream.css. */
.hero{min-height:620px}.hero h1{font-weight:700;font-size:clamp(40px,5.5vw,78px);line-height:1.1;max-width:800px;text-shadow:4px 4px 0 #030906}
.flow{right:-40px;top:50px;width:530px;height:530px;opacity:.8}
.hero .intro{max-width:520px;background:var(--ds-bg)}
.cta{box-shadow:var(--ds-shadow)}.project{background:var(--ds-surface);padding:28px 20px;border:2px solid var(--ds-border);margin-bottom:16px;box-shadow:var(--ds-shadow)}
.project:last-child{border-bottom:2px solid var(--ds-border)}.badge{background:var(--ds-bg)}.mark{shape-rendering:crispEdges}h2,h3{font-weight:700}
@media(max-width:900px){.flow{right:-220px;opacity:.4}}
@media(max-width:600px){.hero h1{font-size:clamp(32px,8vw,48px)}.flow{right:-285px;opacity:.25}header{height:auto;min-height:100px;flex-wrap:wrap;gap:16px;padding:20px 0}.brand{font-size:18px}.hero-foot{flex-wrap:wrap}.project{padding:20px 12px}.project h3{font-size:23px}footer{flex-wrap:wrap}.hero{min-height:auto}}