/* consolidated homepage CSS — csscon1 */
html{scroll-behavior:smooth}

body{margin:0;font-family:var(--body);color:var(--ink);background:var(--white);line-height:1.55;-webkit-font-smoothing:antialiased}

a{color:inherit}

.container{width:min(100% - 32px,var(--max));margin-inline:auto}

.leadership-preview-copy > .eyebrow{
  margin-bottom:12px;
}

@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,
*::before,
*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}

html body .eyebrow,
html body .section-head .eyebrow,
html body .retention-kicker{
  font:800 .6875rem/1.2 var(--title, Montserrat, sans-serif) !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--red, #ed0000) !important;
}

html body .section-head:not(.center) > .eyebrow,
html body .section-head.compact > .eyebrow{
  margin:0 0 10px !important;
}

html body .container{
  max-width:var(--za-shell) !important;
}

html body .eyebrow,
html body .section-head .eyebrow,
html body .retention-kicker{
  display:inline-block !important;
  margin:0 0 .55rem !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  font:800 .6875rem/1.2 var(--title,Montserrat,sans-serif) !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--za-red) !important;
}

@media (min-width:901px){
html body .section-head.section-head-vvip:not(.center),
html body .section-head.section-head-xdr:not(.center){
    display:grid !important;
    grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr) !important;
    column-gap:clamp(1.25rem,3vw,2.25rem) !important;
    row-gap:.85rem !important;
    align-items:start !important;
    justify-items:stretch !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-bottom:clamp(1.35rem,2.2vw,1.85rem) !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
html body .section-head.section-head-vvip:not(.center) > div:first-child,
html body .section-head.section-head-xdr:not(.center) > div:first-child{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:.55rem !important;
    grid-column:1 !important;
    grid-row:1 !important;
    max-width:38ch !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
html body .section-head.section-head-vvip:not(.center) > div:first-child .eyebrow,
html body .section-head.section-head-xdr:not(.center) > div:first-child .eyebrow,
html body .section-head.section-head-vvip:not(.center) > div:first-child .section-kicker,
html body .section-head.section-head-xdr:not(.center) > div:first-child .section-kicker{
    margin:0 0 .15rem !important;
  }
html body .section-head.section-head-vvip:not(.center) > div:first-child h2,
html body .section-head.section-head-xdr:not(.center) > div:first-child h2{
    margin:0 !important;
    max-width:26ch !important;
    font-size:var(--za-h2) !important;
    line-height:1.14 !important;
    letter-spacing:-.018em !important;
    font-weight:750 !important;
  }
html body .section-head.section-head-vvip:not(.center) > p,
html body .section-head.section-head-xdr:not(.center) > p,
html body .section-head.section-head-vvip:not(.center) > .lede,
html body .section-head.section-head-xdr:not(.center) > .lede{
    grid-column:2 !important;
    grid-row:1 !important;
    margin:0 !important;
    padding:.15rem 0 0 !important;
    max-width:44ch !important;
    width:100% !important;
    justify-self:end !important;
    align-self:center !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:var(--za-lede) !important;
    line-height:1.55 !important;
    color:var(--ink-2,#334155) !important;
  }
}

html body .eyebrow,
html body .retention-kicker,
html body .section-head .eyebrow,
html body h4,
html body main h4{
  font-family:var(--zatra-font-display) !important;
  font-size:var(--zatra-h4) !important;
  font-weight:800 !important;
  line-height:var(--zatra-h4-lh) !important;
  letter-spacing:var(--zatra-h4-ls) !important;
  text-transform:uppercase !important;
}
