/* Homepage poster treatment. Desktop images, typography and navigation are retained. */
.hero-full-banner.has-mobile-posters .mobile-poster-picture{display:block;width:100%;height:100%}
.hero-full-banner.has-mobile-posters .mobile-poster-features{display:none}

@media(max-width:700px){
  html .hero-full-banner.has-mobile-posters{height:636px;min-height:0;max-height:none;background:#061c3e;isolation:isolate}
  html .hero-full-banner.has-mobile-posters .hero-slide,
  html .hero-full-banner.has-mobile-posters .hero-slide.active{min-height:0;transition:opacity .45s ease,visibility .45s ease}
  html .hero-full-banner.has-mobile-posters .hero-slide-bg img,
  html .hero-full-banner.has-mobile-posters .hero-slide.active .hero-slide-bg img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:none;animation:none;transform:none}
  html .hero-full-banner.has-mobile-posters .hero-slide-bg::before,
  html[dir="rtl"] .hero-full-banner.has-mobile-posters .hero-slide-bg::before{background:linear-gradient(180deg,rgba(3,24,58,.97) 0%,rgba(3,24,58,.9) 17%,rgba(3,24,58,.46) 36%,rgba(3,24,58,.05) 52%,rgba(3,24,58,.08) 65%,rgba(3,22,49,.94) 82%,#03162e 100%)}
  html .hero-full-banner.has-mobile-posters .hero-slide-inner{position:relative;display:block;width:100%;height:100%;min-height:0;padding:26px 88px 0 22px;gap:0}
  html .hero-full-banner.has-mobile-posters .hero-slide-copy{position:static;width:100%;max-width:460px;margin:0;text-align:start}
  html .hero-full-banner.has-mobile-posters .hero-slide-copy>.eyebrow{display:inline-block;max-width:100%;margin:0;padding:5px 9px;border:1px solid rgba(255,170,67,.58);border-radius:4px;background:rgba(5,30,66,.5);color:#ffb557;font-size:9px;font-weight:850;line-height:1.45;letter-spacing:.08em;overflow-wrap:break-word;text-shadow:none}
  html .hero-full-banner.has-mobile-posters .hero-slide-copy>.eyebrow::before{display:none}
  html .hero-full-banner.has-mobile-posters .hero-slide-copy .hero-banner-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;max-width:100%;margin:12px 0 0;color:#fff;font-size:clamp(34px,9.65vw,46px);font-weight:900;line-height:1.055;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:break-word;hyphens:auto;text-shadow:0 2px 16px rgba(0,12,31,.3)}
  html .hero-full-banner.has-mobile-posters .hero-slide-copy .hero-banner-title::first-line{color:#ffb14d}
  html .hero-full-banner.has-mobile-posters .hero-slide-copy>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-width:355px;margin:12px 0 0;color:#e9f1fb;font-size:12px;font-weight:500;line-height:1.55;letter-spacing:0;text-shadow:0 1px 9px rgba(0,12,31,.45)}
  html .hero-full-banner.has-mobile-posters .mobile-poster-features{position:absolute;left:22px;right:88px;bottom:146px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:12px 0 0;border-top:1px solid rgba(184,213,244,.3);list-style:none;color:#f1f6fd}
  html .hero-full-banner.has-mobile-posters .mobile-poster-features li{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-width:0;text-align:center}
  html .hero-full-banner.has-mobile-posters .mobile-poster-features svg{display:block;flex:0 0 28px;width:28px;height:28px;color:#ffb14d;overflow:visible}
  html .hero-full-banner.has-mobile-posters .mobile-poster-features span{display:block;max-width:100%;min-height:26px;color:#eaf2fc;font-size:10px;font-weight:800;line-height:1.3;letter-spacing:0;overflow-wrap:anywhere}
  html .hero-full-banner.has-mobile-posters .hero-actions{position:absolute;left:22px;right:88px;bottom:78px;display:flex;gap:0;margin:0}
  html .hero-full-banner.has-mobile-posters .hero-actions .btn-primary{display:flex;align-items:center;justify-content:center;width:100%;max-width:none;min-height:46px;padding:11px 12px;border:1px solid #ffbd68;border-radius:7px;background:#ffa338;color:#082041;font-size:13px;font-weight:900;line-height:1.3;letter-spacing:0;text-align:center;white-space:normal;box-shadow:0 7px 22px rgba(0,10,28,.18)}
  html .hero-full-banner.has-mobile-posters .hero-actions .btn-primary:focus-visible{outline:3px solid #fff;outline-offset:4px}
  html .hero-full-banner.has-mobile-posters .hero-actions .btn-light{display:none}
  html .hero-full-banner.has-mobile-posters .hero-banner-nav{left:22px;right:88px;bottom:10px;width:auto;margin:0;padding:0;transform:none}
  html .hero-full-banner.has-mobile-posters .hero-dots{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:46px;transform:none}
  html .hero-full-banner.has-mobile-posters .hero-dots button,
  html .hero-full-banner.has-mobile-posters .hero-dots button.active{display:flex;align-items:center;justify-content:center;flex:0 1 48px;width:48px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;gap:0}
  html .hero-full-banner.has-mobile-posters .hero-dots button::before{position:static;display:block;width:28px;height:4px;border-radius:5px;background:rgba(220,234,251,.35);transition:width .2s ease,background .2s ease;content:""}
  html .hero-full-banner.has-mobile-posters .hero-dots button.active::before{width:38px;background:#ffb14d}
  html .hero-full-banner.has-mobile-posters .hero-dots .hero-tab-number,
  html .hero-full-banner.has-mobile-posters .hero-dots .hero-tab-label{display:none}
  html .hero-full-banner.has-mobile-posters .hero-dots button:focus-visible{outline:2px solid #ffb14d;outline-offset:-3px}
  html[lang="ar"] .hero-full-banner.has-mobile-posters .hero-slide-copy .hero-banner-title{font-size:clamp(32px,9.3vw,44px);line-height:1.2;letter-spacing:0}
  html[lang="ar"] .hero-full-banner.has-mobile-posters .hero-slide-copy>p{line-height:1.7}
  html[lang="zh-CN"] .hero-full-banner.has-mobile-posters .hero-slide-copy .hero-banner-title{font-size:clamp(34px,9.5vw,45px);line-height:1.14;letter-spacing:-.025em}
}
@media(max-width:359px){
  html .hero-full-banner.has-mobile-posters{height:620px}
  html .hero-full-banner.has-mobile-posters .hero-slide-inner{padding-top:23px;padding-left:16px;padding-right:86px}
  html .hero-full-banner.has-mobile-posters .hero-slide-copy .hero-banner-title{font-size:32px;line-height:1.07}
  html .hero-full-banner.has-mobile-posters .hero-slide-copy>p{font-size:11px;line-height:1.55}
  html .hero-full-banner.has-mobile-posters .hero-slide-copy>.eyebrow{font-size:8px;padding:4px 7px;letter-spacing:.05em}
  html .hero-full-banner.has-mobile-posters .mobile-poster-features{left:16px;right:86px;bottom:141px;gap:5px}
  html .hero-full-banner.has-mobile-posters .mobile-poster-features span{font-size:9px;line-height:1.3}
  html .hero-full-banner.has-mobile-posters .hero-actions{left:16px;right:86px;bottom:75px}
  html .hero-full-banner.has-mobile-posters .hero-actions .btn-primary{font-size:12px;padding-inline:8px}
  html .hero-full-banner.has-mobile-posters .hero-banner-nav{left:16px;right:86px}
  html[lang="ar"] .hero-full-banner.has-mobile-posters .hero-slide-copy .hero-banner-title{font-size:30px}
  html[lang="zh-CN"] .hero-full-banner.has-mobile-posters .hero-slide-copy .hero-banner-title{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
  .hero-full-banner.has-mobile-posters .hero-dots button::before{transition:none}
}