.hero-banner{--mh: var(--mh-d);--ov: var(--ov-d);--cw: var(--cw-d);--gap: var(--gap-d);--pad-t: var(--pt);--pad-b: var(--pb);--gutter: 15px;position:relative}@media screen and (max-width:1024px){.hero-banner{--mh: var(--mh-t);--ov: var(--ov-t);--cw: var(--cw-t);--gap: var(--gap-t)}}@media screen and (max-width:640px){.hero-banner{--mh: var(--mh-m);--ov: var(--ov-m);--cw: 100%;--gap: var(--gap-m);--pad-t: var(--pt-m);--pad-b: var(--pb-m)}.hero-banner.hide-mobile{display:none}}.hero-banner .frame{position:relative}.hero-banner .bg{overflow:hidden;background:var(--bg-color, transparent)}.hero-banner .media-inner{display:block}.hero-banner .bg picture,.hero-banner .bg .media-item{display:block}.hero-banner .bg img,.hero-banner .bg video{display:block;width:100%;height:100%;object-fit:cover}.hero-banner .bg picture img{object-position:var(--fp-d, center)}@media screen and (max-width:1024px){.hero-banner .bg picture img{object-position:var(--fp-t, center)}}@media screen and (max-width:640px){.hero-banner .bg picture img{object-position:var(--fp-m, center)}}.hero-banner .bg .media-item{display:none}@media screen and (min-width:1025px){.hero-banner .bg .media-item.bp-d{display:block}}@media screen and (min-width:641px)and (max-width:1024px){.hero-banner .bg .media-item.bp-t{display:block}}@media screen and (max-width:640px){.hero-banner .bg .media-item.bp-m{display:block}}.hero-banner:not(.layout-stacked) .bg,.hero-banner:not(.layout-stacked) .media-inner,.hero-banner:not(.layout-stacked) .bg picture,.hero-banner:not(.layout-stacked) .bg .media-item{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner .scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ov-color);opacity:var(--ov);pointer-events:none}.hero-banner .toggle{display:inline-flex;position:absolute;right:16px;bottom:16px;z-index:2;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:none;color:#fff;cursor:pointer;opacity:.6;transition:opacity .2s ease}.hero-banner .toggle:hover,.hero-banner .toggle:focus-visible{opacity:1}.hero-banner .toggle:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.hero-banner .toggle span,.hero-banner .toggle svg{display:block;width:16px;height:16px}.hero-banner .toggle .when-paused,.hero-banner .is-paused .toggle .when-playing{display:none}.hero-banner .is-paused .toggle .when-paused{display:block}.hero-banner .band{position:relative;z-index:1;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:var(--pad-t) var(--gutter) var(--pad-b)}.hero-banner .content{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--gap);width:100%;min-width:0;max-width:var(--cw);text-align:center}.hero-banner .content>*{max-width:100%}.hero-banner .cta{align-self:center}.hero-banner.layout-overlay .frame,.hero-banner.layout-card .frame{display:grid;min-height:var(--mh)}.hero-banner.container-page{padding:30px 15px 10px}.hero-banner.container-page .frame{max-width:1170px;margin:0 auto}.hero-banner.container-page .band{padding-left:0;padding-right:0}@media screen and (max-width:640px){.hero-banner.container-page{padding:20px 15px 0}}.hero-banner.layout-card .content{padding:30px 15px 40px;border-radius:30px;background:#ffffffd9}.hero-banner.layout-card .hb-images{margin-bottom:calc(-1 * var(--gap))}@media screen and (max-width:1024px){.hero-banner.layout-card .content{padding:24px 5px 34px}}@media screen and (max-width:640px){.hero-banner.layout-card{--gutter: 10px}.hero-banner.layout-card .content{padding:30px 15px 34px;border-radius:20px}}.hero-banner.layout-stacked .frame{display:flex;flex-direction:column}.hero-banner.layout-stacked .bg{position:relative}.hero-banner.layout-stacked .bg img,.hero-banner.layout-stacked .bg video{height:var(--mh)}.hero-banner.layout-stacked .scrim{z-index:1}.hero-banner.layout-stacked .band{background:var(--band, transparent)}.hero-banner.layout-stacked.order-content_first .band{order:-1}.hero-banner.layout-split{padding:30px 15px 0}.hero-banner.layout-split .frame{display:grid;grid-template-columns:minmax(0,389fr) minmax(0,779fr);column-gap:32px;max-width:1200px;min-height:var(--mh);margin:0 auto;overflow:hidden;border-radius:20px;background:var(--band, transparent)}.hero-banner.layout-split .bg{position:relative;grid-column:2;grid-row:1}.hero-banner.layout-split .band{grid-column:1;grid-row:1;justify-content:flex-start;padding:var(--pad-t) 0 var(--pad-b) 48px}.hero-banner.layout-split .content{max-width:none;text-align:left}.hero-banner.layout-split .cta{align-self:flex-start}@media screen and (max-width:1024px){.hero-banner.layout-split .frame{grid-template-columns:minmax(0,308fr) minmax(0,431fr)}.hero-banner.layout-split .band{padding-left:32px}}@media screen and (max-width:640px){.hero-banner.layout-split .frame{grid-template-columns:minmax(0,1fr)}.hero-banner.layout-split .bg{grid-column:1;grid-row:2;aspect-ratio:779 / 500}.hero-banner.layout-split .band{padding:var(--pad-t) var(--gutter) var(--pad-b)}}.hero-banner{--c-heading-layout: #252729;--c-text-layout: #252729}.hero-banner.layout-overlay{--c-heading-layout: #ffffff;--c-text-layout: #ffffff}.hero-banner.layout-stacked{--c-heading-layout: #151515;--c-text-layout: #151515}.hero-banner .heading{margin:0;color:var(--c-heading, var(--c-heading-layout));font-weight:700;overflow-wrap:break-word}.hero-banner .heading.is-uppercase{text-transform:uppercase}.hero-banner .body{color:var(--c-text, var(--c-text-layout));font-weight:400}.hero-banner .body p,.hero-banner .body ol,.hero-banner .body ul{margin:0}.hero-banner .body>:not(:first-child){margin-top:21px}.hero-banner .body ol,.hero-banner .body ul{text-align:left}.hero-banner .body a{color:inherit}.hero-banner .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;background:var(--cta-bg);color:var(--cta-text);font-weight:700;text-align:center;text-decoration:none;transition:background-color .2s}.hero-banner .cta:hover{background:var(--cta-hover-bg, var(--cta-bg))}.hero-banner .cta:focus-visible{outline:2px solid var(--cta-bg);outline-offset:3px}.hero-banner .cta .arrow svg{display:block;width:16px;height:16px}.hero-banner.style-brand .heading,.hero-banner.style-brand .body,.hero-banner.style-brand .cta{font-family:var(--font-poppins);letter-spacing:.6px}.hero-banner.style-editorial .heading{font-family:var(--font-nunito);font-weight:800;letter-spacing:.3px}.hero-banner.style-editorial .body,.hero-banner.style-editorial .cta{font-family:var(--font-body-family);letter-spacing:0}.hero-banner.layout-overlay .heading.size-large{font-size:45px;line-height:62px}.hero-banner.layout-overlay .heading.size-medium{font-size:40px;line-height:68px}.hero-banner.layout-overlay .heading.size-xsmall{font-size:24px;line-height:48px}.hero-banner.layout-overlay.style-editorial .heading.size-large{font-size:45px;line-height:58.5px}.hero-banner.layout-overlay .body.size-medium{font-size:16px;line-height:32px}.hero-banner.layout-overlay .cta.size-medium{margin-top:10px;padding:10px 40px;border-radius:100px;font-size:18px;line-height:25.2px}.hero-banner.layout-overlay .cta.size-large{min-width:300px;height:40px;padding:0 40px;border-radius:8px;font-family:Inter,sans-serif;font-size:16px;line-height:24px;text-transform:uppercase}@media screen and (max-width:1024px){.hero-banner.layout-overlay .heading.size-large{font-size:32px;line-height:62px}.hero-banner.layout-overlay .heading.size-medium{font-size:32px;line-height:54.4px}.hero-banner.layout-overlay .heading.size-xsmall{font-size:19px;line-height:38px}.hero-banner.layout-overlay.style-editorial .heading.size-large{font-size:45px;line-height:58.5px}.hero-banner.layout-overlay .cta.size-medium{font-size:14px}}@media screen and (max-width:640px){.hero-banner.layout-overlay .heading.size-large{font-size:32px;line-height:38.4px}.hero-banner.layout-overlay .heading.size-medium{font-size:30px;line-height:51px}.hero-banner.layout-overlay .heading.size-xsmall{font-size:18px;line-height:36px}.hero-banner.layout-overlay.style-editorial .heading.size-large{font-size:33px;line-height:42.9px}.hero-banner.layout-overlay .body.size-medium{line-height:28px}.hero-banner.layout-overlay .cta.size-large{border-radius:4px}}.hero-banner.layout-card .heading.size-large{font-size:52px;line-height:93.6px}.hero-banner.layout-card .body.size-medium{font-size:18px;line-height:25.2px}.hero-banner.layout-card .body.size-large{font-size:24px;line-height:25.2px}@media screen and (max-width:1024px){.hero-banner.layout-card .heading.size-large{font-size:44px;line-height:79.2px}.hero-banner.layout-card .body.size-medium{font-size:14px}}@media screen and (max-width:640px){.hero-banner.layout-card .heading.size-large{font-size:35px;line-height:63px}}.hero-banner.layout-stacked .heading.size-large{font-size:41px;line-height:73.8px}.hero-banner.layout-stacked .heading.size-small{font-size:21px;line-height:35.7px}.hero-banner.layout-stacked.style-editorial .heading.size-medium{font-size:35px;font-weight:400;line-height:42px;letter-spacing:0}.hero-banner.layout-stacked.style-editorial .body.size-large{font-size:21px;line-height:31.5px}@media screen and (max-width:1024px){.hero-banner.layout-stacked .heading.size-large{font-size:33px;line-height:59.4px}.hero-banner.layout-stacked .heading.size-small{font-size:14px;line-height:23.8px}}@media screen and (max-width:640px){.hero-banner.layout-stacked .heading.size-large{font-size:31px;line-height:55.8px}}.hero-banner.layout-split .heading.size-small{font-size:32px;line-height:54.4px}@media screen and (max-width:1024px){.hero-banner.layout-split .heading.size-small{font-size:26px;line-height:44.2px}}.hero-banner .hb-images{--img-h: var(--img-h-d);display:flex;align-items:center;justify-content:center;column-gap:max(0px,min(var(--img-gap),(100% - var(--n) * var(--img-h)) / (var(--n) - 1)));max-width:100%;text-decoration:none}.hero-banner .hb-images .item{display:flex;flex:0 1 auto;min-width:0}.hero-banner .hb-images img{display:block;width:auto;max-width:100%;height:var(--img-h);object-fit:contain}@media screen and (max-width:1024px){.hero-banner .hb-images{--img-h: var(--img-h-t)}}@media screen and (max-width:640px){.hero-banner .hb-images{--img-h: var(--img-h-m)}}.hero-banner .hb-breadcrumb{display:flex;align-items:center;gap:16px;font-family:var(--font-poppins);font-weight:400}.hero-banner .hb-breadcrumb .home{flex-shrink:0;color:#242424;font-size:16px;line-height:24px;text-decoration:underline}.hero-banner .hb-breadcrumb .sep{display:flex;flex-shrink:0;color:#242424}.hero-banner .hb-breadcrumb .sep svg{display:block;width:14px;height:14px}.hero-banner .hb-breadcrumb .current{min-width:0;color:#b4b4b4;font-size:18px;line-height:25.2px;letter-spacing:.6px}@media screen and (max-width:1024px){.hero-banner .hb-breadcrumb .current{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/250/assets/section-hero-banner.css.map */