/* Material library: preserve the source photo's natural 4:3 composition. */
.fabric-grid{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(50px,8vw,120px)}
.texture-card{width:100%;height:auto;aspect-ratio:4/3;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.13)}
.fabric-specs{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0 8px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.fabric-specs>div{padding:17px 15px 17px 0;min-width:0}.fabric-specs>div+div{padding-left:15px;border-left:1px solid rgba(255,255,255,.18)}
.fabric-specs small,.fabric-specs b{display:block}.fabric-specs small{font-size:8px;letter-spacing:.15em;color:#a99f97}.fabric-specs b{margin-top:7px;font:400 15px/1.25 var(--serif);white-space:normal}

/* Category mosaic follows the useful aspect ratio of each source image. */
.collection-grid{height:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(260px,1fr);grid-auto-flow:dense;gap:18px}
.collection-card,.collection-card.tall{height:auto;min-height:260px;grid-row:auto;grid-column:auto;padding:24px;background:#e8dfd4}
.collection-card[data-category="classic-inserts"]{grid-column:span 2;grid-row:span 2;min-height:538px}
.collection-card[data-category="shoulder-straps"]{grid-row:span 2;min-height:538px}
.collection-card[data-category="hardware-protectors"]{grid-column:span 2}
.collection-card .category-photo,.collection-card.tall .category-photo{inset:0;width:100%;height:100%;padding:0;object-fit:cover;object-position:center;background:#eee6dc;mix-blend-mode:normal}
.collection-card[data-category="classic-inserts"] .category-photo{object-position:center 44%}
.collection-card[data-category="tote-inserts"] .category-photo{object-position:center 42%}
.collection-card[data-category="dust-covers"] .category-photo,.collection-card[data-category="bag-pillows"] .category-photo,.collection-card[data-category="hardware-protectors"] .category-photo{inset:0;width:100%;height:100%;object-position:center}
.collection-card[data-category="shoulder-straps"] .category-photo{inset:0;width:100%;height:100%;padding:0;object-position:center 38%}
.collection-card:has(.category-photo):after{background:linear-gradient(to bottom,rgba(24,18,15,.02) 35%,rgba(30,21,18,.18) 64%,rgba(28,20,17,.78) 100%)}
.collection-card:has(.category-photo)>span,.collection-card:has(.category-photo)>b,.collection-card:has(.category-photo)>.card-arrow{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.46)}
.collection-card span{font-size:clamp(24px,2.1vw,34px)}

@media(max-width:900px){.fabric-grid{grid-template-columns:1fr;gap:55px}.texture-card{max-width:720px;margin:auto}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:390px}.collection-card[data-category="classic-inserts"]{grid-column:span 2;grid-row:auto;min-height:480px}.collection-card[data-category="shoulder-straps"]{grid-row:span 2;min-height:798px}.collection-card[data-category="hardware-protectors"]{grid-column:auto}}
@media(max-width:600px){.fabric-specs{grid-template-columns:1fr}.fabric-specs>div{padding:13px 0}.fabric-specs>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.14)}.texture-card{aspect-ratio:4/3;height:auto}.collection-grid{grid-template-columns:1fr;grid-auto-rows:auto}.collection-card,.collection-card.tall,.collection-card[data-category="classic-inserts"],.collection-card[data-category="shoulder-straps"],.collection-card[data-category="hardware-protectors"]{grid-column:auto;grid-row:auto;min-height:0;height:auto;aspect-ratio:1/1.08}.collection-card[data-category="shoulder-straps"]{aspect-ratio:3/4}.collection-card .category-photo,.collection-card.tall .category-photo{height:100%}}