html:root{background-image:url("../images/eb4bf411-0068-4aa3-bc20-8b1307b78b81_rwc_233x183x1827x1408x4096.png");background-image:image-set(url("../optimized/eb4bf411-0068-4aa3-bc20-8b1307b78b81_rwc_233x183x1827x1408x4096.webp") type("image/webp"),url("../images/eb4bf411-0068-4aa3-bc20-8b1307b78b81_rwc_233x183x1827x1408x4096.png") type("image/png"))}.project-image picture{display:block;width:100%;height:100%}
.projects-main{width:min(1160px,100%);margin:auto;padding:clamp(54px,9vw,112px) clamp(20px,5vw,70px) 0}.projects-intro{max-width:760px}.projects-intro h1{margin:0;color:var(--acid);font:700 clamp(48px,8vw,84px)/.95 qqmf,monospace;letter-spacing:-.05em}.projects-intro p{margin:25px 0 0;font:400 clamp(19px,2.5vw,28px)/1.3 qqmf,monospace}.projects-grid{display:grid;gap:28px;margin-top:58px}.project-card{display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(0,1fr);overflow:hidden;border:1px solid var(--line);background:rgba(22,42,54,.84);color:var(--ink);text-decoration:none;transition:transform .18s,border-color .18s,background .18s}.project-card:hover{transform:translateY(-4px);border-color:var(--acid);background:rgba(26,49,62,.96)}.project-card:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(260px,1.1fr)}.project-card:nth-child(even) .project-image{order:2}.project-image{min-height:250px;background:#172c39}.project-image img{display:block;width:100%;height:100%;object-fit:cover}.project-info{display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4vw,54px)}.project-number{margin:0 0 18px;color:var(--acid);font:700 13px/1 qqmf,monospace;letter-spacing:.1em}.project-info h2{margin:0;font:700 clamp(24px,3vw,37px)/1.08 qqmf,monospace}.role{margin:15px 0 0;color:var(--acid);font:700 15px/1.4 qqmf,monospace}.summary{margin:20px 0 0;font:18px/1.48 hrpf,system-ui}.highlights{margin:20px 0 0;color:#c0c6cc;font:14px/1.45 qqmf,monospace}.case-link{margin:28px 0 0;font:700 15px/1 qqmf,monospace;text-decoration:underline;text-underline-offset:.3em}@media(max-width:700px){.project-card,.project-card:nth-child(even){grid-template-columns:1fr}.project-card:nth-child(even) .project-image{order:0}.project-image{min-height:210px}.projects-grid{gap:20px}}
.project-card:first-child .project-image img{object-fit:contain;background:#0f2432}.project-image{aspect-ratio:16/9;min-height:0}.project-card:nth-child(2) .project-image img{object-position:center}.project-card:nth-child(3) .project-image img{object-position:center}.project-card:focus-visible{outline:3px solid var(--acid);outline-offset:4px}.project-card .project-image img{height:100%;aspect-ratio:16/9}@media(max-width:700px){.project-image{aspect-ratio:16/9;min-height:0}}