.split-hero-banner{padding:6rem 0;background:transparent}.split-hero-banner__container{max-width:1400px;margin:0 auto;padding:0 2rem}@media screen and (min-width: 990px){.split-hero-banner__container{width:80%;max-width:3600px;min-width:960px;margin:0 auto}}.split-hero-banner__card{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:24px;overflow:hidden;box-shadow:0 4px 24px #00000014;transition:all .4s ease}.split-hero-banner__card:hover{box-shadow:0 8px 40px #0000001f;transform:translateY(-4px)}.split-hero-banner__card--reverse{grid-template-columns:1fr 1fr}.split-hero-banner__card--reverse .split-hero-banner__image-wrapper{order:2}.split-hero-banner__card--reverse .split-hero-banner__content{order:1}.split-hero-banner__image-wrapper{position:relative;width:100%;height:100%;min-height:500px;overflow:hidden;background:#e5e7eb}.split-hero-banner__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.split-hero-banner__card:hover .split-hero-banner__image{transform:scale(1.05)}.split-hero-banner__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f4f6}.split-hero-banner__image-placeholder svg{width:100%;height:100%;opacity:.3}.split-hero-banner__content{display:flex;align-items:center;justify-content:center;padding:6rem 5rem}.split-hero-banner__content-inner{max-width:540px}.split-hero-banner__title{font-family:Montserrat,-apple-system,sans-serif;font-size:4.8rem;font-weight:800;line-height:1.15;letter-spacing:-.03em;color:#1a1a1a;margin:0 0 2.4rem}.split-hero-banner__subtitle{font-size:1.8rem;line-height:1.7;color:#4b5563;margin:0 0 3.6rem}.split-hero-banner__subtitle p{margin:0 0 1.2rem}.split-hero-banner__subtitle p:last-child{margin-bottom:0}.split-hero-banner__button{display:inline-flex;align-items:center;gap:1rem;padding:1.6rem 3.6rem;font-size:1.7rem;font-weight:600;color:#fff;background:#008eff;border:none;border-radius:12px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #008eff66}.split-hero-banner__button:hover{background:#0077d9;transform:translateY(-2px);box-shadow:0 12px 32px #008eff80}.split-hero-banner__button svg{transition:transform .3s ease}.split-hero-banner__button:hover svg{transform:translate(4px)}@media screen and (min-width: 768px) and (max-width: 989px){.split-hero-banner__container{padding:0 3rem}.split-hero-banner__content{padding:4rem 3rem}.split-hero-banner__title{font-size:3.6rem}.split-hero-banner__subtitle{font-size:1.6rem}}@media screen and (max-width: 767px){.split-hero-banner{padding:4rem 0}.split-hero-banner__container{padding:0 1.5rem}.split-hero-banner__card{grid-template-columns:1fr;border-radius:20px}.split-hero-banner__card--reverse{grid-template-columns:1fr}.split-hero-banner__card--reverse .split-hero-banner__image-wrapper{order:1}.split-hero-banner__card--reverse .split-hero-banner__content{order:2}.split-hero-banner__image-wrapper{min-height:300px;height:400px}.split-hero-banner__content{padding:4rem 2.4rem}.split-hero-banner__content-inner{max-width:100%}.split-hero-banner__title{font-size:3.2rem;margin-bottom:2rem}.split-hero-banner__subtitle{font-size:1.6rem;margin-bottom:3rem}.split-hero-banner__button{width:100%;justify-content:center;padding:1.4rem 2.4rem;font-size:1.6rem}}@media screen and (max-width: 480px){.split-hero-banner__title{font-size:2.8rem}.split-hero-banner__subtitle{font-size:1.5rem}.split-hero-banner__image-wrapper{height:320px;min-height:280px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: no-preference){.split-hero-banner__content-inner{animation:fadeInUp .8s ease-out}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/split-hero-banner.css.map */