@font-face{font-family:Archivo;src:url('assets/archivo-expanded-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Archivo;src:url('assets/archivo-expanded-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:ArchivoCondensed;src:url('assets/archivo-condensed-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--ink:#100d10;--scene-bg:#f9e2ff;font-family:Archivo,Arial,sans-serif;color:var(--ink);background:var(--scene-bg);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior-y:none}html{scrollbar-width:thin;scrollbar-color:rgba(15,10,15,.22) transparent}body{background:var(--scene-bg)}
.scroll-story{height:500dvh;position:relative}.scene,.static-scene{--scene-w:1280;--scene-h:960;position:sticky;top:0;width:100%;height:100dvh;overflow:hidden;background:var(--scene-bg);isolation:isolate}.scene:focus-visible{outline:0}.scene-inner{position:absolute;left:0;top:0;width:1280px;height:960px;transform-origin:0 0}.flavor{position:absolute;inset:0;pointer-events:none;z-index:1;will-change:transform}.flavor h1{position:absolute;margin:0;font:700 146px/1 Archivo,sans-serif;letter-spacing:-4px;white-space:nowrap}.description{position:absolute;font:400 16px/22px Archivo,sans-serif;margin:0}.fruit{position:absolute;object-fit:contain}.ingredients{position:absolute;width:200px;font:400 16px/22px Archivo,sans-serif}.ingredients strong{font:600 32px/1.35 ArchivoCondensed,sans-serif;display:block;margin-bottom:16px}.ingredients span{display:block;border-top:1px solid rgba(30,15,25,.12);padding-top:9px;padding-bottom:9px}.ingredients span:last-child{padding-bottom:0}.bottle{position:absolute;z-index:3;left:446px;top:140px;width:388px;height:680px;object-fit:contain;pointer-events:none;will-change:transform;filter:drop-shadow(0 24px 20px rgba(100,69,19,.09))}#bottle{opacity:0}#bottle-poster[hidden]{display:none}
.chokeberry h1{left:114px;top:135px}.chokeberry .description{left:114px;top:300px}.chokeberry .fruit{left:166px;top:120px;width:948px;height:720px}.chokeberry .ingredients{left:964px;top:620px}
.strawberry{transform:translateY(1100px)}.strawberry h1{left:330px;top:355px;z-index:1}.strawberry .description{left:920px;top:248px}.strawberry .fruit{left:176px;top:120px;width:928px;height:720px}.strawberry .ingredients{left:114px;top:642px}
.ginger{transform:translateY(1100px)}.ginger h1{left:114px;top:540px}.ginger .description{left:120px;top:220px}.ginger .fruit{left:176px;top:120px;width:928px;height:720px}.ginger .ingredients{left:964px;top:626px}
.reduced-story{display:none}.static-scene{position:relative}.static-scene .flavor{transform:none!important;visibility:visible!important;will-change:auto}.static-scene .bottle{will-change:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:640px) and (orientation:portrait){
.scene,.static-scene{--scene-w:750;--scene-h:1320}.scene-inner{width:750px;height:1320px}.flavor h1{font-size:85px;letter-spacing:-3px}.description{font-size:18px;line-height:26px}.ingredients{width:180px;font-size:18px;line-height:25px}.ingredients strong{font-size:36px}.bottle{left:181px;top:285px}
.chokeberry h1{left:45px;top:125px}.chokeberry .description{left:48px;top:250px}.chokeberry .fruit{left:-98px;top:230px}.chokeberry .ingredients{left:500px;top:945px}
.strawberry h1{left:50px;top:740px}.strawberry .description{left:410px;top:150px;font-size:16px;line-height:24px}.strawberry .fruit{left:-90px;top:340px}.strawberry .ingredients{left:50px;top:970px}
.ginger h1{left:45px;top:865px;font-size:108px}.ginger .description{left:50px;top:150px}.ginger .fruit{left:-30px;top:390px}.ginger .ingredients{left:500px;top:990px}
}
@media(prefers-reduced-motion:reduce){.scroll-story{display:none}.reduced-story{display:block}.static-scene{height:100dvh}.flavor,.bottle{will-change:auto}}