/* v0.8.5 critical first-paint gate: never expose raw/unpositioned hero content. */
.beh{--beh-css-ready:1}
.beh.beh--booting{overflow:hidden!important}
.beh.beh--booting>*{visibility:hidden!important}
.beh.beh--ready>*{visibility:visible!important}
.beh.beh--ready{animation:behReadyReveal .34s ease both}
@keyframes behReadyReveal{from{opacity:.72}to{opacity:1}}

.beh{--beh-ease:cubic-bezier(.16,.84,.24,1);--beh-main-scale:1;--beh-main-x:0%;--beh-main-y:0%;--beh-preview-scale:.5;--beh-preview-x:0%;--beh-preview-y:0%;--beh-preview-opacity:.34;--beh-smoke-opacity:.52;position:relative;left:50%;width:100vw;max-width:none;height:var(--beh-height);min-height:680px;margin:0 0 0 -50vw!important;overflow:hidden;border-radius:0!important;color:var(--beh-text)!important;background:linear-gradient(118deg,var(--beh-bg-start),var(--beh-bg-end));font-family:Inter,Arial,sans-serif!important;isolation:isolate;box-shadow:none!important;transition:background 2.2s var(--beh-ease),color 1.4s ease}
.beh,.beh *{box-sizing:border-box;font-family:Inter,Arial,sans-serif!important}.beh h2,.beh h3,.beh p,.beh a,.beh button,.beh span,.beh em,.beh b{color:inherit}.beh button{appearance:none;-webkit-appearance:none;box-shadow:none!important;text-transform:none!important}
.beh__ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.beh__ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,5,2,.30) 0%,rgba(11,5,2,.08) 42%,rgba(5,3,2,.12) 75%,rgba(0,0,0,.31) 100%);z-index:2}.beh__glow{position:absolute;border-radius:50%;filter:blur(105px);opacity:.34;transition:transform 2.2s var(--beh-ease),background 2.2s ease,opacity 1.4s ease}.beh__glow--a{width:48%;height:72%;left:40%;top:8%;background:var(--beh-accent)}.beh__glow--b{width:33%;height:48%;right:-7%;bottom:-12%;background:#fff;opacity:.055}
.beh__floor{position:absolute;z-index:1;left:24%;right:-5%;bottom:-15%;height:54%;transform:perspective(900px) rotateX(61deg);transform-origin:center bottom;background:radial-gradient(ellipse at 55% 20%,rgba(255,255,255,.08),transparent 33%),linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.20) 70%,rgba(0,0,0,.39));filter:blur(.2px);opacity:.72}.beh__floor:after{content:"";position:absolute;left:22%;right:4%;top:10%;height:46%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.32),transparent 68%);filter:blur(16px)}
.beh__floor-crumbs{position:absolute;inset:0;z-index:3}.beh__floor-crumb{position:absolute;width:var(--cw);height:var(--ch);border-radius:var(--cr);background:var(--cc);opacity:var(--co);filter:blur(var(--cb));transform:rotate(var(--crot));box-shadow:0 2px 4px rgba(0,0,0,.16)}
.beh__copy{position:absolute;z-index:8;left:6.5vw;top:50%;transform:translateY(-50%);width:min(35vw,610px);transition:opacity .58s ease,transform .85s var(--beh-ease)}.beh.is-copy-out .beh__copy,.beh.is-copy-out .beh__details{opacity:0;transform:translateY(calc(-50% - 20px))}.beh__progress{display:flex;align-items:center;gap:30px;margin-bottom:30px}.beh__count{font-size:12px;letter-spacing:.22em;font-weight:500}.beh__count b{font-weight:750}.beh__count span{opacity:.52}.beh__dots{display:flex;gap:8px;align-items:center}.beh__dot{width:6px;height:6px;padding:0!important;border:0!important;border-radius:99px!important;background:currentColor!important;opacity:.24;cursor:pointer;transition:width .45s var(--beh-ease),opacity .3s,background .3s}.beh__dot.is-active{width:28px;opacity:1;background:var(--beh-accent)!important}
.beh__headline{font-family:Inter,Arial,sans-serif!important;color:inherit!important;font-weight:350!important;font-size:clamp(56px,5.25vw,96px)!important;line-height:.93!important;letter-spacing:-.065em!important;margin:0 0 28px!important;max-width:680px!important;text-wrap:balance}.beh__headline mark{font:inherit!important;background:none!important;color:var(--beh-accent)!important}.beh__body{max-width:510px;font-size:15px!important;line-height:1.72!important;font-weight:400;opacity:.80;margin:0 0 29px!important}.beh__cta{display:inline-flex;align-items:center;gap:16px;padding:14px 22px!important;border:1px solid color-mix(in srgb,var(--beh-accent) 75%,transparent)!important;border-radius:999px!important;color:inherit!important;text-decoration:none!important;font-size:12px!important;font-weight:500;background:color-mix(in srgb,var(--beh-accent) 11%,transparent)!important;backdrop-filter:blur(12px);transition:transform .3s ease,background .3s}.beh__cta:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--beh-accent) 21%,transparent)!important}.beh__cta i{font-style:normal;font-size:17px}.beh__scroll{position:absolute;left:0;top:calc(100% + 78px);display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:.16em;text-transform:uppercase;opacity:.48}.beh__scroll span{display:grid;place-items:center;width:27px;height:27px;border:1px solid currentColor;border-radius:50%;font-size:12px}.beh__scroll em{font-style:normal}
.beh__stage{position:absolute;inset:0;z-index:5;pointer-events:none}.beh__dish{position:absolute;left:39%;top:17%;width:49%;height:70%;object-fit:contain;transform-origin:center center;user-select:none;-webkit-user-drag:none;will-change:transform,opacity,filter}.beh__dish-shadow{position:absolute;left:43%;top:70%;width:41%;height:14%;border-radius:50%;background:rgba(0,0,0,.30);filter:blur(25px);opacity:.62;transform:perspective(700px) rotateX(68deg)}.beh__dish--main{z-index:2;filter:drop-shadow(0 30px 30px rgba(9,4,2,.25));transform:translate3d(var(--beh-main-x),var(--beh-main-y),0) scale(var(--beh-main-scale));opacity:1;transition:transform 2.15s var(--beh-ease),opacity 1.15s ease,filter 1.35s ease}.beh__dish--incoming{z-index:1;transform:translate3d(calc(var(--beh-preview-x) + 49%),calc(var(--beh-preview-y) - 56%),0) scale(var(--beh-preview-scale)) rotate(2deg);opacity:var(--beh-preview-opacity);filter:blur(4.5px) brightness(.82) saturate(.92) drop-shadow(0 18px 24px rgba(0,0,0,.19));transition:transform 2.15s var(--beh-ease),opacity 1.25s ease,filter 1.25s ease}.beh.is-transitioning .beh__dish--main{transform:translate3d(calc(var(--beh-main-x) - 7%),calc(var(--beh-main-y) + 57%),0) scale(calc(var(--beh-main-scale) * 1.08));opacity:0;filter:blur(2.4px) drop-shadow(0 22px 28px rgba(0,0,0,.16))}.beh.is-transitioning .beh__dish--incoming{z-index:3;transform:translate3d(var(--beh-target-x),var(--beh-target-y),0) scale(var(--beh-target-scale)) rotate(0);opacity:1;filter:blur(0) brightness(1) saturate(1) drop-shadow(0 30px 30px rgba(9,4,2,.25))}.beh.is-commit .beh__dish{transition:none!important}
.beh__details{position:absolute;z-index:9;right:5.2vw;top:50%;transform:translateY(-50%);width:min(18vw,285px);padding-top:8px;transition:opacity .58s ease,transform .85s var(--beh-ease)}.beh__eyebrow{margin:0 0 13px!important;color:var(--beh-accent)!important;font-size:10px!important;line-height:1.3!important;letter-spacing:.22em!important;font-weight:700!important;text-transform:uppercase}.beh__title{font-family:Inter,Arial,sans-serif!important;color:inherit!important;font-size:clamp(25px,2vw,38px)!important;font-weight:420!important;line-height:1.05!important;letter-spacing:-.035em!important;margin:0 0 17px!important}.beh__rule{display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--beh-accent),transparent);opacity:.48;margin-bottom:17px}.beh__description{font-size:12px!important;line-height:1.66!important;font-weight:400!important;opacity:.72;margin:0 0 19px!important}.beh__details-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.beh__details-link{color:inherit!important;text-decoration:none!important;font-size:11px!important;opacity:.86}.beh__details-link span{color:var(--beh-accent)!important}.beh__next{display:flex!important;align-items:center!important;gap:10px!important;background:transparent!important;border:0!important;color:inherit!important;padding:0!important;cursor:pointer;font-size:10px!important;line-height:1!important}.beh__next b{display:grid;place-items:center;width:31px;height:31px;border:1px solid color-mix(in srgb,var(--beh-accent) 62%,transparent);border-radius:50%;font-size:13px;font-weight:400;background:transparent!important}
.beh__selector{position:absolute;z-index:11;left:50%;bottom:4.6%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(16,8,5,.22);backdrop-filter:blur(12px);box-shadow:0 10px 26px rgba(0,0,0,.13)}.beh__thumb{position:relative;width:30px;height:30px;border:0!important;padding:0!important;border-radius:50%!important;background:transparent!important;cursor:pointer;opacity:.42;transition:opacity .28s,transform .38s var(--beh-ease)}.beh__thumb img{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block}.beh__thumb:before{content:"";position:absolute;inset:-3px;border:1px solid transparent;border-radius:50%;transition:border-color .28s}.beh__thumb.is-active{opacity:1;transform:scale(1.05)}.beh__thumb.is-active:before{border-color:var(--beh-accent)}
.beh__particles{position:absolute;inset:0;z-index:6}.beh__particle{position:absolute;width:var(--w);height:var(--h);border-radius:var(--r);background:var(--pc);opacity:var(--o);filter:blur(var(--b));animation:behFall var(--d) linear infinite;animation-delay:var(--delay)}@keyframes behFall{0%{transform:translate3d(0,-5vh,0) rotate(0deg);opacity:0}10%{opacity:var(--o)}75%{opacity:calc(var(--o) * .76)}100%{transform:translate3d(var(--drift),92vh,0) rotate(var(--rot));opacity:0}}
@media(prefers-reduced-motion:reduce){.beh,.beh *{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* === v0.6.0 / PHASE 1: approved-reference stage geometry === */
@media (min-width:1101px){
  .beh{
    left:50%!important;
    width:100vw!important;
    max-width:none!important;
    min-height:860px!important;
    height:clamp(860px,var(--beh-height),980px)!important;
    margin-left:-50vw!important;
    margin-right:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .beh__copy{
    left:6.7vw!important;
    top:14.2%!important;
    transform:none!important;
    width:33.4vw!important;
    max-width:570px!important;
  }
  .beh.is-copy-out .beh__copy{transform:translateY(-18px)!important}
  .beh__progress{margin-bottom:3.9vh!important;gap:28px!important}
  .beh__headline{
    max-width:610px!important;
    font-size:clamp(58px,5.15vw,88px)!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
    font-weight:350!important;
    margin-bottom:3.4vh!important;
  }
  .beh__body{max-width:470px!important;font-size:14px!important;line-height:1.68!important;margin-bottom:3.1vh!important}
  .beh__scroll{top:auto!important;bottom:-24vh!important}

  .beh__stage{inset:0!important}
  .beh__dish--main{
    left:29.6vw!important;
    top:30.5%!important;
    width:55.5vw!important;
    height:60.5%!important;
    object-fit:contain!important;
  }
  .beh__dish--incoming{
    left:68.8vw!important;
    top:-3.5%!important;
    width:30.8vw!important;
    height:34.5%!important;
    object-fit:contain!important;
    transform:translate3d(var(--beh-preview-x),var(--beh-preview-y),0) scale(var(--beh-preview-scale)) rotate(1deg)!important;
    transform-origin:50% 50%!important;
  }
  .beh__dish-shadow{
    left:37.5vw!important;
    top:75.8%!important;
    width:43.5vw!important;
    height:11.5%!important;
  }
  .beh__details{
    right:5.8vw!important;
    top:40.7%!important;
    transform:none!important;
    width:15.5vw!important;
    max-width:240px!important;
    min-width:190px!important;
  }
  .beh.is-copy-out .beh__details{transform:translateY(-14px)!important}
  .beh__title{font-size:clamp(23px,1.75vw,31px)!important;line-height:1.12!important}
  .beh__description{font-size:11.5px!important;line-height:1.68!important}
  .beh__details-actions{align-items:center!important;gap:18px!important}
  .beh__selector{
    left:49.2%!important;
    bottom:6.4%!important;
    transform:translateX(-50%)!important;
  }
}

/* === v0.6.1 PHASE 2: physical surface / grounded food environment === */
.beh__floor{
  left:17%!important;right:-7%!important;bottom:-19%!important;height:62%!important;
  transform:perspective(1050px) rotateX(63deg)!important;
  background:
    radial-gradient(ellipse at 53% 14%,color-mix(in srgb,var(--beh-accent) 18%,transparent) 0%,transparent 34%),
    radial-gradient(ellipse at 72% 34%,rgba(255,235,205,.075) 0%,transparent 27%),
    radial-gradient(ellipse at 47% 72%,rgba(0,0,0,.22) 0%,transparent 45%),
    repeating-radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.015) 0 1px,transparent 1.2px 5px),
    linear-gradient(180deg,rgba(77,46,25,.10) 0%,rgba(27,15,9,.36) 48%,rgba(5,3,2,.74) 100%)!important;
  filter:none!important;opacity:.94!important;
  box-shadow:inset 0 24px 80px rgba(255,210,155,.025),inset 0 -100px 180px rgba(0,0,0,.38)
}
.beh__floor:before{content:"";position:absolute;inset:0;background:
  linear-gradient(103deg,transparent 0 35%,rgba(255,255,255,.018) 35.3% 35.6%,transparent 36% 100%),
  linear-gradient(82deg,transparent 0 67%,rgba(255,255,255,.012) 67.2% 67.5%,transparent 68% 100%);
  opacity:.55;mix-blend-mode:soft-light}
.beh__floor:after{left:28%!important;right:1%!important;top:3%!important;height:53%!important;background:radial-gradient(ellipse,rgba(0,0,0,.46) 0%,rgba(0,0,0,.25) 38%,transparent 72%)!important;filter:blur(22px)!important}
.beh__ambient:before{content:"";position:absolute;z-index:2;left:29%;right:-3%;bottom:0;height:36%;pointer-events:none;background:
  radial-gradient(ellipse at 57% 24%,color-mix(in srgb,var(--beh-accent) 13%,transparent),transparent 41%),
  linear-gradient(to top,rgba(0,0,0,.31),transparent 78%);opacity:.88}
.beh__dish-shadow{left:42%!important;top:72.5%!important;width:43%!important;height:12.5%!important;background:rgba(0,0,0,.48)!important;filter:blur(31px)!important;opacity:.82!important;transform:perspective(760px) rotateX(70deg)!important}
.beh__dish-shadow:after{content:"";position:absolute;inset:20% 12%;border-radius:50%;background:rgba(0,0,0,.38);filter:blur(13px)}
.beh__floor-crumbs{z-index:4!important;perspective:900px;pointer-events:none}
.beh__floor-crumb{position:absolute;display:block;transform-origin:center;box-shadow:0 2px 5px rgba(0,0,0,.34),0 0 7px color-mix(in srgb,var(--beh-accent) 13%,transparent)!important}
.beh__floor-crumb.is-seed{border-radius:50%!important}
.beh__floor-crumb.is-flake{clip-path:polygon(18% 8%,93% 27%,72% 95%,8% 73%)}
.beh__floor-crumb.is-herb{border-radius:70% 18% 70% 18%!important;box-shadow:0 2px 6px rgba(0,0,0,.28)!important}
.beh__floor-crumb.is-char{background:#3a1c0f!important;opacity:.72!important}
.beh__floor-crumb.is-gold{background:color-mix(in srgb,var(--beh-accent) 82%,#d1a35d)!important}
.beh__floor-crumb.is-herb{background:#6f7d3b!important}
.beh__floor-crumb.is-red{background:#8d2b18!important}
.beh__floor-crumb.is-soft{filter:blur(1.4px)!important;opacity:.32!important}

/* Phase 3 — food-anchored cinematic steam */
.beh{--beh-smoke-x:57%;--beh-smoke-y:44%;--beh-smoke-scale:1;--beh-smoke-opacity:.56}
.beh__steam{position:absolute;left:var(--beh-smoke-x);top:var(--beh-smoke-y);width:clamp(160px,18vw,340px);height:clamp(260px,38vh,470px);transform:translate(-50%,-82%) scale(var(--beh-smoke-scale));transform-origin:50% 100%;pointer-events:none;mix-blend-mode:screen;opacity:var(--beh-smoke-opacity);will-change:opacity,transform;transition:opacity .72s ease,transform 1.2s var(--beh-ease);filter:saturate(.75)}
.beh__steam--rear{z-index:1}.beh__steam--front{z-index:4;width:clamp(130px,14vw,250px);height:clamp(220px,31vh,390px);opacity:calc(var(--beh-smoke-opacity) * .48);filter:saturate(.65) blur(.15px)}
.beh__steam i{position:absolute;left:var(--sx);bottom:0;width:var(--sw);height:var(--sh);opacity:0;transform-origin:50% 100%;animation:behSteamRise var(--sd) cubic-bezier(.3,.05,.28,1) infinite;animation-delay:var(--sdelay);filter:blur(var(--blur))}
.beh__steam i:before,.beh__steam i:after{content:"";position:absolute;inset:0;border-radius:46% 54% 44% 56% / 68% 60% 40% 32%;background:radial-gradient(ellipse at 48% 92%,rgba(255,248,235,.05) 0 12%,rgba(255,245,227,.27) 25%,rgba(255,250,240,.18) 45%,rgba(255,255,255,.07) 63%,rgba(255,255,255,0) 78%);box-shadow:inset 0 0 24px rgba(255,247,230,.08);transform:skewX(var(--skew))}
.beh__steam i:after{transform:translate(18%,-17%) scale(.72,.86) skewX(calc(var(--skew) * -1));opacity:.58;filter:blur(5px)}
.beh__steam i:nth-child(1){--sx:8%;--sw:31%;--sh:78%;--sd:6.7s;--sdelay:-1.4s;--blur:5px;--skew:-6deg}
.beh__steam i:nth-child(2){--sx:25%;--sw:28%;--sh:91%;--sd:7.9s;--sdelay:-5.1s;--blur:6px;--skew:8deg}
.beh__steam i:nth-child(3){--sx:42%;--sw:24%;--sh:83%;--sd:6.2s;--sdelay:-3.2s;--blur:5px;--skew:-10deg}
.beh__steam i:nth-child(4){--sx:57%;--sw:27%;--sh:97%;--sd:8.6s;--sdelay:-7.3s;--blur:7px;--skew:7deg}
.beh__steam i:nth-child(5){--sx:70%;--sw:23%;--sh:80%;--sd:7.1s;--sdelay:-.8s;--blur:5.5px;--skew:-5deg}
.beh__steam i:nth-child(6){--sx:35%;--sw:19%;--sh:110%;--sd:9.1s;--sdelay:-6.4s;--blur:8px;--skew:11deg}
.beh__steam i:nth-child(7){--sx:16%;--sw:18%;--sh:72%;--sd:6.9s;--sdelay:-4.5s;--blur:7px;--skew:5deg}
.beh__steam i:nth-child(8){--sx:62%;--sw:17%;--sh:88%;--sd:8.2s;--sdelay:-2.1s;--blur:7.5px;--skew:-9deg}
.beh__steam--front i:nth-child(n+5){display:none}
.beh.is-transitioning .beh__steam{opacity:calc(var(--beh-smoke-opacity) * .12);transform:translate(-50%,-89%) scale(calc(var(--beh-smoke-scale) * 1.06))}
.beh.is-commit .beh__steam{transition:none!important}
@keyframes behSteamRise{0%{opacity:0;transform:translate3d(0,18%,0) scale(.62,.52) rotate(-3deg)}10%{opacity:.18}27%{opacity:.78;transform:translate3d(9px,-5%,0) scale(.86,.83) rotate(3deg)}52%{opacity:.60;transform:translate3d(-13px,-36%,0) scale(1.03,1.12) rotate(-4deg)}76%{opacity:.26;transform:translate3d(15px,-72%,0) scale(.86,1.30) rotate(5deg)}100%{opacity:0;transform:translate3d(-8px,-112%,0) scale(.66,1.48) rotate(-3deg)}}
@media(prefers-reduced-motion:reduce){.beh__steam i{animation:none!important;opacity:.16!important;transform:translateY(-18%) scale(.9,1.05)!important}}

/* Phase 4 — suspended food atmosphere: rear / front depth layers */
.beh__particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.beh__particles--rear{z-index:2;opacity:.92;filter:saturate(.9)}
.beh__particles--front{z-index:6;opacity:.96}
.beh__particle{position:absolute;display:block;width:var(--w);height:var(--h);opacity:var(--o);filter:blur(var(--b));transform-origin:50% 50%;will-change:transform,opacity;animation:behAtmosphereFloat var(--d) cubic-bezier(.36,.02,.3,1) infinite;animation-delay:var(--delay);box-shadow:0 1px 4px rgba(0,0,0,.28)}
.beh__particle.is-spice{border-radius:50%;background:color-mix(in srgb,var(--beh-accent) 72%,#d7a15b)}
.beh__particle.is-pepper{border-radius:55% 45% 62% 38%;background:#8f2f1d;box-shadow:0 1px 4px rgba(0,0,0,.32),0 0 5px rgba(157,60,28,.12)}
.beh__particle.is-flake{clip-path:polygon(12% 14%,92% 25%,74% 94%,8% 66%);background:#d5ad72}
.beh__particle.is-herb{border-radius:76% 16% 72% 20%;background:#728345;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.beh__particle.is-background{transform:translateZ(-1px);mix-blend-mode:normal}
.beh__particle.is-foreground{filter:blur(calc(var(--b) + .4px));box-shadow:0 3px 8px rgba(0,0,0,.34)}
.beh.is-transitioning .beh__particles--rear{opacity:.58;transition:opacity .7s ease}
.beh.is-transitioning .beh__particles--front{opacity:.72;transition:opacity .7s ease}
@keyframes behAtmosphereFloat{
  0%{opacity:0;transform:translate3d(0,22px,0) rotate(0deg) scale(.72)}
  10%{opacity:var(--o)}
  34%{transform:translate3d(var(--sway),var(--float-y-34),0) rotate(var(--rot-34)) scale(.94)}
  64%{opacity:var(--o);transform:translate3d(var(--float-x-66),var(--float-y-74),0) rotate(var(--rot-72)) scale(1.02)}
  82%{opacity:.35;transform:translate3d(var(--float-x),var(--float-y),0) rotate(var(--rot)) scale(.92)}
  100%{opacity:0;transform:translate3d(var(--end-x),var(--end-y),0) rotate(var(--rot-end)) scale(.7)}
}

.beh__particle.is-falling{animation-name:behAtmosphereFall;animation-timing-function:cubic-bezier(.3,.08,.58,1)}
@keyframes behAtmosphereFall{
  0%{opacity:0;transform:translate3d(0,-24px,0) rotate(0deg) scale(.74)}
  12%{opacity:var(--o)}
  48%{opacity:var(--o);transform:translate3d(var(--sway),var(--fall-y-44),0) rotate(var(--rot-34)) scale(.96)}
  78%{opacity:.32;transform:translate3d(var(--float-x-66),var(--fall-y-78),0) rotate(var(--rot-72)) scale(.88)}
  100%{opacity:0;transform:translate3d(var(--float-x),var(--fall-y),0) rotate(var(--rot)) scale(.7)}
}

@media(prefers-reduced-motion:reduce){
 .beh__particle{animation:none!important;opacity:.28!important;transform:none!important}
}


/* === v0.6.4 PHASE 5: cinematic dish crossover + scene background morph === */
.beh{--beh-transition-ms:2200ms;background:var(--beh-bg-start);transition:color 1.15s ease!important}
.beh__scene-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#120906}
.beh__scene-bg-layer{position:absolute;inset:-2%;will-change:opacity,transform,filter}
.beh__scene-bg-layer--current{opacity:1;transform:scale(1.015)}
.beh__scene-bg-layer--next{opacity:0;transform:scale(1.055);filter:saturate(.9) brightness(.94);transition:opacity calc(var(--beh-transition-ms) * .82) cubic-bezier(.18,.72,.22,1),transform var(--beh-transition-ms) cubic-bezier(.16,.84,.24,1),filter calc(var(--beh-transition-ms) * .78) ease}
.beh.is-bg-morphing .beh__scene-bg-layer--next{opacity:1!important;transform:scale(1.015);filter:saturate(1) brightness(1)}
.beh__glow--a{transition:transform var(--beh-transition-ms) var(--beh-ease),background calc(var(--beh-transition-ms) * .9) ease,opacity 1.1s ease!important}

.beh__dish--main,.beh__dish--incoming{backface-visibility:hidden;transform-style:preserve-3d}
.beh__dish--main{transition:transform var(--beh-transition-ms) cubic-bezier(.18,.80,.22,1),opacity calc(var(--beh-transition-ms) * .62) cubic-bezier(.38,0,.7,1),filter calc(var(--beh-transition-ms) * .72) ease!important}
.beh__dish--incoming{transition:left var(--beh-transition-ms) cubic-bezier(.16,.84,.24,1),top var(--beh-transition-ms) cubic-bezier(.16,.84,.24,1),width var(--beh-transition-ms) cubic-bezier(.16,.84,.24,1),height var(--beh-transition-ms) cubic-bezier(.16,.84,.24,1),transform var(--beh-transition-ms) cubic-bezier(.16,.84,.24,1),opacity calc(var(--beh-transition-ms) * .58) ease,filter calc(var(--beh-transition-ms) * .68) ease!important}
.beh.is-transition-prep .beh__dish--incoming{opacity:var(--beh-preview-opacity)}
.beh.is-transitioning .beh__dish--main{transform:translate3d(calc(var(--beh-main-x) - 4%),calc(var(--beh-main-y) + 64%),0) scale(calc(var(--beh-main-scale) * 1.035)) rotate(-1.2deg)!important;opacity:0!important;filter:blur(4px) saturate(.88) brightness(.88) drop-shadow(0 18px 22px rgba(0,0,0,.12))!important}
.beh.is-transitioning .beh__dish--incoming{z-index:3;left:29.6vw!important;top:30.5%!important;width:55.5vw!important;height:60.5%!important;transform:translate3d(var(--beh-target-x),var(--beh-target-y),0) scale(var(--beh-target-scale)) rotate(0)!important;opacity:1!important;filter:blur(0) brightness(1) saturate(1) drop-shadow(0 30px 30px rgba(9,4,2,.25))!important}
.beh.is-transitioning .beh__dish-shadow{opacity:.45!important;transform:perspective(760px) rotateX(70deg) scale(.94)!important;transition:opacity calc(var(--beh-transition-ms) * .55) ease,transform var(--beh-transition-ms) var(--beh-ease)!important}
.beh.is-copy-out .beh__copy,.beh.is-copy-out .beh__details{transition:opacity calc(var(--beh-transition-ms) * .24) ease,transform calc(var(--beh-transition-ms) * .34) var(--beh-ease)!important}
.beh:not(.is-copy-out) .beh__copy,.beh:not(.is-copy-out) .beh__details{transition:opacity .62s ease,transform .82s var(--beh-ease)!important}
.beh.is-transitioning .beh__selector{opacity:.58;transform:translateX(-50%) translateY(3px);transition:opacity .5s ease,transform .7s var(--beh-ease)}
.beh:not(.is-transitioning) .beh__selector{opacity:1;transition:opacity .5s ease,transform .7s var(--beh-ease)}
.beh.is-commit .beh__dish,.beh.is-commit .beh__dish-shadow,.beh.is-commit .beh__scene-bg-layer{transition:none!important}

@media(prefers-reduced-motion:reduce){.beh__scene-bg-layer--next{transition:none!important}.beh.is-transitioning .beh__dish--main{opacity:0!important}.beh.is-transitioning .beh__dish--incoming{opacity:1!important}}

/* === v0.6.5 PHASE 6: desktop typography + right-detail calibration === */
@media (min-width:1101px){
  .beh{
    font-family:Inter,Arial,sans-serif!important;
  }
  .beh,.beh *{
    font-family:Inter,Arial,sans-serif!important;
    text-rendering:geometricPrecision;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }

  /* Left editorial zone: deliberately isolated from the food stage. */
  .beh__copy{
    left:6.45vw!important;
    top:16.1%!important;
    width:31.6vw!important;
    max-width:520px!important;
    min-width:410px!important;
  }
  .beh__progress{
    gap:24px!important;
    margin:0 0 34px!important;
    min-height:18px;
  }
  .beh__count{
    display:inline-flex!important;
    align-items:baseline!important;
    gap:6px!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.18em!important;
    font-weight:500!important;
    white-space:nowrap;
    opacity:.9;
  }
  .beh__count b{font-weight:700!important}
  .beh__dots{gap:7px!important}
  .beh__dot{width:5px!important;height:5px!important;min-width:5px!important;min-height:5px!important}
  .beh__dot.is-active{width:25px!important}

  .beh__headline{
    width:100%!important;
    max-width:520px!important;
    margin:0 0 25px!important;
    padding:0!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:clamp(58px,4.7vw,82px)!important;
    line-height:.97!important;
    letter-spacing:-.061em!important;
    font-weight:340!important;
    text-wrap:balance!important;
    text-shadow:0 12px 35px rgba(0,0,0,.12);
  }
  .beh__headline mark{
    display:inline!important;
    font:inherit!important;
    letter-spacing:inherit!important;
    background:none!important;
    color:var(--beh-accent)!important;
  }
  .beh__body{
    width:100%!important;
    max-width:455px!important;
    margin:0 0 27px!important;
    font-size:13.5px!important;
    line-height:1.66!important;
    letter-spacing:-.006em!important;
    font-weight:400!important;
    opacity:.78!important;
  }
  .beh__cta{
    min-height:43px!important;
    gap:18px!important;
    padding:0 19px!important;
    font-size:10.5px!important;
    line-height:1!important;
    letter-spacing:.01em!important;
    font-weight:500!important;
    border-color:color-mix(in srgb,var(--beh-accent) 58%,transparent)!important;
    background:rgba(20,10,6,.11)!important;
  }
  .beh__cta i{font-size:16px!important;line-height:1!important}
  .beh__scroll{
    left:0!important;
    top:auto!important;
    bottom:-21.5vh!important;
    gap:9px!important;
    font-size:8px!important;
    letter-spacing:.15em!important;
    opacity:.42!important;
  }
  .beh__scroll span{width:24px!important;height:24px!important;font-size:10px!important}

  /* Right information zone: fixed alongside the dish, never allowed to float into it. */
  .beh__details{
    left:auto!important;
    right:5.55vw!important;
    top:32.4%!important;
    bottom:auto!important;
    transform:none!important;
    width:15.2vw!important;
    min-width:205px!important;
    max-width:252px!important;
    padding:0!important;
    margin:0!important;
    text-align:left!important;
  }
  .beh__eyebrow{
    margin:0 0 12px!important;
    padding:0!important;
    color:var(--beh-accent)!important;
    font-size:8.5px!important;
    line-height:1.25!important;
    letter-spacing:.205em!important;
    font-weight:700!important;
    text-transform:uppercase!important;
    opacity:.96!important;
  }
  .beh__title{
    width:100%!important;
    margin:0 0 15px!important;
    padding:0!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:clamp(22px,1.55vw,28px)!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    font-weight:430!important;
    color:inherit!important;
    text-wrap:balance!important;
  }
  .beh__rule{
    width:100%!important;
    height:1px!important;
    margin:0 0 15px!important;
    opacity:.38!important;
  }
  .beh__description{
    width:100%!important;
    margin:0 0 17px!important;
    padding:0!important;
    font-size:10.8px!important;
    line-height:1.65!important;
    letter-spacing:-.002em!important;
    font-weight:400!important;
    opacity:.7!important;
  }
  .beh__details-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:15px!important;
    width:100%!important;
  }
  .beh__details-link{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    width:max-content!important;
    max-width:100%!important;
    padding:0!important;
    border:0!important;
    background:none!important;
    color:inherit!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:500!important;
    opacity:.84!important;
    white-space:nowrap!important;
  }
  .beh__next{
    justify-self:end!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:inherit!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:500!important;
    white-space:nowrap!important;
  }
  .beh__next b{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
    padding:0!important;
    border-width:1px!important;
    border-color:color-mix(in srgb,var(--beh-accent) 50%,transparent)!important;
    font-size:11px!important;
    line-height:1!important;
  }

  /* Compact selector under the physical plate, not at the page edge. */
  .beh__selector{
    left:55.1%!important;
    right:auto!important;
    bottom:4.2%!important;
    transform:translateX(-50%)!important;
    gap:4px!important;
    min-height:0!important;
    padding:3px 6px!important;
    border-color:rgba(255,255,255,.10)!important;
    background:rgba(13,7,4,.20)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.11)!important;
  }
  .beh__thumb{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
  }
  .beh__thumb:before{inset:-2px!important}

  /* Ensure theme button/link rules can never create blocks behind this panel. */
  .beh__details a,.beh__details button,
  .beh__copy a,.beh__copy button{
    box-shadow:none!important;
    text-shadow:none!important;
    text-transform:none!important;
  }
}

/* === v0.6.7 PHASE 7B: consolidated dedicated tablet/mobile composition === */
@media (max-width:1100px){
  .beh{
    height:max(var(--beh-mobile-height),100svh)!important;
    min-height:760px!important;
    overflow:hidden!important;
    border-radius:0!important;
    font-family:Inter,Arial,sans-serif!important;
  }
  .beh,.beh *{font-family:Inter,Arial,sans-serif!important}
  .beh__copy{
    left:6vw!important;right:auto!important;top:7.5%!important;
    width:58vw!important;max-width:590px!important;
    transform:none!important;z-index:8!important;
  }
  .beh__progress{margin:0 0 20px!important;gap:18px!important}
  .beh__headline{font-size:clamp(48px,7.3vw,72px)!important;line-height:.96!important;letter-spacing:-.052em!important;max-width:580px!important;margin:0 0 19px!important}
  .beh__body{font-size:13px!important;line-height:1.58!important;max-width:50vw!important;margin:0 0 18px!important}
  .beh__cta{font-size:10px!important;padding:10px 15px!important}
  .beh__stage{inset:0!important;z-index:4!important}
  .beh__dish--main{
    left:20vw!important;top:31%!important;width:74vw!important;height:52%!important;
    object-fit:contain!important;object-position:center bottom!important;
  }
  .beh__dish--incoming{
    left:auto!important;right:-15vw!important;top:13%!important;width:45vw!important;height:31%!important;
    transform:translate3d(var(--beh-preview-x),var(--beh-preview-y),0) scale(calc(var(--beh-preview-scale) * .82))!important;
    transform-origin:70% 20%!important;filter:blur(5px) brightness(.72) saturate(.78)!important;
    opacity:calc(var(--beh-preview-opacity) * .82)!important;z-index:1!important;
  }
  .beh__details{
    left:6vw!important;right:auto!important;top:auto!important;bottom:6.5%!important;
    width:45vw!important;max-width:390px!important;transform:none!important;z-index:8!important;
  }
  .beh__title{font-size:clamp(23px,3.1vw,31px)!important;line-height:1.02!important}
  .beh__description{font-size:11px!important;line-height:1.55!important;max-width:360px!important}
  .beh__selector{left:auto!important;right:5vw!important;bottom:4.8%!important;transform:none!important;z-index:9!important}
  .beh__dish-shadow{left:35vw!important;top:73%!important;width:54vw!important;height:12%!important}
  .beh__floor{top:61%!important;height:45%!important}
  .beh__steam{z-index:3!important}
  .beh__scroll{display:none!important}
  .beh.is-transitioning .beh__dish--incoming{
    left:20vw!important;right:auto!important;top:31%!important;width:74vw!important;height:52%!important;
    transform:translate3d(var(--beh-target-x),var(--beh-target-y),0) scale(var(--beh-target-scale)) rotate(0)!important;
    filter:blur(0) brightness(1) saturate(1)!important;opacity:1!important;
  }
  .beh.is-transitioning .beh__selector{transform:translateY(3px)!important}
}

@media (max-width:600px){
  .beh{height:max(var(--beh-mobile-height),100svh)!important;min-height:720px!important}
  .beh__copy{
    left:5.5vw!important;top:5.2%!important;width:89vw!important;max-width:none!important;
  }
  .beh__progress{margin-bottom:13px!important}
  .beh__count{font-size:8px!important;letter-spacing:.15em!important}
  .beh__dots{gap:5px!important}.beh__dot{width:4px!important;height:4px!important}.beh__dot.is-active{width:19px!important}
  .beh__headline{
    font-size:clamp(38px,11.2vw,52px)!important;line-height:.94!important;letter-spacing:-.055em!important;
    max-width:88vw!important;margin-bottom:13px!important;
  }
  .beh__body{font-size:11.5px!important;line-height:1.48!important;max-width:79vw!important;margin-bottom:13px!important}
  .beh__cta{font-size:9px!important;padding:9px 13px!important}

  /* Portrait food theatre: main plate owns the middle of the viewport. */
  .beh__dish--main{
    left:-5vw!important;top:29.5%!important;width:110vw!important;height:45%!important;
    object-position:center center!important;
  }
  .beh__dish--incoming{
    left:auto!important;right:-24vw!important;top:18.5%!important;width:57vw!important;height:27%!important;
    transform:translate3d(var(--beh-preview-x),var(--beh-preview-y),0) scale(calc(var(--beh-preview-scale) * .72))!important;
    filter:blur(6px) brightness(.66) saturate(.72)!important;
    opacity:calc(var(--beh-preview-opacity) * .72)!important;
  }
  .beh__dish-shadow{left:17vw!important;top:66.5%!important;width:70vw!important;height:10%!important}
  .beh__floor{top:57%!important;height:49%!important}

  .beh__details{
    left:5.5vw!important;right:auto!important;bottom:5.2%!important;width:58vw!important;max-width:none!important;
  }
  .beh__eyebrow{font-size:7px!important;letter-spacing:.18em!important;margin-bottom:5px!important}
  .beh__title{font-size:19px!important;line-height:1!important;margin-bottom:8px!important}
  .beh__rule{width:30px!important;margin-bottom:7px!important}
  .beh__description{font-size:9.5px!important;line-height:1.4!important;max-width:58vw!important;-webkit-line-clamp:2!important}
  .beh__details-actions{gap:12px!important;margin-top:8px!important}
  .beh__details-link,.beh__next{font-size:8px!important}
  .beh__next span{display:none!important}

  .beh__selector{
    left:auto!important;right:4vw!important;bottom:4.6%!important;padding:3px 5px!important;gap:3px!important;
    transform:none!important;
  }
  .beh__thumb{width:23px!important;height:23px!important;border-width:1px!important}
  .beh__thumb.is-active{transform:scale(1.05)!important}

  /* Steam follows the food theatre, not the desktop coordinates. */
  .beh__steam{
    left:var(--beh-smoke-x)!important;top:var(--beh-smoke-y)!important;width:170px!important;height:245px!important;
    transform:translate(-50%,-82%) scale(calc(var(--beh-smoke-scale) * .82))!important;
  }
  .beh__steam--front{width:125px!important;height:205px!important}

  .beh.is-transitioning .beh__dish--main{
    transform:translate3d(calc(var(--beh-main-x) - 3%),calc(var(--beh-main-y) + 62%),0) scale(calc(var(--beh-main-scale) * 1.025)) rotate(-.7deg)!important;
  }
  .beh.is-transitioning .beh__dish--incoming{
    left:-5vw!important;right:auto!important;top:29.5%!important;width:110vw!important;height:45%!important;
    transform:translate3d(var(--beh-target-x),var(--beh-target-y),0) scale(var(--beh-target-scale)) rotate(0)!important;
    filter:blur(0) brightness(1) saturate(1)!important;opacity:1!important;
  }
  .beh.is-transitioning .beh__selector{transform:translateY(2px)!important}
}

@media (max-width:390px){
  .beh{min-height:690px!important}
  .beh__copy{top:4.5%!important}
  .beh__headline{font-size:38px!important}
  .beh__dish--main{top:30.5%!important;height:43%!important}
  .beh__dish--incoming{top:19%!important}
  .beh__details{bottom:4.4%!important;width:62vw!important}
  .beh__description{max-width:62vw!important}
  .beh__selector{bottom:4%!important}
}

/* === v0.7.0 PHASE 8: final verification hardening === */
.beh{
  right:50%;
  margin-left:-50vw!important;
  margin-right:-50vw!important;
  width:100vw!important;
  max-width:100vw!important;
  padding:0!important;
}
@supports(width:100dvw){.beh{width:100dvw!important;max-width:100dvw!important;margin-left:-50dvw!important;margin-right:-50dvw!important}}
.beh img{max-width:none!important;margin:0!important;padding:0!important;border:0!important}
.beh h2,.beh h3,.beh p{padding:0!important;border:0!important;text-transform:none!important}
.beh__details[hidden],.beh__selector[hidden],.beh__next[hidden]{display:none!important}

/* === v0.7.1 animation repair: transform-only FLIP crossover + backend-controlled stage === */
.beh{--beh-motion-ease:cubic-bezier(.16,.84,.24,1);--beh-copy-fade:520ms;--beh-out-y:64%;--beh-out-x:-4%;--beh-out-scale:1.035;--beh-incoming-blur:4.5px}
.beh__dish-slot{position:absolute;pointer-events:none;will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d}
.beh__dish-slot .beh__dish{position:absolute!important;inset:0!important;left:0!important;right:auto!important;top:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important}
.beh__dish-slot--main{z-index:2;left:var(--beh-main-left);top:var(--beh-main-top);width:var(--beh-main-w);height:var(--beh-main-h);transition:transform var(--beh-transition-ms) var(--beh-motion-ease),opacity calc(var(--beh-transition-ms) * .62) ease}
.beh__dish-slot--incoming{z-index:1;left:var(--beh-preview-left);top:var(--beh-preview-top);width:var(--beh-preview-w);height:var(--beh-preview-h)}
.beh__dish-slot--incoming.is-target{z-index:3;left:var(--beh-main-left);top:var(--beh-main-top);width:var(--beh-main-w);height:var(--beh-main-h)}
.beh__dish--main{transform:translate3d(var(--beh-main-x),var(--beh-main-y),0) scale(var(--beh-main-scale))!important;transition:filter calc(var(--beh-transition-ms) * .72) ease,opacity calc(var(--beh-transition-ms) * .62) ease!important}
.beh__dish--incoming{transform:translate3d(var(--beh-preview-x),var(--beh-preview-y),0) scale(var(--beh-preview-scale)) rotate(1deg)!important;opacity:var(--beh-preview-opacity)!important;filter:blur(var(--beh-incoming-blur)) brightness(.82) saturate(.92) drop-shadow(0 18px 24px rgba(0,0,0,.19))!important;transition:transform var(--beh-transition-ms) var(--beh-motion-ease),opacity calc(var(--beh-transition-ms) * .58) ease,filter calc(var(--beh-transition-ms) * .68) ease!important}
.beh.is-transitioning .beh__dish-slot--main{transform:translate3d(var(--beh-out-x),var(--beh-out-y),0) scale(var(--beh-out-scale));opacity:0}
.beh.is-transitioning .beh__dish--main{filter:blur(3px) saturate(.9) brightness(.9) drop-shadow(0 18px 22px rgba(0,0,0,.12))!important;opacity:0!important}
.beh.is-transitioning .beh__dish--incoming{transform:translate3d(var(--beh-target-x),var(--beh-target-y),0) scale(var(--beh-target-scale)) rotate(0)!important;opacity:1!important;filter:blur(0) brightness(1) saturate(1) drop-shadow(0 30px 30px rgba(9,4,2,.25))!important}
.beh.is-copy-out .beh__copy,.beh.is-copy-out .beh__details{transition:opacity var(--beh-copy-fade) ease,transform var(--beh-copy-fade) var(--beh-motion-ease)!important}
.beh:not(.is-copy-out) .beh__copy,.beh:not(.is-copy-out) .beh__details{transition:opacity var(--beh-copy-fade) ease,transform calc(var(--beh-copy-fade) * 1.15) var(--beh-motion-ease)!important}
.beh.is-commit .beh__dish-slot,.beh.is-commit .beh__dish{transition:none!important}

@media (min-width:1101px){
 .beh__dish-slot--main{left:var(--beh-main-left)!important;top:var(--beh-main-top)!important;width:var(--beh-main-w)!important;height:var(--beh-main-h)!important}
 .beh__dish-slot--incoming{left:var(--beh-preview-left)!important;top:var(--beh-preview-top)!important;width:var(--beh-preview-w)!important;height:var(--beh-preview-h)!important}
 .beh__dish-slot--incoming.is-target{left:var(--beh-main-left)!important;top:var(--beh-main-top)!important;width:var(--beh-main-w)!important;height:var(--beh-main-h)!important}
 .beh__details{right:var(--beh-details-right)!important;top:var(--beh-details-top)!important}
 .beh__selector{left:var(--beh-selector-left)!important;bottom:var(--beh-selector-bottom)!important}
}

@media (max-width:1100px){
 .beh__dish-slot--main{left:20vw!important;top:31%!important;width:74vw!important;height:52%!important}
 .beh__dish-slot--incoming{left:auto!important;right:-15vw!important;top:13%!important;width:45vw!important;height:31%!important}
 .beh__dish-slot--incoming.is-target{left:20vw!important;right:auto!important;top:31%!important;width:74vw!important;height:52%!important}
 .beh__dish-slot .beh__dish{object-position:center bottom!important}
 .beh__dish--incoming{transform:translate3d(var(--beh-preview-x),var(--beh-preview-y),0) scale(calc(var(--beh-preview-scale) * .82))!important;filter:blur(calc(var(--beh-incoming-blur) + .5px)) brightness(.72) saturate(.78)!important;opacity:calc(var(--beh-preview-opacity) * .82)!important}
 .beh.is-transitioning .beh__dish--incoming{transform:translate3d(var(--beh-target-x),var(--beh-target-y),0) scale(var(--beh-target-scale))!important;filter:blur(0) brightness(1) saturate(1)!important;opacity:1!important}
}

@media (max-width:600px){
 .beh__dish-slot--main{left:-5vw!important;top:29.5%!important;width:110vw!important;height:45%!important}
 .beh__dish-slot--incoming{left:auto!important;right:-24vw!important;top:18.5%!important;width:57vw!important;height:27%!important}
 .beh__dish-slot--incoming.is-target{left:-5vw!important;right:auto!important;top:29.5%!important;width:110vw!important;height:45%!important}
 .beh__dish-slot .beh__dish{object-position:center center!important}
 .beh__dish--incoming{transform:translate3d(var(--beh-preview-x),var(--beh-preview-y),0) scale(calc(var(--beh-preview-scale) * .72))!important;filter:blur(calc(var(--beh-incoming-blur) + 1.5px)) brightness(.66) saturate(.72)!important;opacity:calc(var(--beh-preview-opacity) * .72)!important}
 .beh.is-transitioning .beh__dish-slot--main{transform:translate3d(calc(var(--beh-out-x) * .75),calc(var(--beh-out-y) * .95),0) scale(var(--beh-out-scale));opacity:0}
}

@media (max-width:390px){
 .beh__dish-slot--main{top:30.5%!important;height:43%!important}
 .beh__dish-slot--incoming{top:19%!important}
 .beh__dish-slot--incoming.is-target{top:30.5%!important;height:43%!important}
}
/* Neutralize superseded direct-image transition geometry now that slots own motion. */
.beh.is-transitioning .beh__dish-slot .beh__dish--incoming{left:0!important;right:auto!important;top:0!important;width:100%!important;height:100%!important}
.beh.is-transitioning .beh__dish-slot--main .beh__dish--main{left:0!important;top:0!important;width:100%!important;height:100%!important;transform:translate3d(var(--beh-main-x),var(--beh-main-y),0) scale(var(--beh-main-scale))!important}
@media(max-width:600px){.beh.is-transitioning .beh__dish-slot--main{transform:translate3d(var(--beh-out-x),var(--beh-out-y),0) scale(var(--beh-out-scale));opacity:0}}


/* === v0.7.2 PHOTO BACKGROUND + DENSER FOOD-ANCHORED STEAM === */
.beh{background:#100805!important}
.beh__scene-bg{background:#100805!important;z-index:-1!important}
.beh__scene-bg-layer{inset:0!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important}
.beh__ambient:after{background:linear-gradient(90deg,rgba(8,4,2,.22) 0%,rgba(8,4,2,.03) 38%,rgba(4,2,1,.04) 70%,rgba(0,0,0,.18) 100%)!important}
.beh__floor,.beh__floor-crumbs{display:none!important}
.beh__dish-shadow{background:rgba(0,0,0,.26)!important;filter:blur(28px)!important;opacity:.54!important}
.beh__steam{width:clamp(210px,22vw,410px)!important;height:clamp(330px,47vh,570px)!important;opacity:var(--beh-smoke-opacity)!important;filter:saturate(.82) brightness(1.12)!important}
.beh__steam--front{width:clamp(175px,17vw,315px)!important;height:clamp(285px,39vh,485px)!important;opacity:calc(var(--beh-smoke-opacity) * .70)!important;filter:saturate(.72) brightness(1.08) blur(.1px)!important}
.beh__steam i:before,.beh__steam i:after{background:radial-gradient(ellipse at 48% 94%,rgba(255,249,239,.12) 0 10%,rgba(255,246,230,.40) 24%,rgba(255,250,241,.28) 43%,rgba(255,255,255,.13) 61%,rgba(255,255,255,0) 80%)!important;box-shadow:inset 0 0 32px rgba(255,247,232,.14),0 0 20px rgba(255,234,205,.06)!important}
.beh__steam i:nth-child(9){--sx:48%;--sw:22%;--sh:102%;--sd:7.4s;--sdelay:-4.1s;--blur:6.5px;--skew:-7deg}
.beh__steam i:nth-child(10){--sx:76%;--sw:19%;--sh:90%;--sd:8.8s;--sdelay:-6.8s;--blur:7px;--skew:9deg}
.beh__steam i:nth-child(11){--sx:3%;--sw:20%;--sh:86%;--sd:7.7s;--sdelay:-2.7s;--blur:6.8px;--skew:6deg}
.beh__steam i:nth-child(12){--sx:54%;--sw:16%;--sh:118%;--sd:9.6s;--sdelay:-8.2s;--blur:8.5px;--skew:-11deg}
.beh__steam--front i:nth-child(n+5){display:block!important}
.beh__steam--front i:nth-child(5){--sx:17%;--sw:23%;--sh:88%;--sd:7.2s;--sdelay:-5.3s;--blur:6px;--skew:7deg}
.beh__steam--front i:nth-child(6){--sx:63%;--sw:20%;--sh:96%;--sd:8.1s;--sdelay:-3.7s;--blur:7px;--skew:-8deg}
.beh.is-transitioning .beh__steam{opacity:calc(var(--beh-smoke-opacity) * .30)!important}
@media(max-width:767px){.beh__steam{width:190px!important;height:325px!important}.beh__steam--front{width:145px!important;height:255px!important}}
/* Ensure the photographic scene is the real base layer, not hidden behind the hero background. */
.beh__scene-bg{z-index:0!important}
.beh__ambient{z-index:1!important}

/* === v0.7.3 VIEWPORT + GROUNDED FOOD REPAIR ===
   Compact cinematic viewport and physically grounded plates. */
@media (min-width:1101px){
  .beh{
    height:clamp(680px,82vh,var(--beh-height))!important;
    min-height:680px!important;
  }
  .beh__copy{top:46%!important}
  .beh__dish-slot--main{
    top:var(--beh-main-top)!important;
    height:var(--beh-main-h)!important;
  }
  .beh__details{top:var(--beh-details-top)!important}
}

/* Contact shadow now belongs to the main dish slot, so it follows every
   backend position/size change and moves with the plate during transitions. */
.beh__dish-slot--main{overflow:visible!important}
.beh__dish-slot--main .beh__dish-shadow{
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  left:8%!important;
  right:auto!important;
  top:auto!important;
  bottom:4.5%!important;
  width:84%!important;
  height:13%!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,
    rgba(0,0,0,.66) 0%,
    rgba(0,0,0,.48) 35%,
    rgba(0,0,0,.22) 62%,
    rgba(0,0,0,0) 78%)!important;
  filter:blur(13px)!important;
  opacity:.92!important;
  transform:translate3d(0,9px,0) scaleX(.96)!important;
  transform-origin:center!important;
  pointer-events:none!important;
}
.beh__dish-slot--main .beh__dish--main{
  z-index:1!important;
  filter:
    drop-shadow(0 30px 18px rgba(0,0,0,.48))
    drop-shadow(0 10px 7px rgba(0,0,0,.28))!important;
}
.beh__dish-slot--incoming .beh__dish--incoming{
  filter:blur(var(--beh-incoming-blur)) brightness(.82) saturate(.92)
    drop-shadow(0 17px 13px rgba(0,0,0,.30))!important;
}
.beh.is-transitioning .beh__dish-slot--main .beh__dish-shadow{
  opacity:.30!important;
  transform:translate3d(-2%,22px,0) scaleX(1.05)!important;
  transition:opacity calc(var(--beh-transition-ms) * .55) ease,
             transform var(--beh-transition-ms) var(--beh-motion-ease)!important;
}
.beh:not(.is-transitioning) .beh__dish-slot--main .beh__dish-shadow{
  transition:opacity .45s ease,transform .8s var(--beh-motion-ease)!important;
}

/* The photographic tabletop already supplies floor detail. Keep overlays
   transparent so nothing creates a visible panel or artificial seam. */
.beh__ambient{background:transparent!important}
.beh__ambient:after{
  background:linear-gradient(90deg,
    rgba(7,3,1,.18) 0%,
    rgba(7,3,1,.025) 34%,
    rgba(3,2,1,.015) 70%,
    rgba(0,0,0,.12) 100%)!important;
}

@media (max-width:1100px){
  .beh{height:clamp(680px,88svh,var(--beh-height))!important;min-height:680px!important}
  .beh__dish-slot--main .beh__dish-shadow{bottom:5%!important;height:12%!important;filter:blur(11px)!important}
}
@media (max-width:600px){
  .beh{height:clamp(650px,92svh,var(--beh-mobile-height))!important;min-height:650px!important}
  .beh__dish-slot--main .beh__dish-shadow{left:10%!important;width:80%!important;bottom:7%!important;height:10%!important;filter:blur(9px)!important}
}

/* === v0.7.4 APPROVED-REFERENCE COMPOSITION REPAIR ===
   Restore the approved composition after v0.7.3 moved the editorial block
   down and enlarged the food stage vertically. Desktop only; backend stage
   variables remain the source of truth for food/details/selector positions. */
@media (min-width:1101px){
  .beh{
    height:100svh!important;
    min-height:700px!important;
    max-height:none!important;
  }

  /* Approved reference: editorial content starts high in the left third. */
  .beh__copy{
    left:6.5vw!important;
    top:13.8%!important;
    transform:none!important;
    width:34vw!important;
    max-width:610px!important;
    min-width:0!important;
  }
  .beh.is-copy-out .beh__copy{transform:translateY(-18px)!important}
  .beh__progress{margin:0 0 31px!important;gap:27px!important}
  .beh__count{font-size:11px!important;letter-spacing:.19em!important}

  /* The approved UI uses an editorial serif for display copy while body/UI
     copy stays Inter. This is intentionally scoped to display headings. */
  .beh__headline{
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:clamp(64px,5.15vw,98px)!important;
    line-height:.91!important;
    letter-spacing:-.052em!important;
    font-weight:400!important;
    max-width:610px!important;
    margin:0 0 31px!important;
    text-wrap:balance!important;
  }
  .beh__headline mark{
    font-family:inherit!important;
    font-weight:inherit!important;
    letter-spacing:inherit!important;
  }
  .beh__body{
    max-width:500px!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:15px!important;
    line-height:1.62!important;
    margin:0 0 31px!important;
    opacity:.84!important;
  }
  .beh__cta{
    min-height:48px!important;
    padding:0 22px!important;
    font-size:11.5px!important;
    gap:20px!important;
  }
  .beh__scroll{
    top:auto!important;
    bottom:-22vh!important;
    font-size:8.5px!important;
  }

  /* Main plate sits lower, like the approved reference, leaving clear air
     between the headline and the incoming top-right dish. */
  .beh__dish-slot--main{
    left:var(--beh-main-left)!important;
    top:var(--beh-main-top)!important;
    width:var(--beh-main-w)!important;
    height:var(--beh-main-h)!important;
  }
  .beh__dish-slot--incoming{
    left:var(--beh-preview-left)!important;
    top:var(--beh-preview-top)!important;
    width:var(--beh-preview-w)!important;
    height:var(--beh-preview-h)!important;
  }
  .beh__dish--incoming{
    opacity:var(--beh-preview-opacity)!important;
    filter:blur(5.5px) brightness(.72) saturate(.82) drop-shadow(0 20px 18px rgba(0,0,0,.36))!important;
  }

  /* Stronger grounded shadow: broad ambient shadow + tight contact shadow. */
  .beh__dish-slot--main .beh__dish-shadow{
    left:4%!important;
    bottom:-1%!important;
    width:92%!important;
    height:18%!important;
    opacity:.98!important;
    filter:blur(18px)!important;
    background:radial-gradient(ellipse at center,
      rgba(0,0,0,.78) 0%,
      rgba(0,0,0,.56) 28%,
      rgba(0,0,0,.31) 52%,
      rgba(0,0,0,.10) 70%,
      rgba(0,0,0,0) 84%)!important;
    transform:translate3d(0,8px,0) scaleX(.98)!important;
  }
  .beh__dish-slot--main:after{
    content:"";
    position:absolute;
    z-index:0;
    left:15%;
    bottom:5.5%;
    width:70%;
    height:7%;
    border-radius:50%;
    background:rgba(0,0,0,.58);
    filter:blur(9px);
    pointer-events:none;
  }
  .beh__dish-slot--main .beh__dish--main{
    z-index:1!important;
    filter:drop-shadow(0 22px 18px rgba(0,0,0,.50)) drop-shadow(0 7px 5px rgba(0,0,0,.30))!important;
  }

  /* Right panel visually matches the reference rather than the compressed
     Inter block from v0.7.3. */
  .beh__details{
    right:var(--beh-details-right)!important;
    top:var(--beh-details-top)!important;
    width:min(17vw,270px)!important;
    min-width:225px!important;
    max-width:270px!important;
  }
  .beh__eyebrow{font-size:9px!important;letter-spacing:.21em!important;margin-bottom:14px!important}
  .beh__title{
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:clamp(27px,1.9vw,36px)!important;
    line-height:1.04!important;
    letter-spacing:-.025em!important;
    font-weight:400!important;
    margin-bottom:18px!important;
  }
  .beh__description{font-size:12px!important;line-height:1.62!important;margin-bottom:20px!important;opacity:.78!important}
  .beh__details-link{font-size:10.5px!important}
  .beh__next{font-size:10px!important}
  .beh__next b{width:34px!important;height:34px!important}

  .beh__selector{
    left:var(--beh-selector-left)!important;
    bottom:var(--beh-selector-bottom)!important;
    padding:4px 7px!important;
    gap:5px!important;
  }
  .beh__thumb{width:29px!important;height:29px!important}
}

/* =========================================================
   v0.8 COMPLETE BACKEND CONTROL LAYER — authoritative overrides
   ========================================================= */
.beh{height:var(--beh-height)!important;min-height:0!important}
.beh__scene-bg-layer{filter:brightness(var(--beh-bg-brightness,1)) contrast(var(--beh-bg-contrast,1)) saturate(var(--beh-bg-saturation,1))}
.beh__headline{font-family:var(--beh-head-font,Georgia,"Times New Roman",serif)!important;font-size:var(--beh-head-size-d,88px)!important;font-weight:var(--beh-head-weight,400)!important;line-height:var(--beh-head-lh,.94)!important;letter-spacing:var(--beh-head-ls,-.05em)!important;color:var(--beh-head-color,var(--beh-text))!important}
.beh__headline mark{color:var(--beh-highlight-color,var(--beh-accent))!important}
.beh__body{font-size:var(--beh-body-size-d,15px)!important;color:var(--beh-body-color,var(--beh-text))!important;max-width:var(--beh-body-width,510px)!important}
.beh__eyebrow{font-size:var(--beh-eyebrow-size,10px)!important;color:var(--beh-eyebrow-color,var(--beh-accent))!important}
.beh__title{font-size:var(--beh-title-size-d,34px)!important;color:var(--beh-title-color,var(--beh-text))!important}
.beh__description{font-size:var(--beh-desc-size-d,12px)!important;color:var(--beh-desc-color,var(--beh-text))!important}
.beh__cta{font-size:var(--beh-cta-size,12px)!important;color:var(--beh-cta-text,var(--beh-text))!important;background:color-mix(in srgb,var(--beh-accent) var(--beh-cta-bg-pct,11%),transparent)!important;border-color:color-mix(in srgb,var(--beh-accent) var(--beh-cta-border-pct,75%),transparent)!important}
.beh__steam{width:clamp(150px,var(--beh-smoke-width,22vw),520px)!important;height:clamp(240px,var(--beh-smoke-height,47vh),700px)!important}
.beh__dish-slot--main .beh__dish-shadow{opacity:var(--beh-shadow-opacity,.54)!important;filter:blur(var(--beh-shadow-blur,28px))!important;translate:var(--beh-shadow-x,0px) var(--beh-shadow-y,0px)!important;scale:var(--beh-shadow-scale,1)!important}
.beh__dish-slot--main .beh__dish--main{opacity:var(--beh-main-opacity,1)!important;transform:translate3d(var(--beh-main-x),var(--beh-main-y),0) scale(var(--beh-main-scale)) rotate(var(--beh-main-rotation,0deg))!important}
.beh__dish-slot--incoming .beh__dish--incoming{opacity:var(--beh-preview-opacity,.34)!important;filter:blur(var(--beh-preview-blur,var(--beh-incoming-blur,4.5px))) brightness(.84) saturate(.94) drop-shadow(0 18px 24px rgba(0,0,0,.19))!important;transform:translate3d(var(--beh-preview-x),var(--beh-preview-y),0) scale(var(--beh-preview-scale)) rotate(var(--beh-preview-rotation,2deg))!important}
.beh.is-transitioning .beh__dish-slot--main .beh__dish--main{opacity:var(--beh-main-opacity,1)!important}
.beh.is-transitioning .beh__dish-slot--incoming .beh__dish--incoming{opacity:1!important;filter:blur(0)!important;transform:translate3d(var(--beh-main-x),var(--beh-main-y),0) scale(var(--beh-main-scale)) rotate(var(--beh-main-rotation,0deg))!important}

@media (min-width:1101px){
 .beh__copy{left:var(--beh-d-copy-left,6.5vw)!important;top:var(--beh-d-copy-top,46%)!important;width:var(--beh-d-copy-w,35vw)!important;transform:translate(var(--beh-copy-x-d,0%),calc(-50% + var(--beh-copy-y-d,0%)))!important}
 .beh.is-copy-out .beh__copy{transform:translate(var(--beh-copy-x-d,0%),calc(-50% + var(--beh-copy-y-d,0%) - 18px))!important}
 .beh__details{right:var(--beh-details-right,5.2vw)!important;top:var(--beh-details-top,50%)!important;transform:translate(var(--beh-details-x-d,0%),calc(-50% + var(--beh-details-y-d,0%)))!important}
 .beh.is-copy-out .beh__details{transform:translate(var(--beh-details-x-d,0%),calc(-50% + var(--beh-details-y-d,0%) - 14px))!important}
 .beh__dish-slot--main{left:var(--beh-main-left)!important;top:var(--beh-main-top)!important;width:var(--beh-main-w)!important;height:var(--beh-main-h)!important}
 .beh__dish-slot--incoming{left:var(--beh-preview-left)!important;top:var(--beh-preview-top)!important;width:var(--beh-preview-w)!important;height:var(--beh-preview-h)!important;right:auto!important}
 .beh__dish-slot--incoming.is-target{left:var(--beh-main-left)!important;top:var(--beh-main-top)!important;width:var(--beh-main-w)!important;height:var(--beh-main-h)!important}
 .beh__selector{left:var(--beh-selector-left)!important;bottom:var(--beh-selector-bottom)!important}
}
@media (max-width:1100px) and (min-width:601px){
 .beh{height:var(--beh-tablet-height,820px)!important}
 .beh__copy{left:var(--beh-t-copy-left,6%)!important;top:var(--beh-t-copy-top,9%)!important;width:var(--beh-t-copy-w,58%)!important;transform:translate(var(--beh-copy-x-t,0%),var(--beh-copy-y-t,0%))!important}
 .beh__headline{font-size:var(--beh-head-size-t,66px)!important}
 .beh__body{font-size:var(--beh-body-size-t,13px)!important}
 .beh__title{font-size:var(--beh-title-size-t,27px)!important}
 .beh__dish-slot--main{left:var(--beh-t-main-left,20%)!important;top:var(--beh-t-main-top,31%)!important;width:var(--beh-t-main-w,74%)!important;height:var(--beh-t-main-h,52%)!important}
 .beh__dish-slot--incoming{left:var(--beh-t-preview-left,70%)!important;right:auto!important;top:var(--beh-t-preview-top,13%)!important;width:var(--beh-t-preview-w,45%)!important;height:var(--beh-t-preview-h,31%)!important}
 .beh__dish-slot--incoming.is-target{left:var(--beh-t-main-left,20%)!important;top:var(--beh-t-main-top,31%)!important;width:var(--beh-t-main-w,74%)!important;height:var(--beh-t-main-h,52%)!important}
 .beh__dish-slot--main .beh__dish--main{transform:translate3d(var(--beh-main-x-t,0%),var(--beh-main-y-t,0%),0) scale(var(--beh-main-scale-t,1)) rotate(var(--beh-main-rotation,0deg))!important}
 .beh__dish-slot--incoming .beh__dish--incoming{transform:translate3d(var(--beh-preview-x-t,0%),var(--beh-preview-y-t,0%),0) scale(var(--beh-preview-scale-t,.62)) rotate(var(--beh-preview-rotation,2deg))!important}
 .beh__details{right:var(--beh-t-details-right,5%)!important;top:var(--beh-t-details-top,67%)!important;width:var(--beh-t-details-w,34%)!important;transform:translate(var(--beh-details-x-t,0%),var(--beh-details-y-t,0%))!important}
 .beh__selector{left:var(--beh-t-selector-left,78%)!important;right:auto!important;bottom:var(--beh-t-selector-bottom,4.8%)!important;transform:translateX(-50%)!important}
}
@media (max-width:600px){
 .beh{height:var(--beh-mobile-height,760px)!important}
 .beh__copy{left:var(--beh-m-copy-left,6%)!important;top:var(--beh-m-copy-top,6%)!important;width:var(--beh-m-copy-w,88%)!important;transform:translate(var(--beh-copy-x-m,0%),var(--beh-copy-y-m,0%))!important}
 .beh__headline{font-size:var(--beh-head-size-m,44px)!important}
 .beh__body{font-size:var(--beh-body-size-m,11.5px)!important}
 .beh__title{font-size:var(--beh-title-size-m,22px)!important}
 .beh__description{font-size:var(--beh-desc-size-m,10px)!important}
 .beh__dish-slot--main{left:var(--beh-m-main-left,-5%)!important;top:var(--beh-m-main-top,29.5%)!important;width:var(--beh-m-main-w,110%)!important;height:var(--beh-m-main-h,45%)!important}
 .beh__dish-slot--incoming{left:var(--beh-m-preview-left,67%)!important;right:auto!important;top:var(--beh-m-preview-top,18.5%)!important;width:var(--beh-m-preview-w,57%)!important;height:var(--beh-m-preview-h,27%)!important}
 .beh__dish-slot--incoming.is-target{left:var(--beh-m-main-left,-5%)!important;top:var(--beh-m-main-top,29.5%)!important;width:var(--beh-m-main-w,110%)!important;height:var(--beh-m-main-h,45%)!important}
 .beh__dish-slot--main .beh__dish--main{transform:translate3d(var(--beh-main-x-m,0%),var(--beh-main-y-m,0%),0) scale(var(--beh-main-scale-m,1)) rotate(var(--beh-main-rotation,0deg))!important}
 .beh__dish-slot--incoming .beh__dish--incoming{transform:translate3d(var(--beh-preview-x-m,0%),var(--beh-preview-y-m,0%),0) scale(var(--beh-preview-scale-m,.62)) rotate(var(--beh-preview-rotation,2deg))!important}
 .beh__details{right:var(--beh-m-details-right,5%)!important;top:var(--beh-m-details-top,72%)!important;width:var(--beh-m-details-w,58%)!important;bottom:auto!important;transform:translate(var(--beh-details-x-m,0%),var(--beh-details-y-m,0%))!important}
 .beh__selector{left:var(--beh-m-selector-left,78%)!important;right:auto!important;bottom:var(--beh-m-selector-bottom,4%)!important;transform:translateX(-50%)!important}
}

.beh__selector{gap:var(--beh-selector-gap,5px)!important;padding:var(--beh-selector-pad-y,4px) var(--beh-selector-pad-x,7px)!important}.beh__thumb{width:var(--beh-thumb-size,30px)!important;height:var(--beh-thumb-size,30px)!important}@media(min-width:1101px){.beh__details{width:var(--beh-d-details-w,18vw)!important}}

/* v0.8.1 transition continuity: old and new copy overlap instead of leaving an empty scene. */

/* Performance: pause continuous decorative animation when the hero is outside the viewport. */
.beh.is-offscreen .beh__steam i,
.beh.is-offscreen .beh__particle{animation-play-state:paused!important}