.nudient-hero{position:relative;--nudient-hero-height: 520px;--nudient-hero-scrim: 180px;--nudient-hero-inset: var(--nudient-spacing-16)}.nudient-hero--gate-off{--nudient-hero-height: 440px}.nudient-hero__editor-note{margin:0;padding:var(--nudient-spacing-16);background-color:var(--color-background);color:var(--color-foreground-heading);font-family:var(--nudient-font-family);font-size:var(--nudient-type-body-default-size);line-height:var(--nudient-type-body-default-line-height);letter-spacing:var(--nudient-type-body-default-letter-spacing);font-weight:var(--nudient-type-body-default-weight)}.nudient-hero__stage{position:relative;display:block;height:var(--nudient-hero-height);overflow:hidden;background-color:var(--nudient-color-surface-image)}.nudient-hero__track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.nudient-hero__track::-webkit-scrollbar{display:none}.nudient-hero__slide{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:start}.nudient-hero__slide picture{display:block;height:100%}.nudient-hero__image{display:block;width:100%;height:100%;object-fit:cover}.nudient-hero__film,.nudient-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.nudient-hero__video{object-fit:cover;opacity:0}.nudient-hero__film[playing] .nudient-hero__video{opacity:1}.nudient-hero__film--tall{display:none}.nudient-hero__controls{position:absolute;top:calc(var(--nudient-hero-inset) - (44px - 16px) / 2);inset-inline-end:calc(var(--nudient-hero-inset) - (44px - 16px) / 2);display:flex}.nudient-hero__pause{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:var(--nudient-radius-md);background:transparent;color:var(--color-foreground-heading);cursor:pointer}.nudient-hero__pause:focus-visible{outline:var(--nudient-focus-width) solid var(--color-input-focus-border);outline-offset:0}.nudient-hero__pause[data-state=playing] .nudient-hero__icon--play,.nudient-hero__pause[data-state=paused] .nudient-hero__icon--pause{display:none}.nudient-hero__stage--has-film .nudient-hero__heading{inset-inline-end:calc(var(--nudient-hero-inset) + 44px)}@media(prefers-reduced-motion:reduce){.nudient-hero__film,.nudient-hero__controls{display:none}.nudient-hero__stage--has-film .nudient-hero__heading{inset-inline-end:var(--nudient-hero-inset)}}.nudient-hero__scrim{position:absolute;inset-inline:0;bottom:0;height:var(--nudient-hero-scrim);background:linear-gradient(to bottom,rgb(var(--nudient-color-overlay-black-rgb) / 0),rgb(var(--nudient-color-overlay-black-rgb) / .18) 60%,rgb(var(--nudient-color-overlay-black-rgb) / .55));pointer-events:none}.nudient-hero__heading{position:absolute;top:var(--nudient-hero-inset);inset-inline:var(--nudient-hero-inset);margin:0;color:var(--color-foreground-heading);font-family:var(--nudient-font-family);font-size:var(--nudient-type-heading-h3-size);line-height:var(--nudient-type-heading-h3-line-height);letter-spacing:var(--nudient-type-heading-h3-letter-spacing);font-weight:var(--nudient-type-heading-h3-weight);pointer-events:none}.nudient-hero__bottom{position:absolute;bottom:var(--nudient-hero-inset);inset-inline:var(--nudient-hero-inset);display:flex;align-items:center;justify-content:space-between;gap:var(--nudient-spacing-16)}.nudient-hero__links{display:flex;flex-wrap:wrap;gap:var(--nudient-spacing-8) var(--nudient-spacing-24);margin:0;padding:0;list-style:none}.nudient-hero__link{margin:0}.nudient-hero__dots{display:flex;flex:0 0 auto;align-items:center;height:var(--nudient-type-label-large-line-height);margin-inline:auto calc(var(--nudient-spacing-4) * -1)}.nudient-hero__dot{position:relative;flex:0 0 auto;width:calc(6px + var(--nudient-spacing-4) * 2);height:var(--nudient-touch-target);margin:0;padding:0;border:0;background:transparent;cursor:pointer}.nudient-hero__dot:before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;translate:-50% -50%;border-radius:50%;background-color:var(--color-foreground-heading);opacity:.4}.nudient-hero__dot[aria-current=true]:before{opacity:1}.nudient-hero__dot:focus-visible{outline:none}.nudient-hero__dot:focus-visible:before{outline:var(--nudient-focus-width) solid var(--color-input-focus-border);outline-offset:var(--nudient-focus-width)}.nudient-hero__gate{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:var(--nudient-spacing-8);padding:var(--nudient-spacing-16);background-color:var(--color-background);text-align:start}.nudient-hero__gate .nudient-model-picker{display:contents}.nudient-hero__gate-heading{grid-row:1;grid-column:1 / -1;margin:0 0 var(--nudient-spacing-8);color:var(--color-foreground-heading);font-family:var(--nudient-font-family);font-size:var(--nudient-type-label-large-size);line-height:var(--nudient-type-label-large-line-height);letter-spacing:var(--nudient-type-label-large-letter-spacing);font-weight:var(--nudient-type-label-large-weight);text-transform:uppercase}.nudient-hero__gate .nudient-model-picker__field{grid-row:2;grid-column:1}.nudient-hero__cta{grid-row:2;grid-column:2}.nudient-hero__gate .nudient-model-picker__note{grid-row:3;grid-column:1 / -1}.nudient-hero__gate .nudient-model-picker__menu{grid-row:4;grid-column:1 / -1}body:has(h1.nudient-hero__heading) #header-component h1.visually-hidden{display:none}@media(max-width:767px){.nudient-hero__slide--has-mobile-film .nudient-hero__film--wide{display:none}.nudient-hero__slide--has-mobile-film .nudient-hero__film--tall{display:block}.nudient-hero__cta{--button-padding-block: var(--nudient-spacing-8);--button-padding-inline: var(--nudient-spacing-24)}.nudient-hero__cta:after{content:"";position:absolute;inset-inline:0;top:50%;height:max(100%,var(--nudient-touch-target));translate:0 -50%}}@media(min-width:768px){.nudient-hero{--nudient-hero-height: 676px;--nudient-hero-scrim: 200px;--nudient-hero-inset: var(--nudient-spacing-24)}.nudient-hero--gate-off{--nudient-hero-height: 676px}.nudient-hero--gate-on .nudient-hero__stage{height:min(var(--nudient-hero-height),calc(100vh - var(--header-group-height, 0px) - var(--nudient-spacing-64)));height:min(var(--nudient-hero-height),calc(100svh - var(--header-group-height, 0px) - var(--nudient-spacing-64)))}.nudient-hero__heading{font-size:var(--nudient-type-heading-h2-size);line-height:var(--nudient-type-heading-h2-line-height);letter-spacing:var(--nudient-type-heading-h2-letter-spacing);font-weight:var(--nudient-type-heading-h2-weight)}.nudient-hero__dots{position:absolute;bottom:0;left:50%;height:6px;margin:0;translate:-50% 0}.nudient-hero__gate{position:absolute;z-index:1;inset-inline-end:var(--nudient-hero-inset);bottom:calc(var(--nudient-hero-inset) + var(--nudient-consent-height, 0px));display:flex;flex-direction:column;align-items:stretch;gap:var(--nudient-spacing-16);box-sizing:border-box;width:320px;max-height:calc(100% - var(--nudient-hero-inset) * 2 - var(--nudient-consent-height, 0px));padding:var(--nudient-spacing-24)}.nudient-hero__gate-heading,.nudient-hero__gate .nudient-model-picker__note{margin:0}.nudient-hero__gate .nudient-model-picker__menu{margin-block-start:0}.nudient-hero__gate .nudient-model-picker__menu:not([hidden]){display:flex;flex-direction:column;flex:0 1 auto;min-height:0}.nudient-hero__gate .nudient-model-picker__list{flex:1 1 auto;min-height:0}.nudient-hero__cta{width:100%}}@media(min-width:1440px){.nudient-hero{--nudient-hero-scrim: 240px}.nudient-hero,.nudient-hero--gate-off{--nudient-hero-height: max(808px, calc(100vw * 808 / 1440))}.nudient-hero__heading{font-size:var(--nudient-type-heading-h1-size);line-height:var(--nudient-type-heading-h1-line-height);letter-spacing:var(--nudient-type-heading-h1-letter-spacing);font-weight:var(--nudient-type-heading-h1-weight)}.nudient-hero__gate{width:360px}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/nudient-hero.css.map */
