/* Mobile navigation overrides. Kept in a separate file to bypass immutable caches. */
.wa svg,.call svg{width:25px;height:25px;display:block;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wa svg path:last-child,.call svg path{fill:#fff;stroke:none}
.flowchart i{border:0!important;background-repeat:no-repeat;background-position:center;background-size:32px 32px}
.flowchart>div:nth-of-type(1) i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23d1ae45' stroke-width='2'%3E%3Cellipse cx='20' cy='9' rx='12' ry='5'/%3E%3Cpath d='M8 9v21c0 3 5 5 12 5s12-2 12-5V9M8 20c0 3 5 5 12 5s12-2 12-5'/%3E%3C/svg%3E")}
.flowchart>div:nth-of-type(2) i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23d1ae45' stroke-width='2'%3E%3Cpath d='M9 14h22v20H9zM13 14V8h14v6'/%3E%3Cpath d='M15 29c-3-3 3-5 0-8M21 29c-3-3 3-5 0-8M27 29c-3-3 3-5 0-8'/%3E%3C/svg%3E")}
.flowchart>div:nth-of-type(3) i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23d1ae45' stroke-width='2'%3E%3Crect x='7' y='7' width='26' height='26' rx='2'/%3E%3Cpath d='M13 14h14M13 20h14M13 26h14'/%3E%3Ccircle cx='18' cy='14' r='2' fill='%23d1ae45'/%3E%3Ccircle cx='24' cy='20' r='2' fill='%23d1ae45'/%3E%3Ccircle cx='16' cy='26' r='2' fill='%23d1ae45'/%3E%3C/svg%3E")}
.flowchart>div:nth-of-type(4) i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23d1ae45' stroke-width='2'%3E%3Cpath d='M7 27h26v7H7zM11 27V14h12l5 5v8M15 14V9h8v5'/%3E%3Ccircle cx='14' cy='31' r='2' fill='%23d1ae45'/%3E%3Ccircle cx='27' cy='31' r='2' fill='%23d1ae45'/%3E%3C/svg%3E")}
@media (max-width: 950px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  header .nav {
    position: relative;
    width: calc(100% - 28px);
    max-width: 1180px;
  }

  header nav {
    position: absolute;
    top: 100%;
    left: 50%;
    right: auto;
    width: 100vw;
    max-width: 100vw;
    transform: translateX(-50%);
    padding: 10px 20px 16px;
    gap: 0 !important;
    background: #fff;
    box-shadow: 0 15px 30px #0002;
    overflow-y: auto;
  }

  header nav:not(.open) {
    display: none;
  }

  header nav.open {
    display: flex;
  }

  header nav > a {
    width: 100%;
    margin: 0 !important;
    padding: 9px 0 !important;
    line-height: 1.35;
  }

  header nav > a:not(.quote)::after {
    display: none !important;
    width: 0 !important;
  }

  header nav .quote {
    margin-top: 7px !important;
    padding: 12px 15px !important;
    text-align: center;
  }

  .nav-toggle {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    padding: 0;
    line-height: 1;
  }
}

@media (max-width: 600px) {
  .wrap {
    width: calc(100% - 28px);
  }

  .top {
    overflow: hidden;
  }

  .top-in {
    width: 100%;
    height: 34px;
    padding: 0 12px;
    justify-content: center;
  }

  .top-in > span,
  .top-in div a {
    display: none !important;
  }

  .top-in div,
  .top-in div a:first-child {
    display: flex !important;
  }

  .top-in div {
    width: 100%;
    justify-content: center;
    gap: 0 !important;
  }

  .top-in div a:first-child {
    white-space: nowrap;
    font-size: 11px;
  }

  header {
    height: 72px;
  }

  .brand img {
    width: 168px;
    height: 50px;
  }

  header nav {
    max-height: calc(100vh - 106px);
  }

  .timeline {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    width: 100%;
  }

  .timeline > div {
    width: 100%;
    min-width: 0;
    padding: 22px 20px;
    border-left: 3px solid var(--gold);
    background: #fff;
  }

  .timeline b {
    display: block;
    font-size: 25px;
    margin-bottom: 6px;
  }

  .timeline p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
  }

  .muted .section-head {
    margin-bottom: 28px;
  }

  .wa,.call{right:14px;width:44px;height:44px}
  .wa{bottom:14px}.call{bottom:66px}
  .flowchart{width:100%;overflow-x:auto;justify-content:flex-start;padding:28px 14px;scrollbar-width:thin}
  .flowchart>div{flex:0 0 74px;width:74px;height:96px}
  .flowchart i{width:30px;height:30px;background-size:28px 28px}
}