/* Homepage shawarma sequence. Shared warm smoke background; sharp scroll-driven food frames. */
.hero.shawarma-scroll-scene{position:relative;padding:0;height:auto;overflow:visible;background:#2a170f}
.hero.shawarma-scroll-scene.sequence-ready{height:var(--shawarma-scroll-height,900svh)}
.shawarma-sticky{position:sticky;top:0;height:100svh;min-height:480px;overflow:hidden;isolation:isolate;background:#2a170f}
.shawarma-stage::before{content:none}
.shawarma-stage{position:absolute;inset:0;pointer-events:none;z-index:0;isolation:isolate;background:#2a170f}
.shawarma-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.shawarma-canvas.has-frame{opacity:1}
.shawarma-poster{position:absolute;left:68%;top:52%;width:min(90%,190svh);height:auto;transform:translate(-50%,-50%);object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 92%,transparent),linear-gradient(transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}
.hero.shawarma-scroll-scene .shawarma-content{position:relative;z-index:2;display:flex;align-items:center;min-height:0;height:100%;padding-top:50px;padding-bottom:50px;pointer-events:none}
.hero.shawarma-scroll-scene .shawarma-copy{width:48%;max-width:620px;color:#fff;pointer-events:auto;text-shadow:0 2px 30px #000;will-change:opacity,transform}
.hero.shawarma-scroll-scene h1{font-size:clamp(48px,5.8vw,80px);line-height:1.06;letter-spacing:-0.02em}
.hero.shawarma-scroll-scene .hero-copy>p{color:#f5e8dc;font-size:19px;line-height:1.6;margin-top:14px;margin-bottom:22px}
.hero.shawarma-scroll-scene .cta .btn{font-size:16px;padding:14px 26px}
.hero.shawarma-scroll-scene .btn.ghost{color:#fff;border-color:#ffffff80;background:#0005}
.hero.shawarma-scroll-scene .btn.ghost:hover{background:var(--o);border-color:var(--o)}
.shawarma-scroll-cue{position:absolute;bottom:44px;left:calc(50% - 11px);width:22px;height:34px;border:1px solid #ffffff70;border-radius:14px;z-index:3;pointer-events:none}
.shawarma-scroll-cue span{display:block;width:3px;height:7px;background:#fff;margin:7px auto;border-radius:3px}
.shawarma-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--o);transform:scaleX(0);transform-origin:left;z-index:3}
.shawarma-scroll-scene.is-static.sequence-ready{height:auto}
.shawarma-scroll-scene.is-static .shawarma-sticky{position:relative}
.shawarma-scroll-scene.is-static :is(.shawarma-canvas,.shawarma-scroll-cue,.shawarma-progress){display:none}
@media(max-width:767px){
 .hero.shawarma-scroll-scene .shawarma-content{align-items:flex-start;padding-top:85px;padding-bottom:24px}
 .hero.shawarma-scroll-scene .shawarma-copy{width:100%;max-width:420px}
 .hero.shawarma-scroll-scene h1{font-size:clamp(38px,9.5vw,52px);max-width:9.5em}
 .hero.shawarma-scroll-scene .hero-copy>p{font-size:16px;line-height:1.5;margin:12px 0 18px;max-width:25em}
 .hero.shawarma-scroll-scene .cta{gap:12px}
 .hero.shawarma-scroll-scene .cta .btn{font-size:15px;padding:12px 18px}
 .shawarma-poster{left:52%;top:66%;width:min(130%,140svh);height:auto}
}
@media(prefers-reduced-motion:reduce){
 .hero.shawarma-scroll-scene.sequence-ready{height:auto}
 .shawarma-sticky{position:relative}
 .shawarma-canvas,.shawarma-scroll-cue,.shawarma-progress{display:none}
 .shawarma-copy{opacity:1!important;transform:none!important}
}

.shawarma-stage:has(.shawarma-canvas.has-frame) .shawarma-poster{visibility:hidden}

/* Registered native shawarma steam video; idle hero smoke */
.shawarma-ambient-steam{position:absolute;left:30%;top:0;width:80%;height:100%;object-fit:fill;opacity:0;pointer-events:none;transition:opacity .18s linear;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 92%,transparent),linear-gradient(transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}
.shawarma-scroll-scene.is-static .shawarma-ambient-steam{display:none}
@media(prefers-reduced-motion:reduce){.shawarma-ambient-steam{display:none}}

/* Warm brown remains beneath every image; screen blending preserves tonal detail in the dark food pixels. */
.shawarma-canvas,.shawarma-poster,.shawarma-ambient-steam{mix-blend-mode:screen}