html.intro-pending{overflow:hidden}html.intro-pending body>.header,html.intro-pending body>main,html.intro-pending body>.footer,html.intro-pending .mobile-dock{visibility:hidden}html.intro-pending:before{content:'';position:fixed;inset:0;background:#142e39;z-index:79}
.cinema{position:fixed;inset:0;z-index:80;isolation:isolate;background:#142e39;color:#fff;opacity:1;transition:opacity .6s ease;overflow:hidden}.cinema.leaving{opacity:0;pointer-events:none}.cinema-backdrop{position:absolute;inset:-30px;background:url('assets/intro/kia-intro-poster.jpg') center/cover;filter:blur(24px) brightness(.36);opacity:.85;pointer-events:none}.cinema-view{position:absolute;inset:0}.cinema-video{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.cinema-top{position:absolute;left:5%;right:5%;top:max(24px,env(safe-area-inset-top));display:flex;justify-content:flex-end;pointer-events:none}.cinema-skip{pointer-events:auto;min-height:44px;border:1px solid #ffffff70;border-radius:3px;background:#122d39b8;padding:10px 18px;font-size:12px;color:#fff;font-weight:500;cursor:pointer;backdrop-filter:blur(8px)}.cinema-skip:hover{background:#142e39}.cinema-bottom{position:absolute;left:5%;right:5%;bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:10px;letter-spacing:.02em;pointer-events:none}.cinema-progress{width:180px;height:2px;background:#ffffff40;overflow:hidden}.cinema-progress span{display:block;width:100%;height:100%;background:#f4d638;transform-origin:left;transform:scaleX(0)}.cinema-caption{opacity:.85;text-shadow:0 1px 5px #142e39}.intro-replay{border:0;background:none;color:var(--muted);font-size:10px;text-decoration:underline;text-underline-offset:3px;padding:5px 0;cursor:pointer}.site-arriving .header,.site-arriving main,.site-arriving .footer{animation:site-arrival .65s ease both}@keyframes site-arrival{from{opacity:0}to{opacity:1}}html.force-reduced{scroll-behavior:auto}html.force-reduced .hero-enter,html.force-reduced .hero-photo img{animation:none}html.force-reduced .reveal{opacity:1;transform:none;transition:opacity .15s ease}html.force-reduced .cta{transition:background-color .15s ease}html.force-reduced .cta:hover,html.force-reduced .cta:hover svg{transform:none}
@media(max-width:700px){.cinema-top{top:max(20px,env(safe-area-inset-top));left:6%;right:6%}.cinema-skip{font-size:12px;padding:10px 14px}.cinema-bottom{left:6%;right:6%;gap:20px}.cinema-progress{width:100px;flex-shrink:0}.cinema-caption{text-align:right;font-size:10px;max-width:170px}}
@media(prefers-reduced-motion:reduce){.cinema{transition:opacity .15s ease}.site-arriving .header,.site-arriving main,.site-arriving .footer{animation:site-arrival .15s ease both}}

.cinema-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-height:48px;min-width:160px;border:0;border-radius:3px;padding:12px 20px;background:#f4d638;color:#142e39;font:600 14px var(--body,sans-serif);cursor:pointer;box-shadow:0 3px 24px #142e3960}.cinema-play[hidden]{display:none}