:root{--black:#111;--paper:#f7f3ea;--paper2:#efe8d9;--coconut:#fffdf7;--mango:#ffb800;--lychee:#f6a6b8;--tamarind:#7a3f25;--lime:#b7e33c;--chili:#f04438;--pandan:#65c466;--mangkhut:#7656c8;--cha:#e08a3c;--ink:#111;--cream:#f7f3ea;--fd:"Anton",Impact,sans-serif;--fs:"Instrument Serif",Georgia,serif;--fu:"Space Grotesk",sans-serif;--ft:"Prompt","Space Grotesk",sans-serif;--ez:cubic-bezier(.22,1,.36,1);--sh:6px 6px 0 var(--ink)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--fu);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}.skip-link{z-index:200;background:var(--ink);color:var(--paper);font:600 14px var(--fu);transition:top .3s var(--ez);border-radius:8px;padding:12px 20px;text-decoration:none;position:absolute;top:-100%;left:16px}.skip-link:focus{outline:3px solid var(--chili);outline-offset:3px;top:16px}body.locked{overflow:hidden}::selection{background:var(--mango);color:var(--ink)}:focus-visible{outline:3px solid var(--chili);outline-offset:3px;border-radius:4px}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img,svg{display:block}h1,h2,h3{font-weight:400}.eyebrow{font:600 12px/1 var(--fu);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:14px;display:flex}.eyebrow:before{content:"";background:currentColor;flex:none;width:34px;height:2px}.serif{font-family:var(--fs);font-style:italic;font-weight:400}.btn{font:600 13px/1 var(--fu);letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--ink);background:var(--ink);color:var(--paper);transition:transform .25s var(--ez),box-shadow .25s var(--ez),background .25s;border-radius:999px;align-items:center;gap:12px;padding:17px 28px;display:inline-flex}.btn:hover{box-shadow:5px 5px 0 var(--acc,var(--mango));transform:translate(-3px,-3px)}.btn:active{box-shadow:1px 1px 0 var(--acc,var(--mango));transform:translate(0)}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 var(--acc,var(--mango))}.btn.light{background:var(--paper);color:var(--ink);border-color:var(--ink)}.btn.light:hover{background:var(--paper);color:var(--ink);border-color:var(--mango);box-shadow:5px 5px 0 var(--mango)}.btn.cream{background:var(--cream);color:var(--ink);border-color:var(--cream)}.btn.cream:hover{box-shadow:5px 5px #11111173}.btn svg{width:16px;height:16px}.xbtn{border:2px solid var(--ink);background:var(--paper);width:46px;height:46px;color:var(--ink);transition:transform .3s var(--ez);border-radius:50%;place-items:center;display:grid}.xbtn:hover{transform:rotate(90deg)}.xbtn svg{width:17px;height:17px}section{position:relative}.wrap{padding-inline:5vw}.tin{filter:drop-shadow(0 20px 22px #11111129)}.lidfill{fill:var(--lid);transition:fill .5s}.tin-ring{font-family:var(--fu);letter-spacing:2.6px;font-size:12.5px;font-weight:600}.tin-thai{font-family:var(--ft);font-size:30px;font-weight:600}.tin-name{font-family:var(--fd);letter-spacing:1.5px;font-size:32px}.tin-no{font-family:var(--fu);letter-spacing:3.5px;font-size:11px;font-weight:600}.hdr{z-index:60;border-bottom:2px solid #0000;justify-content:space-between;align-items:center;gap:20px;padding:14px 4vw;transition:background .35s,border-color .35s;display:flex;position:fixed;inset:0 0 auto}.hdr.sc{background:var(--paper);border-color:var(--ink)}.brand{color:var(--ink);align-items:baseline;gap:10px;display:flex}.brand b{font:400 24px/1 var(--fd);letter-spacing:.02em}.brand span{font:600 13px/1 var(--ft);opacity:.75}.nav{gap:6px;display:flex}.nav a{font:600 12px/1 var(--fu);letter-spacing:.14em;color:var(--ink);border-radius:999px;padding:10px 14px;text-decoration:none;transition:background .2s}.nav a:hover{background:var(--mango)}.hdr-right{align-items:center;gap:12px;display:flex}.currency-select{position:relative}.currency-select:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:16px;height:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.cursel{font:600 12px var(--fu);letter-spacing:.08em;background:var(--coconut);color:var(--ink);border:2px solid var(--ink);cursor:pointer;appearance:none;text-align:center;text-align-last:center;border-radius:999px;min-width:max-content;height:46px;padding:0 44px 0 16px}.cursel:hover{background:var(--mango)}.cursel:focus-visible{outline:3px solid var(--chili);outline-offset:3px}.cartbtn{border:2px solid var(--ink);background:var(--coconut);width:46px;height:46px;color:var(--ink);border-radius:50%;place-items:center;transition:background .2s;display:grid;position:relative}.cartbtn:hover{background:var(--mango)}.cartbtn svg{width:19px;height:19px}.cartbtn .n{border:2px solid var(--ink);background:var(--mango);min-width:21px;height:21px;font:700 11px/17px var(--fu);text-align:center;border-radius:999px;padding:0 4px;position:absolute;top:-6px;right:-6px}.cartbtn .n.off{display:none}.burger{border:2px solid var(--ink);background:var(--coconut);border-radius:50%;place-items:center;width:46px;height:46px;display:none}.burger svg{width:18px;height:18px}.mmenu{z-index:100;background:var(--ink);color:var(--cream);transition:transform .6s var(--ez),visibility 0s linear .6s;visibility:hidden;flex-direction:column;padding:22px 6vw 40vh;display:flex;position:fixed;inset:0;transform:translateY(-102%)}.mmenu.open{transition:transform .6s var(--ez);visibility:visible;transform:none}.mmenu-top{justify-content:space-between;align-items:center;display:flex}.mmenu-top b{font:400 26px var(--fd)}.mmenu .xbtn{color:var(--cream);border-color:var(--cream);background:0 0}.mmenu nav{flex-direction:column;gap:16px;margin-top:8vh;display:flex}.mmenu nav a{font:400 clamp(38px,9vw,60px)/1.22 var(--fd);color:var(--cream);opacity:0;transition:opacity .5s var(--ez),transform .5s var(--ez);align-items:center;gap:16px;padding:8px 0;text-decoration:none;display:flex;transform:translateY(24px)}.mmenu.open nav a{opacity:1;transform:none}.mmenu nav a i{border-radius:50%;flex:none;width:13px;height:13px}.mmenu p{font:600 12px var(--fu);letter-spacing:.18em;opacity:.55;margin-top:4vh}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:2vw;min-height:100svh;padding:110px 5vw 40px;display:grid}.hero-l{max-width:720px}.hero h1{font-family:var(--fd);letter-spacing:.005em;text-transform:uppercase;margin:26px 0 24px;font-size:clamp(3.2rem,7.6vw,7.6rem);line-height:.94}.hero h1 .line{display:block;overflow:hidden}.hero h1 .line-in{display:inline-block}.hl{background:var(--mango);font-family:var(--fd);margin-left:.06em;padding:0 .12em;font-style:normal}.hero-sub{font:400 17px/1.65 var(--fu);max-width:46ch}.hero-sub .serif{font-size:19px}.hero-cta{flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px;display:flex}.link-und{font:600 13px var(--fu);letter-spacing:.1em;color:var(--ink);text-underline-offset:5px;text-decoration:underline 2px}.hero-meta{font:600 11px/1.9 var(--fu);letter-spacing:.18em;opacity:.65;text-transform:uppercase;margin-top:38px}.hero-r{flex-direction:column;align-items:center;display:flex;position:relative}.stage{aspect-ratio:1;place-items:center;width:min(42vw,540px);max-width:100%;display:grid;position:relative}.hero-tin{justify-content:center;width:100%;display:flex}.hero-tin-f{width:100%;max-width:100%;animation:5.5s ease-in-out infinite floaty;transform:rotate(4deg)}.hero-tin-f>svg{width:100%;max-width:100%;height:auto}.hero-tin>svg{cursor:pointer;width:100%;max-width:100%;height:auto}.cnd{border:2.5px solid var(--ink);background:var(--c);border-radius:50%;position:absolute}.cnd:after{content:"";background:var(--coconut);border-radius:50%;width:26%;height:26%;position:absolute;top:16%;left:18%}.hero-picker{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:26px;display:flex}.hdot{border:2px solid var(--ink);background:var(--c);width:17px;height:17px;transition:transform .2s var(--ez);border-radius:50%}.hdot:hover{transform:scale(1.3)}.hdot.on{outline:2.5px solid var(--ink);outline-offset:3px}.hero-cap{font:600 12px var(--fu);letter-spacing:.18em;text-transform:uppercase;text-align:center;margin-top:12px}.hero-cap b{font-family:var(--fd);letter-spacing:.06em;font-size:15px}.ticker{border-block:2.5px solid var(--ink);background:var(--mango);overflow:hidden}.ticker-in{width:max-content;animation:30s linear infinite tick;display:flex}.ticker:hover .ticker-in{animation-play-state:paused}.ticker-in span{font:400 26px/1 var(--fd);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:26px;padding:13px 13px 13px 26px;display:flex}.ticker-in i{font-size:14px;font-style:normal;transform:translateY(-2px)}@keyframes tick{to{transform:translate(-50%)}}@media (width<=640px){.ticker-in span{gap:18px;padding:10px 10px 10px 20px;font-size:18px}.ticker-in i{font-size:11px}}@media (prefers-reduced-motion:reduce){.ticker-in,.ring,.hero-tin-f{animation:none}}.flavours{background:var(--paper);height:100svh;overflow:hidden}.flav-viewport{height:100%;position:relative}.flav-track{align-items:stretch;height:100%;display:flex}.flead{background:var(--paper);flex-direction:column;flex:none;justify-content:center;gap:22px;width:44vw;padding:0 4vw;display:flex}.flead h2{font-family:var(--fd);text-transform:uppercase;font-size:clamp(2.6rem,4.6vw,4.8rem);line-height:.96}.flead p{font:400 16px/1.6 var(--fu);max-width:36ch}.scrollhint{font:600 12px var(--fu);letter-spacing:.2em;align-items:center;gap:12px;margin-top:12px;display:flex}.scrollhint i{background:var(--ink);width:52px;height:2px;display:block;position:relative;overflow:hidden}.scrollhint i:after{content:"";background:var(--mango);animation:sweep 1.6s var(--ez) infinite;position:absolute;inset:0}@keyframes sweep{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.fpanel{background:var(--bg);width:min(68vw,860px);height:100%;color:var(--ink);border-left:2.5px solid var(--ink);flex:none;grid-template-columns:1.05fr .95fr;align-items:center;gap:2vw;padding:11vh 4vw;display:grid}.fp-no{font:400 20px var(--fd);letter-spacing:.06em}.fp-no span{opacity:.5;font-size:14px}.fp-name{font:400 clamp(2.6rem,4.6vw,4.6rem)/1 var(--fd);text-transform:uppercase;margin:10px 0 6px}.fp-thai{font:600 15px var(--ft);letter-spacing:.06em;opacity:.85}.fp-line{font:400 clamp(17px,1.3vw,20px)/1.5 var(--fs);max-width:34ch;margin:18px 0 16px;font-style:italic}.fp-notes{flex-wrap:wrap;gap:8px;display:flex}.fp-notes span{font:600 11px var(--fu);letter-spacing:.12em;text-transform:uppercase;opacity:.9;border:1.5px solid;border-radius:999px;padding:7px 13px}.fp-buy{flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px;display:flex}.fp-price{font:700 21px var(--fu)}.fp-more{font:600 12px var(--fu);letter-spacing:.12em;text-underline-offset:4px;text-decoration:underline}.fp-buy .btn{--acc:var(--ink);background:var(--ink);color:var(--bg)}.p-tin{justify-self:center;width:100%;max-width:440px}.p-tin svg{width:100%;height:auto}.fend{background:var(--ink);width:52vw;color:var(--cream);border-left:2.5px solid var(--ink);flex-direction:column;flex:none;justify-content:center;gap:22px;padding:0 5vw;display:flex}.fend h3{font:400 clamp(2.4rem,4vw,4.2rem)/1 var(--fd);text-transform:uppercase}.fend .btn{--acc:var(--mango);align-self:flex-start}.flav-ui{z-index:5;pointer-events:none;align-items:center;gap:18px;padding:0 4vw;display:flex;position:absolute;bottom:22px;left:0;right:0}.flav-count{font:400 18px var(--fd);letter-spacing:.08em}.flav-bar{background:#1111112e;flex:1;height:2.5px;position:relative}.flav-bar i{background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.collection{background:var(--paper2);border-top:2.5px solid var(--ink);padding:15vh 5vw 14vh}.col-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.col-head h2{font-family:var(--fd);text-transform:uppercase;font-size:clamp(2.6rem,5.4vw,5.4rem);line-height:.95}.col-head .eyebrow{margin-bottom:18px}.col-head>p{font:400 16px/1.65 var(--fu);max-width:38ch}.moods{flex-wrap:wrap;align-items:center;gap:10px;margin:44px 0 10px;display:flex}.moods .lbl{font:600 12px var(--fu);letter-spacing:.18em;margin-right:8px}.chip{font:600 12px var(--fu);letter-spacing:.12em;border:2px solid var(--ink);color:var(--ink);transition:background .2s,color .2s,transform .2s var(--ez);background:0 0;border-radius:999px;padding:11px 19px}.chip:hover{transform:translateY(-2px)}.chip.on{background:var(--ink);color:var(--paper)}.showing{font:600 11px var(--fu);letter-spacing:.18em;opacity:.6;margin-bottom:26px}.pgrid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:22px;display:grid}.pcard{background:var(--paper);border:2.5px solid var(--ink);cursor:pointer;transition:transform .3s var(--ez),box-shadow .3s var(--ez),opacity .2s;border-radius:20px;flex-direction:column;padding:20px;display:flex}.pcard:hover{box-shadow:var(--sh);transform:translate(-4px,-4px)}.pc-plate{background:var(--c);border:2px solid var(--ink);border-radius:14px;place-items:center;margin-bottom:18px;padding:26px 0;display:grid;position:relative;overflow:hidden}.pc-plate svg{width:210px;height:auto;transition:transform .45s var(--ez)}.pcard:hover .pc-plate svg{transform:rotate(-8deg)scale(1.05)}.stamp{background:var(--ink);color:var(--paper);font:700 10px var(--fu);letter-spacing:.16em;border-radius:999px;padding:7px 11px;position:absolute;top:12px;left:12px;transform:rotate(-4deg)}.pcard h3{font:400 27px/1 var(--fd);letter-spacing:.02em;text-transform:uppercase}.pc-thai{font:600 13px var(--ft);opacity:.75;margin-top:5px;display:block}.pc-notes{font:400 13px/1.5 var(--fu);opacity:.8;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;min-height:3.6em;margin-top:10px;display:-webkit-box;overflow:hidden}.pc-row{align-items:center;gap:12px;margin-top:16px;display:flex}.pc-price{font:700 19px var(--fu)}.addbtn{border:2px solid var(--ink);background:var(--coconut);width:44px;height:44px;transition:background .2s,transform .2s var(--ez);border-radius:50%;place-items:center;margin-left:auto;display:grid}.addbtn:hover{background:var(--c);transform:scale(1.1)rotate(90deg)}.addbtn svg{width:17px;height:17px}.pcard.wide{grid-column:span 2;grid-template-columns:.9fr 1.1fr;align-items:center;gap:22px;display:grid}.pcard.wide .pc-plate{height:100%;margin-bottom:0}.pcard.wide .pc-plate svg{width:280px}.pcard.wide h3{font-size:44px}.bundles{margin-top:90px}.bundles h3{font-family:var(--fd);text-transform:uppercase;margin-bottom:26px;font-size:clamp(2rem,3.4vw,3.2rem)}.bgrid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.bcard{border:2.5px solid var(--ink);color:var(--ci);background:var(--c);transition:transform .3s var(--ez),box-shadow .3s var(--ez);border-radius:20px;padding:26px}.bcard:hover{transform:translate(-4px,-4px);box-shadow:6px 6px #111111d9}.bcard .addbtn{background:var(--coconut);color:var(--ink)}.bcard .addbtn svg{stroke:var(--ink)}.bcard .addbtn:hover{background:var(--c);color:var(--ci)}.bcard .addbtn:hover svg{stroke:var(--ci)}.bc-tins{justify-content:center;margin-bottom:14px;display:flex}.bc-tins span{flex:none;width:150px}.bc-tins span+span{margin-left:-46px}.bcard h4{font:400 27px/1.05 var(--fd);text-transform:uppercase}.bc-sub{font:600 12px var(--fu);letter-spacing:.14em;text-transform:uppercase;opacity:.9;margin:9px 0 8px}.bc-blurb{font:400 17px var(--fs);margin-bottom:16px;font-style:italic}.save{font:700 11px var(--fu);letter-spacing:.1em;border:2px solid;border-radius:999px;padding:5px 10px}.tinsec{background:var(--ink);color:var(--cream);z-index:10;grid-template-columns:1fr auto 1fr;align-items:center;gap:3vw;height:100svh;padding:0 5vw;display:grid;position:relative;overflow:hidden}.tinsec:after{content:"";background:var(--ink);z-index:-1;height:2px;position:absolute;bottom:0;left:0;right:0}.tin-steps{height:300px;position:relative}.tstep{opacity:0;transition:opacity .55s var(--ez),transform .55s var(--ez);pointer-events:none;flex-direction:column;justify-content:center;gap:14px;display:flex;position:absolute;inset:0;transform:translateY(26px)}.tstep.on{opacity:1;transform:none}.tstep-no{font:400 84px/1 var(--fd);color:#0000;-webkit-text-stroke:2px #f7f3ea66}.tstep h3{font:400 clamp(2rem,3.4vw,3.4rem)/1 var(--fd);text-transform:uppercase}.tstep p{font:400 16px/1.65 var(--fu);color:#f7f3ead1;max-width:40ch}.tin-big{width:min(34vw,480px)}.tin-big svg{width:100%;height:auto}.tin-meta{writing-mode:vertical-rl;font:600 11px var(--fu);letter-spacing:.3em;opacity:.55;justify-self:end}.tin-dots{gap:10px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.tin-dots i{border:2px solid var(--cream);border-radius:50%;width:12px;height:12px;transition:background .3s}.tin-dots i.on{background:var(--mango)}.wordband{background:var(--paper);border-top:2.5px solid var(--ink);text-align:center;padding:16vh 0 14vh;overflow:hidden}.word-th{font:600 clamp(110px,21vw,320px)/1 var(--ft);color:#0000;-webkit-text-stroke:2px #11111138;white-space:nowrap}.wordquote{max-width:22ch;font:400 clamp(26px,3.4vw,44px)/1.3 var(--fs);margin:6vh auto 0;font-style:italic}.wordquote cite{font:600 11px var(--fu);letter-spacing:.24em;opacity:.6;margin-top:20px;font-style:normal;display:block}.journal{background:var(--paper2);border-top:2.5px solid var(--ink);padding:14vh 5vw}.j-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px;display:flex}.j-head h2{font-family:var(--fd);text-transform:uppercase;font-size:clamp(2.4rem,4.6vw,4.6rem);line-height:.95}.j-head .eyebrow{margin-bottom:18px}.jgrid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.jcard{border:2.5px solid var(--ink);background:var(--c);color:var(--ci);cursor:pointer;min-height:340px;transition:transform .3s var(--ez),box-shadow .3s var(--ez);border-radius:20px;flex-direction:column;padding:26px;display:flex}.jcard:hover{box-shadow:var(--sh);transform:translate(-4px,-4px)}.jcard .cat{font:700 10px var(--fu);letter-spacing:.22em;background:var(--ci);color:var(--c);border-radius:999px;align-self:flex-start;padding:7px 12px}.jcard .jno{font:400 66px/1 var(--fd);color:#0000;-webkit-text-stroke:1.8px currentColor;opacity:.7;margin:26px 0 8px}.jcard h3{font:400 clamp(24px,1.9vw,30px)/1.06 var(--fd);text-transform:uppercase;margin-top:auto}.jcard .jcta{font:600 12px var(--fu);letter-spacing:.14em;align-items:center;gap:10px;margin-top:18px;display:flex}.jcard .jcta svg{width:15px;height:15px;transition:transform .3s var(--ez)}.jcard:hover .jcta svg{transform:translate(6px)}.giftband{background:var(--chili);color:var(--cream);border-block:2.5px solid var(--ink);grid-template-columns:1.3fr .7fr;align-items:center;gap:5vw;padding:15vh 5vw;display:grid}.giftband h2{font-family:var(--fd);text-transform:uppercase;color:var(--coconut);font-size:clamp(2.6rem,5.6vw,5.8rem);line-height:.96}.giftband .gside{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.giftband p{font:400 17px/1.6 var(--fu);color:var(--ink);max-width:40ch}.giftband .btn{--acc:var(--ink);background:var(--cream);color:var(--ink);border-color:var(--ink)}.news{background:var(--paper);border-bottom:2.5px solid var(--ink);padding:15vh 5vw}.news .eyebrow{margin-bottom:18px}.news h2{font-family:var(--fd);text-transform:uppercase;font-size:clamp(2.6rem,5.2vw,5.2rem);line-height:.95}.news p.sub{font:400 17px/1.6 var(--fu);max-width:52ch;margin:20px 0 34px}.nlform{flex-wrap:wrap;gap:14px;max-width:560px;display:flex}.nlform input{min-width:240px;font:500 16px var(--fu);background:var(--coconut);border:2px solid var(--ink);color:var(--ink);border-radius:999px;flex:1;padding:16px 24px}.nlform input::placeholder{color:#1116}.nl-ok{font:600 15px var(--fu);align-items:center;gap:16px;display:none}.nl-ok .ck{border:2.5px solid var(--ink);background:var(--pandan);border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.nl-ok svg{width:24px;height:24px}.nl-ok .ck path{stroke-dasharray:40;stroke-dashoffset:40px;animation:draw .7s .2s var(--ez) forwards}@keyframes draw{to{stroke-dashoffset:0}}.news .fine{font:400 12px var(--fu);opacity:.55;margin-top:16px}.footer{background:var(--ink);color:var(--cream);padding:60px 5vw 34px}.f-word{font:400 clamp(70px,15.5vw,270px)/.95 var(--fd);color:#0000;-webkit-text-stroke:2.5px #f7f3ea57;text-align:center;user-select:none;margin-bottom:50px}.f-grid{border-top:1.5px solid #f7f3ea40;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:34px;padding-top:34px;display:grid}.f-grid h5{font:600 11px var(--fu);letter-spacing:.22em;opacity:.5;margin-bottom:16px}.f-grid a,.f-grid span{font:500 14px/2.1 var(--fu);color:var(--cream);opacity:.9;text-decoration:none;display:block}.f-grid a:hover{color:var(--mango)}.f-tag{font:400 19px var(--fs);opacity:.85;max-width:24ch;font-style:italic}.f-bottom{font:500 12px var(--fu);letter-spacing:.06em;opacity:.6;border-top:1.5px solid #f7f3ea40;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:44px;padding-top:22px;display:flex}.ovl{z-index:80;opacity:0;visibility:hidden;background:#11111194;place-items:center;padding:0;transition:opacity .35s,visibility .35s;display:grid;position:fixed;inset:0}.ovl.open{opacity:1;visibility:visible}.panel{background:var(--paper);border:2.5px solid var(--ink);width:min(680px,94vw);max-height:88vh;transition:transform .5s var(--ez);border-radius:22px;padding:44px;position:relative;overflow:auto;transform:translateY(34px)scale(.98)}.ovl.open .panel{transform:none}.panel .xbtn{z-index:5;position:absolute;top:18px;right:18px}.ovl .panel::-webkit-scrollbar{width:10px}.ovl .panel::-webkit-scrollbar-thumb{background:var(--ink);border-radius:99px}.ovl-product{align-items:stretch;padding:0}.pp{background:var(--paper);opacity:0;transition:transform .55s var(--ez),opacity .4s;position:absolute;inset:0;overflow:auto;transform:translateY(4%)}.ovl.open .pp{opacity:1;transform:none}.pp .xbtn{z-index:20;position:fixed;top:20px;right:20px}.pp-grid{grid-template-columns:1.05fr 1fr;min-height:100%;display:grid}.pp-stage{background:var(--bg);color:var(--ci);border-right:2.5px solid var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;padding:60px 4vw;display:flex;position:sticky;top:0;overflow:hidden}.pp-stage .pp-no{font:400 22px var(--fd);letter-spacing:.06em;opacity:.85;position:absolute;top:26px;left:30px}.pp-stage .pp-tin{width:min(34vw,480px);animation:6s ease-in-out infinite floaty}.pp-stage .cnd{animation:5s ease-in-out infinite floaty}.pp-stage .pp-thai-big{font:600 clamp(40px,4vw,60px) var(--ft)}.pp-info{max-width:640px;padding:70px 5vw 60px;overflow-y:auto}.pp-info .backlink{font:600 12px var(--fu);letter-spacing:.16em;color:var(--ink);align-items:center;gap:8px;margin-bottom:26px;display:inline-flex}.pp-info .backlink svg{width:14px;height:14px}.pp-info h1{font:400 clamp(44px,4.6vw,72px)/.95 var(--fd);text-transform:uppercase}.pp-thai{font:600 17px var(--ft);opacity:.75;margin-top:10px}.pp-line{font:400 clamp(20px,1.8vw,26px)/1.4 var(--fs);margin:22px 0;font-style:italic}.pp-buyrow{flex-wrap:wrap;align-items:center;gap:16px;margin:8px 0 12px;display:flex}.pp-price{font:700 27px var(--fu)}.stepper{border:2px solid var(--ink);background:var(--coconut);border-radius:999px;align-items:center;display:flex}.stepper button{place-items:center;width:44px;height:48px;display:grid}.stepper button svg{width:14px;height:14px}.stepper b{text-align:center;min-width:28px;font:700 16px var(--fu)}.pp-sub{font:400 13px var(--fu);opacity:.6;margin-bottom:26px}.pp-sec{border-top:1.5px solid #11111140;padding:26px 0}.pp-sec h4{font:600 12px var(--fu);letter-spacing:.22em;align-items:center;gap:12px;margin-bottom:18px;display:flex}.pp-sec h4:after{content:"";background:#1111112e;flex:1;height:1.5px}.pp-story{font:400 16px/1.75 var(--fu)}.pp-enjoy{font:400 22px/1.4 var(--fs);font-style:italic}.bars{flex-direction:column;gap:12px;display:flex}.bar-row{font:600 11px var(--fu);letter-spacing:.14em;grid-template-columns:96px 1fr 40px;align-items:center;gap:14px;display:grid}.bar{border:2px solid var(--ink);background:var(--coconut);border-radius:99px;height:13px;overflow:hidden}.bar i{background:var(--c);height:100%;width:var(--w);display:block}.bar-row b{text-align:right;font-weight:700}.pp-ing{font:500 15px/1.7 var(--fu)}.pp-fine{font:400 12px/1.6 var(--fu);opacity:.55;margin-top:10px}.pp-ship{font:500 13px/1.8 var(--fu)}.rel{gap:18px;display:flex}.rel button{font:600 12px var(--fu);letter-spacing:.1em;transition:transform .25s var(--ez);flex-direction:column;align-items:center;gap:10px;display:flex}.rel button:hover{transform:translateY(-5px)}.rel svg{width:96px;height:auto}.scrim{z-index:88;opacity:0;visibility:hidden;background:#1111118c;transition:opacity .4s,visibility .4s;position:fixed;inset:0}.scrim.open{opacity:1;visibility:visible}.drawer{z-index:90;background:var(--paper);border-left:2.5px solid var(--ink);width:min(440px,100vw);transition:transform .55s var(--ez);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(103%)}.drawer.open{transform:none}.d-head{background:var(--ink);color:var(--cream);align-items:center;gap:14px;padding:20px 24px;display:flex}.d-head h3{font:400 22px var(--fd);letter-spacing:.04em}.d-head .xbtn{color:var(--cream);border-color:var(--cream);background:0 0;width:40px;height:40px;margin-left:auto}.d-ship{font:600 12px/1.5 var(--fu);letter-spacing:.06em;border-bottom:1.5px solid #1113;padding:18px 24px}.d-bar{border:2px solid var(--ink);background:var(--coconut);border-radius:99px;height:12px;margin-top:10px;overflow:hidden}.d-bar i{background:var(--mango);height:100%;transition:width .6s var(--ez);display:block}.d-items{flex:1;padding:10px 24px;overflow:auto}.d-item{border-bottom:1.5px solid #11111126;align-items:center;gap:16px;padding:18px 0;display:flex}.d-item .mini{flex:none;width:58px}.d-item .mini svg{width:100%;height:auto}.d-item h4{font:400 17px var(--fd);letter-spacing:.03em;text-transform:uppercase}.d-item .di-sub{font:600 11px var(--fu);letter-spacing:.1em;opacity:.6;margin-top:3px}.d-item .di-row{align-items:center;gap:12px;margin-top:10px;display:flex}.d-item .stepper button{width:32px;height:34px}.d-item .stepper{border-width:1.5px}.d-item .di-price{font:700 15px var(--fu);margin-left:auto}.d-item .rm{font:600 10px var(--fu);letter-spacing:.14em;opacity:.5;margin-top:8px;text-decoration:underline}.d-empty{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:60px 20px;display:flex}.d-empty b{font:400 26px var(--fd)}.d-empty span{font:400 15px var(--fu);opacity:.7}.d-foot{border-top:2.5px solid var(--ink);background:var(--paper2);padding:18px 24px 22px}.d-disc{gap:10px;margin-bottom:14px;display:flex}.d-disc input{font:500 13px var(--fu);border:2px solid var(--ink);background:var(--coconut);text-transform:uppercase;border-radius:999px;flex:1;padding:11px 18px}.d-disc button{font:600 12px var(--fu);letter-spacing:.1em;border:2px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:999px;padding:11px 18px}.d-sum{font:700 18px var(--fu);justify-content:space-between;margin:8px 0 16px;display:flex}.d-note{font:400 11.5px var(--fu);opacity:.55;text-align:center;margin-top:12px}.d-foot .btn{--acc:var(--mango);justify-content:center;width:100%}.chk{background:var(--paper);border:2.5px solid var(--ink);width:min(1020px,96vw);max-height:92vh;transition:transform .5s var(--ez);border-radius:22px;position:relative;overflow:auto;transform:translateY(30px)}.ovl.open .chk{transform:none}.chk .xbtn{z-index:5;position:absolute;top:16px;right:16px}.chk-grid{grid-template-columns:1.15fr .85fr;display:grid}.chk-form{padding:44px 44px 60px}.chk-form h3{font:400 21px var(--fd);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:12px;margin:30px 0 16px;display:flex}.chk-form h3 span{font:400 13px var(--fu);border:2px solid var(--ink);border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.chk-form label{font:600 11px var(--fu);letter-spacing:.16em;margin:18px 0 10px;display:block}.chk-form label.bad input,.chk-form label.bad select,.chk-form label.bad textarea{border-color:var(--chili);background:#fdecea}.chk-form input,.chk-form textarea{width:100%;font:500 15px var(--fu);border:2px solid var(--ink);background:var(--coconut);color:var(--ink);border-radius:12px;padding:14px 16px}.chk-form select{width:100%;font:500 15px var(--fu);border:2px solid var(--ink);background:var(--coconut);color:var(--ink);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border-radius:12px;padding:14px 48px 14px 16px}.chk-form textarea{resize:none;height:74px}.row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.paynote{font:400 12px var(--fu);opacity:.6;margin:6px 0 14px}.chk-pay{justify-content:center;width:100%;margin-top:26px;padding:20px;font-size:15px}.ts-wrap{justify-content:center;min-height:65px;margin:4px 0 2px;display:flex}.ts-wrap-nl{margin:12px 0 0}.ts-wrap:empty{display:none}.chk-sum{background:var(--ink);color:var(--cream);flex-direction:column;gap:14px;padding:44px 34px;display:flex}.chk-sum h4{font:400 22px var(--fd);letter-spacing:.04em;margin-bottom:6px}.cs-line{font:500 14px var(--fu);justify-content:space-between;gap:14px;display:flex}.cs-line i{opacity:.65;font-style:normal}.cs-line.tot{font:700 19px var(--fu);border-top:1.5px solid #f7f3ea4d;margin-top:8px;padding-top:14px}.cs-disc{color:var(--lime)}.chk-done{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:70px 40px;display:none}.chk-done.show{display:flex}.chk-done .bigck{border:3px solid var(--ink);background:var(--pandan);border-radius:50%;place-items:center;width:92px;height:92px;margin-bottom:8px;display:grid}.chk-done .bigck path{stroke-dasharray:60;stroke-dashoffset:60px;animation:draw .8s .2s var(--ez) forwards}.chk-done h2{font:400 clamp(34px,5vw,54px)/1 var(--fd);text-transform:uppercase}.chk-done .oid{font:600 13px var(--fu);letter-spacing:.24em;border:2px solid var(--ink);border-radius:999px;padding:9px 18px}.chk-done p{font:400 16px/1.6 var(--fu);max-width:44ch}.chk-done ol{flex-wrap:wrap;justify-content:center;gap:26px;margin-top:18px;list-style:none;display:flex}.chk-done ol li{font:600 11px/1.6 var(--fu);letter-spacing:.12em;text-transform:uppercase;opacity:.7;max-width:150px}.chk-done ol b{font:400 26px var(--fd);opacity:1;margin-bottom:4px;display:block}.spin{border:2.5px solid #f7f3ea59;border-top-color:var(--cream);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite rot;display:none}@keyframes rot{to{transform:rotate(360deg)}}.ship-opts{flex-direction:column;gap:10px;display:flex}.opt{border:2px solid var(--ink);cursor:pointer;background:var(--coconut);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex}.opt:has(input:checked){background:var(--mango)}.opt input{width:auto;accent-color:var(--ink)}.opt-l{flex-direction:column;gap:3px;display:flex}.opt-l b{font:700 13px var(--fu);letter-spacing:.1em}.opt-l em{font:400 12px var(--fu);opacity:.65;font-style:normal}.opt .opt-p{font:700 15px var(--fu);margin-left:auto}.art-cat{font:700 10px var(--fu);letter-spacing:.22em;border:2px solid var(--ink);background:var(--c);color:var(--ci);border-radius:999px;margin-bottom:22px;padding:7px 13px;display:inline-block}.art h2{font:400 clamp(30px,4vw,46px)/1.02 var(--fd);text-transform:uppercase;margin-bottom:8px}.art .art-th{font:600 15px var(--ft);opacity:.6;margin-bottom:24px}.art .pull{font:400 23px/1.4 var(--fs);border-left:4px solid var(--ink);margin:26px 0;padding-left:22px;font-style:italic}.art p{font:400 16px/1.8 var(--fu);margin-bottom:18px}.fp-item{border-top:1.5px solid #11111140}.fp-item:last-child{border-bottom:1.5px solid #11111140}.fp-item button{width:100%;font:600 14px var(--fu);letter-spacing:.08em;text-transform:uppercase;text-align:left;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:19px 2px;display:flex}.fp-item button svg{width:15px;height:15px;transition:transform .3s var(--ez);flex:none}.fp-item.open button svg{transform:rotate(45deg)}.fp-body{max-height:0;transition:max-height .45s var(--ez);overflow:hidden}.fp-body p{font:400 15px/1.7 var(--fu);opacity:.85;padding:0 2px 20px}.toasts{z-index:130;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:18px;left:18px}.toast{background:var(--ink);color:var(--cream);font:600 13px var(--fu);letter-spacing:.05em;animation:tin .45s var(--ez),tout .4s ease 2.7s forwards;border-radius:999px;align-items:center;gap:11px;padding:13px 20px;display:flex}.toast i{background:var(--c);border:1.5px solid #f7f3ea99;border-radius:50%;flex:none;width:13px;height:13px}@keyframes tin{0%{opacity:0;transform:translateY(16px)}}@keyframes tout{to{opacity:0;transform:translateY(10px)}}.fly{z-index:140;border:2px solid var(--ink);pointer-events:none;border-radius:50%;width:18px;height:18px;position:fixed}.confetti{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}.confetti i{border:2px solid #1119;border-radius:50%;width:12px;height:12px;position:absolute;top:-24px}section:not(:first-of-type),.journal,.wordband,.giftband,.news,footer{content-visibility:auto;contain-intrinsic-size:0 1000px}@media (prefers-reduced-motion:reduce){section:not(:first-of-type),.journal,.wordband,.giftband,.news,footer{content-visibility:visible}}@media (width<=1180px){.flead{width:52vw}.fpanel{width:80vw}}@media (width<=1024px){.pgrid{grid-template-columns:repeat(2,1fr)}.pcard.wide{grid-column:span 2}.jgrid{grid-template-columns:1fr 1fr}.jcard:last-child{display:none}.tinsec{grid-template-columns:1fr;height:auto;padding:12vh 6vw}.tin-steps{height:auto;margin-top:44px}.tstep{opacity:1;pointer-events:auto;margin-bottom:40px;position:static;transform:none}.tin-big{width:min(64vw,420px);margin:0 auto}.tin-meta,.tin-dots{display:none}.giftband{grid-template-columns:1fr;gap:34px}.f-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.nav{display:none}.burger{display:grid}.hero{grid-template-columns:1fr;gap:10px;padding-top:96px}.stage{width:min(86vw,400px);margin:0 auto}.hero-tin{justify-content:center;display:flex}.flavours{height:auto;overflow:visible}.flav-viewport{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding:0 4vw;overflow-x:auto}.flav-track{gap:16px;padding:0 4vw;transform:none!important}.flead{scroll-snap-align:center;width:82vw}.fpanel{scroll-snap-align:center;grid-template-columns:1fr;align-content:center;gap:14px;width:86vw;padding:8vh 6vw}.p-tin{max-width:300px;margin:0 auto}.fend{scroll-snap-align:center;width:82vw}.flav-ui{display:none}.pp-grid{grid-template-columns:1fr}.pp-stage{border-right:none;border-bottom:2.5px solid var(--ink);height:auto;min-height:52vh;padding:70px 6vw 50px;position:static}.pp-stage .pp-tin{width:min(60vw,340px)}.pp-info{padding:40px 6vw}.chk-grid{grid-template-columns:1fr}.chk-sum{border-bottom:2px solid var(--ink);order:-1}.chk-form{padding:34px 24px 50px}}@media (width<=640px){.pgrid{grid-template-columns:1fr}.pcard.wide{grid-column:span 1;grid-template-columns:1fr}.pcard.wide .pc-plate{margin-bottom:18px}.pcard.wide h3{font-size:32px}.jgrid{grid-template-columns:1fr}.jcard:last-child{display:flex}.bgrid{grid-template-columns:1fr}.bcard{box-sizing:border-box;max-width:100%}.bc-tins{flex-wrap:wrap;gap:8px}.bc-tins span{width:48%;max-width:140px;margin:0}.bc-tins span+span{margin-left:0}.cursel{text-align:center;text-align-last:center;flex:1;min-width:0;padding:0 36px 0 12px;font-size:11px}.currency-select:after{width:14px;height:14px;right:8px}.brand span{display:none}.panel{padding:34px 22px}.row2{grid-template-columns:1fr}.d-head h3{font-size:19px}.hero-meta{font-size:10px}.flav-track{gap:16px}.flead{width:88vw}.fpanel{width:92vw;padding:6vh 6vw}.fend{width:88vw}.pp-stage{min-height:48vh;padding:50px 6vw 40px}.pp-stage .pp-tin{width:min(70vw,320px)}.pp-info{padding:40px 6vw}.stage{width:min(86vw,360px)}.hero-tin>svg,.hero-tin-f>svg{max-width:100%;height:auto}@media (width<=480px){.pp-stage .pp-tin{width:min(80vw,280px)}.pp-stage{min-height:auto;padding:40px 4vw 30px}.pp-info{padding:30px 4vw}}}@media (prefers-reduced-motion:reduce){.pp-stage .pp-tin,.pp-stage .cnd{animation:none}}