/* Generated serving scene is decorative. All packaged product photos are real. */
.hero{display:block;position:relative;min-height:max(760px,calc(100svh - 88px));padding:70px 6.5% 110px;overflow:hidden;background:var(--deep)}
.hero-scene{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(45,12,75,.42),rgba(45,12,75,.05) 63%,transparent)}
.hero-copy{max-width:56%;position:relative;z-index:2}
.hero h1{font-size:clamp(70px,8vw,128px);line-height:1.03;letter-spacing:-3px;margin-bottom:28px}
.hero .intro{margin-bottom:25px}.hero-thai{font-size:24px;max-width:30ch}
.hero-flavour-links{display:flex;gap:12px;margin-top:24px}.hero-flavour-links a{padding:9px 22px;border:1px solid #ffffff80;border-radius:30px;font-size:16px;background:#44216435}
.hero-flavour-links a:hover{background:var(--purple)}
.hero-art{position:absolute;right:5%;bottom:72px;width:250px;margin:0;padding:0;min-height:0;height:auto;z-index:3}
.hero-mascots{margin:0;gap:5px;align-items:center}.hero-mascots img{width:48%;max-width:none;filter:none;background:var(--yellow);border-radius:50%;padding:7px}
.hero .art-note{font-size:13px;margin-top:9px;color:white}
.hero-bottom{font-size:13px;bottom:22px;left:6.5%;right:6.5%}
.size-switch{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 28px;width:100%}
.size-switch button{border:1px solid #65339450;background:white;border-radius:12px;padding:10px 15px;color:var(--deep);font:inherit;font-size:15px}
.size-switch button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);font-weight:500}
.size-switch a{font-size:14px;margin-left:auto;text-decoration:underline;text-underline-offset:4px}
.product-visuals[data-size="400"]{background:#f2f6f8}.product-visuals[data-size="400"] .flavour-photo{object-fit:contain}
.product-stage{border-radius:50px;padding-top:82px;overflow:visible}.product-visuals{border-radius:0 0 50px 50px}
.flavours>.section-heading h2{font-size:clamp(38px,4.5vw,70px)}
.lifestyle-photo{border-radius:24px}.everyday{min-height:85svh;align-items:center}
@media(min-width:851px) and (prefers-reduced-motion:no-preference){
 @supports(animation-timeline:view()){
  .hero-scene img{animation:scene-recede linear both;animation-timeline:--hero;animation-range:exit 0% exit 100%}
 }
}
@keyframes scene-recede{from{transform:scale(1)}to{transform:translateY(8%) scale(1.08)}}
@media(max-width:1100px){.hero{padding-top:65px;min-height:750px}.hero h1{font-size:clamp(64px,8vw,90px)}.hero-thai{font-size:21px}.hero-art{width:210px;right:4%}.hero-copy{max-width:62%}.size-switch a{flex-basis:100%;margin:3px 0 0}}
@media(max-width:700px){
 .hero{min-height:960px;padding:35px 6% 90px}.hero-copy{max-width:none}.hero h1{font-size:clamp(57px,15vw,92px);letter-spacing:-1px}.hero-thai{font-size:20px}
 .hero-scene{top:auto;bottom:0;height:48%;left:0;right:0}.hero-scene img{object-position:80% center}
 .hero::before{background:linear-gradient(180deg,#442164 0%,#442164 45%,rgba(68,33,100,.8) 55%,transparent 75%,rgba(68,33,100,.4) 100%)}
 .hero-art{width:185px;bottom:60px;right:auto;left:5%}.hero .art-note{font-size:12px}.hero-bottom{font-size:11px}.hero-bottom>span{max-width:190px}
 .hero-flavour-links{margin-top:18px}.hero-flavour-links a{padding:8px 20px;font-size:14px}
 .product-stage{border-radius:30px}.product-visuals{border-radius:0 0 30px 30px}.flavours>.section-heading h2{font-size:36px}.lifestyle-photo{border-radius:20px}.everyday{min-height:0}
}
@media(prefers-reduced-motion:reduce){.hero-scene img{animation:none!important}}