:root{--ink:#243d32;--cream:#fff9e8;--yellow:#fce68a;--pink:#ec8f9e;--flavor:#ef9bae;--panel:#f6c6ce}body{font-family:'Arial Rounded MT Bold',Arial,'Hiragino Maru Gothic ProN','Yu Gothic',sans-serif;background:var(--cream);color:var(--ink)}a{text-decoration:none}.demo-bar{background:var(--ink);color:var(--cream);border:0}.header{display:flex;justify-content:space-between;align-items:center;padding:24px 5vw;background:var(--yellow)}.logo{font-size:35px;font-weight:900;letter-spacing:-2px;line-height:1}.logo span{display:block;font-size:8px;letter-spacing:.17em;margin-top:8px}.header nav{display:flex;gap:28px;align-items:center;font-size:11px;font-weight:bold}.nav-pill{padding:13px 20px;border:1.5px solid var(--ink);border-radius:40px}.hero{background:var(--yellow);display:grid;grid-template-columns:1fr 1.1fr;min-height:650px;padding:35px 5vw 80px;align-items:center;gap:4vw;position:relative;overflow:hidden}.hero-title{position:relative;z-index:2}.hero-title>span{font-size:10px;letter-spacing:.15em}.hero h1{font-size:clamp(45px,5.8vw,85px);line-height:1.35;letter-spacing:-.05em;margin:25px 0}.hero h1 em{font-style:normal;color:#b64239}.hero-title p{font-size:15px;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 25px;border:2px solid var(--ink);border-radius:50px;background:var(--ink);color:var(--cream);font-size:12px;font-weight:700;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:4px 6px 0 #b64239}.button b{font-size:22px}.hero-art{position:relative;transform:rotate(4deg)}.hero-art img{width:100%;aspect-ratio:.92;object-fit:cover;border-radius:45% 45% 12px 12px;border:2px solid var(--ink)}.sticker{position:absolute;right:-20px;top:20px;border:2px solid var(--ink);width:120px;height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;background:#d5e7b2;font-weight:900;font-size:33px;transform:rotate(12deg);animation:bob 5s ease-in-out infinite}.sticker small{font-size:9px}.star{position:absolute;left:-40px;bottom:50px;font-size:120px;line-height:1;color:#b64239;animation:spin 30s linear infinite}.photo-caption{position:absolute;bottom:17px;right:18px;font-size:10px;color:#fff8df;letter-spacing:.1em}.hero-number{position:absolute;bottom:25px;left:5vw;font-size:9px;letter-spacing:.14em}.marquee{overflow:hidden;background:var(--ink);color:var(--yellow);padding:22px 0;font-size:32px;font-weight:800;white-space:nowrap}.marquee>div{width:max-content;animation:marquee 32s linear infinite}.flavors{padding:90px 6vw}.section-head{text-align:center}.kicker{font-size:10px;letter-spacing:.17em;font-weight:700}.section-head h2{font-size:clamp(30px,4vw,49px);line-height:1.5;margin:20px 0}.section-head h2 span{color:#b64239}.section-head p{font-size:12px}.flavor-picker{max-width:1100px;margin:50px auto 0}.flavor-tabs{display:flex;gap:10px;margin-bottom:18px}.flavor-tabs button{flex:1;border:1.5px solid var(--ink);border-radius:40px;padding:15px 8px;background:transparent;font-size:12px;font-weight:700}.flavor-tabs button[aria-selected=true]{background:var(--ink);color:var(--cream)}.flavor-panel{background:var(--panel);border:2px solid var(--ink);border-radius:22px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%;padding:50px;transition:background .5s}.flavor-photo{aspect-ratio:1;overflow:hidden;border-radius:16px;background:var(--panel)}.flavor-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.flavor-copy>span{font-size:10px;letter-spacing:.12em}.flavor-copy h3{font-size:clamp(45px,5vw,70px);line-height:.95;letter-spacing:-.05em;margin:20px 0 25px}.flavor-copy p{font-size:13px}.flavor-copy .ingredients{font-size:9px;letter-spacing:.04em;border-bottom:1px solid #243d3240;padding:10px 0 20px}.price-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.price-row>span{font-size:25px;font-weight:700}.price-row small{display:block;font-size:9px;font-weight:400}.detail-button{border:0;border-bottom:1px solid var(--ink);background:none;padding:10px 0;font-size:12px}.story{padding:100px 8vw;background:#d9e8c8;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.story-mark{font-size:clamp(50px,6.5vw,95px);font-weight:900;letter-spacing:-.06em;line-height:1;position:relative;transform:rotate(-5deg)}.story-mark em{color:#a7483b;font-family:Georgia,serif}.story-mark>span{font-size:90px;position:absolute;right:0;bottom:-65px;animation:spin 40s linear infinite}.story h2{font-size:clamp(25px,2.6vw,38px);line-height:1.6;margin:25px 0}.story p{font-size:13px}.handwritten{font-family:Georgia,serif;font-style:italic;font-size:24px;display:block;margin-top:35px}.visit{text-align:center;padding:100px 6vw;background:#f7c8ce}.visit h2{font-size:clamp(65px,9vw,125px);letter-spacing:-.06em;line-height:.95;margin:35px 0}.visit h2 em{font-family:Georgia,serif;color:#a7483b}.visit p{font-size:13px}.visit .button{margin:25px 0}.visit>small{display:block;font-size:10px;line-height:1.8}.demo-footer{border-color:#243d3230}@keyframes bob{50%{translate:0 -12px;rotate:3deg}}@keyframes spin{to{rotate:360deg}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:700px){.header{padding:23px 6vw}.logo{font-size:29px}.header nav{gap:12px;font-size:9px}.header nav>a:nth-child(2){display:none}.nav-pill{padding:10px 12px}.hero{grid-template-columns:1fr;padding:30px 7vw 60px;gap:45px}.hero h1{font-size:15vw;margin:20px 0}.hero-title p{font-size:13px}.hero-art{margin:0 5vw}.hero-art img{aspect-ratio:1.06}.sticker{width:88px;height:88px;font-size:26px;right:-15px}.sticker small{font-size:7px}.star{font-size:80px;left:-30px}.marquee{font-size:24px;padding:18px 0}.flavors{padding:65px 5vw}.flavor-tabs{gap:6px}.flavor-tabs button{font-size:10px;padding:13px 4px}.flavor-panel{grid-template-columns:1fr;padding:25px}.flavor-copy h3{font-size:54px}.flavor-copy{padding:15px 0}.story{grid-template-columns:1fr;gap:90px;padding:70px 8vw}.story-mark{font-size:20vw}.story-mark>span{bottom:-25px}.visit{padding:70px 6vw}.visit h2{font-size:17vw}}
:root .hero-art img{height:auto}