@import url('https://fonts.googleapis.com/css2?family=Bungee&family=Knewave&display=swap');

/* Aguayos launch sequence — art remains separate from the official logo. */
:root{--hero-display:'Bungee',Impact,sans-serif;--tag-display:'Knewave',Impact,sans-serif}
.nav-wrap{height:108px;padding:8px 5%;background:linear-gradient(#100721f7,#100721af);border-bottom:1px solid #bc5aff2b}
.brand{position:relative;align-self:flex-start;margin-top:0;z-index:2;flex-shrink:0}
.brand img{width:142px;height:130px;object-fit:contain;filter:drop-shadow(0 8px 13px #0007);transition:transform .3s}
.brand:hover img{transform:rotate(-4deg) scale(1.04)}
.nav-wrap nav{margin-left:30px;gap:38px}
.flight{height:310svh}
.flight-stage{min-height:700px;isolation:isolate}
.scene-one{padding-top:150px;padding-bottom:95px;align-items:center}
.hero-copy{max-width:790px;width:65%;flex:none}
.hero-copy h1{font-family:var(--hero-display);font-size:clamp(50px,6.5vw,104px);line-height:1.12;letter-spacing:-.055em;margin:12px 0 30px;transform:rotate(-3deg);transform-origin:left center;text-shadow:none}
.hero-copy h1>.hero-title-line{display:block;color:#fff3dc;-webkit-text-stroke:1px #fff9ed;text-shadow:2px 2px 0 #b094c1,4px 4px 0 #58415c,7px 8px 0 #301141,10px 12px 0 #0d031d;transform:none}
.hero-copy h1>.hero-galaxy{font-family:var(--tag-display);font-size:1.32em;line-height:1.18;letter-spacing:-.03em;margin:1px 0 0 7px;color:#ffb419;-webkit-text-stroke:2px #1e032d;text-shadow:0 3px 0 #f87e00,0 6px 0 #e35205,0 9px 0 #8b21c2,0 12px 0 #8417d0,2px 15px 0 #63109c,3px 18px 0 #310b48,6px 23px 0 #080013;transform:rotate(-2deg) skew(-5deg)}
.hero-description{font-size:16px;color:#f1e8f8;max-width:430px;line-height:1.8;margin-top:32px}
.hero-art{position:absolute;width:39%;height:68%;right:1%;top:20%;bottom:auto;max-width:650px;margin:0;transform:none;pointer-events:none}
.launch-portal{position:absolute;inset:4% 0 15%;border-radius:50%;background:radial-gradient(ellipse,#c457ff12,transparent 65%);transform:rotate(-25deg)}
.launch-portal i{position:absolute;inset:4%;border:1px solid #c86fff38;border-radius:50%;box-shadow:0 0 80px #8612d214,inset 0 0 70px #ac2dff08;transform:rotateX(35deg)}
.launch-portal i:nth-child(2){inset:17%;border-color:#ffa51a42}
.launch-portal i:nth-child(3){inset:30%;border-style:dashed;border-color:#e1b4ff49}
.launch-portal>span{position:absolute;left:48%;top:18%;font-size:75px;color:#ffd07d;filter:drop-shadow(0 0 24px #ff9418);transform:rotate(20deg)}
.art-caption{top:9%;right:4%;bottom:auto;background:#4c126fc7;border:1px solid #b560df;font-family:var(--display);font-size:16px;transform:rotate(7deg);padding:12px 16px;box-shadow:4px 5px 0 #ff9b00}
.launch-depth{position:absolute;inset:0;pointer-events:none;z-index:4;--thrust:0}
.launch-rocket{position:absolute;left:78%;top:106%;width:clamp(330px,34vw,540px);will-change:transform,opacity,left,top;transform-origin:50% 50%;filter:drop-shadow(0 14px 20px #0008)}
.launch-rocket>img{display:block;width:100%;position:relative;z-index:2;filter:drop-shadow(0 0 12px #c65bff55)}
.rocket-exhaust{position:absolute;z-index:1;left:25%;top:78%;width:21%;height:105%;transform:translateX(-50%) rotate(34deg);transform-origin:50% 0;opacity:var(--thrust)}
.rocket-exhaust:before{content:'';position:absolute;inset:-12% -100%;background:radial-gradient(ellipse at 50% 25%,#ff7b00ab,transparent 65%);filter:blur(14px)}
.rocket-exhaust i,.rocket-exhaust b,.rocket-exhaust em{position:absolute;top:0;left:0;width:100%;height:100%;display:block;transform-origin:50% 0;clip-path:polygon(25% 0,75% 0,98% 22%,72% 48%,89% 41%,62% 77%,52% 100%,33% 66%,8% 47%,23% 41%,0 21%);background:linear-gradient(#fff7a0 0%,#ffca2e 18%,#ff8c00 46%,#fc3300 80%,transparent);animation:engine-fire .17s ease-in-out infinite alternate}
.rocket-exhaust b{width:56%;height:72%;left:22%;background:linear-gradient(#fffef0,#ffeb91 40%,#ffba15 85%,transparent);animation-duration:.23s;animation-direction:alternate-reverse}
.rocket-exhaust em{width:24%;height:46%;left:38%;background:linear-gradient(white,#fffbc6,transparent);animation-duration:.13s}
.launch-trail{position:absolute;left:58%;top:16%;width:34%;height:110%;transform-origin:50% 0;background:linear-gradient(105deg,transparent 35%,#8c37d229 46%,#ff9b0038 50%,#aa43ff21 54%,transparent 65%);filter:blur(22px);opacity:0}
.launch-flash{position:absolute;left:50%;top:15%;width:90px;height:90px;opacity:0;background:radial-gradient(white 0 5%,#ffdb7b 9%,#bb66ff9e 25%,transparent 67%);filter:drop-shadow(0 0 24px #ffad52);border-radius:50%;transform:translate(-50%,-50%)}
.scene-two{z-index:5;padding-top:145px;pointer-events:none}
.scene-two h2{font-family:var(--hero-display);font-size:clamp(46px,6.5vw,104px);line-height:1.07;letter-spacing:-.04em;text-shadow:3px 4px #321947}
.scene-two h2 span{display:block;margin-top:5px;font-family:var(--tag-display);font-size:.88em;color:var(--orange);text-shadow:2px 4px #8c22d5,3px 8px #471264}
.scene-two .eyebrow{margin-bottom:20px}
.food-orbit{margin-top:18px;width:95%;max-width:1350px;height:50vh}
.food-burger{width:62%;left:-4%;top:8%}
.food-wings{width:58%;right:-3%;top:0}
.scene-caption{position:absolute;left:0;right:0;bottom:85px;font-size:14px}
.flight-bottom{z-index:7;bottom:26px}
.section-heading h2>span,.real-food-copy h2>span,.hours-title h2>span,.contact-section h2>span{color:#a333e8;text-shadow:1px 2px 0 #5d167d,2px 4px 0 #330947}
.menu-visual{background:radial-gradient(ellipse at 40% 35%,#753aa9 0%,#32124f 55%,#180a2c 100%);border:1px solid #d28cff52;overflow:hidden}
.visual-label{font-family:var(--hero-display);font-size:clamp(18px,2vw,32px);max-width:75%;line-height:1.25;letter-spacing:-.035em;z-index:3;text-shadow:2px 3px #39105a}
.menu-visual img{top:22%;left:-5%;width:110%;max-width:none;filter:drop-shadow(0 15px 19px #0007)}
.photo-note{font-size:8px;letter-spacing:.12em;max-width:60%;line-height:1.5}
.price-sticker{z-index:4}
.real-food-image>img{aspect-ratio:1.2;object-fit:cover;object-position:center;border-radius:4px}
.photo-stamp{font-family:var(--tag-display);background:var(--orange);font-size:32px;color:#250b38;line-height:1.1;transform:rotate(-7deg);box-shadow:6px 6px 0 #9326d7}
.contact-section h2{font-family:var(--hero-display);font-size:clamp(70px,10vw,170px);line-height:1.1;letter-spacing:-.04em}
.contact-section h2>span{font-family:var(--tag-display);color:#ffa613;text-shadow:0 4px #f17800,0 8px #931dcf,1px 13px #49126b}
.motion-paused .flight{height:100svh}
.motion-paused .rocket-exhaust{display:none}
@keyframes engine-fire{from{transform:scaleX(.9) scaleY(.88)}to{transform:scaleX(1.07) scaleY(1.12)}}
@media(min-width:1600px){.hero-copy{max-width:850px}.hero-copy h1{font-size:115px}}
@media(max-width:1000px){.nav-wrap{height:96px}.brand img{width:120px;height:110px}.nav-wrap nav{gap:23px;margin-left:20px}.hero-copy{width:72%}.hero-copy h1{font-size:7vw}.hero-description{font-size:14px}.art-caption{font-size:11px}.hero-art{top:30%}.launch-rocket{width:45vw}.scene-two{padding-top:135px}.food-orbit{height:48vh}.visual-label{font-size:24px}}
@media(max-width:700px){
 .nav-wrap{height:88px;padding:6px 6%}.brand img{width:105px;height:96px}.nav-actions{gap:11px}.nav-wrap .button-small{padding:12px 16px;min-height:42px}.nav-wrap nav{display:none}
 .flight{height:285svh}.flight-stage{min-height:720px}.scene-one{display:block;padding:135px 7% 70px}.hero-copy{width:100%;max-width:none}.hero-copy h1{font-size:10.5vw;line-height:1.2;margin:8px 0 30px;letter-spacing:-.07em;transform:rotate(-3deg)}.hero-copy h1>.hero-galaxy{font-size:1.48em;line-height:1.05;margin-top:6px;-webkit-text-stroke:1px #230834;text-shadow:0 2px #f77e00,0 4px #eb6004,0 7px #9a25d1,1px 10px #49126b,3px 14px #150322}
 .hero-description{font-size:12px;line-height:1.8;margin-top:30px;max-width:270px}.hero-copy>.button{margin-top:22px}.hero-art{width:70%;height:42%;right:2%;top:auto;bottom:54px;opacity:.7}.art-caption{top:16%;right:0;font-size:10px;padding:9px}.launch-portal>span{font-size:40px;top:19%}
 .launch-rocket{width:76vw;max-width:370px}.rocket-exhaust{height:95%}.launch-flash{width:65px;height:65px}.flight-bottom{bottom:82px;left:7%;right:7%;font-size:7px}.flight-bottom .scroll-prompt{font-size:8px;letter-spacing:.05em}.flight-meter{width:50px}
 .scene-two{padding:140px 4% 100px}.scene-two h2{font-size:11.4vw;letter-spacing:-.045em;line-height:1.2}.scene-two h2 span{font-size:.91em;line-height:1.2}.scene-two .eyebrow{margin-bottom:20px}.food-orbit{height:45vh;min-height:340px;width:110%;margin-top:35px}.food-burger{width:99%;left:-11%;top:4%}.food-wings{width:82%;right:-4%;top:32%}.scene-caption{bottom:115px;font-size:11px;max-width:none}
 .menu-visual{height:370px}.menu-visual img{top:23%;width:111%;left:-6%}.visual-label{font-size:23px;max-width:75%;top:22px}.photo-note{font-size:7px;max-width:56%;bottom:20px}.price-sticker{bottom:20px;height:90px;width:90px}
 .real-food-image>img{aspect-ratio:1}.photo-stamp{font-size:24px;right:3px}.contact-section h2{font-size:13.5vw;line-height:1.3}.contact-section h2>span{font-size:1.03em}.big-phone{margin-top:32px}
}
@media(max-height:740px) and (min-width:701px){.flight-stage{min-height:620px}.scene-one{padding-top:125px}.hero-copy h1{font-size:5.6vw;margin-bottom:24px}.hero-description{margin-top:22px}.hero-copy>.button{margin-top:20px}.scene-two{padding-top:115px}.scene-two h2{font-size:5.5vw}.food-orbit{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.flight{height:100svh}.flight-stage{min-height:720px}.scene-one{position:absolute}.rocket-exhaust,.launch-trail,.launch-flash{display:none}.launch-rocket{will-change:auto}.scene-two{display:none}}
