:root{--cream:#f2ece1;--cream2:#e8dfd1;--ink:#1d1b19;--muted:#716b64;--wine:#720a12;--line:rgba(29,27,25,.12);--white:#fff;--shadow:0 24px 70px rgba(35,25,18,.12);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}.topbar{height:82px;position:sticky;top:0;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;background:rgba(242,236,225,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{width:78px;height:58px;overflow:hidden;border-radius:10px}.brand img{width:100%;height:100%;object-fit:cover}.desktop-nav{display:flex;gap:34px;align-items:center}.desktop-nav a,.lang{font-size:15px;color:#4b4742;transition:.25s}.desktop-nav a:hover{color:var(--wine)}.nav-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px}.lang{border:0;background:none;cursor:pointer}.menu-pill,.primary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--wine);color:#fff;padding:14px 22px;font-weight:600;cursor:pointer;transition:transform .25s,box-shadow .25s}.menu-pill:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(114,10,18,.22)}.mobile-toggle{display:none;border:0;background:none;width:42px;height:42px}.mobile-toggle span{display:block;width:22px;height:1px;background:var(--ink);margin:6px auto}.mobile-menu{display:none}.hero{min-height:calc(100vh - 82px);padding:7vw 6vw 5vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center}.hero-copy{max-width:620px}.eyebrow{margin:0 0 18px;color:var(--wine);font-size:13px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(48px,6vw,92px);line-height:.98;letter-spacing:-.055em;font-weight:540;margin:0;max-width:760px}.hero-lead{font-size:clamp(18px,1.6vw,24px);line-height:1.55;color:var(--muted);max-width:570px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{font-size:16px}.text-link span{display:inline-block;margin-left:6px}.hero-media{margin:0;border-radius:36px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:1/1}.hero-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.hero-media:hover img{transform:scale(1.025)}.manifesto{padding:11vw 10vw}.manifesto p{font-size:clamp(34px,5vw,72px);line-height:1.12;letter-spacing:-.04em;font-weight:430;max-width:1300px;margin:0 auto;color:#2d2a27}.burger-motion{height:260vh;background:#181513;color:#fff;position:relative}.sticky-stage{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;padding:8vh 7vw}.motion-copy{max-width:450px;position:relative;z-index:3}.motion-copy .eyebrow{color:#d9b5aa}.motion-copy h2{font-size:clamp(38px,5vw,72px);font-weight:460;letter-spacing:-.045em;line-height:1.02;margin:0 0 24px}.motion-copy p:last-child{font-size:18px;line-height:1.6;color:#bcb5ae}.css-burger{position:relative;width:min(48vw,640px);height:580px;justify-self:center;filter:drop-shadow(0 38px 44px rgba(0,0,0,.38));transform:scale(.95)}.ingredient{position:absolute;left:50%;transform:translateX(-50%);will-change:transform;transition:filter .2s}.topbun{width:500px;height:180px;top:80px;border-radius:240px 240px 78px 78px;background:radial-gradient(circle at 34% 22%,#f2a446 0 3%,transparent 4%),radial-gradient(circle at 48% 18%,#f4b765 0 2.7%,transparent 3.7%),radial-gradient(circle at 60% 28%,#ef9e3d 0 2.5%,transparent 3.5%),linear-gradient(#c86b20 0%,#a54a14 72%,#883b10 100%);box-shadow:inset 0 14px 20px rgba(255,202,107,.18),inset 0 -18px 18px rgba(91,32,4,.22)}.topbun:after{content:"";position:absolute;inset:17px 44px 60px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,214,142,.18),transparent 62%)}.sauce{height:22px;width:430px;border-radius:50%;background:linear-gradient(90deg,#f0b077,#e48550,#f7bd84);box-shadow:0 3px 10px rgba(0,0,0,.25)}.sauce1{top:255px}.sauce2{top:438px}.pickle{width:94px;height:28px;border-radius:50%;background:radial-gradient(ellipse,#8f9d44 0 50%,#556324 53% 72%,#38410f 74%);top:274px}.p1{margin-left:-125px;transform:translateX(-50%) rotate(-7deg)}.p2{margin-left:0;transform:translateX(-50%) rotate(5deg)}.p3{margin-left:128px;transform:translateX(-50%) rotate(-4deg)}.cheese{width:445px;height:52px;background:#e9a51f;clip-path:polygon(0 10%,22% 0,49% 8%,71% 0,100% 15%,95% 68%,78% 62%,63% 100%,45% 67%,25% 92%,4% 72%);filter:drop-shadow(0 4px 7px rgba(0,0,0,.25))}.cheese1{top:302px}.cheese2{top:390px}.patty{width:455px;height:72px;border-radius:44% 48% 42% 46%;background:radial-gradient(circle at 15% 28%,#6e2d17 0 6%,transparent 7%),radial-gradient(circle at 52% 70%,#2b100b 0 4%,transparent 5%),radial-gradient(circle at 78% 24%,#7b351d 0 4%,transparent 5%),linear-gradient(#4b1d12,#2e0f0a 70%,#1d0906);box-shadow:inset 0 7px 8px rgba(149,72,39,.22),0 5px 12px rgba(0,0,0,.28)}.patty1{top:340px}.patty2{top:412px}.bottombun{width:470px;height:106px;top:458px;border-radius:45px 45px 170px 170px;background:linear-gradient(#a95318,#bb661e 45%,#8d3a10);box-shadow:inset 0 -16px 20px rgba(89,29,4,.28)}.ingredient-labels{position:absolute;right:4vw;bottom:7vh;display:grid;gap:7px;text-align:right;color:#8e8781;font-size:13px}.ingredient-labels span{opacity:.45}.burgers{padding:10vw 6vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:5vw;margin-bottom:52px}.section-head h2{font-size:clamp(42px,5vw,72px);font-weight:470;letter-spacing:-.045em;margin:0}.section-head>p{max-width:460px;color:var(--muted);line-height:1.55;margin:0}.burger-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.burger-card{background:#e9e0d3;border:1px solid rgba(29,27,25,.07);border-radius:22px;overflow:hidden;cursor:pointer;transition:transform .3s,box-shadow .3s}.burger-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(39,31,25,.11)}.burger-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.burger-card div{padding:16px 16px 18px}.burger-card h3{font-size:18px;font-weight:560;letter-spacing:-.02em;margin:0}.burger-card p{font-size:12px;color:var(--wine);margin:7px 0 0;text-transform:uppercase;letter-spacing:.1em}.feature-split{display:grid;grid-template-columns:1.1fr .9fr;min-height:780px;background:#ded2c2}.feature-image{overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:10vw 8vw;align-self:center}.feature-copy h2{font-size:clamp(40px,5vw,70px);font-weight:460;letter-spacing:-.045em;line-height:1.04;margin:0 0 28px}.feature-copy p:last-child{font-size:19px;color:#665f58;line-height:1.7;max-width:560px}.editorial-grid{padding:8vw 6vw;display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr;gap:18px}.editorial-card{position:relative;overflow:hidden;border-radius:28px;min-height:340px}.editorial-card.large{grid-row:1/3;min-height:700px}.editorial-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.editorial-card:hover img{transform:scale(1.025)}.editorial-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.66))}.editorial-card div{position:absolute;left:28px;right:28px;bottom:25px;z-index:2;color:white}.editorial-card span{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.editorial-card h3{font-size:30px;font-weight:470;margin:7px 0 0}.locations{padding:9vw 6vw}.location-card{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 4px}.location-card h3{font-size:32px;font-weight:490;margin:0}.location-card p{color:var(--muted);margin:7px 0 0}.location-card a{color:var(--wine)}.franchise{background:#751019;color:#fff;padding:10vw 7vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.franchise-intro .eyebrow{color:#e3b8ae}.franchise-intro h2{font-size:clamp(42px,5vw,72px);font-weight:450;letter-spacing:-.05em;line-height:1.03;margin:0 0 28px}.franchise-intro>p:last-child{color:#e4cbc5;font-size:18px;line-height:1.65;max-width:510px}.franchise-form{background:#f5efe6;color:var(--ink);padding:34px;border-radius:26px;display:grid;gap:22px}.franchise-form label{display:grid;gap:8px;font-size:13px;color:#5e5751}.franchise-form input,.franchise-form textarea{width:100%;border:0;border-bottom:1px solid #c9beb1;background:transparent;padding:12px 0;outline:none;color:var(--ink)}.franchise-form input:focus,.franchise-form textarea:focus{border-color:var(--wine)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.franchise-form .primary{justify-self:start}.franchise-form small{color:#8a8179;line-height:1.5}footer{padding:5vw 6vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;border-top:1px solid var(--line)}footer img{width:120px;border-radius:12px}footer div{text-align:center}footer div p,footer>p{color:var(--muted);font-size:14px}footer>p{text-align:right}.lightbox{position:fixed;inset:0;z-index:100;background:rgba(17,14,12,.84);backdrop-filter:blur(14px);display:none;place-items:center;padding:5vw}.lightbox.open{display:grid}.lightbox-card{width:min(1080px,90vw);background:#f3ecdf;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;box-shadow:0 30px 100px rgba(0,0,0,.35)}.lightbox-card img{width:100%;height:min(72vh,760px);object-fit:cover}.lightbox-card>div{padding:48px;align-self:center}.lightbox-card h3{font-size:clamp(36px,5vw,68px);font-weight:470;letter-spacing:-.05em;margin:0 0 30px}.lightbox-card a{color:var(--wine)}.lightbox-close{position:fixed;right:4vw;top:4vw;width:48px;height:48px;border:0;border-radius:50%;background:#fff;font-size:28px;cursor:pointer}.reveal{opacity:0;transform:translateY(22px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.desktop-nav{display:none}.mobile-toggle{display:block}.topbar{grid-template-columns:1fr auto}.mobile-menu{position:fixed;z-index:59;top:82px;left:0;right:0;background:var(--cream);padding:30px 6vw 40px;display:grid;gap:24px;transform:translateY(-140%);transition:.35s;border-bottom:1px solid var(--line)}.mobile-menu.open{transform:none}.mobile-menu a{font-size:28px}.hero{grid-template-columns:1fr;padding-top:10vw}.hero-copy{max-width:800px}.hero-media{max-height:70vh}.burger-grid{grid-template-columns:repeat(3,1fr)}.sticky-stage{grid-template-columns:1fr}.motion-copy{position:absolute;top:10vh;left:7vw;max-width:400px}.css-burger{width:600px;transform:scale(.8);align-self:end}.ingredient-labels{display:none}.franchise{grid-template-columns:1fr}.feature-split{min-height:auto}}
@media(max-width:700px){.topbar{height:72px;padding:0 18px}.brand{width:62px;height:47px}.lang{display:none}.menu-pill{padding:11px 16px}.mobile-menu{top:72px}.hero{padding:50px 20px 70px;min-height:auto;gap:40px}.hero h1{font-size:50px}.hero-lead{font-size:18px}.hero-actions{align-items:flex-start;gap:18px;flex-direction:column}.hero-media{border-radius:24px}.manifesto{padding:100px 22px}.manifesto p{font-size:38px}.burger-motion{height:220vh}.sticky-stage{padding:7vh 20px}.motion-copy{left:22px;right:22px;top:7vh}.motion-copy h2{font-size:40px}.motion-copy p:last-child{font-size:15px}.css-burger{position:absolute;bottom:4vh;left:50%;margin-left:-300px;transform:scale(.56)}.burgers,.locations{padding:90px 20px}.section-head{display:block}.section-head>p{margin-top:18px}.burger-grid{grid-template-columns:repeat(2,1fr);gap:12px}.burger-card div{padding:13px}.burger-card h3{font-size:15px}.feature-split{grid-template-columns:1fr}.feature-image{height:58vh}.feature-copy{padding:80px 22px}.editorial-grid{padding:70px 20px;grid-template-columns:1fr;grid-template-rows:auto}.editorial-card,.editorial-card.large{grid-row:auto;min-height:420px}.franchise{padding:90px 20px;gap:50px}.franchise-form{padding:24px}.form-row{grid-template-columns:1fr}.lightbox{padding:20px}.lightbox-card{grid-template-columns:1fr;max-height:90vh;overflow:auto}.lightbox-card img{height:50vh}.lightbox-card>div{padding:28px}.lightbox-close{right:20px;top:20px}footer{padding:60px 20px;grid-template-columns:1fr;gap:30px}footer div,footer>p{text-align:left}}

/* v6 refinements */
.brand{width:118px;height:64px;overflow:visible;border-radius:0;display:flex;align-items:center}.brand img{width:112px;height:58px;object-fit:contain}.brand-kicker{text-transform:none;letter-spacing:.04em;font-weight:560}.manifesto{padding:9vw 9vw 10vw;display:grid;grid-template-columns:240px 1fr;gap:7vw;align-items:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.manifesto-label{padding-top:11px;color:var(--wine);font-size:13px;letter-spacing:.08em}.manifesto p{font-size:clamp(30px,4.1vw,60px);line-height:1.14;letter-spacing:-.035em;font-weight:420;max-width:1120px;margin:0;color:#2d2a27}.franchise .eyebrow{text-transform:none;letter-spacing:.04em}.burger-card p{display:none}.ingredient-labels{right:3.4vw;bottom:8vh;gap:12px;font-size:14px;padding-right:18px;border-right:1px solid rgba(255,255,255,.14)}.ingredient-labels span{position:relative;opacity:.28;transform:translateX(0);transition:opacity .3s,color .3s,transform .3s,text-shadow .3s}.ingredient-labels span:after{content:"";position:absolute;right:-23px;top:50%;width:9px;height:9px;border-radius:50%;background:#6f6660;transform:translateY(-50%) scale(.65);transition:.3s}.ingredient-labels span.active{opacity:1;color:#fff;transform:translateX(-7px);text-shadow:0 0 20px rgba(255,232,212,.25)}.ingredient-labels span.active:after{background:#e4a58d;transform:translateY(-50%) scale(1);box-shadow:0 0 16px rgba(228,165,141,.6)}.ingredient-labels span.passed{opacity:.58;color:#d7c6bd}.locations{padding:9vw 6vw 10vw}.location-head{margin-bottom:38px}.location-showcase{display:grid;grid-template-columns:1.35fr .65fr;min-height:560px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#e7ddd0;box-shadow:0 20px 60px rgba(45,35,28,.08)}.map-wrap{min-height:560px;background:#ddd2c3}.map-wrap iframe{width:100%;height:100%;min-height:560px;border:0;filter:saturate(.72) contrast(.95)}.location-panel{padding:54px 48px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#ebe2d6,#ded1c0)}.location-no{font-size:12px;letter-spacing:.16em;color:var(--wine);margin:0 0 35px}.location-panel h3{font-size:clamp(34px,3vw,52px);font-weight:450;letter-spacing:-.04em;line-height:1.05;margin:0 0 22px}.location-address{font-size:18px;line-height:1.65;color:#625b54;margin:0}.location-meta{display:grid;gap:18px;align-items:start}.location-meta>a:first-child{font-size:17px}.location-button{justify-self:start}.feature-copy .eyebrow{letter-spacing:.08em}.editorial-card span{letter-spacing:.1em}footer img{width:150px;height:92px;object-fit:contain;border-radius:0}
@media(max-width:1100px){.manifesto{grid-template-columns:1fr;gap:20px}.location-showcase{grid-template-columns:1fr}.map-wrap,.map-wrap iframe{min-height:430px}.location-panel{min-height:360px}.ingredient-labels{display:grid;right:25px;bottom:4vh}}
@media(max-width:700px){.brand{width:86px;height:50px}.brand img{width:84px;height:45px}.manifesto{padding:90px 22px}.manifesto p{font-size:34px}.ingredient-labels{display:none}.location-head{margin-bottom:24px}.location-showcase{border-radius:22px}.map-wrap,.map-wrap iframe{min-height:340px}.location-panel{padding:34px 26px;min-height:330px}.location-panel h3{font-size:36px}.location-address{font-size:16px}footer img{width:132px;height:80px}}
.feature-copy .eyebrow{text-transform:none}

/* v10 mobile fixes: keep language switch visible and retain scroll layer labels */
@media(max-width:700px){
  .topbar{grid-template-columns:1fr auto;gap:8px}
  .nav-actions{gap:8px}
  .lang{display:inline-flex;align-items:center;justify-content:center;font-size:12px;white-space:nowrap;padding:8px 4px;color:#4b4742}
  .menu-pill{padding:10px 13px;font-size:14px}
  .mobile-toggle{width:36px;height:36px}
  .ingredient-labels{
    display:flex;
    left:18px;
    right:18px;
    top:34vh;
    bottom:auto;
    justify-content:center;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-right:0;
    border:1px solid rgba(255,255,255,.10);
    border-radius:999px;
    background:rgba(24,21,19,.52);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    text-align:center;
    font-size:10px;
    white-space:nowrap;
    z-index:5;
  }
  .ingredient-labels span{transform:none}
  .ingredient-labels span:after{display:none}
  .ingredient-labels span.active{transform:scale(1.08);color:#fff;opacity:1;text-shadow:0 0 18px rgba(255,232,212,.34)}
  .ingredient-labels span.passed{opacity:.62}
}

@media(max-width:390px){
  .brand{width:72px}
  .brand img{width:70px}
  .nav-actions{gap:5px}
  .lang{font-size:11px;padding:8px 2px}
  .menu-pill{padding:9px 11px;font-size:13px}
  .mobile-toggle{width:34px}
  .ingredient-labels{left:10px;right:10px;gap:7px;padding:9px 8px;font-size:9px}
}

/* v11 — photorealistic-inspired smash anatomy + one-way scroll assembly */
.burger-motion{height:235vh;background:radial-gradient(circle at 68% 44%,#2a211d 0,#181513 42%,#12100f 100%)}
.css-burger{width:min(49vw,660px);height:600px;filter:drop-shadow(0 44px 46px rgba(0,0,0,.48));perspective:900px}
.css-burger:after{content:"";position:absolute;left:50%;bottom:4px;width:390px;height:46px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.62),rgba(0,0,0,0) 70%);filter:blur(8px);opacity:.75;z-index:-1}
.ingredient{transform-origin:center;backface-visibility:hidden}
.topbun{width:510px;height:174px;top:92px;border-radius:255px 255px 68px 68px;background:
 radial-gradient(ellipse at 22% 18%,#f4d29a 0 1.5%,transparent 1.8%),radial-gradient(ellipse at 34% 13%,#f7dbab 0 1.4%,transparent 1.7%),radial-gradient(ellipse at 48% 19%,#f0ca8f 0 1.45%,transparent 1.8%),radial-gradient(ellipse at 61% 12%,#f5d5a0 0 1.35%,transparent 1.7%),radial-gradient(ellipse at 74% 22%,#efc789 0 1.5%,transparent 1.8%),radial-gradient(ellipse at 83% 14%,#f6d8a4 0 1.2%,transparent 1.5%),linear-gradient(180deg,#d98432 0%,#c46720 43%,#9f4516 88%,#7f3210 100%);box-shadow:inset 0 16px 24px rgba(255,213,139,.23),inset 0 -20px 18px rgba(77,25,5,.28),0 7px 14px rgba(0,0,0,.18)}
.topbun:before{content:"";position:absolute;left:30px;right:30px;bottom:-2px;height:17px;border-radius:50%;background:linear-gradient(90deg,#f2a263,#d47d42,#ef9f61);box-shadow:0 2px 8px rgba(0,0,0,.22)}
.topbun:after{content:"";position:absolute;inset:18px 54px 66px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,233,191,.15),transparent 66%)}
.sauce{height:19px;width:425px;background:linear-gradient(90deg,#f3bf91,#e79061 26%,#f8c99c 58%,#d8784b 88%,#f5b986);box-shadow:0 4px 8px rgba(0,0,0,.28),inset 0 2px 3px rgba(255,255,255,.22)}
.sauce1{top:264px}.sauce2{top:449px}
.pickle{width:92px;height:25px;background:radial-gradient(ellipse at center,#9fac52 0 45%,#778838 48% 62%,#4d5a20 65% 82%,#313a10 84%);box-shadow:0 3px 5px rgba(0,0,0,.28),inset 0 2px 4px rgba(203,218,108,.22);top:287px}
.cheese{width:462px;height:56px;background:linear-gradient(180deg,#f6ba2f,#e59a16 78%,#c8790c);clip-path:polygon(0 10%,12% 5%,25% 10%,38% 3%,52% 10%,68% 2%,82% 8%,100% 13%,96% 62%,88% 66%,82% 92%,72% 70%,61% 98%,49% 70%,37% 95%,25% 67%,13% 90%,4% 67%);filter:drop-shadow(0 5px 8px rgba(0,0,0,.3));box-shadow:inset 0 3px 4px rgba(255,226,114,.32)}
.cheese1{top:312px}.cheese2{top:401px}
.patty{width:474px;height:74px;border-radius:44% 49% 39% 47%;background:
 radial-gradient(circle at 8% 35%,#9d4c25 0 3%,transparent 3.8%),radial-gradient(circle at 18% 72%,#38130b 0 4%,transparent 4.8%),radial-gradient(circle at 31% 20%,#7c351b 0 3.5%,transparent 4.4%),radial-gradient(circle at 46% 69%,#210a06 0 4.8%,transparent 5.5%),radial-gradient(circle at 58% 29%,#91421f 0 3.2%,transparent 4%),radial-gradient(circle at 73% 71%,#2a0c07 0 4%,transparent 4.8%),radial-gradient(circle at 88% 24%,#82401e 0 3.4%,transparent 4.2%),linear-gradient(180deg,#67301c 0,#43180f 44%,#250b07 100%);box-shadow:inset 0 8px 9px rgba(183,91,45,.2),inset 0 -8px 10px rgba(0,0,0,.22),0 7px 12px rgba(0,0,0,.34)}
.patty:before,.patty:after{content:"";position:absolute;left:4px;right:4px;height:18px;background:linear-gradient(90deg,transparent 0,#2d0c07 8%,#722f18 14%,#210906 23%,#823a1c 34%,#2a0b07 45%,#6f2b17 56%,#1d0705 68%,#7e351a 79%,#270907 90%,transparent 100%);filter:blur(.3px);opacity:.8}
.patty:before{top:-5px;clip-path:polygon(0 58%,4% 26%,8% 62%,12% 20%,18% 68%,23% 24%,29% 60%,34% 18%,41% 70%,48% 25%,55% 62%,62% 16%,68% 67%,74% 24%,81% 62%,88% 22%,94% 65%,100% 42%,100% 100%,0 100%)}
.patty:after{bottom:-5px;transform:rotate(180deg);clip-path:polygon(0 58%,4% 26%,8% 62%,12% 20%,18% 68%,23% 24%,29% 60%,34% 18%,41% 70%,48% 25%,55% 62%,62% 16%,68% 67%,74% 24%,81% 62%,88% 22%,94% 65%,100% 42%,100% 100%,0 100%)}
.patty1{top:352px;transform:translateX(-50%) rotate(-.7deg)}.patty2{top:423px;transform:translateX(-50%) rotate(.6deg)}
.bottombun{width:486px;height:108px;top:472px;border-radius:42px 42px 190px 190px;background:linear-gradient(180deg,#c76b24 0,#ad5018 58%,#84320e 100%);box-shadow:inset 0 9px 12px rgba(255,170,86,.14),inset 0 -18px 20px rgba(75,23,4,.3),0 6px 14px rgba(0,0,0,.2)}
.ingredient-labels span{font-size:14px}
@media(max-width:700px){
  .burger-motion{height:205vh}
  .css-burger{bottom:1.5vh;transform:scale(.54);margin-left:-305px}
  .ingredient-labels{top:32vh}
}

/* v12 — photorealistic scroll burger */
.realistic-burger{width:min(50vw,700px);height:690px;filter:drop-shadow(0 35px 50px rgba(0,0,0,.48));transform:none}
.realistic-burger .photo-layer{left:50%;width:100%;height:auto;object-fit:cover;object-position:center;display:block;filter:none;mix-blend-mode:normal;pointer-events:none;user-select:none}
.realistic-burger .brioche-top{top:18px}
.realistic-burger .atelier-sauce{top:238px}
.realistic-burger .pickles{top:340px}
.realistic-burger .cheddar{top:420px}
.realistic-burger .smash-patty{top:540px}
.realistic-burger .brioche-bottom{top:690px}
/* editorial: tiramisu left, lemonade + cola right, sauces full width below */
.editorial-grid{grid-template-columns:1.45fr 1fr;grid-template-rows:1fr 1fr auto}
.editorial-card.large{grid-row:1/3}
.editorial-card.sauces-card{grid-column:1/3;min-height:300px}
.editorial-card.sauces-card img{object-position:center 48%}
@media(max-width:1100px){.realistic-burger{width:min(76vw,680px);height:650px;align-self:end}}
@media(max-width:700px){.realistic-burger{width:94vw;height:560px;transform:scale(.82);transform-origin:center bottom}.editorial-grid{grid-template-columns:1fr;grid-template-rows:auto}.editorial-card.large,.editorial-card.sauces-card{grid-column:auto;grid-row:auto;min-height:420px}.editorial-card{min-height:360px}}

/* v13 — fit the full photorealistic burger inside the viewport */
.realistic-burger{
  width:min(34vw,470px);
  height:630px;
  align-self:center;
  justify-self:center;
  filter:drop-shadow(0 28px 38px rgba(0,0,0,.42));
}
.realistic-burger .brioche-top{top:0}
.realistic-burger .atelier-sauce{top:158px}
.realistic-burger .pickles{top:232px}
.realistic-burger .cheddar{top:292px}
.realistic-burger .smash-patty{top:378px}
.realistic-burger .brioche-bottom{top:498px}
@media(max-width:1100px){
  .realistic-burger{width:min(48vw,455px);height:610px;align-self:center}
}
@media(max-width:700px){
  .realistic-burger{width:min(82vw,420px);height:565px;transform:none;align-self:end;margin-bottom:2vh}
  .realistic-burger .brioche-top{top:0}
  .realistic-burger .atelier-sauce{top:142px}
  .realistic-burger .pickles{top:208px}
  .realistic-burger .cheddar{top:262px}
  .realistic-burger .smash-patty{top:338px}
  .realistic-burger .brioche-bottom{top:445px}
}


/* v14 — tighter final burger assembly + compact 2x2 editorial grid */
.editorial-grid{
  padding:6vw;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,300px);
  gap:18px;
}
.editorial-card,
.editorial-card.large,
.editorial-card.sauces-card{
  grid-column:auto;
  grid-row:auto;
  min-height:0;
  height:300px;
  border-radius:24px;
}
.editorial-card img{object-position:center 50%}
.editorial-card.large img{object-position:center 46%}
.editorial-card.sauces-card img{object-position:center 52%}
.editorial-card div{left:24px;right:24px;bottom:22px}
.editorial-card h3{font-size:clamp(24px,2.2vw,32px)}
.editorial-card:after{inset:42% 0 0}

@media(min-width:1101px){
  .editorial-card:nth-child(2),
  .editorial-card:nth-child(4){transform:translateY(12px)}
}

@media(max-width:1100px){
  .editorial-grid{padding:64px 28px;grid-template-rows:repeat(2,280px)}
  .editorial-card,
  .editorial-card.large,
  .editorial-card.sauces-card{height:280px}
}

@media(max-width:700px){
  .editorial-grid{padding:56px 20px;grid-template-columns:1fr;grid-template-rows:none;gap:14px}
  .editorial-card,
  .editorial-card.large,
  .editorial-card.sauces-card{height:300px;min-height:300px;transform:none}
}

/* v15 — true closed state: layered anatomy morphs into one finished burger */
.realistic-burger{position:relative;isolation:isolate}
.realistic-burger .photo-layer{z-index:2}
.realistic-burger .closed-burger-photo{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  width:min(39vw,540px);
  max-width:none;
  transform:translate(-50%,-46%) scale(.94);
  opacity:0;
  pointer-events:none;
  user-select:none;
  border-radius:28px;
  box-shadow:0 30px 70px rgba(0,0,0,.36);
  will-change:opacity,transform;
}
@media(max-width:1100px){
  .realistic-burger .closed-burger-photo{width:min(53vw,520px)}
}
@media(max-width:700px){
  .realistic-burger .closed-burger-photo{width:min(88vw,470px);top:56%}
}

/* v16 — alpha-preserving real layers; no crossfade/ghosting */
.realistic-burger{
  width:min(31vw,520px);
  height:620px;
  align-self:center;
  justify-self:center;
  filter:drop-shadow(0 28px 42px rgba(0,0,0,.42));
  overflow:visible;
}
.realistic-burger .photo-layer{
  position:absolute;
  left:50%;
  max-width:none;
  height:auto;
  object-fit:contain;
  background:transparent !important;
  border:0;
  box-shadow:none;
  opacity:1;
  z-index:2;
  will-change:transform;
}
.realistic-burger .brioche-top{width:100%;top:0}
.realistic-burger .atelier-sauce{width:69%;top:178px}
.realistic-burger .pickles{width:78%;top:260px}
.realistic-burger .cheddar{width:91%;top:315px}
.realistic-burger .smash-patty{width:96%;top:410px}
.realistic-burger .brioche-bottom{width:89%;top:535px}
.realistic-burger .closed-burger-photo{display:none!important}

@media(max-width:1100px){
  .realistic-burger{width:min(47vw,500px);height:600px}
}
@media(max-width:700px){
  .realistic-burger{width:min(86vw,430px);height:540px;transform:none;align-self:end;margin:0 auto}
  .realistic-burger .brioche-top{top:0}
  .realistic-burger .atelier-sauce{top:150px}
  .realistic-burger .pickles{top:220px}
  .realistic-burger .cheddar{top:270px}
  .realistic-burger .smash-patty{top:350px}
  .realistic-burger .brioche-bottom{top:455px}
}

/* v17 — clean two-photo burger morph. No cutout PNGs, no black alpha artifacts. */
.clean-morph{
  position:relative;
  width:min(37vw,560px);
  height:min(78vh,690px);
  overflow:visible;
  filter:drop-shadow(0 30px 44px rgba(0,0,0,.32));
}
.clean-morph .burger-state{
  position:absolute;
  left:50%;
  top:50%;
  max-width:none;
  display:block;
  object-fit:contain;
  border:0;
  background:transparent;
  will-change:opacity,transform;
  transition:none;
}
.clean-morph .burger-open-state{
  width:min(100%,560px);
  max-height:96%;
  opacity:1;
  transform:translate(-50%,-50%);
}
.clean-morph .burger-closed-state{
  width:min(96%,540px);
  opacity:0;
  transform:translate(-50%,-50%) scale(1.035);
}
@media(max-width:1100px){
  .clean-morph{width:min(48vw,520px);height:min(72vh,650px)}
}
@media(max-width:700px){
  .clean-morph{width:min(88vw,430px);height:54vh;min-height:430px;align-self:end;margin:0 auto 1vh}
  .clean-morph .burger-open-state{width:min(92%,410px)}
  .clean-morph .burger-closed-state{width:min(90%,400px)}
}

/* v18 — true single-burger assembly: six independent photographic layers. */
.layered-morph{
  position:relative;width:min(39vw,590px);height:min(78vh,680px);overflow:visible;
  filter:drop-shadow(0 28px 38px rgba(0,0,0,.28));justify-self:center;
}
.layered-morph .photo-layer{
  position:absolute;left:50%;top:50%;height:auto;max-width:none;display:block;
  transform:translate(-50%,-50%);transform-origin:center;will-change:transform;
  backface-visibility:hidden;pointer-events:none;
}
.layered-morph .layer-top{width:94%}.layered-morph .layer-sauce{width:69%}
.layered-morph .layer-pickles{width:77%}.layered-morph .layer-cheddar{width:91%}
.layered-morph .layer-smash{width:94%}.layered-morph .layer-bottom{width:89%}
@media(max-width:1100px){.layered-morph{width:min(58vw,560px);height:min(68vh,620px)}}
@media(max-width:700px){.layered-morph{width:min(92vw,430px);height:52vh;min-height:410px;align-self:end;margin:0 auto 1vh}}


/* v19 — clean, true-alpha photographic ingredient layers. */
.layered-morph{
  width:min(38vw,590px);
  height:min(79vh,700px);
  filter:drop-shadow(0 26px 34px rgba(0,0,0,.22));
}
.layered-morph .photo-layer{
  background:none!important;
  filter:none!important;
  image-rendering:auto;
}
.layered-morph .layer-top{width:92%}
.layered-morph .layer-sauce{width:69%}
.layered-morph .layer-pickles{width:72%}
.layered-morph .layer-cheddar{width:88%}
.layered-morph .layer-smash{width:94%}
.layered-morph .layer-bottom{width:86%}
@media(max-width:1100px){.layered-morph{width:min(56vw,550px);height:min(70vh,650px)}}
@media(max-width:700px){.layered-morph{width:min(92vw,430px);height:53vh;min-height:420px}}

/* v20 — single-source canvas morph. No cutouts, no alpha masks, no crossfade. */
.burger-canvas-wrap{
  position:relative;
  width:min(43vw,590px);
  height:min(78vh,690px);
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  filter:drop-shadow(0 34px 42px rgba(0,0,0,.34));
}
#burgerCanvas{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
@media(max-width:1100px){
  .burger-canvas-wrap{width:min(51vw,550px);height:min(72vh,650px)}
}
@media(max-width:700px){
  .burger-canvas-wrap{width:min(90vw,430px);height:54vh;min-height:420px;margin:0 auto 1vh}
}

/* v21 — hide the off-screen master source explicitly; only the canvas is visible */
#burgerMotionSource{display:none!important;visibility:hidden!important;position:absolute!important;width:0!important;height:0!important;opacity:0!important;pointer-events:none!important}
.burger-canvas-wrap{overflow:hidden}

/* v22 — Dondurmalı Kola: wider, calmer framing with the full glass visible */
.editorial-card:nth-child(3) img{
  object-fit:cover;
  object-position:center center;
  transform:none;
}
.editorial-card:nth-child(3):hover img{transform:scale(1.018)}


/* v23 — Cola Float: natural single-photo crop, no blurred side fill */
.editorial-card:nth-child(3) img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  transform:none;
}
.editorial-card:nth-child(3):hover img{transform:scale(1.018)}

/* v24 — mobile: ingredient selector sits below the burger, never over the food */
@media(max-width:700px){
  .ingredient-labels{
    top:auto!important;
    bottom:7.5vh!important;
    left:18px!important;
    right:18px!important;
    z-index:6;
    padding:11px 12px;
    background:rgba(24,21,19,.72);
    border-color:rgba(255,255,255,.12);
  }
}
@media(max-width:390px){
  .ingredient-labels{
    top:auto!important;
    bottom:7vh!important;
    left:10px!important;
    right:10px!important;
    gap:7px;
    padding:10px 8px;
  }
}