.hero-interactive-model{position:absolute;inset:0 0 65px;z-index:5;touch-action:pan-y;cursor:grab;outline-offset:-4px}.hero-interactive-model:active{cursor:grabbing}.hero-interactive-model canvas{width:100%;height:100%;display:block}.has-interactive-model .product-tilt{visibility:hidden!important;pointer-events:none}.hero-rotate-hint{position:absolute;bottom:40px;left:0;width:100%;text-align:center;color:#f1dbba;font-size:11px;pointer-events:none}.hero-spin-toggle{position:absolute;bottom:0;left:calc(50% - 150px);z-index:8;background:#f5e3c5;color:#432a15;border:1px solid #b89a6e;border-radius:24px;padding:12px 16px;min-height:44px;font-size:11px;cursor:pointer}.has-interactive-model .hero-model-preview{left:calc(50% + 50px)}.hero-spin-toggle:disabled{opacity:.6}.hero-interactive-model:focus-visible{outline:2px solid #f4d7ac}.prep-navigation{position:relative;z-index:2}.prep-play{touch-action:manipulation}
@media(max-width:760px){html,body{max-width:100%;overflow-x:clip}.nav{padding:12px 16px!important;gap:12px;flex-wrap:wrap;height:auto!important}.nav .brand strong{font-size:23px}.navlinks{display:flex!important;flex-wrap:nowrap;overflow-x:auto;max-width:100%;width:100%;gap:20px!important;padding:5px 0;scrollbar-width:thin}.navlinks>*{flex-shrink:0}.navlinks a{display:block!important}.stage{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column;padding:35px 20px 26px!important;gap:24px;margin:130px 12px 12px!important;border-radius:28px!important}.stage-left{position:relative!important;inset:auto!important;width:100%!important}.stage-left h1{font-size:clamp(32px,8vw,44px)!important}.product-orbit{position:relative!important;inset:auto!important;width:100%!important;height:390px!important;flex:none!important}.hero-interactive-model{inset:0 0 76px}.hero-rotate-hint{bottom:50px;font-size:10px}.hero-spin-toggle{left:calc(50% - 143px);bottom:0}.has-interactive-model .hero-model-preview{left:calc(50% + 48px);bottom:0}.stage-right{position:relative!important;inset:auto!important;width:100%!important;gap:0 14px!important}.stage-bottom{position:relative!important;inset:auto!important;width:100%!important;display:flex!important;flex-direction:column;gap:18px;align-items:flex-start!important;padding-top:20px}.stage-controls{display:flex;gap:12px;flex-wrap:wrap}.stage-controls #motion-toggle{position:static!important;transform:none!important}.stage-type{display:none}.prep-header{display:block!important}.prep-header h2{font-size:clamp(26px,7vw,38px)!important}.prep-label{display:block;text-align:left!important;margin-top:16px}.prep-slide-track .prep-scene{height:52svh!important;min-height:320px!important}.prep-navigation{padding-bottom:12px}.model-layout{display:flex!important;flex-direction:column!important}.model-canvas{height:340px!important;min-height:280px!important}.model-description{padding:24px!important;min-width:0}.model-buttons{flex-wrap:wrap}#model-dialog{width:calc(100% - 20px)!important;max-width:100%!important;max-height:92dvh!important;overflow:auto}.model-reference img{max-width:100%}.menu-grid,.instagram-grid{grid-template-columns:1fr!important}.bakery-enquiry{padding:30px 16px!important}input,select,textarea{font-size:16px!important}button,a{touch-action:manipulation}}
@media(max-width:380px){.product-orbit{height:330px!important}.hero-model-preview{font-size:9px!important;padding:12px!important}.hero-spin-toggle{font-size:10px;padding:12px;left:calc(50% - 132px)}.prep-chapters{flex-wrap:wrap}.prep-navigation button{padding:10px 12px}}

.stage-cake{pointer-events:auto!important;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-drag:none}.stage-cake:active{cursor:grabbing}.stage-cake:focus-visible{outline:2px solid #f3d5ac;outline-offset:-12px}.product-tilt,.product-float{pointer-events:auto!important}.hero-rotate-hint{bottom:48px}.hero-model-preview{left:50%!important}.product-orbit .product-tilt{inset:0 0 80px!important;height:calc(100% - 80px)!important}

/* A contained photo turn: no perspective magnification or edge-on frames. */
.product-orbit{perspective:none!important;overflow:visible!important}.product-tilt{perspective:none!important;transform-style:flat!important;position:relative!important;display:flex!important;align-items:center;justify-content:center;overflow:visible!important}.product-float{width:82%!important;height:82%!important;max-width:100%;max-height:100%;flex:none;transform-origin:50% 50%;transform-style:flat!important;overflow:visible!important}.stage-cake{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}.product-orbit .product-tilt{inset:auto!important;height:calc(100% - 80px)!important;width:100%!important}.stage-shadow{pointer-events:none}
@media(max-width:760px){.product-float{width:90%!important;height:90%!important}.product-orbit{height:390px!important}.hero-rotate-hint{bottom:50px}}
/* Rotate original photos automatically; controls pause the same local photo. */
.photo-auto-turn .cinema-image img{animation:original-photo-turn 18s ease-in-out infinite!important;transform-origin:center;will-change:transform}.photo-auto-turn.photo-turn-paused .cinema-image img,.photo-auto-turn.photo-turn-outside .cinema-image img{animation-play-state:paused!important}.cinema-rotate{pointer-events:auto!important;position:relative;z-index:8;min-height:44px;cursor:pointer}html[data-motion=off] .photo-auto-turn .cinema-image img{animation:none!important}@keyframes original-photo-turn{0%,100%{transform:scale(1.03) rotate(-1.5deg)}50%{transform:scale(1.03) rotate(1.5deg)}}

/* Client release: automatic original photography and a flow-based CTA. */
html[data-motion=on] .product-float{animation:whole-cake-turn 16s ease-in-out infinite!important;will-change:transform}
html[data-motion=on] .photo-auto-turn .cinema-image img{animation:collection-cake-turn 18s ease-in-out infinite!important}
html[data-motion=on] .menu-picture img,html[data-motion=on] .signature-media img{animation:menu-cake-turn 18s ease-in-out infinite!important}
@keyframes whole-cake-turn{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes collection-cake-turn{0%,100%{transform:scale(1.07) rotate(-3deg)}50%{transform:scale(1.07) rotate(3deg)}}
@keyframes menu-cake-turn{0%,100%{transform:scale(.95) rotate(-2deg)}50%{transform:scale(.95) rotate(2deg)}}
html[data-motion=off] .product-float,html[data-motion=off] .photo-auto-turn .cinema-image img,html[data-motion=off] .menu-picture img,html[data-motion=off] .signature-media img{animation:none!important}
.stage-cta{position:relative!important;inset:auto!important;transform:none!important;z-index:9;pointer-events:auto!important}
.product-orbit{pointer-events:none!important}.stage-cake,.product-float,.product-tilt{pointer-events:none!important;cursor:default!important}
@media(max-width:760px){.stage-left{display:flex;flex-direction:column;align-items:center}.stage-left .stage-cta{align-self:center;flex:none;margin:18px 0 0!important}.stage-left .stage-secondary{position:static!important;margin:16px 0 0!important}.product-orbit{margin:0!important;height:340px!important}.stage-right{margin:0!important}.product-orbit .product-tilt{height:100%!important}.product-float{width:82%!important;height:82%!important}.stage-bottom{margin:0!important}.cinema-copy a{display:inline-flex;align-items:center;min-height:44px;position:relative;z-index:8}.menu-picture img{object-fit:contain}}

.model-canvas{touch-action:none;cursor:grab}.model-canvas:active{cursor:grabbing}.view-model{min-height:44px;touch-action:manipulation}.model-close{min-width:44px;min-height:44px;z-index:5}.model-buttons button,#model-enquire{min-height:44px}