.collage-section{background:#0d1723;padding:100px 60px}.collage-section__header{text-align:center;margin-bottom:56px;max-width:720px;margin-left:auto;margin-right:auto}.collage-section__eyebrow{font-size:11px;letter-spacing:5px;color:#be8824;margin-bottom:18px}.collage-section__heading{color:#eee8e0;font-size:clamp(24px,3vw,52px);line-height:1.15;margin:0}.collage-section__subhead{margin-top:24px;color:#be8824!important;font-size:11px;letter-spacing:5px;text-transform:uppercase;color:#eee8e0;opacity:.7;line-height:1.7}.collage-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:16px;max-width:1320px;margin:0 auto}.collage-tile{border-radius:24px;background-size:cover;background-position:center;position:relative;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}.collage-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;background-size:cover;background-position:center;transition:transform .6s ease;z-index:0}.collage-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0d172300;transition:background .4s ease;z-index:0}.collage-tile>*{position:relative;z-index:1}.collage-tile--1x2{grid-row:span 2}.collage-tile--2x1{grid-column:span 2}.collage-tile__product{max-height:60%;max-width:60%;object-fit:contain;margin:auto;transition:transform .4s ease}.collage-tile__caption{position:relative;z-index:2}.collage-tile__eyebrow{font-size:12px;letter-spacing:3px;opacity:.85;margin-bottom:6px}.collage-tile__text{font-family:Playfair Display,serif;font-style:italic;font-size:20px;line-height:1.3}.collage-tile__text p{margin:0}.collage-section__cta{text-align:center;margin-top:56px}.collage-tile:hover{transform:translateY(-6px);box-shadow:0 20px 50px #00000059}.collage-tile:hover:before{transform:scale(1.06)}.collage-tile:hover:after{background:#0d172340}.collage-tile:hover .collage-tile__product{transform:scale(1.05)}@media(max-width:768px){.collage-section{padding:30px 20px}.collage-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}.collage-tile--2x1,.collage-tile--1x2{grid-row:span 1}.collage-section__header{margin-bottom:20px}.collage-section__eyebrow{margin-bottom:5px}.collage-section__subhead{margin-top:10px}.collage-section__cta{margin-top:15px}.collage-tile__text p{font-size:14px!important}.collage-tile__eyebrow{font-size:9px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/gallery-collage.css.map */
