/* Product-led glass heroes. Scrolling preserves normal document behaviour. */
body,button,input,textarea,select{font-family:var(--font-body)}
h1,h2,h3,h4,em,.hero-proof>span{font-family:var(--font-display)}
.brand{background:#fff8fcf0}
.cinema-scroll{position:relative;height:172svh;min-height:1250px;isolation:isolate}
.cinema-stage{height:100svh;min-height:720px;max-height:1100px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 52% 45%,#b66e8a60,transparent 55%),linear-gradient(135deg,#503735,#332321 78%);color:white}
.cinema-glow{position:absolute;left:50%;top:50%;width:70vw;height:70vw;max-width:1050px;max-height:1050px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#f4b6ce6b,transparent 65%);filter:blur(30px);opacity:.9}
.cinema-orbit{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ffffff16,#ffffff00);border:1px solid #ffffff33;box-shadow:inset 0 0 100px #ffffff05}
.orbit-a{width:550px;height:550px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-28deg)}
.orbit-b{width:790px;height:790px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(20deg);opacity:.5}
.cinema-type{position:absolute;inset:0;z-index:3;pointer-events:none}
.cinema-type h1{font-size:clamp(75px,8.5vw,134px);font-weight:400;line-height:.9;letter-spacing:-.055em;text-transform:uppercase}
.cinema-word{position:absolute;display:block;text-shadow:0 2px 25px #50373515}
.word-one{left:0;top:22%;transform:translateX(calc(var(--cinema-progress,0)*-35px))}
.word-two{right:0;top:22%;transform:translateX(calc(var(--cinema-progress,0)*35px))}
.word-three{right:0;bottom:16%;font-size:.86em;transform:translateY(calc(var(--cinema-progress,0)*15px))}
.cinema-object{position:absolute;z-index:2;left:50%;top:48%;height:76%;max-height:760px;width:57%;transform:translate(-50%,-42%) perspective(1200px) translateY(calc(44px - var(--cinema-progress,0)*80px)) rotate(calc(-13deg + var(--cinema-progress,0)*12deg)) scale(calc(.88 + var(--cinema-progress,0)*.15));will-change:transform}
.cinema-object>img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(25px 40px 25px #1d111666)}
.cinema-crumb{position:absolute;object-fit:contain;pointer-events:none;filter:drop-shadow(0 20px 18px #1d111640);z-index:1;opacity:.5}
.dessert-left{width:25%;height:33%;bottom:-10%;left:-8%;transform:rotate(17deg)}
.dessert-right{width:25%;height:30%;right:-9%;top:-6%;transform:rotate(-24deg)}
.cinema-bottom{position:absolute;left:0;right:0;bottom:5%;z-index:5;display:flex;justify-content:space-between;align-items:flex-end;gap:35px}
.cinema-bottom .eyebrow{font-size:8px;margin-bottom:12px;letter-spacing:2px;color:#f4b6ce}
.cinema-bottom p{font-size:11px;max-width:245px;line-height:1.8;margin:0;color:#f8e8ef}
.cinema-cta{display:inline-flex;padding:13px 21px;border-radius:30px;font-size:10px;background:#ffffff12;min-height:45px;align-items:center;white-space:nowrap;color:white}
.cinema-cta:hover{background:#ffffff26}
.cinema-labels{position:absolute;inset:0;z-index:4;pointer-events:none}
.cinema-label{position:absolute;display:flex;align-items:center;gap:0;opacity:var(--label-progress,0);transform:translateY(calc(16px - var(--label-progress,0)*16px))}
.cinema-label>div{padding:15px 18px;border-radius:14px;max-width:205px;background:#503735b3;box-shadow:0 12px 40px #1d111620;border-color:#fff5;backdrop-filter:blur(16px)}
.cinema-label small{font-size:7px;letter-spacing:1.3px;display:block;color:#f4b6ce}
.cinema-label strong{display:block;font-size:9px;letter-spacing:1px;margin-block:5px 8px;font-weight:500}
.cinema-label p{font-size:9px;line-height:1.65;margin:0;color:#f7e8ef}
.spec-line{display:block;width:85px;height:1px;background:#f4b6ceaa;transform-origin:left;transform:scaleX(var(--label-progress,0));position:relative}
.spec-line:after{content:'';position:absolute;right:-3px;top:-2px;width:5px;height:5px;border-radius:50%;background:#f4b6ce}
.spec-1{left:8%;top:45%;flex-direction:row-reverse}.spec-1 .spec-line{transform-origin:right}
.spec-2{right:6%;top:43%}.spec-3{right:8%;top:65%}.spec-3 .spec-line{width:60px}
.cinema-progress{position:absolute;bottom:5.7%;left:50%;height:34px;width:1px;background:#ffffff30}
.cinema-progress i{display:block;width:1px;height:100%;background:white;transform:scaleY(var(--cinema-progress,0));transform-origin:top}
.hero-dark-active .nav-pill{color:white;background:#ffffff0d;border-color:#fff3}
.hero-dark-active .nav-pill a[aria-current]{background:#ffffff1c}
.hero-dark-active .icon-btn{background:#50373555;border-color:#fff6;color:white}
.hero-dark-active .mobile-toggle span{background:white}
.hero-dark-active .icon-btn [data-count]{background:var(--pink);color:var(--cocoa)}
.page-menu .menu-section{padding-top:65px}
.recipe-cinema .cinema-stage{color:var(--cocoa);background:radial-gradient(ellipse at 45% 45%,#fff9,transparent 65%),linear-gradient(135deg,#efdcdf,#f4b6ceaa)}
.recipe-cinema .cinema-glow{background:radial-gradient(ellipse,#fff,transparent 70%);filter:blur(15px)}
.recipe-cinema .cinema-orbit{border-color:#ffffffc0;background:#ffffff18}
.recipe-cinema .cinema-type h1{font-size:clamp(70px,7.8vw,124px)}
.recipe-cinema .word-two{top:24%;font-size:.76em}
.recipe-cinema .word-three{right:4%;bottom:18%;font-size:1em}
.recipe-cinema .cinema-object{height:68%;top:50%;width:61%;transform:translate(-50%,-45%) perspective(1200px) translateY(calc(40px - var(--cinema-progress,0)*70px)) rotate(calc(12deg - var(--cinema-progress,0)*16deg)) scale(calc(.84 + var(--cinema-progress,0)*.18))}
.recipe-cinema .cinema-object img{filter:drop-shadow(20px 30px 25px #50373530)}
.recipe-cinema .cinema-bottom p{color:var(--cocoa)}
.recipe-cinema .cinema-bottom .eyebrow{color:#765259}
.recipe-cinema .cinema-cta{color:var(--cocoa);background:#ffffff60}
.recipe-cinema .cinema-label>div{background:#ffffffc9;border-color:#ffffffdb}
.recipe-cinema .cinema-label strong,.recipe-cinema .cinema-label p{color:var(--cocoa)}
.recipe-cinema .cinema-label small{color:#855971}
.recipe-cinema .spec-line,.recipe-cinema .spec-line:after{background:#8f5b74}
.recipe-cinema .spec-1{top:45%;left:6%}.recipe-cinema .spec-2{top:40%;right:5%}.recipe-cinema .spec-3{top:66%;right:7%}
.recipe-cinema .dessert-right{width:38%;right:-15%;top:-3%;opacity:.55}
.page-recipes .recipe-catalogue{padding-top:60px}
.delivery-row{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:0 0 18px;color:var(--muted)}
.order-total{display:flex;justify-content:space-between;gap:20px;font-size:17px;padding:19px 0 25px;border-top:1px solid var(--line)}
.gift-front img{width:190px;padding:10px 14px;border-radius:12px;background:#fff8fc;box-shadow:0 3px 10px #50373512}
.gift-front:before{left:8%;width:7%}
.lid-top span{backface-visibility:hidden}
.gift-pastry{position:absolute;left:50%;top:50%;width:245px;height:245px;transform:translate(-50%,-50%) translateY(-15px) translateZ(15px) scale(.65);opacity:0;transition:transform 1s var(--ease),opacity .45s;pointer-events:none;transform-style:preserve-3d;backface-visibility:visible}
.gift-pastry img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 12px 10px #50373530)}
[data-open=true] .gift-pastry{opacity:1;transform:translate(-50%,-50%) translateY(-135px) translateZ(35px) scale(1.03)}
.sloth-apron{font-size:0}.sloth-apron img{width:110px;background:#fff8fc;border-radius:10px;padding:10px 8px;box-shadow:0 2px 6px #50373512}
@media(min-width:601px) and (max-width:1000px){.cinema-type h1{font-size:78px}.word-two{top:25%}.cinema-object{width:78%;height:70%}.cinema-label>div{max-width:165px;padding:12px}.spec-line{width:30px}.spec-1{left:3%}.spec-2{right:3%}.spec-3{right:4%}.recipe-cinema .cinema-type h1{font-size:75px}}
@media(max-width:600px){
.cinema-scroll{height:155svh;min-height:1100px}.cinema-stage{height:100svh;min-height:740px;max-height:950px}
.cinema-type h1{font-size:61px;letter-spacing:-.065em}.word-one{top:19%;left:0}.word-two{top:28%;right:0;font-size:.94em}.word-three{font-size:.79em;bottom:20%;right:0}
.cinema-object{height:61%;width:110%;top:48%;transform:translate(-50%,-42%) translateY(calc(35px - var(--cinema-progress,0)*60px)) rotate(calc(-12deg + var(--cinema-progress,0)*12deg)) scale(calc(.87 + var(--cinema-progress,0)*.13))}
.orbit-a{width:320px;height:420px;top:47%}.orbit-b{width:510px;height:590px;top:47%}
.cinema-bottom{bottom:4%;gap:17px;align-items:flex-end}.cinema-bottom p{font-size:9px;line-height:1.8;max-width:175px}.cinema-bottom .eyebrow{font-size:6px;letter-spacing:1.2px}
.cinema-cta{font-size:8px;min-height:40px;padding:10px 13px}.cinema-progress{display:none}
.cinema-label>div{max-width:122px;padding:10px 11px;border-radius:12px}.cinema-label small{font-size:6px}.cinema-label strong{font-size:7px;letter-spacing:.5px;margin-block:4px}.cinema-label p{font-size:7px;line-height:1.7}
.spec-1{top:43%;left:3%}.spec-2{top:49%;right:3%}.spec-3{top:67%;right:4%}.spec-line{width:12px}.spec-3 .spec-line{width:10px}
.dessert-left{width:47%;left:-22%;bottom:-7%;height:28%;opacity:.4}.dessert-right{width:43%;right:-23%;top:-2%;height:25%;opacity:.4}
.recipe-cinema .cinema-type h1{font-size:58px}.recipe-cinema .word-one{top:19%;font-size:1.18em}.recipe-cinema .word-two{top:31%;right:0;font-size:.64em}.recipe-cinema .word-three{bottom:20%;font-size:1.1em}
.recipe-cinema .cinema-object{height:55%;width:112%;top:50%}.recipe-cinema .spec-1{top:44%;left:3%}.recipe-cinema .spec-2{top:52%;right:3%}.recipe-cinema .spec-3{top:68%;right:5%}.recipe-cinema .dessert-right{width:65%;right:-32%;height:30%}
.page-menu .menu-section,.page-recipes .recipe-catalogue{padding-top:40px}.gift-pastry{width:235px;height:235px}.order-total{font-size:16px}.delivery-row{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.cinema-scroll{height:auto!important;min-height:0}.cinema-stage{position:relative}.cinema-object,.recipe-cinema .cinema-object{transform:translate(-50%,-43%) rotate(0)!important}.cinema-label{opacity:1;transform:none}.spec-line{transform:none}.cinema-word{transform:none!important}.cinema-progress{display:none}.gift-pastry{transition:none!important}}