:root{--blue:#192bc2;--deep:#101c91;--cream:#f4efdf;--ink:#14130f;--acid:#dfff54}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.nav-shell{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;background:var(--blue);color:#fff;position:relative;z-index:10}.brand{display:block;width:285px;height:100%;overflow:hidden;background:var(--blue)}.brand img{width:100%;height:100%;object-fit:contain}nav{display:flex;gap:2.4rem;text-transform:uppercase;font-weight:700;font-size:.76rem;letter-spacing:.08em}nav a:hover{color:var(--acid)}
.nav-cta,.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;border:1px solid currentColor;padding:.9rem 1.15rem;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;transition:.2s}.nav-actions{display:flex;align-items:center;gap:.55rem}.nav-call{display:flex;flex-direction:column;gap:.15rem;padding-right:.8rem}.nav-call span{font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffffa8}.nav-call strong{font-size:.72rem;white-space:nowrap}.delivery-logo{height:42px;min-width:72px;padding:.45rem .65rem;border-radius:7px;display:flex;align-items:center;justify-content:center;line-height:.82;transition:transform .2s,box-shadow .2s}.delivery-logo:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0003}.uber-logo{background:#fff;color:#111;flex-direction:column;font-size:.63rem;font-weight:950;letter-spacing:-.03em}.uber-logo b{color:#06c167;font-size:.72rem}.glovo-logo{background:#ffc244;color:#00a082;gap:.25rem;font-size:.9rem;font-weight:900}.glovo-logo span{font-size:1rem}.primary:hover{background:#fff;border-color:#fff;color:var(--blue)}
.hero{min-height:calc(100vh - 104px);display:grid;grid-template-columns:52% 48%;background:var(--blue);color:#fff;overflow:hidden}.hero-copy{padding:10vh 4.5vw 7vh;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.eyebrow,.kicker{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;margin:0 0 2.2rem}.eyebrow span{color:var(--acid);margin-right:.5rem}h1{font-size:clamp(3.8rem,7.3vw,8.6rem);line-height:.79;letter-spacing:-.075em;margin:0;font-weight:950;text-transform:uppercase}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--acid);letter-spacing:-.06em}.hero-intro{max-width:32rem;font-size:1.13rem;line-height:1.55;margin:2.6rem 0 2rem;color:#ffffffd1}.hero-actions{display:flex;align-items:center;gap:2rem}.primary{background:#fff;color:var(--blue);border-color:#fff}.text-link{font-size:.78rem;text-transform:uppercase;font-weight:800;border-bottom:1px solid #ffffff99;padding:.8rem 0}
.hero-image{min-height:620px;background:linear-gradient(90deg,#192bc238,transparent 30%),url('/cinnova-hero.png') center/cover,linear-gradient(135deg,#b5773f,#392117);position:relative}.image-badge{position:absolute;left:-3.6rem;bottom:9%;width:8.5rem;height:8.5rem;background:var(--acid);color:var(--ink);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-9deg)}.image-badge strong{font-size:2.2rem;line-height:1}.image-badge span{font-size:.65rem;font-weight:800;text-transform:uppercase;text-align:center;margin-top:.3rem}.fresh-stamp{position:absolute;right:1.5rem;top:1.5rem;border:2px solid #fff;width:6.7rem;height:6.7rem;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:.69rem;font-weight:900;line-height:1.2;transform:rotate(8deg)}
.ticker{background:var(--acid);overflow:hidden;padding:1rem 0;white-space:nowrap;font-weight:950;letter-spacing:.08em;font-size:.84rem}.ticker div{width:max-content;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:8rem 4.5vw}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:3rem;margin-bottom:4rem}.section-heading h2,.story h2,.visit h2{font-size:clamp(3.3rem,6.5vw,7rem);line-height:.85;letter-spacing:-.065em;text-transform:uppercase;margin:0;font-weight:950}.section-heading h2 i,.visit h2 i{color:var(--blue);font-family:Georgia,serif;font-weight:400}.section-heading>p{max-width:28rem;justify-self:end;font-size:1.05rem;line-height:1.65}
.flavor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5rem 3vw;align-items:start}.flavor-card{overflow:visible;background:transparent;text-align:center;position:relative}.flavor-card:nth-child(even){margin-top:0}.flavor-photo{aspect-ratio:1/1;overflow:hidden;position:relative;background:#fff;border:1px solid #14130f1f;padding:1.2rem;box-shadow:0 18px 45px #192bc212}.flavor-card:nth-child(3n+1) .flavor-photo{border-radius:48% 48% 8px 8px}.flavor-card:nth-child(3n+2) .flavor-photo{clip-path:polygon(5% 0,95% 0,100% 92%,88% 100%,12% 100%,0 92%)}.flavor-card:nth-child(3n) .flavor-photo{border-radius:8px 8px 48% 48%}.flavor-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.flavor-card:hover .flavor-photo img{transform:scale(1.045)}.flavor-info{padding:1.4rem .7rem 0;display:block;border-top:0;margin-top:0}.flavor-card h3{font-size:1.35rem;text-transform:uppercase;margin:0 0 .7rem;letter-spacing:-.03em;font-weight:950;color:var(--blue)}.flavor-card p{margin:0 auto;font-size:.9rem;line-height:1.55;opacity:.72;font-weight:400;max-width:22rem}.more-flavors{text-align:center;margin:6rem 0 0;font-size:.7rem;font-weight:800;letter-spacing:.12em;border-top:1px solid #14130f33;padding-top:2rem}
.drinks-section{background:var(--blue);color:#fff;padding:8rem 4.5vw}.drinks-heading{display:grid;grid-template-columns:1fr .6fr;gap:3rem;align-items:end;margin-bottom:4rem}.drinks-heading h2,.kiwi-pairing h2{font-size:clamp(3.3rem,6.5vw,7rem);line-height:.85;letter-spacing:-.065em;text-transform:uppercase;margin:0;font-weight:950}.drinks-heading h2 i,.kiwi-pairing h2 i{font-family:Georgia,serif;font-weight:400;color:var(--acid)}.drinks-heading>p{line-height:1.65;color:#ffffffcf;max-width:24rem}.drink-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.drink-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:550px;background:var(--cream);color:var(--ink);overflow:hidden}.drink-card img{width:100%;height:100%;object-fit:cover}.drink-card>div{padding:2.5rem;display:flex;flex-direction:column;justify-content:flex-end}.drink-card p{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--blue)}.drink-card h3{font-size:clamp(2rem,3vw,3.5rem);line-height:.92;text-transform:uppercase;margin:.6rem 0 1rem;letter-spacing:-.05em}.drink-card span{font-size:.9rem;line-height:1.55;opacity:.7}.matcha{background:#dfe8c8}.menu-download{margin-top:5rem;border-top:1px solid #ffffff55;border-bottom:1px solid #ffffff55;padding:2rem 0;display:grid;grid-template-columns:1fr 150px auto;gap:2rem;align-items:center}.menu-download .kicker{color:var(--acid);margin-bottom:.7rem}.menu-download h3{font-size:2rem;text-transform:uppercase;margin:0 0 .5rem}.menu-download p:not(.kicker){margin:0;max-width:38rem;color:#ffffffbd;line-height:1.5}.menu-download img{width:150px;height:105px;object-fit:cover;object-position:top;background:#fff}.menu-button{background:var(--acid);color:var(--ink);border-color:var(--acid)}.menu-button:hover{background:#fff;color:var(--blue)}
.kiwi-pairing{background:var(--acid);display:grid;grid-template-columns:1.35fr .65fr;min-height:720px}.kiwi-photo{position:relative;overflow:hidden}.kiwi-photo img{width:100%;height:100%;object-fit:cover}.kiwi-photo span{position:absolute;left:1rem;bottom:1rem;background:var(--ink);color:#fff;padding:.75rem .9rem;font-size:.72rem;font-weight:900;text-transform:uppercase}.pairing-copy{padding:7vw 4vw;display:flex;flex-direction:column;justify-content:center}.pairing-copy h2 i{color:var(--blue)}.pairing-copy>p:not(.kicker){line-height:1.7;margin:2rem 0;max-width:31rem}.pair-button{background:var(--blue);color:#fff;border-color:var(--blue);width:max-content}.pair-button:hover{background:var(--ink)}
.story{display:grid;grid-template-columns:1fr 1fr;min-height:720px}.story-quote{background:var(--ink);color:#fff;padding:8vw 4.5vw;display:flex;align-items:center;position:relative;font-size:clamp(2.5rem,4.4vw,5rem);line-height:.98;font-weight:950;letter-spacing:-.055em}.story-quote>span{position:absolute;top:2rem;left:2rem;font:8rem Georgia,serif;color:var(--acid)}.story-quote em{color:var(--acid);font-family:Georgia,serif;font-weight:400}.story-copy{background:#fff;padding:8vw 6vw;display:flex;justify-content:center;flex-direction:column}.story-copy h2{color:var(--blue)}.story-copy>p:not(.kicker){max-width:34rem;line-height:1.7;margin:2.5rem 0;font-size:1.05rem}.facts{border-top:1px solid #ccc}.facts div{display:grid;grid-template-columns:7rem 1fr;padding:1rem 0;border-bottom:1px solid #ccc;font-size:.8rem}.facts strong{color:var(--blue);letter-spacing:.08em}
.visit{background:var(--blue);color:#fff;padding:8rem 4.5vw;display:grid;grid-template-columns:1.3fr .7fr;gap:6vw;align-items:center}.visit h2 i{color:var(--acid)}.light{color:var(--acid)}.visit-card{background:var(--cream);color:var(--ink);padding:2.5rem;transform:rotate(2deg);box-shadow:14px 14px 0 var(--deep)}.mini-label{font-size:.68rem;text-transform:uppercase;font-weight:800;letter-spacing:.12em}.visit-card h3{font-size:2.4rem;line-height:1;text-transform:uppercase;margin:2rem 0 .5rem}.visit-card h3 span{color:var(--blue)}.visit-card>p{color:#656057}.cream-button{width:100%;background:var(--blue);color:#fff;margin:1.5rem 0 1rem;border-color:var(--blue)}.cream-button:hover{background:var(--ink)}.contact-links{border-top:1px solid #bcb7aa}.contact-links a{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid #bcb7aa;font-size:.72rem}.contact-links span{text-transform:uppercase;font-weight:900;color:var(--blue)}
footer{background:var(--ink);color:#fff;padding:3.5rem 4.5vw 2rem;overflow:hidden}.footer-top{display:flex;justify-content:flex-end;align-items:center;min-height:170px;margin-bottom:0}.socials{display:flex;gap:2rem;text-transform:uppercase;font-size:.72rem;font-weight:900;letter-spacing:.06em}.socials a:hover{color:var(--acid)}.footer-wordmark{background:var(--blue);margin:0 -4.5vw;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:5rem 5vw 1.2rem}.footer-wordmark img{display:block;width:100%;height:auto;max-width:1500px;object-fit:contain;object-position:center;transform:none}.footer-bottom{border-top:1px solid #444;margin-top:2rem;padding-top:1.5rem;display:flex;justify-content:space-between;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:800px){.nav-shell{height:82px;padding:0 1.2rem}.brand{width:185px;height:100%}nav{display:none}.nav-cta{padding:.72rem .85rem;gap:.8rem}.hero{grid-template-columns:1fr;min-height:calc(100vh - 82px)}.hero-copy{padding:5.5rem 1.2rem 3.5rem}.hero-image{min-height:62vh}.image-badge{left:1rem;bottom:1rem}h1{font-size:clamp(3.6rem,17vw,6rem)}.hero-actions{align-items:flex-start;flex-direction:column;gap:.6rem}.section{padding:5.5rem 1.2rem}.section-heading,.drinks-heading{grid-template-columns:1fr;gap:1rem}.section-heading>p{justify-self:start}.flavor-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.2rem;row-gap:3.5rem}.flavor-card:nth-child(even){margin-top:0}.flavor-info{grid-template-columns:1fr;gap:.5rem}.drinks-section{padding:5.5rem 1.2rem}.drink-card{grid-template-columns:1fr;min-height:auto}.drink-card img{height:480px}.kiwi-pairing{grid-template-columns:1fr 1fr}.pairing-copy{grid-column:1/-1;grid-row:1;padding:5.5rem 1.2rem}.kiwi-photo,.pair-roll{min-height:440px}.story{grid-template-columns:1fr}.story-quote,.story-copy{padding:6rem 1.2rem;min-height:520px}.visit{grid-template-columns:1fr;padding:5.5rem 1.2rem}.visit-card{transform:none}.footer-top{align-items:flex-start;gap:2rem}.socials{flex-direction:column;gap:.8rem}.footer-wordmark{margin:0 -4.5vw}.footer-bottom{gap:1rem;flex-wrap:wrap}}
@media(max-width:560px){.nav-cta{font-size:.62rem;padding:.65rem}.brand{width:145px}.flavor-grid{grid-template-columns:1fr;row-gap:3.2rem}.flavor-card:nth-child(even){margin-top:0}.flavor-info{grid-template-columns:1fr}.more-flavors{margin-top:4rem}.drink-grid{grid-template-columns:1fr}.drink-card img{height:auto}.kiwi-pairing{grid-template-columns:1fr}.pairing-copy{grid-column:1}.kiwi-photo,.pair-roll{min-height:420px}.footer-wordmark img{min-height:110px}.hero-image{min-height:52vh}.fresh-stamp{width:5.5rem;height:5.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}}
@media(max-width:800px){.menu-download{grid-template-columns:1fr 120px}.menu-download img{width:120px;height:90px}.menu-button{grid-column:1/-1;width:max-content}.footer-top{min-height:150px}.footer-wordmark{padding:3.5rem 1.5rem 1rem}}
@media(max-width:560px){.menu-download{grid-template-columns:1fr}.menu-download img{width:100%;height:170px}.footer-top{min-height:130px}.footer-wordmark{padding:3rem 1rem .8rem}}
@media(max-width:800px){.kiwi-pairing{grid-template-columns:1fr}.pairing-copy{grid-column:1;grid-row:auto}.kiwi-photo{min-height:500px}}
@media(max-width:560px){.brand{width:170px}.flavor-grid{grid-template-columns:1fr}.kiwi-photo{min-height:380px}}

@media(max-width:800px){.nav-call{display:none}.delivery-logo{height:38px;min-width:62px;padding:.35rem .5rem}}
@media(max-width:560px){.nav-shell{padding:0 .8rem}.brand{width:135px}.nav-actions{gap:.35rem}.delivery-logo{height:36px;min-width:58px;padding:.3rem .42rem}.glovo-logo{font-size:.78rem}}

.nav-whatsapp{height:42px;display:flex;align-items:center;gap:.55rem;padding:0 .8rem;border-radius:7px;background:var(--acid);color:var(--ink);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;transition:transform .2s,box-shadow .2s}.nav-whatsapp:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0003}
@media(max-width:800px){.nav-whatsapp{height:38px;padding:0 .6rem;font-size:.6rem}}
@media(max-width:560px){.nav-shell{padding:0 .55rem}.brand{width:112px}.nav-actions{gap:.25rem}.nav-whatsapp,.delivery-logo{height:35px}.nav-whatsapp{padding:0 .42rem;font-size:.54rem}.nav-whatsapp span{display:none}.delivery-logo{min-width:54px;padding:.28rem .36rem}.glovo-logo{font-size:.72rem}}

/* Search landing pages */
.home-seo-intro{padding:5rem 4.5vw;background:#fff;display:grid;grid-template-columns:.55fr 1.2fr 1fr;gap:3rem;align-items:start}.home-seo-intro .kicker{color:var(--blue);margin:.5rem 0}.home-seo-intro h2{font-size:clamp(2rem,4vw,4.4rem);line-height:.92;letter-spacing:-.055em;text-transform:uppercase;margin:0}.home-seo-intro>p:not(.kicker){line-height:1.7;margin:0}.home-seo-intro>div{grid-column:2/-1;display:flex;gap:2rem;border-top:1px solid #bbb;padding-top:1.25rem;font-size:.72rem;text-transform:uppercase;font-weight:900;letter-spacing:.05em}.home-seo-intro a{color:var(--blue)}
.seo-header{height:96px;padding:0 4.5vw;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:2rem}.seo-brand{width:210px;height:100%;display:block}.seo-brand img{width:100%;height:100%;object-fit:contain}.seo-header nav{gap:1.4rem}.seo-order{background:var(--acid);color:var(--ink);padding:.85rem 1rem;font-size:.68rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.seo-hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:var(--blue);color:#fff}.seo-hero>div{padding:8vw 4.5vw;display:flex;flex-direction:column;justify-content:center}.seo-hero h1{font-size:clamp(3.4rem,6.8vw,7.6rem)}.seo-hero>div>p:not(.kicker){max-width:37rem;line-height:1.7;color:#ffffffd5;font-size:1.05rem}.seo-hero>img{width:100%;height:100%;min-height:650px;object-fit:cover}.seo-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.5rem}.seo-btn{display:inline-flex;width:max-content;align-items:center;justify-content:center;background:#111;color:#fff;padding:.85rem 1rem;border:1px solid #fff3;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.seo-btn.acid{background:var(--acid);color:var(--ink);border-color:var(--acid)}.seo-btn.glovo{background:#ffc244;color:#00a082;border-color:#ffc244}.seo-copy{padding:7rem 4.5vw}.seo-copy>h2{max-width:1000px;font-size:clamp(2.8rem,6vw,6.5rem);line-height:.88;letter-spacing:-.06em;text-transform:uppercase;margin:0 0 3rem}.seo-columns{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1100px;margin-bottom:5rem}.seo-columns p,.seo-copy>p{line-height:1.75}.seo-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.seo-feature-grid>a,.seo-feature-grid>article{background:#fff;border:1px solid #14130f22;padding-bottom:1.5rem}.seo-feature-grid img{width:100%;height:340px;object-fit:cover}.seo-feature-grid h3,.seo-feature-grid p,.seo-feature-grid .seo-actions{margin-left:1.25rem;margin-right:1.25rem}.seo-feature-grid h3{font-size:1.5rem;text-transform:uppercase;margin-top:1.25rem;margin-bottom:.5rem;color:var(--blue)}.seo-feature-grid p{line-height:1.55}.seo-flavors{display:grid;gap:1.2rem}.seo-flavors article{display:grid;grid-template-columns:.9fr 1.1fr;min-height:420px;background:var(--blue);color:#fff}.seo-flavors article:nth-child(even){background:var(--ink)}.seo-flavors article:nth-child(even)>img{order:2}.seo-flavors article>img{width:100%;height:100%;object-fit:cover}.seo-flavors article>div{padding:3rem;display:flex;flex-direction:column;justify-content:center}.seo-flavors h3{font-size:clamp(2rem,4vw,4.2rem);line-height:.9;text-transform:uppercase;margin:0 0 1rem}.seo-flavors p{line-height:1.65}.seo-note{margin-top:2rem;padding:1.25rem;border-left:5px solid var(--acid);background:#fff}.seo-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#aaa}.seo-menu-grid article{background:#fff;padding:2rem}.seo-menu-grid h3{font-size:2rem;text-transform:uppercase;color:var(--blue);margin-top:0}.seo-menu-grid p{line-height:1.65}.seo-menu-grid a{font-weight:900;text-transform:uppercase;font-size:.72rem;color:var(--blue)}.seo-menu-download{display:grid;grid-template-columns:320px 1fr;gap:3rem;align-items:center;margin-top:4rem;background:var(--blue);color:#fff;padding:2rem}.seo-menu-download img{width:100%;height:240px;object-fit:cover;object-position:top}.seo-menu-download h3{font-size:2rem;text-transform:uppercase}.seo-location{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem}.seo-location iframe{width:100%;height:520px;border:0}.seo-nearby{margin-top:3rem;max-width:850px}.seo-nearby h3{font-size:2rem;text-transform:uppercase;color:var(--blue)}.seo-order-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.seo-order-grid article{background:#fff;padding:2rem;border-top:8px solid var(--blue)}.seo-order-grid article>span{font-size:4rem;font-weight:950;color:var(--blue)}.seo-order-grid h3{font-size:2rem;text-transform:uppercase;margin:.5rem 0}.seo-order-grid p{line-height:1.6}.seo-footer{background:var(--ink);color:#fff;padding:4rem 4.5vw;display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:4rem}.seo-footer>div{display:flex;flex-direction:column;gap:.8rem}.seo-footer img{width:250px;height:80px;object-fit:contain}.seo-footer p{max-width:420px;color:#ffffffa8;line-height:1.6}.seo-footer a{font-size:.72rem;text-transform:uppercase;font-weight:900;letter-spacing:.05em}.seo-footer a:hover{color:var(--acid)}
@media(max-width:1000px){.seo-header nav{display:none}.seo-hero{grid-template-columns:1fr}.seo-hero>img{min-height:480px}.seo-feature-grid,.seo-order-grid{grid-template-columns:1fr 1fr}.home-seo-intro{grid-template-columns:1fr}.home-seo-intro>div{grid-column:auto}.seo-location{grid-template-columns:1fr}}
@media(max-width:620px){.seo-header{height:78px;padding:0 .8rem}.seo-brand{width:140px}.seo-order{font-size:.58rem;padding:.7rem}.seo-hero>div{padding:5rem 1.2rem}.seo-hero>img{min-height:360px}.seo-copy{padding:5rem 1.2rem}.seo-columns,.seo-feature-grid,.seo-menu-grid,.seo-order-grid,.seo-footer{grid-template-columns:1fr}.seo-flavors article{grid-template-columns:1fr;min-height:0}.seo-flavors article:nth-child(even)>img{order:0}.seo-flavors article>img{height:320px}.seo-flavors article>div{padding:1.5rem}.seo-menu-download{grid-template-columns:1fr;padding:1.2rem}.seo-menu-download img{height:200px}.seo-location iframe{height:360px}.seo-footer{padding:3rem 1.2rem}.home-seo-intro{padding:4rem 1.2rem}.home-seo-intro>div{flex-direction:column;gap:.8rem}.seo-actions{gap:.45rem}.seo-btn{font-size:.58rem;padding:.75rem}}

/* Editorial flavor rail */
.flavor-rail-label{display:flex;justify-content:space-between;gap:1rem;margin:0 0 1.25rem;padding-top:1rem;border-top:2px solid var(--ink);font-size:.68rem;font-weight:950;letter-spacing:.14em;color:var(--blue)}
.flavor-grid{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--blue) transparent;padding:0 0 2.2rem;align-items:stretch}
.flavor-grid::-webkit-scrollbar{height:7px}.flavor-grid::-webkit-scrollbar-thumb{background:var(--blue)}
.flavor-card{flex:0 0 min(42rem,58vw);display:grid;grid-template-columns:1.12fr .88fr;min-height:430px;background:var(--blue);color:#fff;text-align:left;scroll-snap-align:start;overflow:hidden}
.flavor-card:nth-child(even){margin-top:0;background:#15130f}.flavor-card:nth-child(3n){background:#2337ce}
.flavor-photo,.flavor-card:nth-child(3n+1) .flavor-photo,.flavor-card:nth-child(3n) .flavor-photo{aspect-ratio:auto;padding:0;border:0;border-radius:0;clip-path:none;box-shadow:none;min-width:0}
.flavor-photo img{display:block;width:100%;height:100%;object-fit:cover}
.flavor-info{padding:2.3rem 1.8rem;display:flex;flex-direction:column;justify-content:flex-end;margin:0;border:0}
.flavor-card h3{font-size:clamp(1.75rem,3vw,3.1rem);line-height:.9;margin:0 0 1rem;color:#fff;letter-spacing:-.055em}
.flavor-card p{margin:0;max-width:19rem;color:#fff;font-size:.92rem;line-height:1.55;opacity:.78}
.more-flavors{margin-top:3rem}

/* Simple image-first drink feature */
.drinks-heading{grid-template-columns:1fr .55fr}.drinks-heading>div .kicker{margin-bottom:1rem}
.drink-grid{gap:1.35rem}.drink-card{display:flex;flex-direction:column;min-height:0;background:#fff;color:var(--ink)}
.drink-card img{width:100%;height:clamp(430px,52vw,720px);object-fit:cover;object-position:center}
.drink-card>div{padding:1.5rem 1.7rem 1.8rem;display:block;background:var(--cream)}
.drink-card h3{font-size:clamp(1.7rem,2.5vw,2.8rem);margin:0 0 .55rem}.drink-card span{display:block;max-width:28rem}
.drink-card.matcha>div{background:#dfe8c8}

.delivery-links{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #14130f33}.delivery-links>p{margin:0 0 .75rem}.delivery-links>a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;border-top:1px solid #14130f1f;color:inherit;text-decoration:none}.delivery-links>a:hover strong{color:var(--blue)}.delivery-links strong{text-transform:uppercase;letter-spacing:.04em}.delivery-links span{font-size:.76rem;font-weight:800}

@media(max-width:800px){.flavor-grid{display:flex;gap:1rem}.flavor-card{flex-basis:82vw;min-height:410px}.flavor-info{padding:1.5rem}.drinks-heading{grid-template-columns:1fr}.drink-card img{height:auto}}
@media(max-width:560px){.flavor-rail-label span:first-child{display:none}.flavor-rail-label{justify-content:flex-end}.flavor-card{flex-basis:88vw;grid-template-columns:1fr;grid-template-rows:1.2fr .8fr;min-height:540px}.flavor-photo{min-height:0}.drink-grid{grid-template-columns:1fr}}

/* Full flavor gallery — every roll stays visible */
.flavor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;overflow:visible;scroll-snap-type:none;padding:0;align-items:stretch}
.flavor-card{display:grid;grid-template-columns:1.08fr .92fr;min-height:360px;width:auto;min-width:0;overflow:hidden;background:var(--blue);color:#fff;text-align:left}
.flavor-card:nth-child(even){background:#15130f}.flavor-card:nth-child(4n+3){background:#3146dc}
.flavor-card:nth-child(1),.flavor-card:nth-child(6){grid-column:1/-1;grid-template-columns:1.35fr .65fr;min-height:470px}
.flavor-card:nth-child(even) .flavor-photo{order:2}.flavor-card:nth-child(even) .flavor-info{order:1}
.flavor-card:nth-child(6) .flavor-photo{order:1}.flavor-card:nth-child(6) .flavor-info{order:2}
.flavor-photo{width:100%;height:100%;min-height:300px;overflow:hidden;background:#fff}.flavor-photo img{width:100%;height:100%;object-fit:contain;padding:1.25rem}
.flavor-info{padding:2rem 1.6rem;display:flex;flex-direction:column;justify-content:flex-end}
.flavor-card h3{font-size:clamp(1.55rem,2.35vw,2.7rem)}
.flavor-card p{font-size:.88rem;line-height:1.5}

@media(max-width:900px){.flavor-grid{grid-template-columns:1fr}.flavor-card,.flavor-card:nth-child(1),.flavor-card:nth-child(6){grid-column:auto;grid-template-columns:1.05fr .95fr;min-height:350px}.flavor-card:nth-child(6) .flavor-photo{order:2}.flavor-card:nth-child(6) .flavor-info{order:1}}
@media(max-width:560px){.flavor-grid{display:grid;gap:1rem}.flavor-card,.flavor-card:nth-child(1),.flavor-card:nth-child(6){display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0}.flavor-card .flavor-photo,.flavor-card:nth-child(even) .flavor-photo,.flavor-card:nth-child(6) .flavor-photo{order:1;height:auto;min-height:0;aspect-ratio:1.2/1}.flavor-card .flavor-info,.flavor-card:nth-child(even) .flavor-info,.flavor-card:nth-child(6) .flavor-info{order:2;padding:1.5rem}.flavor-card h3{font-size:1.8rem}}

.product-price{display:block;color:var(--acid);font-size:1.05rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .85rem}.drink-card .product-price{color:var(--blue);margin:.1rem 0 .75rem}.seo-flavors .product-price{color:var(--acid);font-size:1.18rem}.seo-flavors article>img{object-fit:contain;background:#fff;padding:2rem}

/* 2026 fresh product photography refresh */
.hero-product-stage{background:linear-gradient(145deg,#ffffff 0%,#f4f2ea 72%,#d9d4c5 100%);isolation:isolate}
.hero-product-stage:before{content:"";position:absolute;inset:auto 7% 6% 7%;height:16%;border-radius:50%;background:#192bc226;filter:blur(26px);z-index:-1}
.hero-roll{position:absolute;width:45%;height:88%;object-fit:contain;filter:drop-shadow(0 24px 20px #1113);transition:transform .45s ease}
.hero-roll-one{left:-3%;bottom:-3%;transform:rotate(-7deg)}.hero-roll-two{left:28%;bottom:2%;z-index:2}.hero-roll-three{right:-5%;bottom:-4%;transform:rotate(8deg)}
.hero-product-stage:hover .hero-roll-one{transform:rotate(-10deg) translateY(-8px)}.hero-product-stage:hover .hero-roll-two{transform:translateY(-12px)}.hero-product-stage:hover .hero-roll-three{transform:rotate(11deg) translateY(-8px)}
.hero-flavor-label{position:absolute;top:1.5rem;left:1.5rem;color:var(--blue);font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;z-index:4}
.hero-product-stage .fresh-stamp{color:var(--blue);border-color:var(--blue)}
.flavor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#192bc2;border:1px solid #192bc2}
.flavor-card,.flavor-card:nth-child(even),.flavor-card:nth-child(4n+3),.flavor-card:nth-child(1),.flavor-card:nth-child(6){display:flex;grid-column:auto;flex-direction:column;min-height:0;background:#fff;color:var(--ink);overflow:hidden}
.flavor-card:nth-child(even) .flavor-photo,.flavor-card:nth-child(6) .flavor-photo{order:1}.flavor-card:nth-child(even) .flavor-info,.flavor-card:nth-child(6) .flavor-info{order:2}
.flavor-photo{height:auto;min-height:0;aspect-ratio:1/1.08;background:linear-gradient(180deg,#fff 0%,#faf9f4 100%);padding:0;overflow:hidden}
.flavor-photo img{width:100%;height:100%;object-fit:contain;padding:2.4rem 1.2rem 1rem;transform:scale(1.08);filter:drop-shadow(0 18px 14px #1112)}
.flavor-card:hover .flavor-photo img{transform:scale(1.14) translateY(-5px)}
.flavor-info{min-height:190px;padding:1.5rem 1.45rem 1.7rem;background:var(--blue);color:#fff;justify-content:flex-start;text-align:left;position:relative}
.flavor-card:nth-child(3n+2) .flavor-info{background:var(--ink)}
.flavor-card h3{font-size:clamp(1.45rem,2.15vw,2.4rem);line-height:.9;margin:0 0 .7rem;color:#fff}.flavor-card p{margin:0;color:#fff;opacity:.78;font-size:.88rem;line-height:1.5}.flavor-card .product-price{color:var(--acid)}
.seo-hero>img{object-fit:contain;background:linear-gradient(180deg,#fff,#f7f5ed);padding:2.5rem}
.seo-flavors{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--blue);border:1px solid var(--blue)}
.seo-flavors article,.seo-flavors article:nth-child(even){display:flex;flex-direction:column;min-height:0;background:#fff;color:var(--ink)}.seo-flavors article:nth-child(even)>img{order:0}
.seo-flavors article>img{height:auto;aspect-ratio:1/1.08;object-fit:contain;padding:2rem 1rem;background:#fff}.seo-flavors article>div{min-height:330px;padding:1.6rem;background:var(--blue);color:#fff;justify-content:flex-start}.seo-flavors article:nth-child(3n+2)>div{background:var(--ink)}
.seo-flavors h3{font-size:clamp(1.7rem,2.6vw,2.8rem)}
@media(max-width:900px){.flavor-grid,.seo-flavors{grid-template-columns:repeat(2,minmax(0,1fr))}.flavor-card,.flavor-card:nth-child(1),.flavor-card:nth-child(6){display:flex}.seo-flavors article{display:flex}}
@media(max-width:620px){.hero-roll{width:48%;height:84%}.hero-roll-one{left:-7%}.hero-roll-two{left:25%}.hero-roll-three{right:-8%}.hero-flavor-label{font-size:.62rem}.flavor-grid,.seo-flavors{grid-template-columns:1fr}.flavor-card,.flavor-card:nth-child(1),.flavor-card:nth-child(6){display:flex}.flavor-photo{aspect-ratio:1.15/1}.flavor-info{min-height:0}.seo-flavors article{display:flex}.seo-flavors article>img{height:auto;aspect-ratio:1.15/1}.seo-flavors article>div{min-height:0}}

/* Product-first centerpiece inspired by overlapping dessert showcases */
.flavor-collage{height:600px;margin:0 0 1px;position:relative;overflow:hidden;background:var(--blue);isolation:isolate}
.flavor-collage:before,.flavor-collage:after{content:"";position:absolute;left:-5%;width:110%;height:150px;background:var(--cream);border-radius:50%;z-index:-1}.flavor-collage:before{top:-105px}.flavor-collage:after{bottom:-112px}
.collage-copy{position:absolute;left:4.5%;top:50%;transform:translateY(-50%);z-index:5;color:#fff;width:28%;display:flex;flex-direction:column;align-items:flex-start}.collage-copy span{font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.14em;color:var(--acid)}.collage-copy strong{font-size:clamp(2.8rem,4.8vw,5.6rem);line-height:.82;letter-spacing:-.065em;text-transform:uppercase;margin:1rem 0 2rem}.collage-copy a{border-bottom:2px solid var(--acid);padding:.7rem 0;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.collage-roll{position:absolute;margin:0;background:#fff;box-shadow:0 30px 55px #07116c88;overflow:hidden}.collage-roll img{width:100%;height:100%;object-fit:contain;transform:scale(1.15)}
.collage-roll-a{left:34%;top:14%;width:25%;height:68%;transform:rotate(-7deg)}.collage-roll-b{left:53%;top:8%;width:24%;height:78%;z-index:3;transform:rotate(3deg)}.collage-roll-c{right:3%;top:18%;width:24%;height:65%;transform:rotate(8deg)}
.hero-roll{width:51%;height:91%}.hero-roll-one{left:-2%;bottom:-10%;z-index:1}.hero-roll-two{left:25%;bottom:-1%;z-index:3}.hero-roll-three{right:-2%;bottom:-10%;z-index:2}
.flavor-photo{aspect-ratio:1.15/1}.flavor-photo img{padding:.35rem;transform:scale(1.02)}.flavor-card:hover .flavor-photo img{transform:scale(1.08)}
.seo-flavors article>img{aspect-ratio:1.15/1;padding:.4rem}
@media(max-width:900px){.flavor-collage{height:560px}.collage-copy{width:34%;left:3%}.collage-roll-a{left:38%}.collage-roll-b{left:56%}.collage-roll-c{right:-5%}.collage-roll-d{display:none}}
@media(max-width:620px){.flavor-collage{height:680px}.collage-copy{left:1.2rem;top:4rem;transform:none;width:80%}.collage-copy strong{font-size:3.3rem}.collage-roll-a{left:-7%;top:47%;width:48%;height:43%}.collage-roll-b{left:28%;top:40%;width:48%;height:48%}.collage-roll-c{right:-10%;top:50%;width:45%;height:39%}.hero-roll{width:60%;height:92%}.hero-roll-one{left:-12%}.hero-roll-two{left:20%}.hero-roll-three{right:-14%}}

/* Frameless products: rolls sit directly on the brand surface */
.hero-product-stage{background:linear-gradient(145deg,var(--acid) 0%,#efffa0 100%)}
.hero-roll{filter:drop-shadow(0 24px 18px #07116c55)}
.flavor-collage{background:var(--blue)}
.collage-roll,.collage-roll-a,.collage-roll-b,.collage-roll-c,.collage-roll-d{background:transparent;box-shadow:none;overflow:visible}
.collage-roll img{filter:drop-shadow(0 24px 18px #07116c88);transform:scale(1.28)}
.flavor-collage .collage-roll-a{left:38%;top:12%;width:31%;height:72%;transform:rotate(-6deg)}
.flavor-collage .collage-roll-c{right:5%;top:18%;width:30%;height:68%;transform:rotate(7deg)}
.flavors.section{background:var(--blue);color:#fff}
.flavors .section-heading{border-top-color:#ffffff88}.flavors .section-heading>p{color:#ffffffc8}.flavors .kicker{color:var(--acid)}
.flavor-grid{gap:4rem 2.5vw;background:transparent;border:0}
.flavor-card,.flavor-card:nth-child(even),.flavor-card:nth-child(4n+3),.flavor-card:nth-child(1),.flavor-card:nth-child(6){background:transparent;overflow:visible}
.flavor-photo{background:transparent;overflow:visible;aspect-ratio:1.08/1}
.flavor-photo img{padding:0;transform:scale(1.16);filter:drop-shadow(0 22px 17px #07116c77)}
.flavor-card:hover .flavor-photo img{transform:scale(1.22) translateY(-6px)}
.flavor-info,.flavor-card:nth-child(3n+2) .flavor-info{background:transparent;border-top:2px solid #ffffff66;padding:1.3rem .2rem 0;color:#fff;min-height:180px}
.flavor-card h3{font-size:clamp(1.7rem,2.5vw,2.8rem)}.flavor-card p{max-width:26rem;margin:0}.more-flavors{border-top-color:#ffffff55;color:#fff}
.seo-copy:has(.seo-flavors){background:var(--blue);color:#fff}.seo-copy:has(.seo-flavors) .kicker{color:var(--acid)}
.seo-flavors{gap:4rem 2.5vw;background:transparent;border:0}
.seo-flavors article,.seo-flavors article:nth-child(even){background:transparent;color:#fff;overflow:visible}
.seo-flavors article>img{background:transparent;padding:0;transform:scale(1.12);filter:drop-shadow(0 22px 17px #07116c77)}
.seo-flavors article>div,.seo-flavors article:nth-child(3n+2)>div{background:transparent;border-top:2px solid #ffffff66;padding:1.4rem 0 0;min-height:310px}
.seo-note{color:var(--ink)}
@media(max-width:620px){.flavor-grid,.seo-flavors{gap:3rem}.flavor-info,.seo-flavors article>div{min-height:0}.flavor-photo img,.seo-flavors article>img{transform:scale(1.08)}}
.price-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.price-menu-grid article{border:1px solid #182bc22b;background:#fff;padding:1.6rem;border-top:7px solid var(--blue)}.price-menu-grid article:nth-child(4n+2),.price-menu-grid article:nth-child(4n+3){border-top-color:var(--acid)}.price-menu-grid h3{margin:0 0 1rem;color:var(--blue);font-size:1.45rem;text-transform:uppercase}.price-menu-grid article>div{display:grid;gap:.15rem}.price-menu-grid p{display:flex;justify-content:space-between;gap:1.5rem;margin:0;padding:.55rem 0;border-bottom:1px solid #14130f15;font-size:.9rem;line-height:1.35}.price-menu-grid strong{white-space:nowrap;color:var(--blue)}
.drink-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.drink-feature-grid article{border:1px solid #14130f1f;background:#fff;padding:0 1.25rem 1.5rem}.drink-feature-grid article>div:first-child{height:360px;margin:0 -1.25rem 1.2rem;background:#f8f8f6;display:grid;place-items:center;overflow:hidden}.drink-feature-grid img{width:100%;height:100%;object-fit:contain;padding:1.4rem}.drink-feature-grid h3{font-size:1.45rem;text-transform:uppercase;color:var(--blue);margin:.4rem 0}.drink-feature-grid p{line-height:1.55;min-height:3.2rem}.drink-feature-grid .seo-actions{margin-left:0;margin-right:0}.drink-price-note{margin-top:2rem;background:var(--blue);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.drink-price-note p{margin:0}
@media(max-width:900px){.drink-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.price-menu-grid,.drink-feature-grid{grid-template-columns:1fr}.price-menu-grid p{font-size:.84rem}.drink-price-note{align-items:flex-start;flex-direction:column}.drink-feature-grid article>div:first-child{height:320px}}

/* Drink departments: original product photos, complete cups, responsive columns. */
.drink-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.drink-category{display:block;color:inherit;text-decoration:none}
.drink-category>img{display:block;width:100%;height:320px;object-fit:contain;background:#fff}
.drink-category h3{font-size:1.6rem;line-height:1.15;margin:1.2rem 0 .7rem;text-transform:uppercase}
.drink-category p{font-size:1rem;line-height:1.5;color:#ffffffcf}
.drink-category span{font-size:1rem;color:var(--acid);font-weight:700}
.drink-category-nav{display:flex;flex-wrap:wrap;gap:.8rem;padding:2rem 4.5vw;background:var(--blue)}
.drink-category-nav a{padding:.75rem 1rem;border:1px solid #ffffff80;border-radius:2rem;color:#fff;font-size:1rem;text-decoration:none}
.drink-category-nav a:hover,.drink-category-nav a:focus-visible{background:var(--acid);color:var(--ink)}
.drink-department{scroll-margin-top:110px}
.drink-department+.drink-department{padding-top:2rem}
.drink-department .drink-feature-grid{gap:2.5rem 1.5rem;margin-top:2rem}
.drink-department .drink-feature-grid article{border:0;background:transparent;padding:0 0 1rem}
.drink-department .drink-feature-grid article>div:first-child{margin:0 0 1.2rem;background:#fff;height:360px}
.drink-department .drink-feature-grid img{object-fit:contain;padding:0}
.drink-department .drink-feature-grid .product-price{color:var(--blue);font-size:1.25rem}
.drink-department .drink-feature-grid p{font-size:1rem}
.drink-department .seo-btn{font-size:.875rem;white-space:normal}
@media(max-width:1000px){.drink-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.drink-category-grid{gap:2rem 1rem}.drink-category>img{height:230px}.drink-category h3{font-size:1.2rem}.drink-category-nav{display:flex;padding:1.2rem;gap:.5rem}.drink-category-nav a{font-size:.875rem}.drink-department .drink-feature-grid article>div:first-child{height:340px}}
@media(max-width:380px){.drink-category-grid{grid-template-columns:1fr}.drink-category>img{height:320px}}

/* Preserve full product silhouettes and natural proportions. */
.flavor-photo{display:flex;align-items:center;justify-content:center;aspect-ratio:1.2/1;overflow:visible;clip-path:none!important;border-radius:0!important;border:0;box-shadow:none}
.flavor-photo img,.flavor-card:hover .flavor-photo img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;padding:0;transform:none;filter:none}
.seo-flavors article>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none;filter:none}
.seo-feature-grid img,.seo-hero>img{object-fit:contain}
.hero-product-stage{min-height:560px}
.hero-product-stage .hero-roll,.hero-product-stage:hover .hero-roll{width:49%;height:auto;max-height:53%;object-fit:contain;transform:none;filter:none}
.hero-product-stage .hero-roll-one{left:2%;right:auto;bottom:5%;z-index:2}
.hero-product-stage .hero-roll-two{left:25%;right:auto;top:7%;bottom:auto;z-index:1}
.hero-product-stage .hero-roll-three{left:auto;right:2%;bottom:5%;z-index:2}
.flavor-collage .collage-roll{transform:none;overflow:visible}
.flavor-collage .collage-roll img{object-fit:contain;transform:none;filter:none}
@media(max-width:620px){.hero-product-stage{min-height:470px}.hero-product-stage .hero-roll{width:49%}.flavor-collage .collage-roll-a{left:2%;top:48%;width:47%;height:45%}.flavor-collage .collage-roll-c{right:2%;top:48%;width:47%;height:45%}.flavor-photo img,.seo-flavors article>img{transform:none}}

/* Mobile navigation and catalogue layout. */
main,section,article,header,footer,nav,div{min-width:0}
img{max-width:100%}
.seo-actions{max-width:100%}.seo-btn{max-width:100%;white-space:normal}
@media(max-width:1050px){
 .nav-shell,.seo-header{height:auto;min-height:90px;flex-wrap:wrap;gap:1rem;padding:1rem 4vw}
 .nav-shell .brand,.seo-header .seo-brand{height:52px;width:210px}
 .nav-shell nav,.seo-header nav{display:flex;flex-wrap:wrap;gap:.5rem 1rem;order:3;width:100%;font-size:.875rem}
 .nav-shell nav a,.seo-header nav a{display:inline-flex;align-items:center;min-height:44px}
 .nav-actions{flex-wrap:wrap}.nav-call{display:none}
}
@media(max-width:800px){
 .hero,.seo-hero{grid-template-columns:minmax(0,1fr);min-height:0}
 .hero-copy,.seo-hero>div{padding:3rem 1.25rem 2rem}
 .hero h1,.seo-hero h1{font-size:clamp(2.6rem,10.5vw,5rem);line-height:.98;letter-spacing:-.045em;overflow-wrap:break-word}
 .hero-product-stage{min-height:360px;height:360px}
 .hero-product-stage .hero-roll{max-height:50%}
 .hero-flavor-label{display:none}
 .hero-product-stage .fresh-stamp,.hero-product-stage .image-badge{display:none}
 .seo-hero>img{min-height:0;height:auto;max-height:380px;object-fit:contain;padding:1rem}
 .section,.seo-copy,.drinks-section,.home-seo-intro{padding:3rem 1.25rem}
 .section-heading h2,.seo-copy>h2,.drinks-heading h2,.visit h2,.pairing-copy h2{font-size:clamp(2.2rem,9vw,3.6rem);line-height:1;letter-spacing:-.04em;overflow-wrap:break-word}
 .section-heading{gap:1rem}.section-heading>p{font-size:1rem}
 .flavor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1.25rem}
 .flavor-card,.flavor-card:nth-child(1),.flavor-card:nth-child(6){display:flex;flex-direction:column;min-height:0;grid-column:auto}
 .flavor-photo{width:100%;flex:none;aspect-ratio:1.2/1}
 .flavor-info{padding:1rem 0 0;min-height:0}
 .flavor-card h3,.seo-flavors h3{font-size:1.35rem;line-height:1.15}
 .flavor-card p{font-size:1rem;line-height:1.5}
 .flavor-collage{height:380px}.collage-copy{left:1.25rem;top:1rem;width:85%;transform:none}.collage-copy strong{font-size:2.2rem}
 .flavor-collage .collage-roll-a{left:2%;top:46%;height:50%;width:47%}.flavor-collage .collage-roll-c{right:2%;top:46%;height:50%;width:47%}
 .menu-download{grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:2.5rem}.menu-download img{width:150px;height:auto}.menu-button{justify-self:start}
 .seo-columns,.seo-location,.seo-menu-download,.story,.kiwi-pairing{grid-template-columns:minmax(0,1fr)}
 .seo-feature-grid{grid-template-columns:minmax(0,1fr)}
 .seo-feature-grid img{height:auto;max-height:300px}
 .seo-location iframe{width:100%;max-width:100%;height:280px}
 .story-quote,.story-copy{min-height:0;padding:3rem 1.25rem}.story-quote{font-size:2.2rem}
 .kiwi-photo{min-height:0}.kiwi-photo img{height:auto;max-height:420px;object-fit:contain}.pairing-copy{padding:3rem 1.25rem}
 .visit{padding:3rem 1.25rem}.visit-card{padding:1.5rem}
 .seo-footer{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:2rem 1.25rem}
 .drink-category-nav{display:flex;gap:.5rem;padding:1rem 1.25rem}.drink-category-nav a{min-height:44px;display:flex;align-items:center;letter-spacing:0}
 .drink-department .drink-feature-grid{gap:2rem}
 .drink-department .drink-feature-grid article>div:first-child{height:300px}
 .drink-department .seo-actions .seo-btn{min-height:44px;font-size:.875rem;padding:.8rem}
 .footer-wordmark{margin:0}.footer-wordmark img{max-width:100%;min-height:0}
}
@media(max-width:480px){
 .nav-shell .brand,.seo-header .seo-brand{width:165px;height:44px}
 .nav-actions{width:100%;gap:.5rem}.nav-whatsapp{font-size:.8rem}.delivery-logo{min-height:44px}
 .nav-shell nav,.seo-header nav{gap:.25rem .85rem}
 .seo-header .seo-order{font-size:.75rem;padding:.7rem;white-space:normal}
 .flavor-grid,.seo-flavors,.drink-feature-grid,.price-menu-grid{grid-template-columns:minmax(0,1fr)}
 .flavor-photo{max-width:340px;align-self:center}
 .drink-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem .75rem}
 .drink-category>img{height:190px}.drink-category h3{font-size:1.1rem}.drink-category p{font-size:.95rem}
 .price-menu-grid article{padding:1rem}.price-menu-grid p{font-size:.95rem;gap:.75rem}.price-menu-grid span{min-width:0;overflow-wrap:break-word}
 .contact-links strong{font-size:.9rem}.hero-product-stage{height:310px;min-height:310px}
}

/* Separate grid cells keep the front-page rolls from overlapping. */
.hero-product-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1rem;padding:1.5rem;height:clamp(460px,48vw,720px);min-height:0;align-self:center}
.hero-product-stage .hero-roll,.hero-product-stage:hover .hero-roll{position:static;inset:auto;width:100%;height:100%;max-height:100%;max-width:100%;object-fit:contain;transform:none;filter:none;align-self:center;justify-self:center}
.hero-product-stage .hero-roll-one{grid-column:1;grid-row:2}
.hero-product-stage .hero-roll-two{grid-column:1 / -1;grid-row:1;width:50%}
.hero-product-stage .hero-roll-three{grid-column:2;grid-row:2}
.hero-product-stage .hero-flavor-label,.hero-product-stage .image-badge,.hero-product-stage .fresh-stamp,.hero-product-stage:before{display:none}
.flavor-collage{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,1fr));gap:1rem;align-items:center;height:auto;min-height:320px;padding:2rem 1.25rem}
.flavor-collage .collage-copy{position:static;inset:auto;width:auto;transform:none}
.flavor-collage .collage-roll,.flavor-collage .collage-roll-a,.flavor-collage .collage-roll-c{position:static;inset:auto;width:100%;height:auto;aspect-ratio:1.2/1;margin:0;transform:none}
.flavor-collage .collage-roll img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none}
@media(max-width:800px){.hero-product-stage{height:420px;width:100%;padding:1rem;gap:.75rem}.flavor-collage{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.flavor-collage .collage-copy{grid-column:1 / -1}.flavor-collage .collage-copy strong{font-size:2.2rem}}
@media(max-width:480px){.hero-product-stage{height:350px;gap:.5rem}.flavor-collage{gap:.75rem;padding:1.5rem 0}.hero-product-stage .hero-roll-two{width:50%}}

img{max-width:100%} @media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}