/* Mission 04: one generous scene per dish, orbital brand docks and steel navigation. */
:root{--logo-orange:#ff9200;--burnt-orange:#ed6608;--header-height:108px}
section[id]{scroll-margin-top:calc(var(--header-height) + 25px)}
.nav-wrap{height:var(--header-height);padding:7px 4%;background:linear-gradient(180deg,#030205f7,#08050bef);border-bottom:1px solid #70617e70;box-shadow:0 12px 35px #0004}
.logo-dock{position:relative;isolation:isolate;background:#030205;border:1px solid #291b36;border-radius:28px;box-shadow:0 10px 25px #0008,inset 0 0 25px #160d1c;overflow:hidden}
.logo-dock:before{content:'';position:absolute;z-index:-1;inset:8%;background:radial-gradient(ellipse at 80% 24%,#873bde33,transparent 44%),radial-gradient(ellipse at 10% 86%,#ff8a001a,transparent 40%)}
.logo-dock:after{content:'';position:absolute;z-index:-1;width:85%;height:28%;left:8%;top:50%;border-bottom:1px solid #b67cff5c;border-radius:50%;transform:rotate(-28deg);box-shadow:0 6px 8px -7px #c991ff}
.brand{padding:8px;align-self:flex-start;margin:0;flex-shrink:0}
.brand img{width:132px;height:127px;object-fit:contain;filter:drop-shadow(0 4px 5px #0009)}
.brand:hover img{transform:scale(1.025)}
.nav-wrap .desktop-nav{display:flex;gap:9px;margin:0 12px;align-items:center}
.nav-wrap .desktop-nav a{position:relative;padding:13px 22px 12px;border-radius:16px 5px 16px 5px;border:1px solid #e2e9f5a6;background:linear-gradient(173deg,#faf9ff 0%,#aeb8c6 27%,#dce2ed 45%,#8b98a9 49%,#b8c3d3 78%,#e1e7f1 100%);color:#202332;font:400 22px/1 var(--display);letter-spacing:.045em;text-shadow:0 1px 0 #fff;box-shadow:inset 0 1px 1px white,inset 0 -2px 2px #42516b,0 4px 0 #424151,0 6px 0 #1b1029,0 10px 20px #0007;transition:transform .2s,box-shadow .2s}
.nav-wrap .desktop-nav a:before{content:'';position:absolute;left:15%;right:15%;height:1px;top:5px;background:#fff9}
.nav-wrap .desktop-nav a:hover{color:#271936;transform:translateY(-2px);box-shadow:inset 0 1px 1px white,inset 0 -2px 2px #42516b,0 4px 0 #494254,0 7px 0 #52246e,0 10px 22px #9d3be22b}
.nav-wrap .desktop-nav a:focus-visible,.menu-toggle:focus-visible{outline:3px solid #ff9d21;outline-offset:6px}
.nav-actions{gap:12px}.nav-actions .button-small{white-space:nowrap;padding:15px 20px;font-size:13px;gap:16px}
.menu-toggle{display:none}.mobile-navigation:not([open]){display:none}
.navigation-open{overflow:hidden}
/* Genuine orange face, slim gloss band and separate purple extrusion. */
.hero-copy h1>.hero-galaxy{position:relative;isolation:isolate;display:block;color:var(--logo-orange);-webkit-text-stroke:0;text-shadow:none;filter:drop-shadow(6px 14px 8px #07000ca8)}
.hero-galaxy .galaxy-face{position:relative;z-index:1;display:block;background:linear-gradient(180deg,#ffbe40 12%,#ff9d08 26%,#ffca65 37%,#ffebba 40%,#ffb229 43%,#ff9400 56%,#f57b00 78%,#e35d06 94%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px #ffab23}
.hero-galaxy .galaxy-depth{position:absolute;inset:0;z-index:0;color:#e77504;-webkit-text-stroke:1px #d76b06;text-shadow:0 2px #e87300,1px 4px #bd4808,2px 6px #a34deb,3px 8px #9a28df,4px 10px #66209e,5px 12px #3d135d}
/* The rocket clears the stage before the food arrives. */
.flight{height:490svh}.flight-stage{min-height:0;height:100svh}
.scene-one{padding-top:155px;padding-bottom:80px}
.dish-scene{z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:142px 20px 82px;opacity:0;pointer-events:none;transform:none;gap:0}
.dish-scene:before{content:'';position:absolute;z-index:-1;inset:12% 0 0;background:radial-gradient(ellipse at 50% 60%,#13082045,transparent 70%);pointer-events:none}
.dish-scene .eyebrow{font:600 11px/1.6 var(--body);color:#e3cbed;letter-spacing:.15em;margin:0 0 12px}
.dish-scene .dish-title{position:relative;font:400 clamp(64px,8vw,112px)/1 var(--display);letter-spacing:.025em;margin:0 0 18px;color:#ff910a;-webkit-text-stroke:.5px #ffb14c;text-shadow:0 2px #f88b0a,1px 4px #c65b09,2px 6px #9f2ddd,3px 8px #581782,5px 12px 12px #050009;transform:rotate(-2deg)}
.dish-scene .flight-plate{flex:0 1 auto;width:min(100%,1050px);height:auto;min-height:0;gap:12px;position:relative}
.dish-scene .flight-plate:before{content:'';position:absolute;inset:auto 16% 16px;height:28%;background:#a04bfc22;filter:blur(48px);border-radius:50%;z-index:-1}
.dish-scene .flight-food{display:block;position:static;width:100%;height:auto;max-width:100%;max-height:calc(100svh - 345px);object-fit:contain;transform:none;filter:drop-shadow(0 22px 20px #030007c0)}
.dish-scene .flight-plate figcaption{font:400 clamp(18px,2vw,24px)/1.25 var(--display);letter-spacing:.09em;padding:7px 18px;color:#fff0d6;border-bottom:1px solid #a86ad17a;background:linear-gradient(90deg,transparent,#12091a99,transparent)}
.flight-bottom{bottom:24px;font-size:10px}.flight-bottom .scroll-prompt{font-size:11px}.flight-bottom .scroll-label{font-size:inherit}.flight-bottom .scroll-prompt>span:last-child{font-size:25px}
/* A welcoming owner section, ready for the approved portrait. */
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:100px 7%;background:radial-gradient(ellipse at 20% 45%,#35124865,transparent 55%),#08050e;border-top:1px solid #704e7b55;overflow:hidden}
.about-emblem{position:relative;min-width:0;aspect-ratio:1.1;display:flex;align-items:center;justify-content:center;isolation:isolate}
.about-emblem img{width:90%;height:auto;filter:drop-shadow(0 20px 24px #0008);transform:rotate(-6deg)}
.about-orbit{position:absolute;inset:12% 6%;border:1px solid #9051c087;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 70px #9137d019,inset 0 0 60px #8d3ad01a;z-index:-1}
.about-orbit:after{content:'✦';position:absolute;right:7%;top:8%;color:#ff9a16;font-size:30px;text-shadow:0 0 28px #ff9a1680}
.about-emblem>span{position:absolute;bottom:0;font:500 10px var(--body);letter-spacing:.17em;color:#c0a3d1;border-top:1px solid #623877;padding-top:14px}
.about-copy h2{font:400 clamp(56px,6vw,90px)/1 var(--display);margin:20px 0 25px;letter-spacing:.015em}
.about-copy h2 span{color:#ff981b;text-shadow:1px 2px #ae4e12,2px 4px #9132c6,4px 7px #401357}
.about-copy>p:not(.eyebrow):not(.about-signature){font-size:16px;line-height:1.85;color:#dfcde9;max-width:450px}
.about-copy .about-signature{font:400 clamp(32px,3.5vw,48px)/1.7 var(--signature);color:#e0a9fa;margin:20px 0 8px;transform:rotate(-3deg)}
.about-copy .text-link{color:#ffc06b;font-size:13px}
.footer-logo-dock{width:248px;margin:45px auto 10px;padding:18px;border-radius:38px}
.footer-logo-dock .footer-logo{display:block;width:100%;height:auto;margin:0}
@media(min-width:1500px){.dish-scene .flight-plate{width:1160px}.dish-scene .dish-title{font-size:128px}}
@media(max-width:1150px){.nav-wrap .desktop-nav a{font-size:20px;padding:13px 16px}.nav-wrap{padding-inline:3%}.nav-actions .button-small{padding:14px 16px}.nav-actions{gap:10px}.brand img{width:120px;height:116px}}
@media(max-width:1000px){
 :root{--header-height:94px}.nav-wrap{padding:6px 4%}.nav-wrap .desktop-nav{display:none}.brand{padding:6px;border-radius:23px}.brand img{width:108px;height:104px}.nav-actions #motion-toggle{display:none}.nav-actions{gap:13px}.nav-actions .button-small{font-size:12px;min-height:44px;padding:14px 19px;gap:12px}
 .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:11px;border:1px solid #b7c6d5;border-radius:13px 4px 13px 4px;background:linear-gradient(155deg,#edf5ff,#8495a9 48%,#cbd4df);box-shadow:inset 0 1px #fff,0 3px #444553,0 5px #24152e;color:#1b1730}.menu-toggle span{display:block;height:2px;width:100%;background:currentColor;box-shadow:0 1px #fff7}
 .mobile-navigation[open]{display:block;position:fixed;inset:12px 12px auto auto;width:min(440px,calc(100% - 24px));max-width:none;max-height:calc(100svh - 24px);margin:0;padding:28px 24px 24px;border-radius:22px;border:1px solid #7f6097;background:radial-gradient(ellipse at 100% 0,#40205e,transparent 55%),#09050f;color:#fff2dc;box-shadow:0 24px 90px #000c;overflow-y:auto}
 .mobile-navigation::backdrop{background:#030108c9;backdrop-filter:blur(12px)}.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid #88649c44}.drawer-top>span{font:600 10px/1.7 var(--body);letter-spacing:.12em;color:#dbb4ee}.drawer-top button{background:#21132d;border:1px solid #8b689c;width:44px;height:44px;border-radius:50%;color:#fff0dc;font-size:28px}
 .mobile-navigation nav{display:flex;flex-direction:column;gap:12px;margin:25px 0}.mobile-navigation nav a{display:flex;align-items:center;gap:16px;min-height:67px;padding:14px 16px;border:1px solid #bfccd2;border-radius:14px 4px;background:linear-gradient(160deg,#dce4ee,#94a3b7 48%,#c1cbd9);box-shadow:inset 0 1px #fff,0 3px #434250;color:#1a1c30;text-shadow:0 1px #f4f3fa;font:400 29px/1 var(--display);letter-spacing:.025em}.mobile-navigation nav a small{font:600 9px var(--body);color:#3e445f}.mobile-navigation nav a>span{margin-left:auto;font:400 22px var(--body)}
 .drawer-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:14px;border-top:1px solid #88649c44}.drawer-bottom button{padding:10px 0;background:none;border:0;color:#e1c2ef;text-decoration:underline;text-underline-offset:5px;font-size:11px;min-height:44px}.drawer-bottom>a{font:400 22px var(--display);letter-spacing:.04em;color:#ffad3b}.drawer-signature{font:400 36px/1.6 var(--signature);color:#c897e8;margin-top:18px;text-align:center}
 .dish-scene{padding-top:135px}.about-section{gap:5%;padding:80px 6%}
}
@media(max-width:700px){
 :root{--header-height:88px}.nav-wrap{padding:6px 4%}.brand img{width:98px;height:95px}.brand{padding:6px}.nav-actions{gap:11px}.nav-actions .button-small{padding:12px 16px;font-size:11px;gap:8px}.nav-actions .button-small span{font-size:19px}.menu-toggle{width:44px;height:44px}
 .flight{height:470svh}.flight-stage{min-height:0;height:100svh}.scene-one{padding:142px 7% 95px;display:block}.hero-copy h1{font-size:10.5vw}.hero-copy h1>.hero-galaxy{font-size:8.6vw;-webkit-text-stroke:.45px #ffb02b}.hero-description{font-size:13px;line-height:1.7}.hero-art{bottom:90px;opacity:.55}
 .dish-scene{padding:137px 6px 125px;justify-content:center}.dish-scene .eyebrow{font-size:10px;margin:0 0 14px;letter-spacing:.12em}.dish-scene .dish-title{font-size:24vw;margin-bottom:25px;letter-spacing:.015em;line-height:1.03}.scene-three.dish-scene .dish-title{font-size:14.3vw;white-space:nowrap;margin-bottom:30px}
 .dish-scene .flight-plate{width:100%;height:auto;gap:15px;flex:0 1 auto}.dish-scene .flight-food{width:100%;height:auto;max-width:100%;max-height:calc(100svh - 380px)}.dish-scene .flight-plate figcaption{font-size:18px;letter-spacing:.07em;padding:8px 15px}
 .flight-bottom{bottom:91px;left:6%;right:6%;font-size:10px}.flight-bottom .scroll-prompt{font-size:10px;gap:12px}.flight-bottom .scroll-label{font-size:10px}.flight-bottom .scroll-prompt>span:last-child{font-size:24px}
 .about-section{grid-template-columns:1fr;padding:65px 7% 75px;gap:48px}.about-emblem{width:90%;max-width:390px;margin:auto}.about-copy h2{font-size:18vw}.about-copy>p:not(.eyebrow):not(.about-signature){font-size:15px;line-height:1.8}.about-copy .about-signature{font-size:35px;margin-top:22px}.footer-logo-dock{width:224px;padding:16px;margin-top:38px}
 .mobile-order{left:4%;right:4%;bottom:max(12px,env(safe-area-inset-bottom));padding:16px 18px;box-shadow:0 5px 25px #0007}
}
@media(max-height:720px){.dish-scene{padding-top:125px}.dish-scene .dish-title{font-size:70px;margin-bottom:12px}.dish-scene .eyebrow{margin-bottom:8px}.dish-scene .flight-food{max-height:calc(100svh - 300px)}}
@media(max-height:720px) and (max-width:700px){.scene-one{padding-top:128px}.hero-description{margin-top:16px}.hero-copy h1{font-size:9.5vw}.hero-copy h1>.hero-galaxy{font-size:8.3vw}.dish-scene{padding:124px 6px 116px}.dish-scene .dish-title{font-size:21vw;margin-bottom:17px}.scene-three.dish-scene .dish-title{font-size:14vw;margin-bottom:18px}.dish-scene .flight-food{max-height:calc(100svh - 350px)}.dish-scene .flight-plate{gap:9px}.dish-scene .flight-plate figcaption{font-size:16px}.dish-scene .eyebrow{font-size:9px}}
@media(max-height:520px) and (min-width:701px){.dish-scene{padding-top:112px;padding-bottom:45px}.dish-scene .dish-title{font-size:48px;margin-bottom:5px}.dish-scene .eyebrow{display:none}.dish-scene .flight-food{max-height:calc(100svh - 235px)}.dish-scene .flight-plate{gap:3px}.dish-scene .flight-plate figcaption{font-size:16px}.flight-bottom{bottom:10px}.hero-copy h1{font-size:4vw}.hero-copy h1>.hero-galaxy{font-size:4vw}.hero-description{font-size:12px;margin-top:14px}.scene-one{padding-top:110px;padding-bottom:35px}.hero-copy>.button{margin-top:10px}}
/* Pausing motion preserves every scene as readable, stacked content. */
.motion-paused .flight{height:auto}.motion-paused .flight-stage{position:relative;height:auto;overflow:clip;min-height:0}.motion-paused .scene{position:relative;inset:auto;opacity:1!important;transform:none!important}.motion-paused .scene-one{min-height:100svh}.motion-paused .dish-scene{display:flex;min-height:85svh;padding-block:65px 80px}.motion-paused .launch-depth,.motion-paused .flight-bottom{display:none}.motion-paused .dish-scene .flight-food{max-height:60svh}.motion-paused .scene-one .hero-art{display:none}
@media(prefers-reduced-motion:reduce){.flight{height:auto}.flight-stage{position:relative;height:auto;min-height:0}.scene{position:relative;inset:auto;opacity:1!important;transform:none!important}.scene-one{min-height:100svh}.dish-scene{display:flex;min-height:85svh;padding-block:65px 80px}.launch-depth,.flight-bottom{display:none}.dish-scene .flight-food{max-height:60svh}}
/* Let the available viewport, including the caption, set the plate size. */
@media(min-width:701px){
 .dish-scene{padding-top:130px;padding-bottom:88px}
 .dish-scene .eyebrow,.dish-scene .dish-title{flex-shrink:0}
 .dish-scene .dish-title{font-size:clamp(64px,7vw,112px);margin-bottom:12px}
 .dish-scene .flight-plate{flex:1;min-height:0;max-height:680px;gap:10px}
 .dish-scene .flight-food{flex:1;min-height:0;height:0;max-height:100%;width:100%;object-fit:contain}
 .dish-scene .flight-plate figcaption{flex-shrink:0;font-size:22px;padding-block:5px}
 .motion-paused .dish-scene .flight-plate{flex:none}.motion-paused .dish-scene .flight-food{flex:none;height:auto;max-height:60svh}
}
@media(prefers-reduced-motion:reduce) and (min-width:701px){.dish-scene .flight-plate{flex:none}.dish-scene .flight-food{flex:none;height:auto;max-height:60svh}}