@font-face{font-family:UmashiThai;src:url('assets/fonts/NotoSansThai.ttf') format('truetype');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{width:0}body{margin:0;color:#000;background:#fff;font-family:UmashiThai,'Noto Sans Thai',Tahoma,sans-serif}.page{--u:calc(100vw / 864);width:100%;margin:auto}a{color:inherit;text-decoration:none}button{font:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}em{font-style:normal;color:#B1272D}header{position:absolute;z-index:2;left:calc(64 * var(--u));right:calc(32 * var(--u));top:calc(14 * var(--u));height:calc(49 * var(--u));display:flex;align-items:center;gap:calc(56 * var(--u))}.brand{display:flex;align-items:center;width:calc(164 * var(--u));height:calc(49 * var(--u));flex-shrink:0;gap:calc(8 * var(--u))}.brand-mark{width:calc(49 * var(--u));height:calc(49 * var(--u));overflow:hidden;flex-shrink:0}.brand-mark img{width:calc(71 * var(--u));height:calc(71 * var(--u));margin:calc(-11 * var(--u));mix-blend-mode:multiply}.brand-type{font-family:Georgia,'Times New Roman',serif;font-size:calc(28 * var(--u));line-height:1.15;white-space:nowrap}.brand-type>span{font-size:calc(5.5 * var(--u));letter-spacing:calc(1.8 * var(--u));display:block;text-align:center;position:relative}.brand-type>span:before,.brand-type>span:after{content:'';width:calc(15 * var(--u));height:1px;background:#B1272D;position:absolute;top:45%}.brand-type>span:before{left:0}.brand-type>span:after{right:0}nav{display:flex;gap:calc(35 * var(--u));font-size:calc(14 * var(--u));white-space:nowrap}nav a:hover{color:#B1272D}.hero{position:relative;height:calc(522 * var(--u));background:#F7F0DF;overflow:hidden}.hero-art,.recipe-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-copy{position:absolute;top:calc(110 * var(--u));left:calc(68 * var(--u))}h1{font-size:calc(62 * var(--u));font-weight:750;line-height:1.14;letter-spacing:calc(-1.3 * var(--u));margin:0}h1 span{color:#a51620}.hero-subtitle{font-size:calc(23 * var(--u));line-height:1.4;font-weight:650;margin:calc(10 * var(--u)) 0 calc(18 * var(--u))}.button{display:inline-flex;align-items:center;justify-content:center;gap:calc(14 * var(--u));height:calc(44 * var(--u));padding:0 calc(21 * var(--u));color:#fff;background:#B1272D;border:0;border-radius:calc(3 * var(--u));font-size:calc(20 * var(--u));font-weight:500;cursor:pointer}.button svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}.button:hover{background:#8c1018}.hero-note{margin:calc(37 * var(--u)) 0 0;font-size:calc(18 * var(--u));font-weight:400;line-height:1.25;padding-top:calc(14 * var(--u));position:relative}.hero-note:before{content:'';position:absolute;top:0;left:0;width:calc(49 * var(--u));height:1px;background:#777}.product{height:calc(415 * var(--u));position:relative;background:#fff}.product-visual{position:absolute;left:calc(20 * var(--u));top:calc(38 * var(--u));width:calc(511 * var(--u));height:calc(350 * var(--u));overflow:hidden}.product-visual img{width:112%;height:112%;max-width:none;object-fit:cover;position:absolute;left:-6%;top:-6%}.product-copy{position:absolute;left:calc(556 * var(--u));top:calc(40 * var(--u));width:calc(271 * var(--u))}.kicker{display:flex;align-items:center;gap:calc(10 * var(--u));font:calc(9 * var(--u)) Georgia,serif;letter-spacing:calc(2.3 * var(--u));margin:0 0 calc(18 * var(--u))}.kicker span{display:block;width:calc(89 * var(--u));height:1px;background:#B1272D}h2{font-size:calc(44 * var(--u));font-weight:720;line-height:1.16;letter-spacing:calc(-.9 * var(--u));margin:0 0 calc(15 * var(--u))}.product-description{font-size:calc(15 * var(--u));line-height:1.4;margin:0}.weight{font-size:calc(16 * var(--u));font-weight:600;margin:calc(19 * var(--u)) 0 calc(25 * var(--u))}.ingredients{border-top:1px solid #aaa;border-bottom:1px solid #aaa;font-size:calc(14 * var(--u))}.ingredients summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:calc(18 * var(--u));padding:calc(9 * var(--u)) 0;list-style:none}.ingredients summary::-webkit-details-marker{display:none}.disclosure-icon{width:calc(16 * var(--u));height:calc(16 * var(--u));position:relative}.disclosure-icon:before,.disclosure-icon:after{content:'';position:absolute;background:black;left:50%;top:50%;transform:translate(-50%,-50%)}.disclosure-icon:before{width:calc(12 * var(--u));height:2px}.disclosure-icon:after{height:calc(12 * var(--u));width:2px}.ingredients[open] .disclosure-icon:after{display:none}.ingredients>div{padding-bottom:10px}.product:has(details[open]){height:auto;min-height:calc(590 * var(--u))}.prepare{height:calc(446 * var(--u));display:grid;grid-template-columns:46.875% 53.125%;color:white}.prepare figure{margin:0;overflow:hidden}.prepare figure img{width:100%;height:100%;object-fit:cover;object-position:center}.prepare-copy{padding:calc(36 * var(--u)) calc(41 * var(--u)) 0 calc(52 * var(--u));background:#951520 url('assets/preparation-background-v3.webp') center/cover}.prepare .kicker{color:white;margin-bottom:calc(16 * var(--u))}.prepare .kicker span{background:#ffffffa0}.prepare h2{font-size:calc(42 * var(--u));line-height:1.1;font-weight:650;margin:0 0 calc(10 * var(--u))}.prepare-subtitle{font-size:calc(16 * var(--u));margin:0 0 calc(16 * var(--u))}.steps article{display:grid;grid-template-columns:calc(49 * var(--u)) calc(46 * var(--u)) 1fr;gap:calc(22 * var(--u));padding:calc(13 * var(--u)) 0 calc(14 * var(--u));min-height:calc(76 * var(--u))}.steps article+article{border-top:1px solid #ffffff60}.number{font:calc(36 * var(--u)) Georgia,serif;line-height:1.2}.step-icon{width:calc(46 * var(--u));height:calc(46 * var(--u));stroke-width:1.8}.steps h3{font-size:calc(16 * var(--u));line-height:1.3;font-weight:500;margin:0 0 calc(3 * var(--u))}.steps p{font-size:calc(14 * var(--u));line-height:1.35;margin:0}.ideas{position:relative;height:calc(349 * var(--u));overflow:hidden;background:#F7F0DF}.recipe-copy{position:relative;padding:calc(32 * var(--u)) 0 0 calc(55 * var(--u))}.ideas .kicker{margin-bottom:calc(10 * var(--u))}.ideas .kicker span{width:calc(111 * var(--u))}.ideas h2{font-size:calc(39 * var(--u));line-height:1.2;margin:0 0 calc(15 * var(--u));white-space:nowrap}.idea-tabs{display:flex;gap:calc(7 * var(--u));margin-bottom:calc(24 * var(--u))}.idea-tabs button{width:calc(134 * var(--u));height:calc(40 * var(--u));padding:0;background:#fffc;border:1px solid #e6d1b6;border-radius:calc(3 * var(--u));font-size:calc(14 * var(--u));cursor:pointer}.idea-tabs button[aria-selected=true]{background:#B1272D;color:white;border-color:#B1272D}.idea-panel{width:calc(340 * var(--u))}.idea-panel h3{font-size:calc(20 * var(--u));font-weight:550;line-height:1.35;margin:0 0 calc(8 * var(--u))}.idea-panel p{font-size:calc(16 * var(--u));line-height:1.4;margin:0;white-space:pre-line}.recipe-more{background:none;border:0;padding:0;margin-top:calc(25 * var(--u));color:#B1272D;font-size:calc(16 * var(--u));cursor:pointer;display:flex;align-items:center;gap:calc(8 * var(--u))}.recipe-more svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}footer{height:calc(89 * var(--u));display:flex;justify-content:space-between;align-items:center;padding:0 calc(41 * var(--u));background:white;gap:calc(24 * var(--u))}footer .brand{width:calc(140 * var(--u));transform:scale(.86);transform-origin:left center}footer nav{font-size:calc(13 * var(--u));gap:calc(15 * var(--u))}footer>div{text-align:right;white-space:nowrap}footer p{font-size:calc(12 * var(--u));margin:0 0 calc(5 * var(--u))}footer small{font-size:calc(9 * var(--u))}dialog{border:0;border-radius:8px;padding:35px;max-width:min(540px,92vw);font-size:16px;line-height:1.7}dialog::backdrop{background:#0008}dialog h2{font-size:28px;margin:10px 0 20px}dialog p{white-space:pre-line}dialog .button{height:auto;min-height:44px;padding:10px 20px;font-size:16px}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;cursor:pointer}:focus-visible{outline:3px solid #B1272D;outline-offset:5px}.prepare :focus-visible{outline-color:white}@media(min-width:1600px){.page{--u:calc(1600px / 864);max-width:1600px}}@media(max-width:650px){.page{--u:1px}header{left:20px;right:20px;top:12px;height:48px;gap:16px;justify-content:space-between}.brand{width:142px;transform:scale(.85);transform-origin:left}.hero{height:650px}.hero-art{height:350px;top:auto;bottom:0;object-fit:cover;object-position:right}.hero-copy{top:93px;left:26px;right:20px}h1{font-size:43px;line-height:1.1;letter-spacing:-1px}.hero-subtitle{font-size:18px;margin:13px 0 17px}.hero-copy .button{font-size:16px}.hero-note{font-size:14px;margin-top:18px;padding-top:8px}.hero-note br{display:none}header nav{gap:12px;font-size:12px;flex-wrap:wrap;justify-content:flex-end;white-space:normal}header nav a:last-child{flex-basis:100%;text-align:right}.product{height:auto;padding:30px 25px 34px}.product-visual{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:1.4}.product-copy{position:relative;left:auto;top:auto;width:100%;padding-top:25px}.kicker{font-size:10px}h2{font-size:39px}.product-description{font-size:16px;line-height:1.6}.product-description br{display:none}.weight{font-size:16px}.ingredients summary{font-size:18px}.ingredients{font-size:14px}.product:has(details[open]){min-height:0}.prepare{height:auto;grid-template-columns:1fr}.prepare figure{height:420px}.prepare figure img{object-position:center 35%}.prepare-copy{padding:30px 28px 25px}.prepare h2{font-size:39px}.prepare-subtitle{font-size:15px}.steps article{grid-template-columns:43px 42px 1fr;gap:15px;padding:16px 0}.number{font-size:32px}.step-icon{width:40px;height:40px}.steps h3{font-size:16px}.steps p{font-size:14px}.ideas{height:auto;min-height:680px;padding-bottom:320px}.recipe-art{height:320px;top:auto;bottom:0;object-position:right;object-fit:cover}.recipe-copy{padding:30px 25px 0}.ideas h2{font-size:31px;white-space:normal;line-height:1.3}.idea-tabs{gap:6px}.idea-tabs button{width:auto;flex:1;font-size:12px}.idea-panel{width:100%}.idea-panel p{font-size:15px}.recipe-more{margin-top:20px;font-size:16px}footer{height:auto;min-height:170px;padding:22px;flex-wrap:wrap;gap:20px}footer .brand{width:142px}footer nav{font-size:12px;gap:10px}footer>div{width:100%;text-align:left}footer p{font-size:12px}footer small{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@font-face{font-family:UmashiSerif;src:url('assets/fonts/NotoSerifThai.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:UmashiBody;src:url('assets/fonts/Sarabun-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:UmashiBody;src:url('assets/fonts/Sarabun-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}body{font-family:UmashiBody,Tahoma,sans-serif}h1,.product h2,.prepare h2,.ideas h2{font-family:UmashiSerif,serif}h1{font-size:calc(62 * var(--u));font-weight:700;line-height:1.15;letter-spacing:calc(-1.4 * var(--u))}.hero-subtitle{margin-top:calc(9 * var(--u));margin-bottom:calc(17 * var(--u));font-family:UmashiSerif,serif;font-weight:650}.hero-copy .button{width:calc(202 * var(--u));height:calc(44 * var(--u));padding:0;gap:calc(12 * var(--u))}.hero-copy{top:calc(110 * var(--u))}.hero-note{margin-top:calc(37 * var(--u));font-size:calc(18 * var(--u))}.product h2{font-size:calc(44 * var(--u));font-weight:700;line-height:1.18}.product-description{font-size:calc(16 * var(--u));line-height:1.37}.weight{margin-top:calc(19 * var(--u));margin-bottom:calc(27 * var(--u))}.prepare h2{font-size:calc(42 * var(--u));font-weight:600;line-height:1.1}.steps article{padding-top:calc(13 * var(--u));padding-bottom:calc(14 * var(--u))}.ideas h2{font-size:calc(39 * var(--u));font-weight:650}.idea-tabs{margin-bottom:calc(24 * var(--u))}.idea-panel p{font-size:calc(16 * var(--u))}.brand-type{font-size:calc(28 * var(--u))}.product-visual{left:calc(40 * var(--u));width:calc(481 * var(--u))}.product-visual img{width:120%;height:112%;left:-10%;top:-6%}@media(max-width:650px){h1{font-size:43px;line-height:1.1}.hero-copy{top:93px}.hero-subtitle{font-size:18px}.hero-copy .button{width:202px;font-size:16px}.hero-note{font-size:14px;margin-top:18px}.product h2{font-size:39px}.product-description{font-size:16px;line-height:1.6}.prepare h2{font-size:39px}.ideas h2{font-size:31px}.product-visual{left:auto;width:100%}}
h1{font-size:calc(64 * var(--u));font-weight:800;line-height:1.12}.hero-subtitle{font-size:calc(23 * var(--u));margin-top:calc(9 * var(--u));margin-bottom:calc(17 * var(--u))}.product h2{font-size:calc(46 * var(--u));font-weight:750;line-height:1.14}.product-description{font-family:UmashiThai,Tahoma,sans-serif;font-variation-settings:'wdth' 85,'wght' 400;font-size:calc(15.5 * var(--u));line-height:1.4}.weight{margin-top:calc(17 * var(--u));margin-bottom:calc(25 * var(--u))}.prepare h2{font-family:UmashiBody,Tahoma,sans-serif;font-weight:600;font-size:calc(44 * var(--u));line-height:1.06}.prepare-subtitle{font-size:calc(16 * var(--u))}.steps article{padding:calc(11 * var(--u)) 0 calc(12 * var(--u));min-height:calc(76 * var(--u))}.ideas h2{font-size:calc(38 * var(--u));font-weight:700}.recipe-copy{padding-top:calc(32 * var(--u))}.recipe-more{margin-top:calc(25 * var(--u))}footer .brand{gap:calc(4 * var(--u))}@media(max-width:650px){h1{font-size:43px;line-height:1.1}.product h2{font-size:39px}.product-description{font-size:16px;font-variation-settings:normal}.prepare h2{font-size:39px}.ideas h2{font-size:31px}}
h1{letter-spacing:calc(-2 * var(--u))}.hero-subtitle{font-size:calc(24 * var(--u));margin-top:calc(1 * var(--u));margin-bottom:calc(15 * var(--u))}.product h2{margin-bottom:calc(11 * var(--u))}.prepare .kicker{margin-bottom:calc(10 * var(--u))}.prepare h2{font-size:calc(43 * var(--u))}.prepare-subtitle{margin-bottom:calc(9 * var(--u))}.ideas h2{margin-bottom:calc(8 * var(--u))}.idea-tabs{margin-bottom:calc(21 * var(--u))}.recipe-art{top:calc(25 * var(--u));height:100%;bottom:auto}.recipe-calligraphy{position:absolute;right:calc(23 * var(--u));top:calc(97 * var(--u));writing-mode:vertical-rl;font:calc(12 * var(--u)) serif;letter-spacing:calc(2 * var(--u))}.recipe-calligraphy span{background:#B1272D;color:white;border-radius:2px;padding:3px;margin-top:8px;font-size:calc(16 * var(--u));letter-spacing:0}.brand-type{font-family:'Times New Roman',serif}@media(max-width:650px){h1{letter-spacing:-1px}.hero-subtitle{font-size:18px;margin:13px 0 17px}.prepare h2{font-size:39px}.prepare .kicker{margin-bottom:16px}.prepare-subtitle{margin-bottom:16px}.ideas h2{margin-bottom:15px}.idea-tabs{margin-bottom:24px}.recipe-art{top:auto;bottom:0;height:320px}.recipe-calligraphy{top:auto;bottom:180px;right:15px}.product h2{margin-bottom:15px}}
h1,.product h2,.ideas h2{font-family:UmashiThai,sans-serif;font-variation-settings:'wdth' 90,'wght' 750;font-weight:750}
h1{font-size:calc(64 * var(--u));font-variation-settings:'wdth' 90,'wght' 800;font-weight:800;letter-spacing:calc(-1.4 * var(--u))}
.product h2{font-size:calc(46 * var(--u));line-height:1.14}
.prepare h2{font-size:calc(48 * var(--u));line-height:1.01}
.ideas h2{font-size:calc(40 * var(--u));letter-spacing:calc(-1 * var(--u))}
@media(max-width:650px){h1{font-size:42px}.product h2{font-size:42px}.prepare h2{font-size:40px}.ideas h2{font-size:30px}}
h1{font-variation-settings:'wdth' 100,'wght' 800}.product h2,.ideas h2{font-variation-settings:'wdth' 100,'wght' 750}
/* New label has longer ingredient copy: allow the section to grow when expanded. */
.product:has(.ingredients[open]){height:auto;min-height:calc(415 * var(--u));padding-bottom:calc(28 * var(--u))}
.product:has(.ingredients[open]) .product-copy{position:relative;left:auto;top:auto;width:calc(271 * var(--u));margin-left:calc(556 * var(--u));padding-top:calc(39 * var(--u))}
@media(max-width:650px){.product:has(.ingredients[open]){min-height:0;padding-bottom:32px}.product:has(.ingredients[open]) .product-copy{width:auto;margin-left:0;padding-top:0}}
.product-visual img{width:100%;height:100%;left:0;top:0;object-fit:contain}
.contact{padding:calc(44 * var(--u)) calc(55 * var(--u));background:#F7F0DF;border-top:1px solid #e1d8c5}.contact h2{font-family:UmashiThai,sans-serif;font-size:calc(36 * var(--u));margin:0 0 calc(24 * var(--u));line-height:1.2}.contact-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:calc(40 * var(--u))}.contact h3{font-size:calc(17 * var(--u));line-height:1.5;margin:0 0 calc(10 * var(--u))}.contact p,.contact-facebook{font-size:calc(16 * var(--u));line-height:1.6;margin:0 0 calc(10 * var(--u))}.contact a{color:#B1272D;text-decoration:underline;text-underline-offset:3px}.contact-facebook{display:inline-block}.contact a:focus-visible{outline:2px solid #B1272D;outline-offset:4px}footer nav{gap:calc(10 * var(--u))}
@media(max-width:650px){.contact{padding:32px 24px}.contact h2{font-size:32px}.contact-columns{grid-template-columns:1fr;gap:24px}.contact h3{font-size:17px}.contact p,.contact-facebook{font-size:16px}footer nav{flex-wrap:wrap;gap:10px}}
.all-recipes{display:block;font-size:calc(15 * var(--u));color:#B1272D;margin-top:calc(8 * var(--u));text-decoration:underline;text-underline-offset:3px}#recipe-dialog-image{display:block;width:100%;max-height:260px;object-fit:contain;margin:16px 0}.dialog-recipes{color:#B1272D;text-decoration:underline}footer nav{flex-wrap:wrap;justify-content:center;max-width:calc(365 * var(--u));font-size:calc(13 * var(--u))}@media(max-width:650px){.all-recipes{font-size:15px}footer nav{max-width:100%;font-size:13px}}