.hero-banner{position:relative;width:100%;overflow:hidden}.hero-banner:before,.hero-banner:after{content:"";position:absolute;top:0;bottom:0;width:50%;z-index:0}.hero-banner:before{left:0;background:var(--hero-bg-warm, #f8f6f3)}.hero-banner:after{right:0;background:var(--hero-bg-white, #fff)}.hero-banner__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr 1fr;max-width:1400px;margin:0 auto;min-height:520px}.hero-banner__col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:40px 20px}.hero-banner__col--left{background:var(--hero-bg-warm, #f8f6f3);align-items:flex-end}.hero-banner__col--center{background:var(--hero-bg-warm, #f8f6f3);align-items:center}.hero-banner__col--right{background:var(--hero-bg-white, #fff);align-items:flex-start;justify-content:center}.hero-banner__card{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:flex-end}.hero-banner__image-wrap{display:flex;align-items:flex-end}.hero-banner__image{display:block;max-width:100%;max-height:460px;width:auto;height:auto;object-fit:contain;box-shadow:3px 3px 10px #000000a6}.hero-banner__card .hero-banner__button{margin-top:28px}.hero-banner__button{display:inline-block;padding:12px 28px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:#1a1a1a;border:1px solid #1a1a1a;background:transparent;transition:background .25s,color .25s}.hero-banner__button:hover{background:#1a1a1a;color:#fff}.hero-banner__reviews{margin-top:24px;padding-top:20px;border-top:1px solid #eee}.hero-banner__stars{display:flex;gap:2px;margin-bottom:10px}.hero-banner__quotes{position:relative;height:3.2em;overflow:hidden}.hero-banner__quote{font-size:13px;font-style:italic;line-height:1.6;color:#777;margin:0;position:absolute;left:0;right:0;opacity:0;animation:hero-quote-cycle 16s infinite}.hero-banner__quote:nth-child(2){animation-delay:4s}.hero-banner__quote:nth-child(3){animation-delay:8s}.hero-banner__quote:nth-child(4){animation-delay:12s}@keyframes hero-quote-cycle{0%,3%{opacity:0;transform:translateY(6px)}6%,21%{opacity:1;transform:translateY(0)}25%,to{opacity:0;transform:translateY(-6px)}}.hero-banner__mobile-buttons{display:none}.hero-banner__mobile-reviews{display:none;margin-top:16px;text-align:center}.hero-banner__mobile-stars-row{display:flex;justify-content:center;gap:2px;margin-bottom:8px}.hero-banner__text-content{padding:20px 20px 20px 40px;max-width:400px}.hero-banner__heading{font-family:var(--font-heading-family);font-size:42px;font-weight:400;line-height:1.1;letter-spacing:-.01em;margin:0 0 20px;color:#1a1a1a}.hero-banner__subheading{font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#999;margin:0 0 8px}.hero-banner__divider{width:40px;height:1px;background:#ccc;margin:0 0 20px}.hero-banner__body{font-size:15px;line-height:1.7;color:#555;margin:0 0 28px}.hero-banner__body p{margin:0}@media screen and (max-width:999px){.hero-banner:before,.hero-banner:after{display:none}.hero-banner{background:var(--hero-bg-warm, #f8f6f3)}.hero-banner__inner{grid-template-columns:1fr 1fr;min-height:auto}.hero-banner__col--left,.hero-banner__col--center{align-items:center;padding:30px 15px 15px}.hero-banner__col--right{grid-column:1 / -1;align-items:center;background:var(--hero-bg-white, #fff);padding:30px 20px}.hero-banner__text-content{padding:0;text-align:center;max-width:100%}.hero-banner__stars{justify-content:center}.hero-banner__quote{text-align:center}}@media screen and (max-width:749px){.hero-banner__col--left,.hero-banner__col--center{padding:30px 10px 15px}.hero-banner__card .hero-banner__button,.hero-banner__reviews{display:none}.hero-banner__mobile-buttons{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.hero-banner__mobile-buttons .hero-banner__button{width:100%;max-width:320px;text-align:center}.hero-banner__image{max-height:300px;box-shadow:2px 2px 6px #0003}.hero-banner__heading{font-size:26px}.hero-banner__divider{margin:0 auto 16px}.hero-banner__mobile-reviews{display:block;width:100%}.hero-banner__mobile-reviews .hero-banner__quotes{width:100%;max-width:320px;margin:0 auto;height:5em}.hero-banner__mobile-reviews .hero-banner__quote{text-align:center;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-hero-banner.css.map */