:root{color-scheme:dark;--bg:#10191e;--text:#eaf0f2;--muted:#acb9bf;--accent:#8bd8bb;--line:#2b3a42;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--text);font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}.shell{max-width:1248px;margin:auto;padding:0 64px}.header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-weight:600;font-size:1.1rem;letter-spacing:-.03em}.brand svg{width:28px;height:28px;stroke:var(--accent);fill:none;stroke-width:1.7}nav{display:flex;gap:32px;font-size:.9rem;color:var(--muted)}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:48px;padding:90px 0 95px}.eyebrow{font-size:.8rem;letter-spacing:.1em;color:var(--accent);margin:0 0 28px}h1{font-size:clamp(3.4rem,6.3vw,5.6rem);line-height:1.1;letter-spacing:-.065em;font-weight:600;margin:0 0 28px}h1>span:not(.period){font-weight:300}.period{color:var(--accent)}.intro{font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.5;font-weight:300;color:var(--muted);margin:0 0 32px}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:.9rem;border-bottom:1px solid #587c70;padding-bottom:6px}.text-link span{color:var(--accent);font-size:1.2rem}.system svg{display:block;width:100%;height:auto}.system-caption{display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.09em;color:var(--muted);padding-top:18px}.section{border-top:1px solid var(--line);padding:56px 0 64px}.section-label{display:flex;gap:18px;align-items:baseline}.number{color:var(--accent);font-size:.8rem;font-variant-numeric:tabular-nums}h2{font-size:1rem;font-weight:500;margin:0}.about{display:grid;grid-template-columns:1fr 2fr;gap:40px}.statement{font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.35;letter-spacing:-.025em;margin:0 0 22px}.body-copy{max-width:610px;color:var(--muted);margin:0}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:38px}.area-symbol{display:block;font-size:1.8rem;color:var(--accent);height:46px;line-height:1}.area-grid h3{font-size:1rem;font-weight:500;margin:16px 0 12px}.area-grid p{font-size:.9rem;color:var(--muted);margin:0}.project-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.project-heading>p{color:var(--muted);font-size:.9rem;margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.project{padding:24px;border:1px solid var(--line);background:#141f25;display:flex;flex-direction:column}.project-meta{display:flex;gap:8px;justify-content:space-between;align-items:center;color:var(--muted);font-size:.75rem;letter-spacing:.035em;flex-wrap:wrap}.tag{border:1px solid #3c5156;border-radius:20px;padding:2px 9px;color:#c0cdd1;letter-spacing:0}.project h3{font-size:1.3rem;letter-spacing:-.025em;line-height:1.4;font-weight:500;margin:30px 0 14px}.project p{color:var(--muted);font-size:.9rem;margin:0 0 30px}.project-foot{font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:auto}footer{border-top:1px solid var(--line);padding:32px 0 38px;display:flex;align-items:flex-end;justify-content:space-between;font-size:.8rem;color:var(--muted)}.footer-brand{font-size:1rem;color:var(--text);font-weight:500}footer p{margin:8px 0 0}.skip{position:absolute;left:24px;top:-80px;background:var(--accent);color:var(--bg);padding:12px;z-index:2}.skip:focus{top:12px}@media(min-width:1400px){.hero{gap:80px}}@media(max-width:900px){.shell{padding:0 32px}.hero{gap:24px;padding:72px 0}.eyebrow{letter-spacing:.04em;font-size:.75rem}.system-caption{font-size:.75rem;letter-spacing:0}.area-grid{grid-template-columns:repeat(2,1fr)}.project-grid{gap:12px}.project{padding:18px}.project h3{font-size:1.15rem}.about{grid-template-columns:1fr 1.8fr}}@media(max-width:640px){.shell{padding:0 24px}.header{padding:24px 0;gap:18px;flex-wrap:wrap}nav{gap:22px;font-size:.875rem}.brand{font-size:1rem}.hero{grid-template-columns:1fr;padding:58px 0 44px;gap:32px}h1{font-size:clamp(3rem,12vw,4.5rem)}.eyebrow{font-size:.75rem;letter-spacing:.045em;margin-bottom:22px}.intro{font-size:1.3rem}.desktop-break{display:none}.system{max-width:350px;width:100%;margin:auto}.system-caption{padding-top:8px}.section{padding:36px 0 40px}.about{grid-template-columns:1fr;gap:28px}.statement{font-size:1.85rem}.area-grid{gap:30px 22px;margin-top:32px}.area-grid h3{line-height:1.4}.project-heading{display:block}.project-heading>p{margin-top:14px}.project-grid{grid-template-columns:1fr;gap:16px}.project{padding:24px}.project h3{font-size:1.35rem;margin-top:24px}footer{padding:26px 0 30px;gap:20px}footer>p{text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}