.fokus-hero{position:relative;display:block;min-height:100vh;min-height:100dvh;overflow:hidden;isolation:isolate;background:rgb(var(--color-fokus-orange));transition:background-color .5s ease}.fokus-hero[data-flavor=spearmint]{background:rgb(var(--color-fokus-black))}.fokus-hero__glow{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:0;pointer-events:none;background:radial-gradient(45% 55% at 22% 20%,rgba(255,255,255,.6),transparent 60%),radial-gradient(55% 60% at 82% 78%,rgba(0,0,0,.4),transparent 65%);filter:blur(70px);transition:opacity .4s ease,background .5s ease}.fokus-hero[data-flavor=spearmint] .fokus-hero__glow{background:radial-gradient(45% 55% at 22% 20%,rgba(255,255,255,.16),transparent 60%),radial-gradient(55% 60% at 82% 78%,rgba(255,77,13,.2),transparent 65%)}.fokus-hero__frost{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:#ffffff0a}.fokus-hero[data-flavor=spearmint] .fokus-hero__frost{background:#ffffff06}.fokus-hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:.055;pointer-events:none;background-image:repeating-linear-gradient(115deg,#000 0,#000 1px,transparent 1px,transparent 8px);mix-blend-mode:overlay}.fokus-hero__stage{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:130px 40px 90px}.fokus-hero__wordmark{position:absolute;top:52%;left:50%;z-index:1;width:min(1300px,145vw);height:auto;opacity:.62;pointer-events:none;filter:blur(13px);transform:translate(-50%,-50%) scale(1.04)}.fokus-hero__pouch{position:relative;z-index:3;display:block;width:auto;height:min(58vh,600px);object-fit:contain;filter:drop-shadow(0 40px 60px rgba(0,0,0,.45));transition:opacity .25s ease,visibility .25s ease}.fokus-hero__pouch[hidden]{display:none!important}.fokus-hero__pouch.is-active:not([hidden]){display:block;animation:fokus-pouch-enter .65s cubic-bezier(.22,1,.36,1) both}@keyframes fokus-pouch-enter{0%{opacity:0;transform:translateY(-70px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.fokus-hero__arrow{position:absolute;top:52%;z-index:8;display:flex;align-items:center;justify-content:center;width:46px;height:46px;min-width:46px;min-height:46px;margin:0;padding:0!important;color:rgb(var(--color-fokus-cream));background:#0b0b0b6b!important;border:1px solid rgba(246,242,234,.62)!important;border-radius:50%!important;box-shadow:0 10px 28px #00000038,inset 0 0 0 1px #ffffff06;font-family:Arial,sans-serif;font-size:18px;line-height:1;appearance:none;-webkit-appearance:none;cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.fokus-hero__arrow span{display:block;color:inherit;font-family:Arial,sans-serif;font-size:inherit;line-height:1;transform:translateY(-1px)}.fokus-hero__arrow:hover{color:rgb(var(--color-fokus-black));background:rgb(var(--color-fokus-orange))!important;border-color:rgb(var(--color-fokus-orange))!important;transform:translateY(-50%) scale(1.05)}.fokus-hero__arrow:focus-visible{outline:2px solid rgb(var(--color-fokus-orange));outline-offset:4px}.fokus-hero__arrow--prev{right:auto;left:28px}.fokus-hero__arrow--next{right:28px;left:auto}.fokus-hero__panel{position:absolute;right:clamp(70px,7vw,110px);bottom:64px;z-index:6;width:min(360px,30vw);max-width:360px;color:rgb(var(--color-fokus-cream));text-align:right}.fokus-hero__panel-inner[hidden],.fokus-hero__panel-inner:not(.is-active){display:none!important}.fokus-hero__panel-inner.is-active:not([hidden]){display:block;animation:fokus-panel-enter .52s ease both}@keyframes fokus-panel-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.fokus-hero__panel .fokus-eyebrow{display:flex;justify-content:flex-end;margin:0 0 12px;opacity:.85}.fokus-hero__desc{margin:14px 0 20px;font-size:15px;line-height:1.55;opacity:.92}.fokus-hero__row{display:flex;align-items:center;justify-content:flex-end;gap:18px}.fokus-hero__price{font-family:var(--font-fokus-display, sans-serif);font-size:22px;font-weight:700;white-space:nowrap}.fokus-hero__cta{min-height:48px;padding:0 24px;color:rgb(var(--color-fokus-cream));background:rgb(var(--color-fokus-black));border:1px solid rgba(246,242,234,.45);border-radius:999px}.fokus-hero[data-flavor=spearmint] .fokus-hero__cta{color:rgb(var(--color-fokus-cream));background:transparent;border-color:rgb(var(--color-fokus-orange))}.fokus-hero[data-flavor=spearmint] .fokus-hero__cta:hover{color:rgb(var(--color-fokus-black));background:rgb(var(--color-fokus-orange))}.fokus-hero__specs{position:absolute;z-index:6;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.fokus-hero__spec{position:relative;display:block;padding-left:18px;color:rgb(var(--color-fokus-cream));font-family:var(--font-fokus-display, sans-serif);font-size:10px;font-weight:700;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.fokus-hero__spec:before{content:"";position:absolute;top:50%;left:0;width:7px;height:2px;background:rgb(var(--color-fokus-orange));transform:translateY(-50%)}.fokus-hero__dots{position:absolute;bottom:28px;left:50%;z-index:6;display:flex;gap:10px;transform:translate(-50%)}.fokus-hero__dot{box-sizing:content-box;width:8px;height:8px;min-width:8px;min-height:8px;padding:12px;background-color:#f6f2ea66;background-clip:content-box;border:0;border-radius:999px;cursor:pointer}.fokus-hero__dot.is-active{background-color:rgb(var(--color-fokus-cream))}@media screen and (min-width:1101px){.fokus-hero__stage{transform:translateY(-68px)}.fokus-hero__specs{top:48%;bottom:auto;left:48px;margin:0;transform:none}.fokus-hero__panel{top:48%;bottom:auto;transform:none}.fokus-hero__arrow{top:51%;width:46px;height:46px;min-width:46px;min-height:46px}.fokus-hero__arrow--prev{right:auto;left:calc(50% - 245px)}.fokus-hero__arrow--next{right:auto;left:calc(50% + 199px)}}@media screen and (min-width:750px)and (max-width:1100px){.fokus-hero__stage{transform:translateY(-48px)}.fokus-hero__specs{top:48%;bottom:auto;left:28px;margin:0;transform:none}.fokus-hero__panel{top:48%;right:32px;bottom:auto;width:min(320px,32vw);transform:none}.fokus-hero__arrow{top:50%;width:42px;height:42px;min-width:42px;min-height:42px}.fokus-hero__arrow--prev{right:auto;left:calc(50% - 205px)}.fokus-hero__arrow--next{right:auto;left:calc(50% + 163px)}}@media screen and (max-width:749px){.fokus-hero{min-height:calc(100svh - 118px);min-height:calc(100dvh - 118px)}.fokus-hero__stage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100svh - 118px);min-height:calc(100dvh - 118px);padding:20px 16px 42px;transform:none}.fokus-hero__wordmark{top:47%;width:180vw;opacity:.58;filter:blur(11px);transform:translate(-50%,-50%) scale(1.05)}.fokus-hero__pouch{flex:0 0 auto;width:auto;max-width:84vw;height:clamp(310px,42svh,370px);max-height:370px;margin:4px auto 0;object-fit:contain;filter:drop-shadow(0 26px 38px rgba(0,0,0,.48))}.fokus-hero__pouch[hidden]{display:none!important}.fokus-hero__pouch.is-active:not([hidden]){display:block}.fokus-hero__panel{position:relative;top:auto;right:auto;bottom:auto;flex:0 0 auto;width:100%;max-width:350px;margin:-28px auto 0;color:rgb(var(--color-fokus-cream));text-align:center;transform:none}.fokus-hero__panel .fokus-eyebrow{justify-content:center;margin:0 0 9px}.fokus-hero__panel .fokus-pill{display:inline-flex}.fokus-hero__desc{max-width:320px;margin:11px auto 12px;font-size:14px;line-height:1.42}.fokus-hero__row{justify-content:center;gap:13px}.fokus-hero__price{font-size:21px}.fokus-hero__cta{min-height:44px;padding:0 23px}.fokus-hero__specs{display:none!important}.fokus-hero__arrow{top:42%;width:40px;height:40px;min-width:40px;min-height:40px;padding:0!important;color:rgb(var(--color-fokus-cream));background:#0b0b0b61!important;border:1px solid rgba(246,242,234,.58)!important;border-radius:50%!important;font-size:16px}.fokus-hero__arrow--prev{right:auto;left:7px}.fokus-hero__arrow--next{right:7px;left:auto}.fokus-hero__dots{bottom:5px}}@media screen and (max-width:749px)and (max-height:720px){.fokus-hero__stage{padding-top:10px;padding-bottom:34px}.fokus-hero__pouch{height:clamp(265px,37svh,300px);max-height:300px;margin-top:0}.fokus-hero__panel{margin-top:-24px}.fokus-hero__panel .fokus-eyebrow{margin-bottom:7px}.fokus-hero__desc{margin-top:8px;margin-bottom:9px;font-size:13px}.fokus-hero__cta{min-height:42px}.fokus-hero__dots{bottom:2px}}@media screen and (max-width:380px){.fokus-hero__stage{padding-right:12px;padding-left:12px}.fokus-hero__pouch{max-width:82vw;height:clamp(280px,40svh,330px)}.fokus-hero__panel{max-width:330px}.fokus-hero__desc{max-width:290px}.fokus-hero__row{gap:10px}.fokus-hero__cta{padding-right:20px;padding-left:20px}}@media(prefers-reduced-motion:reduce){.fokus-hero,.fokus-hero__glow,.fokus-hero__pouch,.fokus-hero__panel-inner,.fokus-hero__arrow{transition-duration:1ms;animation-duration:1ms!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-fokus-hero.css.map */