.projects-list{padding-block:clamp(3rem, 2rem + 2.5vw, 4.5rem) var(--section)}.projects-grid{gap:3.5rem;display:grid}.project-card{min-width:0}.project-card-photo{aspect-ratio:4/3;background:var(--paper);position:relative;overflow:hidden}.project-card-image{object-fit:cover;opacity:0;transition:opacity .4s var(--ease)}.project-card-image[data-active]{opacity:1}.project-card-body{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem 2rem;padding-top:1.25rem;display:flex}.project-card-text{min-width:0}.project-card-name{letter-spacing:-.01em;font-size:clamp(1.5rem,1.25rem + .8vw,2rem);font-weight:600;line-height:1.25}.project-card-meta{color:var(--muted);margin-top:.25rem;font-size:1rem}.project-card-name+.project-card-meta{margin-top:.5rem}.project-card-featured .project-card-name{font-size:clamp(1.875rem,1.5rem + 1.25vw,2.625rem)}.project-card-featured .project-card-body{padding-top:1.5rem}.project-card-gallery{flex-shrink:0}.project-thumbs{gap:.625rem;display:flex}.project-thumbs button{background:var(--paper);opacity:.86;width:4.5rem;height:3.25rem;transition:opacity .2s var(--ease);position:relative;overflow:hidden}.project-thumbs button img{object-fit:cover}.project-thumbs button:after{content:"";pointer-events:none;transition:border-color .2s var(--ease);border:1px solid #0b1f331f;position:absolute;inset:0}.project-thumbs button:hover,.project-thumbs button[aria-pressed=true]{opacity:1}.project-thumbs button[aria-pressed=true]:after{border:2px solid var(--red)}.project-thumbs button:focus-visible{outline:2px solid var(--red);outline-offset:3px}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4.5rem 2rem}.project-card-featured .project-card-photo{aspect-ratio:21/9}}@media (min-width:1024px){.projects-grid{column-gap:3rem}}