.joint-hero{padding:48px 0 64px;background:var(--navy-deep);color:#fff}
.joint-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);grid-template-areas:"heading video" "copy video";column-gap:clamp(32px,6vw,90px);row-gap:26px;align-items:center}
.joint-hero-heading{grid-area:heading;align-self:end}
.joint-hero-heading .breadcrumb{justify-content:flex-start;margin-bottom:32px;color:#c7dbe8}
.joint-hero-heading .eyebrow{color:#a6d2e9}
.joint-hero-heading h1{margin:0;font-size:clamp(2.7rem,4.6vw,4.5rem);line-height:1.04;letter-spacing:-.025em}
.joint-hero-copy{grid-area:copy;align-self:start;max-width:590px}
.joint-hero-copy h2{font-size:clamp(1.6rem,2.2vw,2rem);line-height:1.2;margin:0 0 20px}
.joint-hero-copy p{color:#e1eaf0;font-size:1.1rem;line-height:1.7;margin:0 0 26px}
.joint-video-card{grid-area:video;width:100%;margin:0;background:#112e42;box-shadow:0 18px 46px rgba(0,0,0,.24)}
.joint-video-card video{display:block;width:100%;height:auto;aspect-ratio:1080/1468;background:#071d2c}
.joint-video-card figcaption{padding:14px 18px;color:#e4edf3;font-size:1rem;font-weight:600;line-height:1.4}
@media(max-width:800px){
 .joint-hero{padding:28px 0 44px}
 .joint-hero-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "video" "copy";gap:24px}
 .joint-hero-heading .breadcrumb{margin-bottom:20px;font-size:.875rem}
 .joint-hero-heading h1{font-size:clamp(2.3rem,8vw,3.3rem)}
 .joint-hero-heading .eyebrow{font-size:.875rem;margin-bottom:12px}
 .joint-video-card{max-width:430px;justify-self:center}
 .joint-hero-copy{max-width:none}
 .joint-hero-copy h2{font-size:1.7rem}
 .joint-hero-copy p{font-size:1rem}
 .joint-video-card figcaption{font-size:.9375rem}
}