/* Editorial portfolio: one signature image, two details, three complementary views. */
.project-collection{padding:88px 0;overflow-x:clip}
.project-collection>h2{max-width:850px;letter-spacing:-.045em}
.project-collection>p:not(.eyebrow):not(.collection-count){max-width:650px;color:#62695f;line-height:1.7}
.project-filters{gap:6px;margin:32px 0 16px;padding-bottom:18px;border-bottom:1px solid #dce1d8}
.project-filters button{border:0;border-radius:30px;background:transparent;padding:11px 17px;font:inherit;font-size:13px;color:#526050;cursor:pointer}
.project-filters button[aria-pressed=true]{background:#26392f;color:white}
.collection-count{font-size:12px;letter-spacing:.03em;margin-bottom:22px;color:#65705f}
.project-collection .project-collection-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:260px;gap:18px;align-items:stretch}
.project-collection .project-collection-grid figure{grid-column:span 4;position:relative;isolation:isolate;min-width:0;margin:0;width:auto;overflow:hidden;border-radius:18px;background:#26392f}
.project-collection .project-collection-grid figure.featured{grid-column:span 8;grid-row:span 2}
.project-collection .project-collection-grid figure[hidden]{display:none}
.project-collection-grid figure>a{display:block;width:100%;height:100%;position:relative}
.project-collection-grid figure>a:after{content:"↗";position:absolute;right:18px;top:18px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;background:#15271e40;backdrop-filter:blur(8px);color:white;font-size:22px}
.project-collection-grid figure>a:focus-visible{outline:3px solid white;outline-offset:-6px}
.project-collection .project-collection-grid figure>a>img{display:block;width:100%;height:100%;object-fit:cover;background:none;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.project-collection-grid figure:after{content:"";position:absolute;inset:30% 0 0;z-index:1;pointer-events:none;background:linear-gradient(transparent,rgba(8,20,13,.88))}
.project-collection .project-collection-grid figcaption{position:absolute;bottom:0;left:0;right:0;z-index:2;pointer-events:none;padding:24px;color:white;font-size:17px;font-weight:500;line-height:1.35;max-width:none;background:none}
.project-collection .project-collection-grid figure.featured figcaption{padding:34px;font-size:clamp(24px,2.5vw,34px);max-width:650px}
.project-collection .project-collection-grid figcaption span{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#fff;margin-bottom:10px;font-weight:600}
.collection-more-wrap{text-align:center;margin-top:30px}
.collection-more{cursor:pointer;background:transparent;color:#26392f;border:1px solid #a5afa2;border-radius:40px;font:inherit;font-size:14px;padding:15px 28px}
.collection-more:hover{background:#26392f;color:white}
.collection-more[hidden]{display:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.project-collection-grid figure:hover>a>img{transform:scale(1.035)}}
@media(max-width:900px){.project-collection .project-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:300px}.project-collection .project-collection-grid figure{grid-column:span 1}.project-collection .project-collection-grid figure.featured{grid-column:span 2;grid-row:span 1}}
@media(max-width:650px){.project-collection{padding:48px 0}.project-collection .project-collection-grid{display:flex;flex-direction:column;gap:14px}.project-collection .project-collection-grid figure{height:300px;width:100%;border-radius:14px}.project-collection .project-collection-grid figure.featured{height:390px}.project-collection .project-collection-grid figcaption,.project-collection .project-collection-grid figure.featured figcaption{padding:22px;font-size:20px}.project-filters{margin-top:24px;gap:3px}.project-filters button{padding:10px 12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.project-collection-grid img{transition:none}}