/* 404Travel identity + scroll-linked cinematic chapter transitions */
.brand-mark{width:42px;font-family:Archivo,sans-serif;font-size:10px;letter-spacing:-.04em}
.plan-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.cinematic-scene{position:relative;isolation:isolate;will-change:transform,opacity,filter}
.cinematic-scene::before{
  content:"";position:absolute;z-index:30;left:-2%;right:-2%;top:-14vh;height:30vh;pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,rgba(7,8,6,.82) 42%,rgba(72,240,139,.13) 70%,transparent 100%);
  transform:translateY(35%) scaleY(.72);transform-origin:center;opacity:0
}
.cinematic-scene.scene-in::before{animation:chapterCurtain 1.15s cubic-bezier(.22,.72,.18,1) forwards}
.cinematic-scene::after{
  content:"";position:absolute;z-index:29;left:4%;right:4%;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--lime),transparent);opacity:0;transform:scaleX(.15)
}
.cinematic-scene.scene-in::after{animation:chapterFlash 1.05s .12s ease-out both}
@keyframes chapterCurtain{0%{transform:translateY(35%) scaleY(.72);opacity:0}35%{opacity:.9}100%{transform:translateY(-45%) scaleY(1.18);opacity:0}}
@keyframes chapterFlash{0%{opacity:0;transform:scaleX(.15)}35%{opacity:.75}100%{opacity:0;transform:scaleX(1)}}

@supports (animation-timeline:view()){
  .cinematic-scene{animation:sceneFlow linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  @keyframes sceneFlow{
    0%{opacity:.32;filter:blur(8px);transform:translateY(70px) scale(.96)}
    18%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}
    78%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}
    100%{opacity:.42;filter:blur(5px);transform:translateY(-45px) scale(.975)}
  }
}
@media(max-width:800px){.cinematic-scene::before{background:linear-gradient(180deg,var(--ink),rgba(7,8,6,.95) 55%,transparent)}footer>div{flex-wrap:wrap}.brand-mark{width:42px}}
@media(prefers-reduced-motion:reduce){.cinematic-scene{opacity:1!important;filter:none!important;transform:none!important}.cinematic-scene::before,.cinematic-scene::after{display:none!important}}
