.collection-banners-section{overflow-x:clip}.collection-banners__title{width:100vw;margin:0 0 4rem calc(50% - 50vw);padding:20px 0;background:#092342;color:#fff;text-align:center;font-size:18px;font-weight:600;letter-spacing:.66px;line-height:23.15px}.collection-banners__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2.4rem}.collection-banner--half{grid-column:span 3}.collection-banner--third{grid-column:span 2}@media screen and (max-width:989px){.collection-banner--half,.collection-banner--third{grid-column:span 3}}@media screen and (max-width:749px){.collection-banners__grid{gap:1.6rem}.collection-banner--half,.collection-banner--third{grid-column:span 6}}.collection-banner{position:relative;display:block;overflow:hidden;text-decoration:none;border-radius:10px;background:#dfe3e8;box-shadow:0 2px 10px #0923421f;transition:box-shadow .3s ease,transform .3s ease}.collection-banner:hover{transform:translateY(-4px);box-shadow:0 10px 28px #09234238}.collection-banner:focus-visible{outline:3px solid #092342;outline-offset:3px}.collection-banner__media{position:relative;aspect-ratio:2.4 / 1;overflow:hidden}.collection-banner__media img,.collection-banner__media svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.collection-banner:hover .collection-banner__media img{transform:scale(1.04)}.collection-banner__content{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:0 4% 4.5%;max-width:60%;pointer-events:none}.collection-banner--btn-right .collection-banner__content{left:auto;right:0;align-items:flex-end;text-align:right}.collection-banner__heading{font-size:clamp(1.6rem,2.2vw,3rem);font-weight:700;line-height:1.1;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.45)}.collection-banner__button{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.4rem;background:#e32402;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:3px;white-space:nowrap;transition:background .2s ease}.collection-banner:hover .collection-banner__button{background:#b81d01}.collection-banner__button svg{width:1rem;height:1rem;flex:0 0 auto}@media screen and (max-width:749px){.collection-banner__button{padding:1rem 2rem;font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.collection-banner,.collection-banner__media img,.collection-banner__button{transition:none}.collection-banner:hover,.collection-banner:hover .collection-banner__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/collection-banners.css.map */