/* Category image links lead to the project page. Keep their framing quiet. */
.project-photo-link{display:block;width:100%;overflow:hidden;background:#ddd9cf}
.project-photo-link img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:none}
.project-card:hover .project-photo-link img{transform:none}
.project-photo-link:focus-visible{outline:2px solid #b29159;outline-offset:3px}

/* Editorial category collection */
.collection-page .route-main{max-width:1280px;padding-top:64px}
.collection-page .back-link{margin-bottom:20px}
.collection-page .collection-heading{max-width:575px;margin:0 auto 54px;text-align:center}
.collection-page .collection-heading .eyebrow{margin-bottom:19px;color:#777368;font-size:10px;letter-spacing:2.4px}
.collection-page .collection-heading h1{margin:0 0 17px;font-size:38px;line-height:1.12}
.collection-page .collection-heading>p:not(.eyebrow){color:#494840;font-size:13px;line-height:1.9;letter-spacing:.2px}
.collection-projects-heading{max-width:620px;margin:0 auto 30px;text-align:center}
.collection-projects-heading h2{margin:0 0 8px;font:400 25px/1.2 'EB Garamond',serif}
.collection-projects-heading p{margin:0;color:#494840;font-size:13px;line-height:1.7;letter-spacing:.2px}
.collection-page .project-grid{gap:38px 34px}
.collection-page .project-card{display:block;min-width:0;background:transparent;text-align:center}
.collection-page .project-photo-link{position:relative;display:grid;place-items:center;aspect-ratio:.77;overflow:hidden;background:#a7a194}
.collection-page .project-photo-link::after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,rgba(20,19,17,.02),rgba(20,19,17,.28))}
.collection-page .project-photo-link img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transition:transform .6s ease}
.collection-page .project-card:hover .project-photo-link img{transform:scale(1.035)}
.collection-page .project-photo-title{position:relative;z-index:1;padding:20px;color:#fff;font:500 21px/1.25 'EB Garamond',serif;text-shadow:0 1px 12px #0006}
.collection-page .project-card-caption{max-width:340px;margin:18px auto 0;color:#494840;font-size:13px;line-height:1.8;letter-spacing:.2px}
@media(min-width:681px) and (max-width:900px){.collection-page .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.collection-page .route-main{padding:27px 22px 65px}.collection-page .collection-heading{margin-bottom:40px}.collection-page .collection-heading h1{font-size:32px}.collection-projects-heading{margin-bottom:23px}.collection-projects-heading h2{font-size:23px}.collection-page .project-grid{grid-template-columns:1fr;gap:31px}.collection-page .project-photo-link{aspect-ratio:.77}.collection-page .project-photo-title{font-size:21px}.collection-page .project-card-caption{margin-top:14px}}

/* Editorial project view */
.project-page .site-header{position:relative;top:auto;left:auto;right:auto;z-index:5;margin-bottom:-100px}
.project-page.project-state .site-header{margin-bottom:0}
.project-page .route-main{width:100%;max-width:none;margin:0;padding:0}
.project-hero{position:relative;display:grid;place-items:center;width:100%;height:80vh;height:80svh;min-height:540px;max-height:980px;overflow:hidden;background:#77736a}
.project-hero-image,.project-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.project-hero-image{display:block;object-fit:cover;object-position:center}
.project-hero-shade{background:linear-gradient(180deg,rgba(18,18,16,.12),rgba(18,18,16,.12) 35%,rgba(18,18,16,.5))}
.project-hero-copy{position:relative;z-index:1;width:min(100%,677.3px);padding:40px 24px;text-align:center;color:#fff}
.project-hero-name{margin:0 0 15px;font:400 13px/14.3px Arial,sans-serif;letter-spacing:2.5px;text-transform:uppercase}
.project-hero-copy h1{margin:0;font:400 38px/41.8px 'EB Garamond',serif;letter-spacing:.2px}
.project-editorial{max-width:1100px;margin:0 auto;padding:0 50px}
.project-back-link{display:inline-block;margin-top:30px;font-size:11px;letter-spacing:1px}
.project-intro{max-width:560px;margin:0 auto;padding:46px 0 54px;text-align:center}
.project-intro>p,.project-contact>p{margin:0;color:#494840;font-size:14px;line-height:1.8;letter-spacing:.3px}
.project-intro .tag-list{justify-content:center;margin-top:24px}
.project-gallery-stack{display:grid;gap:34px;margin:0 auto 64px}
.project-photo-gallery{display:grid;gap:34px;margin:0}
.project-photo-gallery.gallery-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-photo-gallery.gallery-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.editorial-gallery-item{min-width:0;margin:0}
.editorial-gallery-item img{display:block;width:100%;aspect-ratio:.783;object-fit:cover}
.editorial-gallery-item figcaption{margin-top:13px;color:#494840;font-size:13px;line-height:1.5;letter-spacing:.2px}
.project-contact{max-width:560px;margin:0 auto;padding:0 0 90px;text-align:center}
.project-contact .button{margin-top:25px}
.project-page footer{position:relative}
@media(max-width:900px){.project-hero{min-height:480px}.project-editorial{padding-right:32px;padding-left:32px}}
@media(max-width:680px){.project-page .site-header{height:140px;margin-bottom:-140px}.project-hero{height:76vh;height:76svh;min-height:440px;max-height:740px}.project-hero-copy{padding:32px 22px}.project-hero-name{font-size:10px;letter-spacing:2px}.project-hero-copy h1{font-size:34px;line-height:1.15}.project-editorial{padding-right:22px;padding-left:22px}.project-back-link{margin-top:24px}.project-intro{padding:37px 0 42px}.project-intro>p,.project-contact>p{font-size:13px;line-height:1.8}.project-gallery-stack{gap:28px;margin-bottom:44px}.project-photo-gallery.gallery-two,.project-photo-gallery.gallery-three{grid-template-columns:1fr;gap:28px}.project-contact{padding-bottom:68px}.project-photo-link{height:100%;min-height:210px}.project-card>.project-photo-link img{height:100%;min-height:210px;aspect-ratio:auto}}
@media(prefers-reduced-motion:reduce){.project-photo-link img{transition:none}}
