:root{--ink:#17140f;--cream:#f4eddf;--yellow:#f2b705;--red:#e63b22;--muted:#aa9f8d;--line:rgba(23,20,15,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}
.site-header{height:86px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.15)}
.brand{display:flex;gap:11px;align-items:center}.brand-mark{display:grid;place-items:center;width:45px;height:45px;background:var(--yellow);color:var(--ink);font-family:Anton,sans-serif;font-size:20px;transform:rotate(-3deg);border-radius:4px}.brand-name{font-family:Anton,sans-serif;font-size:22px;letter-spacing:.8px;line-height:.85}.brand-name small{display:block;font:700 8px "DM Sans";letter-spacing:2.8px;margin-top:6px}.nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.nav a:not(.nav-cta){opacity:.82}.nav a:hover{opacity:1;color:var(--yellow)}.nav-cta{border:1px solid rgba(255,255,255,.4);padding:13px 17px}.menu-toggle{display:none;background:none;border:0;color:white;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:currentColor;margin:5px}
.hero{height:min(900px,100vh);min-height:720px;background:#090807;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("assets/hero-burger.png") center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,5,.96) 0%,rgba(8,7,5,.77) 37%,rgba(8,7,5,.08) 72%),linear-gradient(0deg,rgba(8,7,5,.6),transparent 45%)}.hero-content{position:relative;z-index:1;width:min(680px,90%);margin-left:clamp(24px,8vw,125px);margin-top:80px}.eyebrow,.section-kicker{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:3px;margin:0 0 24px}.eyebrow{color:#ddd2c3;display:flex;align-items:center;gap:12px}.eyebrow span{display:inline-block;width:32px;height:3px;background:var(--yellow)}h1,h2,h3{font-family:Anton,sans-serif;font-weight:400;margin:0;line-height:.92;letter-spacing:.3px}h1{font-size:clamp(75px,10vw,150px)}h1 em,h2 em{font-style:normal;color:var(--yellow)}.hero-copy{font-size:clamp(16px,1.5vw,20px);line-height:1.55;color:#d7d0c4;max-width:520px;margin:28px 0 34px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:23px;padding:17px 22px;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:1.2px;transition:.2s}.button-primary{background:var(--yellow);color:var(--ink)}.button-primary:hover{background:#ffd23f;transform:translateY(-2px)}.button-ghost{border:1px solid rgba(255,255,255,.5);color:#fff}.button-ghost:hover{border-color:#fff}.scroll-note{position:absolute;bottom:34px;right:clamp(24px,5vw,76px);z-index:2;font-size:9px;letter-spacing:2.2px;color:#bdb5a8;writing-mode:vertical-rl}.scroll-note span{margin-top:12px;color:var(--yellow)}
.intro{padding:110px clamp(24px,8vw,125px);display:grid;grid-template-columns:55px 1.5fr 1fr;gap:45px;align-items:start;border-bottom:1px solid var(--line)}.intro-number{font-family:Anton;font-size:14px;border-top:2px solid var(--ink);padding-top:10px}.section-kicker{color:#8c7660;margin-bottom:20px}.intro h2,.visit h2{font-size:clamp(48px,6vw,90px)}.intro-copy{font-size:18px;line-height:1.7;color:#665e53;margin:38px 0 0;max-width:430px}
.flavors{background:var(--ink);color:#fff;padding:110px clamp(24px,8vw,125px)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.section-head h2{font-size:clamp(60px,8vw,110px)}.section-head>p{max-width:340px;color:#aaa298;line-height:1.7;margin-bottom:12px}.section-kicker.light{color:#b9ad9d}.flavor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.flavor-card{min-height:490px;position:relative;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.card-classic{background:#f1e8d6;color:var(--ink)}.card-double{background:var(--yellow);color:var(--ink)}.card-loaded{background:#cf351f}.card-no{font-family:Anton;font-size:13px;border:1px solid currentColor;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.popular{position:absolute;right:0;top:32px;background:var(--ink);color:#fff;font-size:9px;letter-spacing:2px;padding:9px 13px}.flavor-card h3{font-size:42px}.flavor-card p{font-size:14px;line-height:1.6;opacity:.76;max-width:280px}.burger-graphic{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(0 15px 12px rgba(0,0,0,.2));transform:rotate(-3deg)}.burger-graphic i{display:block;height:22px;width:68%;background:#7b301a;border-radius:12px;margin:-1px}.burger-graphic i:first-child{height:50px;width:74%;background:#c7782d;border-radius:60px 60px 10px 10px}.burger-graphic i:nth-child(2){height:12px;width:77%;background:#5d9b3b}.burger-graphic i:nth-child(3){height:25px;width:72%;background:#5a281c}.burger-graphic i:nth-child(4){height:13px;width:76%;background:#f4b810;clip-path:polygon(0 0,35% 0,50% 90%,65% 0,100% 0,100% 100%,0 100%)}.burger-graphic i:last-child{height:34px;width:74%;background:#c7782d;border-radius:8px 8px 40px 40px}.burger-double i:nth-child(4),.burger-loaded i:nth-child(4){height:23px;background:#5a281c;clip-path:none}.burger-double i:nth-child(5),.burger-loaded i:nth-child(5){background:#c7782d}.burger-loaded i:nth-child(5){height:12px;background:#f4b810}.burger-loaded i:nth-child(6){height:34px;background:#c7782d;border-radius:8px 8px 40px 40px}.menu-note{text-align:center;color:#8c857b;font-size:12px;margin:32px 0 0}
.manifesto{padding:140px 24px;text-align:center;background:var(--yellow);position:relative;overflow:hidden}.manifesto:before{content:"MR. LALO";position:absolute;font-family:Anton;font-size:25vw;color:rgba(255,255,255,.14);white-space:nowrap;left:-4vw;top:5%}.manifesto>*{position:relative}.manifesto>p{font-size:12px;font-weight:700;letter-spacing:4px}.manifesto h2{font-size:clamp(60px,10vw,145px)}.manifesto-tags{display:flex;justify-content:center;gap:8px;margin-top:40px;flex-wrap:wrap}.manifesto-tags span{border:1px solid var(--ink);padding:10px 15px;font-size:10px;font-weight:700;letter-spacing:1.5px}
.visit{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.visit-copy{padding:110px clamp(24px,8vw,125px)}.visit-copy>p:not(.section-kicker){color:#675e52;line-height:1.7;max-width:500px;margin:28px 0}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:var(--red)}.visit-panel{background:#25211c;position:relative;overflow:hidden;display:block}.map-lines{position:absolute;inset:-20%;opacity:.25;background:repeating-radial-gradient(ellipse at 70% 55%,transparent 0 30px,#dbcfb9 32px 34px,transparent 36px 65px);transform:rotate(-12deg)}.visit-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(230,59,34,.27))}.map-pin{position:absolute;z-index:2;left:58%;top:43%;width:85px;height:85px;border-radius:50% 50% 50% 0;background:var(--yellow);transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 15px 40px #0008}.map-pin span{transform:rotate(45deg);font-family:Anton;font-size:25px}.panel-label{position:absolute;z-index:3;left:42px;bottom:38px;color:#fff}.panel-label small{display:block;letter-spacing:2px;font-size:9px;color:#bfb6aa}.panel-label strong{font:45px Anton}
footer{background:#0e0c09;color:#a9a197;min-height:135px;padding:35px clamp(24px,5vw,76px);display:flex;align-items:center;gap:45px;font-size:12px}footer>p{margin-right:auto}.footer-brand{color:#fff}footer>a:not(.brand){color:var(--yellow);font-weight:700}
@media(max-width:850px){.site-header{height:74px}.menu-toggle{display:block;z-index:2}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--ink);padding:25px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero{min-height:700px}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(8,7,5,.94),rgba(8,7,5,.46)),linear-gradient(0deg,#080705aa,transparent)}.hero-content{margin-left:24px}.intro{grid-template-columns:35px 1fr;padding:80px 24px;gap:20px}.intro-copy{grid-column:2}.flavors{padding:80px 24px}.section-head{align-items:start;flex-direction:column;gap:24px}.flavor-grid{grid-template-columns:1fr}.flavor-card{min-height:420px}.visit{grid-template-columns:1fr}.visit-copy{padding:80px 24px}.visit-panel{min-height:430px}footer{align-items:flex-start;flex-direction:column;gap:20px}footer>p{margin:0}.scroll-note{display:none}}
@media(max-width:480px){h1{font-size:70px}.hero-actions{align-items:stretch;flex-direction:column}.button{justify-content:space-between}.intro{grid-template-columns:1fr}.intro-number{width:34px}.intro-copy{grid-column:1}.manifesto{padding:100px 20px}.manifesto h2{font-size:54px}.visit h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}