.classic-projects{--classic-page-background:#101010;color:#fff;isolation:isolate;min-height:100svh;padding:0 0 24px;background:var(--classic-page-background)!important}.classic-projects-header{justify-content:center;align-items:center;height:76px;display:flex;position:relative}.classic-projects-logo{place-items:center;width:76px;height:72px;display:grid}.classic-projects-logo img{object-fit:contain;width:70px;height:70px}.classic-projects-back{place-items:center;width:44px;height:44px;display:grid;position:absolute;top:16px;left:10px}.classic-projects-back svg{width:20px;height:20px}.classic-projects-title{letter-spacing:-.035em;text-transform:uppercase;margin:18px 18px 24px;font-size:clamp(24px,3vw,42px);font-weight:750;line-height:1.1}.classic-projects-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:0 18px;display:grid}.classic-project-card{aspect-ratio:3/4;color:#fff;isolation:isolate;background:#111;display:block;position:relative;overflow:hidden}.classic-project-card>img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.classic-project-caption{opacity:0;background:linear-gradient(#0000 35%,#000b);justify-content:space-between;align-items:flex-end;gap:16px;padding:24px;font-size:clamp(16px,1.5vw,24px);font-weight:650;line-height:1.2;transition:opacity .2s;display:flex;position:absolute;inset:0}.classic-project-caption svg{flex-shrink:0;width:22px;height:22px}:is(.classic-project-card:hover .classic-project-caption,.classic-project-card:focus-visible .classic-project-caption){opacity:1}.classic-project-card:hover>img{transform:scale(1.025)}.classic-project-card:focus-visible{outline-offset:-3px;outline:2px solid #fff}@media (max-width:1000px){.classic-projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (hover:none),(pointer:coarse){.classic-project-caption{opacity:1}}@media (max-width:600px){.classic-projects-header{height:60px}.classic-projects-logo{width:60px;height:56px}.classic-projects-logo img{width:48px;height:48px}.classic-projects-back{top:8px;left:8px}.classic-projects-title{margin:16px 12px 20px;font-size:25px}.classic-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:0 12px}.classic-project-caption{opacity:1;gap:8px;padding:12px;font-size:14px}.classic-project-caption svg{width:16px;height:16px}}@media (prefers-reduced-motion:reduce){.classic-project-card>img,.classic-project-caption{transition:none}.classic-project-card:hover>img{transform:none}}