.hero-banner{position:relative;height:100vh;min-height:100vh;height:100svh;min-height:100svh;background:#000;overflow:hidden}.hero-banner__header{position:fixed;top:0;left:0;right:0;z-index:9999;pointer-events:none;padding:0;isolation:isolate}.hero-banner__header.is-hidden .hero-banner__glass{opacity:0;visibility:hidden;transform:translate3d(0,-110%,0);pointer-events:none;transition:transform .46s cubic-bezier(.4,0,1,1),opacity .3s ease,visibility 0s linear .46s}.hero-banner__glass{position:relative;height:4.5rem;display:flex;align-items:center;justify-content:center;padding:0 1.5rem;overflow:hidden;pointer-events:auto;opacity:1;visibility:visible;transform:translateZ(0);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .36s ease,visibility 0s linear 0s;will-change:transform,opacity}.hero-banner__navLayer{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;pointer-events:none}.hero-banner__navLayer--dark{z-index:6;color:#050505;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 100%);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%;will-change:mask-image,-webkit-mask-image}.hero-banner__navLayer--hit{z-index:8;pointer-events:none}.hero-banner__navLayer--hit .hero-banner__menuButton,.hero-banner__navLayer--hit .hero-banner__menuLinks a,.hero-banner__navLayer--hit .hero-banner__cartButton{opacity:0}.hero-banner__navLayer--hit .hero-banner__menuButton:after,.hero-banner__navLayer--hit .hero-banner__menuLinks a:after{display:none}.hero-banner__quickNav{--menu-button-size: 3.35rem;--menu-left-offset: calc(var(--app-frame-side) + clamp(.85rem, calc(var(--app-frame-unit) * 2), 1.5rem));position:absolute;top:50%;left:var(--menu-left-offset);z-index:5;width:auto;height:var(--menu-button-size);pointer-events:none;transform:translateY(-50%)}.hero-banner__quickNavHitArea{position:relative;display:flex;align-items:center;gap:0;width:var(--menu-button-size);height:var(--menu-button-size);overflow:hidden;pointer-events:none}.hero-banner__quickNav.is-open .hero-banner__quickNavHitArea{gap:.95rem;width:min(42rem,calc(50vw - var(--menu-left-offset) - 5.25rem))}.hero-banner__navLayer--hit .hero-banner__quickNavHitArea,.hero-banner__navLayer--hit .hero-banner__menuLinks,.hero-banner__navLayer--hit .hero-banner__menuLinks a,.hero-banner__navLayer--hit .hero-banner__menuButton,.hero-banner__navLayer--hit .hero-banner__cartButton,.hero-banner__navLayer--hit .hero-banner__logoStack{pointer-events:auto}.hero-banner__menuButton{position:relative;z-index:2;width:var(--menu-button-size);height:var(--menu-button-size);flex:0 0 var(--menu-button-size);display:grid;place-items:center;border:0;border-radius:0;background:transparent;color:#ffffffeb;cursor:pointer}.hero-banner__navLayer--dark .hero-banner__menuButton{color:#050505}.hero-banner__cartButton{position:absolute;top:50%;right:calc(var(--app-frame-side) + clamp(.85rem,calc(var(--app-frame-unit) * 2),1.5rem));z-index:5;display:grid;width:3.35rem;height:3.35rem;place-items:center;padding:0;border:0;background:transparent;color:#ffffffeb;text-decoration:none;transform:translateY(-50%);cursor:pointer}.hero-banner__cartButton svg{width:1.38rem;height:1.38rem}.hero-banner__cartCount{position:absolute;top:.32rem;right:.24rem;display:grid;min-width:1.15rem;height:1.15rem;place-items:center;padding:0 .22rem;border-radius:999px;background:var(--app-accent, #91e35c);color:#050505;font-size:.64rem;font-weight:var(--font-weight-bold);line-height:1}.hero-banner__navLayer--dark .hero-banner__cartButton{color:#050505}.hero-banner__navLayer--dark .hero-banner__quickNav,.hero-banner__navLayer--dark .hero-banner__quickNavHitArea,.hero-banner__navLayer--dark .hero-banner__menuButton,.hero-banner__navLayer--dark .hero-banner__menuLinks,.hero-banner__navLayer--dark .hero-banner__menuLinks a{pointer-events:none}.hero-banner__menuButton:after{content:">";position:absolute;inset:0;display:grid;place-items:center;opacity:0;font-size:1.35rem;font-weight:var(--font-weight-bold);line-height:1;color:var(--app-accent, #91e35c);transform:translate3d(-8px,0,0) scale(.84)}.hero-banner__menuIcon{width:1.38rem;display:grid;gap:.26rem;transition:opacity .1s ease,transform .1s ease}.hero-banner__menuIcon span{display:block;height:2px;background:currentColor;transform-origin:left center}.hero-banner__menuLinks{position:relative;z-index:2;display:flex;align-items:center;flex:1 1 auto;gap:clamp(1rem,2vw,1.55rem);min-width:0;max-width:0;overflow:hidden;pointer-events:none;transform:translate3d(-.45rem,0,0);white-space:nowrap}.hero-banner__menuLinks a{position:relative;display:inline-flex;align-items:center;min-height:2.25rem;padding:0;border:0;background:transparent;color:#ffffffe6;text-decoration:none;font-size:.78rem;font-weight:var(--font-weight-medium);letter-spacing:.13em;text-transform:uppercase;opacity:0;transform:translate3d(calc(-.85rem * (var(--nav-link-index) + 1)),0,0)}.hero-banner__navLayer--dark .hero-banner__menuLinks a{color:#050505}.hero-banner__menuLinks a:after{content:"";position:absolute;left:0;right:0;bottom:.2rem;height:2px;background:var(--app-accent, #91e35c);transform:scaleX(0);transform-origin:left center}.hero-banner__menuLinks a:hover:after,.hero-banner__menuLinks a:focus-visible:after,.hero-banner__menuLinks a.is-hovered:after{transform:scaleX(1)}.hero-banner__quickNav.is-open .hero-banner__menuButton{color:var(--app-accent, #91e35c);transform:scale(1.02)}.hero-banner__quickNav.is-open .hero-banner__menuButton:after{opacity:1;transform:translateZ(0) scale(1)}.hero-banner__quickNav.is-open .hero-banner__menuIcon{opacity:0;transform:translate3d(8px,0,0) scale(.86)}.hero-banner__quickNav.is-open .hero-banner__menuLinks{max-width:100%;pointer-events:auto;transform:translateZ(0)}.hero-banner__quickNav.is-open .hero-banner__menuLinks a{opacity:1;transform:translateZ(0)}.hero-banner__navLayer--hit .hero-banner__menuButton,.hero-banner__navLayer--hit .hero-banner__menuLinks a,.hero-banner__navLayer--hit .hero-banner__cartButton{opacity:0!important}.hero-banner__navLayer--hit .hero-banner__menuButton,.hero-banner__navLayer--hit .hero-banner__menuLinks a,.hero-banner__navLayer--hit .hero-banner__cartButton{color:transparent!important}.hero-banner__navButton{position:absolute;left:calc(var(--app-frame-side) + clamp(.85rem,calc(var(--app-frame-unit) * 2),1.5rem));top:50%;z-index:3;transform:translateY(-50%);pointer-events:auto;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.72rem 1rem;background:#ffffff0f;color:#ffffffe0;font-size:.72rem;font-weight:var(--font-weight-semibold);letter-spacing:.18em;text-transform:uppercase;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer}.hero-banner__navButton:hover{transform:translateY(-50%) scale(1.02);background:#ffffff1f;border-color:#ffffff47;color:#fff}.hero-banner__logoStack{position:relative;width:min(5rem,calc(var(--app-frame-unit) * 14));display:grid;place-items:center;pointer-events:auto;text-decoration:none;z-index:4}.hero-banner__logoStack--area{width:min(9.5rem,calc(var(--app-frame-unit) * 24))}.hero-banner__logoStack--static{z-index:9}.hero-banner__logo{grid-area:1 / 1;width:75%;height:auto;display:block;-webkit-user-select:none;user-select:none;opacity:1;will-change:filter,transform}.hero-banner__navLayer:not(.hero-banner__navLayer--dark):not(.hero-banner__navLayer--hit) .hero-banner__logo--group{filter:brightness(0) invert(1)}.hero-banner__navLayer--dark .hero-banner__logo--group{filter:brightness(0)}.hero-banner__navLayer--hit .hero-banner__logoStack{opacity:0}@media(min-width:721px)and (hover:hover),(min-width:901px){.hero-banner__menuButton{display:none}.hero-banner__quickNavHitArea,.hero-banner__quickNav.is-open .hero-banner__quickNavHitArea{width:auto;gap:0;overflow:visible}.hero-banner__menuLinks{flex:0 0 auto;max-width:none;overflow:visible;pointer-events:auto;transform:none}.hero-banner__menuLinks a{opacity:1;transform:none}}@media(max-width:1400px){.hero-banner__quickNav.is-open .hero-banner__quickNavHitArea{gap:.5rem}.hero-banner__menuLinks{gap:.75rem}.hero-banner__menuLinks a{font-size:.72rem;letter-spacing:.08em}}@media(max-width:1100px){.hero-banner__menuLinks{gap:.45rem}.hero-banner__menuLinks a{font-size:.66rem;letter-spacing:.06em}}@media(max-width:720px),(hover:none)and (max-width:900px){.hero-banner__glass{--menu-button-size: 3rem;overflow:visible}.hero-banner__quickNav{top:.75rem;transform:none;-webkit-tap-highlight-color:transparent}.hero-banner__quickNav.is-open .hero-banner__quickNavHitArea{width:var(--menu-button-size);height:var(--menu-button-size);overflow:visible}.hero-banner__menuButton,.hero-banner__cartButton{width:var(--menu-button-size);height:var(--menu-button-size)}.hero-banner__menuLinks{position:absolute;top:3.75rem;left:0;width:max-content;min-width:11rem;max-width:none;max-height:calc(100svh - 4.5rem);flex:0 0 auto;flex-direction:column;align-items:stretch;gap:0;overflow-y:auto;background:#0a0a0af0;box-shadow:0 1rem 2.5rem #00000038;opacity:0;visibility:hidden;clip-path:inset(0 0 100% 0);transform:translate3d(0,-.75rem,0);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);white-space:normal;transition:clip-path .36s cubic-bezier(.22,1,.36,1),opacity .22s ease,transform .36s cubic-bezier(.22,1,.36,1),visibility 0s linear .36s}.hero-banner__menuLinks a{width:auto;min-height:3rem;justify-content:flex-start;padding:0 1.35rem 0 1rem;border-top:1px solid rgba(255,255,255,.1);font-size:.66rem;letter-spacing:.1em}.hero-banner__quickNav.is-open .hero-banner__menuLinks{max-width:none;max-height:calc(100svh - 4.5rem);opacity:1;visibility:visible;clip-path:inset(0);transform:translateZ(0);transition-delay:0s}.hero-banner__navLayer:not(.hero-banner__navLayer--hit):has(.hero-banner__quickNav.is-open) .hero-banner__menuLinks{opacity:0;visibility:hidden}.hero-banner__navLayer--hit:has(.hero-banner__quickNav.is-open) .hero-banner__menuLinks a{color:#fff!important;opacity:1!important}.hero-banner__cartCount{top:.05rem;right:-.25rem}}@media(prefers-reduced-motion:reduce){.hero-banner__glass,.hero-banner__menuLinks{transition:none}}.hero-banner__gateway.gateway--embedded{position:absolute;inset:0;z-index:1}.hero-banner__gateway.gateway--embedded .gateway__stage{min-height:100%}@media(max-width:720px),(hover:none)and (max-width:900px){.hero-banner__navButton{padding:.62rem .82rem;letter-spacing:.14em;font-size:.66rem}}