.hero-banner{position:relative;overflow:hidden}.hero-banner__inner{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;padding-top:4rem;padding-bottom:4rem}@media screen and (min-width:990px){.hero-banner__inner{grid-template-columns:1.05fr 1fr;gap:5rem;padding-top:6.5rem;padding-bottom:6.5rem;min-height:78vh}.hero-banner--media-left .hero-banner__content{order:2}.hero-banner--media-left .hero-banner__media{order:1}}.hero-banner__content{max-width:56rem}.hero-banner__eyebrow{display:inline-block;margin:0 0 1.6rem;font-size:1.3rem;letter-spacing:.18rem;text-transform:uppercase;font-weight:600;color:rgba(var(--color-foreground),.62)}.hero-banner__heading{margin:0;font-size:clamp(3.6rem,6vw,6.4rem);line-height:1.02;letter-spacing:-.04rem;font-weight:600}.hero-banner__subheading{margin-top:2rem;font-size:clamp(1.6rem,2vw,1.9rem);line-height:1.5;color:rgba(var(--color-foreground),.72);max-width:46rem}.hero-banner__subheading>*{margin:0}.hero-banner__search{position:relative;display:flex;align-items:center;margin-top:2.8rem;max-width:46rem;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.14);border-radius:6rem;box-shadow:0 1rem 3rem rgba(var(--color-foreground),.06);transition:border-color .2s ease,box-shadow .2s ease}.hero-banner__search:focus-within{border-color:rgba(var(--color-foreground),.4);box-shadow:0 1.2rem 3.5rem rgba(var(--color-foreground),.12)}.hero-banner__search-input{flex:1 1 auto;min-width:0;border:0;background:transparent;padding:1.5rem .5rem 1.5rem 2.4rem;font-size:1.6rem;color:rgb(var(--color-foreground));border-radius:6rem}.hero-banner__search-input:focus{outline:0;box-shadow:none}.hero-banner__search-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:4.6rem;height:4.6rem;margin:.4rem;border:0;border-radius:50%;cursor:pointer;color:rgb(var(--color-background));background:rgb(var(--color-foreground));transition:transform .15s ease,opacity .2s ease}.hero-banner__search-button:hover{transform:scale(1.06)}.hero-banner__search-button .svg-wrapper,.hero-banner__search-button svg{width:1.8rem;height:1.8rem}.hero-banner__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem 2.6rem;margin-top:2.8rem}.hero-banner__cta{padding:1.5rem 3.2rem;font-size:1.6rem}.hero-banner__cta-link{display:inline-flex;align-items:center;gap:.7rem;font-size:1.5rem;font-weight:600;text-underline-offset:.4rem}.hero-banner__cta-arrow svg{width:1.5rem;transition:transform .2s ease}.hero-banner__cta-link:hover .hero-banner__cta-arrow svg{transform:translate(.4rem)}.hero-banner__trust{margin:2.6rem 0 0;font-size:1.3rem;letter-spacing:.02rem;color:rgba(var(--color-foreground),.55)}.hero-banner__media{position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1.6rem;aspect-ratio:1 / 1}@media screen and (min-width:990px){.hero-banner__media{aspect-ratio:1 / 1.02}}.hero-banner__frame{position:relative;overflow:hidden;border-radius:2rem;background:rgba(var(--color-foreground),.05);box-shadow:0 2.5rem 5rem rgba(var(--color-foreground),.12)}.hero-banner__frame img,.hero-banner__placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.22,1,.36,1)}.hero-banner__frame:hover img{transform:scale(1.05)}.hero-banner__frame--primary{grid-row:1 / span 2;grid-column:1 / 2}.hero-banner__frame--secondary{grid-row:1 / 2;grid-column:2 / 3}.hero-banner__frame--tertiary{grid-row:2 / 3;grid-column:2 / 3}.hero-banner__placeholder{fill:rgba(var(--color-foreground),.18)}.hero-banner__badge{position:absolute;left:50%;bottom:1.4rem;transform:translate(-50%);display:inline-flex;align-items:center;gap:.8rem;padding:1rem 1.8rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:6rem;font-size:1.3rem;font-weight:600;white-space:nowrap;box-shadow:0 1.2rem 3rem rgba(var(--color-foreground),.18)}.hero-banner__badge-dot{width:.8rem;height:.8rem;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 .4rem #2ecc7133}@media screen and (max-width:749px){.hero-banner__heading{font-size:clamp(3rem,9vw,4.2rem)}.hero-banner__badge{font-size:1.15rem;padding:.8rem 1.4rem}}@media(prefers-reduced-motion:reduce){.hero-banner__frame img,.hero-banner__cta-arrow svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-banner.css.map */