/* Media and six-stage story exclusive to the Custom AI page. */
.ai-page .ai-film{background:#0b1b2c;color:#fff}.ai-film-heading,.ai-ideas-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:end;margin-bottom:36px}.ai-film .kicker{color:#71d9e7}.ai-film-heading h2,.ai-ideas-heading h2{margin-bottom:0}.ai-film-heading p:not(.kicker){color:#b9cbd9;font-size:15px}.ai-film-heading .text-link{display:inline-block;color:#8fe8f0}.ai-film-player{margin:0;border:1px solid #2c4357;border-radius:18px;overflow:hidden;background:#07111f}.ai-film-player video{display:block;width:100%;max-height:640px;aspect-ratio:16/9;object-fit:contain;background:#07111f}.ai-film-player figcaption{padding:16px 22px;color:#b3c5d4;font-size:12px;line-height:1.7;border-top:1px solid #21384d}
.ai-page .ai-process{background:#edf2f3}.ai-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:40px 0 0}.ai-process-card{min-width:0;background:#fff;border:1px solid #d8e1e5;border-radius:16px;overflow:hidden}.ai-process-card>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#07111f}.ai-process-copy{padding:26px}.ai-process-copy>span{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#b43d16}.ai-process-copy h3{font-size:23px;line-height:1.3;margin:15px 0}.ai-process-copy p{font-size:14px;color:#526574}.ai-process-copy .ai-process-tagline{font-weight:700;color:#152f42}.ai-process-output{border-top:1px solid #dce4e6;padding-top:18px;margin-top:22px;color:#516675;font-size:12px;line-height:1.8}.ai-process-output b{display:block;color:#1a4150;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}
.ai-page .ai-ideas{background:#102a31;color:#fff}.ai-ideas .kicker{color:#84dddc}.ai-ideas-heading>p{color:#c0d3d5;font-size:15px;max-width:440px}.ai-ideas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ai-ideas-grid article{padding:30px;background:#ffffff06;border:1px solid #ffffff24;border-radius:14px}.ai-ideas-grid article>span{font-size:10px;letter-spacing:1.3px;color:#8bdedf}.ai-ideas-grid h3{font-size:25px;line-height:1.35;margin:22px 0}.ai-ideas-grid p{font-size:14px;color:#c0d3d5}.ai-idea-value{border-top:1px solid #ffffff24;padding-top:20px}.ai-idea-value b{display:block;color:#fff;margin-bottom:8px}.ai-ideas-note{font-size:12px;color:#b0c8cb;margin:25px 0}.ai-ideas .btn{margin-top:10px}
@media(max-width:1000px){.ai-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-ideas-grid{grid-template-columns:1fr}.ai-ideas-grid article{padding:26px}.ai-film-heading,.ai-ideas-heading{gap:32px}}
@media(max-width:640px){.ai-film-heading,.ai-ideas-heading{grid-template-columns:1fr;gap:20px}.ai-process-grid{grid-template-columns:1fr;gap:24px}.ai-process-copy{padding:24px}.ai-film-player{border-radius:10px}.ai-film-player video{aspect-ratio:1}.ai-film-player figcaption{padding:14px 16px}.ai-ideas-grid h3{font-size:23px}}

/* Video sits beside the headline in the top hero banner. */
.ai-page .ai-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:5vw}
.ai-hero-player{min-width:0;width:100%;align-self:center;box-shadow:0 24px 60px #0003}
.ai-hero-player video{aspect-ratio:1;max-height:560px;object-fit:contain}
.ai-hero-player figcaption a{color:#8fe8f0;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.ai-page .ai-hero{grid-template-columns:1fr;gap:32px}.ai-hero-player{max-width:620px;justify-self:center}}

/* Full-width video hero, without a poster image. */
.ai-page .ai-video-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:720px;overflow:hidden;padding-top:160px;padding-bottom:100px;background:#07111f}
.ai-video-hero .ai-hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
.ai-video-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,31,.93),rgba(7,17,31,.7) 48%,rgba(7,17,31,.25));z-index:-1;pointer-events:none}
.ai-video-hero>div{width:100%;max-width:760px}.ai-video-hero h1{max-width:760px}.ai-video-hero .ai-lead{max-width:610px}
@media(max-width:640px){.ai-page .ai-video-hero{min-height:680px;padding-top:125px;padding-bottom:100px}.ai-video-hero:before{background:#07111fc4}.ai-video-hero .ai-hero-background{object-position:65% center}}

/* Match the home header over the video; retain contrast after scrolling. */
body.ai-video-page .site-header.unified-header:not(.scrolled){background:transparent;backdrop-filter:none;border-bottom:1px solid transparent}
body.ai-video-page .site-header.unified-header.scrolled{background:rgba(7,17,31,.88);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff1f}