.dual-banner{padding-top:var(--padding-top, 32px);padding-bottom:var(--padding-bottom, 64px)}.dual-banner__grid{display:grid;gap:var(--gap, 16px);width:100%}@media screen and (min-width:750px){.dual-banner__grid--50-50{grid-template-columns:1fr 1fr}.dual-banner__grid--60-40{grid-template-columns:6fr 4fr}.dual-banner__grid--40-60{grid-template-columns:4fr 6fr}}.dual-banner__card{position:relative;display:block;height:var(--height-mobile, 280px);border-radius:var(--radius, 12px);overflow:hidden;text-decoration:none;color:var(--text-color, #FFFFFF);isolation:isolate;transition:transform .4s ease,box-shadow .4s ease}@media screen and (min-width:750px){.dual-banner__card{height:var(--height-desktop, 320px)}}.dual-banner__card:hover{transform:translateY(-4px);box-shadow:0 1.2rem 3rem #0a0a0f2e}.dual-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.dual-banner__image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.dual-banner__card:hover .dual-banner__image{transform:scale(1.05)}.dual-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,0,0,var(--overlay-opacity, .25)),rgba(0,0,0,calc(var(--overlay-opacity, .25) * .5)));pointer-events:none}.dual-banner__content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;padding:3.2rem;max-width:60%}.dual-banner__card--text-left .dual-banner__content{align-items:flex-start;text-align:left;margin-right:auto}.dual-banner__card--text-center .dual-banner__content{align-items:center;text-align:center;max-width:80%;margin:0 auto}.dual-banner__card--text-right .dual-banner__content{align-items:flex-end;text-align:right;margin-left:auto}@media screen and (max-width:749px){.dual-banner__content{padding:2.4rem;max-width:75%}.dual-banner__card--text-center .dual-banner__content{max-width:90%}}.dual-banner__eyebrow{display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.2rem;padding:.4rem .8rem;background-color:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:.3rem;color:var(--text-color, #FFFFFF)}.dual-banner__heading{margin:0 0 .8rem;font-weight:700;line-height:1.1;letter-spacing:-.01em;color:var(--text-color, #FFFFFF)}.dual-banner__heading--small{font-size:clamp(1.8rem,2.4vw,2.4rem)}.dual-banner__heading--medium{font-size:clamp(2.4rem,3.2vw,3.6rem)}.dual-banner__heading--large{font-size:clamp(3.2rem,4.2vw,5rem)}.dual-banner__subheading{margin:0 0 2rem;font-size:1.5rem;line-height:1.5;opacity:.92;color:var(--text-color, #FFFFFF);max-width:38rem}.dual-banner__button{display:inline-flex;align-items:center;gap:.8rem;font-size:1.4rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:gap .3s ease,background-color .25s ease,color .25s ease;color:var(--text-color, #FFFFFF)}.dual-banner__button-arrow{width:1.6rem;height:1.6rem;transition:transform .3s ease}.dual-banner__card:hover .dual-banner__button-arrow{transform:translate(.5rem)}.dual-banner__button--filled{background-color:#e63946;color:#fff;padding:1.2rem 2.2rem;border-radius:.4rem}.dual-banner__card:hover .dual-banner__button--filled{background-color:#d02d3a}.dual-banner__button--outline{border:.15rem solid var(--text-color, #FFFFFF);padding:1.1rem 2.2rem;border-radius:.4rem}.dual-banner__card:hover .dual-banner__button--outline{background-color:var(--text-color, #FFFFFF);color:#0a0a0f}.dual-banner__button--text{padding-bottom:.4rem;position:relative}.dual-banner__button--text:after{content:"";position:absolute;left:0;bottom:0;width:calc(100% - 2.4rem);height:.15rem;background-color:currentColor;transform:scaleX(1);transform-origin:left;transition:transform .4s cubic-bezier(.65,0,.35,1)}.dual-banner__card:hover .dual-banner__button--text:after{transform:scaleX(1.15)}.dual-banner__image--placeholder{background-color:rgba(var(--color-foreground),.04)}@media(prefers-reduced-motion:reduce){.dual-banner__card,.dual-banner__card:hover,.dual-banner__image,.dual-banner__card:hover .dual-banner__image,.dual-banner__button-arrow,.dual-banner__button--text:after{transform:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/dual-banner.css.map */