/* Impact Logic final layout correction — 2026-07-27.
   Keeps the existing art direction and fixes only the long final title
   plus the mobile Menu control. */

/* The fifth concept uses a shorter, more accurate word and a contained scale. */
@media (min-width:981px){
  html body .impact-stage[data-active="4"] .impact-stage-word h3{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(58px,5.4vw,88px) !important;
    line-height:.88 !important;
    letter-spacing:-.072em !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }
}

@media (max-width:900px){
  html body .impact-stage[data-active="4"] .impact-stage-word h3{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(38px,12.4vw,56px) !important;
    line-height:.9 !important;
    letter-spacing:-.06em !important;
    white-space:nowrap !important;
  }

  /* Same compact circular Menu control as the homepage. */
  html body header.nav .menu-toggle,
  html body header.nav.ic-unified-nav .menu-toggle{
    display:inline-grid !important;
    place-items:center !important;
    width:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    padding:0 !important;
    border-radius:999px !important;
    font-size:0 !important;
    line-height:0 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    overflow:hidden !important;
  }

  html body header.nav .menu-toggle .menu-lines,
  html body header.nav.ic-unified-nav .menu-toggle .menu-lines{
    position:relative !important;
    display:block !important;
    width:17px !important;
    height:14px !important;
    color:#111111 !important;
    -webkit-text-fill-color:#111111 !important;
  }

  html body header.nav .menu-toggle .menu-lines::before,
  html body header.nav .menu-toggle .menu-lines::after,
  html body header.nav.ic-unified-nav .menu-toggle .menu-lines::before,
  html body header.nav.ic-unified-nav .menu-toggle .menu-lines::after{
    left:0 !important;
    width:17px !important;
    height:1.5px !important;
    background:#111111 !important;
    background-color:#111111 !important;
  }

  html body header.nav .menu-toggle > span:not(.menu-lines),
  html body header.nav.ic-unified-nav .menu-toggle > span:not(.menu-lines){
    display:none !important;
  }
}