.section-homepage-hero,.section-homepage-hero *,.section-homepage-hero *:before,.section-homepage-hero *:after{box-sizing:border-box}.homepage-hero{position:relative;overflow:hidden;background:var(--homepage-hero-background, #ffffff);color:var(--homepage-hero-text, #22363c)}.homepage-hero__frame{position:relative;display:grid;width:100%;min-width:0;overflow:hidden;background:inherit;color:inherit;isolation:isolate;text-decoration:none}.homepage-hero__frame--link{cursor:pointer}.homepage-hero__frame--link:hover,.homepage-hero__frame--link:focus,.homepage-hero__frame--link:visited{color:inherit;text-decoration:none}.homepage-hero__frame--link:focus-visible{outline:3px solid currentColor;outline-offset:-3px}.homepage-hero__picture,.homepage-hero__media-placeholder,.homepage-hero__overlay,.homepage-hero__content{grid-area:1 / 1}.homepage-hero__picture{z-index:0;display:block;width:100%;min-width:0;aspect-ratio:var(--homepage-hero-ratio-desktop, 16 / 9);overflow:hidden;background:var(--homepage-hero-background, #ffffff);line-height:0}.homepage-hero__image{display:block;width:100%;height:100%;object-fit:var(--homepage-hero-object-fit, cover);object-position:var(--homepage-hero-position-desktop, 50% 50%)}.homepage-hero[data-height-strategy=custom] .homepage-hero__picture{height:var(--homepage-hero-height-desktop, 640px);aspect-ratio:auto}.homepage-hero__overlay{z-index:1;align-self:stretch;background:var(--homepage-hero-overlay, #000000);opacity:var(--homepage-hero-overlay-opacity, 0);pointer-events:none}.homepage-hero__content{z-index:2;display:flex;width:min(calc(100% - 48px),var(--homepage-hero-content-width, 520px));min-width:0;flex-direction:column;gap:clamp(10px,1.2vw,18px);padding:clamp(28px,5vw,88px) 0;color:var(--homepage-hero-text, #22363c)}.homepage-hero__content[data-content-position^=top-]{align-self:start}.homepage-hero__content[data-content-position^=middle-]{align-self:center}.homepage-hero__content[data-content-position^=bottom-]{align-self:end}.homepage-hero__content[data-content-position$=-left]{justify-self:start;margin-left:clamp(24px,5vw,96px);text-align:left}.homepage-hero__content[data-content-position$=-center]{justify-self:center;text-align:center}.homepage-hero__content[data-content-position$=-right]{justify-self:end;margin-right:clamp(24px,5vw,96px);text-align:right}.homepage-hero__eyebrow,.homepage-hero__heading,.homepage-hero__text,.homepage-hero__text>:first-child,.homepage-hero__text>:last-child{margin:0}.homepage-hero__eyebrow{font-size:clamp(12px,1vw,15px);font-weight:800;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}.homepage-hero__heading{max-width:18ch;color:inherit;font-size:clamp(32px,5vw,72px);line-height:.98;overflow-wrap:anywhere}.homepage-hero__content[data-content-position$=-center] .homepage-hero__heading{margin-inline:auto}.homepage-hero__content[data-content-position$=-right] .homepage-hero__heading{margin-left:auto}.homepage-hero__text{max-width:60ch;font-size:clamp(16px,1.4vw,20px);line-height:1.5;overflow-wrap:anywhere}.homepage-hero__text a{color:inherit;text-underline-offset:.18em}.homepage-hero__badge{width:min(100%,var(--homepage-hero-badge-width, 240px));line-height:0}.homepage-hero__content[data-content-position$=-center] .homepage-hero__badge{align-self:center}.homepage-hero__content[data-content-position$=-right] .homepage-hero__badge{align-self:end}.homepage-hero__badge img{display:block;width:100%;height:auto}.homepage-hero__button{z-index:3;display:inline-flex;min-width:44px;min-height:var(--homepage-hero-button-min-height, 50px);align-items:center;justify-content:center;gap:10px;max-width:calc(100% - 32px);padding:10px 16px;border:2px solid var(--homepage-hero-button-background, #107687);background:var(--homepage-hero-button-background, #107687);color:var(--homepage-hero-button-text, #ffffff);font-size:clamp(12px,1.15vw,16px);font-weight:900;letter-spacing:.04em;line-height:1.15;text-align:center;text-decoration:none;transform:var(--homepage-hero-button-position-transform, translate(0));transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.homepage-hero__button>span{min-width:0;overflow-wrap:anywhere}.homepage-hero__button[data-button-style=outline]{background:transparent;color:var(--homepage-hero-button-background, #107687)}.homepage-hero__button[data-button-radius=square]{border-radius:0}.homepage-hero__button[data-button-radius=rounded]{border-radius:8px}.homepage-hero__button[data-button-radius=pill]{border-radius:999px}.homepage-hero__button[data-button-uppercase=true]{text-transform:uppercase}.homepage-hero__button:hover{border-color:var(--homepage-hero-button-background-hover, #0a5b69);background:var(--homepage-hero-button-background-hover, #0a5b69);color:var(--homepage-hero-button-text, #ffffff);text-decoration:none;transform:var(--homepage-hero-button-position-transform, translate(0)) translateY(2px)}.homepage-hero__button[data-button-style=outline]:hover{color:var(--homepage-hero-button-text, #ffffff)}.homepage-hero__button:focus-visible{outline:3px solid var(--homepage-hero-button-focus, #107687);outline-offset:-3px}.homepage-hero__button svg{width:22px;height:22px;flex:0 0 auto;transition:transform .18s ease}.homepage-hero__button:hover svg{transform:translate(4px)}.homepage-hero__button--flow{align-self:flex-start}.homepage-hero__content[data-content-position$=-center] .homepage-hero__button--flow{align-self:center}.homepage-hero__content[data-content-position$=-right] .homepage-hero__button--flow{align-self:end}.homepage-hero__button--preset{position:absolute}.homepage-hero__button-positioner{position:absolute;z-index:3;top:0;bottom:0;left:min(var(--homepage-hero-button-desktop-x, 5%),calc(100% - max(44px,var(--homepage-hero-button-desktop-width, 30%))));display:flex;width:max(44px,var(--homepage-hero-button-desktop-width, 30%));min-width:0;flex-direction:column;pointer-events:none}.homepage-hero__button-positioner:before{height:var(--homepage-hero-button-desktop-y, 70%);flex:0 1 var(--homepage-hero-button-desktop-y, 70%);content:""}.homepage-hero__button-positioner>.homepage-hero__button{position:relative;width:100%;max-width:100%;max-height:100%;flex:0 0 auto;overflow-y:auto;pointer-events:auto}.homepage-hero__button--preset[data-position-preset=top-left]{top:clamp(20px,4vw,64px);left:clamp(20px,4vw,64px)}.homepage-hero__button--preset[data-position-preset=top-center]{top:clamp(20px,4vw,64px);left:50%;--homepage-hero-button-position-transform: translateX(-50%)}.homepage-hero__button--preset[data-position-preset=top-right]{top:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px)}.homepage-hero__button--preset[data-position-preset=middle-left]{top:50%;left:clamp(20px,4vw,64px);--homepage-hero-button-position-transform: translateY(-50%)}.homepage-hero__button--preset[data-position-preset=middle-center]{top:50%;left:50%;--homepage-hero-button-position-transform: translate(-50%, -50%)}.homepage-hero__button--preset[data-position-preset=middle-right]{top:50%;right:clamp(20px,4vw,64px);--homepage-hero-button-position-transform: translateY(-50%)}.homepage-hero__button--preset[data-position-preset=bottom-left]{bottom:clamp(20px,4vw,64px);left:clamp(20px,4vw,64px)}.homepage-hero__button--preset[data-position-preset=bottom-center]{bottom:clamp(20px,4vw,64px);left:50%;--homepage-hero-button-position-transform: translateX(-50%)}.homepage-hero__button--preset[data-position-preset=bottom-right]{right:clamp(20px,4vw,64px);bottom:clamp(20px,4vw,64px)}.homepage-hero__media-placeholder{z-index:0;display:grid;min-height:420px;place-items:center;overflow:hidden;background:#eef2f2;color:#516267;text-align:center}.homepage-hero__placeholder-svg{grid-area:1 / 1;width:100%;height:100%;opacity:.35}.homepage-hero__media-placeholder p{z-index:1;grid-area:1 / 1;margin:0;padding:16px;border-radius:6px;background:#ffffffeb;font-weight:700;line-height:1.4}.homepage-hero__editor-hint{width:fit-content;max-width:100%;margin:0;padding:8px 12px;border:1px dashed currentColor;border-radius:4px;background:#ffffffeb;color:#22363c;font-size:13px;line-height:1.35;text-align:left}.homepage-hero__editor-hint--outside{margin:8px 16px}.homepage-hero__screen-reader-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(min-width:1025px){.homepage-hero__button{font-size:clamp(17px,1.4vw,20px)}}@media(min-width:1400px){.homepage-hero[data-wide-desktop=true] .homepage-hero__picture{height:clamp(var(--homepage-hero-wide-height-min, 760px),calc(var(--homepage-hero-wide-height-base, 340px) + var(--homepage-hero-wide-height-vw, 30vw)),var(--homepage-hero-wide-height-max, 1120px));aspect-ratio:auto}.homepage-hero[data-wide-desktop=true] .homepage-hero__image{object-position:var(--homepage-hero-wide-position, 50% 50%)}.homepage-hero__button-positioner[data-wide-position=true]:before{height:clamp(var(--homepage-hero-button-wide-top-min, 70%),calc(var(--homepage-hero-button-wide-top-base, 0px) + var(--homepage-hero-button-wide-top-vw, 36vw)),calc(100% - var(--homepage-hero-button-wide-bottom-gap, 70px)));flex-basis:clamp(var(--homepage-hero-button-wide-top-min, 70%),calc(var(--homepage-hero-button-wide-top-base, 0px) + var(--homepage-hero-button-wide-top-vw, 36vw)),calc(100% - var(--homepage-hero-button-wide-bottom-gap, 70px)))}}@media(min-width:577px)and (max-width:1024px){.homepage-hero__picture{aspect-ratio:var(--homepage-hero-ratio-tablet, 4 / 3)}.homepage-hero__image{object-position:var(--homepage-hero-position-tablet, 50% 50%)}.homepage-hero[data-height-strategy=custom] .homepage-hero__picture{height:var(--homepage-hero-height-tablet, 560px);aspect-ratio:auto}.homepage-hero__button-positioner{left:min(var(--homepage-hero-button-tablet-x, 5%),calc(100% - max(44px,var(--homepage-hero-button-tablet-width, 32%))));width:max(44px,var(--homepage-hero-button-tablet-width, 32%))}.homepage-hero__button-positioner:before{height:var(--homepage-hero-button-tablet-y, 70%);flex-basis:var(--homepage-hero-button-tablet-y, 70%)}}@media(max-width:576px){.homepage-hero__picture{aspect-ratio:var(--homepage-hero-ratio-mobile, 3 / 4)}.homepage-hero__image{object-position:var(--homepage-hero-position-mobile, 50% 50%)}.homepage-hero[data-height-strategy=custom] .homepage-hero__picture{height:var(--homepage-hero-height-mobile, 520px);aspect-ratio:auto}.homepage-hero__content{width:calc(100% - 40px);padding:32px 0}.homepage-hero__content[data-content-position$=-left]{margin-left:20px}.homepage-hero__content[data-content-position$=-right]{margin-right:20px}.homepage-hero__heading{font-size:clamp(30px,10vw,48px)}.homepage-hero__text{font-size:16px}.homepage-hero__button{min-height:var(--homepage-hero-button-min-height-mobile, 44px);gap:4px;padding:8px;font-size:12px}.homepage-hero__button svg{width:16px;height:16px}.homepage-hero__button-positioner{left:min(var(--homepage-hero-button-mobile-x, 5%),calc(100% - max(44px,var(--homepage-hero-button-mobile-width, 45%))));width:max(44px,var(--homepage-hero-button-mobile-width, 45%))}.homepage-hero__button-positioner:before{height:var(--homepage-hero-button-mobile-y, 70%);flex-basis:var(--homepage-hero-button-mobile-y, 70%)}.homepage-hero--content[data-mobile-content-layout=below] .homepage-hero__frame{display:block}.homepage-hero--content[data-mobile-content-layout=below] .homepage-hero__picture{height:auto;min-height:0}.homepage-hero--content[data-mobile-content-layout=below] .homepage-hero__overlay{display:none}.homepage-hero--content[data-mobile-content-layout=below] .homepage-hero__content{width:100%;margin:0;padding:28px 20px 32px;background:var(--homepage-hero-mobile-stack-background, #ffffff);color:var(--homepage-hero-mobile-stack-text, #22363c);text-align:left}.homepage-hero--content[data-mobile-content-layout=below] .homepage-hero__heading,.homepage-hero--content[data-mobile-content-layout=below] .homepage-hero__badge,.homepage-hero--content[data-mobile-content-layout=below] .homepage-hero__button--flow{align-self:flex-start;margin-inline:0}}@media(prefers-reduced-motion:reduce){.homepage-hero__button,.homepage-hero__button svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/389/assets/section-homepage-hero.css.map */