/* v5: white + resting pink, line drawings, one-swipe sections on mobile */
.origin{background:var(--white);color:var(--ink);padding-bottom:clamp(9rem,16vw,13rem);overflow:hidden}
.origin .kicker{color:var(--muted-l)!important}
.origin .lead,.origin-top .lead{color:var(--muted-l)}
.origin h2 .hand{color:var(--pink-ink)!important}
.origin .facts{border-color:var(--line-l)}
.origin .fact+.fact{border-color:var(--line-l)}
.origin .fact-k{color:var(--pink-ink)}
.origin .fact p{color:var(--muted-l)}
.origin .wrap,.light .wrap{position:relative;z-index:1}
.mountains{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(110px,15vw,200px);color:var(--pink);pointer-events:none}
.deco-branch{position:absolute;color:var(--pink);pointer-events:none;z-index:0}
.story .deco-branch{right:3%;top:2.2rem;width:clamp(70px,8vw,120px);transform:rotate(12deg)}
#menu{overflow:hidden}
#menu .deco-branch{left:2%;bottom:1.5rem;width:clamp(70px,8vw,120px);transform:scaleX(-1) rotate(8deg)}
.band .deco-branch{display:none}
@media (max-width:600px){
section{padding:3rem 0}
h2{font-size:1.95rem;margin-bottom:.8rem}
.kicker{margin-bottom:.6rem;font-size:.7rem}
.lead{font-size:.98rem}
.band{padding:3rem 0 2.2rem}
.band-in{gap:1.4rem}
.story{padding-bottom:5.5rem}
.story .big{font-size:1.06rem;margin-bottom:.8rem}
.story .lead{font-size:.92rem}
.story-grid{gap:1.4rem}
.cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.7rem;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}
.cards::-webkit-scrollbar{display:none}
.card{flex:0 0 78%;scroll-snap-align:start;padding:1rem 1.1rem;gap:.8rem}
.card:hover{transform:none}
.story .deco-branch{width:44px;top:.9rem;right:3%;opacity:.85}
.col-head small{display:none}
.origin{padding-bottom:6.5rem}
.origin-top{margin-bottom:1.4rem;gap:.6rem}
.facts{grid-template-columns:1fr 1fr}
.fact,.fact+.fact{border:0!important;padding:1rem 0 0;margin:0!important}
.fact b{font-size:1.1rem}
.fact p{font-size:.8rem}
.mountains{height:84px}
.panela-in{gap:1.4rem}
.panela h2{font-size:2.2rem}
.panela .def{margin-top:1rem}
.panela .def p{font-size:.92rem}
.cloud{max-width:220px}
.menu-top{margin-bottom:1.2rem}
.menu-top .lead{display:none}
.menu-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.8rem;margin:0 -16px;padding:0 16px 8px;scrollbar-width:none}
.menu-grid::-webkit-scrollbar{display:none}
.col{flex:0 0 84%;scroll-snap-align:start;padding:1.3rem 1.2rem}
.menu-grid .col:last-child{grid-column:auto}
.col-head{margin-bottom:1rem;padding-bottom:.7rem}
.drink{margin-bottom:.9rem}
.classics li{padding:.5rem 0}
.menu-foot{margin-top:1.1rem;font-size:.85rem;gap:.4rem 1.4rem}
#menu .deco-branch{display:none}
.seasonal-grid{gap:1.3rem}
.photo{aspect-ratio:16/10;border-radius:20px}
.s-list{margin-top:1rem}
.s-item{padding:.75rem 0;gap:.8rem}
.s-item h3{font-size:1.05rem}
.s-item p{font-size:.82rem}
.pop-grid{gap:1.4rem}
.perks{margin:1rem 0;gap:.5rem}
.perks li{font-size:.86rem}
.zones span{font-size:.74rem;padding:.3rem .7rem}
.panel .fgrid{grid-template-columns:1fr 1fr;gap:.6rem}
.field input,.field select,.field textarea{font-size:16px;padding:.6rem .75rem}
.field textarea{min-height:70px}
.merch-grid{gap:1.4rem}
.merch-art.logo-art{aspect-ratio:16/9}
.merch-art.logo-art img{width:44%}
.items{margin-bottom:1.2rem;gap:.4rem}
.items span{font-size:.76rem;padding:.35rem .8rem}
.merch .lead{margin-bottom:1rem}
}
.syrup svg{animation:spin 20s linear infinite}
.syrup::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.55) 0,rgba(255,255,255,.12) 18%,transparent 34%),radial-gradient(circle at 70% 85%,rgba(0,0,0,.35),transparent 55%);pointer-events:none}
.cloud .ring:nth-child(3){box-shadow:0 30px 80px -18px rgba(120,60,15,.7)}

.band .road::after{display:none}
.band .road{padding-bottom:0;display:flex;justify-content:center}
.band .trailer{width:78%;max-width:620px}
@media (max-width:600px){.band .trailer{width:86%}}