/* Three.js scene overrides the old photographic atlas. */
.hero-scroll{height:1900px}.hero-sticky{height:850px;min-height:720px}.burger-stage{width:min(850px,76vw);height:570px;top:228px;left:50%;margin:0;translate:-50% 0;pointer-events:auto;z-index:3;transform-origin:center;will-change:transform;touch-action:pan-y;cursor:grab;outline-offset:-35px}.burger-stage.dragging{cursor:grabbing}.burger-stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0;outline:none}.burger-fallback{position:absolute;width:330px;height:350px;top:55px;left:50%;transform:translateX(-50%);border-radius:45%;background-image:url('burger-triptych.png');background-size:300% auto;background-position:0 50%}.webgl-ready .burger-fallback{display:none}.hero-note{top:49%;z-index:4}.hero-stamp{top:40%;right:7%;pointer-events:none}.ingredient-note{top:65%;right:7%;pointer-events:none}.hero-bottom{bottom:24px}.scroll-label{top:29%;left:5%;font-size:73px;width:24%;z-index:1}.scene-controls{display:flex;align-items:center;justify-content:center;gap:4px;position:absolute;bottom:93px;left:50%;transform:translateX(-50%);z-index:8;padding:5px;background:#f5f0e5e8;border:1px solid #253d2c30;border-radius:40px;backdrop-filter:blur(10px)}.scene-controls button{font-size:10px;font-weight:700;border:0;border-radius:25px;padding:10px 14px;background:transparent;white-space:nowrap}.scene-controls button:first-child{background:var(--ink);color:var(--cream)}.scene-controls button:disabled{opacity:.5}.scene-instruction{position:absolute;left:50%;bottom:145px;transform:translateX(-50%);font-size:8px;letter-spacing:1px;text-transform:uppercase;z-index:5;white-space:nowrap;pointer-events:none;color:#5f695b}.scene-readout{position:absolute;right:6%;top:54%;width:185px;z-index:4;opacity:0;pointer-events:none}.scene-readout>span{font-size:9px;font-weight:700;letter-spacing:2px}.scene-readout strong{font:700 31px/.95 var(--display);display:block;margin:15px 0}.scene-meter-track{height:2px;background:#253d2c22;margin:17px 0}.scene-meter-track>span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--orange)}.scene-readout p{font-size:10px;line-height:1.7}.hero-scroll:has(.webgl-ready) .scroll-hint{max-width:260px}.scene-instruction span{display:inline-block;margin-right:8px;font-size:16px}.hero-sticky:after{content:'';position:absolute;left:50%;top:46%;width:450px;height:450px;border:1px solid #253d2c0b;border-radius:50%;transform:translate(-50%,-10%);pointer-events:none;z-index:-1}
@media(min-width:1600px){.burger-stage{width:900px;height:600px;top:215px}.hero-scroll{height:2000px}}
@media(max-width:1000px){.burger-stage{width:760px;max-width:90vw;height:560px;top:205px}.hero-stamp{right:4%}.hero-note{max-width:170px}.scroll-label{font-size:52px;width:25%}.scene-readout{right:3%;width:145px}.scene-readout strong{font-size:25px}}
@media(max-width:700px){.hero-scroll{height:1450px}.hero-sticky{height:780px;min-height:670px;max-height:100svh}.burger-stage{width:100%;max-width:none;height:490px;top:180px;left:50%;margin:0}.hero-sticky:after{width:280px;height:280px;top:33%}.hero-note{display:none}.hero-stamp{width:86px;height:86px;top:31%;right:5%;z-index:4}.hero-stamp strong{font-size:20px}.hero-stamp span{font-size:4.5px}.hero-bottom{bottom:20px}.scene-controls{bottom:98px}.scene-instruction{bottom:147px;font-size:7px}.scroll-label{left:6%;top:11%;bottom:auto;width:88%;text-align:left;font-size:38px;line-height:.9;z-index:2}.scene-readout{top:auto;bottom:164px;right:6%;width:130px}.scene-readout>span{font-size:7px}.scene-readout strong{font-size:19px;margin:6px 0}.scene-readout p{display:none}.scene-meter-track{margin:9px 0}.scene-instruction{left:6%;transform:none;bottom:179px;max-width:100px;white-space:normal;line-height:1.6}.scene-instruction span{display:block;font-size:23px}.burger-fallback{width:260px;height:275px;top:80px}.hero-coordinate{display:none}}
@media(max-width:380px){.burger-stage{width:100%;height:440px;top:170px;left:50%;margin:0}.hero-stamp{width:73px;height:73px;right:3%;top:31%}.hero-stamp strong{font-size:17px}.hero-stamp span{font-size:4px}.scroll-label{font-size:32px}.scene-readout{width:115px}.scene-instruction{font-size:6px}.hero-bottom .button{font-size:10px;gap:15px}.hero-bottom .scroll-hint{font-size:6px}.scene-controls button{font-size:9px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:auto}.burger-stage{will-change:auto}.scene-instruction{display:none}}
.burger-stage::after{content:"";position:absolute;top:81%;left:27%;width:46%;height:5%;background:radial-gradient(ellipse,#253d2c28,transparent 70%);filter:blur(6px);opacity:var(--shadow-opacity,1);pointer-events:none;z-index:-1}.scroll-label em{font-style:normal}.hero-sticky:after{display:none}
@media(max-width:700px){.hero-sticky{height:720px;min-height:640px}.burger-stage{top:125px}.scroll-label{top:3%;font-size:30px}}@media(max-width:380px){.burger-stage{top:120px}}
.burger-stage{cursor:default;will-change:auto;transform:none!important}.burger-fallback{width:85%;height:100%;top:0;border-radius:0;background-image:url("burger-studio.png");background-size:contain;background-repeat:no-repeat;background-position:center}.scene-instruction span{display:none}.burger-stage::after{opacity:.65;top:81%}.scene-controls button{min-height:36px}.scroll-label{font-size:62px}@media(max-width:700px){.scroll-label{font-size:29px}.scene-instruction{left:50%;bottom:151px;transform:translateX(-50%);max-width:none;white-space:nowrap;text-align:center}}
.scene-instruction{display:none}

@media(min-width:701px) and (max-height:850px){.burger-stage{top:185px;height:490px;width:min(740px,70vw)}.hero-sticky{min-height:620px;height:calc(100svh - 88px)}.scene-controls{bottom:57px}.hero-bottom{bottom:12px}.ingredient-note{top:63%}}
@media(min-width:701px){.scene-controls{left:auto;right:5%;bottom:125px;transform:none}.hero-bottom .button{position:absolute;right:0;bottom:0}.hero-coordinate{display:none}.scene-readout{top:40%}}
@media(min-width:701px) and (max-height:850px){#hero-title{font-size:clamp(66px,7.3vw,106px)}.burger-stage{top:170px}.scene-controls{bottom:100px}}
@media(min-width:701px) and (max-height:850px){.burger-stage{top:190px}}
@media(max-width:700px){.burger-stage::after{top:65%}.scroll-label{width:48%}.scene-readout{top:5%;bottom:auto;right:6%;width:125px}.scene-readout strong{font-size:20px}}
.experiment-badge{position:fixed;left:16px;bottom:14px;z-index:100;background:#253d2c;color:#f5f0e5;border:1px solid #f5f0e5;padding:10px 14px;border-radius:30px;font:600 10px/1.3 sans-serif;box-shadow:0 3px 15px #0002}
.experiment-controls{position:fixed;bottom:57px;left:16px;z-index:100;display:flex;flex-direction:column;gap:10px;padding:13px;background:#f5f0e5f5;border:1px solid #253d2c40;border-radius:14px;color:#253d2c;font:600 11px sans-serif;box-shadow:0 3px 15px #0001}.experiment-controls label{display:flex;align-items:center;gap:10px}.experiment-controls input{accent-color:#e94c27}.experiment-controls input[type=range]{width:140px}
/* Test controls are not part of the public hero. */
.scene-controls[hidden]{display:none!important}
/* Static render of the current assembled scene, with matching orthographic scale. */
.burger-fallback{width:100%;height:100%;top:0;left:0;transform:none;background-image:url('burger-assembled-fallback.webp');background-size:100% auto;background-position:center;background-repeat:no-repeat}
@media(max-width:599px){.burger-fallback{background-size:120.689655% auto}}
@media(min-width:700px) and (max-width:789px){.burger-fallback{background-size:120.689655% auto}}


/* More room to reveal the burger, without intercepting native scrolling. */
@media(prefers-reduced-motion:no-preference){.hero-scroll{height:2150px}}
@media(min-width:1600px) and (prefers-reduced-motion:no-preference){.hero-scroll{height:2250px}}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){.hero-scroll{height:1630px}}