/* consolidated homepage CSS — csscon1 */
*,
*::before,
*::after{box-sizing:border-box}

img,
picture{max-width:100%;height:auto;display:block}

.section-head h2,
.section-head.section-head-vvip h2{
  max-width:var(--zatra-h2-max)!important;
}

.section-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
  padding-top:4px;
}

.leadership-preview-layout{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(20px,3.2vw,36px);
  align-items:start;
}

.leadership-preview-copy > h2{
  margin:0 0 12px;
  max-width:18ch;
  letter-spacing:-.02em;
  line-height:1.15;
}

.leadership-preview-copy > p{
  margin:0;
  max-width:46ch;
  color:var(--muted-2);
  line-height:1.55;
  font-size:clamp(15px,1.05vw,17px);
}

.leadership-preview-list{
  margin:18px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

.leadership-preview-list li{
  display:grid;
  gap:2px;
  padding:12px 14px 12px 16px;
  border-left:3px solid var(--red);
  background:#fff;
  border-radius:0 12px 12px 0;
  border:1px solid rgba(16,24,40,.1);
  border-left:3px solid var(--red);
  font-size:14px;
  color:var(--muted-2);
}

.leadership-preview-list .leadership-role{
  font-size:11px;
  font-weight:700;
  letter-spacing:.055em;
  text-transform:uppercase;
  color:var(--red);
}

.leadership-preview-list strong{
  font-size:15px;
  color:var(--dark);
  font-weight:750;
  line-height:1.3;
}

.leadership-preview-visual{
  margin:0;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(16,24,40,.1);
  box-shadow:0 8px 28px rgba(7,17,31,.1);
}

.leadership-preview-visual img{
  width:100%;
  height:100%;
  min-height:280px;
  object-fit:cover;
  object-position:center 18%;
  aspect-ratio:5/4;
  display:block;
}

.home-carousel-demoted{
  padding-top:clamp(32px,4.5vw,56px);
  padding-bottom:clamp(32px,4.5vw,56px);
}

.home-carousel-shell{
  display:flex;
  flex-direction:column;
  gap:clamp(14px,2vw,20px);
}

.home-carousel-demoted .section-head h2{
  font-size:clamp(24px,2.6vw,34px);
  color:var(--dark);
  letter-spacing:-.02em;
  line-height:1.15;
  max-width:22ch;
}

.home-carousel-demoted .section-head > p{
  max-width:48ch;
  margin:0;
  font-size:clamp(15px,1.05vw,17px);
  color:var(--muted-2);
}

.zatra-select-native{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  clip:rect(0,0,0,0)!important;
}

body.zatra-select-open{
  overflow:hidden!important;
}

.zatra-select-sheet.is-open .zatra-select-sheet-panel{
  transform:translateY(0);
}

.zatra-select-option.is-selected{
  background:#fff1f2;
  border-color:rgba(237,0,0,.22);
  color:#890009;
  outline:none;
}

@media (min-width:981px){
.zatra-select-sheet.is-open .zatra-select-sheet-panel{
    transform:none;
    opacity:1;
  }
}

.form-status.is-error{color:#b42318}

.form-status.is-success{color:#067647}

.form-status.is-pending{color:#475467}

.home-carousel-kicker{
  color:#334155;
}

.zatra-staff-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
}

@media (prefers-reduced-motion:reduce){
.zatra-staff-dot,
.zatra-staff-dot::before{
    transition:none!important;
  }
}

html body main h4,
html body .section h4{
  font-family:var(--zatra-font-display, var(--title), Montserrat, sans-serif) !important;
  font-size:var(--zatra-h4-size) !important;
  font-weight:700 !important;
  line-height:var(--zatra-h4-lh) !important;
  letter-spacing:var(--zatra-h4-ls) !important;
  color:var(--ink, #101828) !important;
  margin:0 0 .5rem !important;
}

html body .section-head > p,
html body .section-head:not(.center):not(.compact) > p{
  font-size:var(--zatra-lede) !important;
  line-height:var(--zatra-lede-lh) !important;
  font-weight:450 !important;
  color:var(--muted-2, #475467) !important;
  max-width:52ch !important;
  border-left:0 !important;
  padding-left:0 !important;
  padding-top:0 !important;
}

html body .section-head:not(.center),
html body .section-head.compact{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:0 !important;
  grid-template-columns:none !important;
  max-width:42rem !important;
  width:100% !important;
  text-align:left !important;
}

html body .section-head:not(.center) > h2,
html body .section-head.compact > h2{
  margin:0 0 12px !important;
  max-width:min(100%, 34ch) !important;
  width:100% !important;
  text-align:left !important;
}

html body .section-head.center{
  align-items:center !important;
  text-align:center !important;
  max-width:48rem !important;
  margin-inline:auto !important;
}

html body .section-head.center > h2,
html body .section-head.center > p{
  text-align:center !important;
  margin-inline:auto !important;
}

html body .recommended-next{
  margin: 28px auto 8px;
  padding: 18px 20px;
  border-top: 1px solid #e7e9ee;
}

html body .recommended-next-label{
  margin: 0 0 10px;
  font-family: var(--title, Montserrat, sans-serif);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #667085;
}

html body .recommended-next-links{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
}

html body .recommended-next-links a{
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #e7e9ee;
  border-radius: 10px;
  font-weight: 650;
  color: #101828;
  background: #fff;
}

html body .recommended-next-links a:hover{
  border-color: #ed0000;
  color: #ed0000;
}

html body main > .section,
html body main > section.section,
html body main > .section.lp-section,
html body main > .section.lf-section,
html body main > .section.section-soft{
  padding-top:var(--za-section-y) !important;
  padding-bottom:var(--za-section-y) !important;
}

@media (max-width:980px){
html body .section-head:not(.center),
html body .section-head.compact{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    max-width:100% !important;
    gap:0 !important;
    grid-template-columns:none !important;
  }
html body .section-head > h2{
    max-width:100% !important;
    font-size:clamp(1.35rem,5vw,1.75rem) !important;
    line-height:1.18 !important;
    overflow:visible !important;
    padding-top:.04em !important;
  }
html body .section-head > p{
    border:0 !important;
    padding:0 !important;
    margin:.55rem 0 0 !important;
    max-width:100% !important;
  }
}

html body main h4{
  font:700 clamp(1rem,1.2vw,1.12rem)/1.3 var(--title,Montserrat,sans-serif) !important;
  letter-spacing:-.02em !important;
  color:var(--za-ink) !important;
  text-transform:none !important;
  margin:0 0 .4rem !important;
}

html body{
  --zatra-font-display:Montserrat,"Segoe UI",sans-serif;
  --zatra-h1-size:clamp(2.35rem,4vw,3.35rem);
  --zatra-h1:clamp(2.35rem,4vw,3.35rem);
  --zatra-h1-lh:1.12;
  --zatra-h1-ls:-.028em;
  --zatra-h1-weight:800;
  --zatra-h1-max:min(100%,38ch);
  --zatra-h2:clamp(1.45rem,2.25vw,1.95rem);
  --zatra-h2-lh:1.18;
  --zatra-h2-ls:-.022em;
  --zatra-h2-max:min(100%,28ch);
  --zatra-h3:clamp(1.02rem,1.12vw,1.14rem);
  --zatra-h3-lh:1.28;
  --zatra-h3-ls:-.015em;
  --zatra-h4:clamp(.72rem,.8vw,.8rem);
  --zatra-h4-lh:1.25;
  --zatra-h4-ls:.06em;
  --za-h2:var(--zatra-h2);
  --za-h2-lh:var(--zatra-h2-lh);
  --za-h2-ls:var(--zatra-h2-ls);
  --za-h3:var(--zatra-h3);
}

@media (max-width:980px){
html body{
    --zatra-h1-size:clamp(2.05rem,7.2vw,2.65rem);
    --zatra-h1:var(--zatra-h1-size);
    --zatra-h2:clamp(1.25rem,4.2vw,1.55rem);
    --zatra-h3:clamp(1.02rem,3.4vw,1.12rem);
    --zatra-h1-max:100%;
    --zatra-h2-max:100%;
  }
}

html body .retention-kicker::before,
html body .page-intro-shell .retention-kicker::before{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  box-shadow:none !important;
}

.visually-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

html body .lp-timeline .lp-step-icon .svg{
  width:1.15rem !important;
  height:1.15rem !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:1.8 !important;
}