.dual-banner__grid{display:grid;grid-template-columns:1fr;gap:var(--db-gap, 8px)}.dual-banner__item{position:relative}.dual-banner__link{display:block;position:relative;border-radius:var(--db-radius, 0);overflow:hidden;text-decoration:none}.dual-banner__picture{display:block}.dual-banner__image{display:block;width:100%;height:auto;aspect-ratio:var(--db-ratio-mobile, 1.333);object-fit:cover}.dual-banner__placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:var(--db-ratio-mobile, 1.333);background:linear-gradient(140deg,rgba(var(--color-foreground),.07),rgba(var(--color-foreground),.14));color:rgba(var(--color-foreground),.5);font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase}.dual-banner__button{position:absolute;bottom:1.6rem;display:inline-block;padding:1.1rem 2.4rem;border-radius:999px;background-color:var(--db-btn-bg, #15267a);color:var(--db-btn-text, #ffffff);font-size:1.4rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 .2rem 1.2rem #00000040;transition:transform .15s ease,background-color .15s ease}.dual-banner__button--m-bottom-left{left:1.6rem}.dual-banner__button--m-bottom-centre{left:50%;transform:translate(-50%)}.dual-banner__button--m-bottom-right{right:1.6rem}.dual-banner__link:hover .dual-banner__button{filter:brightness(1.12)}.dual-banner__link:hover .dual-banner__button{transform:translateY(-2px)}.dual-banner__link:hover .dual-banner__button--m-bottom-centre{transform:translate(-50%) translateY(-2px)}.dual-banner__link:focus-visible{outline:.3rem solid rgb(var(--color-foreground));outline-offset:.3rem}@media screen and (min-width:750px){.dual-banner__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dual-banner__image,.dual-banner__placeholder{aspect-ratio:var(--db-ratio-desktop, 1.5)}.dual-banner__button{bottom:2.2rem;padding:1.3rem 2.8rem;font-size:1.5rem}.dual-banner__button{left:auto;right:auto;transform:none}.dual-banner__button--d-bottom-left{left:2.4rem}.dual-banner__button--d-bottom-centre{left:50%;transform:translate(-50%)}.dual-banner__button--d-bottom-right{right:2.4rem}.dual-banner__link:hover .dual-banner__button--d-bottom-centre{transform:translate(-50%) translateY(-2px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-dual-banner.css.map */