/* Filmszerű belépő a kezdőlapra – nem betöltőképernyő. */
.opening-seen .opening-screen { display:none; }
.cinematic-opening-active { overflow:hidden; }
.cinematic-opening-active .home-hero .hero-content,
.cinematic-opening-active .home-hero .scroll-cue { opacity:0; transform:translateY(18px); }
.cinematic-hero-revealed .home-hero .hero-content,
.cinematic-hero-revealed .home-hero .scroll-cue { animation:hero-content-arrive .65s .04s cubic-bezier(.2,.8,.2,1) forwards; }
.opening-screen { position:fixed; z-index:9999; inset:0; overflow:hidden; display:grid; place-items:center; background:#030b13; color:#fff; isolation:isolate; }
.opening-screen::before { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(3,16,28,.9),rgba(3,18,31,.45) 57%,rgba(3,18,31,.2)),url('images/destinations/1500534314209-w1800.jpg') center/cover; opacity:0; transform:scale(1.07); animation:hero-world-arrive .65s 1.4s ease-out forwards; }
.opening-screen::after { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at 50% 48%,rgba(26,68,96,.38),transparent 33%),linear-gradient(135deg,#061a2d,#020911 78%); opacity:1; animation:night-lifts 1.85s ease forwards; }
.opening-inner { position:relative; display:grid; justify-items:center; text-align:center; }
.opening-logo-wrap { position:relative; line-height:0; background:transparent!important; box-shadow:none!important; filter:none!important; }
.opening-logo { display:block; width:clamp(155px,25vw,220px); height:auto; opacity:0; transform:scale(.96); animation:logo-arrive .52s .16s cubic-bezier(.2,.8,.2,1) forwards; }
.opening-logo,
.opening-logo-plane { background:transparent!important; box-shadow:none!important; filter:none!important; mix-blend-mode:normal!important; border:0!important; }
.opening-logo-plane { position:absolute; top:5%; left:83%; width:18%; height:auto; opacity:0; pointer-events:none; transform:translate(-10%,-5%); }
.opening-logo-plane.ready { opacity:1; animation:cinematic-plane-flight 1.08s .68s cubic-bezier(.42,.02,.7,.45) forwards; }
.opening-route { width:min(320px,75vw); height:98px; margin:-1.35rem 0 -.9rem; overflow:visible; }
.opening-route path { stroke:#d8b270; stroke-width:1.35; stroke-dasharray:420; stroke-dashoffset:420; animation:route-draw .96s .48s ease-out forwards; }
.opening-plane { display:none; }
.opening-tagline { margin:.9rem 0 0; color:#fff; opacity:0; font-family:"Playfair Display",Georgia,serif; font-size:clamp(1.1rem,2.6vw,1.5rem); letter-spacing:.01em; animation:tagline-arrive .38s .72s ease forwards; }
.opening-screen.is-leaving { opacity:0; visibility:hidden; transition:opacity .38s ease,visibility 0s .38s; }
@keyframes logo-arrive { to { opacity:1; transform:scale(1); } }
@keyframes route-draw { to { stroke-dashoffset:0; } }
@keyframes tagline-arrive { to { opacity:.9; } }
@keyframes cinematic-plane-flight { 0% { opacity:1; transform:translate(-10%,-5%) scale(1); } 42% { opacity:1; transform:translate(9vw,-7vh) scale(1.45); } 76% { opacity:1; transform:translate(25vw,-20vh) scale(3.5); } 100% { opacity:0; transform:translate(47vw,-39vh) scale(13); } }
@keyframes night-lifts { 0%,64% { opacity:1; } 100% { opacity:0; } }
@keyframes hero-world-arrive { to { opacity:1; transform:scale(1); } }
@keyframes hero-content-arrive { to { opacity:1; transform:translateY(0); } }
@media (max-width:600px) { .opening-logo-plane.ready { animation-name:cinematic-plane-flight-mobile; } @keyframes cinematic-plane-flight-mobile { 0% { opacity:1; transform:translate(-10%,-5%) scale(1); } 48% { opacity:1; transform:translate(14vw,-9vh) scale(1.5); } 100% { opacity:0; transform:translate(47vw,-37vh) scale(12); } } }
@media (prefers-reduced-motion:reduce) { .opening-screen { transition:opacity .12s ease,visibility 0s .12s; } .opening-screen::before { opacity:1; transform:none; animation:none; } .opening-screen::after,.opening-logo,.opening-route path,.opening-tagline,.opening-logo-plane { animation:none!important; } .opening-logo,.opening-route path,.opening-tagline { opacity:1; transform:none; } .opening-logo-plane { display:none; } .opening-route path { stroke-dasharray:none; } .cinematic-hero-revealed .home-hero .hero-content,.cinematic-hero-revealed .home-hero .scroll-cue { animation:none; opacity:1; transform:none; } }