.videos-page{background:#f5f8f8;color:#092e39;overflow:hidden}.videos-hero{min-height:680px;padding:150px max(5vw,24px) 58px;position:relative;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 76% 34%,rgba(0,201,180,.2),transparent 28%),linear-gradient(125deg,#061d27,#0a3c49 65%,#0b5963);color:white}.videos-grid-lines{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:54px 54px;transform:perspective(600px) rotateX(57deg) scale(1.5);transform-origin:bottom;animation:gridDrift 14s linear infinite}.videos-hero:after{content:"PRODUCTION";position:absolute;right:-30px;top:175px;font:800 clamp(72px,13vw,190px)/.8 var(--font-geist);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.1);transform:rotate(90deg) translateX(50%);transform-origin:right top}.videos-hero-copy{position:relative;z-index:1;max-width:850px;animation:videoRise .8s ease both}.videos-hero h1{font-size:clamp(54px,7.8vw,112px);line-height:.9;letter-spacing:-.065em;margin:18px 0 30px}.videos-hero h1 em{font-style:normal;color:#36dbc6}.videos-hero-copy>p:not(.mfg-kicker){max-width:650px;color:#c9dfe2;font-size:19px;line-height:1.65}.videos-watch{display:inline-flex;align-items:center;gap:20px;margin-top:34px;padding:16px 22px;background:#31d7c2;color:#06252e;font-size:12px;font-weight:800;letter-spacing:.12em}.videos-watch span{font-size:20px}.videos-hero-stats{position:relative;z-index:1;display:flex;gap:1px;align-self:flex-end;background:rgba(255,255,255,.16)}.videos-hero-stats span{display:flex;align-items:baseline;gap:10px;padding:18px 25px;background:rgba(4,35,44,.86);font-size:10px;letter-spacing:.12em}.videos-hero-stats strong{font-size:28px;color:#35dbc6}.videos-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:end;padding:100px max(5vw,24px) 55px}.videos-intro h2,.videos-cta h2{font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.05em;margin:12px 0}.videos-intro>p{color:#567079;line-height:1.8;max-width:570px}.videos-gallery{padding:0 max(5vw,24px) 110px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 28px}.video-card{opacity:0;animation:videoRise .65s ease forwards;animation-delay:var(--delay)}.video-frame{position:relative;aspect-ratio:16/9;background:#06252e;overflow:hidden}.video-frame:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.14)}.video-frame video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.video-card:hover video{transform:scale(1.015)}.video-number{position:absolute;top:0;right:0;background:#31d7c2;color:#06252e;font-weight:800;font-size:12px;padding:12px 14px;z-index:2}.video-details{padding:22px 4px 0}.video-details p{font-size:10px;font-weight:800;letter-spacing:.15em;color:#078f85;text-transform:uppercase}.video-details h2{font-size:clamp(23px,2.2vw,34px);letter-spacing:-.035em;margin:7px 0 9px}.video-details span{color:#60747b;line-height:1.65}.videos-cta{margin:0 max(5vw,24px) 100px;padding:55px;display:flex;align-items:end;justify-content:space-between;gap:40px;background:linear-gradient(120deg,#092e39,#075a62);color:white;position:relative;overflow:hidden}.videos-cta:after{content:"";position:absolute;width:270px;height:270px;border:55px solid rgba(49,215,194,.12);border-radius:50%;right:26%;top:-100px}.videos-cta>div{max-width:720px;position:relative;z-index:1}.videos-cta a{position:relative;z-index:1;flex:none;background:#31d7c2;color:#06252e;padding:18px 22px;font-size:11px;font-weight:800;letter-spacing:.1em}.videos-cta a b{margin-left:18px}@keyframes videoRise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes gridDrift{to{background-position:0 54px,54px 0}}@media(max-width:850px){.videos-hero{min-height:650px;padding-top:130px}.videos-hero-stats{align-self:stretch;display:grid;grid-template-columns:1fr}.videos-intro{grid-template-columns:1fr;gap:20px;padding-top:75px}.videos-gallery{grid-template-columns:1fr}.videos-cta{padding:38px 26px;align-items:flex-start;flex-direction:column}}@media(max-width:520px){.videos-hero h1{font-size:52px}.videos-hero-copy>p:not(.mfg-kicker){font-size:16px}.videos-hero-stats strong{font-size:22px}.videos-gallery{gap:40px;padding-bottom:75px}.videos-cta{margin-bottom:70px}}

/* Keep the film page within the same XZNS blue manufacturing palette. */
.videos-hero{background:radial-gradient(circle at 76% 34%,rgba(19,131,163,.24),transparent 30%),linear-gradient(125deg,#101d24,#132129 64%,#164654)}
.videos-hero h1 em,.videos-hero-stats strong{color:#1383a3}
.videos-watch,.video-number,.videos-cta a{background:#1383a3;color:#fff}
.videos-hero-stats span{background:rgba(24,33,39,.92)}
.video-details p{color:#1383a3}
.videos-cta{background:linear-gradient(120deg,#182127,#102830)}
.videos-cta:after{border-color:rgba(19,131,163,.16)}