/* The video treatment is limited to the existing homepage hero. */
/* Keep below-fold homepage sections in the accessibility tree; render on approach. */
.hero-with-video~section{content-visibility:auto;contain-intrinsic-size:auto 800px}
.hero.hero-with-video{position:relative;isolation:isolate;overflow:hidden;min-height:680px;padding:72px 0 28px;background:#171719}
.hero-video-media,.hero-video-shade{position:absolute;inset:0;pointer-events:none}
.hero-video-media{z-index:-2;background:#171719}
.hero-video-media video{position:absolute;inset:0;z-index:1}
.hero-video-poster{position:absolute;inset:0}.hero-video-poster img,.hero-video-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:64% 50%;filter:none}
.hero-with-video[data-video-state="unavailable"] video{opacity:0}
.hero-video-shade{z-index:-1;background:linear-gradient(90deg,#171719f5 0%,#171719d9 28%,#1717194d 57%,#1717190a 100%),linear-gradient(0deg,#171719cf 0%,transparent 45%)}
.hero-video-layout{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:44px;min-height:560px}
.hero-copy{max-width:670px}
.hero-with-video h1{font-size:clamp(48px,5.2vw,74px);line-height:1.06;letter-spacing:-.055em}
.hero-with-video .intro{max-width:530px;color:#e3e2df;line-height:1.85}
.hero-with-video .eyebrow{color:#e3e2df}
.hero-with-video .hero-capabilities{color:#e3e2df}
.hero-with-video .hero-capabilities .icon{color:#ffd21c}
.hero-with-video .btn-outline{background:#1717194d;border-color:#b6b5b0;color:#fff}
.hero-with-video .btn-outline:hover{background:#171719b3}
.hero-video-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff40;padding-top:18px}
.hero-video-bottom>p{font-size:13px;color:#d1d0cb;line-height:1.6;margin:0}
.hero-video-control{display:flex;align-items:center;gap:10px;min-height:44px;min-width:156px;padding:0 10px 0 0;font-size:13px;color:#fff;background:transparent;white-space:nowrap;border:0;cursor:pointer}
.hero-video-control[hidden]{display:none}
.hero-video-control>svg{display:block;width:36px;height:36px;padding:10px;border:1px solid #ffffff8c;border-radius:50%;color:#ffd21c;flex-shrink:0}
.hero-video-control .pause-shape{display:none}
.hero-video-control[data-playing="true"] .pause-shape{display:block}
.hero-video-control[data-playing="true"] .play-shape{display:none}
.hero-video-control:hover>svg{background:#ffd21c;color:#171719;border-color:#ffd21c}
.hero-video-control:focus-visible{outline:2px solid #ffd21c;outline-offset:5px;border-radius:4px}
@media(max-width:1000px){.hero.hero-with-video{padding-top:64px}.hero-video-layout{min-height:560px}.hero-copy{max-width:620px}.hero-video-shade{background:linear-gradient(90deg,#171719ef,#171719bf 58%,#17171961),linear-gradient(0deg,#171719bf,transparent 65%)}}
@media(max-width:760px){.hero.hero-with-video{min-height:700px;padding:48px 0 24px}.hero-video-layout{min-height:620px;gap:32px}.hero-copy{max-width:560px}.hero-with-video h1{font-size:clamp(39px,10.6vw,54px);line-height:1.08}.hero-with-video .intro{font-size:16px;line-height:1.85;max-width:470px}.hero-video-media{background-position:60% 50%}.hero-video-media video,.hero-video-poster img{object-position:60% 50%}.hero-video-shade{background:linear-gradient(180deg,#171719e8 0%,#171719bb 48%,#171719a3 74%,#171719e6 100%)}.hero-video-bottom{gap:15px;align-items:center}.hero-video-bottom>p{font-size:12px;max-width:150px}.hero-video-control{font-size:12px;min-width:146px;gap:8px}}
@media(max-width:390px){.hero-video-layout{min-height:650px}.hero-with-video h1{font-size:39px}.hero-video-bottom{gap:8px}.hero-video-bottom>p{max-width:130px}.hero-video-control{min-width:142px}}
