/* Full-width cinematic hero using the supplied Lady Justice film. */
.cinematic-hero{position:relative;isolation:isolate;margin:0;padding:27px 4.8% 25px;background:#211b13;color:#fff8ed;overflow:hidden}
.cinematic-hero .hero-film{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;z-index:0;perspective:none;pointer-events:none}
.cinematic-hero .hero-film:after{display:none}
.hero-film video{display:block;width:100%;height:100%;object-fit:cover;object-position:65% 50%}
.cinematic-hero:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#16130eed 0%,#16130eb3 28%,#16130e55 53%,#16130e08 78%),linear-gradient(0deg,#16130ec9 0%,transparent 24%,transparent 82%,#16130e55 100%)}
.cinematic-hero .hero-meta,.cinematic-hero .hero-grid,.cinematic-hero .hero-footer{position:relative;z-index:2}
.cinematic-hero .hero-meta{color:#d9c5a1}
.cinematic-hero .hero-meta i{background:#d2ae72;box-shadow:0 0 12px #d2ae7233}
.cinematic-hero .hero-grid{display:flex;min-height:620px;align-items:center}
.cinematic-hero .hero-copy{width:58%;max-width:720px;padding:35px 0 45px}
.cinematic-hero .hero-copy h1{color:#fff8ed;text-shadow:0 2px 25px #0002}
.cinematic-hero .hero-copy .serif{color:#e3c58c}
.cinematic-hero .hero-last{color:#fff8ed}
.cinematic-hero .hero-bottom-copy>p{color:#e1d7c8}
.cinematic-hero .round-link{color:#fff8ed}
.cinematic-hero .round-link small{color:#c8b18a}
.cinematic-hero .play-circle{background:#ead6ac0c;border-color:#d9bd85;color:#e6c990;backdrop-filter:blur(4px)}
.cinematic-hero .round-link:hover .play-circle{background:#dfc8a5;color:#30271e}
.cinematic-hero .hero-footer{border-color:#d8bb7b40;color:#d1bea0}
.hero-footer-actions{display:flex;align-items:center;gap:30px}
.hero-footer-actions #motion-toggle{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid #ccb18477;border-radius:50%;background:#211b1366;color:#ecdbb9;font-size:12px;transition:background .2s}
.hero-footer-actions #motion-toggle:hover{background:#6c5028}
.cinematic-hero button:focus-visible,.cinematic-hero a:focus-visible{outline-color:#e3c58c}
.cinematic-hero+.ticker{margin-top:0}
@media(min-width:1550px){.cinematic-hero .hero-grid{min-height:720px}}
@media(max-width:1050px) and (min-width:751px){.cinematic-hero .hero-grid{min-height:580px}.cinematic-hero .hero-copy{width:61%}.hero-film video{object-position:67% 50%}}
@media(max-width:750px){
 .cinematic-hero{padding:22px 6% 20px}
 .cinematic-hero .hero-film{height:100%;width:100%;max-width:none}
 .hero-film video{object-position:73% top}
 .cinematic-hero:before{background:linear-gradient(0deg,#16130e 0%,#16130ef0 18%,#16130eaa 45%,#16130e10 78%,#16130e55 100%)}
 .cinematic-hero .hero-grid{display:flex;min-height:700px;justify-content:flex-end;padding-top:330px;align-items:stretch}
 .cinematic-hero .hero-copy{width:100%;max-width:none;padding:15px 0 30px}
 .cinematic-hero .hero-copy h1{font-size:70px}
 .cinematic-hero .hero-last{font-size:34px}
 .cinematic-hero .hero-bottom-copy{gap:20px;align-items:center}
 .cinematic-hero .hero-bottom-copy>p{font-size:11px}
 .cinematic-hero .round-link{font-size:10px;max-width:150px}
 .cinematic-hero .round-link small{font-size:6px;letter-spacing:.6px}
 .cinematic-hero .hero-footer>span{max-width:125px;font-size:6px}
 .hero-footer-actions{gap:15px}
 .hero-footer-actions #motion-toggle{width:30px;height:30px;font-size:11px}
 .cinematic-hero .hero-footer a span{margin-left:8px}
}