/* V12.7: Video hub only. A real two-minute concept film, not a product demo. */
.route-video .video-hub-hero,.route-video .video-concept,.route-video .video-library,.route-video .video-publishing-note{width:min(calc(100% - (var(--site-gutter) * 2)),var(--site-width));margin-inline:auto}
.route-video .video-hub-hero{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:clamp(52px,8vw,112px) clamp(28px,6vw,86px) clamp(40px,6vw,72px);background:radial-gradient(circle at 86% 18%,rgba(116,73,255,.3),transparent 20rem),radial-gradient(circle at 20% 100%,rgba(50,225,255,.17),transparent 22rem),linear-gradient(118deg,#06152f,#111052);border:1px solid rgba(96,227,255,.28);border-radius:0 0 28px 28px}.route-video .video-hub-hero>div{max-width:720px}.route-video .video-hub-hero h1{max-width:12ch;margin:.3rem 0 .9rem;color:#fff;font-size:clamp(3rem,7vw,6.2rem);line-height:.94;letter-spacing:-.065em}.route-video .video-hub-hero .lead{max-width:62ch;margin:0;color:#c7e1f1;line-height:1.65}.route-video .video-hub-hero__mark{display:grid;flex:0 0 auto;width:clamp(90px,14vw,180px);aspect-ratio:1;place-items:center;border:1px solid rgba(99,234,255,.42);border-radius:50%;color:#70efff;background:radial-gradient(circle,rgba(91,231,255,.24),rgba(33,12,104,.28) 47%,transparent 70%);box-shadow:0 0 60px rgba(74,225,255,.22);font-size:clamp(2.6rem,7vw,5.2rem);text-shadow:0 0 25px currentColor}
.route-video .video-concept{margin-top:clamp(30px,5vw,62px);margin-bottom:clamp(44px,7vw,90px)}.route-video .video-concept__heading{max-width:760px;margin-bottom:24px}.route-video .video-concept__heading h2,.route-video .video-library h2,.route-video .video-publishing-note h2{margin:.28rem 0 .85rem;color:#fff;font-size:clamp(2.15rem,4vw,4rem);line-height:1.02;letter-spacing:-.05em}.route-video .video-concept__heading p:not(.eyebrow),.route-video .video-library__heading p:not(.eyebrow),.route-video .video-publishing-note p:not(.eyebrow){margin:0;color:#b9d5e7;line-height:1.65}
.route-video .video-concept__frame{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(105,233,255,.42);border-radius:26px;background:#061735;box-shadow:0 28px 70px rgba(0,0,0,.35)}.route-video .video-concept__video{display:block;width:100%;height:100%;background:#061735;object-fit:cover}.route-video .video-concept__backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.route-video .video-concept__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,34,.88),rgba(3,12,34,.37) 49%,rgba(3,12,34,.1)),linear-gradient(0deg,rgba(2,10,29,.88),transparent 35%)}.route-video .video-concept__scan{position:absolute;inset:-110% 0 auto;height:90%;background:linear-gradient(180deg,transparent,rgba(102,239,255,.22),transparent);transform:skewY(-8deg);opacity:0}.route-video .video-concept__scenes{position:absolute;inset:0}.route-video .video-concept__scene{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;max-width:min(62%,650px);padding:clamp(28px,6vw,84px);opacity:0;transform:translateY(16px)}.route-video .video-concept__scene--one{opacity:1;transform:none}.route-video .video-concept__scene span{margin-bottom:18px;color:#6deeff;font-size:clamp(.7rem,1vw,.9rem);font-weight:900;letter-spacing:.16em}.route-video .video-concept__scene h3{max-width:11ch;margin:0;color:#fff;font-size:clamp(2rem,4.4vw,4.7rem);line-height:.98;letter-spacing:-.06em}.route-video .video-concept__scene p{max-width:44ch;margin:18px 0 0;color:#d1e5f0;font-size:clamp(.9rem,1.4vw,1.15rem);line-height:1.58}.route-video .video-concept__controls{position:absolute;right:clamp(17px,3vw,36px);bottom:clamp(17px,3vw,34px);display:flex;gap:14px;align-items:center}.route-video .video-concept__play{display:inline-flex;gap:10px;align-items:center;padding:13px 17px;border:1px solid rgba(112,239,255,.6);border-radius:999px;color:#061126;background:#7befff;font:inherit;font-size:.83rem;font-weight:900;cursor:pointer;box-shadow:0 0 25px rgba(91,229,255,.24)}.route-video .video-concept__play:hover{background:#d5fbff}.route-video .video-concept__time{color:#ddfaff;font-size:.74rem;font-variant-numeric:tabular-nums}.route-video .video-concept__progress{position:absolute;right:0;bottom:0;left:0;height:4px;background:rgba(206,248,255,.15)}.route-video .video-concept__progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#61eeff,#a77dff,#ff9be8);box-shadow:0 0 14px #6ff3ff}.route-video .video-concept__disclaimer{margin:13px 0 0;color:#7fa2ba;font-size:.77rem;line-height:1.5}
.route-video .video-concept__frame.is-playing .video-concept__scan{animation:video-scan 120s linear both}.route-video .video-concept__frame.is-playing .video-concept__scene--one{animation:video-scene-one 120s linear both}.route-video .video-concept__frame.is-playing .video-concept__scene--two{animation:video-scene-two 120s linear both}.route-video .video-concept__frame.is-playing .video-concept__scene--three{animation:video-scene-three 120s linear both}.route-video .video-concept__frame.is-playing .video-concept__scene--four{animation:video-scene-four 120s linear both}.route-video .video-concept__frame.is-playing .video-concept__progress i{animation:video-progress 120s linear both}@keyframes video-scan{0%,100%{opacity:0;transform:translateY(-24%) skewY(-8deg)}12%,37%,62%,87%{opacity:.8}25%,50%,75%{opacity:.15;transform:translateY(166%) skewY(-8deg)}}@keyframes video-scene-one{0%,22%{opacity:1;transform:none}25%,100%{opacity:0;transform:translateY(-15px)}}@keyframes video-scene-two{0%,23%{opacity:0;transform:translateY(16px)}27%,47%{opacity:1;transform:none}50%,100%{opacity:0;transform:translateY(-15px)}}@keyframes video-scene-three{0%,48%{opacity:0;transform:translateY(16px)}52%,72%{opacity:1;transform:none}75%,100%{opacity:0;transform:translateY(-15px)}}@keyframes video-scene-four{0%,73%{opacity:0;transform:translateY(16px)}77%,100%{opacity:1;transform:none}}@keyframes video-progress{to{width:100%}}
.route-video .video-library{margin-bottom:clamp(45px,7vw,90px);padding-top:clamp(35px,5vw,62px);border-top:1px solid rgba(101,226,255,.18)}.route-video .video-library__heading{max-width:720px;margin-bottom:26px}.route-video .video-library__empty{padding:clamp(28px,5vw,56px);border:1px dashed rgba(112,230,255,.32);border-radius:23px;background:linear-gradient(120deg,rgba(6,32,75,.76),rgba(28,13,79,.63))}.route-video .video-library__empty>span{display:grid;width:58px;aspect-ratio:1;place-items:center;border:1px solid rgba(116,235,255,.34);border-radius:18px;color:#75efff;font-size:1.8rem}.route-video .video-library__empty h3{margin:24px 0 8px;color:#fff;font-size:clamp(1.45rem,2.8vw,2.2rem)}.route-video .video-library__empty p{max-width:64ch;margin:0;color:#b8d0e3;line-height:1.6}.route-video .video-publishing-note{margin-bottom:clamp(48px,8vw,96px);padding:clamp(30px,5vw,57px);border:1px solid rgba(135,102,255,.37);border-radius:25px;background:radial-gradient(circle at 90% 0,rgba(187,93,255,.2),transparent 19rem),linear-gradient(122deg,rgba(6,34,77,.95),rgba(27,13,79,.9));}.route-video .video-publishing-note h2{max-width:15ch}
@media(max-width:700px){.route-video .video-hub-hero{align-items:flex-start;flex-direction:column;padding-top:48px}.route-video .video-hub-hero__mark{width:94px}.route-video .video-concept__frame{min-height:560px;aspect-ratio:auto}.route-video .video-concept__backdrop{object-position:72% center}.route-video .video-concept__veil{background:linear-gradient(0deg,rgba(3,12,34,.91),rgba(3,12,34,.3) 75%),linear-gradient(90deg,rgba(3,12,34,.64),transparent)}.route-video .video-concept__scene{justify-content:flex-start;max-width:100%;padding:32px 24px}.route-video .video-concept__scene h3{max-width:10ch;font-size:2.55rem}.route-video .video-concept__controls{right:18px;bottom:22px;left:18px;justify-content:space-between}.route-video .video-concept__play{padding:12px 14px;font-size:.75rem}.route-video .video-library__grid{grid-template-columns:1fr}.route-video .video-hub-hero,.route-video .video-concept,.route-video .video-library,.route-video .video-publishing-note{width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){.route-video .video-concept__frame.is-playing *{animation:none!important}.route-video .video-concept__frame.is-playing .video-concept__scene--one{opacity:1;transform:none}.route-video .video-concept__frame.is-playing .video-concept__progress i{width:0}}
