/* ONE BURGER Site · hero.css, generated. Do not edit by hand. */
.ob-w.ob-w .hero.chapter{position:sticky;top:0;z-index:0;overflow-x:clip;min-height:min(86vh,900px);display:flex;align-items:stretch;padding-block:24px 92px;   
  --prod-w:min(51vh,545px);                                                          
  --tag-h:calc(min(100vw - 2 * var(--margin),var(--wrap)) * .92 / 6.794)}
.ob-w.ob-w .hero__in{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ob-w.ob-w .hero.chapter.is-pin,.ob-w.ob-w .hero.chapter.is-scene{margin-bottom:var(--hero-runway)}
.ob-w.ob-w .hero.chapter.is-pin{position:relative}
.ob-w.ob-w .hero.chapter.is-scene{top:var(--hdr-h-solid)}
.ob-w.ob-w .hero__stage{position:relative;width:100%;
  padding-top:max(0px,calc(var(--prod-w) * .8755 - var(--hero-overlap) * var(--tag-h) + 8px))}
.ob-w.ob-w .hero__stage.lines--b::after{bottom:calc(var(--tag-h) * .012);transition:opacity .35s var(--ease-out)}
.ob-w.ob-w .hero.is-exploded .hero__stage.lines--b::after{opacity:0}
.ob-w.ob-w .hero.is-exploded .hero__title{z-index:3}
.ob-w.ob-w .hero__title{position:relative;z-index:1;color:var(--on-ground);transform-origin:50% 0;will-change:transform}
.ob-w.ob-w .hero__tag{display:flex;justify-content:space-between;align-items:flex-end;width:92%;margin-inline:auto}
.ob-w.ob-w .hero__w{display:block;flex:none;height:var(--tag-h);width:auto;fill:currentColor;overflow:visible}
.ob-w.ob-w .hero__w--fresh{aspect-ratio:302.48/137.8}
.ob-w.ob-w .hero__w--fast{aspect-ratio:227.71/137.8}
.ob-w.ob-w .hero__w--tasty{aspect-ratio:285.01/137.8}
.ob-w.ob-w .hero__prod{position:absolute;left:0;right:0;margin-inline:auto;z-index:2;width:var(--prod-w);perspective:1200px;
  bottom:calc((1 - var(--hero-overlap)) * var(--tag-h) - .017 * var(--prod-w))}
.elementor .ob-w.ob-w.ob-w .hero__prod{margin-inline:auto}
.ob-w.ob-w .hero__group{position:relative;--gap:0px;will-change:transform}
.ob-w.ob-w .hero__tilt{position:relative;z-index:1}
.ob-w.ob-w .hero__prod-in{position:relative;will-change:transform}
.ob-w.ob-w .hero__img{position:relative;width:100%;height:auto}
.ob-w.ob-w .hero__shadow{position:absolute;top:81%;left:0;z-index:0;width:100%;pointer-events:none;will-change:transform}
.ob-w.ob-w .hero__shadow-img{display:block;width:100%;height:auto;will-change:transform}
.ob-w.ob-w .hero__layers{position:absolute;inset:0;visibility:hidden;opacity:0}
.ob-w.ob-w .hero__layer{position:absolute;top:0;left:0;width:100%;height:auto;will-change:transform}
.ob-w.ob-w .hero__layer:nth-child(1){z-index:7}
.ob-w.ob-w .hero__layer-u{position:absolute;top:0;left:0;width:100%;height:auto;z-index:7;opacity:0;will-change:transform,opacity}
.ob-w.ob-w .hero__layer:nth-child(2){z-index:6}
.ob-w.ob-w .hero__layer:nth-child(3){z-index:5}
.ob-w.ob-w .hero__layer:nth-child(4){z-index:4}
.ob-w.ob-w .hero__layer:nth-child(5){z-index:3}
.ob-w.ob-w .hero__layer:nth-child(6){z-index:2}
.ob-w.ob-w .hero__layer:nth-child(7){z-index:1}
.ob-w.ob-w .hero__film{position:absolute;left:-12.5%;top:-24.2%;width:125%;max-width:none;height:auto;aspect-ratio:1/1;visibility:hidden;pointer-events:none;
  will-change:opacity}
.ob-w.ob-w .hero__film--bag{left:-107.9%;top:0;margin-top:-182.6%;width:300%;z-index:3}
.ob-w.ob-w .hero__film--end{height:auto}
.ob-w.ob-w .hero__sides,.ob-w.ob-w .hero__back{position:absolute;inset:0;visibility:hidden;pointer-events:none}
.ob-w.ob-w .hero__side,.ob-w.ob-w .hero__bag{position:absolute;top:0;left:0;width:100%;height:auto;will-change:transform}
.ob-w.ob-w .hero__side--fries{margin-top:-20%}
.ob-w.ob-w .hero__side--drink{margin-top:-40%}
.ob-w.ob-w .hero__bag{width:180%;max-width:none;left:-40%;margin-top:-150%}
.ob-w.ob-w .hero__spec{position:absolute;inset:0;visibility:hidden;direction:ltr;--line:clamp(36px,4.6vw,96px)}
.ob-w.ob-w .hero__spec-item{position:absolute;top:0;display:flex;align-items:center;height:0}
.ob-w.ob-w .hero__spec-item[data-side="r"]{left:calc(100% + 10px)}
.ob-w.ob-w .hero__spec-item[data-side="l"]{right:calc(100% + 10px);flex-direction:row-reverse}
.ob-w.ob-w .hero__spec-line{flex:none;width:var(--line);height:1px;background:var(--on-ground-line, rgba(17,17,17,.35));transform-origin:0 50%;will-change:transform}
.ob-w.ob-w .hero__spec-item[data-side="l"] .hero__spec-line{transform-origin:100% 50%}
.ob-w.ob-w .hero__spec-line::after{content:"";position:absolute;margin-top:-3px;width:7px;height:7px;border-radius:50%;background:var(--ob-orange)}
.ob-w.ob-w .hero__spec-item[data-side="r"] .hero__spec-line::after{margin-left:-4px}
.ob-w.ob-w .hero__spec-item[data-side="l"] .hero__spec-line::after{margin-left:calc(var(--line) - 3px)}
.ob-w.ob-w .hero__spec-cell{flex:none;display:flex;align-items:flex-start;gap:12px;margin:0 0 0 12px;padding:0;direction:ltr;background:none;border:0;
  font-family:var(--f-body);color:var(--on-ground);will-change:clip-path}
.ob-w.ob-w .hero__spec-item[data-side="l"] .hero__spec-cell{margin:0 12px 0 0;flex-direction:row-reverse}
.ob-w.ob-w .hero__spec-num{flex:none;font-family:var(--f-display);font-weight:700;font-size:clamp(28px, 2.4vw, 40px);line-height:.82;letter-spacing:-.01em;color:var(--ob-orange)}
.ob-w.ob-w .hero__spec-txt{display:flex;flex-direction:column;gap:4px;direction:rtl;text-align:right;padding-top:1px}
.ob-w.ob-w .hero__spec-name{font-weight:700;font-size:17px;line-height:1.1;white-space:nowrap}
.ob-w.ob-w .hero__spec-desc{font-weight:400;font-size:13.5px;line-height:1.35;max-width:22ch;color:var(--on-ground-soft,#555)}
.ob-w.ob-w .hero__star{position:absolute;top:0;inset-inline-end:0;z-index:1;width:24px;height:23px}
.ob-w.ob-w .hero__foot{display:flex;flex-direction:column;align-items:center;width:100%;will-change:transform,clip-path}
.ob-w.ob-w .hero__lead{margin-top:26px;max-width:34ch;color:var(--on-ground);text-wrap:balance}
.ob-w.ob-w .hero__ctas{margin-top:22px;display:flex;justify-content:center}
.ob-w.ob-w .hero__hint{position:absolute;left:50%;bottom:14px;display:flex;flex-direction:column;align-items:center;gap:6px;translate:-50% 0;direction:ltr;pointer-events:none}
.ob-w.ob-w .hero__hint-txt{font-family:var(--f-display);font-weight:400;font-size:12px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--on-ground-soft)}
.ob-w.ob-w .hero__hint-line{position:relative;width:1px;height:30px;background:var(--on-ground-line);overflow:hidden}
.ob-w.ob-w .hero__hint-line::after{content:"";position:absolute;inset:0;background:var(--on-ground);transform-origin:50% 0;
  animation:ob-heroHint 2s cubic-bezier(.76,0,.24,1) infinite}
@keyframes ob-heroHint{
  0%{transform:scaleY(0);transform-origin:50% 0}
  44%{transform:scaleY(1);transform-origin:50% 0}
  56%{transform:scaleY(1);transform-origin:50% 100%}
  100%{transform:scaleY(0);transform-origin:50% 100%}
}
@media (max-width:900px){
.ob-w.ob-w .hero.chapter{min-height:calc(100svh - var(--hdr-h));padding-block:16px 40px;
    --prod-w:60vw;--tag-h:clamp(56px,23.5vw,100px)}
.ob-w.ob-w .hero__in{justify-content:flex-start}
.ob-w.ob-w .hero__title{transform-origin:0 0}
.ob-w.ob-w .hero__tag{flex-direction:column;align-items:flex-start;justify-content:flex-start;width:max-content;max-width:100%;
    gap:calc(var(--tag-h) * .213)}
.ob-w.ob-w .hero__prod{bottom:calc((3.426 - var(--hero-overlap)) * var(--tag-h) - .017 * var(--prod-w))}
.ob-w.ob-w .hero__spec{--line:8px}
.ob-w.ob-w .hero__spec-item[data-side="r"]{left:calc(100% + 2px)}
.ob-w.ob-w .hero__spec-item[data-side="l"]{right:calc(100% + 2px)}
.ob-w.ob-w .hero__spec-cell,.ob-w.ob-w .hero__spec-item[data-side="l"] .hero__spec-cell{margin:0 3px;padding:2px 2px;gap:1px;flex-direction:column;align-items:flex-start;border:0;background:none}
.ob-w.ob-w .hero__spec-item[data-side="l"] .hero__spec-cell{align-items:flex-end}
.ob-w.ob-w .hero__spec-num{font-size:14px}
.ob-w.ob-w .hero__spec-name{font-size:15px}
.ob-w.ob-w .hero__spec-desc{display:none}
.ob-w.ob-w .hero__lead{margin-top:16px;font-size:18px;line-height:1.5}
.ob-w.ob-w .hero__ctas{margin-top:16px}
.ob-w.ob-w .hero__star,.ob-w.ob-w .hero__hint{display:none}
}
@media (max-width:767px){
.ob-w.ob-w .hero__ctas{width:100%}
.ob-w.ob-w .hero__ctas .btn{width:100%;min-height:50px}
}
@media (min-width:901px) and (max-height:800px){
.ob-w.ob-w .hero.chapter{padding-block:16px 84px}
.ob-w.ob-w .hero__lead{margin-top:20px}
.ob-w.ob-w .hero__ctas{margin-top:18px}
}
@media (prefers-reduced-motion:reduce){
.ob-w.ob-w .hero__hint-line::after{animation:none;transform:none}
}
