.cinematic-hero{position:relative;isolation:isolate;background:#071522;color:#fff;aspect-ratio:16/9;min-height:660px;max-height:900px;overflow:hidden}.cinematic-media,.cinematic-shade{position:absolute;inset:0}.cinematic-media{z-index:-3}.cinematic-poster,.cinematic-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.cinematic-video{opacity:0;transition:opacity .35s}.cinematic-hero.is-playing .cinematic-video{opacity:1}.cinematic-shade{z-index:-2;background:linear-gradient(90deg,rgba(4,16,29,.83) 0%,rgba(4,16,29,.64) 24%,rgba(4,16,29,.18) 45%,transparent 65%),linear-gradient(0deg,rgba(4,16,29,.7),transparent 24%)}.cinematic-content{position:relative;display:flex;align-items:center;height:100%;min-height:inherit;padding-top:60px;padding-bottom:95px}.cinematic-copy{width:38%;max-width:490px}.cinematic-place{font-size:10px;letter-spacing:.19em;color:#d6e1ee;margin:0 0 15px}.cinematic-scope{font-size:10px;letter-spacing:.07em;line-height:1.7;color:#d8e1ec;margin:0 0 22px;max-width:355px}.cinematic-copy h1{color:white;font-size:clamp(40px,3.8vw,64px);font-weight:600;letter-spacing:-.045em;line-height:1.1;margin:0 0 23px}.cinematic-copy h1 span{color:#fff}.cinematic-description{font-size:15px;line-height:1.8;color:#e0e7ef;max-width:360px;margin:0 0 27px}.cinematic-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.cinematic-actions .btn{font-size:12px;gap:18px;min-height:48px;padding:14px 17px}.cinematic-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:13px;min-height:48px;padding:12px 13px;color:#fff;text-decoration:none;font-size:12px;border:1px solid #98a9ba;border-radius:5px;background:#07152255}.cinematic-proof{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;margin:24px 0 0;color:#cbd6e3;font-size:10px}.cinematic-proof li:before{content:'✓';color:#f0bbc6;margin-right:5px}.cinematic-footer{position:absolute;left:0;right:0;bottom:0;padding:18px max(28px,calc((100vw - 1160px)/2));display:flex;align-items:center;gap:14px}.cinematic-footer small{color:#d3deea;font-size:10px;line-height:1.5;max-width:65%}.cinematic-toggle{margin-left:auto;flex-shrink:0;color:white;border:1px solid #94a6b8;background:#07152299;border-radius:5px;min-height:40px;padding:8px 12px;font:inherit;font-size:11px;cursor:pointer}.cinematic-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cinematic-actions a:focus-visible,.cinematic-toggle:focus-visible{outline:3px solid #f4d393;outline-offset:5px}
@media(min-width:1600px){.cinematic-copy{max-width:530px}.cinematic-description{font-size:16px}.cinematic-copy h1{font-size:64px}}
@media(min-width:801px) and (max-width:1100px){.cinematic-hero{min-height:650px;aspect-ratio:auto;height:650px}.cinematic-copy{width:43%;max-width:390px}.cinematic-copy h1{font-size:43px}.cinematic-description{font-size:14px;max-width:300px}.cinematic-media img,.cinematic-media video{object-fit:contain;object-position:center right;background:#071522}.cinematic-actions{gap:9px}.cinematic-actions .btn,.cinematic-secondary{font-size:11px;padding:12px}.cinematic-footer{padding:16px 28px}}
@media(max-width:800px){.cinematic-hero{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0;max-height:none;overflow:hidden}.cinematic-content{order:1;min-height:0;padding-top:34px;padding-bottom:24px;height:auto}.cinematic-copy{width:100%;max-width:560px}.cinematic-copy h1{font-size:clamp(36px,8.8vw,54px);margin-bottom:18px}.cinematic-place{font-size:9px;margin-bottom:10px}.cinematic-scope{font-size:9px;margin-bottom:18px}.cinematic-description{font-size:14px;line-height:1.7;max-width:440px;margin-bottom:22px}.cinematic-proof{margin-top:20px;font-size:10px;gap:8px 14px}.cinematic-media{order:2;position:relative;inset:auto;width:100%;aspect-ratio:16/9;z-index:0}.cinematic-poster,.cinematic-video{object-fit:contain;object-position:center}.cinematic-shade{display:none}.cinematic-footer{order:3;position:relative;inset:auto;padding:13px 18px;align-items:center;background:#071522}.cinematic-footer small{font-size:9px;max-width:65%}.cinematic-toggle{font-size:10px;min-height:40px}.cinematic-actions{gap:10px}.cinematic-actions .btn,.cinematic-secondary{font-size:12px;min-height:48px;padding:13px 15px}}
@media(prefers-reduced-motion:reduce){.cinematic-video{transition:none}}