/* v6: bubbly headline, colored menu cards, tighter sections, new art */
.hero h1.bubbly{font-family:"Bagel Fat One",var(--sans);font-weight:400;letter-spacing:.005em;font-size:clamp(2rem,4.3vw,3.3rem);line-height:1.1;max-width:16ch}
.marquee{padding:.7rem 0}
.marquee span{font-size:.8rem}
.marquee .hand{font-size:1.05rem}
.menu-top{margin-bottom:2rem}
.col{padding:1.5rem 1.4rem;border-radius:22px}
.col-head{margin-bottom:1rem;padding-bottom:.7rem}
.col-head h3{font-size:1.6rem}
.drink{margin-bottom:.85rem}
.drink h4{font-size:.98rem}
.drink p{font-size:.8rem;line-height:1.45}
.classics li{padding:.42rem 0;font-size:.92rem}
.col-sig{background:var(--pink);border-color:var(--pink);color:var(--ink)}
.col-sig .col-head{border-color:rgba(0,0,0,.14)}
.col-sig .col-head h3{color:var(--ink)!important}
.col-sig .col-head small{color:rgba(0,0,0,.55)}
.col-sig .drink p{color:rgba(28,30,33,.75)}
.col-matcha{background:#7E9B5E;border-color:#7E9B5E;color:#fff}
.col-matcha .col-head{border-color:rgba(255,255,255,.25)}
.col-matcha .col-head h3{color:#fff!important}
.col-matcha .col-head small{color:rgba(255,255,255,.75)}
.col-matcha .drink p{color:rgba(255,255,255,.85)}
.col-classic{background:var(--ink);border-color:var(--ink);color:#fff}
.col-classic .col-head{border-color:rgba(255,255,255,.15)}
.col-classic .col-head h3{color:#fff!important}
.col-classic .col-head small{color:var(--muted-d)}
.col-classic .classics li{border-color:rgba(255,255,255,.14)}
.story{padding-bottom:clamp(6.5rem,11vw,8.5rem)}
.story .big{font-size:clamp(1.1rem,1.8vw,1.35rem)}
.card{padding:1rem 1.2rem;gap:.9rem}
.card .num{font-size:1.3rem;width:1.8rem}
.card h3{font-size:.98rem}
.card p{font-size:.85rem}
.peek-head{width:clamp(90px,10vw,150px)}
.origin{padding-top:clamp(3.5rem,7vw,5.5rem);padding-bottom:clamp(7rem,12vw,10rem)}
.origin-top{margin-bottom:2rem}
.fact{padding-top:1.2rem}
.fact b{font-size:clamp(1.05rem,1.8vw,1.35rem)}
.panela{padding:clamp(3.5rem,7vw,5.5rem) 0}
.panela h2{font-size:clamp(2.2rem,5vw,3.8rem)}
.cloud{max-width:360px}
.seasonal{overflow:hidden}
.seasonal .wrap{position:relative;z-index:1}
.seasonal-grid{grid-template-columns:minmax(0,360px) 1fr;gap:clamp(2rem,5vw,4.5rem)}
.photo{aspect-ratio:760/860;max-width:360px;border-radius:24px}
.s-list{margin-top:1.2rem}
.s-item{padding:.9rem 0}
.s-item h3{font-size:1.1rem}
.s-item p{font-size:.85rem}
.art-branch{position:absolute;right:-10px;bottom:-30px;width:clamp(140px,15vw,230px);mix-blend-mode:lighten;opacity:.85;pointer-events:none}
.popups{overflow:hidden}
.popups .wrap{position:relative;z-index:1}
.art-chiva{position:absolute;left:-20px;bottom:-10px;width:clamp(200px,24vw,330px);mix-blend-mode:lighten;opacity:.3;pointer-events:none}
.hl{color:var(--pink);background:linear-gradient(var(--pink),var(--pink)) no-repeat 0 96%/0% .12em;padding-bottom:.05em}
.reveal.in .hl{animation:hl 1.4s .5s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes hl{to{background-size:100% .12em}}
.merch{padding:clamp(3.5rem,7vw,5.5rem) 0}
.merch-grid{grid-template-columns:1.1fr .9fr}
.merch .lead{margin-bottom:1.3rem}
.inline-form{max-width:420px}
.merch-art.logo-art{aspect-ratio:16/11}
.merch-art.logo-art img{width:50%}
.foot-tag{font-family:var(--hand);color:var(--white);font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.3}
@media (max-width:960px){.seasonal-grid{grid-template-columns:1fr}.merch-grid{grid-template-columns:1fr}}
@media (max-width:600px){
.hero h1.bubbly{font-size:2.05rem}
.marquee{padding:.55rem 0}
.menu-top{margin-bottom:1.1rem}
.menu-top .lead{display:block;font-size:.88rem}
.col{padding:1.15rem 1.1rem}
.col-head h3{font-size:1.4rem}
.story{padding-bottom:5rem}
.peek-head{width:84px}
.origin{padding-bottom:6rem}
.photo{aspect-ratio:16/11;max-width:none}
.art-branch{top:1.2rem;bottom:auto;right:-6px;width:96px;opacity:.6}
.art-chiva{width:170px;opacity:.22;left:auto;right:-20px;bottom:-6px}
.merch-art.logo-art{aspect-ratio:16/8}
.merch-art.logo-art img{width:40%}
.inline-form{max-width:none}
.foot-tag{font-size:1.25rem}
}
.panela{overflow:hidden}
.panela .wrap{position:relative;z-index:1}
.art-white{position:absolute;left:-30px;top:-20px;width:clamp(150px,17vw,250px);mix-blend-mode:lighten;opacity:.16;transform:rotate(-12deg);pointer-events:none}
@media (max-width:600px){.art-white{width:120px;opacity:.12}}