.ingredient-story{height:240vh;background:#fff;--spread:0;--labels:0}
.ingredient-pin{position:sticky;top:0;min-height:100svh;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:40px}
.ingredient-copy h2{font-size:clamp(2.7rem,5vw,5rem);margin:22px 0;letter-spacing:-.045em}
.ingredient-copy em{color:var(--gold-deep);font-weight:500}
.ingredient-copy p{max-width:350px;line-height:1.8;color:var(--ink-soft)}
.ingredient-copy .btn-outline{display:inline-block;margin-top:28px}
.ingredient-hint{display:block;margin-top:28px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}
.ingredient-stage{position:relative;width:100%;height:650px;max-height:80svh;isolation:isolate}
.ingredient-layer{position:absolute;width:90%;left:5%;height:auto;background-image:url('doener-layers.webp');background-repeat:no-repeat;mix-blend-mode:multiply;transform-origin:center;will-change:transform}
.layer-top{aspect-ratio:1024/315;background-size:100% 487.62%;background-position:center 0%;top:27%;z-index:5;transform:translateY(calc(var(--spread)*-135px)) rotate(calc(var(--spread)*-4deg))}
.layer-salad{aspect-ratio:1024/315;background-size:100% 487.62%;background-position:center 25.80%;top:35%;z-index:4;transform:translateY(calc(var(--spread)*-70px)) rotate(calc(var(--spread)*3deg))}
.layer-sauce{aspect-ratio:1024/225;background-size:100% 682.67%;background-position:center 48.05%;top:44%;z-index:3;transform:translateY(calc(var(--spread)*-8px))}
.layer-meat{aspect-ratio:1024/320;background-size:100% 480%;background-position:center 69.49%;top:47%;z-index:2;transform:translateY(calc(var(--spread)*55px)) rotate(calc(var(--spread)*-3deg))}
.layer-bottom{aspect-ratio:1024/370;background-size:100% 415.14%;background-position:center 100%;top:54%;z-index:1;transform:translateY(calc(var(--spread)*118px)) rotate(calc(var(--spread)*2deg))}
.ingredient-label{position:absolute;z-index:6;right:0;font-size:.68rem;color:var(--gold-deep);background:#fff;padding:7px 10px;border-bottom:1px solid var(--gold-pale);opacity:var(--labels);transform:translateX(calc((1 - var(--labels))*12px))}
.label-bread{top:6%}.label-salad{top:29%}.label-sauce{top:47%}.label-meat{top:67%}
.scroll-manifesto{padding:clamp(70px,12vw,160px) 0;background:var(--paper)}
.scroll-ink{font:600 clamp(2.7rem,7.2vw,7rem)/1.13 'Fraunces',serif;letter-spacing:-.045em;margin-top:30px}
.scroll-ink span{color:transparent;background:linear-gradient(90deg,var(--ink) 0%,var(--ink) var(--ink-fill,0%),#dfd9ce var(--ink-fill,0%),#dfd9ce 100%);background-clip:text;-webkit-background-clip:text}
.scroll-ink span:last-child{--ink-color:var(--gold-deep);background-image:linear-gradient(90deg,var(--gold-deep) 0%,var(--gold-deep) var(--ink-fill,0%),#dfd9ce var(--ink-fill,0%),#dfd9ce 100%)}










.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.meat-panel .detail-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .65s ease;pointer-events:none}
.meat-panel.is-playing .detail-video{opacity:1}
.grill-play{position:absolute;right:16px;top:16px;z-index:4;padding:10px 13px;border-radius:24px;background:#fff;color:var(--ink);font-size:.7rem;box-shadow:0 3px 18px #0002}
.quick-actions{display:none}
.menu-tabs{display:flex;gap:9px;overflow-x:auto;padding:10px 0 22px;margin-bottom:20px;scrollbar-width:thin}
.menu-tab{flex:none;padding:12px 20px;border:1px solid var(--line);border-radius:30px;transition:background .25s,color .25s;font-size:.85rem;white-space:nowrap}
.menu-tab[aria-pressed=true]{color:#fff;background:var(--ink);border-color:var(--ink)}
.menu-category[hidden]{display:none!important}
.menu-category.category-enter{animation:category-in .5s var(--motion-ease) both}
@keyframes category-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.cart-flight{position:fixed;z-index:10001;pointer-events:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:white;font-weight:bold}
@media(max-width:900px){
 .ingredient-pin{gap:0;grid-template-columns:1fr;align-content:center;padding-top:70px;padding-bottom:25px}
 .ingredient-copy h2{font-size:2.8rem;margin:12px 0}.ingredient-copy h2 br{display:none}.ingredient-copy p{font-size:.87rem;max-width:420px}
 .ingredient-copy .btn-outline{margin-top:12px;font-size:.75rem}.ingredient-hint{margin-top:12px;font-size:.6rem}
 .ingredient-stage{height:460px;max-height:54svh;width:min(440px,100%);margin:auto}
 .ingredient-story{height:210vh}
 .layer-top{transform:translateY(calc(var(--spread)*-65px)) rotate(calc(var(--spread)*-4deg))}.layer-salad{transform:translateY(calc(var(--spread)*-35px))}.layer-meat{transform:translateY(calc(var(--spread)*30px))}.layer-bottom{transform:translateY(calc(var(--spread)*60px))}
 .ingredient-label{font-size:.57rem;padding:5px 7px}.label-bread{top:10%}.label-meat{top:76%}
 
}
@media(max-width:700px){
 body{padding-bottom:88px}
 .quick-actions{position:fixed;display:flex;gap:8px;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));padding:7px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:40px;box-shadow:0 8px 35px #21180922;z-index:95;transform:translateY(150%);opacity:0;transition:transform .45s var(--motion-ease),opacity .3s;pointer-events:none}
 .quick-actions.visible{transform:none;opacity:1;pointer-events:auto}.quick-actions a{flex:1;padding:12px 10px;border-radius:28px;font-size:.8rem;text-align:center}.quick-actions a:first-child{background:var(--ink);color:white}.quick-actions a:last-child{background:var(--gold-pale)}
 body.nav-open .quick-actions{transform:translateY(150%);opacity:0;pointer-events:none}
 .to-top,.cart-chip{bottom:94px!important}.cart-chip{max-width:calc(100vw - 100px)}
}
@media(prefers-reduced-motion:reduce){
 .ingredient-story{height:auto;--spread:.7!important;--labels:1!important}.ingredient-pin{position:relative;min-height:0;padding-top:90px;padding-bottom:70px}.ingredient-hint{display:none}
 .scroll-ink span{background:none;color:var(--ink)}.scroll-ink span:last-child{color:var(--gold-deep)}
}
/* Isolate the mobile action bar from legacy global nav rules. */
nav.quick-actions{width:auto;height:auto;top:auto;overflow:visible;align-items:center;flex-direction:row}
@media(min-width:701px){nav.quick-actions{display:none}}
@media(max-width:700px){nav.quick-actions{padding:7px;gap:8px}}

/* Center the editorial statement. */
.scroll-manifesto .wrap{text-align:center}
.scroll-ink{margin-left:auto;margin-right:auto;text-align:center}