/* Homepage-only media choreography. Copy, CTA and frame remain stationary. */
.hero-photo { isolation:isolate; background:#172e39; }
.hero-slide { position:absolute; inset:0; display:block; opacity:0; z-index:0; }
.hero-slide[data-active=true] { opacity:1; z-index:1; }
.hero-slide[data-incoming=true] { z-index:2; }
.hero-photo .hero-slide img { width:100%; height:100%; object-fit:cover; object-position:var(--focal-desktop); filter:none; transform:scale(1.02); }
.hero-photo:after { z-index:3; pointer-events:none; background:linear-gradient(90deg,rgba(8,26,36,.86),rgba(8,26,36,.62) 42%,rgba(8,26,36,.14) 78%),linear-gradient(0deg,rgba(8,26,36,.78),transparent 32%); }
[dir=rtl] .hero-photo:after { background:linear-gradient(270deg,rgba(8,26,36,.86),rgba(8,26,36,.62) 42%,rgba(8,26,36,.14) 78%),linear-gradient(0deg,rgba(8,26,36,.78),transparent 32%); }
.hero-copy>h1,.hero-copy>.lead,.hero-copy>.actions { animation:none; }
.hero-media-bar { position:absolute; z-index:3; inset-inline:5%; bottom:66px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#fff; }
.hero-caption { font-size:12px; line-height:1.6; max-width:60%; }
html[lang=ar] .hero-caption { font-size:14px; }
.hero-controls { display:flex; align-items:center; gap:5px; flex-shrink:0; }
.hero-controls[hidden] { display:none; }
.hero-controls button { display:grid; place-items:center; padding:0; width:44px; height:44px; border:1px solid #fff6; border-radius:50%; color:#fff; background:#122a35c9; transition:background 180ms,border-color 180ms; }
.hero-controls button:hover { background:#334b54; border-color:#fff; }
.hero-controls button:active { background:#52636a; }
.hero-controls button:focus-visible { outline:3px solid #f2cf91; outline-offset:4px; }
.hero-controls button[aria-disabled=true] { cursor:wait; opacity:.6; }
.hero-controls button:disabled { cursor:default; opacity:.6; }
.hero-controls [data-hero-play] { margin-inline-start:12px; }
.hero-counter { min-width:58px; text-align:center; font-size:12px; font-variant-numeric:tabular-nums; }
.hero-counter [data-hero-count] { font-weight:600; font-size:15px; }
.sequence-play { display:none; }
[data-manual-paused=true] .sequence-pause,[data-reduced=true] .sequence-pause { display:none; }
[data-manual-paused=true] .sequence-play,[data-reduced=true] .sequence-play { display:block; }
[dir=rtl] .sequence-arrow { scale:-1 1; }
.hero-error { position:absolute; bottom:-32px; margin:0; font-size:12px; color:#fff; }
@media(max-width:767px) {
 .hero-copy { padding-bottom:170px; }
 .hero-photo .hero-slide img { object-position:var(--focal-mobile); }
 .hero-photo:after,[dir=rtl] .hero-photo:after { background:linear-gradient(180deg,rgba(8,26,36,.4),rgba(8,26,36,.65) 32%,rgba(8,26,36,.75) 70%,rgba(8,26,36,.82)); }
 .hero-media-bar { inset-inline:25px; bottom:60px; flex-direction:column; align-items:flex-start; gap:12px; }
 .hero-caption { max-width:100%; font-size:11px; }
 html[lang=ar] .hero-caption { font-size:13px; }
 .hero-controls { gap:4px; }
 .hero-error { font-size:11px; bottom:-30px; line-height:1.35; }
}
@media(max-width:359px) { .hero-media-bar { inset-inline:20px; } }
@media(prefers-reduced-motion:reduce) { .hero-photo .hero-slide img { transform:none; } }