/* Boer'n Bontje extends the retained reference's structure and motion. */
:root{--teal:#28A4BE;--navy:#0B3162;--pink:#F0B2CF;--mint:#A8DCC8;--paper:#EAE9CA;--magenta:#D4257A}
body{font-family:Nunito,sans-serif;color:var(--navy)}
.sticker{letter-spacing:.02em;line-height:1.12;-webkit-text-stroke:.55vw white}
.display,.ingredient-words{font-family:'Alfa Slab One',serif;letter-spacing:-.035em;line-height:1.06}
.outline{-webkit-text-stroke:.6vw white}.display{font-size:9.5vw}
.intro{font:600 clamp(18px,1.55vw,25px)/1.55 Nunito,sans-serif}.blob{font:400 clamp(14px,1vw,18px)/1.4 'Bowlby One SC',sans-serif;letter-spacing:.035em;border-radius:999px;padding:20px 32px;display:flex;gap:20px;align-items:center}
.navigation{color:var(--navy);padding:18px 3vw}.logo{width:92px;-webkit-text-stroke:0}.logo img{border-radius:50%;width:100%}.nav-address{font:400 13px/1.3 'Bowlby One SC',sans-serif;letter-spacing:.06em;margin-left:6vw}.nav-right{font:800 16px/1.3 Nunito,sans-serif;gap:12px}.nav-menu{min-height:46px;padding:12px 25px;height:auto}.menu-toggle{min-height:46px;border:1.5px solid var(--navy);padding:10px 20px}.navigation-panel{background:var(--navy);box-shadow:none}.navigation-panel nav a,.navigation-panel nav button{font-family:'Alfa Slab One',serif;font-size:clamp(25px,4.5vw,68px);line-height:1.25}.nav-dancer{position:absolute;right:10%;bottom:10%;width:16vw;rotate:8deg}.navigation-panel>p{font-family:'Special Elite',monospace}.menu-open .nav-address{color:var(--paper)}
.hero{background:var(--teal);height:max(880px,100svh);padding-top:150px;overflow:hidden}
.hero-eyebrow{font:400 13px/1.5 'Bowlby One SC',sans-serif;letter-spacing:.14em;margin-bottom:20px}
.hero h1{font-family:'Alfa Slab One',serif;color:var(--navy);font-size:15vw;line-height:1.1;letter-spacing:-.025em}.hero-heading{width:94vw}.hero-title-text{transform:scaleX(var(--title-stretch,1))}
.hero-mascot{top:51%;width:clamp(220px,23vw,355px);transform:translate(-50%,-34%);filter:none;z-index:3}.hero-mascot-float{animation:mascotHeroFloat 6s ease-in-out infinite}.hero-mascot img{animation:none}
.hero-brand{font-family:'Alfa Slab One',serif;top:70%;font-size:8.2vw;color:var(--navy);letter-spacing:-.035em;white-space:nowrap;z-index:4;line-height:1.2}
.hero-sticker-left,.hero-sticker-right{position:absolute;font-size:2.6vw;text-align:center;z-index:6;-webkit-text-stroke:.55vw white;line-height:1.15;color:var(--navy)}.hero-sticker-left{left:13%;top:43%;rotate:-12deg;transform:none}.hero-sticker-right{right:9%;top:44%;bottom:auto;rotate:9deg;transform:none}.sticker em{font-family:Yellowtail,cursive;font-weight:400;font-size:1.5em}.hero-sticker-right small{display:block;font:400 13px/1.4 'Bowlby One SC',sans-serif;-webkit-text-stroke:0;letter-spacing:.07em;margin-top:14px;color:var(--navy)}
.hero-star{position:absolute;font-size:70px;color:var(--paper);line-height:1;z-index:2}.star-one{left:9%;top:65%;rotate:12deg}.star-two{right:20%;top:65%;font-size:43px}.star-three{left:37%;top:41%;font-size:30px;color:var(--pink)}
.hero-bottom{bottom:36px;padding:0 4vw;z-index:6}.hero-bottom p{font:600 16px/1.45 Nunito,sans-serif;max-width:28%;width:28%}.hero-bottom p:last-child{font-family:'Special Elite',monospace;font-size:17px;line-height:1.5}.hero-scroll{font:800 12px/1.5 Nunito,sans-serif;letter-spacing:.12em;text-align:center}.hero-scroll span{display:block;font-size:30px;line-height:1.2}.hero>.bottom-wave{height:48px;z-index:5}
.loader{background:var(--teal);color:var(--navy)}.loader-word{font:400 10vw/1.2 'Alfa Slab One',serif;text-align:center}.loader p{font:400 18px/1.4 'Special Elite',monospace}
.about{background:var(--cream)}.about h2{color:var(--navy)}.experience{background:var(--teal);color:var(--navy)}.ingredients{background:var(--pink)}.takeaway h2{color:var(--navy)}footer{background:var(--navy);color:var(--paper)}.decal,.jermain-mascot,.ingredient{filter:none}.fan-card,.journey-card>img{box-shadow:none}
@keyframes mascotHeroFloat{50%{transform:translateY(-12px) rotate(2deg)}}
@media(max-width:1024px){.navigation{padding:15px 5vw}.logo{width:65px}.nav-address{display:none}.nav-right{font-size:14px;gap:8px}.nav-menu{padding:10px 18px}.menu-toggle{padding:10px 14px;background:var(--teal)}.hero{height:900px;padding-top:135px;justify-content:flex-start}.hero-eyebrow{font-size:10px;letter-spacing:.04em;text-align:center;width:90%}.hero h1{font-size:15vw;line-height:1.2}.hero-mascot{top:43%;width:44vw;max-width:270px;transform:translate(-50%,-35%)}.hero-brand{top:65%;font-size:8.6vw;translate:0 0;line-height:1.3;margin:0}.hero-sticker-left{top:36%;left:5%;font-size:4.5vw;-webkit-text-stroke:.8vw white}.hero-sticker-right{top:38%;right:4%;font-size:3.9vw;-webkit-text-stroke:.8vw white}.hero-sticker-right small{font-size:10px;letter-spacing:0}.hero-bottom{position:absolute;bottom:65px;gap:20px;align-items:center}.hero-bottom p{font-size:16px;line-height:1.5;max-width:480px;width:90%}.hero-bottom p:last-child{font-size:15px}.hero-scroll{display:none}.hero-star{font-size:32px}.star-one{top:57%}.star-two{top:59%}.star-three{top:32%}.hero>.bottom-wave{height:40px}.display{font-size:11vw;line-height:1.12}.nav-dancer{display:none}}
@media(prefers-reduced-motion:reduce){.hero-mascot-float{animation:none}}

/* Content, original decals and the retained journey composition. */
.about-history{max-width:550px;margin:0 auto;font-size:16px;line-height:1.6}.signature{font:400 18px/1.5 'Special Elite',monospace;margin:20px auto}.food-card img{object-fit:cover;scale:1;transform:none}.photo-fan .food-card:hover img{scale:1}.fan-card{position:relative}.fan-card figcaption{position:absolute;bottom:0;left:0;width:100%;padding:13px 10px;background:var(--paper);color:var(--navy);font:400 10px/1.5 'Bowlby One SC',sans-serif;letter-spacing:.025em}.fan-card .wrap-photo{height:145%;width:100%;object-fit:cover;transform:translateY(-27%)}.fan-decal{width:11vw;left:8%;top:-5vw}.press-badge{display:flex;align-items:center;gap:20px;justify-content:center;margin:45px auto 0;position:relative;z-index:8}.press-score{font:400 38px/1 'Alfa Slab One',serif;color:var(--red)}.press-badge strong{display:block;font:400 14px/1.5 'Bowlby One SC',sans-serif}.press-badge small{display:block;font-size:14px;margin-top:4px}.press-badge:hover strong{text-decoration:underline;text-underline-offset:4px}
.experience{padding-top:22vw;margin-top:0}.experience .display{font-size:8.5vw;line-height:1.12}.experience-label{color:var(--navy);margin-bottom:40px}.pot-menu{margin:65px auto 0;width:65%;max-width:780px;position:relative;padding:0 30px 40px}.speech-bubble{background:var(--navy);color:var(--paper);padding:45px 30px;border-radius:58px 38px 50px 30px;position:relative;font:400 24px/1.5 'Special Elite',monospace}.speech-bubble:after{content:'';position:absolute;right:80px;bottom:-18px;width:65px;height:35px;background:var(--navy);border-radius:0 0 100% 0}.menu-pot{width:150px;right:-48px;top:-46px;--decal-rotation:16deg}.weekly-label{font:400 13px 'Bowlby One SC',sans-serif;letter-spacing:.1em;margin:55px 0 20px}.day-menu{display:grid}.day-menu>div{display:flex;align-items:center;text-align:left;gap:22px;padding:20px 0;border-bottom:1px solid #0b31624d}.day-menu>div>span{font:400 16px 'Bowlby One SC',sans-serif;flex:0 0 38px}.day-menu p{font:400 17px/1.5 'Bowlby One SC',sans-serif}.day-menu small{display:block;font:600 16px/1.5 Nunito,sans-serif;margin-top:3px}.menu-season-note{font-size:14px;line-height:1.5;margin-top:22px}.menu-season-note a{text-decoration:underline;text-underline-offset:4px}.price-badge{position:absolute;right:-115px;top:300px;display:flex;flex-direction:column;justify-content:center;background:var(--red);color:var(--paper);border-radius:47% 53% 50% 46%;width:142px;height:140px;font:400 25px/1.5 'Alfa Slab One',serif;rotate:12deg}.price-badge small{font:400 12px 'Bowlby One SC',sans-serif;letter-spacing:.06em}.menu-head{position:absolute;left:-130px;top:100px;width:150px;rotate:-10deg}.menu-basket{width:150px;right:-140px;bottom:0;--decal-rotation:12deg}.experience-product{min-height:330px;max-width:1200px;margin:0 auto;padding-bottom:0}.mascot-stage{width:235px;margin:0 auto;z-index:3}.jermain-mascot{width:100%}.experience-product .side-note{font:400 15px/1.8 'Special Elite',monospace;bottom:80px}
.photo-break{height:85vw;max-height:1000px;min-height:500px}.photo-note{position:absolute;bottom:15%;left:7%;color:var(--navy);font-size:4vw}.ingredients{padding-top:8vw;padding-bottom:14vw}.ingredient-words{font-size:12vw;line-height:1.03;color:var(--navy);gap:0}.ingredient{max-width:19vw;max-height:20vw}.ingredient-beans{left:6%;top:18%}.ingredient-pomegranate{right:4%;top:35%}.ingredient-lemon{left:5%;top:55%}.ingredient-bara{right:8%;bottom:7%}
.takeaway h2{font-size:9.3vw;line-height:1.08;-webkit-text-stroke:.6vw white}.takeaway-heading{top:22vw}.takeaway .intro{font:600 18px/1.6 Nunito,sans-serif;max-width:34vw}.text-link{display:inline-flex;font:400 13px/1.5 'Bowlby One SC',sans-serif;border-bottom:2px solid currentColor;padding:7px 0;gap:18px;margin:22px 0 0 1vw;pointer-events:auto}.text-link:hover{color:var(--navy);border-color:var(--paper)}.journey-card{width:19vw}.journey-card>img{height:22vw}.journey-card h3{font-size:1.75vw;white-space:normal;color:var(--navy)}.journey-caption{display:block;font:600 16px/1.5 Nunito,sans-serif;text-transform:none;margin-top:15px}.journey-line path{stroke:var(--navy);opacity:.24}.journey-token{width:10vw}.soso-card>img{object-fit:contain;height:15vw}.soso-ending{position:absolute;bottom:3vw;width:100%;text-align:center;font:400 20px/1.5 'Special Elite',monospace}
.cta-copy h2{font-size:8.5vw;line-height:1.08;color:var(--navy)}.cta-copy{width:57%;gap:25px;padding:3vw 4vw}.cta-copy .intro{font:600 18px/1.55 Nunito,sans-serif;width:auto}.cta-image{width:39%;height:44vw;max-height:670px;border-radius:12px}.cta-image .wrap-photo{width:100%;height:150%;max-width:none;object-fit:cover;transform:translateY(-26%)}.cta-image:hover .wrap-photo{transform:translateY(-26%) scale(1.025)}.contact-address{font:400 20px/1.5 'Special Elite',monospace;font-style:normal}.opening-hours{margin:0;font:400 16px/1.5 'Special Elite',monospace;width:100%;max-width:380px}.opening-hours div{display:flex;justify-content:space-between;gap:20px;margin:8px 0}.opening-hours dd{margin:0;white-space:nowrap}.cta-decal{width:15vw;bottom:-20px;left:49%}.cta-layout{min-height:0;margin-bottom:8vw}
footer{padding-top:5vw}.footer-logo{width:90px;flex-shrink:0}.footer-logo img{border-radius:50%}.footer-top{border-color:#eae9ca44;gap:3vw;padding-bottom:35px}.footer-top nav{font:700 15px/1.6 Nunito,sans-serif;gap:24px;flex:1;justify-content:center}.footer-contact{display:flex;flex-direction:column;gap:5px;font-size:14px}.footer-socials{display:flex;gap:24px;font-size:12px;padding:24px 0;letter-spacing:.06em}.footer-socials p{margin-right:auto}.footer-tagline{font:400 14px/1.6 'Bowlby One SC',sans-serif;letter-spacing:.08em;text-align:center;opacity:1;margin-top:10px}.footer-word{font:400 9.1vw/1.3 'Alfa Slab One',serif;letter-spacing:-.04em;color:var(--teal);-webkit-text-stroke:.55vw var(--paper);padding-top:0}.footer-stage{min-height:15vw;margin-top:10vw}.juggle-item{filter:none!important}.footer-word span:hover{color:var(--pink)}
.food-menu{color:var(--navy)}.menu-inner h2{font-size:9vw;color:var(--navy);line-height:1.2}.menu-description{font:600 18px/1.5 Nunito,sans-serif}.close-dialog{font:800 15px Nunito,sans-serif;color:var(--navy);z-index:4;min-height:44px}.menu-categories{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:30px auto}.menu-categories a{border:1px solid var(--navy);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:800}.menu-categories a:hover{background:var(--navy);color:var(--paper)}.menu-groups{max-width:1000px;margin:auto;text-align:left}.menu-group{scroll-margin-top:40px;margin:60px 0}.menu-group>h3{font:400 30px/1.4 'Alfa Slab One',serif}.menu-group>p{font:400 16px/1.6 'Special Elite',monospace;margin:12px 0 25px}.menu-item{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid #0b316244;justify-content:space-between;break-inside:avoid}.menu-item h4{font:800 18px/1.45 Nunito,sans-serif;margin:0}.menu-item p{font:400 16px/1.5 Nunito,sans-serif;margin-top:5px;max-width:700px}.menu-price{font:800 18px/1.45 Nunito,sans-serif;white-space:nowrap}.menu-notice{font:400 16px/1.6 Nunito,sans-serif}.menu-inner>.blob{max-width:100%;white-space:normal}
.ingredient-rope{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:0;transition:opacity .25s}.ingredient-rope.visible{opacity:1}.ingredient-rope>svg{position:absolute;width:100%;height:100%;overflow:visible}.rope-knot{position:absolute;left:0;top:0;width:32px;aspect-ratio:1;display:grid;place-items:center;will-change:transform}.rope-knot img{width:100%;height:100%;object-fit:contain}
@media(max-width:1024px){
 .navigation-panel{background:var(--navy);box-shadow:none;top:100px;max-height:calc(100svh - 115px);overflow:auto}.navigation-panel nav a,.navigation-panel nav button{font-size:6vw;line-height:1.5}.navigation-panel>p{font-size:13px;line-height:1.5}.menu-open .menu-toggle{color:var(--navy);border-color:var(--navy)}
 .display,.about .display,.experience .display{font-size:11vw;line-height:1.12}.about{padding:70px 6vw 100px}.about>.sticker{font-size:6vw;margin-bottom:24px}.intro,.about .intro{font-size:17px;line-height:1.6;margin:25px auto;max-width:92%}.about-history{font-size:15px;line-height:1.6}.signature{font-size:16px}.blob{font-size:13px;line-height:1.4;padding:18px 24px;min-height:56px;margin:26px auto 60px;gap:18px}.photo-fan{padding-top:15px;gap:8px}.fan-card{width:32vw;height:43vw}.fan-card figcaption{display:none}.fan-decal{width:19vw;left:-2vw;top:-13vw}.press-badge{gap:12px;text-align:left;margin-top:35px}.press-score{font-size:32px}.press-badge strong{font-size:11px;line-height:1.5}.press-badge small{font-size:12px}
 .experience{margin-top:-50px;padding:110px 6vw 0}.experience-label{position:relative;top:auto;left:auto;translate:none;mix-blend-mode:normal;opacity:1;font-size:5.5vw;margin-bottom:30px;white-space:normal}.pot-menu{padding:0;margin-top:55px;width:100%;max-width:650px}.speech-bubble{padding:35px 24px;font-size:19px;border-radius:35px 25px 35px 25px}.menu-pot{width:100px;top:-38px;right:-10px}.weekly-label{font-size:11px;margin-top:45px}.day-menu>div{gap:16px;padding:16px 0}.day-menu>div>span{font-size:13px;flex-basis:28px}.day-menu p{font-size:13px;line-height:1.55}.day-menu small{font-size:14px}.menu-season-note{font-size:13px;margin-bottom:95px}.price-badge{right:auto;left:10px;top:auto;bottom:-98px;width:106px;height:106px;font-size:21px}.price-badge small{font-size:10px}.menu-head{display:none}.menu-basket{width:100px;right:4px;bottom:-100px}.experience-product{min-height:370px;padding:0 0 105px;margin-top:80px}.mascot-stage{width:160px;margin:0 auto}.experience-product .side-note{font-size:11px;line-height:1.7;left:0;bottom:20px}.experience-product .right-note{left:auto;right:0;max-width:48%}
 .photo-break{height:580px;min-height:0}.photo-note{font-size:6vw;bottom:18%}.ingredients{padding:70px 4vw 90px}.ingredients>.sticker{font-size:6vw}.ingredient-words{font-size:14vw;line-height:1.14;margin-top:35px}.ingredient{width:24vw;max-width:24vw;max-height:28vw}.ingredient-beans{left:0;top:22%}.ingredient-pomegranate{right:0;top:37%}.ingredient-lemon{left:0;top:58%}.ingredient-bara{right:1%;bottom:4%}
 .takeaway{height:auto;padding:125px 6vw 90px}.takeaway-heading{position:relative;inset:auto;text-align:center;width:100%}.takeaway-heading>.sticker{display:block;font-size:6vw;margin:0 0 30px;transform:rotate(-7deg)}.takeaway h2,.takeaway-heading h2{font-size:11.3vw;line-height:1.13;max-width:none;width:100%}.takeaway .intro,.takeaway-heading .intro{max-width:550px;width:100%;font-size:17px;line-height:1.6;margin:25px auto 0}.text-link{font-size:12px;margin:20px auto 0;line-height:1.5}.journey{position:relative;inset:auto;margin:75px 0 50px;gap:150px;height:auto;padding-bottom:30px}.journey-card{width:82%;max-width:500px}.journey-card h3{font-size:6vw;line-height:1.4;-webkit-text-stroke:4px white;margin-bottom:20px}.journey-card>img{width:100%;height:80vw;max-height:450px;border-radius:12px}.journey-caption{font:600 16px/1.55 Nunito,sans-serif;width:100%;padding:0;margin:18px auto 0}.journey-token{width:20vw}.soso-card>img{height:auto;max-height:none}.soso-ending{position:relative;bottom:auto;font-size:17px;line-height:1.6}
 .cta{padding-top:90px}.cta-copy{width:100%;padding:60px 6vw 35px;gap:25px}.cta-copy h2{font-size:12vw;line-height:1.12}.cta-copy>.sticker{font-size:6vw}.cta-copy .intro{font-size:17px;line-height:1.5;width:100%}.contact-address{font-size:19px;line-height:1.5}.opening-hours{font-size:14px;line-height:1.5;width:100%;max-width:330px}.cta-copy .blob{font-size:13px;padding:18px 24px;margin:0}.cta-image{width:88%;height:85vw;border-radius:12px;margin:15px auto 30px}.cta-decal{width:28vw;left:1%;bottom:4%}
 .footer-top{flex-direction:column;gap:30px;padding-bottom:30px}.footer-top nav{gap:20px;font-size:14px}.footer-logo{width:82px}.footer-contact{text-align:center;font-size:15px}.footer-socials{flex-wrap:wrap;justify-content:center;gap:20px;font-size:11px}.footer-socials p{width:100%;text-align:center;margin:0}.footer-tagline{font-size:11px;line-height:1.9;letter-spacing:.04em}.footer-word{font-size:8.65vw;line-height:1.5;padding:0;-webkit-text-stroke:.8vw var(--paper)}.footer-stage{min-height:28vw;padding-top:15vw;margin-top:16vw}.juggle-item{--height:-23vh}
 .food-menu .menu-inner{padding:85px 6vw 30px}.menu-inner h2{font-size:15vw;line-height:1.3}.menu-inner>.sticker{font-size:6vw}.menu-description{font-size:16px;line-height:1.6}.menu-categories{gap:8px}.menu-categories a{padding:10px 14px;font-size:12px}.menu-group{margin:45px 0}.menu-group>h3{font-size:25px}.menu-group>p{font-size:14px;line-height:1.6}.menu-item{gap:14px}.menu-item h4,.menu-price{font-size:16px}.menu-item p{font-size:14px;line-height:1.6}.menu-notice{font-size:14px;line-height:1.6}.food-menu .blob{padding:18px 24px}.close-dialog{position:fixed;right:6vw;top:12px;padding:8px 16px;border:1px solid var(--navy);border-radius:40px;background:var(--cream)}
}
@media(max-width:360px){.navigation{padding:15px 12px}.nav-right{gap:8px}.nav-menu{padding-inline:16px}.menu-toggle{padding-inline:13px}}
@media(max-width:600px){.hero{height:830px}.hero-mascot{top:43%;width:44vw;max-width:none}.hero-sticker-left{top:36%;left:5%}.hero-sticker-right{top:37%;right:4%}.hero-brand{top:62%}.star-one{top:55%}.star-two{top:57%}.star-three{top:30%}.hero-bottom{bottom:62px}.hero h1{font-size:15.5vw}.hero-eyebrow{font-size:10px;letter-spacing:.03em}.hero-sticker-right small{font-size:10px}.hero>.bottom-wave{height:40px}}
@media(prefers-reduced-motion:reduce){.ingredient-rope{display:none}.hero-mascot{animation:none!important}.juggle-item{opacity:1;bottom:45%;width:12vw}.juggle-item:nth-child(n){width:12vw;bottom:45%}.journey-card{opacity:1!important;transform:none!important}}

/* Final composition: calm hero, generous original waves, focused mascot. */
.fan-card .wrap-photo{height:200%;transform:translateY(-38%)}
.cta-image .wrap-photo{height:200%;transform:translateY(-38%)}
.cta-image:hover .wrap-photo{transform:translateY(-38%) scale(1.025)}
.cta-copy h2{font-size:7.7vw}.soso-ending{bottom:1.5vw}
.logo{width:clamp(112px,6.5vw,150px);flex-shrink:0}
.hero{height:clamp(960px,56vw,1480px);min-height:calc(100svh + 100px);max-height:none;padding-top:clamp(155px,10vw,220px)}
.hero h1{font-size:14.8vw}.hero-mascot{top:43%;width:clamp(320px,30vw,580px);transform:translate(-50%,-20%)}
.hero-brand{top:74%;font-size:8.25vw}.hero-bottom{justify-content:center;bottom:38px;z-index:7}.hero-scroll{display:block;font-size:12px}
.hero-sticker-left{top:45%;left:12%}.hero-sticker-right{top:46%;right:9%}.hero-sticker-right small{display:none}.star-one{top:66%;left:13%}.star-two{top:68%;right:16%}.star-three{top:44%;left:35%}
.jelly-wave,.photo-break .jelly-wave{height:min(19.53125vw,300px);display:block;opacity:1;visibility:visible;pointer-events:none;z-index:5}
.hero>.bottom-wave{height:min(9vw,140px);bottom:-2px}
.about{padding-bottom:clamp(70px,7vw,130px);z-index:4}.experience{margin-top:0;padding:clamp(260px,26vw,470px) 4vw 0;isolation:isolate;overflow:hidden}
.experience-scene{position:relative;width:100%;margin:0 auto}
.experience-label{margin-bottom:clamp(25px,3vw,55px)}.experience .display{font-size:8.5vw;line-height:1.08;position:relative;z-index:6}
.experience-caption{font:400 clamp(16px,1.6vw,24px)/1.65 'Special Elite',monospace;position:relative;z-index:6;margin:30px auto 0;max-width:580px}
.experience-product{min-height:0;height:clamp(540px,54vw,820px);max-width:1650px;position:relative;padding:30px 0 0;margin:35px auto 0;align-items:flex-end;overflow:visible}
.mascot-stage{width:clamp(300px,36vw,560px);max-height:none;position:relative;margin:0 auto;z-index:4;flex-shrink:0}.jermain-mascot{width:100%;height:auto}
.experience-decal-left{width:clamp(180px,17vw,310px);left:0;top:-2vw;--decal-rotation:-15deg;z-index:7}
.experience-decal-right{width:clamp(180px,17vw,310px);right:0;top:clamp(345px,29vw,690px);--decal-rotation:13deg;z-index:7}
.experience-decal-soso{width:clamp(210px,20vw,365px);left:5%;bottom:clamp(250px,23vw,400px);--decal-rotation:-12deg;z-index:7}
.experience-product .side-note{left:calc(50% - 50vw + 16px);bottom:35px;font:400 clamp(1.25rem,1.35vw,1.875rem)/1.65 'Special Elite',monospace;max-width:min(31vw,32rem);z-index:6}.experience-product .right-note{left:auto;right:calc(50% - 50vw + 16px);text-align:right}
.experience-product .price-badge{right:15%;top:auto;bottom:155px;width:clamp(105px,10vw,145px);height:clamp(105px,10vw,145px);font-size:clamp(21px,2vw,29px);z-index:3}
.experience-action{position:relative;z-index:6;text-align:center;padding:20px 0 75px}.experience-action .blob{margin:0 auto}
.photo-break{height:clamp(900px,78vw,1540px);min-height:110svh;max-height:none}
.photo-break>.eating-photo{object-position:50% 48%}
.press-badge{width:fit-content;max-width:100%;gap:20px;padding:18px 25px;border:1px solid #0b316233;border-radius:18px}
.press-logo{width:55px;height:55px;flex:0 0 55px;display:grid;place-items:center;background:#d90018;color:white;font:900 34px/1 Arial,sans-serif;letter-spacing:-4px;padding-right:4px;border-radius:50%}
.press-badge>span:last-child{font-size:24px;margin-left:8px}
.press-score{font-size:40px}
.journey-token{width:15vw;z-index:4}.journey-line path{stroke:var(--navy);stroke-dasharray:42 42;stroke-width:10;opacity:.28}
.weekly-examples{border:2px solid var(--navy);border-radius:18px;padding:25px;margin:35px 0 60px}.weekly-examples h3{font:400 20px/1.3 'Alfa Slab One',serif}.weekly-examples p{font-size:16px;line-height:1.7;margin-top:15px}.weekly-examples a{text-decoration:underline;text-underline-offset:4px}
.menu-group{scroll-margin-top:95px}.fan-card figcaption,.footer-socials,.footer-tagline{font-size:max(12px,.9vw)}
@media(min-width:1700px){.experience .display{font-size:8vw}.about .intro{max-width:660px}.about-history{max-width:660px}}
@media(max-width:1024px){
 .cta-copy h2{font-size:12vw}.soso-ending{bottom:auto}
 .logo{width:100px}.nav-address{margin-left:0}.hero{height:clamp(880px,120vw,1190px);min-height:100svh;padding-top:165px}.hero-mascot{top:43%;width:51vw;max-width:400px;transform:translate(-50%,-25%)}.hero-brand{top:76%;font-size:8.5vw}.hero-bottom{position:absolute;bottom:52px;padding:0;align-items:center}.hero-scroll{display:block;font-size:12px}.hero-sticker-left{top:42%;left:5%}.hero-sticker-right{top:33%;right:4%}.star-one{top:67%;left:9%}.star-two{top:69%;right:12%}.star-three{top:35%;left:44%}.hero>.bottom-wave{height:70px}
 .about{padding-bottom:80px}.experience{padding:210px 5vw 0;margin:0;overflow:hidden}.experience .display{font-size:11vw;line-height:1.14}.experience-label{font-size:5.7vw;margin-bottom:25px}.experience-caption{font-size:16px;line-height:1.7;margin:30px auto 0;max-width:65%}
 .experience-product{height:620px;margin-top:70px;padding:0 0 95px;max-width:700px}.mascot-stage{width:60vw;max-width:340px;margin:0 auto;z-index:4}
 .experience-decal-left{width:24vw;max-width:170px;left:-2%;top:-115px;--decal-rotation:-16deg}.experience-decal-right{width:24vw;max-width:180px;right:-1%;top:40%;--decal-rotation:15deg}.experience-decal-soso{width:29vw;max-width:220px;left:0;bottom:270px;--decal-rotation:-13deg}
 .experience-product .side-note{font-size:12px;line-height:1.7;left:0;bottom:0;max-width:45%}.experience-product .right-note{left:auto;right:0}.experience-product .price-badge{width:98px;height:98px;font-size:20px;right:1%;bottom:135px;left:auto}.price-badge small{font-size:11px}.experience-action{padding:35px 0 75px}.experience-action .blob{font-size:12px;max-width:100%;padding:17px 24px}
 .photo-break{height:800px;min-height:100svh;max-height:none}.photo-note{font-size:7vw;bottom:16%}.press-badge{gap:12px;padding:16px}.press-logo{width:42px;height:42px;flex-basis:42px}.press-score{font-size:30px}.press-badge>span:last-child{margin-left:0;font-size:20px}.ingredient-rope{display:none}
 .journey-token{width:25vw}.journey-line path{stroke-width:14;stroke-dasharray:8 10}.weekly-examples{padding:20px}.weekly-examples p{font-size:15px}.footer-tagline{font-size:12px}
}
@media(max-width:600px){
 .logo{width:84px}.hero{height:850px;min-height:100svh;padding-top:155px}.hero-mascot{top:45%;width:64vw;max-width:300px}.hero-brand{top:74%;font-size:8.6vw}.hero-sticker-left{top:37%;font-size:4.8vw}.hero-sticker-right{top:27%;font-size:4.2vw}.hero-bottom{bottom:55px}.press-logo{font-size:24px;letter-spacing:-3px;padding-right:3px}
 .experience{padding-top:190px}.experience .display{font-size:10.9vw}.experience-product{height:530px;margin-top:95px}.mascot-stage{width:65vw;max-width:300px}.experience-decal-left{width:28vw;top:-105px;left:-1%}.experience-decal-right{width:28vw;right:-1%;top:32%}.experience-decal-soso{width:34vw;left:-1%;bottom:350px}.experience-product .price-badge{bottom:130px;width:88px;height:88px;font-size:18px;right:0}.experience-product .side-note{font-size:11px}.experience-caption{font-size:14px;max-width:85%}.photo-break{height:760px;min-height:95svh}.press-badge{gap:10px;padding:14px 12px;display:grid;grid-template-columns:36px 1fr auto}.press-logo{width:36px;height:36px;grid-column:1;grid-row:1}.press-score{grid-column:2;grid-row:1;font-size:30px}.press-badge>span:nth-last-child(2){grid-column:1/3;grid-row:2}.press-badge>span:last-child{grid-column:3;grid-row:1/3}.press-badge strong{font-size:11px}.press-badge small{font-size:12px}
}

/* Keep the side captions legible and aligned to the page edges on phones. */
@media(max-width:1024px){
 .experience-product .side-note{left:calc(50% - 47vw);max-width:44vw;font-size:clamp(.875rem,1.8vw,1.125rem);line-height:1.6}
 .experience-product .right-note{left:auto;right:calc(50% - 47vw)}
}

/* A tighter transition and a balanced evening poster. */
.about{padding-bottom:24px}
.experience{padding-top:clamp(180px,17vw,300px)}
.experience>.jelly-wave{height:clamp(110px,12vw,200px)}
.experience-label{font-size:clamp(24px,3.3vw,54px);margin-bottom:24px}
.experience .display{font-size:clamp(56px,7.5vw,132px);max-width:1500px;margin-inline:auto;line-height:1.08}
.experience-caption{margin-top:24px;font-size:clamp(16px,1.35vw,21px)}
.experience-product{height:clamp(440px,40vw,640px);margin-top:28px;padding-top:0}
.mascot-stage{width:clamp(290px,29vw,450px)}
.experience-decal-left{width:clamp(145px,14vw,240px);left:0;top:4%;--decal-rotation:-12deg}
.experience-decal-right{width:clamp(155px,15vw,250px);right:2%;top:43%;--decal-rotation:12deg}
.experience-decal-soso{width:clamp(175px,18vw,290px);left:4%;bottom:240px;--decal-rotation:-10deg}
.experience-product .price-badge{right:26%;bottom:145px}
.experience-product .side-note{bottom:28px}
.experience-action{padding:24px 0 64px}
.photo-fan .fan-card>img{width:100%;height:100%;object-fit:cover;transform:none;scale:1}
.photo-fan .fan-card:hover>img{transform:none;scale:1.035;transition:scale .5s ease}
.photo-fan .fan-card figcaption{font-size:clamp(12px,1vw,17px);padding:15px 10px;background:var(--navy);color:var(--paper)}
@media(max-width:1024px){
 .about{padding-bottom:20px}
 .experience{padding-top:170px}
 .experience>.jelly-wave{height:115px}
 .experience .display{font-size:10.3vw}
 .experience-label{font-size:4.8vw;margin-bottom:22px}
 .experience-product{height:490px;margin-top:35px;padding-bottom:95px}
 .mascot-stage{width:48vw;max-width:300px}
 .experience-decal-left{width:21vw;top:-30px;left:-2%}
 .experience-decal-right{width:23vw;top:43%;right:-2%}
 .experience-decal-soso{width:28vw;left:0;bottom:240px}
 .experience-product .price-badge{right:7%;bottom:120px}
 .experience-product .side-note{bottom:0}
 .experience-action{padding:25px 0 55px}
 .photo-fan .fan-card figcaption{display:block;font-size:10px;padding:9px 4px}
}
@media(max-width:600px){
 .experience{padding-top:135px}
 .experience>.jelly-wave{height:85px}
 .experience-caption{font-size:16px;max-width:90%;margin-top:22px}
 .experience-product{height:420px;margin-top:38px;padding-bottom:100px}
 .mascot-stage{width:54vw;max-width:255px}
 .experience-decal-left{width:23vw;top:-30px;left:-3%}
 .experience-decal-right{width:25vw;top:43%;right:-2%}
 .experience-decal-soso{width:28vw;bottom:260px;left:-1%}
 .experience-product .price-badge{width:76px;height:76px;font-size:16px;bottom:115px;right:1%}
 .experience-product .side-note{font-size:14px;line-height:1.55;max-width:44vw}
 .photo-fan{gap:2vw}
 .photo-fan .fan-card{width:29vw;height:43vw}
 .photo-fan .fan-card figcaption{font:800 10px/1.25 Nunito,sans-serif;min-height:38px;display:grid;place-items:center}
}

.experience-decal-left{top:-65px;width:clamp(135px,12vw,210px)}
@media(max-width:1024px){.experience-decal-left{top:-100px;width:20vw}}
@media(max-width:600px){.experience-decal-left{top:-78px;width:21vw}}

.hero>.bottom-wave{bottom:-85px}
@media(min-width:1025px){.experience-decal-soso{bottom:340px}}
@media(max-width:1024px){.hero>.bottom-wave{bottom:-45px}}
/* Viewport-fitted hero; preserve the entire wave inside its section. */
.hero{height:100svh;min-height:640px;max-height:none;padding-top:0}
.hero-heading{position:absolute;top:17%;left:3%;width:94%}
.hero h1{font-size:min(14.8vw,23svh)}
.hero-mascot{top:25%;width:min(30vw,40svh);max-width:none;transform:translateX(-50%)}
.hero-brand{top:73%;font-size:min(8.25vw,11svh);line-height:1.15;width:100%;text-align:center;left:0}
.hero-sticker-left{top:48%;left:10%}
.hero-sticker-right{top:49%;right:8%}
.hero-bottom{bottom:8%;}
.hero>.bottom-wave{bottom:-1px;height:8%;overflow:visible}
@media(max-width:1024px){
 .hero{height:100svh;min-height:640px;padding-top:0}
 .hero-heading{top:22%}
 .hero h1{font-size:14.8vw}
 .hero-mascot{top:31%;width:min(52vw,34svh);max-width:none;transform:translateX(-50%)}
 .hero-brand{top:75%;font-size:8.5vw}
 .hero-sticker-left{top:42%;left:4%}
 .hero-sticker-right{top:44%;right:3%}
 .hero-bottom{bottom:9%}
 .hero>.bottom-wave{bottom:-1px;height:7%}
}
/* Full blue opening; the complete wave starts after the first viewport. */
.hero{height:calc(100svh + 140px);min-height:780px}
.hero-heading{top:17svh}
.hero-mascot{top:23svh;width:min(36vw,48svh)}
.hero-brand{top:77svh;font-size:min(10.8vw,15svh);line-height:1.12}
.hero-bottom{display:none}
.hero>.bottom-wave{height:140px;bottom:-1px}
.hero-sticker-left{top:48svh}.hero-sticker-right{top:49svh}
@media(max-width:1024px){
 .hero{height:calc(100svh + 90px);min-height:730px}
 .hero-heading{top:22svh}
 .hero-mascot{top:29svh;width:min(61vw,41svh)}
 .hero-brand{top:80svh;font-size:9.3vw}
 .hero>.bottom-wave{height:90px;bottom:-1px}
 .hero-sticker-left{top:43svh}.hero-sticker-right{top:44svh}
}

.hero-sticker-left,.hero-sticker-right{color:#F3ED8B}