@layer reset,base,components,responsive;@layer reset{*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,p{margin:0}img,video{display:block;max-width:100%}img{height:auto}[hidden]{display:none!important}button,a{font:inherit}}@layer base{:root{color-scheme:dark;--ink: #fffdf5;--muted: #d7d1ff;--night: #0b0733;--night-soft: #171052;--primary: #2905f7;--blue-deep: #130071;--blue-cobalt: #1239ff;--blue-sky: #26c6ff;--blue-violet: #7357ff;--secondary: #c9dcff;--accent: #ffe12e;--yellow-lemon: #fff45c;--yellow-gold: #ffb800;--yellow-cream: #fff3bd;--line: rgb(255 253 245 / .2);--radius: 18px;--shell: min(100% - 2rem, 78rem);--display: "Arial Black", "Arial Narrow", Arial, sans-serif;--editorial: Georgia, "Times New Roman", serif;--body: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif}html{background:var(--night)}body{min-width:20rem;overflow-x:hidden;background:radial-gradient(circle at 15% 28%,rgb(41 5 247 / .3),transparent 28rem),radial-gradient(circle at 88% 62%,rgb(38 198 255 / .12),transparent 30rem),linear-gradient(160deg,var(--night) 0%,#10055c 48%,#060225 100%);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.5;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.shell{width:var(--shell);margin-inline:auto}main section[id]{scroll-margin-top:6rem}h1,h2,.wordmark,.marquee,.flavor-kicker{font-family:var(--display);font-weight:900;letter-spacing:-.06em}h2{font-size:clamp(3rem,8vw,7.5rem);line-height:.88;text-transform:uppercase}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}}@layer components{.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:20;translate:0 -150%;border-radius:999px;background:var(--ink);color:var(--night);padding:.7rem 1rem}.skip-link:focus{translate:0}.site-header{position:fixed;inset:.5rem 0 auto;z-index:10;pointer-events:none}.nav{min-height:4.5rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;border:1px solid rgb(255 253 245 / .2);border-radius:999px;background:linear-gradient(110deg,#2905f7d1,#26c6ff4d,#0b0733e0);box-shadow:0 .8rem 2.5rem #0702283d;padding-inline:1rem;pointer-events:auto;backdrop-filter:blur(16px)}.wordmark{font-size:1rem;letter-spacing:-.04em}.nav-links{display:flex;gap:1.75rem;font-size:.9rem;font-weight:700}.nav-links a{transition:color .18s ease,transform .18s ease}.nav-links a:hover{color:var(--yellow-lemon);transform:translateY(-2px)}.nav>.button{justify-self:end}.mobile-menu{display:none;position:relative}.mobile-menu summary{min-width:3.3rem;min-height:2.7rem;display:grid;place-items:center;border-radius:999px;background:linear-gradient(115deg,var(--yellow-lemon),var(--yellow-gold));color:var(--night);cursor:pointer;font-size:.66rem;font-weight:900;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu>div{position:absolute;top:calc(100% + .65rem);left:0;min-width:11rem;display:grid;gap:.15rem;border:1px solid var(--line);border-radius:var(--radius);background:#0b0733f5;box-shadow:0 1rem 3rem #07022866;padding:.6rem}.mobile-menu>div a{border-radius:12px;padding:.75rem;font-weight:800}.mobile-menu>div a:hover{background:#26c6ff2e}.button{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(115deg,var(--yellow-lemon),var(--yellow-gold));color:var(--night);cursor:pointer;padding:.8rem 1.35rem;font-weight:900;white-space:nowrap;transition:background .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}.button:hover{background:linear-gradient(115deg,var(--yellow-cream),var(--yellow-lemon));transform:translateY(-2px)}.button:active{transform:scale(.98)}.button-small{min-height:2.7rem;padding:.6rem 1.1rem;font-size:.875rem}.button-disabled{cursor:not-allowed;opacity:.72}.hero{position:relative;min-height:100dvh;overflow:hidden;background:repeating-linear-gradient(115deg,transparent 0 7px,rgb(255 255 255 / .025) 7px 8px),radial-gradient(circle at 82% 16%,rgb(38 198 255 / .65),transparent 22rem),radial-gradient(circle at 12% 80%,rgb(115 87 255 / .75),transparent 28rem),linear-gradient(125deg,var(--primary) 0%,var(--blue-cobalt) 34%,var(--blue-deep) 76%,#070228 100%)}.hero:before,.hero:after{content:"";position:absolute;border:2px solid rgb(255 253 245 / .32);border-radius:50%;pointer-events:none}.hero:before{width:13rem;aspect-ratio:1;left:-5rem;top:24%}.hero:after{width:6rem;aspect-ratio:1;right:6%;bottom:10%}.hero-copy{position:relative;z-index:3;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:6.25rem 4rem}.hero .eyebrow{margin-bottom:1rem;color:var(--accent)}.hero h1{max-width:none;font-size:clamp(4.2rem,7.2vw,7.5rem);line-height:.82;text-transform:uppercase}.hero h1 em{display:block;color:var(--accent);font-style:italic;line-height:1.1;padding-bottom:.08em;background:linear-gradient(90deg,var(--yellow-lemon),var(--yellow-gold));background-clip:text;-webkit-text-fill-color:transparent}.hero-lede{max-width:19rem;margin-top:1.25rem;color:var(--muted);font-size:clamp(1rem,1.6vw,1.25rem);font-weight:650}.hero-actions{display:flex;align-items:center;gap:1.25rem;margin-top:1.65rem}.text-link{border-bottom:2px solid currentColor;padding-block:.4rem;font-weight:800}.hero-product{position:absolute;z-index:2;width:min(36vw,31rem);right:7vw;top:50%;translate:0 -45%}.hero-product img{position:relative;z-index:2;width:100%;border-radius:var(--radius);box-shadow:0 2.8rem 6rem #0205168c}.orbit{position:absolute;border-radius:50%;background:conic-gradient(from 40deg,var(--yellow-lemon),var(--yellow-gold),var(--yellow-cream),var(--yellow-lemon));box-shadow:0 0 4rem #ffb8004d}.orbit-one{width:38%;aspect-ratio:1;top:-5%;right:-15%}.orbit-two{width:22%;aspect-ratio:1;left:-12%;bottom:18%;background:linear-gradient(145deg,var(--secondary),var(--blue-sky));box-shadow:0 0 3rem #26c6ff4d}.hero-word{position:absolute;z-index:1;right:-.08em;bottom:-.22em;color:#fffdf514;font-family:var(--display);font-size:clamp(8rem,27vw,28rem);font-weight:900;letter-spacing:-.1em;line-height:1;white-space:nowrap}.marquee{overflow:hidden;border-block:1px solid var(--line);background:linear-gradient(90deg,var(--yellow-lemon),var(--yellow-gold) 48%,var(--yellow-cream));color:var(--night);font-size:clamp(1.7rem,4vw,3.2rem);letter-spacing:-.04em;white-space:nowrap}.marquee div{display:flex;width:max-content;animation:marquee 22s linear infinite}.marquee span{padding:.6rem 2rem}.marquee span:after{content:"✦";padding-left:4rem}.story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr) minmax(10rem,.55fr);grid-template-rows:1fr 1fr;gap:.45rem;padding-block:clamp(5rem,11vw,10rem)}.story>*{overflow:hidden;border-radius:var(--radius)}.story-heading{grid-row:1 / 3;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,var(--yellow-lemon),var(--yellow-gold));color:var(--night);padding:clamp(1.5rem,3vw,3rem)}.story h2{font-family:var(--editorial);font-size:clamp(3rem,5.4vw,5.8rem);font-weight:700;letter-spacing:-.055em;line-height:.9;text-transform:none}.story p{max-width:24rem;margin-top:1.5rem;color:#0b0733c7;font-size:1.05rem}.story-graphic{position:relative;grid-row:1 / 3;min-height:33rem;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius);background:repeating-linear-gradient(135deg,transparent 0 12px,rgb(255 255 255 / .055) 12px 13px),radial-gradient(circle at 80% 15%,var(--blue-sky),transparent 35%),linear-gradient(145deg,var(--blue-deep),var(--primary) 58%,var(--blue-violet));box-shadow:inset 0 0 6rem #07022859}.story-graphic:before{content:"";position:absolute;width:22rem;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 25deg,var(--yellow-lemon),var(--yellow-gold),var(--yellow-cream),var(--yellow-lemon));box-shadow:0 0 0 1.25rem #26c6ff1f,0 0 5rem #ffe12e4d}.story-graphic:after{content:"";position:absolute;width:8rem;aspect-ratio:1;right:8%;top:9%;border:2px solid var(--ink);border-radius:50%;box-shadow:-16rem 16rem 0 -2rem #26c6ffb3}.story-graphic span{position:relative;z-index:1;color:var(--night);font-family:var(--display);font-size:clamp(4.5rem,11vw,10rem);font-weight:900;letter-spacing:-.08em;rotate:-8deg}.story-stat{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,var(--blue-sky),var(--secondary));color:var(--night);padding:1.25rem}.story-stat strong{font-family:var(--display);font-size:clamp(4rem,7vw,7rem);letter-spacing:-.1em;line-height:.8}.story-stat span{font-weight:900;line-height:1}.story-note{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,var(--blue-violet),var(--blue-deep));padding:1.25rem}.story-note span{color:var(--yellow-lemon);font-size:.75rem;font-weight:900;letter-spacing:.16em}.story-note strong{font-family:var(--display);font-size:clamp(1.8rem,3.2vw,3.4rem);letter-spacing:-.08em;line-height:.85;rotate:-6deg}.flavor{position:relative;min-height:40rem;display:grid;grid-template-columns:1fr auto;align-items:center;overflow:hidden;border-radius:var(--radius);background:repeating-linear-gradient(120deg,transparent 0 9px,rgb(255 255 255 / .035) 9px 10px),radial-gradient(circle at 78% 20%,rgb(255 244 92 / .88),transparent 17rem),radial-gradient(circle at 18% 78%,rgb(38 198 255 / .55),transparent 22rem),linear-gradient(130deg,var(--blue-deep),var(--primary) 48%,var(--blue-cobalt));padding:clamp(2rem,6vw,5rem)}.flavor-title-wrap{position:relative;z-index:2}.flavor-kicker{color:var(--accent);font-size:clamp(3rem,9vw,9rem);line-height:.78}.flavor h2{font-size:clamp(6rem,19vw,16rem)}.flavor-facts{display:grid;gap:.7rem;justify-items:end}.flavor-facts span{border:1px solid rgb(255 253 245 / .55);border-radius:999px;background:#0b073333;padding:.75rem 1rem;font-weight:800;backdrop-filter:blur(8px)}.flavor-note{position:absolute;left:clamp(2rem,6vw,5rem);bottom:2rem;max-width:31rem;color:#fffdf5bf;font-size:.82rem}.film{position:relative;display:grid;grid-template-columns:.85fr minmax(20rem,.7fr);gap:clamp(3rem,11vw,10rem);align-items:center;border-radius:var(--radius);background:repeating-linear-gradient(115deg,transparent 0 11px,rgb(255 255 255 / .025) 11px 12px),radial-gradient(circle at 90% 15%,rgb(38 198 255 / .24),transparent 18rem),linear-gradient(145deg,#130071b8,#0b07332e 55%);padding-inline:clamp(1rem,5vw,4rem);padding-block:clamp(6rem,12vw,11rem)}.film-copy{align-self:center}.film-copy h2{max-width:8ch}.film-copy>p:last-child{max-width:26rem;margin-top:1.5rem;color:var(--muted);font-size:1.12rem}.video-shell{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--night-soft);aspect-ratio:53 / 67}.video-shell img,.video-shell video{width:100%;height:100%;object-fit:cover}.video-shell video{position:absolute;inset:0}.video-poster{position:relative;z-index:2}.video-error{position:absolute;z-index:4;inset:auto 1rem 1rem;border-radius:12px;background:var(--night);padding:.9rem}.video-error a{text-decoration:underline}.find{position:relative;overflow:hidden;border-radius:var(--radius);background:repeating-linear-gradient(120deg,transparent 0 10px,rgb(255 255 255 / .035) 10px 11px),radial-gradient(circle at 88% 20%,rgb(38 198 255 / .5),transparent 18rem),linear-gradient(135deg,var(--blue-deep),var(--primary));padding:clamp(3rem,9vw,8rem)}.find:after{content:"";position:absolute;width:22rem;aspect-ratio:1;right:-7rem;top:-7rem;border-radius:50%;background:conic-gradient(from 30deg,var(--yellow-lemon),var(--yellow-gold),var(--yellow-cream),var(--yellow-lemon));box-shadow:0 0 5rem #ffb80052}.find>*{position:relative;z-index:1}.find .eyebrow{margin-bottom:1.25rem;color:var(--accent)}.find h2{max-width:10ch}.find>p:not(.eyebrow){max-width:26rem;margin-block:1.5rem;color:var(--muted);font-size:1.1rem}.footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;padding-block:2.5rem;color:var(--muted);font-size:.85rem}.footer .wordmark{color:var(--ink)}@keyframes marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:no-preference){.hero-copy>*{animation:rise-in .7s both cubic-bezier(.16,1,.3,1)}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-product{animation:product-in .9s .16s both cubic-bezier(.16,1,.3,1)}.hero-product img{animation:breathe 5s 1.1s ease-in-out infinite alternate}.story>*{transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s ease}.story>*:hover{transform:translateY(-.35rem);filter:saturate(1.08)}@keyframes rise-in{0%{opacity:0;transform:translateY(1.5rem)}}@keyframes product-in{0%{opacity:0;transform:translateY(2rem) rotate(4deg)}}@keyframes breathe{to{transform:translateY(-.65rem) rotate(-.5deg)}}}}@layer responsive{@media(max-width:767px){:root{--shell: min(100% - 2rem, 78rem)}.nav{min-height:4rem;grid-template-columns:auto 1fr auto}.nav-links{display:none}.mobile-menu{display:block}.nav>.wordmark{justify-self:center}.hero{min-height:100dvh}.hero-copy{min-height:62dvh;justify-content:flex-start;padding-top:7.2rem;padding-bottom:1rem}.hero h1{font-size:clamp(2.95rem,13.3vw,3.4rem)}.hero-lede{max-width:17rem;font-size:.98rem}.hero-actions{margin-top:1.3rem}.hero-product{width:min(60vw,15rem);min-width:10.5rem;right:4vw;top:auto;bottom:-2rem;translate:0}.hero-word{bottom:0;font-size:42vw}.orbit-one{right:-18%}.story,.film{grid-template-columns:1fr;padding-block:5rem}.story{grid-template-rows:none;gap:.45rem}.story-heading{grid-row:auto;order:2;min-height:22rem}.story-graphic{grid-row:auto;order:1;min-height:25rem}.story-graphic:before{width:15rem}.story-stat{order:3;min-height:12rem}.story-note{order:4;min-height:12rem}.film{gap:2.5rem}.flavor{min-height:34rem;grid-template-columns:1fr;align-content:center;padding:2rem}.flavor-kicker{font-size:min(11.5vw,3rem)}.flavor h2{font-size:min(24vw,6.2rem)}.flavor-facts{justify-items:start;margin-top:2rem}.flavor-note{left:2rem;right:2rem;bottom:1.5rem}.film{width:min(100% - 3.5rem,78rem)}.film-copy{padding-inline:.25rem}.video-shell{width:min(100%,28rem);margin-inline:auto}.find{padding:3rem 2rem 8rem}.find:after{width:15rem;top:auto;right:-5rem;bottom:-6rem}.footer{grid-template-columns:1fr;gap:.65rem}}@media(max-width:390px){.button-small{padding-inline:.9rem}.hero-actions{gap:.9rem}.hero-actions .button{min-height:3rem;padding-inline:1rem}.hero-product{bottom:-1.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.marquee div{animation:none;transform:none}}}