.built-hero { min-height: clamp(590px, 52vw, 800px); }
.built-hero .hero-film { transition: none; }
.built-hero .hero-content { padding-top: clamp(70px, 8vw, 122px); }
.built-hero h1 { font-size: clamp(33px, 4vw, 67px); max-width: 48%; }
.built-hero .hero-copy { max-width: min(40%, 470px); }
.built-hero .hero-foot { margin-top: 31px; }
.built-hero .hero-visual::after {
  background: linear-gradient(90deg, #071321ee 0%, #071321b0 27%, #07132124 48%, transparent 58%);
}
html[data-theme="light"] .built-hero .hero-visual::after {
  background: linear-gradient(90deg, #f2f6fc 0 40%, #f2f6fcce 47%, #f2f6fc55 53%, transparent 59%);
}
html[data-theme="light"] .built-hero h1 { color: #10243c; }
html[data-theme="light"] .built-hero .hero-copy { color: #263c57; }
.built-hero .built-motion {
  position: absolute;
  right: clamp(18px, 4vw, 65px);
  bottom: 20px;
  border: 1px solid #7895b7;
  border-radius: 6px;
  background: #14263e;
  color: #eef5ff;
}
.built-hero .built-motion[hidden] { display: none; }

@media (max-width: 760px) {
  .built-hero { min-height: clamp(660px, 166vw, 800px); }
  .built-hero .hero-content { padding-top: clamp(47px, 12vw, 68px); }
  .built-hero h1 { max-width: 100%; font-size: clamp(33px, 7.7vw, 54px); margin-bottom: 17px; }
  .built-hero .hero-copy { max-width: min(100%, 425px); }
  .built-hero .hero-foot { max-width: 100%; margin-top: 18px; }
  .built-hero .hero-visual::after {
    background: linear-gradient(180deg, #06101cee 0%, #06101cae 40%, #06101c18 52%, transparent 58%);
  }
  html[data-theme="light"] .built-hero .hero-visual::after {
    background: linear-gradient(180deg, #f2f6fc 0%, #f2f6fce8 36%, #f2f6fc70 47%, transparent 56%);
  }
}