@import url('https://api.fontshare.com/v2/css?f[]=satoshi@900,700,500,400&display=swap');
:root{--primary:#e63a12;--bg-color:#f3e4cc;--text-color:#211e1d;--card-bg:#fffcf8;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Satoshi',sans-serif;background:var(--bg-color);color:var(--text-color);overflow-x:hidden;}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem;position:fixed;width:100%;top:0;z-index:100;mix-blend-mode:difference;color:#fff;}
.logo{font-size:2.2rem;font-weight:900;letter-spacing:-1.5px;}
.nav-links{list-style:none;display:none;gap:3rem;}
.nav-links a,.cart{color:#fff;text-decoration:none;font-weight:500;font-size:1.1rem;text-transform:uppercase;}
.hero{height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 4rem;position:relative;}
.hero-content{flex:1;z-index:2;}
.hero-title{font-size:8rem;font-weight:900;line-height:0.9;letter-spacing:-3px;text-transform:uppercase;margin-bottom:2rem;color:var(--primary);}
.hero-title .line{display:block;overflow:hidden;}
.hero-subtitle{font-size:1.35rem;max-width:450px;margin-bottom:2.5rem;font-weight:500;line-height:1.5;}
.btn{display:inline-block;padding:1.2rem 3rem;background:var(--primary);color:#fff;text-decoration:none;font-size:1rem;font-weight:700;text-transform:uppercase;border-radius:50px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);}
.btn:hover{transform:scale(1.05);}
.hero-image{flex:1;height:75vh;border-radius:20px;overflow:hidden;position:relative;}
.hero-image img{width:100%;height:120%;object-fit:cover;}
.menu-section{padding:10rem 4rem;background:var(--card-bg);}
.section-title{font-size:4.5rem;font-weight:900;text-transform:uppercase;text-align:center;letter-spacing:-2px;margin-bottom:5rem;}
.burger-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:4rem;}
.burger-card{background:var(--bg-color);padding:2.5rem;border-radius:24px;text-align:center;transition:transform .4s ease,box-shadow .4s ease;}
.burger-card:hover{transform:translateY(-15px);box-shadow:0 20px 40px rgba(33,30,29,.08);}
.img-wrapper{overflow:hidden;border-radius:12px;margin-bottom:2rem;}
.burger-card img{width:100%;height:280px;object-fit:cover;transition:transform .6s ease;}
.burger-card:hover img{transform:scale(1.08);}
.burger-card h3{font-size:1.8rem;font-weight:900;margin-bottom:.8rem;}
.burger-card p{font-size:1rem;font-weight:500;color:#666;margin-bottom:1.5rem;}
.price{font-size:1.8rem;font-weight:900;color:var(--primary);}
.story-section{padding:10rem 4rem;display:flex;align-items:center;gap:8rem;background:var(--bg-color);color:var(--text-color);}
.story-section .section-title{color:var(--text-color);margin-bottom:1.5rem;text-align:left;font-size:clamp(2.5rem,6vw,5.5rem);}
.story-text{font-size:1.15rem;font-weight:500;max-width:none;margin:0 0 2.5rem;line-height:1.6;letter-spacing:0;}
.story-copy{flex:1;}
.story-label{display:inline-block;background:var(--primary);color:#fff;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:0.4rem 1.2rem;border-radius:50px;margin-bottom:1.5rem;}
.story-photo{flex:1;border-radius:20px;overflow:hidden;max-height:620px;}
.story-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.footer{padding:8rem 4rem 3rem;background:var(--text-color);color:var(--bg-color);text-align:center;}
.footer-content h2{font-size:6rem;font-weight:900;margin-bottom:1rem;color:var(--primary);}
.footer-content p{font-size:1.8rem;font-weight:500;margin-bottom:3rem;}
.btn-outline{background:transparent;border:2px solid var(--bg-color);color:var(--bg-color);}
.btn-outline:hover{background:var(--bg-color);color:var(--text-color);}
.footer-bottom{margin-top:8rem;display:flex;justify-content:space-between;font-size:1rem;font-weight:500;opacity:.7;}
@media(max-width:900px){.hero{flex-direction:column;justify-content:center;text-align:center;padding-top:6rem;}.hero-title{font-size:4rem;}.hero-image{width:100%;height:40vh;margin-top:2rem;}.navbar{padding:1.5rem;}.nav-links{display:none;}.footer-bottom{flex-direction:column;gap:1rem;}}
/* Hero: THE BURGER centered display override */
.hero{display:block;padding:0;}
.hero-inner{position:relative;height:100vh;background:var(--bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
.hero-title-wrap{text-align:center;position:relative;z-index:2;line-height:1;}
.hero-the{display:block;font-size:clamp(2rem,6vw,6rem);font-weight:900;color:var(--primary);text-transform:lowercase;letter-spacing:-1px;}
.hero-main-title{font-size:clamp(5rem,20vw,20rem);font-weight:900;color:var(--primary);text-transform:uppercase;letter-spacing:-4px;line-height:0.85;margin:0;}
.hero-burger-img{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:clamp(260px,48vw,620px);z-index:3;pointer-events:none;}
.hero-burger-img img{width:100%;object-fit:contain;border-radius:0;}
.hero-wordmark{font-size:clamp(4rem,13vw,13rem);font-weight:900;color:var(--text-color);letter-spacing:-4px;text-transform:uppercase;position:relative;z-index:1;margin-top:1rem;}
.hero-badge{position:absolute;width:clamp(70px,7vw,100px);height:clamp(70px,7vw,100px);border-radius:50%;background:var(--primary);color:#fff;font-weight:700;font-size:clamp(0.65rem,1vw,0.9rem);text-align:center;display:flex;align-items:center;justify-content:center;line-height:1.2;z-index:5;}
.hero-badge--left{left:8%;top:28%;}
.hero-badge--right{right:8%;top:52%;}
/* Red: FOOD THAT FEELS GOOD */
.red-wrap{background:#f91814;padding:10rem 4rem;position:relative;overflow:hidden;transform:skewY(-2deg);margin:4rem 0;}
.red-inner{transform:skewY(2deg);text-align:center;position:relative;}
.red-h2{font-size:clamp(3.5rem,10vw,11rem);font-weight:900;text-transform:uppercase;letter-spacing:-3px;line-height:0.88;color:#fff;margin-bottom:3.5rem;}
.red-mascot{position:relative;width:clamp(160px,22vw,280px);height:clamp(180px,24vw,300px);margin:0 auto;}
.mascot-bun--top{position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:38%;background:#e8961a;border-radius:50% 50% 20% 20%;box-shadow:0 6px 0 #c27208 inset;}
.mascot-bun--bot{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:88%;height:30%;background:#e8961a;border-radius:20% 20% 50% 50%;}
.mascot-face{position:absolute;top:32%;left:50%;transform:translateX(-50%);width:72%;height:36%;background:#f3b23c;display:flex;align-items:center;justify-content:center;gap:18%;}
.mascot-eye{width:22%;height:55%;background:#211e1d;border-radius:50%;}
.mascot-hand{position:absolute;width:32%;height:28%;background:#fff;border-radius:50%;top:55%;}
.mascot-hand--l{left:-24%;transform:rotate(-22deg);}
.mascot-hand--r{right:-24%;transform:rotate(22deg);}
.red-sticker{position:absolute;width:clamp(64px,6vw,92px);height:clamp(64px,6vw,92px);border-radius:50%;background:#fff;color:#f91814;font-weight:900;font-size:clamp(0.55rem,0.9vw,0.82rem);text-align:center;display:flex;align-items:center;justify-content:center;line-height:1.25;text-transform:uppercase;}
.red-sticker--1{top:12%;left:8%;}
.red-sticker--2{bottom:12%;right:8%;}
/* Cheesy Section – JUICY CHEESY FULLY LOADED */
.cheesy-section{padding:10rem 4rem;background:var(--bg-color);text-align:center;}
.cheesy-badge{display:inline-block;background:var(--primary);color:#fff;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:0.4rem 1.2rem;border-radius:50px;margin-bottom:1.8rem;}
.cheesy-h2{font-size:clamp(2.8rem,7vw,8rem);font-weight:900;text-transform:uppercase;letter-spacing:-2px;line-height:0.9;color:var(--text-color);margin-bottom:1.8rem;}
.cheesy-para{font-size:1.15rem;font-weight:500;line-height:1.6;max-width:480px;margin:0 auto 2.5rem;}
.cheesy-btn{display:inline-block;}
.cheesy-imgs{display:flex;justify-content:center;align-items:flex-start;gap:1.5rem;max-width:860px;margin:4rem auto 0;}
.cheesy-imgs .cheesy-img{flex:0 0 240px;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(33,30,29,.12);}
.cheesy-imgs .cheesy-img img{width:100%;height:290px;object-fit:cover;display:block;}
/* Ingredients: OUR QUALITY / EVERY LAYER PACKED WITH SIGNATURE FLAVOR */
.ingr-section{background:var(--bg-color);padding:10rem 4rem;position:relative;overflow:hidden;text-align:center;}
.ingr-inner{position:relative;}
.ingr-label{display:inline-block;background:var(--primary);color:#fff;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:0.4rem 1.4rem;border-radius:50px;margin-bottom:2.2rem;}
.ingr-lines{transform:skewX(-4deg);margin-bottom:0;}
.ingr-h2{font-size:clamp(2.5rem,7vw,8rem);font-weight:900;text-transform:uppercase;letter-spacing:-2px;line-height:0.9;color:var(--text-color);}
.ingr-accent{color:var(--primary);}
.ingr-item{position:absolute;font-size:clamp(3rem,6vw,6rem);pointer-events:none;user-select:none;line-height:1;}
.ingr-item--lettuce{top:8%;left:6%;transform:rotate(-15deg);}
.ingr-item--tomato{top:12%;right:8%;transform:rotate(10deg);}
.ingr-item--cheese{bottom:12%;left:10%;transform:rotate(-8deg);}
.ingr-item--patty{bottom:8%;right:6%;transform:rotate(12deg);}
/* Map: QUALITY THAT TRAVELS WITH YOU */
.map-wrap{background:#ffd750;padding:10rem 4rem;position:relative;overflow:hidden;}
.map-inner{position:relative;text-align:center;}
.map-badge{display:inline-block;background:#211e1d;color:#ffd750;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:0.4rem 1.4rem;border-radius:50px;margin-bottom:2rem;}
.map-h2{font-size:clamp(2.8rem,7vw,8rem);font-weight:900;text-transform:uppercase;letter-spacing:-2px;line-height:0.9;color:#211e1d;margin-bottom:4rem;}
.map-route{width:100%;max-width:1200px;margin:0 auto;}
.map-svg{width:100%;height:auto;display:block;}
/* Hands-holding-burger full-bleed photo section */
.hands-section{width:100%;background:#111;line-height:0;height:70vh;}
.hands-img{width:100%;height:70vh;object-fit:cover;object-position:center 60%;display:block;}
/* Footer: tan/cream background + oversized CRAV wordmark */
.footer{background:var(--bg-color);color:var(--text-color);padding:4rem 0 0;}
.footer-content{padding:0 4rem;}
.footer-links{display:flex;gap:2.4rem;justify-content:center;font-size:1.2rem;letter-spacing:.12em;margin-bottom:2rem;}
.footer-links a{color:var(--text-color);text-decoration:none;text-transform:uppercase;font-weight:500;}
.footer-links a:hover{opacity:.6;}
.footer-jumbo{font-size:clamp(8rem,22vw,22rem);font-weight:900;line-height:0.82;text-align:center;color:var(--text-color);letter-spacing:-0.02em;overflow:hidden;width:100%;}
.footer-bottom{padding:1.5rem 4rem;font-size:1rem;color:var(--text-color);opacity:.6;display:flex;justify-content:space-between;}