html {
  margin-top: 0 !important;
}
body #wpadminbar {
    opacity: 1;
}

section .content-area figure.alignright,
section .content-area img.alignright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}

section .content-area figure.align-center,
section .content-area img.align-center {
  text-align: center;
}

section .content-area figure.alignleft,
section .content-area img.alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}

@media (max-width: 767.98px) {
  section .content-area figure.alignright,
  section .content-area img.alignright {
    float: none;
    margin: 10px 0;
  }

  section .content-area figure.alignleft,
  section .content-area img.alignleft {
    float: none;
    margin: 10px 0;
  }
}

section .content-area figure.alignwide iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

section .content-area ul {
    margin-bottom: 24px;
    padding-left: 0;
}

section .content-area ol li,
section .content-area ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0;
    color: #0e133c;
}

.article .content-area .related-article .link-back-article a img,
.article .content-area .related-article .related-boxes .related-box .right-area p img {
  transition: all .35s;
}

.homepage-banner .content-area .text_area h1.pretitle {
    padding-left: 22px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 1.5px;
    color: #fff;
    margin-bottom: 23px;
    position: relative;
}

.homepage-banner .content-area .text_area h2 {
  font-style: normal;
  font-weight: 200;
  font-size: 77.4px;
  line-height: 100%;
  letter-spacing: 0;
  color: #2cd9e6;
  margin-bottom: 26px;
}

@media (min-width: 768px) {
  .article .content-area .related-article .link-back-article a:hover img {
    transform: scale(-1) translateX(2px);
  }

  .article .content-area .related-article .related-boxes .related-box:hover .right-area p img{
    transform: translateX(2px);
  }
}

@media (max-width: 767.98px) {
  .page-banner .background-area .background-image, .page_banner .bg_area {
    width: 310px;
  }

  .homepage-banner .content-area .text_area h2 {
    font-size:40px;
  }
}

.article-hero .content-area .text-box .pretitle {
  margin-bottom: 20px;
}

.article-hero .content-area .text-box .pretitle::before {
  content: "";
  width: 5px;
  height: 15px;
  background-color: #fa3688;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.article-hero .content-area .text-box .pretitle {
  padding-left: 22px;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  line-height: 140%;
  letter-spacing: 1.5px;
  color: #fff;
  position: relative;
}

.article-hero .content-area .text-box h1 {
  color: #2cd9e6;
  font-weight: 200;
  margin-bottom: 0;
  margin-left: -4px;
  font-size: 53.75px;
  line-height: 108%;
  letter-spacing: 0;
}

@media (max-width: 767.98px) {
  .article-hero .content-area .text-box h1 {
    font-size: 36px;
  }
}

@media (max-width: 767.98px) {
  .article-hero .content-area .text-box .pretitle::before {
    transform: unset;
    top: 4px;
  }
}


.our-approach .content-area .top-title-area .top-right p,
.logos-random .content-area .top-area .top-right p,
.logos-random .content-area .top-area .top-left h2 {
  margin-bottom: 0;
}

@media (min-width: 991.98px) {
  .our-approach .content-area .top-title-area .top-right {
    display: flex;
    align-items: flex-end;
    padding-bottom: 9px;
  }

  .our-approach .content-area .step-three-column .column-boxes .column-box:nth-child(2) {
    padding-left: 71px;
  }

  .our-approach .content-area .step-three-column .column-boxes .column-box:nth-child(3) {
    width: 393px;
  }

  .our-approach .content-area .step-three-column .column-boxes .column-box:nth-child(3) {
    padding-left: 70px;
  }
}

@media (max-width: 767.98px) {

  .ellevate-effect .content-area .ellevate-effect-area .left-area .column-boxes .column-box p.small-width,
  .our-approach .content-area .partnership-firm .column-firm-boxes .column-firm-box p,
  .our-approach .content-area .step-three-column .column-boxes .column-box p {
    width: 100% !important;
  }

  .five-core-areas .content-area .bottom-container .top-selector .top-selector-boxes {
    margin-right: 230px;
    transition: transform 0.35s ease;
  }

  .ellevate-effect .content-area,
  .our-approach .content-area,
  .logos-random,
  .five-core-areas .content-area {
    overflow: hidden;
  }
}

[data-aos="fade-in"].blur-aos,
[data-aos="fade-up"].blur-aos {
  filter: blur(15px);
  transition-property: transform, opacity, filter;
}

[data-aos=fade-right]:not(.aos-animate) {
  transform: translate3d(-50px, 0, 0);
}

[data-aos=fade-left]:not(.aos-animate) {
  transform: translate3d(50px, 0, 0);
}

[data-aos=fade-up]:not(.aos-animate) {
  transform: translate3d(0, 50px, 0);
}

[data-aos=fade-down]:not(.aos-animate) {
  transform: translate3d(0, -50px, 0);
}

[data-aos="fade-in"].blur-aos.aos-animate,
[data-aos="fade-up"].blur-aos.aos-animate {
  filter: blur(0px);
}

.five-core-areas .content-area .bottom-container .top-selector .top-selector-boxes .top-selector-box p.title {
  position: relative;
  width: 100%;
  min-height: 107px;
  text-align: center;
  font-size: 21.6px;
  line-height: 125%;
  letter-spacing: 0;
  font-weight: 400;
  color: #0e133c;
  margin-bottom: 0;
}

.insights-featured-latest .content-area .latest-article .latest-article-boxes .latest-article-box .left-area p.category {
  font-size: 15px;
  line-height: 160%;
  letter-spacing: .75px;
  font-weight: 600;
  color: #fa3688;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.insights-featured-latest .content-area .latest-article .latest-article-boxes .latest-article-box .left-area p.date {
  font-size: 13px;
  line-height: 160%;
  letter-spacing: .75px;
  font-weight: 600;
  color: #0e133c;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.insights-featured-latest .content-area .latest-article .latest-article-boxes .latest-article-box .left-area p.author {
  font-size: 13px;
  line-height: 160%;
  letter-spacing: .75px;
  font-weight: 600;
  color: #0e133c;
  text-transform: uppercase;
  margin-bottom: 0;
  opacity: .5;
}

@media (max-width: 991.98px) {
  .five-core-areas .content-area .bottom-container .top-selector .top-selector-boxes .top-selector-box p.title {
      font-size: 16px;
  }
}

.not_found_new {
  background: #0e133c;
  padding: 115px 0;
  min-height: 67vh;
  padding-top: 215px;
  text-align: center;
  display: flex;
  align-items: center;
}

.not_found_new p {
  color: #fff;
}

.more_than_advice .content-area .items .item.no_hover {
  pointer-events: none;
}

.more_than_advice .content-area .items .item {
  position: relative;
}

.more_than_advice .content-area .items .item a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

.powering_wealth .content-area .logo_area .item {
  position: relative;
}

.powering_wealth .content-area .logo_area .item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.operational_intelligence .content-area .items.justify-content-center {
  flex-wrap: wrap;
  row-gap: 20px;
}

header .navbar .mid_nav .navbar-nav .nav-item:not(.w_dropdown) .nav-link:not(.active) {
  position: relative;
}

@media (min-width: 991.98px) {
  header .navbar .mid_nav .navbar-nav .nav-item:not(.w_dropdown) .nav-link:not(.active)::before {
    content: "";
    width: 0;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .35s;
  }

  header .navbar .mid_nav .navbar-nav .nav-item:not(.w_dropdown) .nav-link:not(.active):hover::before {
    width: 100%;
  }
}

.contact .content-area .left_area .img_area iframe {
  width: 100%;
  height: auto;
  display: block;
}

/* Calendly booking embed (contact page)
   Calendly's card is a fixed size inside its iframe, and it only shows the
   two-column layout when the iframe is 1000px+ wide, so on desktop the iframe
   is sized wider than the column and centered on it. */
.contact .content-area .left_area .img_area .calendly-inline-widget {
  height: 900px;
}

.contact .content-area .left_area .img_area .calendly-inline-widget iframe {
  height: 100%;
}

/* Calendly switches to its shorter two-column layout once the iframe is 1000px+ */
@media (min-width: 1040px) {
  .contact .content-area .left_area .img_area .calendly-inline-widget {
    height: 790px;
  }
}

@media (max-width: 575.98px) {
  .contact .content-area .left_area .img_area .calendly-inline-widget {
    height: 760px;
  }
}

/* Stack the contact box under the calendar until there's room for both */
@media (max-width: 1399.98px) {
  .contact .content-area {
    flex-wrap: wrap;
    row-gap: 24px;
  }
  .contact .content-area .left_area,
  .contact .content-area .right_area {
    width: 100%;
  }
}

@media (min-width: 1400px) {
  .contact .content-area .left_area .img_area .calendly-inline-widget {
    width: 1000px;
    max-width: none;
    height: 800px;
    /* -60px top lines the card up with the contact box */
    margin: -60px calc((100% - 1000px) / 2) -40px;
  }
}

@media (min-width: 767.98px) {
  .operational_intelligence .content-area .items .item .img_area {
    height: 307.5px;
  }
}

.page_banner .content-area .text_area h1.pretitle {
  margin-left: 0;
}

.team .content-area .team-archive .team-archive-boxes .team-archive-box.sibling_active {
  align-self: flex-start;
}

.team .content-area .team-archive .team-archive-boxes .team-archive-box.sibling_active .team-content {
  height: auto;
}

.team .content-area .team-archive .team-archive-boxes .team-archive-box.active .team-content {
  height: auto;
}

@media (max-width: 767.98px) {
  .team .content-area .team-archive .team-archive-boxes {
    align-items: stretch;
  }

  .team .content-area .team-archive .team-archive-boxes .team-archive-box .team-content {
    height: 100%;
  }
}

.operational-insights .content-area .content-boxes .right-area .form-box .gform_fields {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 19px 26px;
  max-width: 100%;
}

.careers-modal .careers-modal-area .careers-modal-box .form-modal .form-area .gform_fields {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 18px 49px;
}

.lets-connect .content-area .left-area .gform_fields {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 18px 49px;
    max-width: 100%;
}

.operational-insights .content-area .content-boxes .right-area .form-box form,
.lets-connect .content-area .left-area form {
  opacity: 0;
}

.operational-insights .content-area .content-boxes .right-area .form-box form.active,
.lets-connect .content-area .left-area form.active {
  opacity: 1;
}

.operational-insights .content-area .content-boxes .right-area .form-box form .form-submit,
.lets-connect .content-area .left-area .form-area .form-submit,
.careers-modal .careers-modal-area .careers-modal-box .form-modal .form-area .form-submit {
  padding: 0;
}

.operational-insights .content-area .content-boxes .right-area .form-box form .form-submit button,
.lets-connect .content-area .left-area .form-area .form-submit button,
.careers-modal .careers-modal-area .careers-modal-box .form-modal .form-area .form-submit button {
  margin-bottom: 0;
}

.operational-insights .content-area .content-boxes .right-area .form-box form .gfield_label span,
.lets-connect .content-area .left-area .form-area .form-box .gfield_label span,
.careers-modal .careers-modal-area .careers-modal-box .form-modal .form-area .form-box .gfield_label span {
  font-size: inherit;
  padding: 0;
  display: inline;
  font-size: 13px;
  line-height: 160%;
  font-weight: 500;
  letter-spacing: 0;
  margin-left: -1px;
}

.lets-connect .content-area .left-area .form-area .form-box label span {
  font-weight: 400;
}

.operational-insights .content-area .content-boxes .right-area .form-box select,
.careers-modal .careers-modal-area .careers-modal-box .form-modal .form-area .form-box select {
  position: relative;
  width: 100%;
  height: 40px;
  background-color: rgba(14, 19, 60, .02);
  border: 1px solid rgba(14, 19, 60, .1);
  padding: 0 10px;
  color: #0e133c;
  font-size: 15px;
  font-weight: 500;
  line-height: 10px;
}

.lets-connect .content-area .left-area .form-area .form-box select {
  position: relative;
    width: 100%;
    height: 40px;
    background-color: rgba(255, 255, 255, .25);
    border: 1px solid rgba(255, 255, 255, .25);
    padding: 0 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.operational-insights .content-area .content-boxes .right-area .form-box .gchoice,
.lets-connect .content-area .left-area .form-area .form-box .gchoice,
.careers-modal .careers-modal-area .careers-modal-box .form-modal .form-area .form-box .gchoice {
  display: flex;
  align-items: center;
  column-gap: 6px;
}

.operational-insights .content-area .content-boxes .right-area .form-box .gchoice .gfield-choice-input,
.lets-connect .content-area .left-area .form-area .form-box .gchoice .gfield-choice-input,
.careers-modal .careers-modal-area .careers-modal-box .form-modal .form-area .form-box .gchoice .gfield-choice-input {
  width: auto;
  height: auto;
  display: block;
  border: none;
}

.lets-connect .content-area .left-area .form-area .form-box .gfield_label {
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 160%;
  font-weight: 500;
  letter-spacing: 0;
  color: #fff;
}

.operational-insights .content-area .content-boxes .right-area .form-box .gchoice label,
.lets-connect .content-area .left-area .form-area .form-box .gchoice label,
.careers-modal .careers-modal-area .careers-modal-box .form-modal .form-area .form-box .gchoice label {
  margin: 0;
}

.text-with-four-boxes .content-area .column-boxes .break {
  flex-basis: 100%;
  height: 0;
}

@media (min-width: 991.98px) {

  .text-with-four-boxes .content-area .column-boxes.six_layout,
  .text-with-four-boxes .content-area .column-boxes.five_layout {
    justify-content: center;
    row-gap: 25px;
  }

  .careers-benefits .content-area .column-boxes-area .column-boxes .column-box.w_hover {
    transition: all .35s;
  }
  .careers-benefits .content-area .column-boxes-area .column-boxes .column-box.w_hover:hover {
    background-color: #e6eff0;
  }
}

@media (max-width: 991.98px) {
  .text-with-four-boxes .content-area .column-boxes .break {
    display: none;
  }
}

.careers-benefits .content-area .column-boxes-area .column-boxes .column-box a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

.lets-connect .content-area .left-area .gform_confirmation_message {
  max-width: 100%;
  color: #fff;
  font-weight: 400;
}


.team .content-area .team-archive .team-archive-boxes {
  opacity: 0;
}

.team .content-area .team-archive .team-archive-boxes.active_new {
  opacity: 1;
}

@media (min-width: 767.98px) {
  .careers-open .content-area .careers-boxes .careers-box .careers-top .desc.smaller {
    flex: 0 0 820px;
  }
}

.what_it_work .items.greater_four,
.what_it_work .items.four_lay {
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 12px;
}

.what_it_work .items .break {
  flex-basis: 100%;
  height: 0;
}

@media (max-width: 767.98px) {
  .what_it_work .items .break {
    display: none;
  }
}

.see_the_partnership .content-area .items .item .text_area span.tag {
  text-transform: uppercase;
}

.article .content-area .article-content p.large strong {
  font-weight: 600;
  line-height: 160%;
}

.article .content-area .article-content h5.wp-block-heading {
    padding-left: 22px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 1.5px;
    color: #0e133c;
    position: relative;
    margin-bottom: 25px;
}

.article .content-area .article-content h6.wp-block-heading {
    letter-spacing: 0;
    color: #0e133c;
    font-style: normal;
    font-weight: 400;
    font-size: 21.6px;
    line-height: 140%;
    margin-bottom: 12px;
}

.article .content-area .article-content h5.wp-block-heading::before {
    content: "";
    width: 5px;
    height: 15px;
    background-color: #fa3688;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.operational-insights .content-area .content-boxes .right-area .form-box form .form-column .gchoice label {
  margin-bottom: 0;
}

.in-the-news.no_bg,
.see_the_partnership.v2.no_bg,
.insights-featured-latest.no_bg,
.our-approach.no_bg,
.logos-random.no_bg,
.five-core-areas.no_bg {
  background-image: none;
}

.page-banner .content-area .text-box.larger-width.larger {
    width: 695px;
}

.page-banner .content-area .text-box.larger-width.larger p.largest {
    width: 695px;
}

.insights-featured-latest .content-area .latest-article .filter_area .filter_individual select {
  position: relative;
  width: 100%;
  height: 41.37px;
  background-color: rgba(14, 19, 60, .02);
  border: 1px solid rgba(14, 19, 60, .1);
  padding: 0 10px;
  color: #0e133c;
  font-size: 15px;
  font-weight: 500;
  appearance: none;
}

.insights-featured-latest .content-area .latest-article .filter_area .filter_individual .select-selected {
  position: relative;
  width: 100%;
  height: 41.37px;
  background-color: rgba(14, 19, 60, .02);
  border: 1px solid rgba(14, 19, 60, .1);
  padding: 0 10px;
  color: #0e133c;
  font-size: 15px;
  font-weight: 500;
  appearance: none;
}

.insights-featured-latest .content-area .latest-article .filter_area .filter_individual .select-items {
  background-color: #fff;
  border: 1px solid rgba(14, 19, 60, .1);
  color: #0e133c;
  font-size: 15px;
  font-weight: 500;
  appearance: none;
}

.insights-featured-latest .content-area .latest-article .filter_area .filter_individual .select-items div {
  color: #0e133c;
  font-size: 15px;
  font-weight: 500;
}

.insights-featured-latest .content-area .latest-article .filter_area .filter_individual .select-selected::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 10px;
  background: url(/wp-content/themes/ellevate/images/bottom-nav.png) center / contain no-repeat;
  pointer-events: none;
  transition: transform 0.35s;
  filter: brightness(100) invert(1);
}

.insights-featured-latest .content-area .latest-article .filter_area .filter_individual .select-selected.select-arrow-active::after {
  transform: scale(-1);
}

body .same-as-selected, body .select-items div:hover {
    background: #0e133c;
    color: #fff !important;
}

.insights-featured-latest .content-area .latest-article .filter_area {
  display: flex;
  width: 700px;
  column-gap: 10px;
  row-gap: 24px;
  max-width: 100%;
}

.insights-featured-latest .content-area .latest-article .filter_area .filter_individual {
  width: calc((100% - 20px) / 3);
  position: relative;
}

@media (max-width: 767.98px) {
  .insights-featured-latest .content-area .latest-article .filter_area {
    flex-wrap: wrap;
  }

  .insights-featured-latest .content-area .latest-article .filter_area .filter_individual {
    width: 100%;
  }

}

.see_the_partnership.v2 .content-area .items.all_case_study {
  flex-wrap: wrap;
  gap: 50px;
}

.insights-featured-latest .content-area .featured-article .featured-box.no_quote {
  background-color: #0e133c;
}

.insights-featured-latest .content-area .featured-article .featured-box.no_quote .left-area::before {
  opacity: 0;
  pointer-events: none;
}

.insights-featured-latest .content-area .featured-article .featured-box.no_quote .left-area {
  flex: 0 0 100%;
  max-width: 100%;
}

.insights-featured-latest .content-area .featured-article .featured-box.no_quote .left-area .author a {
  margin-left: auto;
}

@media (max-width: 767.98px) {
  .insights-featured-latest .content-area .featured-article .featured-box.no_quote .left-area .author {
    flex-wrap: wrap;
  }

  .insights-featured-latest .content-area .featured-article .featured-box.no_quote .left-area .author a {
    margin-left: unset;
  }
}

.insights-featured-latest .content-area .latest-article .filter_wrapper {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  margin-bottom: 16px;
  column-gap: 16px;
  align-items: center;
}

.insights-featured-latest .content-area .latest-article .latest-article-boxes .latest-article-box .center-area.no_desc,
.article .content-area .related-article .related-boxes .related-box .center-area.no_desc,
.insights-featured-latest .content-area .latest-article .latest-article-boxes .latest-article-box .center-area.no_desc {
  display: flex;
  align-items: center;
}

.insights-featured-latest .content-area .latest-article .latest-article-boxes .latest-article-box .center-area.no_desc h3,
.article .content-area .related-article .related-boxes .related-box .center-area.no_desc h3,
.insights-featured-latest .content-area .latest-article .latest-article-boxes .latest-article-box .center-area.no_desc h3 {
  margin-bottom: 0;
}
/* Article detail: larger author headshot (125 x 125) */
.article-hero .content-area .author-box .photo-area {
  flex: 0 0 125px;
  max-width: 125px;
  min-width: 125px;
}

/* Contact: Calendly anchor (#schedule) clears the fixed header */
.contact #schedule {
  scroll-margin-top: 120px;
}

/* Header submenu: size the dropdown to its longest item so left/right padding match */
@media (min-width: 992px) {
  header .navbar .mid_nav .navbar-nav .nav-item .sub_nav {
    width: max-content;
  }
  header .navbar .mid_nav .navbar-nav .nav-item .sub_nav ul li a {
    white-space: nowrap;
  }
}

/* Article detail: grey circle behind the author headshot (matches the Team page and featured card) */
.article-hero .content-area .author-box .photo-area .photo-box {
  border-radius: 50%;
  overflow: hidden;
  background-color: #e6eff0;
}

/* Careers dropdowns: bullet text matches paragraph text (18px, 20px on mobile) */
.careers-open .content-area .careers-boxes .careers-box .careers-bottom ul li {
  font-size: 18px;
}
.careers-open .content-area .careers-boxes .careers-box .careers-bottom ul li::before {
  top: 13px;
}
@media (max-width: 767.98px) {
  .careers-open .content-area .careers-boxes .careers-box .careers-bottom ul li {
    font-size: 20px;
  }
  .careers-open .content-area .careers-boxes .careers-box .careers-bottom ul li::before {
    top: 15px;
  }
}

/* Gravity Forms 3 wraps label text in a span; keep it the label colour (only the * stays red) */
.operational-insights .content-area .content-boxes .right-area .form-box form .form-column label span.gform-field-label__text,
.lets-connect .content-area .left-area .form-area .form-box label span.gform-field-label__text,
.careers-modal .careers-modal-area .careers-modal-box .form-modal .form-area .form-box label span.gform-field-label__text {
  color: inherit;
}

/* Hide each form until custom.js has restyled it (it adds .form-area on gform_post_render), so the default
   Gravity Forms look doesn't flash. The animation reveals it after 4s anyway in case the script never runs. */
.careers-modal .gform_wrapper form:not(.form-area),
.lets-connect .gform_wrapper form:not(.form-area),
.operational-insights .gform_wrapper form:not(.form-area) {
  visibility: hidden;
  animation: gform-reveal 0s 4s forwards;
}

@keyframes gform-reveal {
  to { visibility: visible; }
}

/* Responsive images from ellevate_image() carry width/height attributes; keep their aspect ratio
   wherever the theme only sets a width. :where() keeps this at zero specificity so theme sizing wins. */
:where(img[height]) {
  height: auto;
}

/* Compact Complianz cookie banner on phones: it was ~290px tall and its text became the page's
   largest element (LCP) on mobile. Same wording, smaller footprint. */
@media (max-width: 767.98px) {
  body .cmplz-cookiebanner.cmplz-show {
    padding: 10px 14px;
    row-gap: 6px;
  }
  body .cmplz-cookiebanner .cmplz-header {
    height: 16px;
  }
  body .cmplz-cookiebanner .cmplz-message {
    font-size: 11px;
    line-height: 1.4;
    margin-bottom: 0;
  }
  body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    height: 36px;
    padding: 6px 10px;
    font-size: 14px;
  }
  body .cmplz-cookiebanner .cmplz-links .cmplz-link {
    font-size: 12px;
  }
}

/* Phones: show the first-screen hero immediately instead of fading it in with AOS, so the hero
   (not the cookie banner) is the page's main content and paints on first render. Desktop and
   everything below the hero keep their animations. */
@media (max-width: 767.98px) {
  .homepage-banner [data-aos],
  .page_banner [data-aos],
  .page-banner [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}