/* The material and the typography carry the scene. */
.motion-toggle{font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:none;padding:10px 0;opacity:.75}
.live-scene{height:100svh;min-height:700px;position:relative;background:#b81f52;color:var(--cream);overflow:hidden;isolation:isolate}
.live-backdrop{position:absolute;inset:0;background:#b81f52;z-index:-1}.live-stage{height:100%;position:relative;overflow:hidden}
.live-word{position:absolute;top:3.7%;left:-2%;width:104%;margin:0;line-height:1;z-index:3;pointer-events:none;transform-origin:50% 0}
.live-word img{width:100%;height:auto;filter:brightness(0) invert(1)}
.live-intro{position:absolute;left:var(--page-pad);top:46%;z-index:7;max-width:43%}.live-intro h2{font-size:clamp(48px,5.8vw,90px);line-height:.92;letter-spacing:-.055em}.live-intro .button{margin-top:30px}
.live-sidenote{position:absolute;right:9%;top:50%;z-index:4;display:flex;align-items:center;gap:30px}.live-sidenote>span{font-size:90px;line-height:1}.live-sidenote p{font-size:21px;line-height:1.15;font-weight:600}
#live-honey{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}.live-honey-fallback{position:absolute;bottom:2%;width:110%;max-width:none;left:-5%;z-index:5;pointer-events:none;height:35%;object-fit:fill}.material-ready .live-honey-fallback{display:none}
.honey-touch{position:absolute;bottom:7%;height:16%;left:12%;right:12%;z-index:8;cursor:grab;touch-action:pan-y}.honey-touch.dragging{cursor:grabbing}.live-pull{background:none;color:inherit;border-bottom:1px solid currentColor;font-size:12px;line-height:1.5;padding:5px 0;font-weight:600}
.live-foot{position:absolute;bottom:27px;left:var(--page-pad);right:var(--page-pad);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;z-index:10}.live-scroll-cue{font-size:12px}.live-concept{opacity:.65}
.live-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#fff6e025;z-index:10}.live-progress span{display:block;background:var(--cream);height:100%;transform:scaleX(0);transform-origin:left}
.live-flavor-type{position:absolute;inset:29% 0 auto;text-align:center;pointer-events:none;z-index:1;height:35%;font-family:Bricolage;font-weight:800;font-size:clamp(100px,23vw,360px);line-height:.85;letter-spacing:-.09em;color:#fff6e0b0}.live-flavor-type span{position:absolute;inset:0;visibility:hidden}.live-flavor-type span:nth-child(2){font-size:19vw}.live-flavor-type span:nth-child(3){font-size:19vw}
.live-jars{position:absolute;left:29%;width:42%;top:19%;height:72%;z-index:6;pointer-events:none;perspective:900px}.live-jars img{position:absolute;width:100%;height:100%;object-fit:contain;filter:drop-shadow(18px 26px 15px #45132138);visibility:hidden}
.live-flavor-copy{position:absolute;left:var(--page-pad);top:56%;max-width:27%;z-index:7;visibility:hidden;color:var(--ink)}.live-flavor-copy>p{font-size:12px;letter-spacing:.08em;font-weight:600;margin-bottom:20px}.live-flavor-copy h2{font-size:clamp(35px,3.2vw,58px);line-height:.97;letter-spacing:-.045em}.live-flavor-copy a{font-size:13px;margin-top:24px}
.hive-journey{position:relative;min-height:740px;height:100svh;overflow:hidden;background:#f5b632;color:var(--ink);isolation:isolate}
.journey-heading{position:absolute;z-index:4;top:100px;left:var(--page-pad);pointer-events:none}.journey-heading h2{font-size:clamp(38px,3.5vw,64px);line-height:.97;letter-spacing:-.055em}.journey-heading>p{font-size:12px;margin-top:16px}.journey-heading>p span{display:inline-block;margin-left:26px;font-size:24px}
.journey-track{display:flex;width:400%;height:100%;will-change:transform}.journey-panel{width:25%;height:100%;position:relative;display:grid;grid-template-columns:1fr 1fr;flex:0 0 25%;overflow:hidden}.journey-image{grid-column:2;position:relative;overflow:hidden;height:100%}.journey-image>img{width:100%;height:100%;object-fit:cover}.journey-text{grid-column:1;grid-row:1;align-self:end;padding:280px var(--page-pad) 140px}.journey-number{display:block;font-size:13px;margin-bottom:28px;letter-spacing:.2em}.journey-text h3{font-size:clamp(80px,10vw,160px);line-height:.8;letter-spacing:-.075em;margin-left:-5px}.journey-text>p:not(.comb-note){font-size:19px;line-height:1.4;max-width:300px;margin-top:30px}.journey-hive{background:#f5b632}.journey-harvest{background:#f1a7bb}.journey-strain{background:#eaa24b}.journey-jar{background:#c4b7e2}.journey-harvest .journey-image img{object-position:39% center}.journey-strain .journey-image img{object-position:44% center}.journey-flower{font-size:110px;position:absolute;bottom:17%;left:34%;transform:rotate(-20deg);line-height:1;opacity:.7}.journey-bottom{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:21px var(--page-pad) 24px;background:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:30px}.journey-bottom nav{display:flex;gap:27px;flex:1}.journey-bottom button{font-size:13px;background:none;position:relative;padding:0 0 9px;opacity:.45}.journey-bottom button:after{content:'';position:absolute;height:2px;background:var(--ink);bottom:0;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s}.journey-bottom button[aria-current=step]{opacity:1;font-weight:600}.journey-bottom button[aria-current=step]:after{transform:scaleX(1)}.journey-bottom p{font-size:10px;max-width:290px;opacity:.6;line-height:1.4}
.comb-cells{display:flex;margin-top:25px;gap:6px}.comb-cells button{width:43px;height:49px;background:#a14f13;color:#f5b632;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);font-size:27px;position:relative;overflow:hidden;isolation:isolate}.comb-cells button:before{content:'';position:absolute;inset:0;background:#301318;transform:translateY(101%);transition:transform .6s cubic-bezier(.2,.7,.2,1);z-index:-1}.comb-cells button.filled:before{transform:translateY(0)}.comb-cells button:focus-visible{outline-offset:-5px;outline-color:var(--cream)}.comb-note{font-size:11px;margin-top:12px;min-height:18px}.journey-jar .journey-image{display:flex;align-items:center;justify-content:center;overflow:visible}.journey-jar .journey-image>img{position:relative;z-index:2;object-fit:contain;width:90%;height:70%;transform:rotate(9deg);filter:drop-shadow(15px 20px 14px #30131830)}.journey-jar .journey-image>span{position:absolute;top:42%;left:-8%;font-family:Bricolage;font-size:12vw;letter-spacing:-.08em;color:#fff6e07a;transform:rotate(-90deg)}.journey-text .button{margin-top:35px}
html[data-motion=off] .live-scene{height:100svh;min-height:730px}html[data-motion=off] .live-scroll-cue{font-size:12px}html[data-motion=off] .live-pull,html[data-motion=off] .honey-touch{display:none}html[data-motion=off] .hive-journey{height:auto}html[data-motion=off] .journey-track{display:block;width:100%;will-change:auto}html[data-motion=off] .journey-panel{width:100%;min-height:760px;height:90svh}html[data-motion=off] .journey-heading{display:none}html[data-motion=off] .journey-text{padding-top:80px}html[data-motion=off] .journey-bottom{position:relative}html[data-motion=off] .journey-bottom nav{display:none}html[data-motion=off] .journey-bottom p{max-width:none}
@media(min-width:1700px){.live-word{top:-2%}.live-intro{top:49%}.live-scene{min-height:880px}}
@media(max-width:900px){.header-actions{gap:18px}.live-sidenote{right:6%;gap:17px}.live-sidenote>span{font-size:75px}.live-sidenote p{font-size:18px}.live-jars{left:33%;width:52%}.live-flavor-copy{max-width:34%}.journey-heading{top:95px}.journey-text{padding-bottom:145px}.journey-text h3{font-size:10vw}.journey-text>p:not(.comb-note){font-size:16px}.journey-flower{left:36%;font-size:75px}}
@media(max-width:760px){.motion-toggle{font-size:8px;letter-spacing:0;max-width:44px;line-height:1.1}.header-actions{gap:13px}.live-scene{height:100svh;min-height:680px}.live-word{top:14%;left:-5%;width:110%}.live-intro{top:37%;left:var(--page-pad);max-width:74%}.live-intro h2{font-size:clamp(43px,10vw,70px)}.live-intro .button{margin-top:23px;font-size:13px;padding:14px 17px;min-height:47px}.live-sidenote{top:61%;right:8%;gap:20px}.live-sidenote>span{font-size:58px}.live-sidenote p{font-size:13px}.live-foot{bottom:23px;flex-wrap:wrap;gap:10px}.live-scroll-cue{font-size:10px}.live-pull{font-size:10px}.live-concept{display:none}.honey-touch{bottom:9%;height:16%;left:5%;right:5%}.live-flavor-type{top:29%;font-size:30vw;height:40%}.live-flavor-type span:nth-child(2),.live-flavor-type span:nth-child(3){font-size:23vw}.live-jars{left:15%;width:70%;top:29%;height:53%}.live-flavor-copy{top:14%;left:var(--page-pad);max-width:90%;text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;align-items:center}.live-flavor-copy>p{grid-column:1/-1;font-size:10px;margin-bottom:10px}.live-flavor-copy h2{font-size:29px;letter-spacing:-.04em}.live-flavor-copy a{font-size:11px;margin:0;max-width:100px;justify-self:end}.hive-journey{min-height:680px;height:100svh}.journey-heading{top:90px;left:var(--page-pad)}.journey-heading h2{font-size:32px}.journey-heading>p{font-size:10px;margin-top:7px}.journey-heading>p span{font-size:18px}.journey-panel{display:block}.journey-image{position:absolute;inset:0 0 0 27%;height:62%}.journey-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f5b63275,transparent 20%)}.journey-harvest .journey-image:after{background:linear-gradient(90deg,#f1a7bb75,transparent 20%)}.journey-strain .journey-image:after{background:linear-gradient(90deg,#eaa24b75,transparent 20%)}.journey-text{position:absolute;bottom:115px;padding:0 var(--page-pad);z-index:2;width:100%}.journey-number{font-size:10px;margin-bottom:19px}.journey-text h3{font-size:22vw;letter-spacing:-.07em}.journey-text>p:not(.comb-note){font-size:15px;margin-top:15px;max-width:260px}.comb-cells{position:absolute;right:var(--page-pad);bottom:39px;gap:4px}.comb-cells button{width:30px;height:35px;font-size:19px}.comb-note{margin-top:15px;font-size:10px;max-width:240px}.journey-hive .journey-text>p{max-width:220px}.journey-flower{font-size:76px;left:auto;right:9%;bottom:10%}.journey-bottom{padding:16px var(--page-pad) 17px;display:block}.journey-bottom nav{justify-content:space-between;gap:15px}.journey-bottom button{font-size:11px}.journey-bottom p{font-size:8px;max-width:none;margin-top:8px}.journey-jar .journey-image{top:8%;bottom:auto;left:25%;right:0;height:55%}.journey-jar .journey-image>img{width:90%;height:95%}.journey-jar .journey-image>span{font-size:24vw;left:-29%}.journey-jar .journey-image:after{display:none}.journey-text .button{font-size:12px;padding:13px 17px;min-height:44px;margin-top:20px}.journey-hive .journey-text{bottom:108px}html[data-motion=off] .live-scene{min-height:680px}html[data-motion=off] .journey-panel{min-height:650px;height:90svh}html[data-motion=off] .journey-text{padding-top:0;bottom:45px}html[data-motion=off] .journey-hive .journey-text{bottom:30px}html[data-motion=off] .journey-number{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.live-pull,.honey-touch{display:none}.hive-journey{height:auto}.journey-track{display:block;width:100%}.journey-panel{width:100%;min-height:700px}.journey-heading{display:none}.journey-bottom{position:relative}}
/* Keep the letter silhouettes, message and collected surface in separate vertical bands. */
@media(min-width:761px){.live-intro{top:58%;max-width:66%}.live-intro h2{font-size:clamp(40px,4.1vw,66px);line-height:.95}.live-intro .button{margin-top:20px;padding:14px 20px;min-height:48px;font-size:13px}.live-sidenote{top:59%;right:7%}.live-sidenote>span{font-size:68px}.live-sidenote p{font-size:17px}}
@media(min-width:761px){.live-flavor-copy{top:51%;max-width:31%}.live-flavor-copy h2{font-size:clamp(35px,3vw,48px)}}
.honey-touch{touch-action:none}
@media(max-width:760px){.live-word{width:103%;left:-1.5%}.live-intro{max-width:92%}.live-intro h2{font-size:clamp(40px,10vw,65px)}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}
html[data-motion=off] .varietal-jar img.changing{transform:rotate(-7deg);opacity:1}
@media(max-width:760px){.journey-image{inset:207px 0 auto 16%;height:36%}.journey-heading h2{font-size:30px}.journey-jar .journey-image{top:23%;height:40%;left:22%}html[data-motion=off] .journey-image{top:0;height:59%}html[data-motion=off] .journey-jar .journey-image{top:0;height:62%}}
/* Clipping must not create a second scroll container inside a pinned scene. */
.live-stage,.live-scene,.hive-journey{overflow:clip}