*{cursor:none}.custom-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:9999}@media (pointer: coarse){.custom-cursor{display:none}*{cursor:auto}}.roll{display:inline-flex;overflow:hidden;line-height:1.2}.roll__letter{display:inline-flex;flex-direction:column;height:1.2em;transition:transform .45s var(--ease-out);transition-delay:calc(var(--i) * 18ms)}.roll:hover .roll__letter,.roll-trigger:hover .roll__letter,.roll-trigger:focus-visible .roll__letter{transform:translateY(-1.2em)}.navbar{position:absolute;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 var(--gutter)}.navbar__logo{position:relative;z-index:2}.navbar__logo img{width:101px;height:auto}.navbar__links{position:absolute;left:50%;transform:translate(-50%)}.navbar__links ul{display:flex;gap:74px}.navbar__link{display:block;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.01em}.navbar__cart{position:relative;z-index:2;display:grid;place-items:center;transition:transform .3s var(--ease-out)}.navbar__cart:hover{transform:scale(1.1)}.navbar__burger{display:none;position:relative;z-index:2;width:24px;height:18px}.navbar__burger span{position:absolute;left:0;height:2.5px;border-radius:2px;background:var(--white);transition:transform .4s var(--ease-out),opacity .2s ease,width .4s var(--ease-out)}.navbar__burger span:nth-child(1){top:0;width:100%}.navbar__burger span:nth-child(2){top:8px;width:70%}.navbar__burger span:nth-child(3){top:16px;width:100%}.navbar__burger.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.navbar__burger.is-open span:nth-child(2){opacity:0;width:0}.navbar__burger.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;padding:0 var(--gutter);background:var(--black)}.mobile-menu ul{display:flex;flex-direction:column;gap:18px}.mobile-menu a{font-size:36px;font-weight:500;text-transform:uppercase}@media (max-width: 1199px){.navbar__links ul{gap:44px}}@media (max-width: 809px){.navbar{height:50px}.navbar__links{display:none}.navbar__burger{display:block}.navbar__logo{position:absolute;left:50%;transform:translate(-50%)}}.hero{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:var(--black)}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero__media video{width:100%;height:100%;object-fit:cover}.hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000059,#0000 14%),linear-gradient(0deg,#000000d9,#0000 32%);pointer-events:none}.hero__content{position:absolute;left:0;right:0;bottom:57px;display:flex;flex-direction:column;align-items:center;gap:28px;padding:0 var(--gutter);text-align:center}.hero__title{font-size:72px;font-weight:500;line-height:1.1;letter-spacing:-.01em}.hero__line{display:block}.hero__cta{height:36px;font-size:14px;letter-spacing:.1em}@media (max-width: 1199px){.hero__title{font-size:60px}}@media (max-width: 809px){.hero__content{top:50%;bottom:auto;gap:22px;transform:translateY(-58%)}.hero__title{font-size:40px;line-height:1.15}.hero__cta{height:38px}}.flavors{padding:112px 0 160px}.flavors__title{margin-bottom:50px;font-size:64px;font-weight:500;line-height:1.2;text-align:center}.flavors__word{display:inline-block;white-space:nowrap}.flavors__word:not(:last-child){margin-right:.25em}.flavors__char{display:inline-block;will-change:transform,filter}.flavors__viewport{max-width:1200px;margin:0 auto;overflow:hidden}.flavors__track{--card-width: 300px;--card-gap: 10px;display:flex;gap:var(--card-gap);width:max-content;animation:flavors-marquee 32s linear infinite}.flavors__viewport:hover .flavors__track{animation-play-state:paused}@keyframes flavors-marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - var(--card-gap) / 2))}}.flavor-card{position:relative;flex-shrink:0;width:var(--card-width);height:360px;overflow:hidden;background:#0a0a0a}.flavor-card__text{position:relative;z-index:2;padding:22px 20px}.flavor-card__text h3{margin-bottom:6px;font-size:16px;font-weight:500}.flavor-card__text p{font-size:14px;font-weight:400;color:var(--text-muted)}.flavor-card__glow{position:absolute;left:50%;bottom:-70px;width:260px;height:220px;border-radius:50%;background:var(--glow);filter:blur(60px);opacity:.35;transform:translate(-50%);transition:opacity .5s ease}.flavor-card__image{position:absolute;left:50%;top:124px;width:280px;transform:translate(-50%);transition:transform .6s var(--ease-out);-webkit-user-select:none;user-select:none}.flavor-card:hover .flavor-card__image{transform:translate(-50%) translateY(-14px) scale(1.04)}.flavor-card:hover .flavor-card__glow{opacity:.6}@media (max-width: 1199px){.flavors__title{font-size:52px}}@media (max-width: 809px){.flavors{padding:80px 0 110px}.flavors__title{margin-bottom:36px;font-size:34px}.flavors__track{--card-width: 236px;--card-gap: 12px;animation-duration:26s}.flavor-card{height:278px}.flavor-card__text{padding:16px 14px}.flavor-card__image{top:92px;width:220px}}.footer{padding-top:40px;overflow:hidden}.footer__top{display:flex;justify-content:space-between;gap:60px;padding:0 54px 80px}.footer__newsletter{width:428px;max-width:100%}.footer__title{margin-bottom:26px;font-size:64px;font-weight:500;line-height:1;white-space:nowrap}.newsletter{display:flex;align-items:center;border-bottom:1px solid #333;transition:border-color .3s ease}.newsletter:focus-within{border-color:#777}.newsletter input{flex:1;min-width:0;padding:6px 8px;border:0;background:transparent;font:inherit;font-size:14px;font-weight:400;color:var(--white);outline:none}.newsletter input::placeholder{color:#707070}.newsletter__join{padding:4px 10px;font-size:16px;font-weight:400;letter-spacing:1px;text-transform:uppercase;color:var(--yellow)}.footer__columns{display:grid;grid-template-columns:194px 165px auto;padding-top:10px}.footer__column h3{margin-bottom:6px;font-size:12px;font-weight:400;line-height:20px;text-transform:uppercase;color:#4a4a4a}.footer__column a{display:inline-block;font-size:12px;font-weight:400;line-height:32px;color:#f2f2f2}.footer__bottom{display:flex;align-items:center;justify-content:space-between;margin:0 2px;padding:20px 52px 0;border-top:1px solid #333}.footer__copyright,.footer__socials a{font-size:12px;font-weight:400;letter-spacing:1px;text-transform:uppercase}.footer__socials{display:flex;gap:43px}.footer__socials a{color:#666;transition:color .3s ease}.footer__socials a:hover{color:var(--white)}.footer__brand{margin-top:40px;padding:0 25px;opacity:.12;pointer-events:none}.footer__brand img{width:100%;margin-bottom:-6%}@media (max-width: 1199px){.footer__top{flex-direction:column;padding:0 40px 64px}.footer__bottom{padding:20px 38px 0}}@media (max-width: 809px){.footer{padding-top:20px}.footer__top{gap:28px;padding:0 28px 28px}.footer__newsletter{width:100%}.footer__title{margin-bottom:14px;font-size:40px}.footer__columns{grid-template-columns:1fr;row-gap:22px;padding-top:0}.footer__bottom{flex-direction:column-reverse;gap:22px;padding:20px 20px 0}.footer__socials{gap:43px}.footer__brand{margin-top:28px;padding:0 20px}}:root{--black: #000;--white: #fff;--text-muted: #c4c4c4;--yellow: #f0b712;--font: "Figtree", "Helvetica Neue", Arial, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--gutter: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--black);color:var(--white);font-family:var(--font);font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0}ul{list-style:none}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.btn--yellow{background:var(--yellow);color:var(--black)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width: 809px){:root{--gutter: 20px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
