.custom-hero-banner{overflow:hidden}.custom-hero-banner__layout{display:grid;grid-template-columns:1fr 1fr;min-height:clamp(480px,65vh,820px)}.custom-hero-banner__image-col{grid-column:2;grid-row:1}.custom-hero-banner__text-col{grid-column:1;grid-row:1}@media screen and (min-width:1440px){.custom-hero-banner__layout{max-height:clamp(720px,52vh,940px)}}@media screen and (max-width:749px){.custom-hero-banner__layout{grid-template-columns:1fr;min-height:unset;max-height:unset}.custom-hero-banner__image-col{grid-column:1;grid-row:1;height:clamp(240px,60vw,420px)}.custom-hero-banner__text-col{grid-column:1;grid-row:2}}.custom-hero-banner__text-col{display:flex;align-items:center;justify-content:flex-end;background-color:rgb(var(--color-background));background-image:var(--gradient-background)}.custom-hero-banner__text-content{width:100%;max-width:560px;padding:clamp(2.5rem,7vw,7rem) clamp(1.5rem,3vw,3rem) clamp(2.5rem,7vw,7rem) clamp(1.5rem,4vw,5rem)}@media screen and (max-width:749px){.custom-hero-banner__text-col{justify-content:flex-start}.custom-hero-banner__text-content{max-width:100%;padding:clamp(2rem,8vw,3.5rem) clamp(1.25rem,5vw,2.5rem)}}.custom-hero-banner__heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:clamp(2.375rem,4.5vw + .5rem,4.5rem);line-height:1.08;letter-spacing:-.01em;color:rgb(var(--color-foreground));margin:0 0 clamp(.875rem,2vw,1.375rem)}.custom-hero-banner__accent{position:relative;display:inline-block;white-space:nowrap;padding:0 .06em}.custom-hero-banner__accent:before{content:"";position:absolute;top:-.16em;left:-.32em;right:-.32em;bottom:-.12em;border:2.5px solid rgb(var(--color-button));border-radius:47% 53% 50% 50%/54% 47% 53% 46%;transform:rotate(-1.4deg);pointer-events:none;box-sizing:border-box}.custom-hero-banner__subheading{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:clamp(1.3125rem,1.5vw + .5rem,1.4375rem);line-height:1.65;color:rgb(var(--color-foreground));opacity:.8;margin:0 0 clamp(1.125rem,2.5vw,1.625rem)}.custom-hero-banner__subheading p{margin:0}.custom-hero-banner__features{list-style:none;padding:0;margin:0 0 clamp(1.125rem,2.5vw,1.625rem);display:flex;flex-direction:column;gap:clamp(.5rem,1.2vw,.75rem)}.custom-hero-banner__feature{display:flex;align-items:center;gap:.7rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:clamp(1.25rem,1.5vw + .5rem,1.375rem);color:rgb(var(--color-foreground));line-height:1.45}.custom-hero-banner__feature-icon{width:1.5rem;height:1.5rem;flex-shrink:0;object-fit:contain}.custom-hero-banner__feature-check{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;flex-shrink:0;color:rgb(var(--color-button))}.custom-hero-banner__stars{display:flex;align-items:center;gap:.5rem;margin:0 0 clamp(1.5rem,4vw,2.25rem)}.custom-hero-banner__stars-icons{color:#f5a300;font-size:clamp(.9rem,1.4vw,1.1rem);letter-spacing:.07em;line-height:1}.custom-hero-banner__stars-text{font-family:var(--font-body-family);font-size:clamp(1.1875rem,1vw + .4rem,1.25rem);color:rgb(var(--color-foreground));opacity:.75}.custom-hero-banner__buttons{display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1rem);align-items:center}.custom-hero-banner__btn-primary,.custom-hero-banner__btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.875rem clamp(1.25rem,3vw,2rem);font-family:var(--font-body-family);font-size:1.125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:opacity .2s ease;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:1px solid rgb(var(--color-button))}.custom-hero-banner__btn-primary:hover,.custom-hero-banner__btn-secondary:hover{opacity:.88}@media screen and (max-width:479px){.custom-hero-banner__buttons{flex-direction:column;align-items:stretch}.custom-hero-banner__btn-primary,.custom-hero-banner__btn-secondary{width:100%;text-align:center}}.custom-hero-banner__image-col{position:relative;overflow:hidden}.custom-hero-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.custom-hero-banner__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-foreground),.05)}.custom-hero-banner__placeholder-svg{width:25%;max-width:5.5rem;height:auto;opacity:.22;color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/414/assets/custom-hero-banner.css.map */