/* A centered project with neighboring photographs available to explore. */
.featured-gallery{--card-width:64%;--gallery-gap:24px;display:flex;gap:var(--gallery-gap);align-items:flex-start;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.featured-gallery:before,.featured-gallery:after{content:"";flex:0 0 max(0px,calc((100% - var(--card-width))/2 - var(--gallery-gap)))}
.featured-gallery .project-card{flex:0 0 var(--card-width);min-width:0;scroll-snap-align:center;opacity:.62;transition:opacity .2s}
.featured-gallery .project-card.is-current,.featured-gallery .project-card:focus-visible,.featured-gallery .project-card:hover{opacity:1}
.featured-gallery .project-card .project-thumbnail{height:auto;aspect-ratio:4/3}
.featured-gallery .project-card .project-thumbnail img{min-height:0;height:100%;width:100%}
.featured-gallery .project-card .foundation-thumbnail img{width:161.7%}
.featured-gallery .project-card[data-featured] img{object-fit:contain;filter:none}
.featured-gallery .project-card>span:last-child{font-size:clamp(16px,1.7vw,24px);line-height:1.4;color:var(--ink);margin-top:18px}
.featured-gallery .project-card[data-featured]>span:last-child{font-family:var(--serif);font-size:clamp(23px,2.5vw,36px);letter-spacing:-.035em}
.featured-gallery:focus-visible{outline-offset:-2px}
.gallery-frame:has(.featured-gallery) .gallery-arrow{top:min(calc((100vw - 32px)*.64*.75/2),424px)}
@media(max-width:600px){
 .featured-gallery{--card-width:84%;--gallery-gap:12px;--mobile-photo-height:calc((100vw - 32px)*.84*.75)}
 .featured-gallery:before{flex-basis:max(0px,calc((100% - var(--mobile-photo-height)*var(--desktop-first-ratio))/2 - var(--gallery-gap)))}
 .featured-gallery:after{flex-basis:max(0px,calc((100% - var(--mobile-photo-height)*var(--desktop-last-ratio))/2 - var(--gallery-gap)))}
 .featured-gallery .project-card{flex:0 0 calc(var(--mobile-photo-height)*var(--desktop-photo-ratio));width:calc(var(--mobile-photo-height)*var(--desktop-photo-ratio))}
 .featured-gallery .project-card .project-thumbnail{height:var(--mobile-photo-height);aspect-ratio:auto}
 .featured-gallery .project-card .project-thumbnail img{width:100%;height:100%;object-fit:contain}
 .featured-gallery .project-card .foundation-thumbnail img{left:-30.0578034682%;width:160%;height:auto;max-width:none;transform:none}
 .gallery-frame:has(.featured-gallery) .gallery-arrow{top:calc((100vw - 32px)*.84*.75/2);width:44px;height:48px}
 .featured-gallery .project-card>span:last-child{margin-top:14px}
}
@media(prefers-reduced-motion:reduce){.featured-gallery .project-card{transition:none}}