/* VAYA Landing Page Styles
   Child theme: hello-elementor-child
   File: vaya-landing.css
*/

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --ice:#a8c8e8;
  --ice-dim:rgba(168,200,232,0.6);
  --dark:#0a0c0e;
  --cream:#f0ece4;
  --muted:rgba(255,255,255,0.42);
}
body{background:var(--dark);color:#fff;font-family:'Lato',sans-serif;font-weight:300;overflow-x:hidden;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 40px;z-index:100;transition:background 0.4s;}
nav.scrolled{background:rgba(10,12,14,0.88);backdrop-filter:blur(8px);}
#nav-logo{opacity:0;transition:opacity 0.5s ease;flex-shrink:0;text-decoration:none;}
#nav-logo img{height:26px;width:auto;display:block;}
.nav-links{display:flex;gap:30px;font-size:10px;letter-spacing:0.24em;text-transform:uppercase;color:rgba(255,255,255,0.5);justify-content:center;}
.nav-links a{color:inherit;text-decoration:none;transition:color 0.2s;}
.nav-links a:hover{color:var(--ice);}
.nav-cta{font-size:10px;letter-spacing:0.22em;text-transform:uppercase;border:0.5px solid rgba(168,200,232,0.45);padding:8px 18px;color:var(--ice);text-decoration:none;transition:all 0.25s;margin-left:auto;white-space:nowrap;}
.nav-cta:hover{background:rgba(168,200,232,0.1);border-color:var(--ice);}

/* STAGE */
#stage{position:sticky;top:0;width:100%;height:100vh;z-index:1;overflow:hidden;background:#0a0c0e;}
#stage canvas{position:absolute;inset:0;width:100%;height:100%;}
#pb{position:absolute;bottom:0;left:0;height:2px;background:var(--ice);width:0%;z-index:10;}

/* SCROLL DRIVER */
#scroll-driver{position:relative;z-index:2;margin-top:-100vh;}

/* CHAPTERS */
.chapter{min-height:100vh;display:flex;align-items:center;position:relative;}
.ch-content{position:relative;z-index:5;padding:0 56px;max-width:580px;}
.ch-content.right{margin-left:auto;text-align:right;}
.ch-content.center{margin:0 auto;text-align:center;}
.ch-label{font-size:9px;letter-spacing:0.38em;text-transform:uppercase;color:var(--ice);margin-bottom:14px;display:block;}
.ch-line{width:32px;height:0.5px;background:var(--ice);opacity:0.4;margin-bottom:18px;}
.ch-content.right .ch-line{margin-left:auto;}
.ch-content.center .ch-line{margin:0 auto 18px;}
.ch-title{font-family:'Josefin Sans',sans-serif;font-size:clamp(34px,4.5vw,52px);font-weight:200;line-height:1.15;color:var(--cream);margin-bottom:18px;letter-spacing:0.08em;text-transform:uppercase;}
.ch-title em{font-style:italic;color:var(--ice);font-weight:100;}
.ch-body{font-size:14px;line-height:1.85;color:var(--muted);max-width:400px;}
.ch-content.right .ch-body{margin-left:auto;}
.ch-content.center .ch-body{margin:0 auto;}

/* HERO */
#ch-hero{min-height:100vh;justify-content:center;}
#ch-hero .ch-content{text-align:center;margin:0 auto;padding-top:80px;}
.hero-pre{font-size:10px;letter-spacing:0.4em;text-transform:uppercase;color:var(--ice-dim);margin-bottom:22px;}
.hero-logo img{width:280px;height:auto;}
.hero-tagline{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:19px;font-weight:300;color:rgba(255,255,255,0.65);letter-spacing:0.1em;margin-top:14px;}
.scroll-cue{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0.5;animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:0.25}50%{opacity:0.65}}
.scroll-cue span{font-size:8px;letter-spacing:0.3em;text-transform:uppercase;color:var(--ice);}
.scroll-cue-line{width:1px;height:30px;background:linear-gradient(to bottom,var(--ice),transparent);}

/* MENU */
#ch-menu{min-height:auto;background:var(--dark);padding:80px 0;position:relative;z-index:10;}
.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(168,200,232,0.07);max-width:900px;margin:48px auto 0;}
.menu-col{background:var(--dark);padding:40px 28px;text-align:center;}
.menu-col-title{font-size:9px;letter-spacing:0.32em;text-transform:uppercase;color:var(--ice);margin-bottom:28px;}
.mi{margin-bottom:20px;}
.mi-name{font-family:'Cormorant Garamond',serif;font-size:16px;font-style:italic;color:var(--cream);}
.mi-desc{font-size:10px;color:rgba(255,255,255,0.28);margin-top:3px;}
.mi-price{font-size:11px;color:var(--ice);margin-top:4px;}

footer{padding:28px 48px;display:flex;align-items:center;justify-content:space-between;border-top:0.5px solid rgba(168,200,232,0.07);background:var(--dark);position:relative;z-index:10;}
footer span{font-size:10px;letter-spacing:0.16em;color:rgba(255,255,255,0.18);text-transform:uppercase;}

@media(max-width:768px){
  nav{padding:16px 20px;}
  .nav-links{display:none !important;}
  .nav-cta{display:none !important;}
  #hamburger{display:block !important;}
  .ch-content{padding:0 24px;}
  .ch-content.right{text-align:left;margin-left:0;}
  .ch-content.right .ch-line{margin-left:0;}
  .ch-content.right .ch-body{margin-left:0;}
  .menu-grid{grid-template-columns:1fr;}
  footer{flex-direction:column;gap:8px;text-align:center;}
  .hero-logo img{width:200px;}

}

/* Canvas transitions */
#c1,#c2,#c3{will-change:opacity;}