.decision-hero { min-height: clamp(590px, 52vw, 800px); }
.decision-hero .hero-film { transition: none; }
.decision-hero .hero-content { padding-top: clamp(74px, 8.5vw, 125px); padding-bottom: 72px; }
.decision-hero h1 { font-size: clamp(37px, 4.8vw, 72px); max-width: 49%; }
.decision-hero .hero-copy { max-width: min(40%, 440px); margin-bottom: 23px; }
.decision-hero .hero-visual::after {
  background: linear-gradient(90deg, #071321ed 0%, #071321a8 30%, #07132120 48%, transparent 59%);
}
html[data-theme="light"] .decision-hero .hero-visual::after {
  background: linear-gradient(90deg, #f2f6fc 0 40%, #f2f6fcce 47%, #f2f6fc55 53%, transparent 59%);
}
html[data-theme="light"] .decision-hero h1 { color: #10243c; }
html[data-theme="light"] .decision-hero .hero-copy { color: #263c57; }
.decision-motion {
  position: absolute;
  right: clamp(18px, 4vw, 65px);
  bottom: 20px;
  padding: 8px 12px;
  border: 1px solid #7895b7;
  border-radius: 6px;
  background: #14263e;
  color: #eef5ff;
  font-size: 0.875rem;
}
.decision-motion[hidden] { display: none; }

@media (max-width: 760px) {
  .decision-hero { min-height: clamp(650px, 162vw, 790px); }
  .decision-hero .hero-content { padding-top: clamp(49px, 13vw, 72px); }
  .decision-hero h1 { max-width: 100%; font-size: clamp(34px, 8vw, 55px); margin-bottom: 17px; }
  .decision-hero .hero-copy { max-width: min(100%, 390px); margin-bottom: 16px; }
  .decision-hero .button { min-height: 44px; padding: 10px 14px; }
  .decision-hero .hero-visual::after {
    background: linear-gradient(180deg, #06101cee 0%, #06101cae 40%, #06101c18 52%, transparent 58%);
  }
  html[data-theme="light"] .decision-hero .hero-visual::after {
    background: linear-gradient(180deg, #f2f6fc 0%, #f2f6fce8 36%, #f2f6fc70 47%, transparent 56%);
  }
}