/* ==========================================================================
   V&M Liberis – 3D intro
   ========================================================================== */
#vml-stage{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}
.vml-scrim{position:fixed;left:0;right:0;bottom:0;height:62%;z-index:1;pointer-events:none;
  background:linear-gradient(to top,rgba(8,8,10,.94) 32%,rgba(8,8,10,.6) 60%,rgba(8,8,10,0))}
#vml-veil{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:0}
#vml-story{position:relative;z-index:2}
.vml-panel{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box;
  padding:0 24px calc(104px + env(safe-area-inset-bottom,0px));max-width:560px}
@supports (min-height:100svh){.vml-panel{min-height:100svh}}
.vml-panel h1,.vml-panel h2{margin:0;font-weight:800;letter-spacing:-.03em;line-height:.95;color:var(--vml-ink);text-shadow:0 2px 12px rgba(0,0,0,.35)}
.vml-panel h1{font-size:clamp(34px,9.8vw,70px);text-transform:uppercase}
.vml-panel h2{font-size:clamp(29px,8vw,50px)}
.vml-panel p{margin:16px 0 0;font-size:17px;line-height:1.5;color:var(--vml-ink-2);max-width:34ch}
.vml-hero-cta{margin-top:24px;align-self:flex-start}
.vml-panel.vml-finale{min-height:120vh}
@media (max-height:720px){.vml-panel h1{font-size:clamp(32px,9vw,58px)}.vml-panel p{font-size:15px;margin-top:10px}.vml-hero-cta{margin-top:16px}}

/* Η υπόλοιπη σελίδα (container με class vml-after-intro) */
.vml-after-intro{position:relative;z-index:3;background:var(--vml-bg)}
body.vml-fx .vml-after-intro{margin-top:-100vh;pointer-events:none}
body.vml-fx.vml-revealed .vml-after-intro{pointer-events:auto}

@media (min-width:900px){
  .vml-panel{padding-left:max(48px,calc(50vw - 600px));padding-bottom:96px;max-width:none}
  .vml-panel > *{max-width:520px}
  .vml-panel h1{font-size:clamp(48px,4.6vw,76px)}
  .vml-panel h2{font-size:clamp(36px,3.4vw,54px)}
}
@media (prefers-reduced-motion: reduce){.vml-panel *{opacity:1 !important;transform:none !important}}