/* O Smile Burger V2: shared tokens, responsive layouts and directed motion. */
:root{--yellow:#ffdb00;--red:#b82014;--orange:#e56a18;--brown:#2c1812;--cream:#f5e8d6;--ink:#13100e;--display:'Lilita One',Impact,sans-serif;--body:'Poppins',sans-serif;--hand:'Amatic SC',cursive;--gutter:clamp(22px,5.6vw,110px);--ease:cubic-bezier(.2,.75,.25,1)}
.icon{display:inline-block;width:1em;height:1em;vertical-align:-.13em;flex:0 0 auto}.button-arrow{display:inline-flex;align-items:center;justify-content:center}.button-arrow .icon{width:1em;height:1em}.text-link>.icon{width:1.3em;height:1.3em}.mini-star .icon{width:1em;height:1em}.hero-sticker small .icon{width:.8em;height:.8em;vertical-align:-.09em}.hero-spark .icon{width:1em;height:1em}.poster-top>span+span .icon{width:1em;height:1em}.drag-affordance>.icon{width:30px;height:30px}.fries-note>span>.icon{width:1em;height:1em}.social-star .icon{width:1em;height:1em}.nav-arrow{margin-left:auto;width:18px;height:18px}.swipe-arrow{width:26px;height:26px;transform:rotate(45deg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;overflow-x:clip}body{margin:0;background:var(--cream);color:var(--brown);font:16px/1.65 var(--body);overflow-x:clip}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.02}::selection{color:var(--cream);background:var(--red)}:focus-visible{outline:3px solid currentColor;outline-offset:6px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:200;background:var(--cream);padding:12px 20px}.skip:focus{top:14px}.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}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.3px;line-height:1.6}.section{padding:110px var(--gutter)}.section-heading{position:relative;display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:65px}.section-heading>p{font-size:16px;max-width:320px;padding-bottom:8px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:clamp(56px,6.4vw,98px);letter-spacing:-1.7px}h2>span:not(.heading-mask){color:var(--red)}.heading-mask{display:block;overflow:clip;padding-block:.04em;margin-block:-.04em}.heading-mask>span{display:block;transform-origin:0 100%}.section-mark{position:absolute;right:0;top:-48px;font:160px/.8 var(--display);opacity:.07;pointer-events:none;z-index:0}
.button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:56px;padding:16px 24px;border:2px solid var(--brown);border-radius:7px;background:var(--red);color:var(--cream);box-shadow:5px 5px 0 var(--brown);font-size:14px;font-weight:800;line-height:1.3;transition:transform .25s var(--ease),box-shadow .25s,background .25s;isolation:isolate}.button-text{transition:transform .25s var(--ease)}.button-arrow{font-size:26px;line-height:1;transition:transform .25s var(--ease)}.button:hover{transform:translate(-2px,-3px);box-shadow:8px 8px 0 var(--brown)}.button:hover .button-arrow{transform:translate(3px,-3px) rotate(5deg)}.button:hover .button-text{transform:translateX(2px)}.button:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--brown)}.button-small{min-height:49px;padding:11px 18px;font-size:12px;gap:25px}.text-link{display:inline-flex;align-items:center;gap:20px;position:relative;padding-block:12px;min-height:44px;font-size:13px;font-weight:800;line-height:1.45}.text-link:after{content:'';position:absolute;bottom:7px;left:0;width:100%;height:2px;background:currentColor;transform:scaleX(.25);transform-origin:left;transition:transform .3s var(--ease)}.text-link:hover:after,.text-link:focus-visible:after{transform:scaleX(1)}
header{position:absolute;top:0;inset-inline:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:30px;height:112px;padding:14px var(--gutter);transition:background .35s,border-color .35s;border-bottom:1px solid transparent}.logo{display:block;flex-shrink:0;width:180px}.logo img{width:100%;height:auto}header nav{display:flex;gap:32px}header nav a{position:relative;font-size:12px;font-weight:800;padding:12px 0}header nav a:after{content:'';position:absolute;bottom:6px;left:0;width:100%;height:2px;transform:scaleX(0);background:currentColor;transform-origin:left;transition:transform .3s}header nav a:hover:after{transform:scaleX(1)}header.scrolled{position:fixed;height:84px;background:var(--cream);border-bottom-color:var(--brown);animation:header-in .35s var(--ease)}header.scrolled .logo{width:150px}.menu-toggle,.mobile-nav{display:none}
/* A photograph, a headline and a passing pair of printed ribbons. */
.hero{position:relative;isolation:isolate;background:var(--yellow);min-height:900px;padding:170px var(--gutter) 120px;--hero-progress:0}.hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%232c1812' filter='url(%23n)' opacity='.3' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.hero-copy{position:relative;z-index:3;width:73%;pointer-events:none}.hero-copy a{pointer-events:auto}.hero .eyebrow{display:flex;align-items:center;gap:12px}.mini-star{font-size:27px;line-height:1}.eyebrow-separator{margin:0 8px}h1{font-size:clamp(80px,8.8vw,140px);line-height:.99;letter-spacing:-2.8px;margin:30px 0 24px}.hero-last-line{display:block;color:var(--red);transform:rotate(-3deg);transform-origin:left center}.hero-sub{font-size:15px;font-weight:600;letter-spacing:.3px;margin:16px 0 28px}.hero-actions{display:flex;align-items:center;gap:30px}.hours{font-size:11px;letter-spacing:.75px;font-weight:700;margin-top:30px}.hours>span{margin-inline:10px}.hero-art{position:absolute;right:-4%;top:205px;width:58%;height:650px;z-index:2;--depth-x:0;--depth-y:0}.hero-photo{position:relative;width:100%;height:100%;transform:translate3d(calc(var(--depth-x)*14px),calc(var(--depth-y)*10px + var(--hero-progress)*-30px),0) rotate(-9deg);transition:transform .5s var(--ease);filter:drop-shadow(20px 36px 15px #633c183d)}.hero-photo img{width:100%;height:100%;object-fit:contain}.hero-halo{position:absolute;inset:8% 15% 6% 3%;opacity:.3;background:radial-gradient(circle at center,var(--orange),transparent 66%);transform:scale(1.2);pointer-events:none}.hero-sticker{position:absolute;right:18%;top:-73px;display:grid;place-items:center;width:148px;height:148px;text-align:center;background:var(--cream);border:2px solid var(--brown);border-radius:50%;box-shadow:4px 5px 0 var(--brown);transform:rotate(calc(14deg + var(--depth-x)*4deg));transition:transform .6s var(--ease);padding:14px;line-height:1}.hero-sticker b{font:27px/.95 var(--display)}.hero-sticker small{font-size:9px;font-weight:700;letter-spacing:1px}.hero-note{position:absolute;bottom:1%;left:28%;font:29px/1.05 var(--hand);transform:rotate(-9deg);background:var(--yellow);padding:8px 12px}.hero-note>span{position:absolute;right:-34px;top:-25px;font-size:50px}.hero-spark{position:absolute;right:11%;top:0;font-size:75px;color:var(--red);transform:rotate(8deg)}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:37px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;font-weight:700;z-index:5}.hero-bottom a{min-height:44px;display:flex;align-items:center;gap:30px}.hero-bottom a>span{font-size:25px}.marquee-bridge{height:135px;position:relative;margin-top:-22px;z-index:8;background:linear-gradient(var(--yellow) 50%,var(--cream) 50%);pointer-events:none}.marquee,.marquee-back{position:absolute;left:-3%;width:106%;white-space:nowrap;border-block:2px solid var(--brown);font-family:var(--display);overflow:hidden}.marquee{top:31px;display:flex;padding:16px 0;color:var(--yellow);background:var(--red);font-size:39px;line-height:1;transform:rotate(-3deg)}.marquee>div{flex-shrink:0;animation:marquee 35s linear infinite}.marquee span{display:inline-block;margin-inline:18px;font-size:30px;vertical-align:3px}.marquee-back{top:20px;transform:rotate(3deg);padding:10px 0;background:var(--orange);font-size:28px;color:var(--brown);text-align:center}
/* A staggered wall of product posters. */
.favorites{padding-top:80px;padding-bottom:135px}.favorites-grid{display:grid;grid-template-columns:1fr 1.08fr .98fr;align-items:start;gap:28px}.product-poster{position:relative;padding:22px 20px 26px;background:var(--yellow);--poster-angle:-2deg;--depth-x:0;--depth-y:0;transform:rotate(var(--poster-angle));isolation:isolate}.product-poster:before{content:'';position:absolute;inset:0;z-index:-1;border:1px solid #2c181242;box-shadow:5px 8px 0 #2c181213;pointer-events:none}.poster-1{background:var(--orange);margin-top:90px;--poster-angle:3deg}.poster-2{background:var(--red);color:var(--cream);margin-top:20px;--poster-angle:-3deg}.poster-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:1px}.poster-top>span+span{font-size:31px}.product-poster h3{position:relative;z-index:2;font-size:clamp(29px,3.4vw,51px);text-transform:uppercase;line-height:.95;letter-spacing:-.8px;transform:translate3d(calc(var(--depth-x)*-5px),0,0);transition:transform .5s var(--ease);margin:14px -8px 8px;text-align:center;text-shadow:2px 2px 0 #ffffff1a}.poster-image{position:relative;aspect-ratio:1/.98;transform:perspective(900px) rotateY(calc(var(--depth-x)*4deg)) rotateX(calc(var(--depth-y)*-3deg));transition:transform .4s var(--ease)}.poster-image>img{width:100%;height:100%;object-fit:cover;clip-path:polygon(3% 0,100% 3%,97% 100%,0 97%)}.poster-1 .poster-image{aspect-ratio:1/1.2}.poster-2 .poster-image{aspect-ratio:1/.93}.poster-sticker{position:absolute;right:-15px;bottom:-18px;color:var(--brown);background:var(--cream);border:2px solid var(--brown);box-shadow:3px 3px 0 var(--brown);padding:13px 16px;font:22px/1 var(--hand);text-align:center;transform:translate3d(calc(var(--depth-x)*8px),calc(var(--depth-y)*-5px),0) rotate(calc(-9deg + var(--depth-x)*4deg));transition:transform .55s var(--ease)}.poster-bottom{padding-top:35px}.product-tag{font-size:10px;font-weight:800;letter-spacing:.5px;margin-bottom:12px}.ingredients{font-size:14px;line-height:1.8;margin-bottom:22px}.poster-cta{display:flex;background:var(--cream);color:var(--brown);box-shadow:3px 3px 0 var(--brown);min-height:48px;padding:11px 17px;font-size:12px}.poster-2 .poster-cta{background:var(--yellow)}.product-poster:hover .poster-cta{transform:translateY(-3px)}.swipe-note{display:none}
/* Independent ingredient images replace all repeated photo strips. */
.inside{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;align-items:start;min-height:1120px;padding-block:100px;background:var(--red);color:var(--cream);--story-progress:0}.inside:before{content:'';position:absolute;top:-12px;left:0;right:0;height:14px;background:var(--red);clip-path:polygon(0 60%,5% 20%,10% 65%,16% 15%,22% 60%,29% 35%,36% 70%,43% 10%,51% 65%,58% 30%,64% 75%,72% 5%,79% 50%,86% 20%,92% 70%,100% 0,100% 100%,0 100%)}.inside-copy{position:sticky;top:125px;padding-top:10px}.inside-copy h2{font-size:clamp(54px,5.9vw,85px);margin-top:24px}.inside-copy h2>span:not(.heading-mask){color:var(--yellow)}.inside-product{font-size:18px;font-weight:800;margin:28px 0 15px}.inside-copy>p:not(.eyebrow):not(.hand-note):not(.inside-product){max-width:350px;font-size:15px;line-height:1.8}.hand-note{font:34px/1.05 var(--hand);transform:rotate(-7deg);color:var(--yellow);margin:30px 0 38px 45px}.inside .button{background:var(--yellow);color:var(--brown)}.burger-experience{position:sticky;top:100px;min-width:0}.experience-heading{display:flex;justify-content:space-between;border-bottom:1px solid #f5e8d660;padding-bottom:15px;font-size:10px;letter-spacing:1.5px;font-weight:600}.experience-counter{font-variant-numeric:tabular-nums;color:var(--yellow)}.burger-scene{position:relative;height:650px;--open:0;--unit:1;--mouse-x:0;--mouse-y:0;--label-opacity:0}.burger-stage{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;padding:0;background:none;color:inherit;touch-action:pan-x;cursor:grab;user-select:none;-webkit-user-select:none}.burger-stage:active{cursor:grabbing}.ingredient-layer{position:absolute;top:50%;left:50%;width:58%;max-width:410px;z-index:var(--layer-order);transform:translate(-50%,-50%) translate3d(calc((var(--offset)*var(--open)) + (var(--mouse-x)*12px*var(--layer-depth,1))),calc(((var(--closed) + var(--spread)*var(--open))*var(--unit)) + (var(--mouse-y)*7px*(var(--layer-depth,1) - 0.85))),0) rotate(calc(var(--turn)*var(--open) + (var(--mouse-x)*1.6deg*var(--layer-depth,1)))) scale(calc(1 + (var(--layer-scale) - 1)*var(--open)));pointer-events:none}.ingredient-layer img{width:100%;height:auto;filter:drop-shadow(0 calc(6px + 14px * var(--open)) calc(5px + 9px * var(--open)) rgba(44,24,18,calc(0.32 + 0.18 * var(--open))));pointer-events:none;user-select:none;-webkit-user-drag:none}.stage-orbit{position:absolute;top:50%;left:50%;width:80%;aspect-ratio:1;border:1px dashed #f5e8d635;border-radius:50%;transform:translate(-50%,-50%) rotate(calc(var(--open)*25deg + var(--mouse-x)*5deg));pointer-events:none}.stage-orbit:after{content:'';position:absolute;inset:30px;border:1px solid #f5e8d61a;border-radius:50%}.layer-labels{position:absolute;inset:0;pointer-events:none}.layer-label{position:absolute;top:50%;display:flex;align-items:center;width:29%;gap:5px;opacity:var(--label-opacity);transform:translateY(calc(-50% + (var(--closed) + var(--spread)*var(--open))*var(--unit)));font:24px/1 var(--hand);color:var(--cream);pointer-events:none}.label-left{left:-1%}.label-right{right:-1%;flex-direction:row-reverse}.label-right>span{text-align:right}.layer-label>span{max-width:130px;text-shadow:1px 1px 2px rgba(44,24,18,.4)}.layer-label svg{width:39px;flex:1;min-width:12px;max-width:44px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.6;filter:drop-shadow(1px 1px 1px rgba(44,24,18,.35))}.label-right svg{transform:scaleX(-1)}.drag-affordance{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;pointer-events:none;white-space:nowrap;color:var(--yellow)}.drag-affordance>span{font-size:30px}.drag-affordance>b{font-size:9px;letter-spacing:1px}.burger-controls{text-align:center;max-width:420px;margin:auto;font-size:12px}.touch-instructions{display:none}.accessible-controls{margin-top:14px;color:var(--cream);font-size:12px}.accessible-controls summary{cursor:pointer;padding:8px;width:fit-content;margin:auto;text-underline-offset:4px;text-decoration:underline}.accessible-controls label{display:block;margin:10px 0}.range-row{display:flex;align-items:center;gap:12px}.range-row input{flex:1;min-width:0;height:36px;accent-color:var(--yellow);cursor:ew-resize}.range-row>span{font-size:10px}
/* Four editorial campaign compositions. */
.more{padding-top:120px;padding-bottom:150px}.more-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:75px 11%;align-items:start}.mini-product{position:relative;min-width:0}.mini-photo{position:relative;aspect-ratio:1/.94;transform:rotate(-2deg);margin-bottom:27px}.mini-photo img{width:100%;height:100%;object-fit:cover}.catalog-number{position:absolute;left:-22px;top:-28px;font:75px/.9 var(--display);color:var(--red);text-shadow:2px 2px 0 var(--cream)}.mini-copy{max-width:390px;border-top:2px solid var(--brown);padding-top:22px}.mini-copy h3{font-size:37px;text-transform:uppercase;margin-bottom:14px}.mini-copy p{font-size:15px;line-height:1.8;margin-bottom:15px}.editorial-1{margin-top:190px}.editorial-1 .mini-photo{aspect-ratio:1/1.16;transform:rotate(3deg);margin-left:8%}.editorial-1 .mini-copy{margin-left:8%}.editorial-2{margin-top:-90px}.editorial-2 .mini-photo{aspect-ratio:1/.8;transform:rotate(2deg)}.editorial-3{margin-top:110px}.editorial-3 .mini-photo{aspect-ratio:1/1.04;transform:rotate(-3deg);margin-left:8%}.editorial-3 .mini-copy{margin-left:8%}
.brand-moment{position:relative;height:880px;overflow:hidden;color:var(--cream);background:var(--brown);--brand-progress:0}.brand-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 56%!important;transform:scale(calc(1.04 + var(--brand-progress)*.05)) translateY(calc(var(--brand-progress)*-18px))}.brand-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#13100ec2,transparent 85%)}.brand-content{position:relative;height:100%;padding:95px var(--gutter);z-index:1}.brand-content h2{font-size:clamp(82px,9vw,140px);margin-top:30px}.brand-content em{font-style:normal;color:var(--yellow)}.brand-stamp{position:absolute;right:8%;bottom:70px;width:145px;height:145px;display:grid;place-content:center;text-align:center;border:2px solid var(--cream);border-radius:50%;font:30px/1 var(--display);transform:rotate(calc(12deg + var(--brand-progress)*55deg))}
.combos{position:relative;background:var(--yellow);padding-top:110px}.combo-doodle{font:36px/1 var(--hand);transform:rotate(9deg);margin-right:10%}.combo{display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:9%;--depth-x:0;--depth-y:0}.combo-image{position:relative;aspect-ratio:1/1.05;transform:rotate(-3deg);isolation:isolate}.combo-image img{width:100%;height:100%;object-fit:cover;transform:translate3d(calc(var(--depth-x)*6px),calc(var(--depth-y)*4px),0);transition:transform .5s var(--ease)}.combo-image:after{content:'';position:absolute;inset:0;background:var(--orange);transform:translate(12px,12px);z-index:-1}.combo-number{position:absolute;top:-23px;left:-22px;width:65px;height:65px;border-radius:50%;border:2px solid var(--brown);background:var(--red);color:var(--cream);font:34px/1 var(--display);display:grid;place-items:center;transform:rotate(-8deg)}.combo-copy h3{font-size:clamp(40px,4.8vw,73px);color:var(--red);margin:22px 0;letter-spacing:-.7px}.combo-name{font-weight:800;font-size:22px;margin-bottom:14px}.combo-copy>p:not(.eyebrow):not(.combo-name){font-size:16px;line-height:1.8;margin-bottom:30px;max-width:360px}.combo-1{grid-template-columns:.8fr 1.2fr;gap:0;margin-top:130px}.combo-1 .combo-image{order:2;aspect-ratio:1/.96;transform:rotate(3deg);margin-right:3%}.combo-1 .combo-image:after{background:var(--red);transform:translate(14px,14px)}.combo-1 .combo-copy{z-index:2;background:var(--cream);padding:40px;margin-right:-70px;transform:rotate(-3deg);border:1px solid var(--brown);box-shadow:6px 6px 0 #2c18122b}.combo-1 .combo-copy h3{font-size:clamp(40px,4.5vw,68px)}.sharing-sticker{position:absolute;right:-25px;bottom:40px;transform:rotate(calc(10deg + var(--depth-x)*5deg));border:2px solid var(--brown);box-shadow:3px 3px 0 var(--brown);background:var(--yellow);padding:20px;font:25px/1 var(--hand);transition:transform .5s var(--ease)}.fries-note{display:flex;align-items:center;gap:25px;margin-top:80px;padding-top:30px;border-top:2px dashed #2c181260}.fries-note>span{font-size:50px;color:var(--red)}.fries-note p{flex:1;font-size:14px}.fries-note b{display:block;font-size:15px;margin-bottom:4px}
.how{text-align:center}.how h2{margin-top:20px;color:var(--red)}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin:55px 0 45px}.step{padding:0 25px;border-right:1px solid #2c181233}.step:last-child{border:0}.step-number{display:block;font:64px/1 var(--display);color:var(--red);margin-bottom:25px}.step h3{font-size:30px;margin-bottom:12px}.step p{font-size:14px;max-width:200px;margin:auto}.social{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:var(--orange);overflow:clip;padding-block:120px}.social h2{font-size:94px;margin-top:20px}.social-copy>p:not(.eyebrow){margin:25px 0;font-size:17px}.social-copy .button{font-size:12px}.social-photos{position:relative;display:flex;width:100%}.social-photos figure{width:57%;flex-shrink:0;background:var(--cream);border:1px solid var(--brown);padding:12px 12px 17px;box-shadow:6px 7px 0 #2c18124a;transform:rotate(-10deg)}.social-photos figure+figure{transform:rotate(10deg) translate(-16%,16%)}.social-photos img{aspect-ratio:1/1.05;width:100%;height:auto;object-fit:cover}.social-photos figcaption{font:25px/1.2 var(--hand);text-align:center;margin-top:14px}.social-star{position:absolute;top:-65px;right:10%;font-size:100px;color:var(--yellow);line-height:1;transform:rotate(5deg)}.final-cta{background:var(--red);color:var(--yellow);text-align:center;padding-block:105px}.final-cta h2{font-size:clamp(78px,11.3vw,180px);line-height:.98;margin-top:27px}.final-cta h2>span:not(.heading-mask){color:var(--cream)}.final-cta .eyebrow{color:var(--cream)}.giant-button{background:var(--yellow);color:var(--brown);font-size:26px;min-width:360px;min-height:86px;margin:40px 0 30px;padding-inline:36px;box-shadow:7px 7px 0 var(--brown)}.giant-button .button-arrow{font-size:36px}.final-cta>p:last-child{font-size:12px;letter-spacing:1px}
footer{background:var(--yellow);padding:50px var(--gutter) 25px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;align-items:center;gap:30px;padding-bottom:40px}.footer-top>div{display:flex;flex-direction:column;gap:10px;font-size:14px}.footer-top b,.footer-top a:not(.logo){font-size:12px;font-weight:700}.footer-top .logo{width:170px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #2c181244;padding-top:25px;font-size:11px}.footer-bottom b{font:28px var(--display)}.footer-bottom a{font-weight:800;min-height:44px;display:flex;align-items:center}.cursor-tag{position:fixed;left:0;top:0;z-index:100;display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--brown);border-radius:50%;background:var(--yellow);color:var(--brown);font:12px var(--display);pointer-events:none;opacity:0;transition:opacity .18s;will-change:transform}.sticky-order{display:none}
/* Page content remains visible; motion is applied only while entering the viewport. */
.reveal.is-revealing .heading-mask>span{animation:headline-in .8s var(--ease) both}.reveal.is-revealing .heading-mask:nth-child(2)>span{animation-delay:.06s}.reveal.is-revealing .heading-mask:nth-child(3)>span{animation-delay:.12s}.product-poster.is-revealing .poster-image>img,.mini-product.is-revealing .mini-photo>img{animation:photo-in .9s var(--ease) both}.product-poster.is-revealing .poster-sticker{animation:sticker-in .75s .15s var(--ease) both}.step.is-revealing .step-number{animation:number-in .7s var(--ease) both}.combo.is-revealing .combo-number{animation:sticker-in .7s var(--ease) both}@keyframes marquee{to{transform:translateX(-100%)}}@keyframes header-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes headline-in{from{transform:translateY(105%) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes photo-in{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes sticker-in{from{opacity:0;scale:.75}to{opacity:1;scale:1}}@keyframes number-in{from{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(min-width:1600px){:root{--gutter:max(6%,calc((100vw - 1440px)/2))}.hero{min-height:1030px;padding-top:200px}.hero-art{right:3%;top:245px;width:58%;max-width:970px;height:720px}}
@media(max-width:1100px){.hero{min-height:850px;padding-top:155px}h1{font-size:9vw}.hero-copy{width:76%}.hero-art{width:62%;top:230px;height:550px;right:-7%}.hero-sticker{right:21%;top:-80px;scale:.85}.hero-spark{right:10%;top:-15px}.hero-note{left:30%;bottom:-10px}header nav{gap:20px}.logo{width:160px}.section{padding-block:85px}.favorites-grid{gap:18px}.product-poster{padding-inline:15px}.product-poster h3{font-size:3.45vw}.poster-sticker{font-size:20px;padding:10px 12px}.ingredients{font-size:13px}.inside{grid-template-columns:.86fr 1.14fr;min-height:1000px}.inside h2{font-size:5.8vw}.burger-scene{height:610px}.layer-label{font-size:21px}.mini-copy h3{font-size:30px}.combo-copy h3{font-size:4.8vw}.combo-1 .combo-copy{padding:28px;margin-right:-40px}.social h2{font-size:75px}.social-copy .button{font-size:11px;padding-inline:16px;gap:17px}.brand-moment{height:750px}.footer-top{gap:20px}.footer-top .logo{width:145px}}
@media(max-width:800px) and (min-width:701px){header nav{gap:13px}header nav a{font-size:10px}.logo{width:135px}header>.button{font-size:10px;padding:11px;gap:12px}.hero{min-height:790px}h1{font-size:9.4vw}.hero-art{top:265px;width:64%;height:445px}.hero .button{font-size:12px;padding:15px;gap:18px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:11px}.hero-sticker{top:-75px;right:18%;scale:.7}.section-heading>p{font-size:14px;max-width:230px}.inside{grid-template-columns:1fr;min-height:0;gap:25px}.inside-copy{position:relative;top:auto;max-width:590px}.inside-copy h2{font-size:70px}.inside-copy>p:not(.eyebrow):not(.hand-note):not(.inside-product){max-width:480px}.burger-experience{position:relative;top:auto;width:100%;max-width:650px;margin:auto}.more-grid{gap:60px 9%}.editorial-1{margin-top:150px}.editorial-3{margin-top:80px}.product-tag{font-size:9px}.poster-cta{font-size:10px;padding:10px}.combo{gap:6%}.combo-1{gap:0}.combo-copy>p:not(.eyebrow):not(.combo-name){font-size:14px}}
@media(max-width:700px){
:root{--gutter:24px}html{scroll-padding-top:95px}.section{padding:70px var(--gutter)}.eyebrow{font-size:10px;letter-spacing:.9px}h2{font-size:clamp(45px,12.5vw,64px);letter-spacing:-.8px}.section-heading{display:block;margin-bottom:36px}.section-heading>p{font-size:14px;margin-top:24px;max-width:100%}.section-heading>.text-link{margin-top:20px}.section-mark{font-size:110px;top:-22px;right:-4px}.button{min-height:53px;padding:14px 19px;font-size:12px;gap:20px}.button-arrow{font-size:24px}.text-link{font-size:12px;gap:14px}
header{height:91px;padding:14px var(--gutter);gap:20px}header nav,header>.button{display:none}header.scrolled{height:77px;background:var(--cream)}.logo,header.scrolled .logo{width:139px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:45px;height:45px;flex-shrink:0;border:1.5px solid var(--brown);border-radius:50%;background:transparent}.menu-toggle>span{width:18px;height:2px;background:var(--brown);transition:transform .25s var(--ease)}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:grid;position:fixed;top:90px;left:12px;right:12px;padding:12px 20px;background:var(--cream);border:1.5px solid var(--brown);border-radius:5px;box-shadow:4px 5px 0 var(--brown);z-index:39;animation:menu-in .25s var(--ease)}body.header-fixed .mobile-nav{top:77px}.mobile-nav a{display:flex;align-items:center;gap:20px;min-height:59px;border-bottom:1px solid #2c181226;font-size:14px;font-weight:700}.mobile-nav a:last-child{border-bottom:0}.mobile-nav a>span{font-size:10px;color:var(--red)}.mobile-nav-footer{padding-top:14px;padding-bottom:6px}.mobile-menu-order{width:100%;justify-content:center;font-size:13px;min-height:50px}
.hero{padding:125px var(--gutter) 45px;min-height:0}.hero-copy{width:100%;z-index:3}.hero .eyebrow{font-size:9px;gap:8px;letter-spacing:.5px}.mini-star{font-size:21px}.eyebrow-separator{margin:0 2px}h1{font-size:clamp(40px,12.1vw,75px);letter-spacing:-.9px;line-height:1.01;margin:23px 0 19px}.hero-sub{font-size:12px;font-weight:600;letter-spacing:.3px;margin:14px 0 24px}.hero-actions{gap:23px}.hero-actions .button{padding:15px 18px;gap:20px}.hero-actions .text-link{font-size:10px;gap:10px}.hours{font-size:9px;letter-spacing:.3px;margin-top:26px}.hours>span{margin-inline:4px}.hero-art{position:relative;inset:auto;width:122%;height:355px;margin:10px -11% 8px;z-index:2}.hero-photo{transform:translate3d(calc(var(--depth-x)*5px),calc(var(--hero-progress)*-14px),0) rotate(-9deg);filter:drop-shadow(12px 20px 9px #633c1840)}.hero-sticker{width:108px;height:108px;right:8%;top:-20px;scale:1;padding:10px;box-shadow:3px 3px 0 var(--brown)}.hero-sticker b{font-size:21px}.hero-sticker small{font-size:7px;letter-spacing:.7px}.hero-note{font-size:23px;left:11%;bottom:-13px;padding:4px 8px}.hero-note>span{font-size:38px;right:-26px;top:-18px}.hero-spark{font-size:47px;left:7%;right:auto;top:35px}.hero-bottom{position:relative;inset:auto;justify-content:end;font-size:8px;margin-top:24px;letter-spacing:.6px}.hero-bottom>span{display:none}.hero-bottom a{gap:18px;min-height:35px}.hero-bottom a>span{font-size:21px}.marquee-bridge{height:103px;margin-top:-10px}.marquee{top:25px;font-size:28px;padding:13px 0;transform:rotate(-4deg)}.marquee span{font-size:23px;margin-inline:12px}.marquee-back{top:14px;font-size:21px;padding:9px 0;transform:rotate(4deg)}
.favorites{padding-top:45px;overflow:clip}.favorites-grid{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--gutter)*-1);padding:10px var(--gutter) 20px;scrollbar-width:thin;scrollbar-color:var(--red) transparent;align-items:start}.product-poster{flex:0 0 88%;margin:0;min-width:0;padding:18px 19px 22px;scroll-snap-align:center;transform:none}.poster-1{margin-top:25px}.poster-2{margin-top:8px}.product-poster h3{font-size:37px;margin:16px -5px 8px}.poster-top{font-size:10px}.poster-image,.poster-1 .poster-image,.poster-2 .poster-image{aspect-ratio:1/1.04}.poster-1 .poster-image{aspect-ratio:1/1.15}.poster-sticker{font-size:20px;padding:11px 14px;right:-10px}.ingredients{font-size:14px;line-height:1.8}.product-tag{font-size:9px}.poster-cta{min-height:48px;font-size:12px;padding:12px 15px}.swipe-note{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:.7px;margin-top:16px}.swipe-note>span{font-size:29px;line-height:1}
.inside{display:block;min-height:0;padding-top:75px;padding-bottom:55px}.inside-copy{position:relative;top:auto;padding:0}.inside-copy h2{font-size:clamp(48px,13vw,68px);margin-top:22px}.inside-product{font-size:17px;margin-top:26px}.inside-copy>p:not(.eyebrow):not(.hand-note):not(.inside-product){font-size:15px;max-width:none}.hand-note{font-size:30px;margin:27px 0 32px 43%;width:55%}.inside-order{margin-bottom:40px}.burger-experience{position:relative;top:auto}.experience-heading{font-size:9px;letter-spacing:1px}.burger-scene{height:575px;margin-inline:-10px;--unit:.76}.ingredient-layer{width:58%;max-width:none}.layer-label{font-size:19px;width:28%;gap:2px;line-height:1.05}.label-left{left:1%}.label-right{right:1%}.layer-label>span{max-width:92px;text-shadow:1px 1px 2px rgba(44,24,18,.5)}.layer-label svg{display:none}.drag-affordance{bottom:29px}.drag-affordance>b{font-size:8px;letter-spacing:.6px}.burger-controls{font-size:12px}.mouse-instructions{display:none}.touch-instructions{display:inline}.accessible-controls{font-size:11px;margin-top:10px}
.more{padding-top:80px}.more-grid{display:block}.mini-product{margin:0 0 55px}.mini-photo{width:91%;aspect-ratio:1/1.01;margin-bottom:25px}.mini-copy{max-width:none;padding-top:20px}.mini-copy h3{font-size:35px}.mini-copy p{font-size:15px;line-height:1.75}.catalog-number{font-size:63px;left:-11px;top:-20px}.editorial-1 .mini-photo{width:83%;aspect-ratio:1/1.1;margin-left:15%;transform:rotate(3deg)}.editorial-1 .mini-copy{margin-left:9%}.editorial-2 .mini-photo{width:97%;aspect-ratio:1/.8;margin-left:0}.editorial-3 .mini-photo{width:86%;aspect-ratio:1/1.08;margin-left:12%}.editorial-3 .mini-copy{margin-left:9%}.mini-product:last-child{margin-bottom:0}.brand-moment{height:670px}.brand-photo{object-position:51% 54%!important}.brand-overlay{background:linear-gradient(180deg,#13100eb0,transparent 90%)}.brand-content{padding:65px var(--gutter)}.brand-content h2{font-size:clamp(54px,14vw,75px);margin-top:25px;letter-spacing:-.9px}.brand-content .eyebrow{font-size:9px}.brand-stamp{width:110px;height:110px;right:8%;bottom:38px;font-size:23px}
.combo-doodle{display:none}.combo{display:flex;flex-direction:column;gap:35px;margin-top:45px}.combo-image{width:96%;aspect-ratio:1/1.06;align-self:center}.combo-number{left:-10px;top:-20px;width:55px;height:55px;font-size:28px}.combo-copy{width:100%}.combo-copy h3{font-size:46px;margin:18px 0 24px;letter-spacing:-.6px}.combo-copy .eyebrow{font-size:9px}.combo-name{font-size:21px}.combo-copy>p:not(.eyebrow):not(.combo-name){font-size:15px;max-width:none;margin-bottom:25px}.combo-1{margin-top:85px;gap:0}.combo-1 .combo-image{order:0;width:98%;margin:0;aspect-ratio:1/1.06}.combo-1 .combo-copy{padding:25px 22px;margin:-26px 10px 0;width:92%;transform:rotate(-2deg);align-self:start}.combo-1 .combo-copy h3{font-size:43px}.combo-1 .combo-image:after{transform:translate(9px,9px)}.sharing-sticker{right:-10px;bottom:45px;padding:12px;font-size:22px;transform:rotate(10deg)}.fries-note{margin-top:60px;gap:16px;flex-wrap:wrap;padding-top:23px}.fries-note>span{font-size:40px}.fries-note p{flex:1;font-size:13px;min-width:220px}.fries-note b{font-size:13px}.fries-note .text-link{margin-left:54px}.how h2{font-size:43px}.steps{grid-template-columns:1fr 1fr;gap:35px 0;margin:40px 0 32px}.step{padding:0 13px}.step:nth-child(2){border:0}.step-number{font-size:53px;margin-bottom:18px}.step h3{font-size:26px}.step p{font-size:12px;line-height:1.8}
.social{display:block;padding-bottom:100px}.social h2{font-size:73px}.social-copy>p:not(.eyebrow){font-size:16px}.social-copy .button{font-size:11px;padding-inline:17px}.social-photos{width:92%;margin:70px 0 20px}.social-photos figure{padding:8px 8px 12px}.social-photos figcaption{font-size:21px}.social-star{top:-49px;right:5%;font-size:76px}.final-cta{padding:75px 17px}.final-cta h2{font-size:clamp(47px,12.6vw,80px);letter-spacing:-.7px;line-height:1.05}.final-cta .eyebrow{font-size:9px;letter-spacing:.5px}.giant-button{min-width:0;width:86%;max-width:370px;min-height:75px;font-size:22px;margin:32px 0 29px;padding-inline:26px}.giant-button .button-arrow{font-size:31px}.final-cta>p:last-child{font-size:9px;letter-spacing:.25px}footer{padding:40px var(--gutter) calc(105px + env(safe-area-inset-bottom))}.footer-top{grid-template-columns:1fr 1fr;gap:28px 18px;padding-bottom:30px}.footer-top .logo{width:140px}.footer-top>div{font-size:12px}.footer-top b,.footer-top a:not(.logo){font-size:10px}.footer-bottom{flex-wrap:wrap;font-size:10px;gap:16px}.footer-bottom b{font-size:22px}.footer-bottom a{font-size:10px}.sticky-order{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));left:var(--gutter);right:var(--gutter);z-index:45;display:flex;justify-content:space-between;background:var(--yellow);color:var(--brown);font-size:13px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(100px);transition:transform .35s var(--ease),opacity .25s,visibility .25s}.sticky-order.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.sticky-order:before{content:'BATEU A FOME?';font-size:9px;font-weight:600}.sticky-order .button-text{margin-left:auto}.cursor-tag{display:none}@keyframes menu-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
}
@media(max-width:374px){:root{--gutter:20px}h1{font-size:11.9vw}.hero-actions{gap:17px}.hero-actions .button{font-size:11px;padding-inline:14px;gap:16px}.hero-actions .text-link{font-size:9px}.hero-art{height:330px}.hero-sticker{right:7%;top:-15px;width:100px;height:100px}.hero-sticker b{font-size:19px}.burger-scene{height:540px}.layer-label{font-size:18px}.product-poster h3{font-size:32px}.sticky-order{gap:13px;font-size:12px}}
@media(max-width:700px){.drag-affordance>.icon{width:23px;height:23px}.swipe-note .swipe-arrow{width:29px;height:29px}.hero-bottom a>.icon{width:21px;height:21px}.mini-star .icon{width:21px;height:21px}}
@media(pointer:coarse){.mouse-instructions{display:none}.touch-instructions{display:inline}.cursor-tag{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-photo{transform:rotate(-9deg)}.brand-photo{transform:none}.brand-stamp{transform:rotate(12deg)}.cursor-tag{display:none!important}.heading-mask>span{transform:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}