/* One stationary film, content panels moving naturally above it. */
.video-page{background:#0c120e;isolation:isolate;--muted:#c2cabd}
.ambient-video{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#0c120e url('assets/video-poster.jpg') center / cover no-repeat}
.ambient-video>video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.ambient-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,6,.69),rgba(4,10,6,.30) 65%,rgba(4,10,6,.35))}
.video-page main,.video-page>footer,.video-page>.skip{position:relative;z-index:1}
.video-page>.skip{position:absolute;z-index:100}
.video-page .header{background:rgba(10,17,12,.76);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #ffffff20;z-index:20}
.video-page .hero{background:transparent;min-height:700px;height:calc(100svh - 105px);max-height:1000px}
.video-page .hero-shade{background:linear-gradient(90deg,rgba(5,10,7,.28),transparent 80%)}
.video-page .hero-content>p{color:#e0e5da}
.video-page .hero-phone{color:#d1d9ca}
.video-page .hero-bottom{color:#edf0e9}
.video-page .hero h1{text-shadow:0 2px 30px #0005}
.video-page .intro,.video-page .gallery,.video-page .about,.video-page .process,.video-page .faq,.video-page .service-facts{padding-left:34px;padding-right:34px;background:rgba(11,19,13,.65);border:1px solid #ffffff19;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-top:30px;margin-bottom:30px}
.video-page .intro{padding-top:60px;padding-bottom:55px}
.video-page .gallery{padding-top:60px;padding-bottom:60px}
.video-page .about{padding-top:50px;padding-bottom:50px}
.video-page .process{padding-top:55px;padding-bottom:55px}
.video-page .faq{padding-top:55px;padding-bottom:55px}
.video-page .service-facts{padding-top:35px;padding-bottom:35px}
.video-page .service-card{background:rgba(26,37,24,.52);border-color:#a7bb8b38}
.video-page .fleet-section{padding-bottom:0;margin-bottom:30px}
.video-page .fleet-feature{background:rgba(24,38,19,.70);border-color:#9aaa6a45;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.video-page .fleet-photo{background:rgba(15,24,15,.4)}
.video-page .craft{background:rgba(16,28,18,.77);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.video-page .craft-image{opacity:.94}
.video-page .craft-text{background:none}
.video-page .about-vito{border-color:#1a2519}
.video-page .contact{background:rgba(209,230,77,.90);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-top:35px}
.video-page>footer{background:rgba(10,18,12,.76);padding-left:34px;padding-right:34px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:35px}
.video-page .header nav{background:transparent}
.video-toggle{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 16px;background:#111b14eF;border:1px solid #d1eb4370;color:#f4f3ec;font-size:13px;line-height:1.4;box-shadow:0 4px 22px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.video-toggle[hidden]{display:none}
.video-toggle:hover{background:#25351e}
.video-toggle-icon{display:block;width:10px;height:13px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.video-toggle[aria-pressed="false"] .video-toggle-icon{width:0;height:0;border:0;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.video-toggle:disabled{opacity:.75;cursor:default}
:root[data-theme="light"] .video-page{background:#f4f5ed;--muted:#586151}
:root[data-theme="light"] .ambient-veil{background:linear-gradient(90deg,rgba(3,10,5,.57),rgba(3,10,5,.12))}
:root[data-theme="light"] .video-page .header{background:rgba(247,247,241,.90)}
:root[data-theme="light"] .video-page .intro,:root[data-theme="light"] .video-page .gallery,:root[data-theme="light"] .video-page .about,:root[data-theme="light"] .video-page .process,:root[data-theme="light"] .video-page .faq,:root[data-theme="light"] .video-page .service-facts{background:rgba(247,247,241,.89);border-color:#d8e0cc80}
:root[data-theme="light"] .video-page .service-card{background:rgba(232,239,222,.72);border-color:#acb99b70}
:root[data-theme="light"] .video-page .fleet-feature{background:rgba(230,236,219,.91);border-color:#c8d3b9}
:root[data-theme="light"] .video-page .craft{background:rgba(231,236,223,.91)}
:root[data-theme="light"] .video-page .about-vito{border-color:#e8eddf}
:root[data-theme="light"] .video-page>footer{background:rgba(247,247,241,.91)}
@supports not (backdrop-filter:blur(1px)){.video-page .intro,.video-page .gallery,.video-page .about,.video-page .process,.video-page .faq,.video-page .service-facts{background:rgba(11,19,13,.88)}}
@media(max-width:1050px){.video-page .hero{height:calc(100svh - 88px)}.video-page .header nav{background:rgba(12,21,14,.97)}:root[data-theme="light"] .video-page .header nav{background:rgba(247,247,241,.97)}.video-page .intro,.video-page .gallery,.video-page .about,.video-page .process,.video-page .faq,.video-page .service-facts{padding-left:26px;padding-right:26px}.video-page .about{gap:6%}}
@media(max-width:700px){.video-page .hero{min-height:780px;max-height:1000px}.video-page .intro,.video-page .gallery,.video-page .about,.video-page .process,.video-page .faq,.video-page .service-facts{padding-left:20px;padding-right:20px;margin-top:20px;margin-bottom:20px;width:calc(100% - 28px)}.video-page .intro,.video-page .gallery,.video-page .about,.video-page .process,.video-page .faq{padding-top:35px;padding-bottom:35px}.video-page .fleet-section{width:calc(100% - 28px);margin-bottom:20px}.video-page .service-facts{padding-top:28px;padding-bottom:28px}.video-page .about-visual{max-width:100%}.video-page .about-vito{right:0}.video-page>footer{width:calc(100% - 28px);padding-left:20px;padding-right:20px;padding-bottom:65px;margin-bottom:18px}.video-page .contact{padding-bottom:80px}.ambient-video>video{object-position:58% center}.video-toggle{right:12px;bottom:12px;padding:10px 13px;font-size:12px;min-height:44px}.video-page .craft{margin-top:20px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.ambient-video>video{animation:none}.video-page .hero h1{text-shadow:none}}
@media print{.ambient-video,.video-toggle{display:none}.video-page{background:#fff}.video-page main,.video-page>footer{color:#111;background:#fff}}

.video-page .fleet-benefits .fleet-bullet{font-size:24px;line-height:1.05;padding-top:3px;flex:0 0 10px;color:var(--lime)}
:root[data-theme="light"] .video-page .fleet-benefits .fleet-bullet{color:var(--accent-ink)}

.video-page .fleet-photos{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:16px;min-width:0;background:rgba(10,18,12,.25)}
.video-page .fleet-photos .fleet-photo{display:block;flex:0 0 auto;min-height:0;height:auto;background:transparent}
.video-page .fleet-photos .fleet-photo>img{position:static;width:100%;height:auto;aspect-ratio:2000/1333;object-fit:contain}
:root[data-theme="light"] .video-page .fleet-photos{background:rgba(232,239,222,.35)}
@media(max-width:800px){.video-page .fleet-photos{padding:14px;gap:14px}}
@media(max-width:550px){.video-page .fleet-photos{padding:12px;gap:12px}}

/* Contact typography refinement */
.video-page .hero-phone span{font-size:clamp(21px,2vw,27px);font-weight:600;letter-spacing:.02em;color:var(--lime);line-height:1.5}
:root[data-theme="light"] .video-page .hero-phone span{color:var(--accent-ink)}
.video-page .contact-grid>div>h2:first-child{margin-top:0}
@media(max-width:700px){.video-page .hero-phone span{display:block;margin-left:0;font-size:24px}.video-page .hero{max-height:none;height:auto;min-height:780px}}