.collections-header{background:var(--cream);padding:0 clamp(2rem,6vw,6rem) var(--space-md);display:flex;align-items:flex-end;justify-content:space-between}.collections-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:600px;gap:3px;background:var(--ash)}.collection-card{position:relative;overflow:hidden;cursor:pointer}.collection-card:nth-child(1){grid-row:span 1}.collection-bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .8s var(--ease-luxury);background-size:cover;background-position:center}.collection-card:hover .collection-bg{transform:scale(1.04)}.collection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(28,35,51,.75) 0%,rgba(28,35,51,.1) 50%,transparent 100%)}.collection-content{position:absolute;bottom:0;left:0;right:0;padding:2.5rem;transform:translateY(6px);transition:transform .4s var(--ease-luxury)}.collection-card:hover .collection-content{transform:translateY(0)}.collection-label{font-family:var(--font-body);font-size:.6rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem}.collection-name{font-family:var(--font-display);font-size:clamp(1.4rem,2.2vw,2.2rem);font-weight:300;color:var(--white);line-height:1.15;margin-bottom:1rem}.collection-cta{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-body);font-size:.62rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--white);opacity:0;transition:opacity .4s var(--ease-luxury)}.collection-card:hover .collection-cta{opacity:1}.collection-cta svg{transition:transform .3s}.collection-card:hover .collection-cta svg{transform:translate(4px)}@media(max-width:1024px){.collections-grid{grid-template-columns:1fr 1fr;grid-template-rows:380px 380px}.collections-grid .collection-card:first-child{grid-column:1 / -1}}@media(max-width:768px){.collections-grid{grid-template-columns:1fr;grid-template-rows:auto}.collections-grid .collection-card{height:340px}.collections-grid .collection-card:first-child{height:400px;grid-column:auto}}@media(prefers-reduced-motion:reduce){.collection-bg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-collection-grid.css.map */