/* Featured-image catalogue inspired by the supplied thumbnail gallery. */
.catalogue-feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"photo details" "controls details";gap:20px 64px;align-items:center}
.catalogue-feature .catalogue-grid{grid-area:photo;gap:0;border-radius:16px;background:#e7e7df;overflow-y:hidden}
.catalogue-feature .catalogue-grid .project-card{flex:0 0 100%;width:100%!important;height:500px!important;aspect-ratio:auto!important;background:transparent}
.catalogue-feature .project-image{position:relative!important;inset:auto!important;display:block;width:100%;height:100%!important;aspect-ratio:auto!important}
.catalogue-feature .project-image img{object-fit:cover!important;transform:none!important;transition:none}
.catalogue-feature .catalogue-controls{grid-area:controls;display:flex;gap:12px;min-width:0;width:100%}
.catalogue-feature .catalogue-arrow{flex:0 0 44px;width:44px;height:44px;background:transparent}
.catalogue-thumbs{position:relative;display:flex;gap:9px;min-width:0;flex:1;overflow-x:auto;padding:3px;scrollbar-width:none;overscroll-behavior-x:contain}
.catalogue-thumbs::-webkit-scrollbar{display:none}
.catalogue-thumb{flex:0 0 68px;width:68px;height:76px;margin:0;padding:3px;border:2px solid transparent;border-radius:10px;background:transparent;cursor:pointer;transition:border-color .2s}
.catalogue-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px}
.catalogue-thumb[aria-pressed="true"]{border-color:var(--ink);background:var(--yellow)}
.catalogue-thumb:hover{border-color:var(--ink)}
.catalogue-thumb:focus-visible{outline:3px solid var(--yellow);outline-offset:0}
.catalogue-feature .catalogue-details{grid-area:details;align-self:center;min-width:0}
.catalogue-detail[hidden]{display:none!important}
.catalogue-copy{display:flex;flex-direction:column;align-items:flex-start;gap:18px;color:var(--ink);padding:24px 0}
.catalogue-copy>small{font-size:11px;font-weight:700;letter-spacing:.1em;color:#7d6300}
.catalogue-copy h3{font-size:clamp(30px,3.6vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0;color:var(--ink)}
.catalogue-copy .project-location{margin:0;font-size:12px;color:var(--ink2)}
.catalogue-copy .project-description{margin:0;max-width:34rem;font-size:16px;line-height:1.7;color:var(--ink2)}
.catalogue-copy .project-link{display:inline-block;margin:8px 0 0;padding:13px 0;border:0;border-bottom:1px solid var(--ink);font-size:13px;font-weight:700;color:var(--ink);background:transparent;cursor:pointer}
.catalogue-copy .project-link:hover{border-color:#9c7b00;color:#7d6300}
.catalogue-copy .project-link:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.catalogue-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1024px) and (min-width:769px){.catalogue-feature{gap:18px 32px}.catalogue-feature .catalogue-grid .project-card{height:440px!important}.catalogue-thumb{flex-basis:60px;width:60px;height:68px}.catalogue-feature .catalogue-controls{gap:8px}}
@media(max-width:768px){
 .catalogue-feature{grid-template-columns:minmax(0,1fr);grid-template-areas:"photo" "controls" "details";gap:16px}
 .catalogue-feature .catalogue-grid .project-card{height:auto!important;aspect-ratio:1!important}
 .catalogue-feature .catalogue-controls{gap:9px}
 .catalogue-thumb{flex-basis:56px;width:56px;height:62px}
 .catalogue-thumbs{gap:7px}
 .catalogue-feature .catalogue-arrow{flex-basis:38px;width:38px;height:44px;border-radius:22px}
 .catalogue-copy{padding:4px 0 0;gap:12px}
 .catalogue-copy h3{font-size:28px;line-height:1.15}
 .catalogue-copy .project-description{font-size:14px;line-height:1.6}
 .catalogue-group .collection-head{flex-wrap:nowrap;gap:12px}
 .catalogue-group .collection-head h2{font-size:28px}
 .catalogue-group .catalogue-count{min-width:40px}
}
@media(prefers-reduced-motion:reduce){.catalogue-thumb{transition:none}}