@font-face{font-family:Nunito;src:url('assets/nunito-latin.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
:root{--ink:#322e2b;--paper:#fffaf5;--cream:#f6e9db;--coral:#f35251;--red:#b62f37;--pink:#f9cac1;--peach:#f9a966;--muted:#6b584d;--line:#dfd0c3;--wrap:1180px;--header:106px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 20px)}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 Nunito,'Trebuchet MS',Arial,sans-serif}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}img{max-width:100%;display:block}svg{display:block;width:24px;height:24px;flex-shrink:0}a{color:inherit}button{color:inherit}a,button,summary,input{outline-offset:5px}:focus-visible{outline:3px solid var(--red)}[hidden]{display:none!important}.wrap{width:min(var(--wrap),calc(100% - 80px));margin-inline:auto}.section{padding-block:104px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:12px;z-index:300;background:var(--ink);color:white;padding:12px 18px;border-radius:30px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:900;letter-spacing:-.045em;line-height:1.03}h1{font-size:clamp(54px,5.55vw,84px);margin-bottom:26px}h2{font-size:clamp(36px,4.25vw,60px);margin-bottom:24px}h3{font-size:29px;margin-bottom:14px}p{margin-bottom:20px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.13em;line-height:1.5;color:var(--red);margin-bottom:16px}.small{font-size:13px;line-height:1.6;color:var(--muted)}.lead{font-size:21px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:53px;padding:14px 24px;border:1.5px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:800;font-size:14px;line-height:1.3;cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}.button:hover{transform:translateY(-3px);box-shadow:0 6px 0 var(--pink)}.button svg{width:22px;height:22px}.button-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button-small{min-height:44px;padding:11px 19px;gap:12px;font-size:13px}.text-link{font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1.5px;display:inline-flex;align-items:center;gap:9px;min-height:44px}.text-link:hover{color:var(--red)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.announcement{min-height:35px;padding:7px 20px;background:var(--coral);color:#27211f;display:flex;justify-content:center;gap:14px;align-items:center;font-weight:800;font-size:11px;letter-spacing:.015em;line-height:1.5}.announcement a{text-underline-offset:3px}.status-dot{width:6px;height:6px;border-radius:100%;background:var(--ink)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,250,245,.97);border-bottom:1px solid rgba(223,208,195,.65)}.nav-shell{min-height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;flex-shrink:0}.brand-logo{display:block;width:154px;height:auto;aspect-ratio:1672/941;object-fit:contain}.brand{padding-block:8px}.nav-shell nav{display:flex;align-items:center;gap:30px}.nav-shell nav a{font-size:13px;font-weight:800;text-decoration:none;padding:12px 0;position:relative}.nav-shell nav a:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav-shell nav a:hover:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:12px}.motion-toggle{border:0;background:transparent;width:42px;height:44px;border-radius:100%;cursor:pointer;font-size:18px}.motion-toggle:hover{background:var(--cream)}.menu-toggle{display:none;align-items:center;justify-content:center;border:1px solid var(--line);background:transparent;width:44px;height:44px;border-radius:100%;cursor:pointer}.menu-lines,.menu-lines:before,.menu-lines:after{display:block;width:17px;height:2px;background:var(--ink);position:relative;transition:transform .2s}.menu-lines:before,.menu-lines:after{content:'';position:absolute;left:0}.menu-lines:before{top:-5px}.menu-lines:after{top:5px}.menu-toggle[aria-expanded=true] .menu-lines{background:transparent}.menu-toggle[aria-expanded=true] .menu-lines:before{transform:translateY(5px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines:after{transform:translateY(-5px) rotate(-45deg)}
.hero{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:30px;min-height:630px;padding-block:65px 70px}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.1em}.tiny-flower{font-size:20px;line-height:1}.hero h1 span{color:var(--coral)}.hero-description{font-size:23px;font-weight:700;line-height:1.45;margin-bottom:13px}.hero-detail{max-width:390px;color:var(--muted);font-size:16px;line-height:1.65;margin-bottom:29px}.hero-facts{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted);font-weight:800}.hero-facts span{display:flex;align-items:center;gap:6px}.hero-facts span+span:before{content:'·';margin-right:6px}.hero-facts svg{width:15px;height:15px;color:var(--coral)}
.hero-scene{position:relative;min-height:505px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-orbit{width:440px;height:440px;max-width:95%;position:absolute;z-index:-2;border-radius:50%;background:var(--pink);box-shadow:inset -24px -20px 0 #f8b8ac}.hero-orbit:after{content:'';position:absolute;inset:-22px;border:1px dashed #dab09e;border-radius:50%;transform:rotate(-12deg)}.mascot-button{position:relative;z-index:2;display:block;align-self:end;width:100%;margin-bottom:12px;border:0;background:transparent;cursor:pointer;padding:10px 0;transform-origin:center 80%;animation:float 5.5s ease-in-out infinite}.mascot-button img{width:100%;max-height:470px;object-fit:contain;filter:drop-shadow(0 24px 13px rgba(120,66,38,.1))}.mascot-button:focus-visible{outline-offset:-12px;border-radius:40px}.mascot-button.wave{animation:hello .7s ease-in-out}.hero-spark{position:absolute;color:var(--coral);z-index:3}.spark-one{width:44px;height:44px;top:75px;left:0;transform:rotate(15deg)}.spark-two{width:29px;height:29px;right:-5px;bottom:115px}.speech-bubble{position:absolute;left:18px;bottom:16px;z-index:4;max-width:255px;margin:0;padding:12px 18px;border:1.5px solid var(--ink);border-radius:18px 18px 18px 2px;background:var(--paper);font-size:13px;font-weight:800;box-shadow:4px 4px 0 var(--ink);transform:rotate(-4deg)}.speech-bubble span{color:var(--coral);padding-left:6px}.tap-note{position:absolute;left:28px;bottom:-20px;font-size:10px;color:var(--muted);font-weight:700}.brand-ribbon{background:var(--pink);border-top:1px solid #dfb0a6;border-bottom:1px solid #dfb0a6;padding:18px 22px;overflow:hidden}.brand-ribbon>div{display:flex;justify-content:space-around;align-items:center;gap:30px;max-width:1280px;margin:auto}.brand-ribbon span{font-weight:900;font-size:19px;letter-spacing:-.02em;white-space:nowrap}.brand-ribbon svg{width:27px;height:27px;color:var(--red)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:365px;font-size:15px;color:var(--muted);margin-bottom:3px}.flavour-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.flavour-card{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--paper)}.flavour-art{height:375px;position:relative;overflow:hidden;background:#f4d5cd}.peri .flavour-art{background:#f6c698}.flavour-label{position:absolute;top:22px;left:24px;font-size:10px;font-weight:900;letter-spacing:.08em;z-index:2}.pack-window{height:358px;width:268.5px;aspect-ratio:3/4;position:relative;overflow:hidden;margin:20px auto 0;mix-blend-mode:multiply;transform:rotate(-7deg);transition:transform .35s}.pack-window img{position:absolute;max-width:none;width:200%;height:100%;left:0;top:0}.pack-peri{transform:rotate(7deg)}.pack-peri img{left:-100%}.flavour-card:hover .pack-window{transform:rotate(-3deg) translateY(-4px)}.flavour-card:hover .pack-peri{transform:rotate(3deg) translateY(-4px)}.pack-spark{position:absolute;left:28px;bottom:53px;width:37px;height:37px;color:var(--red)}.flavour-copy{padding:30px 32px 0}.flavour-title{display:flex;justify-content:space-between;align-items:start;gap:20px}.flavour-title h3{font-size:35px;margin-bottom:17px;line-height:1.04}.weight{border:1px solid var(--line);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}.flavour-copy>p{color:var(--muted);font-size:15px;max-width:350px;margin-bottom:18px;min-height:49px}.taste-tags{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.taste-tags span{font-size:10px;font-weight:800;padding:4px 10px;background:#f5e4dc;border-radius:30px}.peri .taste-tags span{background:#f8e3cc}.flavour-details{border-top:1px solid var(--line)}details summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:800;font-size:14px;min-height:54px;padding-block:14px}summary::-webkit-details-marker{display:none}summary>span:last-child{font-family:Arial,sans-serif;font-size:21px;font-weight:400;transition:transform .2s;flex-shrink:0}details[open]>summary>span:last-child{transform:rotate(45deg)}details p{font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:16px}.flavour-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;font-weight:900;font-size:13px;border-top:1px solid var(--line);padding-block:22px;margin-top:0}.flavour-cta:hover{color:var(--red)}.range-note{text-align:center;color:var(--muted);font-size:11px;margin:20px 0 0}
.makhana-section{background:var(--cream);padding-block:95px}.makhana-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.makhana-figure{margin:0}.makhana-art-frame{position:relative;border-radius:48% 48% 25px 25px;overflow:hidden;aspect-ratio:4/4.5;background:#d9bc9b}.makhana-art-frame img{width:100%;height:100%;object-fit:cover}.makhana-art-frame:after{content:'';position:absolute;inset:0;border:1px solid rgba(50,46,43,.08);border-radius:inherit;pointer-events:none}figcaption{font-size:10px;color:var(--muted);margin-top:12px}figcaption a{text-underline-offset:3px}.makhana-copy>p:not(.eyebrow){color:var(--muted)}.makhana-copy .lead{color:var(--ink)!important;margin-bottom:17px}.process{list-style:none;padding:0;margin:25px 0 14px}.process li{display:flex;align-items:flex-start;gap:17px;padding:15px 0;border-top:1px solid #d7c3b1}.process li>span{font-size:11px;font-weight:900;color:var(--red);padding-top:3px}.process h3{font-size:20px;margin:0 0 3px}.process p{font-size:13px;margin:0;color:var(--muted)}
.mascot-section{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:85px}.mascot-story{position:relative;min-height:570px;padding-bottom:175px}.mascot-story h2{font-size:clamp(38px,4.05vw,56px)}.mascot-story>p:not(.eyebrow){max-width:335px;font-size:15px;color:var(--muted)}.mascot-story img{position:absolute;bottom:-20px;right:-15px;width:290px;filter:drop-shadow(0 15px 10px rgba(50,46,43,.05))}.flavour-finder{position:relative;background:var(--ink);color:var(--paper);padding:34px 38px;border-radius:28px;overflow:hidden;min-height:570px;display:flex;flex-direction:column}.finder-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:52px;position:relative;z-index:1}.finder-top .eyebrow{color:var(--pink);font-size:9px;margin:0;max-width:155px}.finder-top>span:last-child{color:#d7bfb1;font-size:10px}.flavour-finder>h3{font-size:36px;position:relative;z-index:1;line-height:1.08}.flavour-finder>p:not(.finder-footnote){color:#d7c5b8;font-size:14px;position:relative;z-index:1;margin-bottom:26px}.finder-flower{position:absolute;bottom:-36px;right:-35px;width:210px;height:210px;color:#49403a;transform:rotate(20deg);z-index:0}.finder-footnote{margin:auto 0 0;padding-top:35px;color:#d7c5b8;font-size:11px;z-index:1;position:relative}#quiz-content{position:relative;z-index:1}#quiz-content h4{font-size:20px;line-height:1.4;margin:0 0 20px;font-weight:800;letter-spacing:-.025em}.quiz-options{display:grid;gap:10px}.quiz-option{width:100%;border:1px solid #897264;border-radius:12px;background:rgba(255,255,255,.04);text-align:left;padding:14px 16px;color:var(--paper);cursor:pointer;display:flex;justify-content:space-between;gap:10px;font-size:14px;line-height:1.5;transition:background .15s,border-color .15s}.quiz-option:hover{background:#51443b;border-color:var(--pink)}.quiz-back,.quiz-reset{padding:10px 0;min-height:44px;background:none;border:0;color:var(--pink);text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-size:12px}.quiz-result-title{font-size:33px!important;font-weight:900;line-height:1.15!important;color:var(--pink)}.quiz-result-copy{font-size:14px;color:#e1d3c9}.quiz-result-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.quiz-result-actions .button{font-size:12px;padding-inline:19px}.flavour-finder:focus-within{outline-offset:6px}.flavour-finder :focus-visible{outline-color:var(--pink)}
.nutrition-section{background:var(--pink);padding:75px 0 65px;position:relative}.nutrition-section .section-heading{align-items:center}.nutrition-basis>span{display:inline-block;padding:7px 13px;border:1px solid #bb867b;border-radius:30px;font-size:10px;letter-spacing:.05em;font-weight:900}.nutrition-basis p{font-size:12px;line-height:1.6;margin:9px 0 0;color:#684940}.nutrition-grid{display:grid;grid-template-columns:1fr 1fr 1fr;margin:40px 0 20px;border-block:1px solid #ca9d92;padding-block:26px}.nutrition-grid>div{padding-inline:37px;border-right:1px solid #ca9d92}.nutrition-grid>div:first-child{padding-left:0}.nutrition-grid>div:last-child{border:0}.nutrition-name{font-weight:900;font-size:11px;letter-spacing:.1em}.nutrition-grid p{margin:12px 0 0;line-height:1.1}.nutrition-grid strong{font-size:clamp(44px,6.1vw,78px);font-weight:900;letter-spacing:-.055em}.nutrition-grid p span{font-size:19px;font-weight:700}.nutrition-details summary{font-size:13px;min-height:50px}.nutrition-table-wrap{overflow-x:auto;border:1px solid #ca9d92;border-radius:14px;background:rgba(255,250,245,.4);margin-bottom:18px}.nutrition-details table{border-collapse:collapse;width:100%;min-width:430px;font-size:13px}.nutrition-details caption{text-align:left;padding:15px 20px;font-size:11px;line-height:1.6;color:#684940}.nutrition-details th,.nutrition-details td{padding:12px 20px;text-align:left;border-bottom:1px solid #dbb4a9}.nutrition-details thead th{font-size:11px;font-weight:900}.nutrition-details tbody th{font-weight:700}.nutrition-details tr:last-child th,.nutrition-details tr:last-child td{border-bottom:0}.nutrition-note{font-size:11px;color:#684940;max-width:770px;margin:0}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-section>div:first-child>p:not(.eyebrow){font-size:14px;color:var(--muted)}.faq-flower{width:75px;height:75px;color:var(--pink);margin-top:30px;transform:rotate(9deg)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{min-height:76px;padding:22px 0;font-size:15px}.faq-list p{max-width:500px;padding-right:26px}.faq-list a{text-underline-offset:3px}
.launch-section{background:var(--coral);padding:80px 0 85px}.launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.launch-section .eyebrow{color:var(--ink)}.launch-section h2{font-size:clamp(47px,5.3vw,75px)}.launch-grid>div>p:not(.eyebrow){font-size:17px;color:#432a25;line-height:1.65;max-width:395px}.launch-card{background:var(--paper);border-radius:26px;padding:35px}.launch-card h3{font-size:25px;margin-bottom:22px}.launch-card fieldset{display:flex;gap:8px;margin:0 0 24px;padding:0;border:0;flex-wrap:wrap}.launch-card fieldset label{cursor:pointer}.launch-card fieldset input{position:absolute;opacity:0;width:1px;height:1px}.launch-card fieldset span{display:block;padding:10px 13px;border:1px solid var(--line);border-radius:30px;font-size:11px;font-weight:800;min-height:40px;transition:background .15s}.launch-card fieldset input:checked+span{background:var(--pink);border-color:#9b6257}.launch-card fieldset input:focus-visible+span{outline:3px solid var(--red);outline-offset:3px}.launch-card .button{width:100%;font-size:13px}.launch-card .small{font-size:11px;margin:13px 0 0;line-height:1.7}.launch-card .small a{text-underline-offset:3px}.stockist-link{border-top:1px solid var(--line);padding-top:22px;margin-top:24px;display:flex;flex-direction:column;gap:7px}.stockist-link>span{font-size:11px;color:var(--muted)}.stockist-link>a{font-size:13px;font-weight:900;text-underline-offset:4px;min-height:30px}.form-status{font-size:13px;margin:15px 0 0}.form-status:empty{display:none}#email-capture>label:first-child{font-size:12px;display:block;font-weight:800;margin-bottom:7px}#launch-email{width:100%;border:1px solid #8b7161;padding:12px 14px;border-radius:10px;background:white;margin-bottom:15px}.consent{display:flex;gap:9px;font-size:11px;line-height:1.6;margin-bottom:20px;align-items:start}.consent input{margin:4px 0 0;flex-shrink:0}.honeypot{position:absolute;left:-9999px;width:1px;height:1px}.button:disabled{opacity:.6;cursor:wait}
.site-footer{padding:38px 0 25px;background:var(--paper)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:29px;border-bottom:1px solid var(--line)}.footer-top>p{margin:0;font-size:22px;font-weight:900;letter-spacing:-.025em}.footer-top>.text-link{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;font-size:10px;color:var(--muted)}.footer-bottom>div{display:flex;gap:20px}.footer-bottom a{text-underline-offset:4px;min-height:34px;display:inline-flex;align-items:center}.policy-main{max-width:780px;margin:60px auto 80px;padding-inline:28px}.policy-main h1{font-size:46px}.policy-main h2{font-size:25px;margin-top:32px}.policy-main p,.policy-main li{font-size:15px;color:var(--muted)}.policy-main a{text-underline-offset:3px}.policy-main .eyebrow{color:var(--red)}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes hello{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}70%{transform:rotate(4deg)}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused{scroll-behavior:auto}.motion-paused .flavour-card:hover .pack-window{transform:rotate(-7deg)}.motion-paused .flavour-card:hover .pack-peri{transform:rotate(7deg)}
@media(min-width:1500px){.hero{min-height:700px}.hero-scene{min-height:540px}.hero-orbit{width:470px;height:470px}.mascot-button img{max-height:510px}}
@media(max-width:1080px){.wrap{width:calc(100% - 56px)}.nav-shell nav{gap:18px}.nav-shell nav a{font-size:12px}.hero{gap:15px;min-height:600px}.hero-scene{min-height:430px}.hero-orbit{width:350px;height:350px}.mascot-button img{max-height:390px}.hero-description{font-size:20px}.hero-facts{gap:9px;font-size:9px}.speech-bubble{font-size:11px;left:5px;max-width:210px}.spark-one{left:4px;top:61px}.brand-ribbon span{font-size:16px}.brand-ribbon>div{gap:15px}.makhana-grid,.mascot-section,.launch-grid{gap:48px}.faq-section{gap:60px}.flavour-art{height:342px}.pack-window{height:330px;width:247.5px}.flavour-copy{padding-inline:25px}.flavour-finder{padding:31px}.finder-top{margin-bottom:42px}.finder-top>span:last-child{font-size:9px}.mascot-story{min-height:560px}.launch-card{padding:28px}}
@media(max-width:960px){:root{--header:90px}.nav-shell{gap:15px}.menu-toggle{display:flex}.nav-shell nav{display:flex;position:absolute;left:0;right:0;top:100%;padding:14px 28px 24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 20px 24px rgba(50,46,43,.08);flex-direction:column;align-items:stretch;gap:0;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .15s,transform .15s,visibility .15s}.nav-shell nav[data-open=true]{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}.nav-shell nav a{padding:12px 0;font-size:15px}.nav-shell nav a:after{display:none}.brand-logo{width:132px}.nav-actions{gap:8px}.hero{grid-template-columns:1fr;gap:28px;padding-block:43px 65px}.hero-copy{max-width:620px}.hero h1{font-size:70px}.hero-description br{display:none}.hero-detail{max-width:510px}.hero-facts{max-width:510px;font-size:10px;margin-top:24px}.hero-scene{width:min(500px,100%);justify-self:center;min-height:485px}.hero-orbit{width:420px;height:420px}.mascot-button img{max-height:465px}.speech-bubble{font-size:13px;max-width:245px}.section{padding-block:75px}.section-heading{align-items:start}.section-heading>p{font-size:13px;max-width:250px}.section-heading h2{font-size:40px}.flavour-grid{gap:18px}.flavour-art{height:295px}.pack-window{height:282px;width:211.5px;margin-top:23px}.flavour-label{top:18px;left:20px;font-size:9px}.pack-spark{width:23px;height:23px;left:18px;bottom:40px}.flavour-copy{padding:24px 22px 0}.flavour-title h3{font-size:29px}.flavour-copy>p{font-size:14px;min-height:69px}.weight{width:37px;height:37px;font-size:10px}.makhana-section{padding-block:75px}.makhana-grid{gap:35px}.makhana-copy h2{font-size:39px}.makhana-copy .lead{font-size:18px}.makhana-copy>p:not(.eyebrow){font-size:14px}.makhana-art-frame{aspect-ratio:3/4.3}.mascot-section{gap:32px}.mascot-story h2{font-size:42px}.mascot-story>p:not(.eyebrow){font-size:14px}.mascot-story img{width:245px;bottom:0}.flavour-finder{padding:28px 24px;min-height:580px}.finder-top{margin-bottom:35px}.flavour-finder>h3{font-size:32px}.faq-section{gap:35px;grid-template-columns:.75fr 1.25fr}.faq-section h2{font-size:39px}.faq-list summary{font-size:14px}.launch-grid{gap:35px}.launch-section h2{font-size:53px}.launch-card{padding:25px}.launch-card fieldset{gap:6px}.launch-card fieldset span{font-size:10px;padding:9px 10px}.launch-grid>div>p:not(.eyebrow){font-size:15px}.launch-card .button{font-size:12px;padding-inline:15px}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:last-child{width:100%}}
@media(max-width:600px){:root{--header:82px}.wrap{width:calc(100% - 40px)}.announcement{font-size:9px;gap:8px;padding-inline:10px;min-height:33px}.announcement>.status-dot{display:none}.announcement>a{font-size:9px}.nav-actions{gap:3px}.button-small{font-size:11px;min-height:41px;padding:10px 14px;gap:8px}.button-small svg{width:18px;height:18px}.motion-toggle{width:34px;height:42px;font-size:16px}.menu-toggle{width:39px;height:39px;margin-left:5px}.nav-shell{gap:9px}.brand-logo{width:118px}.hero{padding-top:33px;padding-bottom:51px;gap:28px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.08em;gap:5px;margin-bottom:16px}.tiny-flower{font-size:17px}.hero h1{font-size:clamp(45px,12.4vw,67px);margin-bottom:21px}.hero-description{font-size:19px;line-height:1.5;max-width:340px;margin-bottom:11px}.hero-description br{display:block}.hero-detail{font-size:14px;max-width:330px;margin-bottom:23px}.actions{gap:14px}.hero .button{font-size:12px;min-height:48px;padding:13px 18px;gap:12px}.hero .text-link{font-size:11px;gap:5px}.hero-facts{gap:9px;font-size:8px;padding-top:15px;margin-top:22px;flex-wrap:nowrap}.hero-facts span{gap:4px}.hero-facts span+span:before{margin-right:3px}.hero-facts svg{width:13px;height:13px}.hero-scene{min-height:365px;width:100%;max-width:410px}.hero-orbit{width:302px;height:302px;box-shadow:inset -14px -16px 0 #f8b8ac}.hero-orbit:after{inset:-12px}.mascot-button{margin-bottom:20px}.mascot-button img{max-height:340px}.spark-one{width:28px;height:28px;left:4px;top:50px}.spark-two{width:22px;height:22px;right:0;bottom:87px}.speech-bubble{font-size:11px;left:1px;bottom:13px;padding:10px 14px;max-width:230px}.tap-note{font-size:8px;left:10px;bottom:-17px}.brand-ribbon{padding:17px 13px}.brand-ribbon>div{gap:13px;justify-content:space-between}.brand-ribbon span{font-size:12px}.brand-ribbon svg{width:17px;height:17px}.brand-ribbon span:nth-last-child(2),.brand-ribbon svg:last-child{display:none}.section{padding-block:60px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:39px}.section-heading>p{font-size:13px;margin:15px 0 0;max-width:none}.section-heading>p br{display:none}.eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:13px}.flavour-grid{grid-template-columns:1fr;gap:25px}.flavour-art{height:342px}.pack-window{height:330px;width:247.5px;margin-top:23px}.flavour-label{font-size:9px;top:19px;left:20px}.pack-spark{width:29px;height:29px;bottom:42px;left:24px}.flavour-copy{padding:25px 25px 0}.flavour-title h3{font-size:33px}.flavour-copy>p{min-height:0;font-size:14px}.flavour-cta{padding-block:20px;font-size:12px}.range-note{font-size:10px;margin-top:16px}.makhana-section{padding-block:58px}.makhana-grid{grid-template-columns:1fr;gap:36px}.makhana-art-frame{aspect-ratio:4/3.8;border-radius:45% 45% 20px 20px}.makhana-copy h2{font-size:42px}.makhana-copy .lead{font-size:18px;line-height:1.65}.makhana-copy>p:not(.eyebrow){font-size:14px}.process{margin-top:23px}.process h3{font-size:20px}.process p{font-size:13px}.mascot-section{grid-template-columns:1fr;gap:35px}.mascot-story{min-height:475px;padding-bottom:180px}.mascot-story h2{font-size:43px;max-width:340px}.mascot-story>p:not(.eyebrow){max-width:280px;font-size:14px}.mascot-story img{width:240px;right:0;bottom:-5px}.flavour-finder{min-height:460px;padding:29px}.finder-top{margin-bottom:35px}.flavour-finder>h3{font-size:34px}.finder-footnote{padding-top:35px}.quiz-result-title{font-size:30px!important}.nutrition-section{padding-block:57px 43px}.nutrition-section .section-heading{display:flex;gap:15px;align-items:start}.nutrition-section .section-heading h2{font-size:32px}.nutrition-basis{max-width:110px;padding-top:6px}.nutrition-basis>span{font-size:8px;padding:6px 9px;white-space:nowrap}.nutrition-basis p{font-size:10px;margin-top:10px}.nutrition-grid{padding-block:23px;margin:27px 0 13px}.nutrition-grid>div{padding-inline:15px}.nutrition-grid>div:last-child{padding-right:0}.nutrition-grid strong{font-size:clamp(34px,10.8vw,52px)}.nutrition-name{font-size:9px}.nutrition-grid p{margin-top:11px;white-space:nowrap}.nutrition-grid p span{font-size:12px}.nutrition-details summary{font-size:12px}.nutrition-details caption{padding:12px 15px;font-size:10px}.nutrition-details th,.nutrition-details td{padding:11px 15px;font-size:11px}.nutrition-note{font-size:10px}.faq-section{grid-template-columns:1fr;gap:22px}.faq-section h2{font-size:42px}.faq-section>div:first-child{position:relative;padding-right:30px}.faq-flower{position:absolute;right:0;bottom:16px;width:50px;height:50px;margin:0}.faq-list summary{font-size:14px;min-height:69px;padding-block:20px}.faq-list p{font-size:13px;padding-right:17px}.launch-section{padding-block:60px}.launch-grid{grid-template-columns:1fr;gap:31px}.launch-section h2{font-size:60px}.launch-grid>div>p:not(.eyebrow){font-size:16px}.launch-card{padding:28px 24px;border-radius:23px}.launch-card h3{font-size:25px;margin-bottom:20px}.launch-card fieldset{gap:7px}.launch-card fieldset span{font-size:11px;padding:10px 12px}.launch-card .button{min-height:50px;font-size:12px}.site-footer{padding:30px 0 22px}.footer-top{flex-wrap:wrap;gap:5px 18px;padding-bottom:22px}.footer-top .brand{margin-right:auto}.footer-top>p{font-size:15px}.footer-top>.text-link{font-size:10px;margin-left:auto}.footer-bottom{font-size:9px;gap:12px}.footer-bottom>div{gap:15px}.footer-bottom>span:last-child{font-size:10px}.policy-main{margin-top:40px;padding-inline:20px}.policy-main h1{font-size:38px}.policy-main h2{font-size:24px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.announcement{font-size:8px;gap:6px}.announcement a{font-size:8px}.hero-facts{gap:6px;font-size:7px}.hero-scene{min-height:340px}.hero-orbit{width:275px;height:275px}.mascot-button img{max-height:312px}.hero .actions{gap:12px}.hero .text-link{font-size:10px}.hero .button{padding-inline:16px;font-size:11px}.nutrition-grid>div{padding-inline:11px}.nutrition-basis{max-width:92px}.nutrition-basis>span{font-size:7px}.nutrition-section .section-heading h2{font-size:29px}.launch-card{padding-inline:21px}.launch-card fieldset span{font-size:10px;padding:9px 10px}.footer-top>p{font-size:13px}}
@media(max-width:600px){.nutrition-grid strong{font-size:clamp(30px,9.8vw,46px)}}
@media(max-width:360px){.brand-logo{width:112px}.nav-actions>.button-small{display:none}.nav-shell{gap:6px}.motion-toggle{width:30px}.button-small{padding-inline:12px}}
/* Editorial refinement: fewer overlays, clear image proportions, room for copy. */
h1,h2{font-weight:800;letter-spacing:-.04em}
.hero-copy,.makhana-copy,.mascot-story,.launch-grid>div{min-width:0}
.hero h1{font-size:clamp(52px,5.2vw,76px);line-height:1.06}
.hero-description{font-size:21px;font-weight:700;max-width:480px}
.hero-detail{max-width:425px}
.hero-orbit:after{border-style:solid;opacity:.55}
.speech-bubble{transform:none;max-width:285px;box-shadow:3px 3px 0 var(--ink)}
.tap-note{font-size:11px;left:18px;bottom:-18px}
.flavour-title h3{font-weight:800}
.makhana-art-frame{aspect-ratio:4/3;border-radius:24px}
.makhana-art-frame img{object-position:center}
figcaption{font-size:11px;line-height:1.6}
.mascot-story{display:flex;flex-direction:column;min-height:0;padding-bottom:0}
.mascot-story>p:not(.eyebrow){max-width:390px;font-size:16px}
.mascot-story img{position:static;width:min(310px,90%);height:auto;align-self:center;margin-top:auto}
.flavour-finder{min-height:520px}
.finder-top{margin-bottom:36px}
.flavour-finder>h3{font-weight:800}
.finder-footnote{max-width:290px}
.footer-top .brand-logo{width:172px}
.footer-top>p{font-weight:700;font-size:20px}
.footer-bottom{font-size:11px}
@media(max-width:960px){.hero h1{font-size:clamp(54px,8vw,70px)}.hero-description{max-width:530px}.mascot-story>p:not(.eyebrow){font-size:15px}.mascot-story img{width:min(280px,100%)}.flavour-finder{min-height:540px}}
@media(max-width:600px){.hero h1{font-size:clamp(42px,10.6vw,62px)}.hero-description{font-size:19px;max-width:360px}.hero-description br{display:none}.hero-facts{font-size:9px;flex-wrap:wrap}.speech-bubble{max-width:calc(100% - 10px);font-size:12px}.tap-note{font-size:10px;left:4px}.makhana-art-frame{aspect-ratio:4/3;border-radius:20px}.mascot-story{min-height:0}.mascot-story h2{font-size:45px}.mascot-story>p:not(.eyebrow){max-width:340px}.mascot-story img{width:255px;margin-top:8px}.flavour-finder{min-height:470px}.footer-top .brand-logo{width:130px}.footer-top>p{font-size:15px;max-width:160px}.footer-bottom>span:last-child{font-size:10px}.nav-actions .button-small{font-size:11px;padding-inline:12px}.nav-actions .button-small svg{display:none}}
@media(max-width:360px){.hero h1{font-size:41px}.hero-facts{font-size:8px}.footer-top>p{font-size:13px;max-width:126px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.flavour-card:hover .pack-window{transform:rotate(-7deg)}.flavour-card:hover .pack-peri{transform:rotate(7deg)}}
@media print{.announcement,.nav-actions,.mascot-button,.tap-note,.flavour-finder,.launch-section{display:none}.site-header{position:static}.section,.makhana-section,.nutrition-section{padding-block:25px}.wrap{width:100%}.hero{min-height:0;display:block}.hero-scene{display:none}body{font-size:11px;background:white}.flavour-art{height:200px}.pack-window{height:195px;width:146px}.faq-list details{break-inside:avoid}details>p{display:block}footer{padding:0}.site-footer{break-before:auto}}

/* Opening story and nutrition: serving basis stays with the figures. */
.hero h1{font-size:clamp(48px,4.8vw,69px)}
.hero-nutrition{width:100%;max-width:500px;margin:21px 0 20px;padding:17px 19px 10px;border:1px solid #d7b6a6;border-radius:18px;background:#fffdf9;box-shadow:4px 4px 0 #f2e2d6}
.hero-nutrition-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin-bottom:15px}
.hero-nutrition h2{font-size:15px;font-weight:800;line-height:1.35;letter-spacing:-.015em;margin:0;color:#244236}
.hero-nutrition-top>span{font-size:10px;line-height:1.5;font-weight:800;letter-spacing:.05em;color:#526052}
.hero-nutrition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.hero-nutrition-grid>div{min-width:0;padding-inline:12px}
.hero-nutrition-grid>div:first-child{padding-left:0}
.hero-nutrition-grid>div:last-child{padding-right:0}
.hero-nutrition-grid>div+div{border-left:1px solid #e8d9ce}
.hero-nutrition dt{font-size:12px;line-height:1.4;font-weight:700;color:var(--muted);margin-bottom:5px}
.hero-nutrition dd{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin:0;font-size:35px;font-weight:900;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.hero-nutrition dd>span{font-size:13px;font-weight:700;letter-spacing:0}
.product-highlights{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0}
.product-highlights li{font-size:11px;line-height:1.5;font-weight:800;color:#244236;background:#edf1e6;border:1px solid #d5ddc8;border-radius:30px;padding:5px 9px}
.hero-nutrition-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:8px;border-top:1px solid #e8d9ce}
.hero-nutrition-bottom>p{font-size:11px;line-height:1.5;margin:0;color:var(--muted)}
.hero-nutrition-bottom>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;font-weight:800;text-underline-offset:4px;flex-shrink:0}
.hero-detail{margin-bottom:21px}
.hero-facts{margin-top:24px}
@media(max-width:960px){.hero h1{font-size:clamp(54px,8vw,70px)}}
@media(max-width:600px){
  .hero h1{font-size:clamp(39px,9.5vw,56px);margin-bottom:17px}
  .hero-nutrition{margin-block:18px;padding:15px 15px 8px}
  .hero-nutrition h2{font-size:14px}
  .hero-nutrition-top{margin-bottom:13px}
  .hero-nutrition-top>span{font-size:10px}
  .hero-nutrition-grid>div{padding-inline:9px}
  .hero-nutrition dd{font-size:32px;gap:3px}
  .hero-nutrition dd>span{font-size:12px}
  .hero-detail{max-width:450px}
}
@media(max-width:360px){
  .hero h1{font-size:38px}
  .hero-nutrition{padding-inline:12px}
  .hero-nutrition h2{font-size:13px}
  .hero-nutrition-top{gap:5px 8px}
  .hero-nutrition-top>span{font-size:9px}
  .hero-nutrition-grid>div{padding-inline:7px}
  .hero-nutrition dd{font-size:29px}
  .hero-nutrition-bottom>a{font-size:11px;gap:5px}
}
@media print{.hero-nutrition{box-shadow:none;break-inside:avoid}}

/* Full-frame flavour visuals replace the small cropped pack windows. */
.flavour-art.flavour-photo{height:auto;aspect-ratio:4/5;background:#f3e5d6}
.flavour-photo>img{width:100%;height:100%;object-fit:contain;object-position:center}
.flavour-photo .flavour-label{top:18px;left:18px;max-width:calc(100% - 36px);padding:8px 12px;border-radius:30px;border:1px solid #decbbd;background:rgba(255,250,245,.96);color:var(--ink);line-height:1.5;font-size:10px}
@media(max-width:600px){.flavour-photo .flavour-label{top:14px;left:14px;max-width:calc(100% - 28px);font-size:10px}}

/* Culinary ideas extend the ingredient story without implying new products. */
.sweet-section{padding-top:0;padding-bottom:80px}
.sweet-section .section-heading{margin-bottom:24px}
.sweet-ingredient-note{font-size:13px;line-height:1.6;color:var(--muted);padding:13px 17px;border-left:3px solid #a2b394;background:#f0f1e7;margin-bottom:26px;border-radius:0 9px 9px 0}
.sweet-ingredient-note strong{color:#244236}
.sweet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.sweet-card{min-width:0;border:1px solid #ddcdbc;border-radius:21px;padding:28px;background:#f4e9d6}
.sweet-number{display:block;font-size:10px;line-height:1.5;font-weight:900;letter-spacing:.07em;margin-bottom:24px;color:#67503d}
.sweet-card h3{font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.06;margin-bottom:18px}
.sweet-card>p{font-size:14px;line-height:1.7;min-height:96px;margin-bottom:20px}
.sweet-card details{border-top:1px solid #c7b6a0}
.sweet-card summary{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:800;min-height:48px;padding:14px 0;cursor:pointer}
.sweet-card summary>span{font-size:21px}
.sweet-card details>p{font-size:13px;line-height:1.7;margin:5px 0 15px;color:inherit}
.sweet-card details>p:last-child{margin-bottom:0}
.sweet-chocolate{background:#49322c;border-color:#49322c;color:#fff7ec}
.sweet-chocolate .sweet-number{color:#f5c8a7}
.sweet-chocolate details{border-color:#987268}
.sweet-laddoo{background:#f8d8c9;border-color:#e2b8a5}
.sweet-closing{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px}
.sweet-closing>p{font-size:12px;line-height:1.65;color:var(--muted);max-width:620px;margin:0}
.sweet-closing>a{flex-shrink:0;font-size:13px}
@media(max-width:960px){.sweet-grid{gap:16px}.sweet-card{padding:23px 19px}.sweet-card h3{font-size:30px}.sweet-card>p{min-height:145px}}
@media(max-width:600px){
  .sweet-section{padding-bottom:50px}
  .sweet-section .section-heading{display:block}
  .sweet-section .section-heading>p{max-width:100%;margin-top:18px}
  .sweet-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .sweet-card{padding:27px}
  .sweet-card h3{font-size:36px}
  .sweet-card>p{min-height:0;font-size:15px}
  .sweet-number{margin-bottom:19px}
  .sweet-closing{display:block}
  .sweet-closing>a{margin-top:9px}
}
@media print{.sweet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sweet-card{break-inside:avoid}.sweet-card>p{min-height:0}}

/* Hosting resilience and touch usability. */
.nav-shell,.nav-actions{min-width:0}
.motion-toggle,.menu-toggle{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0}
.launch-card fieldset span{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
.footer-bottom a,.stockist-link>a{min-height:44px}
.hero-scene{max-width:100%}
@media(max-width:960px){
  html:not(.navigation-ready) .nav-shell{flex-wrap:wrap}
  html:not(.navigation-ready) .nav-shell nav{position:static;order:3;flex-basis:100%;visibility:visible;opacity:1;transform:none;pointer-events:auto;padding:8px 0 16px;box-shadow:none}
  html:not(.navigation-ready) .menu-toggle{display:none}
  .nav-actions{gap:8px}
}
@media(max-width:600px){
  .announcement{flex-wrap:wrap;gap:3px 10px;font-size:11px;min-height:38px;padding:7px 12px;text-align:center}
  .announcement a{font-size:11px}
  .hero-copy .eyebrow{font-size:10px}
  .hero-facts{font-size:11px;gap:8px 12px}
  .hero .text-link{font-size:12px}
  .nav-actions{gap:6px}
  .menu-toggle{margin-left:0}
  .launch-card .small,.consent{font-size:12px}
  .launch-card fieldset span{font-size:12px}
  .flavour-label,.range-note,.nutrition-name{font-size:11px}
  .finder-top .eyebrow,.finder-top>span:last-child{font-size:11px}
  .finder-footnote,.footer-bottom{font-size:12px}
  .footer-bottom>span:last-child{font-size:11px}
  .footer-top>.text-link{font-size:12px}
  .nutrition-grid>div{min-width:0}
  .nutrition-grid p span{font-size:12px}
}
@media(max-width:420px){
  .nav-actions>.button-small{display:none}
  .nav-shell{gap:12px}
}
@media(max-width:360px){
  .hero-facts{font-size:10px}
  .nutrition-grid strong{font-size:29px}
  .nutrition-grid>div{padding-inline:9px}
}

/* The ingredient story uses real photography; the comic is a separate chapter. */
.origin-section{padding:90px 0 66px;background:#f0f2e9;border-bottom:1px solid #d6ddce}
.origin-intro{max-width:780px;margin-bottom:58px}
.origin-intro h2{color:#244236}
.origin-intro>p:last-child{max-width:520px;color:#526052;font-size:18px;line-height:1.6;margin-bottom:0}
.origin-section .eyebrow{color:#315540}
.origin-chapter{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:64px;align-items:center;margin-top:42px}
.origin-chapter-food{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);padding-top:48px;margin-top:48px;border-top:1px solid #cdd5c6}
.origin-photos{margin:0;min-width:0}
.lily-photo-pair{display:grid;grid-template-columns:1.65fr 1fr;gap:12px;aspect-ratio:4/3}
.lily-photo-pair img{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;border-radius:22px}
.lily-photo-pair img:first-child{object-position:64% center}
.lily-photo-pair img:last-child{object-position:41% center}
.origin-photos figcaption{font-size:12px;line-height:1.6;color:#526052;max-width:510px;margin-top:14px}
.origin-copy{min-width:0}
.origin-copy h3{font-size:clamp(30px,3.1vw,44px);font-weight:800;line-height:1.08;letter-spacing:-.035em;color:#244236}
.origin-copy>p:not(.chapter-label):not(.botanical-note){font-size:16px;line-height:1.75;color:#465344}
.chapter-label{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#315540;margin-bottom:20px}
.chapter-label>span{display:flex;align-items:center;justify-content:center;width:35px;height:35px;flex:0 0 35px;border:1px solid #9fac92;border-radius:50%;font-size:12px;letter-spacing:0}
.botanical-note{display:flex;flex-direction:column;gap:4px;margin:25px 0 0;padding:15px 0 0;border-top:1px solid #cdd5c6;color:#526052;font-size:12px}
.botanical-note strong{font-size:11px;letter-spacing:.03em;font-weight:800}
.makhana-real-photo{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:52% center;border-radius:22px}
.seed-steps{display:flex;gap:9px;flex-wrap:wrap;list-style:none;margin:24px 0 12px;padding:0}
.seed-steps li{font-size:12px;font-weight:800;border:1px solid #bdcbb4;border-radius:30px;padding:7px 12px}
.origin-copy .text-link{font-size:13px;color:#244236}
.origin-reference{border-top:1px solid #cdd5c6;margin-top:40px;max-width:760px}
.origin-reference summary{color:#244236;font-size:13px}
.origin-reference p{color:#526052;font-size:13px;max-width:680px}
.origin-reference a{text-underline-offset:3px}
.comic-section{padding:78px 0 66px;background:#fbe7df;border-block:1px solid #e5c6b8}
.comic-heading{align-items:end;margin-bottom:32px}
.comic-heading h2{font-size:clamp(35px,4vw,56px)}
.comic-heading>p{max-width:335px;font-size:15px;line-height:1.7}
.comic-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:3px 3px 10px;scroll-margin-top:120px}
.comic-strip:focus-visible{outline:3px solid var(--red);outline-offset:6px;border-radius:8px}
.comic-panel{min-width:0;border:1.5px solid var(--ink);border-radius:15px;background:var(--paper);box-shadow:3px 4px 0 #e8c2b1;overflow:hidden}
.comic-panel figure{margin:0;height:100%;display:flex;flex-direction:column}
.comic-art{position:relative;aspect-ratio:1;overflow:hidden;border-bottom:1.5px solid var(--ink);background:#efd3b9}
.comic-art img{position:absolute;max-width:none;width:200%;height:200%;top:0;left:0;display:block}
.comic-art-two img{left:-100%}
.comic-art-three img{top:-100%}
.comic-art-four img{left:-100%;top:-100%}
.comic-panel figcaption{margin:0;padding:20px 18px 21px;color:var(--ink)}
.comic-number{font-size:10px;letter-spacing:.07em;font-weight:900;color:var(--red);display:block;margin-bottom:11px}
.comic-panel h3{font-size:21px;line-height:1.25;letter-spacing:-.025em;font-weight:800;margin-bottom:11px}
.comic-panel figcaption p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}
.comic-swipe-note{display:none}
.comic-closing{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:30px}
.comic-closing>p{font-size:14px;color:var(--muted);line-height:1.6;max-width:610px;margin:0}
.comic-closing .text-link{font-size:13px;flex-shrink:0}
.flavour-choice-section{padding-block:70px}
.flavour-choice-section .mascot-story{min-height:0}
.flavour-choice-section .mascot-story h2{font-size:clamp(36px,3.6vw,50px)}
.flavour-choice-section .mascot-story img{width:245px;margin-top:15px}
.flavour-choice-section .flavour-finder{min-height:420px}
.flavour-choice-section .finder-top{margin-bottom:25px}
@media(max-width:960px){
  .origin-section{padding-block:68px 48px}
  .origin-intro{margin-bottom:40px}
  .origin-chapter,.origin-chapter-food{gap:32px}
  .origin-copy>p:not(.chapter-label):not(.botanical-note){font-size:15px}
  .lily-photo-pair{grid-template-columns:1fr;gap:10px;aspect-ratio:auto}
  .lily-photo-pair img{height:auto;aspect-ratio:16/9;object-fit:cover}
  .lily-photo-pair img:last-child{aspect-ratio:3/1}
  .comic-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .comic-panel h3{font-size:25px}
  .comic-panel figcaption{padding:23px}
  .comic-closing{align-items:start}
  .comic-closing>p{max-width:440px}
}
@media(max-width:600px){
  .origin-section{padding-block:54px 34px}
  .origin-intro{margin-bottom:35px}
  .origin-intro h2{font-size:40px;line-height:1.08}
  .origin-intro>p:last-child{font-size:16px}
  .origin-chapter,.origin-chapter-food{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:30px}
  .origin-chapter-food{padding-top:32px}
  .origin-chapter>.origin-copy{order:0}
  .origin-chapter>.origin-photos{order:1}
  .origin-copy h3{font-size:34px}
  .chapter-label{font-size:10px;margin-bottom:17px}
  .lily-photo-pair{grid-template-columns:1.6fr 1fr;aspect-ratio:4/3;gap:9px}
  .lily-photo-pair img,.lily-photo-pair img:last-child{aspect-ratio:auto;height:100%;border-radius:15px}
  .makhana-real-photo{border-radius:15px}
  .origin-photos figcaption{font-size:12px}
  .origin-reference{margin-top:28px}
  .origin-reference summary{font-size:12px}
  .comic-section{padding-block:54px 42px}
  .comic-heading{display:block;margin-bottom:20px}
  .comic-heading h2{font-size:38px}
  .comic-heading>p{max-width:100%;margin-top:16px;font-size:15px}
  .comic-swipe-note{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;margin:0 0 12px;color:var(--red)}
  .comic-strip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:3px;padding:3px 3px 16px;scrollbar-width:thin;scrollbar-color:#9c5c4f #f3d9ce}
  .comic-panel{scroll-snap-align:start;scroll-snap-stop:always}
  .comic-panel figcaption{padding:20px}
  .comic-panel h3{font-size:24px}
  .comic-number{font-size:11px}
  .comic-panel figcaption p{font-size:14px}
  .comic-closing{display:block;margin-top:22px}
  .comic-closing>p{font-size:14px}
  .comic-closing .text-link{margin-top:12px}
  .flavour-choice-section{padding-block:50px}
  .flavour-choice-section .mascot-story{padding-bottom:0}
  .flavour-choice-section .mascot-story img{display:none}
  .flavour-choice-section .flavour-finder{min-height:430px}
}
@media print{.origin-section,.comic-section{padding:25px 0}.origin-chapter,.origin-chapter-food{gap:25px}.comic-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.comic-panel{break-inside:avoid}.comic-swipe-note{display:none}}