.nano-hero{position:relative;isolation:isolate;overflow-x:clip;overflow-y:visible;color:var(--common-white);background:var(--common-pure-black);min-height:calc(100vh - var(--header-height, 0px) - var(--announcement-height, 0px));min-height:calc(100dvh - var(--header-height, 0px) - var(--announcement-height, 0px));display:flex;flex-direction:column}.nano-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.nano-hero__poster,.nano-hero__bg-img{width:100%;height:100%;object-fit:cover}.nano-hero__poster{display:block;position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease}.nano-hero__bg-img{transition:opacity .3s ease}.nano-hero__video-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;transition:opacity .3s ease;pointer-events:none}.nano-hero__bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;border:0;pointer-events:none}.nano-hero__bg-video--mobile{display:none}.nano-hero__bg-video--desktop{display:block}.nano-hero__bg-iframe{position:absolute;z-index:0;width:300%;height:100%;left:-100%;top:0;border:0;pointer-events:none}@media(min-width:1025px){.nano-hero__bg-iframe{width:200%;height:200%;left:-50%;top:-50%}}@media(max-width:1024px){.nano-hero__bg-video--desktop{display:none}.nano-hero__bg-video--mobile{display:block}}@media(min-width:1025px){.nano-hero__bg-iframe{width:100%;height:300%;left:0;top:-100%}}.nano-hero.is-playing .nano-hero__poster,.nano-hero.is-playing .nano-hero__bg-img{opacity:0}.nano-hero.is-playing .nano-hero__video-layer{opacity:1}.nano-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--common-black-rgb),var(--nano-overlay-opacity, .6));pointer-events:none;z-index:1}.nano-hero__nav-slot{position:absolute;top:0;left:0;right:0;z-index:3;height:0}.nano-hero__nav-sentinel{height:0;margin:0;pointer-events:none}.nano-hero__nav-mobile-top{display:none}.nano-hero__nav{position:absolute;top:0;left:0;right:0;z-index:20;width:100%;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-100%);user-select:none;-webkit-user-select:none;transition:background-color .2s ease,transform .36s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility 0s linear .36s}.nano-hero__nav.is-fixed{position:fixed;top:0;left:0;right:0;z-index:100000;will-change:transform}.nano-hero__nav.is-fixed.is-stuck{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:background-color .2s ease,transform .36s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility 0s linear 0s}.nano-hero__nav.is-fixed.is-hiding{opacity:1;visibility:visible;pointer-events:none;transform:translateY(-100%);transition:background-color .2s ease,transform .36s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility 0s linear .36s}.nano-hero__nav.is-stuck{background:rgba(var(--common-black-rgb),var(--nano-nav-bg-opacity, 1))}.nano-hero__nav.is-menu-open,.nano-hero__nav:has(.nano-hero__dropdown[open]){background:rgba(var(--common-black-rgb),var(--nano-nav-bg-opacity, 1))}.nano-hero__nav-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px;padding-inline:16px}.nano-hero__logo{display:inline-flex;align-items:center;text-decoration:none;color:var(--common-pure-white);flex-shrink:0}.nano-hero__logo img{display:block;height:27px;width:auto}.nano-hero__logo-text{font-family:var(--base-font-family);font-size:18px;font-weight:700;line-height:1.5;color:var(--common-pure-white);white-space:nowrap}.nano-hero__nav-end{display:none;align-items:center;gap:20px;min-width:0;margin-left:auto}.nano-hero__menu{position:relative;display:block;min-width:0}.nano-hero__menu-list{display:flex;align-items:center;list-style:none;margin:0;padding:0}.nano-hero__nav-drag{--nano-nav-edge-size: 46px;flex:1 1 auto}.nano-hero__nav-viewport{width:100%;overflow-x:clip;overflow-y:visible;touch-action:pan-y}.nano-hero__nav-track{width:max-content;will-change:transform}.nano-hero__nav-drag:before,.nano-hero__nav-drag:after{content:"";position:absolute;top:0;bottom:0;z-index:2;width:var(--nano-nav-edge-size);opacity:0;pointer-events:none;transition:opacity .18s ease}.nano-hero__nav-drag:before{left:0;background:linear-gradient(to right,rgba(var(--common-black-rgb),.88),rgba(var(--common-black-rgb),0))}.nano-hero__nav-drag:after{right:0;background:linear-gradient(to left,rgba(var(--common-black-rgb),.88),rgba(var(--common-black-rgb),0))}.nano-hero__nav-drag.has-overflow-left:before,.nano-hero__nav-drag.has-overflow-right:after{opacity:1}.nano-hero__nav-arrow{position:absolute;top:50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--common-white);opacity:0;pointer-events:none;cursor:pointer;transform:translateY(-50%);transition:opacity .18s ease,color .18s ease}.nano-hero__nav-arrow:hover,.nano-hero__nav-arrow:focus-visible{color:var(--common-pure-white)}.nano-hero__nav-arrow--prev{left:0}.nano-hero__nav-arrow--next{right:-12px}.nano-hero__nav-drag.has-overflow-left .nano-hero__nav-arrow--prev,.nano-hero__nav-drag.has-overflow-right .nano-hero__nav-arrow--next{opacity:1;pointer-events:auto}.nano-hero__menu-item{display:flex;align-items:center;flex:0 0 auto;height:72px}.nano-hero__menu-link,.nano-hero__dropdown-trigger{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:72px;padding-inline:20px;font-family:var(--base-font-family);font-size:16px;font-weight:500;line-height:1.5;color:rgba(var(--common-white-rgb),.6);text-decoration:none;white-space:nowrap;cursor:pointer;list-style:none;user-select:none;-webkit-user-select:none;transition:color .2s ease}.nano-hero__menu-link:hover,.nano-hero__dropdown-trigger:hover,.nano-hero__dropdown[open] .nano-hero__dropdown-trigger{color:var(--common-pure-white)}.nano-hero__dropdown summary{list-style:none}.nano-hero__dropdown summary::-webkit-details-marker{display:none}.nano-hero__dropdown{position:relative}.nano-hero__dropdown-panel{position:absolute;top:calc(100% + 12px);left:0;z-index:100001;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;width:202px;padding:6px 16px;border-radius:16px;background:var(--common-surface-dropdown);box-shadow:0 8px 12px rgba(var(--common-black-rgb),.3)}.nano-hero__dropdown-list{list-style:none;margin:0;padding:0;width:100%}.nano-hero__dropdown-item{display:block;width:100%;height:34px;margin:0;padding:0;opacity:.3;transition:opacity .2s ease}.nano-hero__dropdown-item:hover,.nano-hero__dropdown-item:focus-within,.nano-hero__dropdown-item.is-active{opacity:1}.nano-hero__dropdown-panel a.nano-hero__dropdown-link{display:flex;align-items:center;width:100%;height:34px;margin:0;padding:0;border:0;background:transparent;font-family:var(--base-font-family);font-size:14px;font-weight:500;line-height:1.5;color:var(--common-white);opacity:1;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;transition:color .2s ease}.nano-hero__dropdown-item:hover .nano-hero__dropdown-link,.nano-hero__dropdown-item:focus-within .nano-hero__dropdown-link,.nano-hero__dropdown-item.is-active .nano-hero__dropdown-link{color:var(--common-pure-white)}.nano-hero__dropdown-link-text{display:block;overflow:hidden;text-overflow:ellipsis}.nano-hero__chevron{transition:transform .1s ease}.nano-hero__dropdown[open] .nano-hero__chevron{transform:rotate(180deg)}.nano-hero__nav-actions{display:flex;align-items:center;gap:16px;flex-shrink:0;padding-block:6px}.nano-nav-btn-wrap{position:relative;display:inline-flex}.nano-nav-btn-wrap:has(.nano-nav-btn__badge){margin-block:-6px}.nano-nav-btn-wrap--full{display:flex;width:100%}.nano-nav-btn-wrap--full .nano-nav-btn{width:100%}.nano-nav-btn__badge{position:absolute;top:-8px;right:0;z-index:1;padding:0 6px;border-radius:60px;font-family:var(--base-font-family);font-size:10px;font-weight:500;white-space:nowrap;height:15px;display:flex;align-items:center;justify-content:center}.nano-nav-btn__badge--accent{background:var(--common-accent);color:var(--common-pure-white)}.nano-nav-btn{display:inline-flex;align-items:center;justify-content:center;min-width:108px;height:36px;padding-inline:20px;border-radius:100px;border:1px solid transparent;font-family:var(--base-font-family);font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-text-fill-color:currentColor;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.nano-nav-btn--accent{background:var(--common-pure-white);color:var(--common-black)}.nano-nav-btn--accent:visited,.nano-nav-btn--accent:focus,.nano-nav-btn--accent:active{color:var(--common-black)}.nano-nav-btn--accent:hover,.nano-nav-btn--accent:active{background:var(--common-accent);color:var(--common-white)}.nano-nav-btn:focus-visible{outline:2px solid var(--common-accent);outline-offset:2px}.nano-nav-btn--accent:focus-visible{background:var(--common-accent);color:var(--common-white)}.nano-hero__btn-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.nano-hero__badge{position:absolute;top:-10px;z-index:1;padding:2px 8px;border-radius:999px;background:rgba(var(--common-primary-black-rgb),.72);color:var(--common-white);font-family:var(--base-font-family);font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}.nano-hero__badge--light{background:rgba(var(--common-white-rgb),.16)}.nano-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:16px 24px;border-radius:60px;border:0;max-height:54px;font-family:var(--base-font-family);font-size:18px;font-weight:700;line-height:1.3;text-decoration:none;white-space:nowrap;cursor:pointer;overflow:hidden;-webkit-text-fill-color:currentColor;transition:background-color .2s ease,color .2s ease}.nano-btn--main{background:var(--common-white);color:var(--common-black)}.nano-btn--main:visited,.nano-btn--main:focus,.nano-btn--main:active{color:var(--common-black)}.nano-btn--accent{background:var(--common-accent);color:var(--common-white)}.nano-btn--accent:visited,.nano-btn--accent:focus,.nano-btn--accent:active{color:var(--common-white)}.nano-btn--outline{background:transparent;border-color:var(--common-white);color:var(--common-white)}.nano-btn--outline:visited,.nano-btn--outline:focus,.nano-btn--outline:active{color:var(--common-white)}.nano-btn--main:hover,.nano-btn--main:active{background:var(--common-accent);color:var(--common-white)}.nano-btn--accent:hover,.nano-btn--accent:active{filter:brightness(1.05)}.nano-btn--outline:hover,.nano-btn--outline:active{background:var(--common-accent);border-color:var(--common-accent);color:var(--common-white)}.nano-btn:focus-visible{outline:2px solid var(--common-accent);outline-offset:2px}.nano-btn:disabled,.nano-btn[aria-disabled=true]{opacity:.4;pointer-events:none}.nano-btn--full{width:100%}.nano-hero__menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;border:0;border-radius:50%;background:rgba(var(--common-white-rgb),.12);color:var(--common-white);cursor:pointer}.nano-hero__mobile-panel{margin:0 16px 12px;padding:16px;border-radius:16px;background:rgba(var(--common-primary-black-rgb),.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nano-hero__mobile-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:12px}.nano-hero__mobile-link{display:block;color:rgba(var(--common-white-rgb),.6);text-decoration:none;font-size:16px;font-weight:500;line-height:1.5;user-select:none;-webkit-user-select:none}.nano-hero__mobile-dropdown summary{list-style:none}.nano-hero__mobile-dropdown summary::-webkit-details-marker{display:none}.nano-hero__mobile-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.nano-hero__mobile-dropdown[open] .nano-hero__mobile-dropdown-trigger{color:var(--common-pure-white)}.nano-hero__mobile-dropdown-panel{margin-top:8px;padding:6px 0 0 12px}.nano-hero__mobile-dropdown-panel .nano-hero__dropdown-item,.nano-hero__mobile-dropdown-panel .nano-hero__dropdown-link{height:32px}.nano-hero__mobile-actions{display:grid;gap:12px}.nano-hero__inner{position:relative;z-index:2;flex:1;display:flex;align-items:center;min-height:0;padding-inline:var(--common-pad-inline);padding-top:0;padding-block-end:clamp(40px,8vw,72px)}.nano-hero__content{display:flex;flex-direction:column;gap:40px}.nano-hero__heading{margin:0;font-family:var(--base-font-family);font-size:52px;font-weight:700;line-height:1.2;color:var(--common-white)}.nano-hero__subheading{margin:-20px 0 0;font-family:var(--base-font-family);font-size:20px;font-weight:400;line-height:1.3;color:var(--common-muted)}.nano-hero__cta{display:flex;flex-wrap:wrap;gap:24px}.nano-hero__play{position:absolute;right:20px;bottom:20px;z-index:5;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:60px;height:60px;padding:16px;border:0;border-radius:99px;background:rgba(var(--common-black-rgb),.4);color:var(--common-white);cursor:pointer;transition:transform .2s ease,opacity .2s ease}.nano-hero__play-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.nano-hero__play-icon[hidden]{display:none}.nano-hero__play-icon svg{display:block;width:24px;height:24px}.nano-hero__play:hover,.nano-hero__play:focus-visible{transform:scale(1.06)}@media(max-width:1024px){.nano-hero__nav-actions .nano-hero__nav-action--accent{display:none}.nano-hero{min-height:min(662px,100dvh)}.nano-hero__nav-slot{display:block}.nano-hero__nav.is-fixed.is-stuck,.nano-hero__nav.is-fixed.is-hiding{display:flex;flex-direction:column;background:rgba(var(--common-nav-bg-rgb),var(--nano-nav-bg-opacity, .85))}.nano-hero__nav.is-fixed.is-stuck .nano-hero__nav-mobile-top,.nano-hero__nav.is-fixed.is-hiding .nano-hero__nav-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:56px;padding-inline:16px;box-sizing:border-box;border-bottom:.5px solid rgba(var(--common-white-rgb),.2)}.nano-hero__nav-mobile-title{min-width:0;font-family:var(--base-font-family);font-size:16px;font-weight:700;line-height:1.3;color:var(--common-pure-white);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nano-hero__nav-mobile-top-actions{flex-shrink:0}.nano-hero__nav-mobile-top-actions .nano-nav-btn-wrap:has(.nano-nav-btn__badge){margin-block:-7px}.nano-hero__nav-mobile-top-actions .nano-nav-btn--accent{min-width:0;height:30px;padding-inline:12px;font-size:12px;line-height:1}.nano-hero__nav-mobile-top-actions .nano-nav-btn__badge--accent{top:-7px;right:0;padding:3px 6px;font-size:8px;line-height:1}.nano-hero__nav-bar{height:56px;padding-inline:16px;gap:12px}.nano-hero__logo,.nano-hero__menu-toggle,.nano-hero__mobile-panel{display:none}.nano-hero__nav.is-fixed.is-stuck .nano-hero__nav-end,.nano-hero__nav.is-fixed.is-hiding .nano-hero__nav-end{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;margin-left:0}.nano-hero__menu{flex:1 1 auto;min-width:0}.nano-hero__menu-list{gap:20px}.nano-hero__menu-item,.nano-hero__menu-link,.nano-hero__dropdown-trigger{height:56px}.nano-hero__menu-link,.nano-hero__dropdown-trigger{padding-inline:0;font-size:14px;line-height:1.3}.nano-hero__nav-actions{gap:0;padding-block:0}.nano-hero__dropdown-panel{top:calc(100% + 6px);left:0;width:206px}.nano-hero__cta{gap:0}.nano-hero__btn-wrap{width:auto}.nano-hero__btn-wrap .nano-btn{width:auto;min-height:42px;padding:12px 20px;font-size:14px}.nano-hero__play{right:30px;bottom:30px;width:40px;height:40px;padding:12px}.nano-hero__play-icon,.nano-hero__play-icon svg{width:16px;height:16px}.nano-hero__nav-arrow:hover{color:var(--common-white)}.nano-hero__menu-link:hover,.nano-hero__dropdown-trigger:hover{color:rgba(var(--common-white-rgb),.6)}.nano-hero__dropdown-item:hover{opacity:.3}.nano-hero__dropdown-item:hover .nano-hero__dropdown-link{color:var(--common-white)}.nano-hero__play:hover{transform:none}.nano-nav-btn--accent:hover{background:var(--common-pure-white);color:var(--common-black)}.nano-nav-btn--accent:active{background:var(--common-accent);color:var(--common-white)}.nano-btn--main:hover{background:var(--common-white);color:var(--common-black)}.nano-btn--main:active{background:var(--common-accent);color:var(--common-white)}.nano-btn--accent:hover{filter:none}.nano-btn--accent:active{filter:brightness(1.05)}.nano-btn--outline:hover{background:transparent;border-color:var(--common-white);color:var(--common-white)}.nano-btn--outline:active{background:var(--common-accent);border-color:var(--common-accent);color:var(--common-white)}}@media(max-width:767px){.nano-hero__inner{align-items:flex-start;justify-content:flex-start;padding-top:40px;padding-block-end:30px}.nano-hero__content{gap:0;max-width:none;width:100%;box-sizing:border-box}.nano-hero__heading{margin-bottom:12px;font-size:36px;line-height:1.2}.nano-hero__subheading{margin:0 0 40px;font-size:18px}}@media(min-width:1025px){.nano-hero__inner{align-items:center;justify-content:flex-start;padding-top:0;padding-block-end:clamp(40px,8vw,72px)}.nano-hero__content{gap:40px;width:auto;padding-inline:0;transform:translate(var(--nano-hero-content-x-offset, 0px),var(--nano-hero-content-y-offset, 0px))}.nano-hero__heading{margin:0;font-size:52px;line-height:1.2}.nano-hero__subheading{margin:-20px 0 0;font-size:20px}.nano-hero__nav-bar{padding-inline:30px}.nano-hero__nav-end{display:flex}.nano-hero__menu-toggle,.nano-hero__mobile-panel{display:none}}@media(min-width:1440px){.nano-hero__nav-bar{max-width:1440px;margin-inline:auto;padding-inline:30px}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/nano-hero.css.map */