/* =====================================================================
   V3 TITLE COLOR AND ENGINE LAYOUT REFINEMENT
   ===================================================================== */

/* Two-point section titles use two deliberate colors. */
.title-point{
  display:block;
}

.section-head h2 .title-point-one{
  color:inherit;
}

.section-head h2 .title-point-two{
  margin-top:.10em;
  color:var(--cyan);
}

.paper .section-head h2 .title-point-two,
.ice .section-head h2 .title-point-two{
  color:#1685b8;
}

.night .section-head h2 .title-point-two,
.blue .section-head h2 .title-point-two{
  color:var(--cyan);
}

/* The application finale follows the same two-color principle. */
.apply-copy h2 .title-point-one{
  color:#ffffff;
}

.apply-copy h2 .title-point-two{
  margin-top:.10em;
  color:var(--cyan);
}

/* Engine names now belong to the numbered engine panel. */
.engine-visual{
  padding:46px 24px;
  text-align:center;
}

.engine-icon,
.engine-visual > strong,
.engine-name{
  position:relative;
  z-index:3;
}

.engine-visual > strong{
  margin-top:21px;
  color:#8deaff;
  font-size:11px;
  letter-spacing:.16em;
}

.engine-name{
  width:min(255px,90%);
  margin:15px auto 0;
  color:#ffffff;
  font-family:var(--serif);
  font-size:clamp(28px,2.45vw,38px);
  font-weight:500;
  line-height:1.03;
  letter-spacing:-.035em;
  text-wrap:balance;
}

.engine-promise{
  margin:0 0 18px!important;
  color:#8deaff!important;
  font-family:var(--serif);
  font-size:clamp(32px,3vw,46px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em;
  text-wrap:balance;
}

.engine-number{
  z-index:2;
}

/* Larger engine names require slightly more vertical breathing room. */
.engine-visual{
  min-height:560px;
}

@media(max-width:900px){
  .engine-visual{
    min-height:390px;
    padding:55px 24px 42px;
  }

  .engine-name{
    font-size:clamp(29px,7vw,39px);
  }
}

@media(max-width:620px){
  .section-head h2 .title-point-two,
  .apply-copy h2 .title-point-two{
    margin-top:.16em;
  }

  .engine-visual{
    min-height:350px;
  }

  .engine-promise{
    font-size:30px!important;
  }
}