.hero-banner{overflow:hidden}.hero-banner__inner{display:grid;grid-template-columns:1fr;--hero-gutter: clamp(2rem, 5.4vw, 14rem)}@media screen and (min-width:990px){.hero-banner__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}}.hero-banner__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:4rem 2rem}@media screen and (min-width:990px){.hero-banner__content{padding:7rem 4rem 7rem var(--hero-gutter)}}.hero-banner__rating{display:flex;align-items:center;gap:.6rem;font-weight:600;margin-bottom:2rem}.hero-banner__stars{display:inline-flex;gap:.2rem}.hero-banner__star{fill:#f0a83b}.hero-banner__star--empty{fill:rgba(var(--color-foreground),.2)}.hero-banner__heading{position:relative;max-width:13em;font-size:clamp(3.2rem,4vw,var(--hero-banner-heading-size, 7.6rem));line-height:1.1;letter-spacing:-.01em;margin:0 0 5rem;font-weight:700}.hero-banner__heading-highlight{color:var(--hero-banner-accent, #ed8a8f)}.hero-banner__sparkle{fill:var(--hero-banner-accent, #ed8a8f);display:inline-block;width:.85em;height:.85em;margin-left:.18em;vertical-align:-.08em}.hero-banner__text{max-width:45ch;margin-bottom:1.5rem;font-size:1.6rem}.hero-banner__button{display:inline-flex;align-items:center;gap:.8rem;padding:1.7rem 3rem;border-radius:var(--hero-banner-button-radius, 0);background:var(--hero-banner-button-bg, var(--hero-banner-accent, #ed8a8f));border-color:var(--hero-banner-button-bg, var(--hero-banner-accent, #ed8a8f));color:var(--hero-banner-button-text, #fff);text-transform:uppercase;letter-spacing:.06em;font-size:var(--hero-banner-button-size, 1.4rem);font-weight:600}.hero-banner__button:after,.hero-banner__button:not([disabled]):hover:after{border-radius:var(--hero-banner-button-radius, 0);box-shadow:none;top:0;right:0;bottom:0;left:0}.hero-banner__button:hover{background:var(--hero-banner-button-bg, var(--hero-banner-accent, #ed8a8f));filter:brightness(.92);color:var(--hero-banner-button-text, #fff)}.hero-banner__button-arrow{transition:transform .2s ease}.hero-banner__button:hover .hero-banner__button-arrow{transform:translate(3px)}.hero-banner__flourish{position:relative;display:block;width:100%;height:0;overflow:visible;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.hero-banner__flourish-inner{position:absolute;top:-11rem;left:41%;line-height:1;color:var(--hero-banner-accent, #ed8a8f);opacity:var(--hero-banner-flourish-opacity, .55);white-space:nowrap}.hero-banner__flourish-inner--text{font-family:Segoe Script,Brush Script MT,cursive;font-size:var(--hero-banner-flourish-size, 17rem)}.hero-banner__flourish-inner img{display:block;width:var(--hero-banner-flourish-size, 17rem);height:auto}.hero-banner__stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:1.5rem;width:100%;margin-top:9rem}.hero-banner__stat{display:flex;flex-direction:column;gap:.4rem}.hero-banner__stat-value{font-size:clamp(2rem,2.3vw,var(--hero-banner-stat-value-size, 4.4rem));font-weight:700;line-height:1;color:var(--hero-banner-stat-value, inherit)}.hero-banner__stat-label{font-size:clamp(1.3rem,.8vw,var(--hero-banner-stat-label-size, 1.6rem));color:var(--hero-banner-stat-label, inherit)}.hero-banner__media{width:100%;height:100%;min-height:32rem}.hero-banner__image,.hero-banner__image--placeholder{width:100%;height:100%;object-fit:cover;display:block}@media screen and (max-width:989px){.hero-banner__inner{display:flex;flex-direction:column-reverse}.hero-banner__media{min-height:0}.hero-banner__image,.hero-banner__image--placeholder{aspect-ratio:4 / 3}.hero-banner__flourish-inner{top:-5rem;font-size:calc(var(--hero-banner-flourish-size, 17rem) * .7)}.hero-banner__flourish-inner img{width:calc(var(--hero-banner-flourish-size, 17rem) * .7)}}@media screen and (max-width:749px){.hero-banner__content{align-items:center;text-align:center}.hero-banner__rating,.hero-banner__stats{justify-content:center}.hero-banner__stats{grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.hero-banner__text{max-width:none}.hero-banner__flourish-inner{left:50%;transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-hero-banner.css.map */