.hero-dual-banner{width:100%;overflow:hidden}.hero-dual-banner__container{display:grid;grid-template-columns:1fr;gap:0;width:100%;margin:0;padding:0}.hero-dual-banner__item{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-dual-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-dual-banner__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}.hero-dual-banner__item:hover .hero-dual-banner__image{transform:scale(1.05)}.hero-dual-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .4s ease;z-index:2}.hero-dual-banner__item:hover .hero-dual-banner__overlay{opacity:.5!important}.hero-dual-banner__media--placeholder{background-color:#f5f5f5}.hero-dual-banner__media--placeholder svg{width:100%;height:100%;object-fit:cover}.hero-dual-banner__content{position:relative;z-index:3;text-align:center;padding:4rem 2rem;max-width:50rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.hero-dual-banner__logo{margin-bottom:1rem}.hero-dual-banner__logo-image{width:auto;height:8rem;max-width:15rem;object-fit:contain;filter:drop-shadow(0 .4rem 1rem rgba(0,0,0,.3))}.hero-dual-banner__title{font-size:clamp(4rem,8vw,8rem);line-height:1;margin:0;text-shadow:0 .4rem 2rem rgba(0,0,0,.5);transition:transform .3s ease}.hero-dual-banner__item:hover .hero-dual-banner__title{transform:translateY(-.5rem)}.hero-dual-banner__subtitle{font-size:clamp(1.6rem,2.5vw,2.4rem);line-height:1.4;margin:0;text-shadow:0 .2rem 1rem rgba(0,0,0,.5)}.hero-dual-banner__button{display:inline-block;padding:1.5rem 4rem;font-size:1.6rem;text-decoration:none;border:.2rem solid;background-color:transparent;transition:all .4s ease;position:relative;overflow:hidden;margin-top:1rem}.hero-dual-banner__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:#ffffff1a;transition:left .4s ease;z-index:-1}.hero-dual-banner__button:hover:before{left:0}.hero-dual-banner__button:hover{transform:translateY(-.3rem);box-shadow:0 1rem 2rem #0000004d;background-color:#ffffff26}.hero-dual-banner__button:active{transform:translateY(-.1rem)}@media screen and (min-width:750px){.hero-dual-banner__container{grid-template-columns:1fr}.hero-dual-banner__item{min-height:70vh}.hero-dual-banner__content{padding:5rem 3rem;gap:2.5rem}.hero-dual-banner__logo-image{height:10rem;max-width:18rem}.hero-dual-banner__button{padding:1.8rem 5rem;font-size:1.8rem}}@media screen and (min-width:990px){.hero-dual-banner__container{grid-template-columns:repeat(2,1fr)}.hero-dual-banner__item{min-height:85vh}.hero-dual-banner__content{padding:6rem 4rem;gap:3rem}.hero-dual-banner__logo-image{height:12rem;max-width:20rem}}@media screen and (min-width:1200px){.hero-dual-banner__item{min-height:90vh}.hero-dual-banner__content{max-width:60rem}}@media screen and (min-width:1440px){.hero-dual-banner__item{min-height:95vh}}.hero-dual-banner__button:focus-visible{outline:.3rem solid currentColor;outline-offset:.5rem}@media(prefers-reduced-motion:reduce){.hero-dual-banner__image,.hero-dual-banner__title,.hero-dual-banner__button,.hero-dual-banner__overlay,.hero-dual-banner__button:before{transition:none}.hero-dual-banner__item:hover .hero-dual-banner__image{transform:none}}@media(prefers-color-scheme:dark){.hero-dual-banner__media--placeholder{background-color:#1a1a1a}}@media print{.hero-dual-banner__item{min-height:auto;page-break-inside:avoid}.hero-dual-banner__button{border:.1rem solid #000}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-hero-dual-banner.css.map */