@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--red:#f20b24;--yellow:#ffdf30;--cream:#fff6df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#050505;color:var(--cream);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:7px}header{max-width:1440px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:10}.brand{display:inline-flex;flex-direction:column;align-items:center;border:5px solid var(--red);padding:10px 13px 8px;transform:rotate(-1deg);background:#060606;line-height:1.05;box-shadow:2px -2px 0 #f20b24,-2px 2px 0 #f20b24}.brand strong,.brand b{font-family:Arial,sans-serif;font-weight:800;font-size:clamp(14px,1.6vw,23px);white-space:nowrap}.brand strong{color:#dce949}.brand b{color:#51b94d;margin-top:5px}.brand span{font-size:9px;font-weight:800;color:var(--yellow);margin-top:10px;padding-top:7px;border-top:3px solid var(--red)}nav{display:flex;gap:36px;font-size:13px;font-weight:800;text-transform:uppercase}nav a:hover{color:var(--yellow)}.motion{background:transparent;color:#aaa;border:1px solid #444;border-radius:30px;padding:10px 13px;font-size:11px}.hero{isolation:isolate;position:relative;text-align:center;overflow:hidden;padding:30px 16px 60px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.6px;color:var(--yellow)}h1,h2,h3,.hot,.cta{font-family:'Barlow Condensed','Arial Black',Impact,sans-serif}h1{font-size:clamp(58px,10vw,156px);line-height:.85;font-weight:900;letter-spacing:-2px;margin:32px auto 25px;transform:rotate(-3deg);position:relative;z-index:4;width:max-content;max-width:100%}h1 span{position:relative}h1 span:after{content:'';position:absolute;height:8px;background:var(--red);bottom:-14px;left:3%;width:94%;border-radius:80%;transform:rotate(-2deg)}.stage{position:relative;max-width:1260px;margin:60px auto 20px}.jars{display:flex;align-items:flex-end;justify-content:center;gap:0;padding:0 20px}.jar{position:relative;width:25%;padding:0 5px;background:none;border:0;color:var(--cream);transition:transform .4s;isolation:isolate}.jar img{position:relative;z-index:2;display:block;width:100%;height:auto;filter:drop-shadow(0 12px 8px #000);transition:filter .4s,transform .4s}.jar.active img{filter:drop-shadow(0 0 22px #f4541455)}.jar:hover img{transform:translateY(-10px) rotate(-2deg)}.jar-caption{display:block;font-size:12px;margin-top:12px;font-weight:700;min-height:36px}.jar-caption small{display:block;font-size:10px;color:#999;font-weight:400;margin-top:3px}.ambient{position:absolute;inset:20% -10% 0;background:radial-gradient(ellipse at 80% 70%,#c1290c33,transparent 42%);z-index:-1;animation:glow 3s ease-in-out infinite alternate}.cta{display:inline-flex;align-items:center;gap:35px;background:var(--red);border:2px solid #ff4d5e;border-radius:15px;padding:15px 28px;font-size:27px;font-weight:800;box-shadow:0 7px 0 #750010;position:relative;z-index:5}.cta:hover{background:#ff243a;transform:translateY(-2px)}.cta span{font-family:Arial}.concept{font-size:10px;color:#777;margin-top:22px}.heat-effects{position:absolute;inset:0;z-index:1;pointer-events:none}.hot{position:absolute;top:-85px;right:0;color:var(--yellow);background:var(--red);padding:15px 18px;font-size:30px;line-height:.82;transform:rotate(12deg);clip-path:polygon(5% 0,20% 5%,30% 0,45% 5%,60% 0,70% 5%,90% 0,95% 20%,100% 35%,95% 50%,100% 70%,90% 80%,95% 100%,70% 95%,50% 100%,30% 95%,10% 100%,5% 80%,0 60%,5% 40%,0 20%);z-index:5}.flame{position:absolute;top:-17%;width:28%;height:50%;background:linear-gradient(0deg,#f53500,#ff9d00 50%,#ffe557 85%,transparent);border-radius:65% 8% 55% 45%;filter:blur(1px);transform-origin:50% 100%;animation:burn .7s ease-in-out infinite alternate;opacity:.9}.f1{left:12%;transform:rotate(-15deg)}.f2{left:36%;height:65%;top:-30%;animation-delay:-.2s}.f3{right:12%;animation-delay:-.4s}.f4{left:24%;width:50%;height:35%;top:0;animation-delay:-.6s}.steam{position:absolute;left:30%;top:-40%;width:25%;height:55%;border:12px solid #ddd;border-top:0;border-bottom:0;border-radius:50%;filter:blur(12px);opacity:0;animation:steam 3.5s infinite}.s2{left:50%;animation-delay:-1.2s}.s3{left:10%;animation-delay:-2.3s}.sweat{position:absolute;inset:0;pointer-events:none;z-index:6}.drop{position:absolute;top:-50px;left:var(--x);width:var(--w);height:calc(var(--w)*1.8);border-radius:70% 30% 60% 40%;background:linear-gradient(115deg,#ffffffa0,#a83c1555 35%,#ff74064d 65%,#ffdb7e90);box-shadow:inset 2px 0 2px #fff5,0 1px 3px #ff810833;animation:sweat var(--speed) var(--delay) linear infinite}.carousel-controls{display:none}.flavors{border-top:1px solid #252525;padding:65px 5% 80px;max-width:1440px;margin:auto}.section-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:0 60px}.section-head .eyebrow{grid-column:1/-1}h2{font-size:clamp(54px,7vw,95px);line-height:.9;margin:20px 0;letter-spacing:-1px;font-weight:900}h2 em{font-style:normal;color:var(--red)}.section-head>p:last-child{max-width:360px;color:#aaa;line-height:1.7}.flavor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:40px}.flavor-grid button{position:relative;background:linear-gradient(#131313,#080808);border:1px solid #2a2a2a;border-radius:15px;color:var(--cream);text-align:left;padding:24px;transition:border .3s,transform .3s}.flavor-grid button:hover{border-color:var(--red);transform:translateY(-6px)}.flavor-grid img{width:90%;display:block;margin:0 auto 20px}.number{font-size:11px;letter-spacing:2px;color:var(--red)}h3{font-size:26px;line-height:1.1;margin:8px 0 15px}.flavor-grid p{font-size:10px;color:#888}.explore{font-size:11px;font-weight:700;color:var(--yellow)}.enjoy{padding:80px 7%;border-top:1px solid #252525;background:radial-gradient(ellipse at 90% 100%,#361008,transparent 65%);text-align:center}.enjoy>p:not(.eyebrow){line-height:1.8;color:#aaa;max-width:470px;margin:30px auto}.pairings{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:45px}.pairings span{font-size:13px;letter-spacing:1px;border-bottom:2px solid var(--red);padding-bottom:10px}footer{padding:40px 5%;border-top:1px solid #252525;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:10px;color:#777;max-width:250px}footer>a:last-child{font-size:12px}body.paused *,body.paused *:before,body.paused *:after{animation-play-state:paused!important}@keyframes burn{from{transform:scale(.9,1) rotate(-10deg)}to{transform:scale(1.1,1.2) rotate(8deg)}}@keyframes steam{0%{opacity:0;transform:translateY(25px) scale(.7) rotate(-10deg)}30%{opacity:.3}100%{opacity:0;transform:translateY(-100px) scale(1.6) rotate(25deg)}}@keyframes glow{to{opacity:.4}}@keyframes sweat{to{transform:translateY(1100px)}}
@media(max-width:700px){header{padding:18px 20px;gap:10px}.brand{padding:8px 10px;border-width:4px}.brand strong,.brand b{font-size:15px}.brand span{font-size:7px;margin-top:7px;padding-top:5px}nav{display:none}.motion{font-size:10px;padding:9px}.hero{padding:8px 0 45px}.hero>.eyebrow{display:none}h1{font-size:clamp(58px,14vw,96px);margin:28px auto 18px;letter-spacing:-1px}h1 span:after{height:6px;bottom:-10px}.stage{margin-top:90px;max-width:100%}.jars{display:block;position:relative;height:380px;padding:0}.jar{position:absolute;width:230px;left:50%;bottom:0;margin-left:-115px;transition:transform .5s,opacity .5s}.jar img{max-height:335px;object-fit:contain}.jar-caption{font-size:12px}.jar:not(.active) .heat-effects{visibility:hidden}.jar:not(.active){opacity:.35}.jar.active{z-index:3}.hot{font-size:24px;right:-12px;top:-60px}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px;position:relative;z-index:7}.carousel-controls>button{border:1px solid #444;border-radius:50%;width:40px;height:40px;background:#141414;color:white;font-size:20px}.dots{display:flex;gap:10px}.dots button{width:9px;height:9px;border:1px solid #888;border-radius:50%;padding:0;background:#444}.dots button[aria-pressed=true]{background:var(--red);border-color:var(--red);box-shadow:0 0 10px #f2092255}.cta{font-size:25px;padding:13px 24px;margin-top:7px}.flavors{padding:45px 20px}.section-head{display:block}.section-head>p:last-child{font-size:13px}.flavor-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.flavor-grid button{padding:17px 13px;border-radius:10px}.flavor-grid img{width:100%}h3{font-size:23px}.enjoy{padding:55px 23px}.enjoy>p:not(.eyebrow){font-size:13px}.pairings{gap:18px}.pairings span{font-size:10px}footer{padding:30px 20px;flex-wrap:wrap}footer p{max-width:130px}footer>a:last-child{width:100%;text-align:center}.drop{opacity:.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.steam{opacity:.15}}

.packshot{display:block;position:relative;overflow:hidden;aspect-ratio:512/683;width:100%;z-index:2}.packshot img{position:absolute!important;width:400%!important;max-width:none!important;height:100%!important;max-height:none!important;left:0;top:0;object-fit:fill!important}.p2 img{left:-100%}.p3 img{left:-200%}.p4 img{left:-300%}.flavor-grid .packshot{width:90%;margin:0 auto 20px}.flavor-grid .packshot img{margin:0}.jar:hover img{transform:none}.jar:hover .packshot{transform:translateY(-8px)}

.jar{width:30%;max-width:340px}.packshot{aspect-ratio:1/1.43}.packshot img{width:300%!important}.p2 img{left:-100%}.p3 img{left:-200%}.flavor-grid{grid-template-columns:repeat(3,1fr)}.flame{clip-path:polygon(50% 0,60% 20%,58% 38%,82% 25%,76% 50%,94% 45%,100% 70%,85% 92%,50% 100%,15% 92%,0 70%,7% 50%,30% 62%,24% 33%,42% 47%,35% 20%);border-radius:0;background:radial-gradient(ellipse at 50% 85%,#fff7a8 0%,#ffdf23 20%,#ff7900 45%,#f43200 65%,transparent 73%);filter:drop-shadow(0 0 9px #ff4600)}.ambient{background:radial-gradient(ellipse at 50% 70%,#c1290c33,transparent 42%)}@media(max-width:700px){.jar{width:230px}.flavor-grid{grid-template-columns:1fr 1fr}.flavor-grid button:last-child{grid-column:1/-1;max-width:280px;width:100%;justify-self:center}}
.packshot{aspect-ratio:1/1}.jar{width:33.333%;max-width:380px}@media(max-width:700px){.jar{width:300px;margin-left:-150px}.jars{height:340px}}

/* Refined mobile hero and natural heat treatment. */
.brand{position:relative;border:0;box-shadow:none;transform:rotate(-1deg);padding:14px 18px;background:none}.brand-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.brand-frame path{fill:none;stroke:#f20b24;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}.brand-frame path+path{stroke-width:2;opacity:.85}.brand b{margin-top:5px}header{padding-top:17px;padding-bottom:13px}.hero{padding-top:8px}h1{font-size:clamp(60px,8vw,120px);margin:18px auto 24px;line-height:.88}.stage{margin-top:38px}.jars{gap:12px}.p1 img{left:-14.5%}.p3 img{left:-185.2%}.jar:hover .packshot{transform:none}.hot{display:none}.heat-effects .fire-art{position:absolute!important;top:-25%;left:17%!important;width:66%!important;height:45%!important;object-fit:contain!important;opacity:.82;filter:drop-shadow(0 0 12px #ff5b0022);transform-origin:50% 100%;animation:fire-breathe 3s ease-in-out infinite alternate}.steam{top:-26%;height:35%;border-width:5px;filter:blur(8px);animation-duration:7s}.s2{animation-delay:-2.5s}.s3{animation-delay:-5s}.drop{height:calc(var(--w)*1.5);border-radius:50% 50% 46% 46%;background:radial-gradient(ellipse at 30% 25%,#ffffffad 0%,#dff5ff20 20%,#ffffff05 48%,#e9f7ff28 80%,#fff9 100%);box-shadow:inset 1px 0 2px #ffffff65,inset -1px -1px 2px #c9eaff30,0 1px 2px #000;opacity:.55;animation-name:condensation;animation-timing-function:ease-in-out}.drop:after{content:'';position:absolute;top:20%;left:25%;width:22%;height:12%;border-radius:50%;background:#ffffffbd}.jar.active img{filter:drop-shadow(0 0 13px #f4541420)}
@keyframes condensation{0%{opacity:0;transform:translateY(10px) scale(.4)}15%{opacity:.55;transform:translateY(25px) scale(.8)}40%{opacity:.6;transform:translateY(70px) scale(1)}70%{opacity:.55;transform:translateY(230px) scale(1)}95%{opacity:.35;transform:translateY(620px) scale(1)}100%{opacity:0;transform:translateY(690px) scale(.8)}}
@keyframes fire-breathe{0%{transform:scale(.98,1);opacity:.7}45%{transform:scale(1.025,1.035);opacity:.87}100%{transform:scale(1,.97);opacity:.78}}
@media(max-width:700px){header{padding:12px 18px 8px;min-height:72px}.brand{padding:11px 12px}.brand strong,.brand b{font-size:14px}.brand-frame path{stroke-width:5}.brand-frame path+path{stroke-width:2}.motion{padding:8px 10px;font-size:9px}.hero{padding:4px 0 28px}h1{font-size:clamp(46px,12.3vw,76px);line-height:.88;margin:12px auto 18px}h1 span:after{bottom:-8px;height:4px}.stage{margin:35px auto 8px}.jars{height:clamp(260px,41svh,350px);gap:0}.jar{width:min(300px,80vw);margin-left:0;left:50%;translate:-50% 0;max-width:none}.jar-caption{margin-top:4px;min-height:22px;font-size:11px}.jar:not(.active){opacity:.22}.carousel-controls{margin-top:8px;gap:22px}.carousel-controls>button{width:36px;height:36px}.cta{padding:11px 23px;font-size:23px;margin-top:6px;box-shadow:0 4px 0 #750010}.concept{margin:13px 0 0;font-size:9px}.heat-effects .fire-art{top:-19%;height:39%}.steam{top:-24%}.drop{opacity:.45}}
@media(max-height:700px) and (max-width:700px){header{min-height:64px;padding-top:9px}h1{font-size:11.5vw;margin-top:8px}.stage{margin-top:28px}.jars{height:260px}.cta{font-size:21px;padding:9px 22px}}
@media(max-width:700px){.jar{width:min(260px,72vw)}.jars{height:290px}.stage{margin-top:48px}.heat-effects .fire-art{top:-24%;height:28%;width:72%!important;left:14%!important}.jar:not(.active) .jar-caption{visibility:hidden}}
@media(max-height:700px) and (max-width:700px){.jars{height:270px}.stage{margin-top:42px}}

/* Larger mobile products and packaging-inspired header. */
h1 span:after{display:none}.brand-frame path{stroke-width:7;stroke-linejoin:bevel}.brand-frame path+path{stroke-width:4;opacity:1}.brand-frame{filter:url(#rough-label)}.heat-effects .fire-art{animation-duration:.85s}.jars{gap:16px}.packshot{isolation:isolate}.jar .packshot{clip-path:inset(0 2px)}.explore{display:inline-block;color:#fff6df;background:#ed102a;border:1px solid #ff4c5b;border-radius:8px;padding:10px 18px;font-size:13px}.flavor-grid h3{min-height:58px}.cta{gap:0}.flavor-grid button:hover{border-color:#f20b24}.pairings span{border-bottom:0}
@media(max-width:700px){.jar{width:min(300px,82vw)}.jars{height:325px;gap:0}.stage{margin-top:45px}.cta{font-size:24px;padding:12px 23px}.flavor-grid h3{min-height:51px}.heat-effects .fire-art{animation-duration:.85s}.jar:not(.active) .packshot{clip-path:inset(0 5px)}}
@media(max-height:700px) and (max-width:700px){.jar{width:min(280px,79vw)}.jars{height:290px}.stage{margin-top:35px}.cta{font-size:23px;padding:10px 20px}}

.cart-button{color:#fff6df;background:none;border:1px solid #444;border-radius:20px;padding:9px 12px;font-size:12px;margin-left:auto}.cart-panel{background:#111;color:#fff6df;border:1px solid #555;border-radius:15px;padding:30px;max-width:500px;width:calc(100% - 40px)}.cart-panel::backdrop{background:#000b}.cart-panel h2{font-size:42px}.close-cart{float:right;background:none;border:0;color:white;font-size:26px}.cart-row{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #333;font-size:14px}.cart-row button{border:0;background:none;color:#eee;text-decoration:underline}.order-note{color:#aaa;font-size:13px}.continue-cart{background:#f20b24;color:white;border:0;border-radius:8px;padding:12px 18px}@media(max-width:700px){header{gap:8px}.cart-button{font-size:10px;padding:8px}.motion{font-size:0;padding:8px;width:28px;height:28px}.motion:after{content:'Ⅱ';font-size:10px}.motion[aria-pressed=true]:after{content:'▶'}}
.packshot,.jar .packshot,.jar:not(.active) .packshot{clip-path:inset(0 12%)}

.heat-word{font-style:normal;color:#ff702b;background:linear-gradient(0deg,#e62b19 8%,#ff6324 52%,#ffad47 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 9px #ff4f1825)}.sweat .drop{opacity:.42}

/* Independently drifting photographic flame sections. */
.heat-effects .dancing-fire{animation:none!important;transform:none!important;opacity:.9;overflow:visible;filter:none;pointer-events:none}
.fire-tongue{position:absolute;inset:0;background:url('assets/fire.webp') center/contain no-repeat;transform-origin:50% 94%;will-change:transform,opacity;animation:flame-dance var(--duration) var(--phase) linear infinite;mask-image:linear-gradient(90deg,transparent var(--l),#000 var(--m),#000 var(--n),transparent var(--r));-webkit-mask-image:linear-gradient(90deg,transparent var(--l),#000 var(--m),#000 var(--n),transparent var(--r))}
@keyframes flame-dance{0%,100%{transform:translate(0,0) scaleY(.92) skewX(-2deg);opacity:.72}19%{transform:translate(1px,-4px) scaleY(1.08) skewX(3deg);opacity:.94}43%{transform:translate(-2px,-9px) scaleY(1.2) skewX(-4deg);opacity:.78}68%{transform:translate(2px,-3px) scaleY(.98) skewX(2deg);opacity:.9}84%{transform:translate(-1px,-6px) scaleY(1.12) skewX(-1deg);opacity:.82}}
.tongue-0{--l:0%;--m:1%;--n:15%;--r:24%;--duration:1.13s;--phase:-0.2s}
.tongue-1{--l:6%;--m:15%;--n:29%;--r:38%;--duration:0.79s;--phase:-0.63s}
.tongue-2{--l:20%;--m:29%;--n:43%;--r:52%;--duration:1.37s;--phase:-0.91s}
.tongue-3{--l:34%;--m:43%;--n:57%;--r:66%;--duration:0.93s;--phase:-0.37s}
.tongue-4{--l:48%;--m:57%;--n:71%;--r:80%;--duration:1.21s;--phase:-1.06s}
.tongue-5{--l:62%;--m:71%;--n:85%;--r:94%;--duration:0.71s;--phase:-0.18s}
.tongue-6{--l:76%;--m:85%;--n:99%;--r:100%;--duration:1.47s;--phase:-0.76s}
@media(prefers-reduced-motion:reduce){.fire-tongue{animation:none!important;will-change:auto}}


/* Mobile carousel depth and visible neighboring flavors. */
@media(max-width:700px){.jar:not(.active){opacity:.78}.jar.active{z-index:3}.jar:not(.active){z-index:2}.stage:before{content:'';position:absolute;left:50%;top:1%;width:min(95vw,420px);height:94%;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 52%,rgba(147,112,76,.28) 0%,rgba(106,81,60,.19) 35%,rgba(56,43,34,.10) 56%,transparent 73%);pointer-events:none;z-index:-1}.jar.active .packshot img{filter:drop-shadow(0 10px 11px #0009) drop-shadow(0 0 15px #e4b27b24)}.jar:not(.active) .packshot img{filter:drop-shadow(0 8px 7px #0008)}}

/* Broad amber spotlight behind the mobile featured jar. */
@media(max-width:700px){.stage{isolation:isolate}.stage:before{top:-7%;width:125vw;max-width:560px;height:112%;z-index:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,190,112,.48) 0%,rgba(214,143,77,.36) 25%,rgba(145,91,48,.24) 45%,rgba(82,50,28,.12) 62%,transparent 78%);filter:blur(14px)}.jars{position:relative;z-index:1}.carousel-controls{position:relative;z-index:2}}

/* Softer neutral halo shaped around the tall featured jar. */
@media(max-width:700px){.stage:before{top:45%;left:50%;width:min(88vw,350px);max-width:350px;height:125%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(190,184,174,.27) 0%,rgba(151,146,138,.20) 30%,rgba(105,101,95,.12) 50%,rgba(61,59,56,.05) 67%,transparent 80%);filter:blur(18px)}.jar.active .packshot img{filter:drop-shadow(0 10px 11px #0009) drop-shadow(0 0 12px #d5cfc51c)}}

/* Spatial curling and irregular lateral flame motion. */
.fire-tongue{filter:url(#flame-curl);animation-name:flame-serpentine;transform-origin:50% 100%}
@keyframes flame-serpentine{0%,100%{transform:translateX(-3px) skewX(-7deg) scaleY(.97);opacity:.83}17%{transform:translateX(5px) skewX(9deg) scaleY(1.06);opacity:.94}38%{transform:translateX(-6px) skewX(-11deg) scaleY(1.13);opacity:.78}57%{transform:translateX(3px) skewX(5deg) scaleY(.94);opacity:.90}76%{transform:translateX(-2px) skewX(-4deg) scaleY(1.08);opacity:.87}89%{transform:translateX(4px) skewX(8deg) scaleY(1.02);opacity:.8}}
@media(prefers-reduced-motion:reduce){.fire-tongue{filter:none;animation:none!important}}

/* Actual flame footage replaces the image sections. */
.heat-effects .fire-art,.heat-effects .steam{display:none!important}.heat-effects .fire-video{position:absolute;left:15%;top:-27%;width:70%;height:31%;object-fit:cover;object-position:center bottom;mix-blend-mode:screen;pointer-events:none;opacity:.9;mask-image:radial-gradient(ellipse at 50% 70%,#000 45%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at 50% 70%,#000 45%,transparent 78%)}@media(max-width:700px){.heat-effects .fire-video{top:-25%;height:29%;left:12%;width:76%}}

/* Desktop opening fits complete products and CTA within the viewport. */
@media(min-width:701px){
header{height:90px;padding-top:12px;padding-bottom:12px}.brand strong,.brand b{font-size:20px}.brand{padding:12px 17px}
.hero{height:calc(100svh - 90px);min-height:470px;padding:12px 24px 16px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;justify-items:center;gap:10px}
.hero h1{font-size:clamp(38px,5.1vw,86px);line-height:1;margin:9px auto 12px;white-space:nowrap;letter-spacing:-1px;transform:rotate(-2deg)}.hero h1 br{display:none}.hero h1>span{margin-left:.16em}
.stage{width:100%;max-width:1260px;margin:0;min-height:0;height:100%;display:flex;align-items:flex-end;justify-content:center}.jars{width:100%;height:100%;align-items:flex-end;gap:18px;padding:0}.jars .jar{width:min(31%,calc(100svh - 340px));max-width:380px;flex-shrink:0}.jar-caption{margin-top:4px;min-height:25px;font-size:12px}
.hero .cta{font-size:25px;padding:11px 26px;justify-self:center;margin:0}.hero .concept{margin:3px 0 0;font-size:10px}
}

.product-description{color:#e4dece!important;font-size:16px!important;line-height:1.6;min-height:52px;margin:0 0 22px}.flavor-grid button{display:flex;flex-direction:column;align-items:flex-start}.flavor-grid .explore{margin-top:auto}.flavor-grid h3{min-height:58px}.serving-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;max-width:1120px;margin:48px auto 0;text-align:left}.serving-grid article{border-top:2px solid #f20b24;padding-top:20px}.serving-grid h3{font-size:32px;margin:0 0 15px}.serving-grid p{color:#d0c9bb;font-size:16px;line-height:1.8}.serving-intro{font-size:17px!important;max-width:620px!important}.serving-surprise h3{color:#ff913e}@media(min-width:701px){.hero{grid-template-rows:auto minmax(0,1fr) auto}}@media(max-width:700px){.product-description{font-size:14px!important;line-height:1.6;min-height:70px;margin-bottom:18px}.serving-grid{grid-template-columns:1fr;gap:24px;margin-top:30px}.serving-grid h3{font-size:29px}.serving-grid p{font-size:16px}.serving-intro{font-size:16px!important}}

@media(min-width:701px){.hero{height:auto;min-height:0;grid-template-rows:auto auto auto;padding-bottom:24px}.stage{height:auto;padding-top:clamp(52px,6vw,82px)}.jars{height:auto}}