/* The original photograph and the crisp interface share one scene coordinate system. */
.hero-visual-v6 { position:absolute; z-index:-3; inset:0; overflow:hidden; pointer-events:none; }
.hero-art-v6 { display:block; position:absolute; inset:0; width:100%; height:100%; }
.hero-art-v6--mobile { display:none; }
@media(min-width:701px) and (max-width:1000px) {
  .hero-shade { background:linear-gradient(90deg,#100c18ed 0%,#100c18d2 28%,#100c186b 43%,#100c1828 55%,transparent 63%),linear-gradient(0deg,#100c18c0,transparent 36%); }
}
@media(max-width:700px) {
  .hero-shell { min-height:0; }
  .hero { min-height:0; padding-bottom:610px; }
  .hero-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .hero-actions .button { min-width:0; min-height:48px; padding:10px 12px; gap:10px; font-size:12px; white-space:normal; }
  .hero-actions .button>span { font-size:18px; }
  .hero-art-v6--desktop { display:none; }
  .hero-art-v6--mobile { display:block; top:auto; bottom:0; height:650px; }
  .hero-shade { background:linear-gradient(180deg,#100c18 0%,#100c18 39%,#100c18c9 46%,#100c183d 53%,transparent 61%),linear-gradient(0deg,#100c18aa 0%,transparent 15%); }
  .hero-bottom { z-index:1; }
}
@media(max-width:360px) {
  .hero { padding-bottom:590px; }
  .hero-art-v6--mobile { height:610px; }
}