/* Static assembled composition is the default, including without JavaScript. */
.burger-scene{position:relative;background:var(--bg)}
.burger-stage{position:relative;isolation:isolate;min-height:800px;height:100svh;overflow:hidden;display:grid;grid-template-columns:44% 56%;align-items:center;padding:6%;background:radial-gradient(ellipse at 74% 48%,#68307930,transparent 55%),radial-gradient(ellipse at 70% 84%,#a8672420,transparent 42%)}
.burger-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--bg),transparent 18%,transparent 80%,var(--bg)),linear-gradient(90deg,#100d1370,transparent 65%),url('assets/burger-background.png') center/cover no-repeat}
.burger-copy{position:relative;z-index:8;align-self:center;pointer-events:none}
.burger-copy .eyebrow{font-size:11px;letter-spacing:.2em;color:#bba9c6;margin-bottom:26px}
.burger-copy h2{font-size:clamp(48px,5.5vw,100px);line-height:1.06;letter-spacing:-.035em;margin-bottom:26px}
.burger-copy>p:last-child{font-size:clamp(17px,1.55vw,26px);line-height:1.6;color:#dbd0df}
.burger-art{position:absolute;left:44%;top:0;width:56%;height:100%;--piece:clamp(280px,min(36vw,49svh),580px);--table-contact:86%}
/* Five lossless cutouts of the approved reference, in source coordinates. */
.sandwich-stack{position:absolute;left:50%;top:var(--table-contact);width:var(--piece);aspect-ratio:1312 / 1199;transform:translate(-50%,-100%);pointer-events:none;isolation:isolate}
.sandwich-stack .sandwich-layer{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:fill;transform:none;opacity:1;filter:none;user-select:none;-webkit-user-drag:none}
.sandwich-bottom-bread{z-index:1}
.sandwich-chicken{z-index:2}
.sandwich-tomato{z-index:3}
.sandwich-lettuce{z-index:4}
.sandwich-top-bread{z-index:5}
.burger-scene.is-animated .sandwich-layer{will-change:transform}
.burger-shadow{position:absolute;left:50%;top:var(--table-contact);width:calc(var(--piece)*.88);height:calc(var(--piece)*.065);border-radius:50%;background:#090401c9;filter:blur(8px);transform:translate(-50%,-45%)}
.burger-caption{position:absolute;bottom:8%;left:6%;right:6%;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#b6aaba;letter-spacing:.02em}
.scroll-cue{display:grid;place-items:center;width:44px;height:44px}
.scroll-cue svg{animation:scroll-hint 2.4s ease-in-out infinite}
@keyframes scroll-hint{0%,100%{transform:translateY(-3px);opacity:.55}50%{transform:translateY(4px);opacity:1}}
.burger-slogan{font-size:18px;letter-spacing:.025em;color:var(--text)}
.burger-scene.is-animated{height:auto;min-height:0}
.is-animated .burger-stage{position:relative;top:auto}
.is-animated .scroll-cue{display:grid}
@media(max-width:700px){
  .burger-stage{min-height:760px;grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:85px 22px 65px;align-items:start}
  .burger-copy{text-align:center;align-self:start}
  .burger-copy .eyebrow{font-size:9px;margin:0 0 20px}
  .burger-copy h2{font-size:clamp(40px,11vw,62px);margin-bottom:18px}
  .burger-copy>p:last-child{font-size:16px;max-width:290px;margin:0 auto}
  .desktop-break{display:none}
  .burger-art{left:0;top:0;width:100%;height:100%;--piece:clamp(215px,68vw,340px);--table-contact:83%}
  .burger-caption{bottom:32px;left:22px;right:22px;flex-direction:column;text-align:center;gap:12px;font-size:11px}
  .burger-slogan{font-size:14px}
  .burger-scene.is-animated{height:auto;min-height:0}
  .is-animated .burger-stage{position:relative;top:auto}
}
@media(prefers-reduced-motion:reduce){.burger-scene.is-animated{height:auto;min-height:0}.is-animated .burger-stage{position:relative}.scroll-cue svg{animation:none}}



@media(prefers-reduced-motion:reduce){.sandwich-stack .sandwich-layer{transform:none!important;will-change:auto}}
