.hero-section{position:relative;height:100vh}@media(max-width:991px){.hero-section{height:70vh}}.hero-section__content{height:80%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:color-mix(in srgb,rgba(var(--color-background)) 100%,transparent)}@media(max-width:991px){.hero-section__content{justify-content:center}}.hero-section__inner{width:var(--content-width);display:flex;flex-direction:column;align-items:center;gap:clamp(2.4rem,calc(4vw + .8rem),5.6rem);height:fit-content;padding-top:var(--padding-top)}@media(max-width:991px){.hero-section__inner{width:var(--content-width-mb);padding-top:var(--padding-top-mb)}}.hero-section__heading .xo-text__heading{justify-content:center}.hero-section__wrapper svg{transform:translateY(2px);position:absolute;z-index:200;bottom:0;fill:var(--bg-color)}[dir=ltr] .hero-section__wrapper svg{left:0}[dir=rtl] .hero-section__wrapper svg{right:0}.hero-section__image{pointer-events:none;width:clamp(21rem,calc(45vw + 3rem),57rem)}.hero-section__image .xo-image__placeholder,.hero-section__image svg{width:100%;height:100%}.hero-section__image-desktop{position:absolute;z-index:100;top:var(--top)}[dir=ltr] .hero-section__image-desktop{left:var(--left)}[dir=rtl] .hero-section__image-desktop{right:var(--left)}@media(max-width:991px){.hero-section__image-desktop{display:none}}.hero-section__image-mobile{position:absolute;z-index:100;top:var(--top-mb)}[dir=ltr] .hero-section__image-mobile{left:var(--left-mb)}[dir=rtl] .hero-section__image-mobile{right:var(--left-mb)}@media(min-width:992px){.hero-section__image-mobile{display:none}}@media(min-width:992px){.hero-section{height:var(--hero-height, 83.8rem)}}.hero-section{overflow:hidden}@media(max-width:991px){.hero-section{box-sizing:border-box;height:auto;min-height:70vh;padding-bottom:calc(6vw + 2rem)}.hero-section__content{min-height:56vh}}.hero-section__inner{gap:0;text-align:center}.hero-section__heading{margin-bottom:var(--fl-space-2xl)}.hero-section__subheading{display:block;margin-bottom:var(--subheading-gap, 1rem);font-family:var(--fl-font-accent);font-size:var(--fl-font-size-eyebrow);line-height:1.2;color:rgb(var(--color-accent))}.hero-section{--hero-heading-size: clamp(4.3rem, calc(5.3521vw + 2.293rem) , 10rem)}.hero-section__heading .xo-text__heading{font-size:var(--hero-heading-size);line-height:.9;letter-spacing:0}.hero-section__description{display:block;max-width:var(--description-width, 69rem);margin-left:auto;margin-right:auto;margin-bottom:var(--fl-space-2xl);font-family:var(--fl-font-accent);font-size:2.4rem;line-height:1.2;color:rgb(var(--color-foreground))}.hero-section__description>:first-child{margin-top:0}.hero-section__description>:last-child{margin-bottom:0}.hero-section__heading:has(+.hero-section__description){margin-bottom:var(--description-gap, 1.8rem)}.hero-section__button{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--fl-space-md)}.hero-section__button .xo-btn{min-width:22rem;padding:0;border-radius:5rem;font-family:var(--fl-font-button);font-size:1.4rem;font-weight:var(--fl-font-button-weight, 500);line-height:1.4;letter-spacing:var(--fl-button-letter-spacing);text-transform:var(--fl-button-text-transform)}.hero-section__button .xo-btn .xo-btn__content{min-height:4.4rem;padding:1.2rem 3.2rem}.hero-section__button .xo-btn{height:4.4rem}.hero-section__button .xo-btn--secondary{background-color:rgba(var(--color-foreground),.1);border:.1rem solid rgb(var(--color-foreground));color:rgb(var(--color-foreground))}@media(min-width:992px){.hero-section__image-desktop{width:var(--image-width, 38rem);height:var(--image-height, 46rem);border-radius:var(--fl-radius-card);overflow:hidden}.hero-section__image-desktop .xo-image,.hero-section__image-desktop .xo-image__placeholder{height:100%;object-fit:cover}}@media(max-width:991px){.hero-section__button .xo-btn{min-width:0}}.hero-section__image-desktop{transform:rotate(var(--rotation, 0deg))}.hero-section__image-mobile{transform:rotate(var(--rotation-mb, 0deg))}.hero-section__heading-highlight,.hero-section__heading-highlight .xo-text__char{color:var(--heading-highlight, inherit)}[dir=ltr] .hero-section__image-desktop--anchor-left{left:var(--offset-x, 0px);right:auto}[dir=ltr] .hero-section__image-desktop--anchor-right{left:auto;right:var(--offset-x, 0px)}[dir=rtl] .hero-section__image-desktop--anchor-left{right:var(--offset-x, 0px);left:auto}[dir=rtl] .hero-section__image-desktop--anchor-right{right:auto;left:var(--offset-x, 0px)}.hero-section--brand-heading .hero-section__heading .xo-text__heading{color:var(--fl-color-heading)}.hero-section--brand-heading .hero-section__heading-highlight,.hero-section--brand-heading .hero-section__heading-highlight .xo-text__char{color:var(--heading-highlight, var(--fl-color-heading-highlight))}.hero-section--subheading-heading .hero-section__subheading{color:var(--fl-color-heading)}.hero-section--description-body .hero-section__description{font-family:var(--font-body-family);font-size:1.8rem;font-weight:500;line-height:1.4;color:rgb(var(--color-foreground))}.hero-section--description-body .hero-section__description p{color:inherit}.hero-section__heading--has-circle{position:relative;align-self:stretch}.hero-section__circle{top:calc(var(--hero-circle-y) * .01em + 2px);left:calc(50% + var(--hero-circle-dx) * .01em + 2px);width:calc(var(--hero-circle-width) * .01em - 4px);height:calc(var(--hero-circle-height) * .01em - 4px);font-size:var(--hero-heading-size)}.hero-section__circle path{stroke:var(--fl-circle-color, var(--fl-color-script, var(--fl-color-heading)))}.hero-section__circle--drawn{top:calc(var(--hero-circle-y) * .01em - 1px);left:calc(50% + var(--hero-circle-dx) * .01em - 1.5px);width:calc(var(--hero-circle-width) * .01em + 3.2px);height:calc(var(--hero-circle-height) * .01em + 3.6px);color:var(--fl-circle-color, var(--fl-color-script, var(--fl-color-heading)))}.hero-section__circle--drawn path{fill:currentcolor;stroke:none}.hero-section__circle--drawn svg,.hero-section__circle--drawn .fl-display-heading__circle-image{display:block;width:100%;height:100%}.hero-section__button:has(.hero-section__link){gap:2.4rem;align-items:center}.hero-section__link{padding-bottom:.2rem;border-bottom:.2rem solid currentcolor;font-family:var(--font-body-family);font-size:1.4rem;font-weight:700;line-height:1.4;letter-spacing:.15rem;text-transform:uppercase;text-decoration:none;color:rgb(var(--color-foreground))}.hero-section__link:hover,.hero-section__link:focus-visible{opacity:.75}.hero-section__overlay{position:absolute;top:0;left:50%;z-index:150;width:144rem;height:100%;pointer-events:none;transform:translate(-50%)}@media(min-width:992px){.hero-section__image-desktop--cutout{border-radius:0;overflow:visible}.hero-section__image-desktop--cutout .xo-image{object-fit:contain}}.hero-section__products{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;margin:1rem 0 0;padding:0;list-style:none}.hero-section__product{width:calc((100% - 4rem) / 3);max-width:20rem}.hero-section__product-link{display:flex;flex-direction:column;align-items:center;gap:1.4rem;color:rgb(var(--color-foreground));text-decoration:none}.hero-section__product-link[href]:hover,.hero-section__product-link[href]:focus-visible{opacity:.75}.hero-section__product-media{display:block;width:100%;max-width:17.5rem;aspect-ratio:1;border-radius:50%;overflow:hidden}.hero-section__product-media--backdrop{background-image:var(--hero-product-backdrop);background-position:center;background-size:cover}.hero-section__product-media--sized{position:relative;overflow:visible}.hero-section__product-media--sized .hero-section__product-image{position:absolute;top:50%;left:50%;width:calc(var(--hero-product-image-size) / 175 * 100%);height:calc(var(--hero-product-image-size) / 175 * 100%);max-width:none;transform:translate(-50%,-50%)}.hero-section__product-image{display:block;width:100%;height:100%;object-fit:cover}.hero-section__product-title{font-family:var(--font-heading-family);font-size:1.8rem;font-weight:400;line-height:1;text-transform:lowercase}@media(min-width:992px){.hero-section{--fl-u: min(1px, 100vw / 1440)}.hero-section__image-desktop{width:calc(var(--image-width-n, 380) * var(--fl-u));height:calc(var(--image-height-n, 460) * var(--fl-u))}[dir=ltr] .hero-section__image-desktop--anchor-left{left:calc(var(--offset-x-n, 0) * var(--fl-u))}[dir=ltr] .hero-section__image-desktop--anchor-right{right:calc(var(--offset-x-n, 0) * var(--fl-u))}.hero-section__description{max-width:calc(var(--description-width-n, 690) * var(--fl-u))}.hero-section__overlay{width:calc(1440 * var(--fl-u))}.hero-section__overlay .fl-script-quote{top:calc(var(--fl-quote-y-n, 0) * var(--fl-u));left:calc(var(--fl-quote-x-n, 0) * var(--fl-u));width:calc(var(--fl-quote-width-n, 186) * var(--fl-u));font-size:calc(32 * var(--fl-u))}}.hero-section__image--flip .xo-image{transform:scaleX(-1)}.hero-section__inner[style*=--description-color] .hero-section__description,.hero-section__inner[style*=--description-color] .hero-section__description p{color:var(--description-color)}.hero-section__image--cropped .xo-image{position:relative;overflow:hidden}.hero-section__image--cropped .xo-image img{position:absolute;top:calc((var(--img-zoom) / 100 - 1) * var(--img-fy) * -1%);left:calc((var(--img-zoom) / 100 - 1) * var(--img-fx) * -1%);width:calc(var(--img-zoom) * 1%);max-width:none;height:calc(var(--img-zoom) * 1%);object-fit:cover;object-position:calc(var(--img-fx) * 1%) calc(var(--img-fy) * 1%)}.hero-section__backdrop{display:none}@media(min-width:992px){.hero-section__backdrop{display:block;position:absolute;top:calc((var(--bd-y-n, 0) - var(--bd-size-n, 300) / 2) * var(--fl-u, 1px));left:calc((var(--bd-x-n, 0) - var(--bd-size-n, 300) / 2) * var(--fl-u, 1px));z-index:0;width:calc(var(--bd-size-n, 300) * var(--fl-u, 1px));height:calc(var(--bd-size-n, 300) * var(--fl-u, 1px));background-color:var(--bd-color, var(--fl-color-bg-white));transform:rotate(var(--bd-rotation, 0deg));clip-path:polygon(50% 0%,79.389% 9.549%,97.553% 34.549%,97.553% 65.451%,79.389% 90.451%,50% 100%,20.611% 90.451%,2.447% 65.451%,2.447% 34.549%,20.611% 9.549%)}.hero-section__image-desktop:has(.hero-section__backdrop) .xo-image{position:relative;z-index:1}}.hero-section__heading .xo-text__word:has(+.xo-text__break)>.xo-text__char:last-child{display:none}.hero-section__image--above-wave{z-index:250}.hero-section__heading--article .xo-text__heading{text-transform:var(--fl-heading-transform)}@media(min-width:992px){.hero-section--images-overflow{overflow-x:clip;overflow-y:visible}.xo-section:has(>.hero-section--images-overflow){z-index:10;overflow:visible}}@media(max-width:991px){.hero-section__inner{width:min(var(--content-width-mb),100% - 2 * var(--fl-container-margin))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero-section.css.map */