.hero-journey{height:auto;min-height:0}
.photo-hero{min-height:850px;height:min(960px,100svh);padding-top:153px;background:radial-gradient(ellipse at 18% 12%,#ffdc8f,#e7a34b 57%,#ae5a24)}
.photo-hero .hero-content{max-width:52%;z-index:3}
.photo-hero .hero-art{opacity:1;transition:opacity .6s}
.photo-hero .hero-art img{opacity:1;filter:none}
.photo-hero.cutouts-ready .hero-art,.photo-hero.cutouts-ready:after{opacity:0;pointer-events:none}
.photo-hero .hero-stamp{display:none}
.biscuit-composition{position:absolute;top:140px;right:1%;width:54%;height:610px;perspective:900px;pointer-events:none;opacity:0;transition:opacity .6s}
.cutouts-ready .biscuit-composition{opacity:1}
.hero-biscuit{position:absolute;will-change:transform;transform-style:preserve-3d;--float-y:25px;--orbit-x:10px;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.hero-biscuit img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(12px 24px 22px rgba(72,31,7,.24));transform-origin:center;backface-visibility:hidden;will-change:transform;animation:biscuit-orbit 6.8s ease-in-out infinite}
.biscuit-chocolate{left:5%;top:-4%;width:53%;height:58%;transform:translate3d(calc(var(--mx,0px)*.65),calc(var(--my,0px)*.7 + var(--scene-scroll,0px)*.3),0) rotateY(calc(var(--turn-y,0deg) + var(--cursor-tilt,0deg))) rotateX(var(--cursor-pitch,0deg)) rotateZ(calc(-4deg + var(--scroll-roll,0deg) + var(--pose-roll,0deg)))}
.biscuit-custard{left:48%;top:22%;width:53%;height:57%;transform:translate3d(calc(var(--mx,0px)*1.1),calc(var(--my,0px)*.8 + var(--scene-scroll,0px)*-.4),0) rotateY(calc((var(--turn-y,0deg) + var(--cursor-tilt,0deg))*-.65)) rotateX(calc(var(--cursor-pitch,0deg)*-.8)) rotateZ(calc(5deg - var(--scroll-roll,0deg)*.8 - var(--pose-roll,0deg)*.8))}
.biscuit-custard img{animation-name:biscuit-counter-orbit;animation-delay:-2.1s;animation-duration:7.8s}
.biscuit-bourbon{left:0%;top:49%;width:74%;height:57%;transform:translate3d(calc(var(--mx,0px)*-.5),calc(var(--my,0px)*.5 + var(--scene-scroll,0px)*.45),0) rotateY(calc((var(--turn-y,0deg) + var(--cursor-tilt,0deg))*.75)) rotateX(calc(var(--cursor-pitch,0deg)*.7)) rotateZ(calc(-3deg + var(--scroll-roll,0deg)*.65 + var(--pose-roll,0deg)*.7))}
.biscuit-bourbon img{animation-delay:-4.5s;animation-duration:8.4s}
@keyframes biscuit-orbit{
 0%,100%{transform:translate3d(calc(var(--orbit-x)*-1),8px,0) rotateX(-8deg) rotateY(-14deg) rotateZ(-14deg)}
 50%{transform:translate3d(var(--orbit-x),calc(var(--float-y)*-1),0) rotateX(9deg) rotateY(14deg) rotateZ(15deg)}
}
@keyframes biscuit-counter-orbit{
 0%,100%{transform:translate3d(var(--orbit-x),calc(var(--float-y)*-.7),0) rotateX(8deg) rotateY(13deg) rotateZ(13deg)}
 50%{transform:translate3d(calc(var(--orbit-x)*-1),12px,0) rotateX(-9deg) rotateY(-14deg) rotateZ(-15deg)}
}
.photo-hero .biscuit-control{display:none;position:absolute;right:6%;bottom:95px;width:42%;text-align:center;z-index:4;align-items:center;flex-direction:column;gap:8px}
.photo-hero.cutouts-ready .biscuit-control{display:flex}
.turn-biscuit{background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--navy);font:inherit;min-height:44px;display:inline-flex;gap:22px;align-items:center;padding:5px 0}
.turn-biscuit span{font-size:25px}
.biscuit-hint{font-size:12px;color:#432b20}
.hero-delivery{margin-top:20px;font-size:15px;line-height:1.5;font-weight:600;max-width:400px}
.limited-badge{position:absolute;left:12px;top:12px;z-index:2;padding:6px 11px;border-radius:30px;background:var(--navy);color:var(--cream);font-size:12px;font-weight:600}
.restock-note{margin-top:38px;font-size:clamp(19px,2vw,26px);font-family:var(--display);letter-spacing:-.03em}
.availability{margin-top:18px}
.bundles{background:#f8dfbc}
.bundle-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:52px}
.bundle-tier{display:flex;flex-direction:column;align-items:flex-start;padding:32px 28px;border:1px solid rgba(22,40,94,.25);border-top:5px solid var(--gold);background:rgba(255,243,223,.48)}
.bundle-tier h3{font-size:25px;letter-spacing:-.04em;min-height:2.5em}
.bundle-price{font-size:clamp(35px,4vw,54px);font-family:var(--display);font-weight:500;letter-spacing:-.06em;margin-top:20px;line-height:1.15}
.bundle-saving{font-size:15px;font-weight:600;margin-top:9px;color:#7f3d16}
.bundle-tier ul{padding-left:19px;margin:27px 0 30px;font-size:16px;line-height:1.55;flex:1}
.bundle-tier li+li{margin-top:10px}
.bundle-tier .button{font-size:14px;gap:18px;width:100%}
.bundle-comparison{margin-top:44px;overflow-x:auto;overscroll-behavior-inline:contain}
.bundle-comparison:focus-visible{outline:3px solid var(--navy);outline-offset:5px}
.bundle-comparison table{width:100%;border-collapse:collapse;min-width:660px;font-size:16px}
.bundle-comparison caption{text-align:left;font-family:var(--display);font-size:23px;letter-spacing:-.035em;margin-bottom:23px}
.bundle-comparison th,.bundle-comparison td{padding:20px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;width:25%}
.bundle-comparison thead th{background:var(--navy);color:var(--cream);font-size:15px;font-weight:500}
.bundle-comparison tbody tr:last-child{font-weight:700;background:rgba(214,158,63,.22)}
.bundle-order-note{font-size:15px;max-width:730px;line-height:1.65;margin-top:24px}
.motion-paused .hero-biscuit img,.hero-out-of-view .hero-biscuit img{animation-play-state:paused}
.motion-paused .hero-biscuit{transition:none}
.motion-paused .biscuit-composition,.motion-paused .photo-hero .hero-art{transition:none}
@media(min-width:761px) and (max-width:1050px){
 .photo-hero .hero-content{max-width:54%}
 .biscuit-composition{top:190px;right:-4%;height:530px;width:57%}
 .bundle-tier{padding:26px 20px}
 .bundle-tier h3{font-size:22px}
 .bundle-tier .button{padding-inline:15px;gap:10px}
}
@media(max-width:760px){
 .photo-hero{min-height:1020px;height:auto;padding:120px 5% 90px;display:flex;flex-direction:column}
 .photo-hero .hero-content{max-width:100%;order:0}
 .photo-hero .hero-art{top:470px;bottom:100px}
 .photo-hero .biscuit-composition{position:relative;top:auto;right:auto;order:1;width:100%;height:410px;margin-top:8px;flex:none}
 .photo-hero .biscuit-control{position:relative;order:2;right:auto;bottom:auto;width:100%;margin:12px 0 15px}
 .hero-delivery{font-size:14px;margin-top:18px;max-width:340px}
 .hero-biscuit{--float-y:18px;--orbit-x:6px}
 .biscuit-chocolate{left:0;top:0;width:58%;height:58%}
 .biscuit-custard{left:48%;top:21%;width:55%;height:55%}
 .biscuit-bourbon{left:-3%;top:50%;width:78%;height:58%}
 .bundle-tiers{grid-template-columns:1fr;gap:22px;margin-top:32px}
 .bundle-tier{padding:28px}
 .bundle-tier h3{min-height:0;font-size:26px}
 .bundle-price{font-size:46px;margin-top:15px}
 .bundle-tier ul{margin:22px 0}
 .bundle-comparison table{font-size:14px}
 .bundle-comparison th,.bundle-comparison td{padding:17px 13px}
 .bundle-comparison caption{font-size:21px}
 .limited-badge{font-size:11px;left:8px;top:8px;padding:5px 9px}
}
@media(prefers-reduced-motion:reduce){.hero-biscuit img{animation:none}.hero-biscuit,.biscuit-composition{transition:none}}