/* Collection-first presentation in the established Ru’af palette. */
.collection.section-shell{padding-top:2.5rem;padding-bottom:3.5rem}
.collection-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}
.collection-intro h1{font-size:clamp(2.4rem,4.2vw,4rem);line-height:1.04;margin-top:.7rem}
.collection-intro>div:last-child{max-width:25rem}
.collection-intro p:not(.eyebrow){font-size:1rem;line-height:1.65;margin-bottom:.8rem}
.woven-spotlight{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,.75fr) minmax(0,1fr);background:var(--seafoam);margin-bottom:2.5rem;align-items:stretch}
.spotlight-image{position:relative;display:block;border:0;padding:0;background:#e4e3df;cursor:pointer;min-width:0;overflow:hidden}
.spotlight-image img{width:100%;height:100%;max-height:28rem;aspect-ratio:1;object-fit:contain}
.spotlight-image>span{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;background:rgba(251,251,247,.95);padding:.6rem .8rem;font-size:.875rem;text-align:left;color:var(--ink)}
.spotlight-copy{align-self:center;padding:clamp(1rem,2.2vw,2.4rem)}
.spotlight-copy h2{font-size:clamp(1.8rem,2.8vw,2.7rem);margin:1rem 0}
.spotlight-copy p:not(.eyebrow){line-height:1.7;font-size:1rem;margin-bottom:1.1rem}
.browser-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;scroll-margin-top:7rem}
.browser-heading h2{font-size:clamp(1.8rem,2.6vw,2.5rem)}
.collection-toolbar{gap:1rem;padding-bottom:1rem}
.collection-filters{flex-wrap:wrap;overflow:visible}
.filter-button{min-height:44px;font-size:.875rem}
.filter-button[data-filter=Woven]{border-color:var(--amber)}
.filter-button[data-filter=Woven][aria-pressed=true]{background:var(--ink);border-color:var(--ink)}
.collection-results{padding:.8rem 0 1.2rem}
.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.1rem}
.interactive-product .product-image{aspect-ratio:1;background:#e9e9e4}
.interactive-product .product-image img{object-fit:contain}
.woven-label{position:absolute;left:.65rem;top:.65rem;font-family:var(--sans);font-size:.75rem;padding:.25rem .55rem;background:var(--ink);color:var(--paper)}
.product-card-bottom{padding-top:.8rem}
.interactive-product h3{font-size:1.35rem;line-height:1.25;margin:0 0 .45rem}
.card-enquire{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;text-decoration:underline;text-underline-offset:4px}
.card-enquire:hover{color:var(--amber)}
.dialog-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center}
.dialog-information h2{font-size:clamp(2rem,3vw,3rem)}
.dialog-information .dialog-inquiry{margin-top:1.5rem}
.gallery-column{position:static}
@media(max-width:1100px){.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.woven-spotlight{grid-template-columns:1fr 1fr}.spotlight-copy{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem}.spotlight-copy h2{margin:0}.spotlight-copy h2 br{display:none}.spotlight-copy p:not(.eyebrow){max-width:24rem;margin:0}.spotlight-copy .eyebrow{width:100%}}
@media(max-width:760px){.collection.section-shell{padding-top:1.5rem}.collection-intro{display:block;margin-bottom:1.5rem}.collection-intro>div:last-child{margin-top:1rem;max-width:100%}.collection-intro h1{font-size:clamp(2.3rem,7.8vw,3.4rem)}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem .8rem}.spotlight-image>span{font-size:.75rem;left:.4rem;right:.4rem;bottom:.4rem;padding:.4rem;line-height:1.4}.spotlight-copy{padding:1.2rem}.spotlight-copy h2{font-size:1.8rem}.woven-spotlight{margin-bottom:1.8rem}.browser-heading{align-items:flex-start;flex-direction:column}.collection-filters{gap:.45rem}.filter-button{padding:.5rem .7rem}.interactive-product h3{font-size:1.2rem}.dialog-layout{grid-template-columns:1fr}.woven-label{left:.4rem;top:.4rem}.collection-end{line-height:1.6}}
@media(max-width:350px){.collection-grid{grid-template-columns:1fr}}