@font-face{font-family:KrobThai;src:url('/demo/fonts/thai-thai-400.woff2')}@font-face{font-family:KrobThai;src:url('/demo/fonts/thai-thai-800.woff2');font-weight:800}@font-face{font-family:KrobLatin;src:url('/demo/fonts/thai-latin-400.woff2')}@font-face{font-family:KrobLatin;src:url('/demo/fonts/thai-latin-800.woff2');font-weight:800}@font-face{font-family:Anton;src:url('/demo/fonts/anton.woff2')}
:root{--yellow:#ffdc25;--red:#df3028;--ink:#141413;--paper:#f6f3eb;scroll-behavior:smooth;color:var(--ink);background:var(--paper);font-family:KrobThai,KrobLatin,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button,a{touch-action:manipulation}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #166cba;outline-offset:5px}img{display:block;width:100%}svg{width:24px;height:24px;flex-shrink:0}p{line-height:1.5;margin:0 0 14px}h1,h2,h3{margin:0;font-weight:800;line-height:1.1}h2{font-size:clamp(28px,3.4vw,54px);letter-spacing:-1.7px}h3{font-size:20px}em{font-style:normal;color:var(--red)}section{scroll-margin-top:20px}.skip{position:fixed;left:10px;top:-100px;z-index:30;background:white;padding:12px}.skip:focus{top:10px}[hidden]{display:none!important}.header{position:absolute;inset:0 0 auto;z-index:3;display:flex;align-items:flex-start;gap:40px;padding:23px 4.5%;height:125px}.logo{display:flex;flex-direction:column;align-items:center;line-height:1}.logo-th{font-size:42px;letter-spacing:-2.5px;font-weight:800;font-style:italic;transform:rotate(-5deg)}.logo-en{font-size:17px;font-weight:800;margin-top:5px}.logo small{font-size:11px;letter-spacing:.7px;margin-top:8px}.header nav{display:flex;gap:32px;flex:1;padding-top:8px;justify-content:center;font-weight:800;font-size:15px}.locale-links{display:flex;gap:9px;font-size:12px;font-weight:800;padding-top:9px}.locale-links [aria-current]{text-decoration:underline;text-underline-offset:5px}.nav-toggle{display:none}.hero{height:600px;position:relative;overflow:hidden;background:var(--yellow)}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;animation:hero-breathe 12s ease-in-out infinite alternate;transform-origin:70% 50%}.hero-copy{position:relative;padding:145px 0 40px 4.5%;width:53%;z-index:1}.hero h1{font-size:clamp(58px,7.6vw,112px);line-height:1.05;letter-spacing:-5px;transform:rotate(-4deg);transform-origin:left;margin-bottom:35px}.hero h1:after{content:'';height:11px;background:var(--red);display:block;width:90%;clip-path:polygon(0 35%,98% 0,95% 55%,100% 72%,0 100%);margin-top:8px}.hero-copy p{max-width:430px;font-size:17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--ink);color:white;border-radius:16px;padding:11px 24px;font-weight:800;font-size:15px;min-height:44px}.brush{border-radius:0;clip-path:polygon(2% 5%,96% 0,99% 15%,97% 30%,100% 40%,98% 55%,100% 72%,96% 98%,4% 100%,0 87%,2% 63%,0 40%);padding:16px 28px;font-size:22px}.hero-stamp{position:absolute;right:3%;top:36%;background:var(--red);color:white;padding:20px 26px;transform:rotate(12deg);font-size:36px;font-weight:800;font-style:italic;line-height:1.05;clip-path:polygon(8% 0,83% 4%,100% 0,96% 17%,100% 31%,92% 46%,100% 61%,90% 72%,95% 100%,10% 94%,0 100%,7% 82%,0 66%,5% 45%,0 30%)}.motion-toggle{position:absolute;right:3%;top:95px;display:flex;align-items:center;gap:8px;font-size:11px;background:#ffdc25dd;border-radius:30px;padding:7px 10px}.motion-toggle>span:first-child{background:var(--ink);color:white;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.hero.paused .hero-photo{animation-play-state:paused}.torn{position:relative}.torn:before{content:'';position:absolute;left:0;top:-9px;width:100%;height:11px;background:inherit;clip-path:polygon(0 30%,2% 0,5% 50%,9% 25%,12% 70%,17% 25%,21% 50%,25% 0,29% 30%,34% 70%,38% 40%,43% 0,47% 60%,52% 25%,58% 60%,62% 0,67% 40%,73% 70%,78% 20%,83% 50%,90% 10%,95% 60%,100% 10%,100% 100%,0 100%);z-index:2}.handwriting{font-style:italic;font-weight:800;line-height:1.3;transform:rotate(-9deg)}.flavor-section{display:grid;grid-template-columns:24% 65% 11%;padding:45px 4.5% 35px;background:var(--paper);gap:0;min-height:390px}.flavor-intro h2{font-size:48px}.flavor-intro p{font-weight:800;margin-top:15px}.big-chili svg{width:115px;height:80px;color:var(--red);transform:rotate(35deg)}.pale{color:#ded9cf;font-size:26px;align-self:center}.flavor-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:15px}.flavor-tabs{display:flex;flex-direction:column;justify-content:center;gap:12px}.flavor-tabs button{display:grid;grid-template-columns:40px 1fr 68px;text-align:left;padding:10px;border-bottom:1px solid #ddd7cb;align-items:center;opacity:.55;transition:opacity .25s,transform .25s}.flavor-tabs button[aria-selected=true]{opacity:1;transform:translateX(5px);color:var(--red)}.flavor-num{font-family:Anton;font-size:30px;grid-row:span 2}.flavor-tabs strong{font-size:21px}.flavor-tabs small{grid-column:2;font-size:12px}.chilies{display:flex;grid-column:3;grid-row:1/span 2}.chilies svg{width:23px;height:25px;color:var(--red)}#flavor-panel{position:relative;min-height:310px;text-align:center}.red-swipe{position:absolute;width:220px;height:190px;border-radius:48% 45% 51% 42%;background:var(--red);top:30px;left:50%;transform:translateX(-50%) rotate(-13deg)}.flavor-product{position:relative;padding:0;z-index:1;width:180px;margin:0 auto}.flavor-product img{height:215px;object-fit:contain}.flavor-copy{position:relative;z-index:1}.flavor-copy>p:first-child{font-weight:800;color:var(--red);margin-bottom:5px}.flavor-copy>p:nth-child(2){font-size:12px;max-width:310px;margin:0 auto 8px;line-height:1.4}.price-brush{display:inline-flex;align-items:center;gap:15px;background:var(--red);color:white;padding:5px 18px;transform:rotate(-4deg);font-weight:800;border-radius:45% 12% 44% 14%}.price-brush svg{width:17px}.ingredients{background:var(--ink);color:white;display:grid;grid-template-columns:20% 65% 15%;padding:24px 4.5%;align-items:center;min-height:230px}.ingredients h2{font-size:32px;letter-spacing:-1px;transform:rotate(-4deg)}.ingredient-photo{position:relative}.ingredient-photo img{height:190px;object-fit:cover}.ingredient-labels{display:grid;grid-template-columns:repeat(3,1fr);position:absolute;inset:auto 0 0;font-size:13px;text-shadow:0 2px 3px #000}.ingredient-labels p{margin:0;padding:6px 12px;background:#141413ad}.ingredient-labels span{display:block;font-size:11px}.ingredient-note{color:var(--paper);padding-left:12px;font-size:22px}.size-section{display:grid;grid-template-columns:22% 67% 11%;align-items:center;background:var(--yellow);padding:28px 4.5% 22px;min-height:390px}.size-intro h2{font-size:42px}.size-intro p{display:inline-block;background:var(--red);color:white;padding:12px 20px;margin-top:24px;font-size:21px;border-radius:45% 5% 35% 8%}.priceboard{position:relative;align-self:end}.priceboard>img{aspect-ratio:2.65;object-fit:cover;object-position:50% 48%}.size-prices{display:grid;grid-template-columns:19% 22% 25% 34%;align-items:start}.size-prices button{display:flex;align-items:center;flex-direction:column;text-align:center;gap:3px;padding:10px 5px}.size-prices strong{font-size:15px}.size-prices span{font-size:13px}.size-prices b{font-family:Anton;font-size:23px}.size-prices small{display:flex;align-items:center;gap:4px;font-size:10px;border-bottom:1px solid currentColor}.size-prices svg{width:15px;height:15px}.size-prices button:hover{background:#fff5;border-radius:8px}.size-note{padding-left:12px;font-size:20px}.pairings{display:grid;grid-template-columns:54% 46%;background:var(--paper);min-height:445px}.meal-photo{position:relative;overflow:hidden}.meal-image{height:445px;object-fit:cover;object-position:50% 50%}.meal-photo>.handwriting{position:absolute;bottom:20px;left:8%;background:#f6f3ebdf;padding:10px;font-size:22px}.meal-content{padding:45px 8% 30px}.meal-content h2{font-size:48px;margin-bottom:22px}.meal-controls{display:grid;grid-template-columns:1.2fr 1fr;gap:15px}.meal-controls [role=tablist]{display:flex;flex-direction:column;gap:8px}.meal-controls [role=tab]{display:flex;align-items:center;gap:8px;text-align:left;background:#fff8;border-radius:40px;padding:6px;font-size:13px;min-height:56px}.meal-controls [aria-selected=true]{background:#ffe26c}.meal-controls [role=tab] img{width:40px;height:40px;object-fit:cover;border-radius:50%}.meal-controls [role=tab]>svg{margin-left:auto;width:18px}.meal-controls [role=tab]>span{font-family:Anton}.meal-controls [role=tabpanel]{align-self:center;background:#fff9;padding:18px 15px;border:1px solid #e7e1d6;border-radius:5px}.meal-controls h3{font-size:17px;margin-bottom:10px}.meal-controls p{font-size:13px}.meal-controls .button{font-size:12px;padding:8px 14px;gap:12px}.story{position:relative;background:var(--ink);color:white;min-height:320px;display:grid;grid-template-columns:55% 45%;padding:30px 4.5%;align-items:center}.kitchen-photo{position:absolute;inset:0;height:100%;object-fit:cover}.kitchen-note{position:relative;align-self:start;color:var(--yellow);font-size:38px;text-shadow:0 2px 3px black;max-width:200px;margin-top:10px}.story-copy{position:relative;background:#141413b8;padding:22px 26px;max-width:550px}.story-copy h2{color:var(--yellow);font-size:37px}.story-copy h3{font-size:19px;margin:10px 0}.story-copy p{font-size:14px}.yellow{background:var(--yellow);color:var(--ink)}.contact-section{padding:45px 4.5%;display:grid;grid-template-columns:42% 53%;gap:5%;background:var(--paper)}.contact-section h2{font-size:25px;letter-spacing:-.5px;margin-bottom:20px}.faq details{background:#fff9;margin-bottom:9px;border-bottom:1px solid #dfdbd3}.faq summary{cursor:pointer;display:flex;justify-content:space-between;padding:15px 18px;font-weight:800;font-size:14px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details p{font-size:14px;padding:0 18px 16px}.faq details[open] summary span{transform:rotate(45deg)}.inquiry-form{display:flex;flex-direction:column;gap:12px}.form-mode{font-size:11px;color:#6a675f;margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inquiry-form label{font-size:12px;display:flex;flex-direction:column;gap:5px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;padding:10px;background:#fffc;border:1px solid #d2cec4;border-radius:3px;color:var(--ink);font-size:14px;min-height:42px}.inquiry-form .consent{display:flex;flex-direction:row;align-items:center;gap:8px}.consent input{width:17px;min-height:17px;height:17px}.inquiry-form .trap{position:absolute;left:-9999px}.inquiry-form .button{align-self:start;min-width:180px}.form-status{font-size:14px;padding:12px;background:#fff}.form-status[data-state=error]{color:#b0221d}footer{display:flex;gap:28px;align-items:center;background:var(--ink);color:var(--yellow);padding:28px 4.5%}footer .logo-th{font-size:32px}footer .logo-en{font-size:12px}footer small{font-size:10px;color:#b8b4aa;max-width:250px}footer>a:not(.logo){display:flex;align-items:center;gap:12px;margin-left:auto;font-size:13px}footer .handwriting{margin:0;font-size:23px}.back-top{border:1px solid var(--yellow);border-radius:50%;width:44px;height:44px;justify-content:center;font-size:22px!important;flex-shrink:0}
#krob-dialog{border:0;background:var(--paper);color:var(--ink);padding:0;width:min(880px,92vw);max-height:90dvh;overflow:auto;border-radius:6px}#krob-dialog[open]{display:grid;grid-template-columns:44% 56%}#krob-dialog::backdrop{background:#000b}#modal-image{height:100%;max-height:560px;object-fit:cover;background:var(--yellow)}.modal-copy{padding:50px 32px 35px;align-self:center}.modal-copy h2{font-size:35px;letter-spacing:-1px}.modal-copy p{margin-top:15px}.modal-copy small{display:block;font-size:11px;color:#777;margin-bottom:20px}.modal-close{position:absolute;right:10px;top:10px;border-radius:50%;background:var(--ink);color:white;width:36px;height:36px;font-size:26px;z-index:2}#modal-price{font-family:Anton;font-size:25px;color:var(--red)}#modal-steps{padding-left:22px;line-height:1.6;font-size:15px}#modal-steps li+li{margin-top:10px}@supports(transition-behavior:allow-discrete) and (overlay:auto){#krob-dialog{opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s,display .2s allow-discrete,overlay .2s allow-discrete}#krob-dialog[open]{opacity:1;transform:none}@starting-style{#krob-dialog[open]{opacity:0;transform:translateY(10px)}}}
@keyframes hero-breathe{from{transform:scale(1)}to{transform:scale(1.035) translate(-.3%,.3%)}}@keyframes content-in{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}.changing{animation:content-in .35s ease-out}html[lang=en] h1{font-family:Anton;font-size:clamp(50px,6vw,88px);letter-spacing:-1px;line-height:1.08}html[lang=en] h2{font-family:Anton;letter-spacing:0;font-weight:400}html[lang=en] .flavor-intro h2{font-size:39px}html[lang=en] .size-intro h2{font-size:40px}html[lang=en] .meal-content h2{font-size:42px}
@media(min-width:1600px){.hero{height:690px}.hero-copy{padding-top:170px}.hero h1{font-size:122px}}
@media(max-width:1100px){.hero{height:510px}.hero-copy{padding-top:125px}.hero h1{font-size:77px}.hero-stamp{font-size:29px;right:2%}.header{gap:20px;padding-top:16px}.header nav{gap:18px;font-size:13px}.logo-th{font-size:34px}.flavor-section{grid-template-columns:24% 69% 7%;padding:30px 4%}.flavor-intro h2{font-size:37px}.pale{font-size:19px}.flavor-stage{grid-template-columns:43% 57%}.ingredients{padding:20px 4%;grid-template-columns:21% 65% 14%}.ingredients h2{font-size:25px}.ingredient-note{font-size:18px}.size-intro h2{font-size:32px}.size-note{font-size:17px}.size-section{min-height:300px}.size-prices strong{font-size:12px}.meal-content{padding:30px 6%}.meal-content h2{font-size:36px}.meal-controls{grid-template-columns:1fr}.meal-controls [role=tabpanel]{padding:12px}.meal-controls [role=tabpanel] p{margin-bottom:8px}.meal-image{height:490px}.story-copy{padding:16px}.kitchen-note{font-size:30px}footer .handwriting{display:none}}
@media(max-width:700px){h2{letter-spacing:-1px}.header{height:100px;gap:15px;padding:15px 20px;align-items:flex-start}.logo-th{font-size:30px}.logo-en{font-size:13px}.logo small{font-size:8px}.nav-toggle{display:block;margin-left:auto;font-size:12px;font-weight:800;padding:8px 0}.header nav{display:none;position:absolute;left:0;right:0;top:92px;background:var(--yellow);padding:20px;box-shadow:0 10px 12px #0001}.header nav[data-open=true]{display:flex;flex-direction:column;gap:20px}.locale-links{font-size:11px;gap:6px;padding-top:8px}.hero{height:650px}.hero-photo{object-position:67% bottom;height:410px;top:auto;bottom:0}.hero-copy{padding:120px 20px 0;width:100%}.hero h1{font-size:61px;line-height:1.05;letter-spacing:-3px;width:max-content;max-width:100%;margin-bottom:14px}.hero h1:after{height:7px}.hero-copy p{font-size:13px;max-width:235px}.brush{font-size:16px;padding:12px 20px}.hero-stamp{top:auto;bottom:75px;right:18px;font-size:24px;padding:14px 20px}.motion-toggle{top:auto;bottom:18px;left:20px;right:auto;font-size:10px}.flavor-section{display:block;padding:35px 20px}.flavor-intro{display:flex;gap:20px;align-items:center;margin-bottom:18px}.flavor-intro h2{font-size:35px;width:52%;flex-shrink:0}.flavor-intro p{font-size:13px;margin:0}.big-chili,.pale{display:none}.flavor-stage{grid-template-columns:40% 60%;gap:0}.flavor-tabs button{grid-template-columns:26px 1fr;padding:8px 4px}.flavor-num{font-size:24px}.flavor-tabs strong{font-size:18px}.flavor-tabs small{font-size:10px}.chilies{grid-column:2;grid-row:auto}.chilies svg{width:20px;height:20px}.flavor-product{width:155px}.red-swipe{width:180px;height:160px}.flavor-copy>p:first-child{font-size:14px}.flavor-copy>p:nth-child(2){font-size:11px}.ingredients{display:block;padding:28px 20px}.ingredients h2{font-size:28px;transform:none;margin-bottom:10px}.ingredients h2 br{display:none}.ingredient-photo img{height:165px}.ingredient-note{display:none}.ingredient-labels p{padding:6px;font-size:11px}.ingredient-labels span{font-size:9px}.size-section{display:block;padding:35px 20px 25px}.size-intro{display:flex;gap:20px;align-items:center}.size-intro h2{font-size:35px}.size-intro p{font-size:16px;margin:0 0 0 auto;padding:8px 12px}.priceboard{margin:12px -12px 0}.priceboard>img{aspect-ratio:2.05}.size-prices{grid-template-columns:repeat(4,1fr)}.size-prices strong{font-size:11px;line-height:1.4;min-height:30px}.size-prices span{font-size:10px}.size-prices b{font-size:18px}.size-prices small{font-size:9px}.size-prices small svg{display:none}.size-note{display:none}.pairings{display:flex;flex-direction:column}.meal-photo{order:2}.meal-content{padding:35px 20px 20px}.meal-content h2{font-size:38px}.meal-controls{grid-template-columns:1fr 1fr;gap:12px}.meal-controls [role=tab]{font-size:11px;gap:5px}.meal-controls [role=tab] img{width:32px;height:32px}.meal-controls [role=tab]>span{display:none}.meal-controls [role=tab]>svg{width:13px}.meal-controls h3{font-size:16px}.meal-controls p{font-size:12px}.meal-controls .button{font-size:11px;padding:8px 12px;gap:8px}.meal-image{height:370px;object-position:center 55%}.meal-photo>.handwriting{font-size:19px}.story{display:block;padding:270px 20px 25px}.kitchen-photo{height:310px;object-position:36% center}.kitchen-note{position:absolute;top:20px;left:20px;font-size:25px}.story-copy{background:var(--ink);padding:20px 0 0}.story-copy h2{font-size:35px}.contact-section{display:block;padding:35px 20px}.contact-form{margin-top:35px}.contact-section h2{font-size:24px}.form-row{grid-template-columns:1fr}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{font-size:16px}footer{flex-wrap:wrap;padding:25px 20px;gap:20px}footer small{max-width:170px;font-size:9px}footer>a:not(.logo){margin-left:0}footer .back-top{margin-left:auto!important}#krob-dialog[open]{display:block}#modal-image{height:230px;object-fit:contain}.modal-copy{padding:25px}.modal-copy h2{font-size:29px}html[lang=en] h1{font-size:48px;line-height:1.02}html[lang=en] .hero-copy{padding-top:110px}html[lang=en] .hero-copy p{max-width:255px}html[lang=en] .flavor-intro h2{font-size:30px}html[lang=en] .size-intro h2{font-size:31px}html[lang=en] .meal-content h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-photo{transform:none}}
/* Preserve the entire approved pouch in the hero instead of cropping its logo. */
@media(min-width:701px){.hero-photo{inset:0 0 0 auto;width:76%;object-fit:cover;object-position:50% 15%;mask-image:linear-gradient(to right,transparent,#000 16%)}.hero-copy{width:49%}.hero h1{font-size:clamp(58px,7vw,105px)}.hero-stamp{right:1.6%;top:46%;font-size:30px}.flavor-section{grid-template-columns:23% 69% 8%}.flavor-stage{display:block;min-height:310px}.flavor-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:115px;position:relative;z-index:3}.flavor-tabs button{display:flex;flex-direction:column;gap:0;align-items:flex-start;border:0;justify-content:start;padding:8px}.flavor-tabs button[aria-selected=true]{transform:none}.flavor-tabs button:nth-child(2){padding-left:0}.flavor-tabs button:nth-child(3){padding-left:35px}.flavor-num{font-size:28px}.chilies{margin-top:5px}.flavor-stage #flavor-panel{width:50%;margin:-105px auto 0;padding-top:0;min-height:290px}.flavor-product{margin-left:36%;width:165px;pointer-events:auto}.red-swipe{left:52%;width:220px;height:200px;top:22px}.flavor-copy{padding-top:10px}.flavor-copy>p:nth-child(2){max-width:340px}.flavor-tabs button:nth-child(2){color:var(--red)}.flavor-tabs button[aria-selected=true]:nth-child(2){color:white;text-shadow:0 1px 1px #0004}.flavor-tabs button:nth-child(1):after,.flavor-tabs button:nth-child(3):after{content:'';display:block;width:70px;height:105px;background:url('/demo/krob/bowl.webp') center/contain no-repeat;align-self:flex-end;margin-top:-72px;opacity:.7}.flavor-tabs button:nth-child(2){width:90px}.hero h1:after{height:15px;clip-path:polygon(0 35%,20% 20%,19% 5%,96% 0,93% 25%,100% 19%,96% 55%,100% 72%,7% 100%,10% 70%,0 90%)}.meal-image{object-fit:contain;background:#f1ede4;width:100%;height:445px}.meal-photo{background:#f1ede4}}
.meal-image{object-fit:cover}html[lang=en] .logo-th{font-family:Anton;letter-spacing:-.5px;font-style:normal;font-size:32px}html[lang=en] .logo-en{display:none}@media(max-width:700px){html[lang=en] .logo-th{font-size:24px}}
.size-hotspots{position:absolute;inset:0 0 auto;height:68%;display:grid;grid-template-columns:19% 22% 25% 34%}.size-hotspots button{border-radius:8px}.size-hotspots button:hover{box-shadow:inset 0 0 0 2px #14141335}.flavor-tabs button[aria-selected=true]:nth-child(2){color:var(--red);text-shadow:none}
@media(min-width:701px){.red-swipe{left:37%;top:8px;width:245px;height:205px}.flavor-tabs button[aria-selected=true]:nth-child(2){color:white;text-shadow:0 1px 1px #0002}}
/* Keep the hero control above the transparent header hit area. */
.motion-toggle{z-index:4}

/* Heat controls occupy their own row; decorative artwork never receives input. */
.flavor-stage{display:flex;flex-direction:column;gap:24px;min-width:0}
.flavor-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;height:auto;position:relative;z-index:1}
.flavor-tabs button,.flavor-tabs button:nth-child(2),.flavor-tabs button:nth-child(3){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:auto;min-width:0;min-height:132px;padding:12px 8px;border:2px solid #d6cfc2;border-radius:16px;background:transparent;opacity:1;color:var(--ink);text-align:center;transform:none;text-shadow:none;transition:background .2s,border-color .2s}
.flavor-tabs button:hover{border-color:var(--red);background:#df30280a}
.flavor-tabs button[aria-selected=true],.flavor-tabs button[aria-selected=true]:nth-child(2){background:var(--red);border-color:var(--red);color:white;text-shadow:none;transform:none}
.flavor-tabs button:after{display:none!important}
.flavor-tabs .flavor-num{font-size:23px;line-height:1}.flavor-tabs strong{font-size:21px}.flavor-tabs small{font-size:11px}.flavor-tabs .chilies{margin:0}.flavor-tabs .chilies svg{color:currentColor}
.flavor-stage #flavor-panel{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:22px;width:100%;margin:0;padding:0;min-height:240px;isolation:isolate;text-align:left}
.red-swipe{left:15px;top:20px;width:210px;height:205px;transform:rotate(-13deg);z-index:-1;pointer-events:none}
.flavor-product{width:210px;margin:0;padding:0;z-index:0}.flavor-product img{height:240px;object-fit:contain}
.flavor-copy{padding:0;z-index:0}.flavor-copy h3{font-size:28px;margin:0 0 8px}.flavor-copy #flavor-tag{color:var(--red);font-size:16px;font-weight:800;margin:0 0 8px}.flavor-copy #flavor-desc{font-size:14px;max-width:360px;margin:0 0 16px;line-height:1.6}
@media(max-width:1000px){.flavor-section{grid-template-columns:27% 73%;gap:0}.flavor-section>.pale{display:none}.flavor-intro h2{font-size:36px}.flavor-stage #flavor-panel{grid-template-columns:190px minmax(0,1fr);gap:10px}.flavor-product{width:190px}.red-swipe{width:180px;left:0}}
@media(max-width:700px){.flavor-section{display:block;padding:35px 5%}.flavor-intro{margin-bottom:24px}.flavor-tabs{gap:7px}.flavor-tabs button,.flavor-tabs button:nth-child(2),.flavor-tabs button:nth-child(3){min-height:128px;padding:10px 4px}.flavor-tabs strong{font-size:18px}.flavor-stage #flavor-panel{display:flex;flex-direction:column;gap:16px;text-align:center}.red-swipe{top:20px;left:50%;width:210px;transform:translateX(-50%) rotate(-13deg)}.flavor-product{width:220px}.flavor-copy #flavor-desc{margin:0 auto 16px}}

/* Ingredients emerge from the pouch, arc outward, then fall under gravity. */
.hero-photo{animation:none}
.hero-ingredients{position:absolute;inset:0 0 0 49%;overflow:hidden;pointer-events:none;z-index:1;contain:layout paint}
.ingredient-flight{position:absolute;left:59%;top:43%;width:var(--piece);height:var(--piece);animation:ingredient-outward var(--duration) linear var(--delay) infinite;pointer-events:none}
.ingredient-drop{display:block;width:100%;height:100%;animation:ingredient-gravity var(--duration) linear var(--delay) infinite}
.ingredient-drop img{width:100%;height:100%;object-fit:contain;animation:ingredient-tumble var(--duration) linear var(--delay) infinite}
.hero.paused .ingredient-flight,.hero.paused .ingredient-drop,.hero.paused .ingredient-drop img{animation-play-state:paused}
.hero-stamp{z-index:2;pointer-events:none}.hero-copy{z-index:2}
@keyframes ingredient-outward{from{transform:translateX(0)}to{transform:translateX(var(--dx))}}
@keyframes ingredient-gravity{0%{transform:translateY(0);opacity:0}7%{opacity:1}20%{transform:translateY(-50px)}35%{transform:translateY(-65px)}50%{transform:translateY(-40px)}65%{transform:translateY(35px);opacity:1}80%{transform:translateY(155px)}95%{opacity:0}100%{transform:translateY(370px);opacity:0}}
@keyframes ingredient-tumble{from{transform:rotate(var(--start)) scale(.4)}30%{transform:rotate(calc(var(--start) + var(--turn)*.3)) scale(.85)}to{transform:rotate(calc(var(--start) + var(--turn))) scale(1.15)}}
@media(max-width:700px){.hero-ingredients{inset:40% 0 0 18%}.ingredient-flight{left:73%;top:32%;width:calc(var(--piece)*.7);height:calc(var(--piece)*.7)}.ingredient-flight:nth-child(n+10){display:none}}
@media(prefers-reduced-motion:reduce){.hero-ingredients{display:none}}

/* External rules also work with the hosting Content Security Policy. */
.flight-0{--dx:-29vw;--duration:3.40s;--delay:0.00s;--piece:68px;--turn:260deg;--start:0deg}
.flight-1{--dx:-18vw;--duration:3.65s;--delay:-0.43s;--piece:66px;--turn:-220deg;--start:37deg}
.flight-2{--dx:-23vw;--duration:3.90s;--delay:-0.86s;--piece:58px;--turn:260deg;--start:74deg}
.flight-3{--dx:-12vw;--duration:4.15s;--delay:-1.29s;--piece:45px;--turn:-220deg;--start:111deg}
.flight-4{--dx:-25vw;--duration:3.40s;--delay:-1.72s;--piece:56px;--turn:260deg;--start:148deg}
.flight-5{--dx:-15vw;--duration:3.65s;--delay:-2.15s;--piece:46px;--turn:-220deg;--start:185deg}
.flight-6{--dx:-21vw;--duration:3.90s;--delay:-2.58s;--piece:62px;--turn:260deg;--start:222deg}
.flight-7{--dx:-9vw;--duration:4.15s;--delay:-3.01s;--piece:52px;--turn:-220deg;--start:259deg}
.flight-8{--dx:-27vw;--duration:3.40s;--delay:-3.44s;--piece:48px;--turn:260deg;--start:296deg}
.flight-9{--dx:-17vw;--duration:3.65s;--delay:-3.87s;--piece:48px;--turn:-220deg;--start:333deg}
.flight-10{--dx:-24vw;--duration:3.90s;--delay:-4.30s;--piece:58px;--turn:260deg;--start:370deg}
.flight-11{--dx:-13vw;--duration:4.15s;--delay:-4.73s;--piece:54px;--turn:-220deg;--start:407deg}