:root{color:#181816;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f4f2ed;--ink:#181816;--muted:#6f6e68;--line:#d8d5cd;background:#f4f2ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}.site-shell{flex-direction:column;width:min(100% - 48px,1240px);min-height:100vh;margin:0 auto;display:flex}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:30px 0;display:flex}.wordmark{letter-spacing:.16em;font-size:.9rem;font-weight:600;text-decoration:none}.wordmark span{color:#e8653c}.header-note,.eyebrow,.section-heading,footer,.card-link,.status{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.header-note{color:var(--muted);font-size:.72rem}main{flex:1}.hero{max-width:980px;padding:clamp(80px,13vw,168px) 0 clamp(88px,12vw,154px)}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 22px;font-size:.72rem}.hero h1{letter-spacing:-.06em;text-wrap:balance;margin:0;font-size:clamp(2.75rem,6.2vw,6.1rem);font-weight:500;line-height:.98}.projects{padding-bottom:clamp(88px,12vw,148px)}.section-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:baseline;margin-bottom:18px;font-size:.7rem;display:flex}.section-heading h2{font:inherit;margin:0}.project-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.project-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:390px;color:var(--ink);animation:.5s both card-in;animation-delay:var(--delay);flex-direction:column;padding:28px;text-decoration:none;transition:background-color .22s,color .22s;display:flex}.project-card:not(.is-coming-soon):hover,.project-card:not(.is-coming-soon):focus-visible{color:#fff;background:var(--accent);outline:none}.project-card:not(.is-coming-soon):focus-visible{box-shadow:inset 0 0 0 3px var(--ink)}.card-topline{justify-content:space-between;align-items:flex-start;display:flex}.project-mark{border:1px solid;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.2rem;transition:transform .26s;display:grid}.project-card:hover .project-mark{transform:rotate(8deg)scale(1.05)}.status{border:1px solid var(--line);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:6px 9px;font-size:.6rem}.card-copy{margin:auto 0;padding:48px 0}.card-copy h2{letter-spacing:-.045em;margin:0 0 14px;font-size:clamp(1.7rem,2.5vw,2.35rem);font-weight:500}.card-copy p{max-width:270px;color:var(--muted);margin:0;font-size:.95rem;line-height:1.6;transition:color .22s}.project-card:hover .card-copy p,.project-card:focus-visible .card-copy p{color:#fffc}.card-link{justify-content:space-between;align-items:center;gap:16px;font-size:.68rem;display:flex}.arrow-icon{flex:none;width:18px;height:18px;transition:transform .2s}.project-card:hover .arrow-icon,.project-card:focus-visible .arrow-icon{transform:translate(4px)}.is-coming-soon{color:#77756f;background:#ffffff2e}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding:28px 0 34px;font-size:.66rem;display:flex}footer p{margin:0}@keyframes card-in{0%{opacity:0;transform:translateY(12px)}}@media (width<=800px){.site-shell{width:min(100% - 32px,640px)}.hero{padding-top:90px}.project-grid{grid-template-columns:1fr}.project-card{min-height:330px}}@media (width<=480px){.header-note{display:none}.hero h1{font-size:clamp(2.55rem,13vw,3.65rem)}.project-card{min-height:310px;padding:24px}footer{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}