:root{--ink:#273eae;--purple:#7954b5;--lavender:#d4c5f6;--pale:#efebff;--ice:#b8d8fa;--cream:#fffdf7;--body:#666582;--round:'Fredoka','Arial Rounded MT Bold',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans','Noto Sans Thai',Arial,sans-serif}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%}a{color:inherit}a:focus-visible{outline:3px solid #7853b3;outline-offset:5px}h1,h2,h3,h4{font-family:var(--round);font-weight:500}em{font-style:normal;color:var(--purple)}.dessert-header{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1440px;margin:auto;padding:18px 5%;background:var(--cream)}.dessert-brand{display:flex;gap:11px;align-items:center;text-decoration:none;font:500 23px/1 var(--round)}.dessert-brand img{flex-shrink:0}.dessert-brand small{display:block;font:700 9px/1.4 'DM Sans',sans-serif;letter-spacing:.22em;margin-bottom:5px}.dessert-header nav{display:flex;gap:29px;font-size:12px;font-weight:700}.dessert-header nav a{text-decoration:none}.dessert-header nav a:hover{color:var(--purple)}.nav-pill{border:1px solid #c9b4e8;border-radius:30px;padding:13px 18px;font-size:11px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:17px}.nav-pill span{font-size:23px;line-height:1;color:var(--purple)}.dessert-hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;background:#e9e3fa;padding:57px max(5%,calc((100vw - 1296px)/2)) 66px;position:relative;overflow:hidden}.dessert-hero:after{content:'';position:absolute;bottom:-13px;left:0;width:100%;height:26px;background:radial-gradient(circle at 13px 0,transparent 13px,var(--cream) 14px) 0 0/26px 26px repeat-x}.hero-copy{position:relative;z-index:1}.overline{font-size:10px;letter-spacing:.17em;font-weight:700;line-height:1.7}.hero-copy>.overline{display:flex;align-items:center;gap:9px;margin-bottom:23px}.status-dot{width:7px;height:7px;background:#7c5abc;border-radius:50%;box-shadow:0 0 0 4px #c8b4fa55}.dessert-hero h1{font-size:clamp(55px,6.3vw,96px);line-height:.99;letter-spacing:-.047em;position:relative;max-width:650px}.dessert-hero h1 em{color:#7853b3}.title-star{position:absolute;width:45px;height:45px;right:4%;top:4px;fill:#91b7ef;transform:rotate(10deg)}.thai-line{font-family:'Noto Sans Thai',sans-serif;color:#765baa;font-size:15px;margin-top:24px}.intro-copy{font-size:14px;line-height:1.9;color:#5f607b;margin:14px 0 27px;max-width:400px}.round-button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;background:var(--ink);color:white;text-decoration:none;border-radius:50px;padding:17px 23px;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.round-button:hover{background:#61449c;transform:translateY(-2px)}.round-button span{font-size:23px;line-height:1}.hero-footnote{font-size:8px;font-weight:700;letter-spacing:.16em;margin-top:29px;color:#7d73a2}.hero-art{position:relative;margin:12px -14px 0 0}.hero-art>img{width:100%;aspect-ratio:1.05;object-fit:cover;border-radius:48% 48% 13px 13px;border:8px solid #f8f4ff;box-shadow:13px 16px 0 #ccbeec}.hero-stamp{position:absolute;right:-12px;top:-22px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--ink);border:6px solid #e9e3fa;border-radius:50%;width:122px;height:122px;transform:rotate(11deg);font:500 18px/1.05 var(--round);color:#fff}.hero-stamp em{color:#c8dcff;font-size:26px;margin-top:2px}.hero-art figcaption{font-size:8px;color:#7d7398;text-align:right;margin:25px 8px 0 0}.sweet-ribbon{display:flex;align-items:center;justify-content:space-around;gap:26px;white-space:nowrap;overflow:hidden;padding:23px 4%;font-size:11px;font-weight:700;letter-spacing:.1em;border-bottom:1px solid #e7e1ef}.sweet-ribbon span[lang],.sweet-ribbon span:first-child{font-family:'Noto Sans Thai',sans-serif}.sweet-ribbon b{font-size:23px;color:#a690d2}.section-space{padding:90px 6%;max-width:1440px;margin:auto}.story{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:10%}.story-logo{position:relative;max-width:390px;margin:auto}.story-logo>img{width:100%;border-radius:24%;transform:rotate(-4deg)}.little-note{display:block;text-align:center;font:400 17px var(--round);color:var(--purple);margin-top:25px;transform:rotate(-3deg)}.story h2,h2{font-size:clamp(38px,4.2vw,62px);line-height:1.05;letter-spacing:-.035em}.story h2{margin:18px 0 24px}.story-copy>p:not(.overline):not(.thai-signoff){color:var(--body);font-size:14px;line-height:1.95;margin-top:16px;max-width:460px}.thai-signoff{font-family:'Noto Sans Thai',sans-serif;color:#8a6cb2;font-size:14px;margin-top:25px}.sweet-section{background:#edf5fe;max-width:none;padding-left:max(6%,calc((100vw - 1268px)/2));padding-right:max(6%,calc((100vw - 1268px)/2))}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:44px}.section-heading h2{margin-top:16px}.section-heading>p{max-width:285px;font-size:13px;line-height:1.8;color:var(--body)}.dessert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.bowl-illustration{background:#dfebfc;border-radius:130px 130px 15px 15px;padding:20px 14px 24px;display:grid;place-items:center;margin-bottom:25px;min-height:260px}.bowl-illustration svg{width:100%;max-width:260px;height:200px}.bowl-illustration>span{font-size:8px;font-weight:700;letter-spacing:.12em}.ice-bingsu .bowl-illustration{background:#e3d9f7}.ice-kakigori .bowl-illustration{background:#e7e2f3}.dessert-item h3{font-family:var(--round),'Noto Sans Thai',sans-serif;font-size:31px;letter-spacing:-.02em;line-height:1.3}.dessert-item h4{font-size:15px;margin:6px 0 14px;color:var(--purple)}.dessert-item>p{font-size:13px;line-height:1.85;color:var(--body);max-width:310px}.menu-note{text-align:center;font-size:10px;line-height:1.8;color:#80859c;margin-top:44px;max-width:800px;margin-left:auto;margin-right:auto}.sweet-quote{text-align:center;background:#d1c2ef;padding:62px 20px 66px}.quote-spark{font-size:40px;color:#7853b3;display:inline-block;margin-bottom:14px}.sweet-quote p{font:500 clamp(35px,4.8vw,67px)/1.1 var(--round);letter-spacing:-.025em}.sweet-quote em{color:white}.sweet-quote>span:last-child{font:400 13px 'Noto Sans Thai',sans-serif;display:block;margin-top:25px;color:#705b94}.opening{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;align-items:center}.opening-main h2{margin:17px 0 23px}.opening-main>p:not(.overline){font-size:14px;line-height:1.9;color:var(--body);max-width:395px;margin-bottom:28px}.opening-card{position:relative;background:#efebff;border-radius:22px;padding:36px 34px;border:1px solid #e0d6f2}.opening-card>img{margin-bottom:19px}.opening-card .overline{font-size:9px}.opening-card h3{font-size:35px;line-height:1.05;margin:16px 0 24px;letter-spacing:-.03em}.opening-card address{font-size:12px;line-height:1.9;color:var(--body);font-style:normal}.opening-card>a{display:inline-block;font-size:11px;font-weight:700;text-decoration:none;border-bottom:1px solid #a791ce;padding-bottom:4px;margin-top:17px}.opening-note{font-size:10px;line-height:1.7;color:#87729f;margin-top:24px;padding-top:18px;border-top:1px solid #d9ceea}.dessert-footer{padding:29px 5%;background:var(--ink);color:#ecebff;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px}.dessert-footer a{text-decoration:none}.footer-name{font:400 17px var(--round)}.footer-name strong{display:block;font-weight:500;margin-top:3px}.dessert-footer>p{font-family:'Noto Sans Thai',sans-serif;color:#c8bef1}.dessert-footer>span{font-size:9px;color:#b3bde9}
@media(min-width:1500px){.dessert-hero{padding-top:75px;padding-bottom:85px}.hero-art>img{aspect-ratio:1.12}}
@media(max-width:1050px){.dessert-header nav{gap:15px;font-size:11px}.dessert-brand{font-size:21px}.dessert-hero{padding-top:44px;padding-bottom:55px;gap:10px}.dessert-hero h1{font-size:clamp(51px,6.1vw,70px)}.title-star{width:33px;right:1%}.hero-art{margin-right:0}.hero-stamp{width:103px;height:103px;right:-9px;font-size:15px}.hero-stamp em{font-size:22px}.section-space{padding-top:70px;padding-bottom:70px}.story{gap:6%}.dessert-grid{gap:24px}.bowl-illustration{min-height:230px;padding-left:8px;padding-right:8px}.bowl-illustration>span{font-size:7px}.opening{gap:7%}.dessert-footer{gap:18px}}
@media(max-width:760px){.dessert-header{padding:14px 22px;gap:12px}.dessert-header nav{display:none}.dessert-brand{font-size:20px;gap:8px}.dessert-brand img{width:48px;height:48px}.nav-pill{padding:11px 13px;font-size:10px;gap:9px}.nav-pill span{font-size:19px}.dessert-hero{grid-template-columns:1fr;padding:36px 25px 44px;gap:30px}.hero-copy>.overline{font-size:9px;margin-bottom:21px}.dessert-hero h1{font-size:clamp(55px,11vw,80px);max-width:600px}.title-star{right:6%;top:8px;width:39px}.thai-line{font-size:13px;margin-top:21px}.intro-copy{font-size:13px;max-width:440px;margin-bottom:22px}.hero-footnote{font-size:7px;margin-top:23px}.hero-art{max-width:590px;width:100%;margin:10px auto 0;padding:0 5px}.hero-art>img{aspect-ratio:1.4;border-radius:45% 45% 12px 12px;border-width:6px;box-shadow:8px 10px 0 #ccbeec}.hero-stamp{top:-13px;right:-2px;width:95px;height:95px;border-width:4px}.hero-art figcaption{font-size:7px;margin-top:18px}.sweet-ribbon{justify-content:flex-start;padding:19px 24px;gap:22px;font-size:10px}.sweet-ribbon b{font-size:20px}.section-space{padding:55px 25px}.story{grid-template-columns:1fr;gap:35px}.story-logo{max-width:270px}.little-note{font-size:15px;margin-top:22px}.story-copy{max-width:550px}.story h2,h2{font-size:44px}.story-copy>p:not(.overline):not(.thai-signoff){font-size:13px;line-height:1.9}.section-heading{display:block;margin-bottom:32px}.section-heading>p{max-width:460px;margin-top:20px;font-size:12px}.dessert-grid{grid-template-columns:1fr;gap:33px}.dessert-item{display:grid;grid-template-columns:40% 1fr;column-gap:22px;align-content:center;align-items:center}.bowl-illustration{grid-row:1/4;min-height:180px;margin-bottom:0;padding:5px 5px 17px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-radius:90px 90px 12px 12px}.bowl-illustration svg{height:auto;max-height:160px}.bowl-illustration>span{font-size:6px;letter-spacing:.05em;text-align:center}.dessert-item h3{font-size:27px;align-self:end}.dessert-item h4{font-size:13px;margin:4px 0 10px}.dessert-item>p{font-size:12px;line-height:1.8;align-self:start;max-width:none}.menu-note{font-size:9px;line-height:1.8;margin-top:33px}.sweet-quote{padding:43px 20px 48px}.sweet-quote p{font-size:43px}.sweet-quote>span:last-child{font-size:12px}.opening{grid-template-columns:1fr;gap:36px}.opening-main>p:not(.overline){font-size:13px;max-width:480px}.opening-card{max-width:550px;width:100%;padding:28px}.dessert-footer{display:grid;grid-template-columns:1fr 1fr;padding:25px;gap:23px;font-size:9px}.dessert-footer>p{text-align:right;font-size:9px}.dessert-footer>span{text-align:right}.footer-name{font-size:15px}}
@media(max-width:390px){.dessert-header{padding:12px 16px}.dessert-brand{font-size:17px}.dessert-brand img{width:42px;height:42px}.nav-pill{font-size:9px;padding:10px;gap:5px}.dessert-hero{padding-left:20px;padding-right:20px}.dessert-hero h1{font-size:53px}.title-star{width:29px;right:1%}.hero-copy>.overline{font-size:8px;letter-spacing:.12em}.thai-line{font-size:12px}.dessert-item{column-gap:16px;grid-template-columns:37% 1fr}.bowl-illustration>span{font-size:5px}.dessert-item h3{font-size:24px}.dessert-item>p{font-size:11px}.story h2,h2{font-size:39px}.sweet-quote p{font-size:37px}.section-space{padding-left:20px;padding-right:20px}}
img{height:auto}.hero-art>img{height:auto}.story-logo>img{height:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}