/* Large, full-width project previews */
.work-section .project-grid{grid-template-columns:minmax(0,1fr);row-gap:100px}
.work-section .project-card{width:100%}
.work-section .project-media{width:100%;aspect-ratio:1560/808;border-radius:var(--radius)}
.work-section .project-info{padding:22px 0 0}
.work-section .project-title{font-size:clamp(24px,2.2vw,32px);line-height:1.2;letter-spacing:-.03em}
.work-section .project-client{font-size:12px;line-height:1.4;margin-bottom:8px}
.work-section .project-open{width:48px;height:48px;right:24px;top:24px}
.work-section .project-open svg{width:25px;height:25px}
@media(max-width:900px){.work-section .project-grid{row-gap:76px}.work-section .project-open{width:44px;height:44px;right:18px;top:18px}.work-section .project-info{padding-top:18px}.work-section .project-client{font-size:11px}}
@media(max-width:640px){.work-section .project-grid{row-gap:60px}.work-section .project-title{font-size:23px}.work-section .project-client{font-size:10px}.work-section .project-media{aspect-ratio:1560/1000;border-radius:18px}.work-section .project-media>img{object-fit:cover;object-position:center}.work-section .project-open{width:38px;height:38px;right:14px;top:14px}.work-section .project-open svg{width:21px;height:21px}.work-section .project-info{padding-top:16px}}

/* An upcoming case keeps its place in the gallery */
.project-card.project-coming-soon{cursor:default}
.project-card.project-coming-soon .project-media,.project-card.project-coming-soon:is(:hover,:focus-visible) .project-media{transform:none;box-shadow:none}
.project-card.project-coming-soon .project-media>img,.project-card.project-coming-soon:is(:hover,:focus-visible) .project-media>img{transform:scale(1.045);filter:blur(8px) brightness(.62)}
.project-coming-soon .project-media::after{content:"";position:absolute;inset:0;background:#17181720;z-index:1}
.project-coming-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;color:#fff;text-align:center}
.project-coming-content>svg{width:clamp(56px,7.3vw,104px);height:clamp(56px,7.3vw,104px)}
.project-coming-label{font-family:var(--font-heading);font-size:clamp(32px,4.2vw,64px);font-weight:600;line-height:1.1;letter-spacing:-.015em;text-transform:uppercase}
@media(max-width:640px){.project-coming-content{gap:18px}.project-coming-content>svg{width:48px;height:48px}.project-coming-label{font-size:32px}.project-card.project-coming-soon .project-media>img,.project-card.project-coming-soon:is(:hover,:focus-visible) .project-media>img{filter:blur(6px) brightness(.62)}}