*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#12181b;color:#edf1e7;font-family:system-ui,sans-serif}main{max-width:1050px;margin:auto;padding:72px 28px 32px}.eyebrow{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#adc3b4}h1{font-size:clamp(42px,8vw,78px);line-height:1.05;letter-spacing:-.045em;margin:48px 0 24px}.intro{max-width:640px;font-size:20px;line-height:1.6;color:#bbc7c1;margin-bottom:48px}nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #3c4d46;gap:0 32px}.project{display:flex;flex-direction:column;padding:28px 0;min-height:195px;color:inherit;text-decoration:none;border-bottom:1px solid #3c4d46}.name{font-size:25px;font-weight:650}.description{color:#bbc7c1;line-height:1.6;margin:12px 0 22px}.open{color:#b5e8c2;margin-top:auto}.project:hover .name,.project:focus-visible .name{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:3px solid #b5e8c2;outline-offset:6px}footer{margin-top:56px}footer a{color:#adc3b4;font-size:14px}@media(max-width:560px){main{padding:32px 22px}h1{margin-top:40px}nav{grid-template-columns:1fr}.project{min-height:180px}}