
.home-ai-video{padding:60px 0 70px;background:#f2edfa;color:#6336ba;scroll-margin-top:100px}.home-ai-video-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.home-ai-video-heading>div>p{font-size:12px;letter-spacing:.15em;margin:0 0 20px}.home-ai-video h2{font:400 clamp(40px,5vw,72px)/1.05 'DM Sans',sans-serif;letter-spacing:-.05em;margin:0;color:#6336ba}.home-ai-video-heading>p{font-size:18px;line-height:1.6;max-width:400px;margin:0;color:#6336ba}.home-ai-video-frame{overflow:hidden;border-radius:12px;background:#0a1020}.home-ai-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.home-ai-video-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px;font-size:13px}.home-ai-video button{border:1px solid #b79bd6;border-radius:24px;background:transparent;padding:10px 16px;font:500 13px 'DM Sans',sans-serif;color:#6336ba;cursor:pointer}.home-ai-video button:focus-visible{outline:3px solid #6336ba;outline-offset:3px}@media(max-width:700px){.home-ai-video{padding:40px 0}.home-ai-video-heading{display:block}.home-ai-video-heading>p{font-size:16px;margin-top:20px}.home-ai-video-frame{border-radius:8px}}

/* Full-bleed homepage opening video, directly beneath the navigation. */
.home-ai-video{position:relative;width:100%;height:calc(100svh - 88px);min-height:440px;padding:0;overflow:hidden;background:#0a1020;scroll-margin-top:88px}
.home-ai-video>.wrap{width:100%;max-width:none;height:100%;margin:0;padding:0}
.home-ai-video-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.home-ai-video-frame{position:absolute;inset:0;border-radius:0;width:100%;height:100%;overflow:hidden}
.home-ai-video video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.home-ai-video-caption{position:absolute;left:32px;right:32px;bottom:24px;padding:0;z-index:2;color:#fff;pointer-events:none;text-shadow:0 1px 4px #0008}
.home-ai-video button{pointer-events:auto;background:#211235bd;color:#fff;border-color:#c9b2e680;backdrop-filter:blur(8px)}
.home-ai-video button:focus-visible{outline-color:#c9f523}
@media(max-width:700px){.home-ai-video{height:calc(100svh - 72px);min-height:360px;padding:0;scroll-margin-top:72px}.home-ai-video-caption{left:18px;right:18px;bottom:18px;font-size:11px}.home-ai-video-frame{border-radius:0}}

/* Opening video precedes the header and all homepage titles. */
.home-ai-video{height:100svh;scroll-margin-top:0}
@media(max-width:700px){.home-ai-video{height:100svh;scroll-margin-top:0}}

/* Keep the homepage navigation visible over the full-screen opening video. */
body>.header{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:1000!important}

/* Transparent navigation over the opening video; solid navigation after scrolling. */
body>.header{transition:background-color .2s,box-shadow .2s}
body.home-video-nav-overlay>.header,body.home-video-nav-overlay>.header>.nav{background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important}
body.home-video-nav-overlay>.header:not(.fw-menu-open) .links>a:not(.contact),body.home-video-nav-overlay>.header:not(.fw-menu-open) .cloud-nav-link,body.home-video-nav-overlay>.header:not(.fw-menu-open) .portfolio-nav-link,body.home-video-nav-overlay>.header:not(.fw-menu-open) .cloud-toggle,body.home-video-nav-overlay>.header:not(.fw-menu-open) .portfolio-toggle{color:#fff!important;text-shadow:0 1px 5px #000b}
body.home-video-nav-overlay>.header:not(.fw-menu-open) .portfolio-nav-link:after{color:#fff!important}
body.home-video-nav-overlay>.header:not(.fw-menu-open) .fw-menu-toggle{color:#fff!important;border-color:#ffffff88!important;background:#21123533!important}
body.home-video-nav-overlay>.header .logo{filter:brightness(1.2);background:transparent!important}
@media(prefers-reduced-motion:reduce){body>.header{transition:none}}

/* Purple homepage navigation labels over the video. */
body>.header .links>a,body>.header .cloud-nav-link,body>.header .portfolio-nav-link,body>.header .cloud-toggle,body>.header .portfolio-toggle,body.home-video-nav-overlay>.header:not(.fw-menu-open) .links>a,body.home-video-nav-overlay>.header:not(.fw-menu-open) .cloud-nav-link,body.home-video-nav-overlay>.header:not(.fw-menu-open) .portfolio-nav-link,body.home-video-nav-overlay>.header:not(.fw-menu-open) .cloud-toggle,body.home-video-nav-overlay>.header:not(.fw-menu-open) .portfolio-toggle{color:#6336ba!important;text-shadow:none!important}
body.home-video-nav-overlay>.header:not(.fw-menu-open) .portfolio-nav-link:after,body.home-video-nav-overlay>.header:not(.fw-menu-open) .fw-menu-toggle{color:#6336ba!important;text-shadow:none!important}

/* Keep homepage navigation purple above earlier overlay and button rules. */
body#fw-home>header.header .links>a,body#fw-home>header.header .cloud-nav-link,body#fw-home>header.header .portfolio-nav-link,body#fw-home>header.header .cloud-toggle,body#fw-home>header.header .portfolio-toggle,body#fw-home>header.header .fw-menu-toggle,body#fw-home>header.header .portfolio-nav-link:after{color:#6336ba!important;-webkit-text-fill-color:#6336ba!important;text-shadow:none!important}
