flexible-hero.fh{display:block;margin:var(--fh-space-top) auto var(--fh-space-bottom);color:var(--fh-ui-text, #20221f);background:var(--fh-ui-bg, #fff);font-family:var(--font-body-family, system-ui, sans-serif);font-style:var(--font-body-style, normal);font-weight:var(--font-body-weight, 400);--fh-pad: clamp(24px, 5vw, 88px)}.fh *,.fh *:before,.fh *:after{box-sizing:border-box}.fh [hidden]{display:none!important}.fh.fh--contained{max-width:var(--page-width, 1440px);width:calc(100% - 40px)}.fh .fh__track{display:flex;align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:var(--fh-radius);outline-offset:4px}.fh .fh__track::-webkit-scrollbar{display:none}.fh .fh__slide{position:relative;display:grid;flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;background:var(--fh-bg);color:var(--fh-text)}.fh .fh__media{position:relative;display:block;grid-area:1 / 1;min-width:0;height:auto;aspect-ratio:var(--fh-ratio-d);background:var(--fh-bg);overflow:hidden;color:inherit}.fh .fh__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#000;opacity:var(--fh-overlay-d)}.fh .fh__media picture{display:block;width:100%;height:100%}.fh .fh__image,.fh .fh__placeholder{display:block;width:100%;height:100%;object-fit:var(--fh-fit-d);object-position:var(--fh-position-d)}.fh .fh__placeholder{fill:currentColor;opacity:.2}.fh.fh--desktop-fixed .fh__media{height:var(--fh-height-d);aspect-ratio:auto}.fh .fh__content{position:relative;z-index:1;grid-area:1 / 1;display:flex;align-items:var(--fh-valign-d);justify-content:var(--fh-align-d);padding:var(--fh-pad);pointer-events:none;min-width:0}.fh .fh__box{width:100%;max-width:var(--fh-copy-width);text-align:var(--fh-text-align-d);overflow-wrap:anywhere}.fh .fh__eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;line-height:1.4}.fh .fh__heading{font-family:var(--font-heading-family, inherit);font-style:var(--font-heading-style, normal);font-weight:var(--font-heading-weight, 500);color:inherit;font-size:clamp(28px,4.5vw,var(--fh-size-d));letter-spacing:-.035em;line-height:1.06;margin:0;text-wrap:balance}.fh .fh__body{font-size:16px;line-height:1.6;margin-top:20px}.fh .fh__body>:first-child{margin-top:0}.fh .fh__body>:last-child{margin-bottom:0}.fh .fh__body a{color:inherit;pointer-events:auto;text-underline-offset:3px}.fh .fh__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:var(--fh-align-d);margin-top:28px}.fh .fh__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:12px 24px;border:1px solid var(--fh-button-bg);border-radius:var(--fh-button-radius);text-decoration:none;background:var(--fh-button-bg);color:var(--fh-button-text);font:inherit;font-size:14px;font-weight:600;line-height:1.4;pointer-events:auto;overflow-wrap:anywhere;transition:opacity .15s}.fh .fh__button:hover{opacity:.82}.fh .fh__button--secondary{color:inherit;border-color:currentColor;background:transparent}.fh .fh__controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;min-height:68px}.fh .fh__control{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:4px;color:inherit;background:transparent;cursor:pointer;font:inherit;font-size:13px}.fh .fh__control:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.fh .fh__control svg{width:20px;height:20px}.fh:dir(rtl) .fh__control svg{transform:rotate(180deg)}.fh .fh__dots{display:flex;flex-wrap:wrap;justify-content:center;gap:0}.fh .fh__dot{min-width:32px;padding:10px}.fh .fh__dot:after{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.3}.fh .fh__dot[aria-current]:after{opacity:1;width:20px;border-radius:8px}.fh .fh__count{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.fh :is(a,button,[tabindex]):focus-visible{outline:3px solid currentColor;outline-offset:-4px}.fh .fh__empty{padding:48px 24px;text-align:center}.fh .fh__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:750px){.fh .fh__slide[data-desktop-layout=image] .fh__content,.fh .fh__slide[data-desktop-content=false] .fh__content,.fh .fh__slide[data-desktop-text=false] .fh__copy,.fh .fh__slide[data-desktop-buttons=false] .fh__actions{display:none}.fh .fh__slide[data-desktop-layout=below] .fh__content{grid-area:2 / 1;background:var(--fh-bg)}.fh .fh__slide[data-desktop-layout=below] .fh__media:after,.fh .fh__slide[data-desktop-layout=image] .fh__media:after,.fh .fh__slide[data-desktop-content=false] .fh__media:after{display:none}.fh .fh__slide[data-desktop-text=false] .fh__actions{margin-top:0}}@media(max-width:749px){.fh.fh--contained{width:calc(100% - 24px)}.fh .fh__media,.fh.fh--desktop-fixed .fh__media{aspect-ratio:var(--fh-ratio-m);height:auto}.fh.fh--mobile-fixed .fh__media{height:var(--fh-height-m);aspect-ratio:auto}.fh .fh__image{object-fit:var(--fh-fit-m);object-position:var(--fh-position-m)}.fh .fh__media:after{opacity:var(--fh-overlay-m)}.fh .fh__content{padding:28px 24px;align-items:var(--fh-valign-m);justify-content:var(--fh-align-m)}.fh .fh__box{text-align:var(--fh-text-align-m)}.fh .fh__heading{font-size:var(--fh-size-m)}.fh .fh__eyebrow{margin-bottom:12px;font-size:11px}.fh .fh__body{font-size:15px;margin-top:16px}.fh .fh__actions{margin-top:22px;gap:10px;justify-content:var(--fh-align-m)}.fh .fh__button{padding:12px 20px}.fh .fh__controls{gap:4px;padding:8px;flex-wrap:wrap}.fh .fh__slide[data-mobile-layout=image] .fh__content,.fh .fh__slide[data-mobile-content=false] .fh__content,.fh .fh__slide[data-mobile-text=false] .fh__copy,.fh .fh__slide[data-mobile-buttons=false] .fh__actions{display:none}.fh .fh__slide[data-mobile-layout=below] .fh__content{grid-area:2 / 1;background:var(--fh-bg)}.fh .fh__slide[data-mobile-layout=below] .fh__media:after,.fh .fh__slide[data-mobile-layout=image] .fh__media:after,.fh .fh__slide[data-mobile-content=false] .fh__media:after{display:none}.fh .fh__slide[data-mobile-text=false] .fh__actions{margin-top:0}}@media(prefers-reduced-motion:reduce){.fh *,.fh *:before,.fh *:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/compiled_assets/styles.css.map */
