:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{background:#000;min-height:100svh;margin:0}a{font:inherit}.landing{background:#000;place-items:center;min-height:80vh;padding:24px;display:grid}.landing>*{grid-area:1/1}.hero-copy{text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex;transform:translateY(-5.5rem)}.hero-copy h1{color:#fff;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:400}.motto{color:#8c8c8c;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:clamp(.8rem,1.4vw,1rem)}.link-list{flex-direction:column;align-items:center;gap:1rem;display:flex;transform:translateY(5rem)}.portfolio-link{color:#fff;text-transform:uppercase;letter-spacing:.32em;padding:.35rem 0;font-size:clamp(1rem,2vw,1.35rem);text-decoration:none;transition:color .18s,opacity .18s}.portfolio-link:hover,.portfolio-link:focus-visible{color:#cfcfcf;opacity:1}.portfolio-link:focus-visible{outline-offset:.5rem;outline:1px solid #fff}.content-section{background:#000;place-items:center;min-height:72vh;padding:24px;display:grid}.section-inner{flex-direction:column;align-items:center;gap:3rem;width:min(960px,100%);display:flex}.content-section h2{color:#fff;text-transform:uppercase;letter-spacing:.32em;margin:0;font-size:clamp(1.25rem,3vw,2.5rem);font-weight:400}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;width:100%;display:grid}.project-card{background:#050505;border:1px solid #232323;border-radius:1.5rem;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1.5rem;min-height:220px;padding:1.5rem;display:flex}.project-copy{flex-direction:column;gap:.85rem;display:flex}.project-card h3{color:#fff;text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:1rem;font-weight:400}.project-card p{color:#a4a4a4;margin:0;font-size:.98rem;line-height:1.7}.project-link{color:#fff;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;text-decoration:none}.project-link:hover,.project-link:focus-visible{color:#cfcfcf}.project-link:focus-visible{outline-offset:.35rem;outline:1px solid #fff}@media (width<=640px){.hero-copy{transform:translateY(-4rem)}.link-list{transform:translateY(4rem)}}@media (width<=800px){.section-inner{gap:2rem}.project-grid{grid-template-columns:1fr}.project-card{min-height:180px}}