:root{--cream:#f7eddb;--orange:#f2a347;--dark:#100e0c}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--dark);color:var(--cream);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.header{height:86px;position:absolute;z-index:50;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,90px)}.logo{font:700 28px 'Space Grotesk',sans-serif;letter-spacing:-2px}.logo span{color:var(--orange)}.header-label,.nav-link,.eyebrow,.scroll-cue,.scene-index,.vertical-word,.after-foot{font-size:10px;letter-spacing:.19em;font-weight:700}.header-label{opacity:.5}.nav-link span{margin-left:12px;color:var(--orange)}.progress{height:3px;position:fixed;left:0;top:0;width:100%;z-index:100}.progress span{display:block;height:100%;width:0;background:var(--orange)}.experience{height:600vh;position:relative}.stage{height:100svh;min-height:540px;position:sticky;top:0;overflow:hidden;background:#100e0c;isolation:isolate}.ambient{position:absolute;inset:-35%;pointer-events:none;filter:blur(90px);opacity:.45}.ambient-one{background:radial-gradient(circle at 60% 48%,#5d2d16 0%,transparent 39%)}.ambient-two{background:radial-gradient(circle at 85% 85%,#281e16 0%,transparent 32%)}.grid-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),#ffffff0c 50%,transparent calc(50% + .5px));pointer-events:none}.noise{position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.scene-copy{position:absolute;left:clamp(24px,8vw,150px);top:39%;transform:translateY(-50%);z-index:12;width:min(43vw,640px);pointer-events:none}.eyebrow{color:var(--orange);margin:0 0 28px}.scene-copy h1,.after h2{font:700 clamp(36px,5.3vw,100px)/.99 'Space Grotesk',sans-serif;letter-spacing:-.075em;margin:0}.scene-copy h1 em,.after h2 em{font-style:normal;color:var(--orange)}.description{font-size:clamp(13px,1.1vw,18px);line-height:1.7;max-width:340px;margin-top:28px;color:#e2d6c8}.burger-stage{position:absolute;left:54%;top:50%;width:min(44vw,640px);height:min(90svh,850px);transform:translate(-50%,-50%);z-index:10;pointer-events:none}.burger{position:absolute;inset:0;transform-style:preserve-3d}.ingredient{position:absolute;display:block;height:auto;max-width:none;transform-origin:center center;will-change:transform;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 12px 12px rgba(0,0,0,.08))}.burger-glow{position:absolute;inset:10%;background:radial-gradient(ellipse,#b65a2130,transparent 65%);filter:blur(30px)}.scene-index{position:absolute;left:clamp(24px,5vw,90px);bottom:45px;display:flex;align-items:center;gap:14px}.scene-index #sceneNumber{color:var(--orange);font-size:19px}.scene-divider{width:44px;height:1px;background:#ffffff60}.scroll-cue{position:absolute;bottom:45px;right:clamp(24px,5vw,90px);display:flex;gap:20px;align-items:center}.scroll-arrow{font-size:22px;color:var(--orange);animation:down 1.7s infinite}@keyframes down{50%{transform:translateY(8px)}}.vertical-word{position:absolute;right:20px;top:50%;writing-mode:vertical-rl;opacity:.3}.after{min-height:100svh;background:#e9b26d;color:#24150e;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;padding:100px 24px}.after .eyebrow{color:#74431d}.after h2{font-size:clamp(44px,8vw,140px)}.after h2 em{color:#8c381c}.after p:not(.eyebrow){font-size:17px;margin:30px auto 44px}.cta{display:inline-flex;align-items:center;gap:60px;background:#21150e;color:#fff;padding:22px 28px;font-size:12px;letter-spacing:.12em;font-weight:700}.cta span{font-size:20px}.after-foot{position:absolute;bottom:35px;opacity:.6}@media(max-width:800px){.header{height:70px}.header-label{display:none}.logo{font-size:24px}.scene-copy{top:19%;left:24px;width:calc(100% - 48px);text-align:center}.scene-copy h1{font-size:clamp(32px,8.5vw,62px)}.scene-copy .eyebrow{margin-bottom:12px}.description{margin:14px auto 0;line-height:1.4}.burger-stage{left:50%;top:58%;width:min(94vw,520px);height:64svh}.vertical-word{display:none}.scroll-cue{bottom:26px}.scene-index{bottom:27px}.after h2{font-size:clamp(40px,10vw,80px)}}@media(max-height:650px) and (min-width:801px){.scene-copy{top:45%}.burger-stage{height:92svh}}.ingredient{translate:none!important;transform-origin:center center}.burger-stage{aspect-ratio:640/850;height:auto;max-height:90svh}@media(max-width:800px){.stage{min-height:0;height:100svh}.scene-copy{top:clamp(104px,17svh,180px);transform:translateY(-50%);z-index:12}.scene-copy h1{font-size:clamp(28px,7.7vw,54px);overflow-wrap:normal}.description{font-size:clamp(12px,3.2vw,15px);max-width:320px}.burger-stage{width:min(88vw,440px,calc(57svh * 640 / 850));height:auto;max-height:none;top:64%;left:50%}.scroll-cue,.scene-index{bottom:18px}.scroll-cue{font-size:8px;gap:8px}}@media(max-width:420px){.scene-copy{top:17%}.burger-stage{top:63%;width:min(88vw,calc(56svh * 640 / 850))}}.ingredient{translate:none!important;transform-box:border-box}.logo img{display:block;width:135px;height:auto;object-fit:contain}.capture{height:270svh;position:relative;background:#261610}.capture-pin{height:100svh;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#583021,#170f0d 72%);isolation:isolate}.capture-copy{position:absolute;top:12%;width:100%;text-align:center;z-index:4;padding:0 18px;pointer-events:none}.capture-copy h2,.features h2,.closing h2{font:700 clamp(36px,5.7vw,100px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:0}.capture-copy h2 em,.features h2 em,.closing h2 em{color:#ed9a47;font-style:normal}.capture-copy p:not(.eyebrow){color:#dfc9b8;line-height:1.6}.phone-composition{position:absolute;left:50%;bottom:-15%;width:min(87vw,820px);aspect-ratio:1536/1024;transform:none;z-index:6;pointer-events:none}.hands-image{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;z-index:3}.phone-food{position:absolute;left:38.1%;top:8%;width:23.9%;height:62%;overflow:hidden;z-index:2;border-radius:5%;background:radial-gradient(ellipse,#6e3b20,#24140f)}.phone-food-stack{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:url('assets/top.png') center 26% / 87% auto no-repeat,url('assets/patty.png') center 46% / 84% auto no-repeat,url('assets/onion.png') center 56% / 83% auto no-repeat,url('assets/tomato.png') center 64% / 83% auto no-repeat,url('assets/lettuce.png') center 70% / 84% auto no-repeat,url('assets/bottom.png') center 78% / 86% auto no-repeat}.camera-flash{position:absolute;inset:0;background:#fff;opacity:0;z-index:10;pointer-events:none}.capture-caption{position:absolute;bottom:5%;left:0;width:100%;text-align:center;font-size:11px;letter-spacing:.2em;font-weight:700;opacity:0}.features{background:#f7f4ef;color:#271b17;padding:clamp(80px,9vw,160px) clamp(22px,7vw,120px)}.features-heading{max-width:950px}.features-logo{width:170px;height:auto;margin-bottom:70px}.features .eyebrow{color:#bf392c}.features h2 em{color:#bf392c}.features-heading>p:last-child{max-width:680px;line-height:1.7;font-size:clamp(17px,1.5vw,22px);color:#695c54}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:85px}.feature-card{background:white;border:1px solid #e6dfd8;border-radius:18px;padding:clamp(24px,3vw,48px);min-height:310px}.feature-num{font-size:11px;font-weight:700;letter-spacing:.15em;color:#bc382a}.feature-card h3{font:700 clamp(22px,2vw,32px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.04em}.feature-card p{color:#6e625d;line-height:1.7}.shopping{background:#c0392b;color:#fff;padding:clamp(35px,6vw,100px);margin-top:24px;border-radius:18px}.shopping>span{font-size:11px;letter-spacing:.17em;font-weight:700}.shopping h3{font:700 clamp(36px,5vw,80px)/1 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:30px 0}.shopping h3 em{font-style:normal;color:#ffc5a4}.shopping p{max-width:610px;line-height:1.7;font-size:17px}.closing{background:#20120e;color:white;min-height:85svh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:90px 24px}.closing>img{width:180px;height:auto;margin-bottom:65px}.closing>p{font-size:20px;color:#e8d7cc}.closing .cta{margin:32px 0 45px;background:#c0392b}.closing small{max-width:480px;line-height:1.7;color:#a99b94}.footer{background:#140e0b;padding:28px 6vw;display:flex;justify-content:space-between;gap:18px;font-size:12px;color:#aa9c94}@media(max-width:800px){.logo img{width:110px}.capture-copy{top:11%}.capture-copy h2{font-size:clamp(30px,8vw,54px)}.capture-copy p:not(.eyebrow){font-size:13px}.phone-composition{width:min(155vw,650px);bottom:3%}.phone-food{top:8%}.capture-caption{bottom:6%;font-size:9px}.feature-grid{grid-template-columns:1fr;margin-top:45px}.feature-card{min-height:0}.features-logo{margin-bottom:50px}.footer{flex-wrap:wrap}.capture{height:240svh}}@media(prefers-reduced-motion:reduce){.scroll-arrow{animation:none}}.capture{height:340svh}.capture-pin{background:radial-gradient(ellipse at 55% 55%,#583021,#170f0d 72%)}.capture-burger-stage{position:absolute;left:54%;top:52%;width:min(44vw,640px);aspect-ratio:640/850;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.capture-burger{position:absolute;inset:0;transform-origin:50% 50%}.capture-burger .ingredient{position:absolute}.phone-composition{position:absolute;left:54%;top:52%;bottom:auto;width:min(90vw,900px);aspect-ratio:1536/1024;z-index:5;pointer-events:none;transform:translate(-50%,-39%);will-change:transform}.hands-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.camera-reticle{position:absolute;left:54%;top:52%;width:min(17vw,175px);height:min(22vw,210px);transform:translate(-50%,-50%);z-index:6;opacity:0;pointer-events:none}.camera-reticle span{position:absolute;width:18px;height:18px;border-color:#fff8;border-style:solid}.camera-reticle span:nth-child(1){top:0;left:0;border-width:2px 0 0 2px}.camera-reticle span:nth-child(2){top:0;right:0;border-width:2px 2px 0 0}.camera-reticle span:nth-child(3){bottom:0;left:0;border-width:0 0 2px 2px}.camera-reticle span:nth-child(4){bottom:0;right:0;border-width:0 2px 2px 0}.capture-caption{z-index:8}@media(max-width:800px){.capture{height:300svh}.capture-burger-stage{left:50%;top:51%;width:min(88vw,440px,calc(57svh * 640 / 850))}.phone-composition{left:50%;top:51%;width:min(165vw,730px)}.capture-copy{top:8%}.capture-copy h2{font-size:clamp(28px,7vw,52px)}.camera-reticle{left:50%;top:51%;width:25vw;height:32vw}.capture-caption{font-size:8px;padding:0 10px}}.experience{height:850svh}.stage{isolation:isolate}.phone-composition{position:absolute;left:54%;top:auto;bottom:0;width:min(78vw,950px);height:auto;aspect-ratio:1536/1024;z-index:20;pointer-events:none;transform:translate(-50%,105%);will-change:transform}.phone-composition .hands-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.camera-flash{position:absolute;inset:0;background:#fff;opacity:0;z-index:35;pointer-events:none}.capture-caption{position:absolute;bottom:20px;left:0;width:100%;z-index:25;text-align:center;font-size:10px;letter-spacing:.15em;opacity:0;pointer-events:none}@media(max-width:800px){.phone-composition{left:50%;width:min(170vw,760px)}.capture-caption{font-size:8px;bottom:12px;padding:0 12px}.burger-stage{z-index:10}}.phone-composition{width:min(52vw,900px);transform:translateX(-50%);visibility:visible;opacity:1}@media(max-width:800px){.phone-composition{width:min(145vw,690px)}}.ingredient-slot{position:absolute;inset:0;pointer-events:none;transform:translate3d(0,0,0);will-change:transform}@media(prefers-reduced-motion:reduce){.ingredient-slot{will-change:auto}}@media(max-width:800px){.phone-composition{width:min(175vw,820px)}}