/* The moving picture gets its own space; the company story follows below. */
:root { --v44-nav-height:86px; --v44-controls-height:64px; }
.nav { background:#000; border-color:transparent; backdrop-filter:none; }
.v43-hero { height:100vh; height:100svh; min-height:0; padding:0; display:block; background:#000; }
.v43-hero-background { inset:auto; top:var(--v44-nav-height); left:0; width:100%; height:calc(100% - var(--v44-nav-height) - var(--v44-controls-height)); object-fit:contain; object-position:center; z-index:0; background:#000; }
.v43-hero-footer { bottom:0; height:var(--v44-controls-height); display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:24px; border:0; padding:0; font-size:12px; z-index:1; }
.v43-scroll { display:inline-flex; min-height:44px; margin-left:0; gap:10px; }
.v43-hero-media-controls { margin-left:auto; gap:20px; }
.v43-motion,.v43-hero-sound { min-height:44px; font-size:12px; }
.v43-hero-sound { padding:9px 12px; }
.v44-introduction { background:#05090f; }
.v44-introduction h1 { max-width:1040px; font-size:clamp(54px,6.2vw,88px); line-height:1.04; letter-spacing:-.05em; margin:24px 0; }
.v44-introduction .hero-copy { max-width:760px; color:#b7c9dc; font-size:18px; line-height:1.7; margin-bottom:0; }
.v44-introduction .hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:28px; }
.v44-introduction .v41-flow { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:40px; padding-top:25px; border-top:1px solid var(--line); font-size:13px; color:#c9d9eb; }
.v44-introduction .v41-flow svg { width:18px; height:18px; color:#97b6d8; }
@media(max-width:860px) {
 :root { --v44-nav-height:75px; }
 .v44-introduction h1 { font-size:clamp(44px,7.8vw,68px); }
}
@media(max-width:600px) {
 .v43-hero-footer { gap:14px; font-size:11px; }
 .v43-hero-footer svg { width:14px; height:14px; }
 .v43-scroll { gap:7px; }
 .v43-hero-media-controls { margin-left:auto; gap:12px; }
 .v43-motion,.v43-hero-sound { font-size:11px; }
 .v43-motion { padding:9px 0; }
 .v43-hero-sound { padding:8px 9px; }
 .v44-introduction h1 { font-size:clamp(37px,9.5vw,54px); margin:22px 0; }
 .v44-introduction .hero-copy { font-size:16px; }
 .v44-introduction .hero-actions { gap:10px; margin-top:24px; }
 .v44-introduction .btn { padding:0 15px; font-size:12px; }
 .v44-introduction .v41-flow { gap:10px; font-size:11px; margin-top:32px; padding-top:22px; }
 .v44-introduction .v41-flow svg { width:12px; height:12px; }
}