/* Full-screen, timed opening shot. The real homepage waits behind the film. */
.life-journey,.life-journey[hidden]{display:none}
.journey-enabled .top-bar{display:none}
.journey-enabled .hero{scroll-margin-top:0}
html.intro-pending,html.film-running{overflow:hidden}
.intro-pending body,.film-running body{position:fixed;inset:0;overflow:hidden;width:100%}
.intro-pending .life-journey,.film-running .life-journey{display:block;position:fixed;inset:0;z-index:100;background:#020407;isolation:isolate;direction:ltr;overflow:hidden}
.journey-stage{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 49% 45%,#18303b 0%,#080e14 32%,#020407 72%)}
.journey-stage:before,.journey-stage:after{content:'';position:absolute;inset:0 0 auto;height:clamp(28px,6.5vh,76px);background:#010203;z-index:6;pointer-events:none}
.journey-stage:after{inset:auto 0 0}
.journey-space{position:absolute;inset:0;perspective:1050px;perspective-origin:50% 48%;pointer-events:none;will-change:opacity}
.journey-camera{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.memory-frame{position:absolute;left:50%;top:48%;margin:0;backface-visibility:hidden;will-change:transform,opacity;border-radius:30px;overflow:hidden;background:transparent;opacity:0;visibility:hidden}
.memory-frame img{display:block;width:100%;height:auto;border-radius:inherit;filter:blur(var(--focus,0px)) brightness(var(--exposure,1)) saturate(.86)}
.journey-glow{position:absolute;left:50%;top:46%;width:70vw;height:50vh;border-radius:50%;background:radial-gradient(ellipse,#609fb626 0%,#4a7b9514 35%,transparent 68%);filter:blur(25px);pointer-events:none}
.journey-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 20%,#02040715 45%,#020407d9 100%),linear-gradient(0deg,#010306af,transparent 35%,transparent 65%,#01030688)}
.journey-opening{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;text-align:center;pointer-events:none;opacity:0;will-change:transform,opacity}
.journey-title{font-family:var(--display-font);font-weight:900;font-size:clamp(26px,3.3vw,48px);line-height:1.5!important;letter-spacing:0!important;color:#f4f0e9;text-shadow:0 3px 40px #000;margin:0}
.journey-title em{font-style:normal;color:inherit}
html[lang=ar] .journey-title{direction:rtl}
.journey-signature{font-family:'Roboto',Arial,sans-serif;font-size:11px;letter-spacing:.44em;color:#a9b4bd;font-weight:500}
html[lang=en] .journey-title{font-size:clamp(34px,4vw,60px);font-weight:400;letter-spacing:.06em!important;line-height:1.08!important}
.journey-skip,.journey-pause{position:absolute;z-index:7;bottom:max(12px,2vh);color:#b9c0c5;font-size:12px;line-height:1.5;font-family:var(--body-font);font-weight:500;cursor:pointer;background:none;border:0;padding:8px;opacity:.7;transition:opacity .2s}
.journey-skip{right:4vw}.journey-pause{left:4vw;width:36px;font-family:Arial,sans-serif;font-size:15px}
.journey-skip:hover,.journey-pause:hover,.journey-skip:focus-visible,.journey-pause:focus-visible{opacity:1;color:white}
.intro-pending .journey-stage{opacity:0}
.film-running .journey-stage{animation:film-open 1.2s ease-out both}
@keyframes film-open{from{opacity:0}to{opacity:1}}
.intro-pending .site-header,.film-running .site-header,.intro-pending .hero-content,.film-running .hero-content,.intro-pending .hero-bottom,.film-running .hero-bottom,.intro-pending .scroll-progress,.film-running .scroll-progress{opacity:0;pointer-events:none}
.film-running .hero-photo img{transform:scale(var(--portrait-settle,1.07))!important}
.film-running.film-reveal .site-header,.film-running.film-reveal .hero-content,.film-running.film-reveal .hero-bottom{opacity:1}
.journey-enabled .site-header,.journey-enabled .hero-content,.journey-enabled .hero-bottom{transition:opacity 1.5s ease}
.film-complete .hero-photo img{transition:transform 1.5s cubic-bezier(.2,.6,.3,1)}
@media(max-width:650px){
 .journey-space{perspective:760px}
 .memory-frame{border-radius:23px}
 .journey-stage:before,.journey-stage:after{height:6vh}
 .journey-title{font-size:30px;padding:0 18px}
 html[lang=en] .journey-title{font-size:38px;max-width:320px}
 .journey-signature{font-size:10px;letter-spacing:.32em}
 .journey-skip,.journey-pause{bottom:9px}
}
@media(prefers-reduced-motion:reduce){.life-journey,.intro-pending .life-journey,.film-running .life-journey{display:none!important}html.intro-pending,html.film-running{overflow:visible}.intro-pending body,.film-running body{position:static;overflow:visible}.journey-enabled .site-header,.journey-enabled .hero-content,.journey-enabled .hero-bottom{opacity:1;pointer-events:auto}}