
.hero{grid-template-columns:1fr 1.1fr!important;gap:46px!important;padding-top:42px!important;padding-bottom:42px!important}.hero h1{font-size:clamp(35px,3.4vw,55px)!important}.cinematic-hero{display:block!important;min-width:0}.cinematic-hero figure{margin:0;position:relative;border-radius:18px;overflow:hidden;border:1px solid #3e4d5b;box-shadow:0 25px 60px #0005;background:#102137}.cinematic-hero figure:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#06101ce8,transparent 58%);pointer-events:none}.cinematic-hero figure>img{display:block;width:100%;height:490px;object-fit:cover;object-position:center;border:0!important;border-radius:0!important}.cinematic-hero figcaption{position:absolute;left:30px;right:25px;bottom:28px;z-index:1;color:white}.cinematic-hero figcaption span{display:block;color:#d8ff62;font:700 10px monospace;letter-spacing:2px;margin-bottom:12px}.cinematic-hero figcaption strong{display:block;font-size:clamp(22px,2.1vw,32px);line-height:1.25;letter-spacing:-.7px;max-width:480px}.cinematic-section{padding:42px 7vw;border-top:1px solid #263a53;background:linear-gradient(180deg,#0c1a2b,#081226)}.cinematic-title{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:28px}.cinematic-title h2{font-size:clamp(28px,3vw,43px);letter-spacing:-1.8px;line-height:1.15;margin-bottom:0}.cinematic-title h2 em{font-family:Georgia,serif;color:#d8ff62;font-weight:400}.cinematic-title>p{color:#b9c9d8;line-height:1.8;font-size:15px;margin-bottom:0;max-width:650px}.cinematic-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cinematic-card{border:1px solid #30435a;border-radius:17px;overflow:hidden;background:#102137;min-width:0}.cinematic-card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.cinematic-copy{padding:25px 28px 28px}.cinematic-copy>span{font:700 10px monospace;letter-spacing:1.5px;color:#d8ff62}.cinematic-copy h3{font-size:28px;line-height:1.2;margin:13px 0 12px;letter-spacing:-.7px}.cinematic-copy p{color:#b8c9db;font-size:15px;line-height:1.75;max-width:540px;margin-bottom:20px}.cinematic-copy a{font-size:13px;font-weight:700;color:#d8ff62}.compatibility-summary{display:block!important;background:#edf3f6}.compatibility-summary .split-copy{max-width:1500px;padding:34px 7vw!important;margin:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:45px}.compatibility-summary .split-copy .kicker{grid-column:1/-1}.compatibility-summary .split-copy h2{grid-column:1;grid-row:2/4;font-size:clamp(30px,3vw,42px)!important;align-self:center}.compatibility-summary .split-copy>p:not(.kicker){grid-column:2;line-height:1.8;margin-bottom:15px}.compatibility-summary .checks{grid-column:2;gap:10px;margin:8px 0 15px}.compatibility-summary .inline-link{grid-column:2}.compatibility-summary .checks span{font-size:12px}.hero-media{height:auto!important}
@media(max-width:1100px){.hero{gap:30px!important}.cinematic-hero figure>img{height:440px}.cinematic-hero figcaption{left:22px;bottom:22px}.cinematic-copy{padding:22px}.cinematic-title{gap:25px}}
@media(max-width:800px){.hero{display:flex!important;padding-top:28px!important;padding-bottom:28px!important;gap:25px!important}.hero h1{font-size:36px!important}.cinematic-hero{width:100%!important}.cinematic-hero figure{border-radius:14px}.cinematic-hero figure>img{height:300px;object-position:50% 50%}.cinematic-hero figcaption{left:20px;bottom:21px}.cinematic-hero figcaption strong{font-size:25px}.cinematic-hero figcaption span{font-size:9px;letter-spacing:1.2px}.cinematic-section{padding:30px 6vw}.cinematic-title{display:block;margin-bottom:23px}.cinematic-title h2{font-size:30px}.cinematic-title>p{font-size:14px;margin-top:19px}.cinematic-grid{grid-template-columns:1fr;gap:20px}.cinematic-copy{padding:23px}.cinematic-copy h3{font-size:26px}.cinematic-copy p{font-size:14px}.compatibility-summary .split-copy{display:block;padding:28px 6vw!important;text-align:left}.compatibility-summary .split-copy h2{margin-bottom:17px}.compatibility-summary .checks{margin:15px 0}.cinematic-title h2 br{display:none}}

.cinematic-section{scroll-margin-top:100px}
