/* Wide homepage invitation. Content and destinations are supplied by ACF. */
.ehc-section {
  --ehc-navy: #0a121c;
  --ehc-gold: #b89b65;
  margin-bottom: 96px;
  color: #fff;
  font-family: 'Mulish', sans-serif;
  scroll-margin-top: 112px;
}
.ehc-section *, .ehc-section *::before, .ehc-section *::after { box-sizing: border-box; }
.ehc-section .ehc-panel {
  display: grid;
  grid-template-columns: 47% 53%;
  grid-template-rows: 1fr 1fr;
  width: calc(100% - 32px);
  max-width: 1800px;
  margin: 0 auto;
  background: var(--ehc-navy);
}
.ehc-section .ehc-intro { grid-column: 2; align-self: end; padding: 42px 64px 0; }
.ehc-section .ehc-kicker {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 24px;
  color: #d7be92;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.ehc-section .ehc-kicker > span { width: 32px; height: 1px; background: var(--ehc-gold); }
.ehc-section #ehc-heading {
  margin: 0;
  color: #fff;
  font: 400 clamp(32px, 2.8vw, 48px)/1.18 'Mulish', sans-serif;
  letter-spacing: -.03em;
}
body.home .ehc-section .ehc-intro #ehc-heading > span,
body.home .ehc-section .ehc-intro #ehc-heading > span:last-child {
  display: block;
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: none;
}
.ehc-section .ehc-stage { display: contents; }
.ehc-section .ehc-photo {
  grid-column: 1;
  grid-row: 1 / 3;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.ehc-section .ehc-team-image {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  transition: transform .8s cubic-bezier(.22, 1, .36, 1);
}
.ehc-section .ehc-routes {
  grid-column: 2;
  align-self: start;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 40px 64px 42px;
}
.ehc-section .ehc-route {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 86px;
  padding: 22px 24px;
  color: #fff;
  border: 1px solid #8a9bb1;
  text-decoration: none;
  transition: background .25s ease, color .25s ease, border-color .25s ease;
}
.ehc-section .ehc-route[data-career-audience='agent'] { color: var(--ehc-navy); background: var(--ehc-gold); border-color: var(--ehc-gold); }
.ehc-section .ehc-route-head { display: flex; align-items: center; justify-content: space-between; gap: 22px; width: 100%; }
.ehc-section .ehc-route h3 { margin: 0; color: inherit; font: 500 22px/1.3 'Mulish', sans-serif; letter-spacing: -.02em; text-transform: none; }
.ehc-section .ehc-route-arrow { display: flex; flex: 0 0 24px; width: 24px; height: 24px; transition: transform .25s ease; }
.ehc-section .ehc-route-arrow svg { display: block; width: 100%; height: 100%; }
.ehc-section .ehc-route:hover { background: #fff; border-color: #fff; color: var(--ehc-navy); }
.ehc-section .ehc-route:hover .ehc-route-arrow { transform: translate(3px, -3px); }
.ehc-section .ehc-route:focus-visible { outline: 2px solid #d7be92; outline-offset: 6px; }
@media (hover: hover) { .ehc-section .ehc-photo:hover .ehc-team-image { transform: scale(1.015); } }
@keyframes ehcPhotoIn { from { opacity: .65; } to { opacity: 1; } }
.ehc-section .ehc-photo.ehc-entered { animation: ehcPhotoIn .65s ease both; }
@media (min-width: 1100px) and (max-width: 1530px) {
  .ehc-section .ehc-intro { padding: 32px 40px 0; }
  .ehc-section .ehc-routes { padding: 32px 40px; }
  .ehc-section .ehc-route { padding: 18px; min-height: 80px; }
  .ehc-section .ehc-route-head { gap: 12px; }
  .ehc-section .ehc-route h3 { font-size: 20px; }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .ehc-section .ehc-intro { padding: 28px 28px 0; }
  .ehc-section .ehc-kicker { margin-bottom: 18px; }
  .ehc-section .ehc-routes { grid-template-columns: 1fr; gap: 12px; padding: 24px 28px 28px; }
  .ehc-section .ehc-route { min-height: 62px; padding: 16px 20px; }
  .ehc-section .ehc-route h3 { font-size: 20px; }
}
@media (max-width: 767px) {
  .ehc-section { margin-bottom: 64px; scroll-margin-top: 100px; }
  .ehc-section .ehc-panel { width: calc(100% - 24px); grid-template-columns: 1fr; grid-template-rows: auto auto auto; }
  .ehc-section .ehc-photo { grid-column: 1; grid-row: 1; }
  .ehc-section .ehc-intro { grid-column: 1; grid-row: 2; padding: 32px 26px 0; }
  .ehc-section #ehc-heading { font-size: 34px; }
  .ehc-section .ehc-kicker { margin-bottom: 18px; }
  .ehc-section .ehc-routes { grid-column: 1; grid-row: 3; grid-template-columns: 1fr; gap: 14px; padding: 28px 26px 32px; }
  .ehc-section .ehc-route { min-height: 68px; padding: 19px 22px; }
  .ehc-section .ehc-route h3 { font-size: 21px; }
}
@media (max-width: 359px) {
  .ehc-section .ehc-intro { padding-inline: 22px; }
  .ehc-section .ehc-routes { padding-inline: 22px; }
  .ehc-section #ehc-heading { font-size: 30px; }
  .ehc-section .ehc-route h3 { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  .ehc-section *, .ehc-section *::before, .ehc-section *::after { animation: none !important; transition: none !important; }
  .ehc-section .ehc-photo:hover .ehc-team-image, .ehc-section .ehc-route:hover .ehc-route-arrow { transform: none; }
}