.hero--motion{position:relative;isolation:isolate;overflow:hidden;border-radius:30px;margin-top:24px;margin-bottom:40px;padding:88px 44px 96px;gap:36px;background:#071e18;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr)}
.hero-media{position:absolute;inset:0;z-index:-2;pointer-events:none}.hero-media video{width:100%;height:100%;object-fit:cover;object-position:70% center}
.hero--motion:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,20,15,.85),rgba(3,20,15,.5) 55%,rgba(3,20,15,.1))}
.hero--motion .eyebrow{color:#dfc27a;letter-spacing:2px;line-height:1.7}.hero--motion h1{font-size:clamp(32px,4.2vw,62px);color:#f5f2e8;line-height:1.3}.hero--motion h1>span,.hero--motion h1>em{white-space:normal}.hero--motion h1 em{color:#ffe39b}.hero--motion .hero-lead{color:#d0ddd1;font-size:16px}.hero--motion .policy-note{color:#b5c9b9}.hero--motion .primary-action{background:#ebd594;color:#102e22}.hero--motion .primary-action span{background:#183f2c;color:#f9e5ac}
.hero--motion .data-passport{background:rgba(10,40,30,.75);backdrop-filter:blur(12px);border-color:rgba(234,214,158,.22);box-shadow:0 24px 60px #00150f66}
.hero-video-control{position:absolute;bottom:22px;right:26px;padding:9px 14px;border:1px solid #93ad9870;border-radius:20px;background:#071e18cc;color:#dfebdf;font:500 12px var(--sans);cursor:pointer}.hero-video-control:focus-visible{outline:2px solid #ffe39b;outline-offset:3px}.hero-video-control[hidden]{display:none}
@media(max-width:1000px){.hero--motion{grid-template-columns:1fr;padding:64px 32px 78px;gap:32px}.hero--motion .data-passport{max-width:520px;width:100%}.hero--motion h1{font-size:clamp(32px,5.5vw,54px)}}
@media(max-width:760px){.hero--motion{padding:44px 22px;margin-top:14px;border-radius:22px;min-height:0}.hero--motion .hero-lead{font-size:15px}.hero--motion .eyebrow{font-size:9px;letter-spacing:1px}.hero--motion:after{background:rgba(3,20,15,.58)}.hero--motion h1 em:after{animation:none}}
@media(prefers-reduced-motion:reduce){.hero--motion h1 em:after{animation:none}}
@media(max-width:760px){.hero--motion .data-passport{padding:22px 16px}.hero--motion .passport-row{gap:10px}.hero--motion .passport-row strong{font-size:18px;white-space:nowrap}.hero--motion .passport-row span{font-size:11px;word-break:keep-all}}
