@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Noto+Sans+JP:wght@500;700;800;900&display=swap');
:root{--ink:#3a1754;--yellow:#ffea75;--cream:#fff9e9;--orange:#fd6534;--purple:#c9acee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Noto Sans JP','Hiragino Sans',sans-serif;font-weight:500}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #7e20b8;outline-offset:5px}::selection{background:#c9acee;color:#3a1754}.sample-bar{background:var(--ink);color:var(--cream);display:flex;justify-content:space-between;gap:20px;padding:9px 4%;font-size:10px}.nav{display:flex;align-items:center;justify-content:space-between;padding:23px 4%;gap:24px;background:var(--yellow);border-bottom:1px solid #3a17543b}.wordmark{font-family:'Barlow Condensed',Impact,sans-serif;font-size:62px;line-height:.8;letter-spacing:-4px;font-weight:900;transform:rotate(-5deg);display:inline-block}.wordmark span{color:#ed5832;display:inline-block;transform:rotate(12deg)}.nav nav{display:flex;gap:28px;margin-left:auto;font-size:13px;font-weight:700}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border:2px solid var(--ink);border-radius:60px;padding:16px 23px;background:var(--cream);font-size:13px;font-weight:800;min-height:52px;transition:transform .25s,box-shadow .25s}.pill span{font-size:22px;line-height:1}.pill:hover{transform:translate(-2px,-3px);box-shadow:4px 5px 0 var(--ink)}.pill.dark{background:var(--ink);color:var(--cream)}.pill.dark:hover{box-shadow:4px 5px 0 var(--orange)}.hero{background:var(--yellow);padding:56px 4% 0;display:grid;grid-template-columns:39% 61%;position:relative;isolation:isolate}.hero-copy{position:relative;z-index:2;padding:10px 0 0}.eyebrow,.section-tag{font:800 12px 'Noto Sans JP',sans-serif;letter-spacing:.07em;margin:0 0 28px}.hero h1{font-size:clamp(44px,5.7vw,88px);font-weight:900;line-height:1.36;letter-spacing:-.075em;margin:0;white-space:nowrap}.pop-word{display:inline-block;color:#fd6534;text-shadow:2px 3px 0 #3a1754;transform:rotate(-4deg)}.intro{font-size:15px;line-height:1.9;margin:28px 0}.hero .tiny{display:block;margin-top:30px;font-size:9px;letter-spacing:.12em}.hero-art{align-self:center;position:relative;margin:-12px -2.5% 0 1%;padding-bottom:45px}.hero-art>img{border-radius:42% 35% 38% 36%;aspect-ratio:1.5;object-fit:cover;transform:rotate(4deg);will-change:transform}.doodle{position:absolute;z-index:1;font-size:78px;line-height:1;right:9%;top:-44px;color:#6a368c}.pop-sticker{position:absolute;bottom:10px;right:16%;width:122px;height:122px;border:0;background:#c9acee;clip-path:polygon(50% 0%,61% 9%,75% 7%,81% 20%,94% 25%,93% 40%,100% 50%,91% 61%,93% 75%,80% 81%,75% 94%,60% 93%,50% 100%,39% 91%,25% 93%,19% 80%,6% 75%,7% 60%,0% 50%,9% 39%,7% 25%,20% 19%,25% 6%,40% 7%);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(13deg);transition:transform .25s}.pop-sticker:hover{transform:rotate(-6deg) scale(1.08)}.pop-sticker small{font-size:9px}.pop-sticker strong{font:900 42px/.98 'Barlow Condensed',sans-serif}.pop-sticker>span{font-size:22px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:35px 0 27px;font-size:10px;letter-spacing:.04em}.hero-bottom button{font-size:10px;border:0;border-bottom:1px solid currentColor;background:none;padding:10px}.ribbon{overflow:hidden;border-block:2px solid var(--ink);background:var(--orange);padding:12px 0}.ribbon-track{display:flex;width:max-content;font:900 43px/.95 'Barlow Condensed',sans-serif;letter-spacing:-1px}.ribbon-track span{white-space:nowrap;padding-right:32px}.story{display:grid;grid-template-columns:53% 47%;padding:115px 7%;background:var(--purple);position:relative}.story-copy{align-self:center;padding-right:40px}.story h2{font-size:clamp(28px,3.3vw,51px);font-weight:900;line-height:1.65;letter-spacing:-.04em;margin:0 0 35px}.outlined{color:#fff2b8;text-shadow:2px 3px 0 var(--ink);font-size:1.2em}.story-copy>p:not(.section-tag){font-size:14px;line-height:2.1}.story-copy .story-end{font-weight:900;font-size:18px!important;margin-top:30px}.story-photo{position:relative;margin:0;padding:0 18px 18px 0}.story-photo>img{width:100%;aspect-ratio:1;object-fit:cover;border:2px solid var(--ink);border-radius:42% 42% 8px 8px;box-shadow:12px 12px 0 var(--ink)}.story-photo figcaption{position:absolute;bottom:45px;right:-6px;transform:rotate(-90deg);transform-origin:right bottom;font-size:10px;letter-spacing:.06em}.sun{position:absolute;left:-38px;bottom:12px;color:#ffec70;background:var(--ink);border-radius:50%;width:100px;height:100px;display:grid;place-items:center;font:100px/1 Arial;transform:rotate(-15deg)}.flavors{padding:95px 6% 90px;position:relative;background:var(--cream)}.flavors:before{content:'';position:absolute;top:-22px;left:0;width:100%;height:24px;background:radial-gradient(circle at 50% 26px,var(--cream) 28px,transparent 29px) 0 0/56px 28px repeat-x}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}.section-heading h2{font-size:clamp(30px,4vw,56px);line-height:1.4;font-weight:900;letter-spacing:-.05em;margin:0}.section-heading>p{font-size:14px;line-height:1.9;margin:0 0 4px}.flavor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.flavor{padding:20px 22px 17px;border:2px solid var(--ink);border-radius:100px 100px 18px 18px;background:var(--panel);position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s;text-align:left;min-width:0}.flavor.orange{--panel:#ffd2aa}.flavor.berry{--panel:#e1d3f8}.flavor.lemon{--panel:#fff2a3}.flavor[aria-pressed=true]{box-shadow:6px 7px 0 var(--ink);transform:translateY(-8px)}.flavor:hover{transform:translateY(-8px) rotate(-1deg)}.flavor-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;padding:9px 11px 0}.flavor-top small{font-size:9px;font-weight:800}.select-icon{font-size:15px;width:27px;height:27px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center}.flavor[aria-pressed=true] .select-icon{background:var(--ink);color:var(--cream)}.can-photo{width:100%;aspect-ratio:.5;display:block;overflow:hidden;margin:3px 0 12px;mix-blend-mode:multiply}.can-photo img{height:100%;max-width:none;width:300%;object-fit:fill}.berry .can-photo img{transform:translateX(-33.333333%)}.lemon .can-photo img{transform:translateX(-66.666666%)}.flavor-name{display:block;text-align:center;font:900 clamp(30px,4.1vw,60px)/1 'Barlow Condensed',sans-serif;letter-spacing:-1px}.flavor-name small{display:block;font:800 13px/1.8 'Noto Sans JP',sans-serif;margin-top:9px;letter-spacing:0}.flavor-action{display:flex;justify-content:space-between;border-top:1px solid #3a17545c;padding-top:14px;margin-top:25px;font-size:11px;font-weight:800}.flavor-action b{font-size:18px;line-height:1}.flavor-detail{margin-top:45px;border-block:1.5px solid var(--ink);padding:28px 0;display:flex;align-items:center;gap:35px}.detail-number{font:900 100px/1 'Barlow Condensed',sans-serif;color:var(--orange)}.flavor-detail[data-flavor=berry] .detail-number{color:#8b54be}.flavor-detail[data-flavor=lemon] .detail-number{color:#8d760b}.flavor-detail p{font-size:12px;line-height:1.9;margin:0}.flavor-detail h3{font-size:20px;font-weight:900;margin:10px 0}.detail-burst{margin-left:auto;font:80px Arial;transform:rotate(12deg)}.moments{background:var(--orange);padding:80px 8% 85px;position:relative;overflow:hidden}.moments h2{font-size:clamp(52px,7.5vw,105px);line-height:1.35;margin:35px 0 60px;letter-spacing:-.055em;font-weight:900;position:relative;z-index:1}.moments h2>span{color:var(--cream)}.moment-notes{display:flex;gap:28px;position:relative;z-index:1;max-width:800px}.moment-notes p{flex:1;margin:0;padding:30px 25px 35px;border:2px solid var(--ink);background:var(--yellow);font-size:20px;font-weight:800;line-height:1.7;box-shadow:5px 5px 0 var(--ink);transform:rotate(-3deg)}.moment-notes p:nth-child(2){background:#e1d3f8;transform:rotate(4deg)}.moment-notes p:nth-child(3){background:var(--cream);transform:rotate(-2deg)}.moment-notes p span{display:block;font:800 13px 'Barlow Condensed',sans-serif;margin-bottom:16px}.giant-star{font:500px/.7 Arial;position:absolute;right:-120px;top:50px;color:#3a17541a}.ending{padding:80px 7% 100px;background:var(--yellow);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;position:relative;overflow:hidden}.ending-brand{font:900 clamp(135px,25vw,360px)/.9 'Barlow Condensed',sans-serif;letter-spacing:-.07em;transform:rotate(-12deg);z-index:1}.ending-copy{position:relative;z-index:1}.ending-copy>p{font-size:13px;font-weight:800}.ending h2{font-size:clamp(30px,3.5vw,52px);line-height:1.5;font-weight:900;letter-spacing:-.05em;margin:25px 0 30px}.end-bubbles{position:absolute;inset:0;pointer-events:none}.end-bubbles span{position:absolute;border:2px solid #3a17542b;border-radius:50%;width:150px;height:150px;right:35%;top:5%}.end-bubbles span:nth-child(2){width:230px;height:230px;right:-3%;top:45%}.end-bubbles span:nth-child(3){width:60px;height:60px;right:44%;top:80%}footer{background:var(--ink);color:var(--cream);padding:42px 5%;display:flex;justify-content:space-between;align-items:center;gap:35px}footer .wordmark{font-size:50px}footer p{font-size:10px;line-height:1.9}footer>a:last-child{font-size:12px;white-space:nowrap;border-bottom:1px solid;padding-bottom:10px}
[data-motion=on] .ribbon-track{animation:ticker 26s linear infinite}[data-motion=on] .hero-art>img{animation:bob 6s ease-in-out infinite}[data-motion=on] .doodle{animation:spin 24s linear infinite}[data-motion=on] .end-bubbles span{animation:float 7s ease-in-out infinite}[data-motion=on] .end-bubbles span:nth-child(2){animation-delay:-2s}.will-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.will-reveal.revealed{opacity:1;transform:revert}.pop-particles{position:absolute;inset:0;pointer-events:none;z-index:3}.pop-particles i{position:absolute;left:71%;top:75%;width:14px;height:14px;background:var(--ink);border-radius:4px;animation:pop-out .7s cubic-bezier(.12,.64,.42,1) both}.pop-particles i:nth-child(3n){border-radius:50%;background:var(--orange)}.pop-particles i:nth-child(3n+1){background:var(--purple)}.popped .pop-sticker{transform:rotate(-12deg) scale(1.15)}[data-motion=off] *,[data-motion=off] *:before,[data-motion=off] *:after{animation:none!important;transition:none!important}[data-motion=off] .will-reveal{opacity:1;transform:revert}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes bob{50%{transform:translateY(-12px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-25px)}}@keyframes pop-out{0%{opacity:1}90%{opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
@media(min-width:1600px){.hero{padding-top:80px}.hero h1{font-size:100px}.hero-copy{padding-bottom:30px}.hero-art{max-width:1100px}.hero-bottom{padding-top:50px}}
@media(max-width:800px){.sample-bar{font-size:8px;padding:8px 5%;gap:10px}.nav{padding:18px 5%;gap:15px}.wordmark{font-size:48px;letter-spacing:-3px}.nav nav{display:none}.nav>.pill{font-size:10px;padding:12px 16px;gap:15px;min-height:44px}.hero{grid-template-columns:1fr;padding:35px 6% 0}.hero-copy{padding:0;text-align:center}.eyebrow{font-size:9px;margin-bottom:17px}.hero h1{font-size:clamp(47px,12vw,75px);line-height:1.32;letter-spacing:-.065em}.intro{font-size:12px;line-height:1.9;margin:23px 0}.hero-copy>.pill{font-size:12px;padding:14px 21px;min-height:50px}.hero .tiny{display:none}.hero-art{margin:38px -3% 0;padding-bottom:27px}.hero-art>img{border-radius:26% 28% 30% 25%;transform:rotate(3deg)}.doodle{font-size:48px;right:5%;top:-31px}.pop-sticker{width:90px;height:90px;bottom:-5px;right:8%}.pop-sticker strong{font-size:31px}.pop-sticker small{font-size:7px}.pop-sticker>span{font-size:18px}.hero-bottom{font-size:8px;padding:31px 0 19px;gap:8px;flex-wrap:wrap}.hero-bottom>a{display:none}.hero-bottom button{font-size:9px}.ribbon{padding:10px 0}.ribbon-track{font-size:32px}.ribbon-track span{padding-right:20px}.story{grid-template-columns:1fr;padding:65px 7% 70px;gap:40px}.story-copy{padding:0}.section-tag{font-size:10px;margin-bottom:23px}.story h2{font-size:clamp(26px,7.1vw,42px);line-height:1.7;margin-bottom:25px}.story-copy>p:not(.section-tag){font-size:13px}.story-copy .story-end{font-size:16px!important;margin-top:25px}.story-photo{margin:0 8% 0 11%;padding-right:12px}.story-photo>img{aspect-ratio:1}.sun{font-size:75px;width:74px;height:74px;left:-30px;bottom:0}.story-photo figcaption{font-size:8px;right:0;bottom:35px}.flavors{padding:62px 6% 50px}.section-heading{display:block;margin-bottom:38px}.section-heading h2{font-size:29px;white-space:nowrap}.section-heading>p{font-size:12px;margin-top:22px}.flavor-grid{gap:25px;grid-template-columns:1fr}.flavor{padding:19px 24px;border-radius:80px 80px 17px 17px;display:grid;grid-template-columns:43% 57%;align-items:center;column-gap:0}.flavor-top{grid-column:1/-1;padding:0 15px 10px}.flavor-top small{font-size:10px}.can-photo{aspect-ratio:.5;margin:0;grid-row:2/4}.flavor-name{font-size:43px;letter-spacing:-1px;padding-left:12px}.flavor-name small{font-size:11px;margin-top:12px}.flavor-action{font-size:10px;margin:10px 0 0 16px;align-self:end;padding:13px 0 7px}.flavor[aria-pressed=true]{transform:none;box-shadow:5px 5px 0 var(--ink)}.flavor:hover{transform:translateY(-3px)}.flavor-detail{gap:18px;align-items:flex-start;padding:25px 0;margin-top:34px}.detail-number{font-size:60px}.flavor-detail h3{font-size:16px;line-height:1.7;margin:8px 0 10px}.flavor-detail p{font-size:11px}.flavor-detail p br{display:none}.detail-burst{display:none}.moments{padding:60px 7% 70px}.moments h2{font-size:48px;margin:28px 0 42px}.moment-notes{flex-direction:column;gap:20px;padding-inline:7%}.moment-notes p{font-size:18px;padding:20px 25px;display:flex;align-items:center;gap:25px;line-height:1.7}.moment-notes p span{font-size:16px;margin:0}.giant-star{font-size:350px;right:-90px;top:80px}.ending{grid-template-columns:1fr;gap:28px;padding:65px 7% 65px;text-align:center}.ending-brand{font-size:50vw;max-width:100%;letter-spacing:-.06em}.ending-copy>p{font-size:12px}.ending h2{font-size:32px;margin:18px 0 25px}.ending .pill{font-size:12px;padding:15px 20px}.end-bubbles span{right:0;top:30%;width:90px;height:90px}.end-bubbles span:nth-child(2){right:70%;top:0}.end-bubbles span:nth-child(3){right:4%;top:80%}footer{padding:35px 6%;flex-wrap:wrap;gap:20px}footer p{font-size:9px;order:3;width:100%;margin:0}footer>a:last-child{font-size:11px}footer .wordmark{font-size:43px}}
img{height:auto}.hero-art{min-width:0}.hero{overflow:clip}.can-photo{mix-blend-mode:normal;border-radius:10px;mask-image:linear-gradient(transparent,#000 7%,#000 92%,transparent)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:revert}}