/*
Theme Name: Arcencore
Text Domain: arcencore
Version: 1.0
Author: Wolf & Whale
Author URI: https://www.wolfwhale.com/
 */

/* Overlay Scrollbars */
::-webkit-scrollbar {
  display: none;
}
.os-scrollbar-vertical {
  --os-size: 0.5em !important;
}
.os-theme-dark {
  --os-handle-bg: #70727380 !important;
}
.os-scrollbar-handle {
  backdrop-filter: blur(1em);
}
/* Overlay Scrollbars */

/* Lenis CSS */
html.lenis,
html.lenis body {
  height: auto;
  scroll-behavior: smooth;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}
.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch] {
  overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}
/* Lenis CSS */

/* Global & Homepage */
:root {
  /* Spacings & Paddings */
  --site_padding: 3.125em;
  --section_spacing: 8.75em;

  /* Fonts */
  --bfs: 1.1111111111112vw;
  --fsh1_display: 6.875em;
  --fsh1: 3em;
  --fsh2: max(28px, 2em);
  --fsh3: 1.375em;
  --fsh4: max(16px, 1.125em);
  --b18: max(16px, 1.125em);
  --b16: max(16px, 1em);
  --b14: max(14px, 0.875em);
  --b12: max(12px, 0.75em);
  --b10: max(10px, 0.625em);
  --mona: "Mona Sans";
  --geist: "Geist";
  --geist_mono: "Geist Mono";

  /* Colors */
  --white: #fff;
  --black: #000;
  --charcoal: #202020;
  --char_o-70: #202020b3;
  --char_o-60: #20202099;
  --char_o-50: #20202080;
  --char_o-20: #20202033;
  --linen: #f9f7f4;
  --linen_o-70: #f9f7f4b3;
  --linen_o-60: #f9f7f499;
  --linen_o-50: #f9f7f480;
  --linen_o-20: #f9f7f433;
  --ivory: #f3f1ea;
  --ivory_o-70: #f3f1eab3;
  --ivory_o-60: #f3f1ea99;
  --ivory_o-50: #f3f1ea80;
  --ivory_o-20: #f3f1ea33;
  --cream: #f5ebd6;
  --sand: #d4d3bb;
  --camel: #c3b39c;
  --merlot: #3d0704;
  --crimson: #790d08;
  --cloud: #e9e9e9;
  --success: #158819;

  --blue_1: #dee6ee;

  /* Greys */
  --grey_4: #303b46;
  --grey_3: #7a7c86;
  --grey_2: #9ea1a9;
  --grey_1: #cfd0d2;
  --light_grey: #f0f0f0;
  --lightest_grey: #f7f7f7;
}

@media (min-width: 1600px) {
  :root {
    --bfs: 0.95vw;
  }
}
@media (max-width: 992px) {
  :root {
    /* Spacings & Paddings */
    --site_padding: 1.25em;
    --section_spacing: 5em;

    /* Fonts */
    --bfs: 16px;
    --fsh1_display: 3em;
    --fsh1: 2em;
    --fsh2: 1.375em;
    --fsh4: 1.125em;
    --b18: 1em;
    --b16: 0.875em;
    --b14: 0.875em;
    --b12: 0.75em;
  }

  .h2m {
    font-size: var(--fsh2) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
  }
}
html {
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-family: var(--mona);
  font-size: var(--bfs);
  color: var(--charcoal);
  margin: 0;
  background-color: var(--linen);
}
* {
  box-sizing: border-box;
}
section {
  padding: 0 var(--site_padding);
}
.white {
  color: var(--white) !important;
}
.charcoal {
  color: var(--charcoal) !important;
}
.char_o-70 {
  color: var(--char_o-70) !important;
}

.char_o-60 {
  color: var(--char_o-60) !important;
}
.char_o-50 {
  color: var(--char_o-50) !important;
}
.char_o-20 {
  color: var(--char_o-20) !important;
}
.ivory_o-70 {
  color: var(--ivory_o-70) !important;
}
.ivory_o-60 {
  color: var(--ivory_o-60) !important;
}
.ivory_o-50 {
  color: var(--ivory_o-50) !important;
}
.ivory_o-20 {
  color: var(--ivory_o-20) !important;
}
.linen_o-70 {
  color: var(--linen_o-70) !important;
}
.linen_o-60 {
  color: var(--linen_o-60) !important;
}
.linen_o-50 {
  color: var(--linen_o-50) !important;
}
.linen_o-20 {
  color: var(--linen_o-20) !important;
}
.camel {
  color: var(--camel) !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.text_w--balance {
  text-wrap: balance;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h1_display,
.h2,
.h3,
.h4 {
  font-family: var(--geist);
  font-weight: 400;
  margin: 0;
}
.btn.char {
  color: var(--charcoal);
}
.btn.linen {
  color: var(--linen);
}
.geist {
  font-family: var(--geist) !important;
}
.g_mono {
  font-family: var(--geist_mono) !important;
}
.mona {
  font-family: var(--mona) !important;
}
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--linen);
  padding: 1.125em 1.5em;
  padding-bottom: 1em;
  gap: 0.5em;
  cursor: pointer;
  transition:
    background-color 0.5s ease,
    border-color 0.5s ease,
    color 0.5s ease;
}
.btn > * {
  white-space: nowrap;
}
.button.sb.stick_top.mobile_only.sl_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--linen);
  padding: 1.125em 1.5em;
  padding-bottom: 1em;
  gap: 0.5em;
  cursor: pointer;
  transition:
    background-color 0.5s ease,
    border-color 0.5s ease,
    color 0.5s ease;
  background-color: var(--sand);
  padding: 1em 1.5em;
  padding-bottom: 0.875em;
}
.btn svg {
  width: 0.75em;
  height: 1em;
  flex-shrink: 0;
}
.btn.sand {
  background-color: var(--sand);
  padding: 1em 1.5em;
}
.btn.o_10 {
  background-color: #f9f7f41a;
}
.o_50 {
  opacity: 0.5;
}
.btn.transparent {
  background-color: transparent;
  border: 0.0625em solid #ffffff26;
}
.btn.white {
  background-color: var(--white);
  color: var(--charcoal);
}
@media (min-width: 992px) {
  .superyacht_page .btn.white:hover {
    background-color: var(--grey_1) !important;
    border-color: var(--grey_1) !important;
  }
  .btn.transparent:hover {
    background-color: var(--linen);
    border-color: var(--linen);
    color: var(--charcoal);
  }
  .btn.white:hover {
    background-color: var(--linen);
    border-color: var(--linen);
    color: var(--charcoal);
  }
  .btn.o_10:hover {
    background-color: var(--linen);
    border-color: var(--linen);
    color: var(--charcoal);
  }
  .btn.sand.charcoal:hover {
    color: var(--linen) !important;
    background-color: var(--merlot);
    border-color: var(--merlot);
  }
  .btn.sand:hover {
    background-color: var(--merlot);
    color: var(--linen);
    border-color: var(--merlot);
  }
}
p {
  margin: 0;
}

a {
  font-size: 1em !important;
  color: currentColor;
  text-decoration: none;
}

.lh1 {
  line-height: 1 !important;
}

h1 {
  font-size: var(--fsh1);
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.h1_display {
  font-size: var(--fsh1_display);
  line-height: 1;
  letter-spacing: -0.03em;
}
h2 {
  font-size: var(--fsh2);
  line-height: 1.1;
  letter-spacing: -0.02em;
}
h3 {
  font-size: var(--fsh3);
  line-height: 1.2;
  letter-spacing: -0.02em;
}
h4 {
  font-size: var(--fsh4);
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.h1 {
  font-size: var(--fsh1);
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.h2 {
  font-size: var(--fsh2);
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.h3 {
  font-size: var(--fsh3);
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.h4 {
  font-size: var(--fsh4);
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.b18 {
  font-size: var(--b18);
  line-height: 1.4;
  letter-spacing: normal;
}
.b16 {
  font-size: var(--b16);
  line-height: 1.4;
  letter-spacing: normal;
}
.b14 {
  font-size: var(--b14);
  line-height: 1.4;
  letter-spacing: normal;
}
.b12 {
  font-size: var(--b12);
  line-height: 1.4;
  letter-spacing: 0.01em;
}
.b10 {
  font-size: var(--b10);
  line-height: 1.4;
  letter-spacing: 0.01em;
}
.med {
  font-weight: 500 !important;
}
.reg {
  font-weight: 400 !important;
}
.semi {
  font-weight: 600 !important;
}

.loading_overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  background-color: var(--white);
}

.link_text {
  position: relative;
  padding: 0.125em 0;
}

.link {
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 0.5em;
}
.link_line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.0625em;
  background-color: currentColor;
  transition: all 0.5s ease;
}
.link_arrow {
  width: 1.25em;
  height: 1.25em;
  display: flex;
}
.nav {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  z-index: 9999;
}
@media (max-width: 992px) {
  .nav {
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--merlot);
    padding-bottom: 1.25em;
  }
  .nav.light {
    background-color: var(--ivory);
  }
}
.nav.light {
  color: var(--charcoal);
}

.nav.light .nav_link.c {
  background-color: var(--sand);
}
.nav_link.dd svg {
  width: 0.5em;
  height: 0.25em;
  display: flex;
}
@media (max-width: 992px) {
  .child_links .nav_link svg.mobile_only {
    display: flex !important;
    height: 0.875em !important;
    width: 1em !important;
    rotate: none !important;
  }
  .parent_link .nav_link svg.mobile_only {
    display: flex !important;
    height: 0.875em !important;
    width: 1em !important;
    rotate: none !important;
  }
}
.nav_link.dd_l svg {
  width: 0.625em;
  height: 0.375em;
  display: flex;
}
.ann:hover {
  color: var(--white);
}
.ann {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2a0503;
  color: #ffffff99;
  gap: 0.375em;
  padding: 0.625em var(--site_padding);
  text-transform: uppercase;
  font-family: var(--geist_mono);
  transition: color 0.5s ease;
  backdrop-filter: blur(0.125em);
}
.ann p {
  letter-spacing: -0.01em;
}
.ann svg {
  width: 0.375em;
  height: 0.5em;
  transition: all 0.5s ease;
}
.nav.light .ann {
  background-color: #2020201a;
  color: var(--charcoal);
}
@media (min-width: 992px) {
  .nav.light .ann:hover {
    color: var(--grey_3) !important;
  }
  .ann:hover svg {
    translate: 0.125em 0;
  }
}
.header_section {
  position: relative;
  min-height: 100vh;
  background-color: var(--merlot);
  display: flex;
  align-items: flex-end;
  color: var(--linen);
}
@media (min-width: 992px) {
  .header_section .headline_wrap {
    translate: 0 -50%;
  }
  .header_section .headline_wrap h1 {
    max-width: 80%;
  }
}
@media (min-width: 1600px) {
  .header_section .headline_wrap h1 {
    max-width: 60%;
  }
}
.nav {
  color: var(--linen);
}
.nav_container {
  display: flex;
  align-items: center;
  gap: 2.25em;
  margin-top: 1.25em;
  padding: 0 var(--site_padding);
}

.logo {
  display: flex;
  width: 11.25em;
  height: 2.5em;
}

.stats_iframe iframe {
  max-width: 7.5em;
  max-height: 2.5em;
}
.stats_iframe {
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav_links {
  margin-left: auto;
  display: flex;
  align-items: stretch;
  justify-content: center;
  background-color: #c3b39c0f;
  padding: 0.25em;
  backdrop-filter: blur(0.5em);
}
@media (min-width: 992px) {
  .nav_links > .nav_link:not(.c):hover {
    background-color: #c3b39c2a;
  }
}
.nav_link p {
  letter-spacing: 0.01em;
}
.nav_link {
  padding: 0.875em 1.125em;
  display: flex;
  align-items: center;
  gap: 0.25em;
  cursor: pointer;
  transition: background-color 0.5s ease;
}
@media (min-width: 992px) {
  .nav.light .nav_link.c:hover {
    background-color: var(--merlot) !important;
    color: var(--linen) !important;
  }
  .nav:not(.light) .nav_link.c:hover {
    background-color: var(--sand) !important;
  }
  .nav_link.c {
    padding: 0.875em 1.25em;
    color: var(--charcoal);
    background-color: var(--linen);
    margin-left: 0.25em;
    transition:
      color 0.5s ease,
      background-color 0.5s ease;
  }
}

.header_content {
  width: 100%;
  position: relative;
  z-index: 2;
  height: 55vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.headline_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.headline_wrap p {
  writing-mode: vertical-lr;
}
.sub_headline--bottom {
  width: calc(100% + var(--site_padding) * 2);
  margin-left: calc(0em - var(--site_padding));
  padding: 1.5em var(--site_padding);
  margin-top: 1.5em;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.25em;
  border-top: 0.0625em solid #f9f7f426;
  align-items: center;
  grid-column: 1 / 13;
  grid-row: 2 / 2;
  background-color: #3d07041f;
  backdrop-filter: blur(0.25em);
}

.p_vid--wrap {
  grid-column: 1 / 5;
}
.scd {
  grid-column: 6 / 8;
  align-items: center;
  justify-self: center;
  cursor: pointer;
  width: 2.5em;
  height: 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scd_link.scd {
  display: flex;
  align-items: center;
  gap: 0.625em;
  width: fit-content;
  height: auto;
}
.sub_headline--buttons {
  grid-column: 8 / 13;
  display: flex;
  justify-content: flex-end;
}
.sh_buttons--wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25em;
}
.scd_icon {
  display: flex;
  flex-direction: column;
  gap: 0.125em;
  transition: all 0.5s ease;
}
.scd_icon svg {
  width: 0.625em;
  height: 0.375em;
}
@media (min-width: 992px) {
  .scd:hover .scd_icon {
    gap: 0.0625em;
  }
  .scd:hover .scd_icon svg {
    animation-play-state: paused;
  }
}

@keyframes scdAnimation {
  0% {
    translate: 0em 0%;
    opacity: 1;
  }
  100% {
    translate: 0em 50%;
    opacity: 0.2;
  }
}
.scd_icon svg:last-child {
  animation-delay: 0.2s;
}
.scd_icon svg:nth-child(2) {
  animation-delay: 0.1s;
}
.scd_icon > * {
  animation: scdAnimation 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) infinite
    alternate;
}

.sub_headline--wrap {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.25em;
}

.sub_headline--wrap > p {
  grid-row: 1 / 1;
  grid-column: 9 / 13;
}
.p_vid--play_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--linen);
  width: 2.5em;
  height: 2.5em;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.5s ease;
}

.p_vid--wrap {
  display: flex;
  align-items: center;
  gap: 1em;
}

.p_vid--play_button svg {
  width: 0.75em;
  height: 0.75em;
}
.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.25em;
}

.section_headline.strategies {
  grid-column: 3 / 11;
}

.section_headline {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  align-items: flex-start;
}

.strategies_blocks {
  grid-column: 3 / 11;
  margin-top: 4em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25em;
  z-index: 2;
  position: relative;
}

.section_headline.center {
  align-items: center;
  justify-content: center;
  text-align: center;
}

.strategies_section {
  padding: var(--section_spacing) var(--site_padding);
}

.str_block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1em;
  padding: 1.25em;
  border: 0.0625em solid var(--sand);
  transition: all 0.5s ease;
}
.str_block .btn {
  margin-top: 0.375em;
}
.str_icon {
  width: 7.5em;
  height: 7.5em;
  display: flex;
  margin-bottom: 1.25em;
}

.brow_icon.aaa {
  box-shadow: 0 0 0.25em 0.0625em #790d08 inset;
}
.brow_icon.bbb {
  box-shadow: 0 0 0.25em 0.0625em #2d4866 inset;
}
.brow_icon.grey {
  box-shadow: 0 0 0.25em 0.0625em #9ea1a9 inset;
}

.brow_icon {
  width: 1em;
  height: 1em;
  box-shadow: 0 0 0.25em 0.0625em var(--camel) inset;
  border-radius: 0.1875em;
}
.brow {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.brow p {
  text-transform: uppercase;
}
section.pb0 {
  padding-bottom: 0 !important;
}
section.bg_blue01 {
  background-color: var(--blue_1);
  padding: var(--section_spacing) var(--site_padding);
}
section.bg_ivory {
  background-color: var(--ivory);
  padding: var(--section_spacing) var(--site_padding);
}
section.bg_merlot {
  background-color: var(--merlot);
  color: var(--linen);
  padding: var(--section_spacing) var(--site_padding);
}
section.np {
  padding: 0 !important;
}
section.bg_linen {
  background-color: var(--linen);
  padding: var(--section_spacing) var(--site_padding);
}
section.bg_white {
  background-color: var(--white);
  padding: var(--section_spacing) var(--site_padding);
}
section.bg_lg {
  background-color: var(--lightest_grey);
  padding: var(--section_spacing) var(--site_padding);
  border-color: var(--grey_1);
  border-top: solid 1px var(--grey_1);
}
section.bg_charcoal {
  background-color: var(--charcoal);
  color: var(--white);
  padding: var(--section_spacing) var(--site_padding);
}
.section_headline.ts {
  grid-column: 1 / 6;
}

.swiper.team_grid--swiper {
  grid-column: 6 / 13;
}
.team_grid.leadership {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25em;
  row-gap: 5em;
}
.team_grid.team_grid.leadership.cols2 {
  grid-template-columns: repeat(2, 1fr);
}
.team_grid--swiper.less_cols {
  grid-column: 8 /13;
}
@media (min-width: 992px) {
  .team_grid--swiper .tm_block {
    width: 100% !important;
  }
}
.tm_block {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.875em;
  cursor: pointer;
}
.tm_name--role {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.tm_image {
  overflow: hidden;
  display: flex;
  position: relative;
  width: 100%;
  padding-bottom: 133%;
}

.tm__image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: var(--grey_4);
  transition: scale 0.5s ease;
}
.tm_name--role p {
  min-height: 2lh;
}

.tm_link {
  margin-top: auto;
}
.team_section {
  position: relative;
}
.ts_bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30%;
  height: auto;
  z-index: 1;
  display: flex;
  pointer-events: none;
}
.ts_bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
.team_section > *:not(.ts_bg) {
  position: relative;
  z-index: 2;
}
.about_section {
  padding: var(--section_spacing) var(--site_padding);
}
.section_headline.about {
  grid-column: 1 / 9;
}

.about_blocks {
  grid-column: 1 / 13;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25em;
  margin-top: 6.25em;
}

.abb_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.abb_icon {
  width: 7.5em;
  height: 7.5em;
  display: flex;
}
.abb_icon.smaller {
  width: 5em;
  height: 5em;
}

.ab_block {
  display: flex;
  flex-direction: column;
  gap: 4.375em;
  background-color: var(--white);
  padding: 1.875em;
}
.ab_block.grey {
  background-color: var(--lightest_grey);
}
.ab_block--content {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}
.section_headline.archive {
  grid-column: 1 / 13;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25em;
  align-items: flex-end;
}
.section_headline.archive .btn {
  justify-self: flex-end;
}
.section_headline.insights {
  margin-bottom: 3.75em;
}
.insights_wrap--homepage {
  grid-column: 1 / 13;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25em;
}

.ins_block {
  display: flex;
  flex-direction: column;
  gap: 0.875em;
  padding-left: 0.875em;
  border-left: 0.0625em solid var(--sand);
}
.date--category {
  display: flex;
  align-items: center;
  gap: 0.375em;
}
.square_sep {
  width: 0.25em;
  height: 0.25em;
  background-color: currentColor;
}
.ins_thumb {
  display: flex;
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}

.ins__thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: var(--grey_4);
  transition: scale 0.5s ease;
}

.ins_content {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  margin-bottom: 5em;
}

.ins_link {
  display: flex;
  margin-top: auto;
}
footer {
  background-color: var(--linen);
  padding: 3.75em var(--site_padding);
  border-top: 0.0625em solid var(--sand);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5em;
  position: relative;
}
@media (min-width: 992px) {
  .footer_c--info.desktop_only .company_info p {
    max-width: 70%;
  }
}
.footer_sep--line {
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 0.0625em;
  height: 100%;
  background-color: var(--sand);
}

.footer_left {
  display: flex;
  flex-direction: column;
  gap: 25vh;
  align-items: flex-start;
  justify-content: space-between;
}

.footer_left--content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.footer_c--info {
  display: flex;
  flex-direction: column;
  gap: 2.5em;
  max-width: 70%;
}

.footer_links {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.footer_link {
  display: flex;
  width: fit-content;
  padding: 0.25em;
  margin-left: -0.25em;
  transition: color 0.5s ease;
}
@media (max-width: 992px) {
  .footer_link {
    padding: 0.5em;
    margin-left: -0.5em;
  }
  .footer_legal--links {
    margin-top: 2em;
  }
}
@media (min-width: 992px) {
  .footer_link:hover {
    text-decoration: underline;
    color: var(--crimson);
  }
}
.footer_legal--links {
  display: flex;
  align-items: center;
  gap: 2em;
  row-gap: 1em;
  flex-wrap: wrap;
}

.company_info {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
}

.crimson {
  color: var(--crimson);
}

.grey_4 {
  color: var(--grey_4);
}

.grey_3 {
  color: var(--grey_3);
}

.grey_2 {
  color: var(--grey_2);
}

.footer_right {
  display: flex;
  flex-direction: column;
  gap: 8em;
  justify-content: space-between;
  align-items: stretch;
}

.footer_right h2 {
  max-width: 60%;
}

.footer_right--info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25em;
  align-items: end;
  width: 100%;
}

.sm_link {
  display: flex;
  align-items: center;
  gap: 0.25em;
  transition: all 0.5s ease;
}

.sml_icon {
  width: 1.375em;
  height: 1.375em;
  flex-shrink: 0;
}

.sml_arrow {
  width: 0.5em;
  height: 0.5em;
  display: flex;
  transition: all 0.5s ease;
}

.contact_information {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
@media (min-width: 992px) {
  .sm_link:hover {
    color: var(--crimson);
  }
  .sm_link:hover .sml_arrow {
    translate: 0.125em -0.125em;
  }
  .mobile_only {
    display: none !important;
  }
  .str_block:hover {
    background-color: var(--ivory);
  }
  .str_block:hover .btn.sand {
    background-color: var(--merlot);
    color: var(--linen);
  }
  .str_block.bg_ivory:hover {
    background-color: var(--linen);
  }
  .link:hover .link_line {
    width: 0%;
  }
  .tm_block:hover .link_line {
    width: 0%;
  }
  .ins_block:hover .link_line {
    width: 0%;
  }
}
@media (max-width: 992px) {
  .headline_wrap p {
    display: none;
  }
  .p_vid--text .linen_o-70 {
    color: var(--linen) !important;
  }
  .sub_headline--wrap {
    display: flex;
    flex-direction: column;
  }

  .sub_headline--bottom .sh_buttons--wrap {
    margin-top: 0;
  }
  .sub_headline--bottom {
    display: flex;
    flex-direction: column;
  }

  .sub_headline--bottom .scd {
    order: 3;
  }
  .sub_headline--buttons {
    width: 100%;
  }

  .sh_buttons--wrap {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 0.625em;
    margin-top: 1.25em;
  }

  .header_content {
    height: auto;
    gap: 0em;
  }

  .grid {
    display: flex;
    flex-direction: column;
  }

  .strategies_blocks {
    display: flex;
    flex-direction: column;
    margin-top: 2.5em;
  }

  .team_grid.leadership {
    display: flex;
    width: max-content;
    margin-top: 2.5em;
  }

  .about_blocks {
    margin-top: 2.5em;
    display: flex;
    flex-direction: column;
  }

  .ab_block {
    padding: 1.875em 1.25em;
    gap: 2.5em;
  }

  .section_headline.insights {
    margin-bottom: 2.5em;
  }

  .section_headline.archive {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2em;
  }

  .insights_wrap--homepage {
    display: flex;
    flex-direction: column;
    gap: 3.75em;
  }

  .ins_content {
    margin-bottom: 0.625em;
  }

  footer {
    display: flex;
    flex-direction: column;
    padding: 2.5em var(--site_padding);
    gap: 2em;
  }

  .footer_left {
    gap: 2em;
  }

  .footer_sep--line {
    display: none;
  }

  .footer_left--content {
    flex-direction: column;
    gap: 2em;
    align-items: flex-start;
  }

  .footer_c--info {
    max-width: none;
  }

  .footer_legal--links {
    gap: 1.5em;
  }

  footer h2 {
    max-width: 85%;
    font-size: 2em;
  }

  .footer_right {
    gap: 3.75em;
  }

  .footer_right--info {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 2em;
  }
  .desktop_only {
    display: none !important;
  }
  .footer_logo {
    margin-bottom: 4em;
  }
  .ann {
    display: none;
  }
  .p_vid--wrap {
    width: 100%;
  }
  .logo {
    height: 2em;
    width: 9.375em;
  }
  .nav_container {
    gap: 1.5em;
  }
}
.header_headline {
  display: flex;
  flex-direction: column;
  gap: 2em;
  align-items: flex-start;
  grid-column: 3 / 11;
  z-index: 2;
  position: relative;
}
.header_headline.center {
  align-items: center;
  justify-content: center;
  text-align: center;
}
.p_vid--popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
}

.p_vid--overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #20202080;
}

.p_vid--popup video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p_vid--wrap_inner {
  width: 60%;
  max-height: 60%;
  z-index: 3;
  position: relative;
}
@media (max-width: 992px) {
  .p_vid--wrap_inner {
    width: 75%;
  }
}
.p_vid--close {
  width: 2em;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: calc(100% + 0.5em);
  top: 0;
  background-color: var(--sand);
  color: var(--charcoal);
  cursor: pointer;
  transition: all 0.5s ease;
}
@media (min-width: 992px) {
  .p_vid--close:hover {
    background-color: var(--crimson);
    color: var(--linen);
  }
  .p_vid--play_button:hover {
    background-color: var(--sand);
  }
}
.pvc_line {
  position: absolute;
  width: 0.0625em;
  height: 50%;
  background-color: currentColor;
  rotate: 45deg;
}
.pvc_line.second {
  rotate: -45deg;
}
/* Global & Homepage */

/* About Us Page */
.header_headline.about .scd {
  margin-top: 2.5em;
}
.os_bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  width: 30%;
  align-items: center;
  z-index: 1;
  pointer-events: none;
}
.os_bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.overview_section {
  position: relative;
  padding-bottom: 5em !important;
}
.overview_section .section_headline:has(+ .overview_blocks--wrap) {
  align-self: self-start;
  position: sticky;
  top: 5em;
}

@media (max-width: 992px) {
  .overview_section .section_headline:has(+ .overview_blocks--wrap) {
    align-self: self-start;
    position: relative;
    top: 0em;
  }
}
.section_headline.ow_sh.about--page {
	position: relative !important;
	top: auto !important;
}

.os_quote {
  margin-top: 5rem;
  text-align: center;
  grid-column: 4 / 10;
}

.overview_section > *:not(.os_bg) {
  position: relative;
  z-index: 2;
}
.about_us--image {
  width: 100%;
  height: 100%;
  object-position: bottom;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.abs_bg {
  position: absolute;
  width: 40%;
  left: 0;
  bottom: 0;
  display: flex;
  z-index: 1;
  pointer-events: none;
}
.abs_bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
@media (max-width: 992px) {
  .abs_bg {
    width: 100%;
  }
}
.page_header--section {
  padding: 14em var(--site_padding) !important;
  padding-bottom: var(--section_spacing) !important;
}
.page_header--section.lesser_padding {
  padding-top: var(--section_spacing) !important;
}
.page_header--section.about {
  position: relative;
}
.about_us--video {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column: 3 / 11;
  width: 100%;
  padding-bottom: 56.25%;
  margin-top: 1.25em;
}
.play_button {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 2;
}
.about_us--video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.our_history--section {
  padding: var(--section_spacing) var(--site_padding);
}
.section_headline.our_history {
  grid-column: 1 / 7;
}
.our_history--grid {
  padding: 0 var(--site_padding);
  width: calc(100% + (var(--site_padding) * 2));
  margin-left: calc(0em - var(--site_padding));
  padding-bottom: 3.75em;
  border-bottom: 0.0625em solid var(--sand);
  margin-bottom: 3.75em;
}
.hs_card {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  padding: 1.875em;
  background-color: var(--ivory);
  justify-content: space-between;
}

.history_cards {
  grid-column: 1 / 7;
  padding-right: 3.75em;
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}

.hc_icon {
  width: 5em;
  height: 5em;
  flex-shrink: 0;
  display: flex;
}
.hc_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right center;
}

.hc_inner--content {
  padding-bottom: 0.875em;
  border-bottom: 0.0625em solid var(--sand);
}
.hc_inner--content > *:first-child {
  margin-bottom: 0.5rem;
}

.hc_lf--features {
  display: flex;
  flex-direction: column;
  gap: 0.125em;
  margin-top: 0.25em;
}
.hc_lf--feature::before {
  flex-shrink: 0;
  content: "";
  width: 0.375em;
  height: 0.375em;
  background-color: var(--char_o-50);
}
.hc_lf--feature {
  display: flex;
  align-items: center;
  gap: 0.25em;
}

.hc_content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}
.history_acc {
  grid-column: 7 / 13;
  padding-left: 3.75em;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .history_acc {
    margin-top: -1.5em;
  }
}
.acc__content .acc__inner--content *:first-child {
  margin-top: 0;
}
.acc__content .acc__inner--content *:last-child {
  margin-bottom: 0;
}
.acc__content > *:first-child {
  margin-top: 0;
}
.acc__content > *:last-child {
  margin-bottom: 0;
}
.acc__content p:not(:last-child) {
  margin-bottom: 1em;
}
.acc_footnotes p:not(:last-child) {
  margin-bottom: 0.5rem !important;
}
.acc_footnotes {
  margin-top: 1em;
}
.acc__content li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.acc__content ul {
  margin: 1em;
  padding-left: 1.25em;
}
.hs_acc {
  border-bottom: 0.0625em solid var(--sand);
}

.ha_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2em;
  cursor: pointer;
  padding: 1.5em 0;
}

@media (min-width: 992px) {
  .hs_acc.is-open .ha_acc--icon {
    background-color: var(--sand) !important;
    color: var(--charcoal) !important;
  }
  .ha_title:hover .ha_acc--icon {
    background-color: var(--merlot);
    color: var(--linen);
  }
}

.ha_acc--icon {
  display: flex;
  position: relative;
  width: 2em;
  height: 2em;
  background-color: var(--sand);
  color: var(--charcoal);
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
}

.hai_line {
  width: 50%;
  height: 0.0625em;
  position: absolute;
  background-color: currentColor;
}

.hai_line.vertical {
  width: 0.0625em;
  height: 50%;
}

.h_acc--spacer {
  width: 100%;
  height: 1em;
}

.ha_content {
  padding-right: 4em;
  overflow: hidden;
}
.mentioned_by--section {
  padding: var(--section_spacing) var(--site_padding);
  padding-top: 0;
  border-bottom: 0.0625em solid var(--sand);
}
.mb_wrap {
  grid-column: 3 / 11;
  display: flex;
  flex-direction: column;
  gap: 2.5em;
  align-items: center;
  text-align: center;
}

.mb_logos {
  display: flex;
  gap: 6.25em;
  width: 100%;
}

.mb_logo {
  max-height: 3.125em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10em;
}

.mb_logo img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

@media (max-width: 992px) {
  .mb_logo img {
    width: auto;
  }
}

.section_headline.ow_sh {
  grid-column: 4 / 10;
}

.overview_blocks--wrap {
  grid-column: 4 / 10;
  margin-top: 3.75em;
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}

.ow_block {
  display: flex;
  padding: 1.5em;
  background-color: var(--linen);
  align-items: flex-start;
  gap: 1.25em;
}

.ow_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  background-color: var(--ivory);
  flex-shrink: 0;
}

.ow_icon svg {
  width: 50%;
  height: 50%;
}

.ow_content {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 992px) {
  .history_cards {
    padding-right: 0;
  }

  .hc_icon {
    display: none;
  }

  .history_acc {
    padding-left: 0;
    margin-top: 1.25em;
  }

  .ha_content {
    padding-right: 0;
  }

  .mb_logos {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2em;
  }

  .mb_logo svg {
    max-height: 3.125em;
  }

  .ow_block {
    padding: 1.25em;
    gap: 1em;
  }
  .page_header--section {
    padding-top: 10em !important;
  }
  .hs_card {
    padding: 1.25em;
  }
  .hc_lf--feature {
    align-items: flex-start;
  }
  .hc_lf--features {
    gap: 0.5em;
  }
  .hc_lf--feature::before {
    margin-top: 0.375em;
  }
  .os_bg {
    display: none;
  }
}
/* About Us Page */

/* Services Page */
.sub_page--headline {
  grid-column: 1 / 6;
  display: flex;
  flex-direction: column;
  gap: 2em;
  align-items: flex-start;
  position: relative;
}
.page_header--section.strategies {
  position: relative;
  padding-top: 10em !important;
}
.ss_bg {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  width: 25%;
  pointer-events: none;
}
.ss_bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom right;
}
.back_link {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
@media (min-width: 992px) {
  .back_link:hover svg {
    translate: -0.125em 0;
  }
}
.back_link svg {
  width: 0.375em;
  height: 0.625em;
  display: flex;
  transition: all 0.5s ease;
}

.sub_page--thumb .lottie_player {
  width: 100%;
  height: auto;
}
.sub_page--thumb {
  grid-column: 9 / 12;
  display: flex;
}
.sub_page--header {
  align-items: center;
}
.str_features--headline {
  grid-column: 1 / 6;
}

.str_features--list {
  display: flex;
  flex-direction: column;
  gap: 0.625em;
  grid-column: 8 / 13;
}
.str_features--list .ow_block {
  align-items: center;
}

.ow_block.bg_ivory {
  background-color: var(--ivory);
}

.ow_block.bg_ivory .ow_icon {
  background-color: var(--linen);
}

.ow_content ul {
  padding-left: 1.25em;
  margin: 1.5em 0;
}

.ow_content ul > li {
  list-style-type: square;
  margin-bottom: 1.5em;
}

.ow_content ul > li::marker {
  color: var(--char_o-50);
}

.ow_content ul:not(:has(~ *)) {
  margin-bottom: 0;
}

.str_features--sections {
  padding: 0 var(--site_padding);
}
.str_features--section {
  padding: 5em 0;
}

.str_features--section:not(:first-child) {
  border-top: 0.0625em solid var(--sand);
}

.str_cta {
  grid-column: 5 / 9;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25em;
  text-align: center;
}

.str_cta .lottie_player {
  width: 7.5em;
  height: 7.5em;
  display: flex;
}

.str_features--section:last-child {
  padding-bottom: 0;
  margin-bottom: var(--section_spacing);
}

@media (max-width: 992px) {
  .sub_page--thumb {
    max-width: 50%;
  }

  .sub_page--header {
    align-items: flex-start;
  }

  .str_features--section {
    padding: 2.5em 0;
  }

  .str_features--section .grid {
    gap: 2.5em;
  }
  .str_features--section.str_page .grid {
    gap: 1.25em;
  }
}

/* Services Page */
/* Our Team Page */
.header_headline.our_team > h1 {
  max-width: 70%;
  margin: 0 auto;
}
@media (max-width: 1600px) {
  .header_headline.our_team > h1 {
    max-width: 85%;
  }
}
@media (max-width: 992px) {
  .header_headline.our_team > h1 {
    max-width: none;
  }
}
.header_headline.our_team > p {
  max-width: 80%;
  margin: 0 auto;
}
.cats_filter.category {
  position: relative;
  z-index: 999;
}
.cats_filter svg {
  transition: all 0.5s ease;
}
.cats_filter.active {
  background-color: #790d080d;
  color: var(--crimson);
}
.cats_filter.active::before {
  content: "";
  position: absolute;
  bottom: -0.0625em;
  left: 0;
  width: 100%;
  height: 0.1875em;
  background-color: var(--crimson);
}
.cats_wrap {
  display: flex;
  align-items: flex-end;
}
.cf_dropdown {
  position: absolute;
  padding: 0.25em;
  top: 100%;
  left: 50%;
  translate: -50% 0;
  opacity: 0;
  pointer-events: none;
  background-color: var(--linen);
  z-index: 999;
  width: max-content;
  max-width: 15em;
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  transition: all 0.5s ease;
  color: var(--charcoal);
}
@media (max-width: 992px) {
  .cats_filter:has(.sm_cat:not(.sm_archive).active) {
    background-color: #790d080d;
    color: var(--crimson);
  }
  .cats_filter:has(.sm_cat:not(.sm_archive).active)::before {
    content: "";
    position: absolute;
    bottom: -0.0625em;
    left: 0;
    width: 100%;
    height: 0.1875em;
    background-color: var(--crimson);
  }
  .cf_text {
    justify-content: space-between;
  }
  .cats_filter {
    width: 100%;
    border: 0.0625em solid var(--sand);
  }
  .cats_filter.clicked {
    background-color: var(--linen);
  }
  .cats_filter.clicked svg {
    rotate: 180deg;
  }
  .cats_filter.clicked .cf_dropdown {
    opacity: 1;
    pointer-events: auto;
    translate: 0 0em;
  }
  .team_categories {
    align-items: flex-start;
    margin-bottom: 2.5em;
  }
  .cf_dropdown {
    left: -0.0625em;
    translate: 0 0;
    width: calc(100% + 0.125em);
    max-width: none;
    max-height: 15em;
    overflow: auto;
    translate: 0;
    scrollbar-width: thin;
    border: 0.0625em solid var(--sand);
  }
  .cats_wrap.mobile_only {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 0.25em;
  }
}
.sm_cat {
  display: flex;
  padding: 1.25em 1.5em;
  transition: background-color 0.5s ease;
  background-color: #d4d3bb33;
}
.sm_cat.active {
  background-color: #d4d3bb70;
}
@media (min-width: 992px) {
  .cats_filter:hover svg {
    rotate: 180deg;
  }
  .cats_filter:hover .cf_dropdown {
    opacity: 1;
    pointer-events: auto;
    translate: -50% 0em;
  }
  .sm_cat:hover {
    background-color: #d4d3bb70;
  }
}
.ins_cat--grid .team_categories {
  grid-column: 1 / 7;
}
@media (max-width: 1366px) {
  .ins_cat--grid .team_categories {
    grid-column: 1 / 8;
  }
}
.team_categories {
  grid-column: 1 / 13;
  display: flex;
  align-items: flex-end;
}
.team_categories--section .tm_border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625em;
  background-color: var(--sand);
}
.team_categories--section {
  padding-bottom: 0 !important;
  padding-top: 1.25em !important;
  position: sticky;
  top: 0;
  z-index: 999;
  overflow: hidden;
  width: 100%;
}
.page_header--section.our_team {
  padding-bottom: 6.25em !important;
}
.our_team--section:first-child {
  border: none !important;
}
.our_team--section .team_grid {
  row-gap: 5em !important;
}
.our_team--section {
  padding-bottom: 5em !important;
  padding-top: 2.5em !important;
  border-top: 0.0625em solid var(--sand);
}
@media (max-width: 992px) {
  .our_team--section {
    padding-bottom: 3.75em !important;
  }
  .our_team--section .team_grid {
    row-gap: 3.75em !important;
  }
}
@media (min-width: 992px) {
  .our_team--section:last-child {
    padding-bottom: var(--section_spacing) !important;
  }
}
.team_grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1em;
  row-gap: 3.75em;
  margin-top: 2.5em;
}
@media (max-width: 992px) {
  .header_headline.our_team > p {
    max-width: none;
  }
  .team_grid:not(.leadership) {
    grid-template-columns: 1fr 1fr;
  }
  form.search_form {
    width: 100%;
  }
  .team_categories.tm_page .category {
    flex-shrink: 0;
  }
  .team_categories.tm_page {
    margin-bottom: 0;
    width: 100%;
    overflow: scroll;
    padding-right: var(--site_padding);
  }
  .team_categories--section {
    top: 4.75em !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
.nav_link.dd {
  position: relative;
}

.nav_dd {
  position: absolute;
  width: max-content;
  left: 50%;
  translate: -50% 0;
  opacity: 0;
  pointer-events: none;
  top: 100%;
  padding: 1.875em 2.5em;
  background-color: var(--linen);
  color: var(--charcoal);
}

@media (min-width: 992px) {
  .nav_link.dd:not(.dd_l):hover > svg {
    rotate: 180deg;
  }
  .nav_link.dd:hover .nav_dd {
    translate: -50% 0em;
    opacity: 1;
    pointer-events: auto;
  }
  .nav_dd {
    transition: all 0.5s ease;
  }
  .nav_link svg {
    transition: all 0.5s ease;
  }
  .nav_link.dd_l:hover svg {
    translate: 0.25em 0;
  }
}

.nav_link.dd_l {
  padding: 0.625em;
  margin-left: -0.625em;
}
@media (min-width: 992px) {
  .child_links.h_flex {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
}
.parent_link {
  padding-bottom: 1.25em;
  margin-bottom: 1.25em;
  border-bottom: 0.0625em solid var(--sand);
}

.child_link--groups {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}
@media (min-width: 992px) {
  .child_link--groups.wwd_menu--dropdown *:not(a, a *) {
    padding-top: 0;
  }
  .child_link--groups.wwd_menu--dropdown {
    display: flex;
    gap: 3.75em;
  }

  .child_link--groups.wwd_menu--dropdown .child_links:first-child {
    padding-right: 3.85em;
    border-right: 0.0625em solid var(--sand);
  }
}
.child_links > p {
  padding: 1em;
  margin-bottom: 1em;
  margin-left: -1em;
}

.nav_dd *:not(a, a *) {
  cursor: auto !important;
}

.nav_dd {
  cursor: auto;
}
/* Our Team Page */

/* ETF Overview Page */
.etf_info--headline {
  grid-column: 1 / 5;
}

.etf_info--content {
  grid-column: 8 / 13;
  display: flex;
  flex-direction: column;
  gap: 0.625em;
}

.etf_info--section {
  padding: 5em var(--site_padding) !important;
  border-bottom: 0.0625em solid var(--sand);
}
.op_head--section {
  position: relative;
  overflow: hidden;
}
.op_bg.clo_etfs {
  bottom: 0;
  width: 35%;
}
.info_sections--wrap > *:not(.is_bg) {
  position: relative;
  z-index: 2;
}
.is_bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  z-index: 1;
  display: flex;
}
.is_bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom left;
}
.info_sections--wrap {
  position: relative;
}
.op_bg {
  position: absolute;
  bottom: -10%;
  left: 0;
  width: 40%;
  z-index: 1;
  pointer-events: none;
}
.clo_etfs--section > *:not(.op_bg) {
  position: relative;
  z-index: 2;
}
.op_bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom left;
}
.clo_etfs--section {
  position: relative;
  overflow: hidden;
}
.clo_blocks {
  grid-column: 1 / 13;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25em;
  margin-top: 3.75em;
}
.etf_section--headline {
  grid-column: 1 / 6;
}
.etf_section--acc {
  display: flex;
  flex-direction: column;
  gap: var(--section_spacing);
}

.etfs_grid {
  padding-top: 2.5em;
  border-top: 0.0625em solid var(--sand);
}
.ab_block.smaller_gap {
  gap: 2.5em;
}
.of_iframe--wrap {
  grid-column: 2 / 12;
}
.our_funds--section {
  padding: 0 var(--site_padding) !important;
}
@media (max-width: 992px) {
  .clo_blocks {
    display: flex;
    flex-direction: column;
    margin-top: 3.75em;
  }
}
.notices_section {
  padding: 0 var(--site_padding) !important;
  padding-bottom: var(--section_spacing) !important;
}
.notices_section ol li {
  list-style: decimal;
}
.disclaimer {
  grid-column: 2 / 11;
  margin-top: 48px;
}
.notices_ol {
  padding-left: 10px;
  grid-column: 2 / 11;
  margin: 0;
}
.notices_ol li {
  font-size: var(--b10);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  margin-bottom: 16px;
  color: var(--grey_4);
}
.disclaimer p:last-child {
  margin-bottom: 0 !important;
}
.disclaimer p {
  font-size: var(--b10);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: var(--grey_4);
  margin-bottom: 1rem;
}
.disclaimer a {
  font-weight: 600;
  text-decoration: underline !important;
}
.disclaimer a:hover {
  text-decoration: none !important;
}
/* ETF Overview Page */
/* Insights Page */
.ins_head--grid {
  align-items: end;
}
.ins_head--grid h1 {
  grid-column: 1 / 6;
}
.ins_head--grid p {
  grid-column: 8 / 13;
}
.posts_query {
  margin-top: 3.75em;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.25em;
  row-gap: 3.75em;
}
@media (max-width: 992px) {
  .posts_query {
    display: flex;
    flex-direction: column;
  }
}
.pagination_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3.75em;
}

.pagination {
  display: flex;
  align-items: center;
  gap: 0.25em;
  background-color: #20202005;
  padding: 0.25em;
}

.page-numbers {
  width: 2.5em;
  height: 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--b14) !important;
  line-height: 1;
  color: var(--charcoal);
}

.page-numbers.current {
  background-color: var(--crimson);
  color: var(--linen);
}

a.page-numbers:hover {
  background-color: var(--linen);
}

.page-numbers svg {
  display: flex;
  width: 0.625em;
  height: 0.625em;
}
.submit_input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 2;
  cursor: pointer;
}

.search_submit {
  width: 1.5em;
  height: 1.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  cursor: pointer;
  z-index: 17;
}

form.search_form {
  display: flex;
  position: relative;
  grid-column: 8 / 13;
}

input:not([type="submit"], [type="checkbox"]) {
  background-color: transparent;
  padding: 1.25em 0;
  margin: 0;
  border: none !important;
  outline: none !important;
  z-index: 1;
  font-size: 1em !important;
  color: var(--charcoal) !important;
  border-bottom: 0.0625em solid var(--sand) !important;
  width: 100%;
  padding-right: 2em;
}

.search_submit svg {
  pointer-events: none;
}

input::placeholder {
  color: var(--grey_3);
  font-size: 1em !important;
}
.search_results {
  margin-top: 3.75em;
}
.search_results {
  display: flex;
  align-items: center;
  gap: 1em;
}

.clear_search--results {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  background-color: var(--sand);
  padding: 0.5em;
  transition: 0.5s ease;
}
@media (min-width: 992px) {
  .clear_search--results:hover {
    background-color: var(--charcoal);
    color: var(--linen);
  }
}
.ins_cat--grid {
  margin-top: 3.75em;
  align-items: end;
}

.posts_categories {
  grid-column: 1 / 7;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.category {
  padding: 1.25em;
  border-bottom: 0.0625em solid var(--sand);
  color: var(--char_o-70);
  position: relative;
  transition:
    background-color 0.5s ease,
    color 0.5s ease;
  cursor: pointer;
}
.cf_text svg {
  width: 0.5em;
  height: 0.25em;
}
.cf_text {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.team_categories .category {
  border-bottom: none;
}
@media (min-width: 992px) {
  .ins_cat--grid .team_categories .category {
    border-bottom: 0.0625em solid var(--sand) !important;
  }
  .category:hover {
    background-color: #790d080d;
  }
  .cats_filter:has(.cf_dropdown > .sm_cat.active) {
    background-color: #790d080d;
    color: var(--crimson);
  }
  .cats_filter:has(.cf_dropdown > .sm_cat.active)::before {
    content: "";
    position: absolute;
    bottom: -0.0625em;
    left: 0;
    width: 100%;
    height: 0.1875em;
    background-color: var(--crimson);
  }
}
.category.active {
  background-color: #790d080d;
  color: var(--crimson);
}

.category.active::before {
  content: "";
  position: absolute;
  bottom: -0.0625em;
  left: 0;
  width: 100%;
  height: 0.1875em;
  background-color: var(--crimson);
}
/* Insights Page */
/* Single Insights Page */
.sp_heading--content {
  grid-column: 4 / 10;
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-top: 2.5em;
}

.sp_header--section {
  padding-bottom: 5em !important;
  border-bottom: 0.0625em solid var(--sand);
  margin-bottom: 5em;
}
.sp__content > *:first-child {
  margin-top: 0;
}
.sp__content > *:last-child {
  margin-bottom: 0;
}
.sp__content {
  grid-column: 4 / 10;
}
.sp__content a {
  display: inline;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}
.sp__content a:hover {
  text-decoration: none !important;
}
.sp__content strong {
  font-weight: 600 !important;
}
.sp__content p {
  font-size: var(--b14);
  letter-spacing: normal;
  line-height: 1.4;
  margin-bottom: 1lh;
}
figcaption {
  margin-top: 1em;
  font-size: var(--b14);
  line-height: 1.4;
  letter-spacing: normal;
}
.sp__content figure * {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}
.sp__content figure {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  margin-bottom: 1.25rem;
}
.sp__content h2 {
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}
.sp__content h3,
.sp__content h4,
.sp__content h5,
.sp__content h6 {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}
.sp__content h1 {
  font-size: var(--fsh2);
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.sp__content blockquote p {
  font-size: var(--b14);
  line-height: 1.4;
  letter-spacing: normal;
  margin: 0;
  font-weight: 600;
}
.sp__content blockquote {
  padding: 0 1.25em;
  padding-right: 0;
  margin: 2.5em 0;
  border-left: 0.25em solid var(--crimson);
}
.sp__content ul {
  margin: 1.875em 0;
  padding-left: 1.25em;
}
.sp__content ol {
  margin: 1.875em 0;
  padding-left: 1.25em;
}
.sp__content ol > li:last-child {
  margin-bottom: 0;
}
.sp__content ul > li:last-child {
  margin-bottom: 0;
}
.sp__content li {
  font-size: var(--b14);
  line-height: 1.4;
  letter-spacing: normal;
  margin-bottom: 0.5rem;
}
.sp__content hr {
  border: none;
  width: 100%;
  height: 0.0625em;
  background-color: var(--sand);
  margin: 3.75rem 0;
}
.sp_content--section {
  padding-top: 0 !important;
  padding-bottom: var(--section_spacing);
}
/* Single Insights Page */
/* Contact Page */
.contact_header--section {
  padding-bottom: 3.75em !important;
  border-bottom: 0.0625em solid var(--sand);
}

.contact_header--section + section {
  padding-top: 3.75em;
}
.contact_head--grid h1 {
  grid-column: 1/6;
}
.contact_form--section > *:not(.cf_bg) {
  position: relative;
  z-index: 2;
}
.contact_form--section {
  position: relative;
}
.cf_bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30%;
  display: flex;
  z-index: 1;
}
.cf_bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom left;
}
.contact_form--section .contact_information {
  grid-column: 1 / 3;
}
@media (max-width: 992px) {
  .contact_form--section .contact_information {
    margin-bottom: 2.5em;
  }
}
.gform-theme--foundation .gform_fields {
  gap: 1.25em !important;
}
.contact_head--grid p {
  grid-column: 7 / 13;
}
.contact_head--grid {
  align-items: end;
}
.contact_form {
  grid-column: 7/13;
}
.contact_form:not(.ss_form) .gform-body.gform_body {
  margin-bottom: 2.5em;
}
.contact_form input:not([type="submit"]) {
  height: auto !important;
  appearance: none !important;
  padding: 1.25em !important;
  line-height: 1 !important;
  font-size: 1em !important;
  color: var(--charcoal) !important;
  border: 0.0625em solid transparent !important;
  outline: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: var(--white) !important;
  width: 100% !important;
}
.contact_form textarea {
  appearance: none !important;
  padding: 1.25em !important;
  line-height: 1 !important;
  font-size: 1em !important;
  color: var(--charcoal) !important;
  border: 0.0625em solid transparent !important;
  outline: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: var(--white) !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 6.25em !important;
  max-height: 15em !important;
  transition: height 0s !important;
}
.contact_form textarea::placeholder {
  line-height: 1 !important;
  color: var(--char_o-50);
  font-size: 1em !important;
}
.contact_form input:not([type="submit"])::placeholder {
  line-height: 1 !important;
  color: var(--char_o-50);
  font-size: 1em !important;
}
.gform_button.button {
  background-color: var(--sand) !important;
  color: var(--charcoal) !important;
  font-weight: 600 !important;
  font-size: 1em !important;
  padding: 1.25em 1.5em !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0em !important;
  transition: all 0.5s ease !important;
}
@media (min-width: 992px) {
  .contact_form textarea:hover {
    border-color: var(--sand) !important;
  }
  .contact_form textarea:focus {
    border-color: var(--charcoal) !important;
  }
  .contact_form input:not([type="submit"]):hover {
    border-color: var(--sand) !important;
  }
  .contact_form input:not([type="submit"]):focus {
    border-color: var(--charcoal) !important;
  }
  .gform_button.button:hover {
    background-color: var(--merlot) !important;
    color: var(--linen) !important;
  }
}
.gform_confirmation_message {
  padding: 1em !important;
  font-size: var(--b14) !important;
  background-color: transparent !important;
  border: 0.0625em solid var(--success) !important;
  color: var(--charcoal) !important;
}
.gform-theme--framework .gform_validation_errors {
  outline: none !important;
  box-shadow: none !important;
  padding: 1em !important;
  background-color: transparent !important;
  border: 0.0125em solid var(--crimson) !important;
}
.gform-theme--framework .gform_validation_errors .gform_submission_error {
  font-size: var(--b14) !important;
  color: var(--crimson) !important;
}
.gform-theme--framework .gform_validation_errors .gform-icon {
  color: var(--crimson) !important;
  border-color: var(--crimson) !important;
}
.gfield_validation_message {
  font-size: var(--b12) !important;
  color: var(--crimson) !important;
}
/* Contact Page */
/* ETF Template */
.main {
  margin-top: 0;
  display: flex;
  flex-direction: column;
}
.video_bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
  max-width: none;
}
.video_bg::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(0deg, #ffffff 0%, rgba(244, 244, 244, 0) 100%);
  z-index: 5;
}
.video_bg {
  pointer-events: none;
  overflow: hidden;
  height: 100vh;
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  top: 0;
  left: 0;
  z-index: 1;
}
.page_wrap {
  position: relative;
  z-index: 2;
}
.footer {
  z-index: 2;
}
.eft_headline--grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.25em;
  margin: 5em 0;
}
.eft_headline--grid .section_headline {
  grid-column: 4/10;
  text-align: center;
  margin: 0 auto;
}
.sections_wrap {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.25em;
}
.section_links {
  grid-column: 1/4;
  grid-row: 1/1;
  position: relative;
  top: 0;
  z-index: 5;
  padding-top: 3.75em;
}
.template_sections--wrap {
  grid-column: 1/13;
  grid-row: 1/1;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.25em;
  row-gap: 0;
}
.template_sections--wrap .template_section:last-child {
  padding-bottom: 0;
}
.template_section {
  grid-row: auto;
  grid-column: 1/13;
  width: 100%;
  padding: 3.75em 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: calc(100% + (var(--site_padding) * 2));
  margin-left: calc(0em - var(--site_padding));
}
.template_content {
  grid-column: 4/11;
}
.section_links--wrap {
  position: sticky;
  top: 5em;
}
.section_links--wrap {
  display: flex;
  flex-direction: column;
}
.section_links--inner__wrap {
  display: flex;
  flex-direction: column;
  background-color: #8080800d;
  backdrop-filter: blur(0.1875em);
}
.section_link {
  padding: 1.125em 0.875em;
  cursor: pointer;
  transition: all 0.5s ease;
}
.section_links--wrap.dark .section_link--text {
  color: #888888;
}
.section_links--wrap.dark .section_link.active .section_link--text {
  color: #fff;
}
.section_link.active {
  background-color: var(--cloud);
}
@media (min-width: 992px) {
  .section_links--wrap.dark .section_link:hover .section_link--text {
    color: var(--white);
  }
  .section_links--wrap.dark .sb:hover {
    background-color: var(--white);
    color: var(--black);
  }
  .section_link:hover .section_link--text {
    color: var(--black);
  }
  .section_link:hover {
    background-color: #8080801c;
  }
}

.section_link--text {
  font-size: var(--b12);
  letter-spacing: 0.01em;
  line-height: 1;
  color: var(--black);
  font-weight: 400;
  transition: all 0.5s ease;
}

.section_link.active .section_link--text {
  color: var(--black);
  font-weight: 600;
}
.sb .button-text {
  font-size: 0.875em;
}
.button-text {
  letter-spacing: normal;
  font-weight: 600;
}
.buy_eft--popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  grid-template-columns: 1fr 1fr;
  display: none;
  opacity: 0;
}
body.dark .popup_content {
  background-color: #202020;
}
.popup_content {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  background-color: white;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 3em;
  gap: 2.5em;
  overflow: auto;
}

.popup_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000066;
  z-index: 1;
}
body.dark .popup_content p {
  color: #888888;
}
.popup_content p {
  margin: 0;
  font-size: var(--b14);
  color: #444;
  line-height: 1.4;
  letter-spacing: normal;
  font-weight: 400;
}

.bep_header {
  display: flex;
  flex-direction: column;
  gap: 1.875em;
}

.bep_brokers {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}

.bep_tag {
  font-weight: 500 !important;
}

.bep_brokers--wrap {
  display: flex;
  gap: 0.6125em;
  flex-wrap: wrap;
}

.bep_broker--link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375em;
  padding: 0.75em;
  background-color: #f7f7f7;
  font-weight: 500;
  transition: background-color 0.5s ease;
}
body.dark .bh_close::after {
  background-color: #262626;
}
body.dark .bep_header h2 {
  color: var(--white);
}
body.dark .bh_close path {
  stroke: var(--white);
}
body.dark .black_text {
  color: var(--white) !important;
}
body.dark .bep_broker--link_title {
  color: var(--white) !important;
}
body.dark .bep_broker--link {
  background-color: #262626;
}
.bep_broker--link .bb_arrow {
  transition: translate 0.5s ease;
}
.bep_broker--link_title {
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}
@media (min-width: 992px) {
  .bep_broker--link:hover .bb_arrow {
    translate: 0.125em -0.125em;
  }
  body.dark .bep_broker--link:hover {
    background-color: #1c1c1c;
  }
  .bep_broker--link:hover {
    background-color: #dbdbdb;
  }
}
.bep_broker--link svg {
  width: 1.25em;
  height: 1.25em;
}
.bep_info p {
  font-size: var(--b12) !important;
  margin-bottom: 1em;
}
.bep_info a:hover {
  text-decoration: none;
}
.bep_info a {
  color: var(--red);
  text-decoration: underline;
}

.financial_advisor {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}

.bh_title--close {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bh_close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 2.5em;
  background-color: var(--sand);
  color: var(--charcoal);
  cursor: pointer;
  position: relative;
  transition: all 0.5s ease;
}
@media (min-width: 992px) {
  .bh_close:hover {
    background-color: var(--crimson);
    color: var(--linen);
  }
}
@media (max-width: 1366px) {
  .template_content {
    grid-column: 4/12;
  }
  .popup_content {
    width: 50%;
  }
}
.mobile_only {
  display: none;
}
@media (max-width: 992px) {
  .popup_content {
    width: 75%;
    padding: 1.25em;
  }
  .bep_header h2 {
    font-size: 32px !important;
  }
  .button.sb.mobile_only {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .eft_headline--grid {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.5em;
    padding: 0 1.25em;
  }
  .desktop_only {
    display: none;
  }
  .mobile_only {
    display: block;
  }
  .template_sections--wrap,
  .template_section {
    display: flex;
    flex-direction: column;
  }
  .template_section {
    padding: 2.5em 0;
  }
  .section_links--wrap {
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    padding-left: 0;
    max-width: 100%;
    overflow: scroll;
    background: #ffffff01;
    backdrop-filter: blur(1.25em);
    top: 0;
  }
  .section_links--wrap.dark {
    background: #202020ba;
  }

  .section_link {
    padding: 1em 1.25em;
    flex-shrink: 0;
    transition: color 0.5s ease;
  }

  .section_links--wrap::-webkit-scrollbar {
    display: none;
  }
  .video_bg video {
    max-width: none;
    object-fit: contain;
    width: 250%;
  }
  body.dark .video_bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45%;
    background: linear-gradient(
      180deg,
      #202020 0%,
      rgba(244, 244, 244, 0) 100%
    );
    z-index: 5;
  }
  .video_bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45%;
    background: linear-gradient(
      180deg,
      #f4f4f4 0%,
      rgba(244, 244, 244, 0) 100%
    );
    z-index: 5;
  }
  .section_links.mobile_only {
    position: sticky;
    top: 0;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    min-height: 86px;
  }
  .section_link.active {
    background-color: transparent;
  }
  p.section_link--text {
    font-size: 14px;
    color: #6d6d6d;
  }
  a.section_link.active .section_link--text {
    color: black;
  }
  .eft_headline--grid {
    margin: 3.75em 0;
  }
  .eft_headline--button {
    min-height: 40px;
  }
  .header {
    backdrop-filter: blur(1.25em);
  }
  .video_bg {
    max-height: 80vh;
  }
  .popup_content p {
    font-size: 14px;
  }
}
@media (max-width: 675px) {
  .topbar-contact {
    gap: 0;
  }
  .popup_content {
    width: 100%;
  }
  .topbar-contact .button {
    font-size: 12px;
    padding: 0 16px;
  }
  .topbar-logo {
    max-width: 150rem;
  }
}
html {
  scroll-behavior: smooth !important;
}
.black_text {
  color: var(--black);
}
@media (min-width: 1600px) {
  .template_content {
    grid-column: 4/10;
  }
}
.bep_desc {
  padding-right: 2.5em;
}
@media (min-width: 1366px) {
  .section_links--wrap {
    max-width: 80%;
  }
}
.grecaptcha-badge {
  display: none !important;
}
body.dark .eftd_link {
  border-color: #ffffff1a;
}

/* ETF Template */
/* Team Popups CSS */
.team_popup--wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: none;
}
.hidden {
  display: none !important;
}
.tp_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #c3b39c66;
  backdrop-filter: blur(16px);
  opacity: 0;
}

.team_popup {
  width: 60%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2.5em;
  background-color: var(--linen);
  padding: 2.5em;
  position: relative;
  height: auto;
  overflow: auto;
}

.tp_close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  flex-shrink: 0;
  background-color: var(--sand);
  position: absolute;
  top: 2.5em;
  right: 2.5em;
  margin-left: auto;
  z-index: 2;
  cursor: pointer;
  color: var(--charcoal);
  transition: all 0.5s ease;
}
@media (max-width: 992px) {
  .tp_close {
    top: 1.25em;
    right: 1.25em;
    width: 2.5em;
    height: 2.5em;
  }
}
.tpc_line {
  width: 50%;
  height: 0.0625em;
  background-color: currentColor;
  position: absolute;
  rotate: -45deg;
}

@media (min-width: 992px) {
  .tp_close:hover {
    background-color: var(--crimson);
    color: var(--linen);
  }
}

.tpc_line.second {
  rotate: 45deg;
}

.tpc_content {
  display: flex;
  align-items: flex-start;
  gap: 2.5em;
}

.tpc_thumb {
  width: 15em;
  height: auto;
  position: sticky;
  flex-shrink: 0;
  top: 0;
}
@media (max-width: 992px) {
  .tpc_thumb {
    width: 12.5em;
  }
}
.tpc__image {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.tpc_bio--wrap {
  display: flex;
  flex-direction: column;
  gap: 2em;
}

.tpc_bio--top {
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding-bottom: 2em;
  border-bottom: 0.0625em solid var(--sand);
}
/* Team Popups CSS */

/* Mobile Menu */
@media (min-width: 992px) {
  .nav_links > * {
    top: 0 !important;
  }
  .nav_links {
    opacity: 1 !important;
    pointer-events: all !important;
  }
}
@media (max-width: 992px) {
  .mobile_menu--icon {
    width: 2.5em;
    height: 2.5em;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25em;
    background-color: #ffffff08;
    color: var(--white);
    flex-shrink: 0;
  }

  .mm_line {
    width: 50%;
    height: 0.0625em;
    background-color: currentColor;
  }

  .nav_container > *:not(.nav_links) {
    z-index: 2;
  }

  .nav_links {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: var(--linen);
    color: var(--charcoal);
    justify-content: flex-start;
    opacity: 0;
    pointer-events: none;
  }
  .nav_link p {
    font-size: 1.375em;
    font-weight: 400 !important;
    letter-spacing: -0.02em;
  }

  .child_links > p.med {
    font-weight: 500 !important;
  }

  .nav_link {
    width: calc(100% - 2.5em);
    margin-left: 1.25em;
    padding: 1.5em 0;
    border-bottom: 0.0625em solid var(--sand);
    gap: 0.375em;
  }

  .nav_links > .nav_link:first-child {
    margin-top: 6.25em;
  }

  .nav_link.dd {
    justify-content: space-between;
  }

  .nav_link.dd svg {
    rotate: -90deg;
    width: 0.625em;
    height: 0.375em;
  }

  .nav_dd > * {
    top: 0.5em;
    opacity: 0;
    position: relative;
    transition: all 0.5s ease;
  }
  .nav_dd {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 99;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    translate: 100% 0;
    padding: 0 1.25em;
    padding-top: 6.25em;
    overflow: auto;
    pointer-events: all;
    transition: all 0.5s ease;
  }
  .nav_dd.show {
    translate: 0;
  }

  .nav_dd.show > * {
    top: 0;
    opacity: 1;
  }
  .parent_link {
    padding: 0;
    border: none;
    margin: 0;
    margin-bottom: 2em;
  }

  .nav_link.dd_l {
    padding: 1.5em 0;
    margin: 0;
    border-bottom: 0.0625em solid var(--sand);
    width: 100%;
  }

  .child_link--groups {
    display: flex;
    flex-direction: column;
    gap: 2em;
  }

  .child_links > p {
    padding: 1em 0;
    margin: 0;
  }
  .nav_link .b12 {
    font-size: 0.75em;
  }
  .nav_link.dd_l svg {
    display: none;
  }
  .nav_dd--back_link {
    display: flex;
    align-items: center;
    gap: 0.5em;
    padding: 1.5em 0;
    margin-bottom: 2em;
  }

  .nav_dd--back_link svg {
    rotate: none !important;
    width: 0.375em !important;
    height: 0.625em !important;
  }

  .nav_dd--back_link p {
    color: var(--char_o-50);
    font-size: 1.125em !important;
  }
  .team_popup {
    padding: 1.25em;
    width: 100%;
    height: 100%;
  }
  .tpc_thumb {
    position: relative;
    display: flex;
  }
  .tpc_content {
    flex-direction: column;
    gap: 1em;
  }
  .tpc_bio--top {
    padding-bottom: 1em;
  }
  .tpc_bio--wrap {
    gap: 1em;
  }
  .swiper-wrapper {
    width: 100%;
    gap: 0 !important;
  }
  .team_grid--swiper {
    width: calc(100% + 2.5em);
    margin-left: -1.25em;
    display: flex;
    overflow: hidden;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
  .tm_block.swiper-slide {
    width: auto;
    flex-shrink: 0;
  }
  .ts_nav--button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5em;
    height: 2.5em;
    background-color: var(--sand);
  }

  .ts_nav--button svg {
    width: 15%;
    height: 20%;
  }

  .team_swiper--nav {
    display: flex;
    align-items: center;
    gap: 0.5em;
    margin-top: 2.5em;
  }
  .nav.light .nav_link.c {
    background-color: transparent;
  }
  .nav.light .mobile_menu--icon {
    background-color: var(--sand);
    color: var(--charcoal);
  }
  .ins_head--grid {
    align-items: flex-start;
  }
}
* {
  -webkit-tap-highlight-color: transparent !important;
}

/* Mobile Menu */
/* 404 Page */
.nf_page--wrap {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1em;
}
/* 404 Page */

/* Home Page Animation */
.home_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.home_bg svg > g {
  will-change: transform;
}
.home_bg path {
  opacity: 0;
  transform-origin: center;
  will-change: transform;
}
.home_bg > * {
  width: 100%;
  flex-shrink: 0;
}
.home_bg--inner * {
  width: 100%;
  height: 100%;
}
.home_bg--inner {
  height: 100%;
  width: 100%;
}
@media (max-width: 992px) {
  .home_bg {
    height: 70%;
    justify-content: center;
  }
  .home_bg--inner {
    width: 300%;
  }
}
/* Home Page Animation */
.brow p {
  letter-spacing: 0.02em;
}
/* Subscribe Form Styles */
.ss_form form {
  position: relative;
}
.ss_form .gfield_validation_message {
  position: absolute;
  bottom: -2em;
  margin-top: 0;
  left: 0;
}
.ss_form .gform-footer input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  height: 100% !important;
}
.ss_form .gform-footer span {
  position: absolute;
  left: calc(100% + 1em);
  top: 50%;
  translate: 0 -50%;
}
.ss_form .gform-footer {
  margin-top: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.ss_form input:not([type="submit"]) {
  padding: 1em 0 !important;
  padding-right: 9em !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 0.0625em solid var(--sand) !important;
}
.ss_form--info {
  margin-top: 0.75em;
  max-width: 50%;
}
.ss_form:has(.gform_validation_error) .ss_form--info {
  margin-top: 2em;
}
.ss_form:has(.gform_confirmation_wrapper) .ss_form--info {
  display: none;
}
@media (min-width: 992px) {
  .ss_form input:not([type="submit"]):hover {
    border-color: var(--charcoal) !important;
  }
}
@media (max-width: 992px) {
  .ss_form input[type="submit"] {
    font-size: 0.75em !important;
  }
  .ss_form input:not([type="submit"]) {
    padding: 0.75em 0 !important;
    padding-right: 6.25em !important;
  }
  .ss_form--info {
    max-width: none;
  }
  .abb_icon {
    width: 5em;
    height: 5em;
  }
}
/* Subscribe Form Styles */
/* Cookies Container Styles */
.cky-consent-container .cky-consent-bar {
  padding: 2em 2.5em !important;
  background-color: var(--white) !important;
  box-shadow: none !important;
}
.cky-notice .cky-title {
  font-size: var(--fsh3) !important;
  font-family: var(--geist) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
  font-weight: 400 !important;
  margin-bottom: 1rem !important;
}
.cky-notice-des p {
  font-size: var(--b14) !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.01em !important;
}
.cky-btn {
  background-color: var(--linen) !important;
  border: none !important;
  font-size: var(--b14) !important;
  padding: 1.25em 2em !important;
  color: var(--charcoal) !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  transition: all 0.5s ease !important;
  opacity: 1 !important;
}
.cky-btn-accept {
  background-color: var(--sand) !important;
}
@media (min-width: 992px) {
  .cky-btn:not(.cky-btn-accept):hover {
    background-color: var(--sand) !important;
  }
  .cky-btn-accept:hover {
    background-color: var(--merlot) !important;
    color: var(--white) !important;
  }
}
@media (max-width: 992px) {
  .cky-consent-container .cky-consent-bar {
    padding: 2em 1.25em !important;
  }
  .cky-title {
    padding: 0 !important;
  }
  .cky-notice-group > * {
    padding: 0 !important;
  }
}
.cky-notice-group {
  font-size: var(--bfs) !important;
}
.cky-notice-content-wrapper {
  padding: 0 !important;
}
.cky-consent-bar > *:not(.cky-notice-content-wrapper) {
  display: none !important;
}
.cky-footer-wrapper > *:not(.cky-footer-shadow, .cky-prefrence-btn-wrapper) {
  display: none !important;
}
.cky-notice-des {
  padding: 0 !important;
}
.cky-preference-body-wrapper {
  scrollbar-width: thin !important;
}
/* Cookies Container Styles */
.gfield--type-captcha {
  display: none !important;
}
.rcc_info--headline {
  grid-column: 1/6;
}
.rcc_info--section .grid {
  align-items: center;
}
.rcc_info--section {
  padding: var(--section_spacing) var(--site_padding);
}
.rcc_info--image {
  grid-column: 7 / 13;
}
.rcc_info--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rcc_info--headline h3 {
  display: flex;
  flex-direction: column;
  gap: 1.2lh;
}
@media (min-width: 992px) {
  .overview_blocks--wrap.rcc {
    padding: 0 var(--site_padding);
  }
}
.rcc_wwd--section {
  padding-bottom: var(--section_spacing);
  padding-top: 0 !important;
}
.rcc_wwd--section .grid {
  border-top: 0.0625em solid var(--sand);
  padding-top: 7.5em;
}
.rcc_wwd--headline {
  grid-column: 1/7;
}
.rcc_wwd--headline.shorter {
  grid-column: 1/6;
}

.rcc_wwd--features {
  grid-column: 8/13;
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.rcc_wwd--features h4 {
  display: flex;
  flex-direction: column;
  gap: 1.2lh;
}
.rcc_wwd--tags {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75em;
}
.rcc_wwd--tags.flexrow {
  flex-direction: row;
  flex-wrap: wrap;
}
.rcc_wwd--tag {
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.75em 0.5em;
  background-color: var(--ivory);
}
.af_wwd--tag {
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.5em;
  background-color: var(--ivory);
}
.rcc_wwd--tag svg {
  flex-shrink: 0;
  width: 1em;
  height: 0.625em;
  margin-bottom: -0.125em;
}

.af_wwd--tag svg {
  flex-shrink: 0;
}

.rcc_wwd--tag p {
  line-height: 1;
}
.abs_bg.rcc {
  position: relative;
  margin: 0 auto;
  width: 100%;
  grid-column: 3 / 11;
}
.page_footnote--section {
  padding: 5em var(--site_padding) !important;
  border-top: 0.0625em solid var(--sand);
  border-bottom: 0.0625em solid var(--sand);
}

.page_footnote--content {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  grid-column: 2/12;
}

.af_header--wrap .brow {
  grid-column: 1/13;
  margin-bottom: 1.25em;
}

.af_header--content {
  grid-column: 1/13;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.25em;
}

.af_header--content .headline__wrap {
  grid-column: 1/6;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.af_header--content h1 {
  text-wrap: balance;
}

.header_section.af_header--section {
  align-items: flex-start;
  padding-top: 10em !important;
  padding-bottom: var(--site_padding) !important;
  min-height: auto !important;
}

.af_header--info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2em;
  grid-column: 7/13;
}

.afhi_desc {
  display: flex;
  flex-direction: column;
  gap: 1.4lh;
}
.af_header--buttons {
  display: flex;
  align-items: center;
  gap: 1.25em;
}
.af_art--gallery {
  display: flex;
  align-items: center;
  gap: 2.5em;
  grid-column: 1/13;
  margin-top: 6.25em;
  width: 100%;
}

.af_art--gallery img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.af_art--gallery_image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(25% - 2.5em);
  height: 100%;
  flex-grow: 1;
}

.af_art--gallery_image:nth-child(2) {
  width: 17%;
}

.af_art--gallery_image:nth-child(3) {
  width: 30%;
}

.af_art--gallery_image:nth-child(4) {
  width: 17%;
}
.oci_bars {
  margin: 6.25em 0;
  grid-column: 1/13;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5em;
}

.oci_bar--block {
  padding-top: 2.5em;
  border-top: 0.0625em solid var(--sand);
  margin-top: calc((sibling-index() - 1) * 5em);
}

.oci_bg {
  display: flex;
  width: 100%;
  padding: 0 var(--site_padding);
  position: relative;
}
.oci_bg--merlot_part {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: var(--merlot);
  z-index: -1;
}
.oci_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0.625em solid var(--linen);
}
.our_clients--section {
  overflow: hidden;
  padding-bottom: 0 !important;
  position: relative;
  z-index: 2;
}
.op_headline {
  grid-column: 1/13;
  margin-bottom: 1.25em;
}

.op_processes--wrap {
  grid-column: 1/13;
  display: flex;
  align-items: stretch;
  gap: 1.25em;
  counter-reset: process;
}

.op_processes--wrap--1 {
  grid-column: 1 / 13;
  display: flex;
  align-items: stretch;
  gap: 1.25em;
  border-bottom: 0.0625em solid #d4d3bb1a;
  padding-bottom: 7.5em;
}

.op_process {
  width: 100%;
  padding: 3.75em 1.5em;
  display: flex;
  flex-direction: column;
  gap: 1em;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: #f9f7f40d;
  counter-increment: process;
}

.op_process--1 {
  width: 100%;
  padding: 2.75em 1.5em;
  display: flex;
  flex-direction: row;
  gap: 10em;
  background-color: #f9f7f40d;
}

@media (max-width: 768px) {
  .op_process--1 {
    flex-direction: column;
    gap: 4em;
  }
}

.op_process h3::before {
  content: "0" counter(process);
  color: var(--camel);
}

.op_process h3 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: flex-start;
}
.grid.op_content--wrap .section_headline h2 {
  text-wrap: balance;
}
.grid.op_content--wrap .section_headline {
  grid-column: 1/5;
}

.grid.op_content--wrap {
  margin-top: 7.5em;
}

.op_parameters {
  grid-column: 8/13;
  display: flex;
  flex-direction: column;
  gap: 0.75em;
}

.af_wwd--tag.op_para--tag {
  background-color: #f9f7f40d;
  padding: 1.25em;
}
.why_reck--subh {
  display: flex;
  flex-direction: column;
  gap: 1.2lh;
}
.overview_blocks--wrap.art_f {
  grid-column: 8 / 13;
}
.section_headline.left_col {
  grid-column: 1/7;
}
@media (min-width: 1440px) {
  .section_headline.left_col {
    grid-column: 1/6;
  }
}
.str_cta--title {
  grid-column: 4/6;
}

.str_cta--content {
  grid-column: 7/10;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 1em;
}

@media (max-width: 1440px) {
  .str_cta--title {
    grid-column: 3/6;
  }
  .str_cta--content {
    grid-column: 6/11;
  }
}
.rc_wwd--heading_content {
  display: flex;
  flex-direction: column;
  gap: 1lh;
}
.header_headline.syf {
  max-width: 90ch;
  margin: 0 auto;
}
.sf_header--bg {
  display: flex;
  margin-top: 5em;
  position: relative;
  padding-bottom: 56.25%;
}

.sf_header--bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.str_grid {
  margin-top: var(--section_spacing);
}
.str_section--heading {
  grid-column: 4/10;
  max-width: 60ch;
  margin: 0 auto;
}
.semiBold {
  font-weight: 600;
}
.opp_illustration--wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 5em;
}
.opp_illustration--wrap.rcc {
  grid-column: 9 / 13;
  margin-top: 0;
}
.opp_illustration--wrap img:nth-child(2) {
  margin-top: -10em;
  animation: upDown 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite
    alternate;
}
.opp_illustration--wrap img:nth-child(1) {
  animation: upDown 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite
    alternate-reverse;
}
@keyframes upDown {
  0% {
    translate: 0% -10%;
  }
  100% {
    translate: 0 0%;
  }
}
.opp_illustration--wrap img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.wwf_section {
  padding-top: 0 !important;
}
.wwf_section .grid {
  padding-top: var(--section_spacing);
  border-top: 0.0625em solid var(--light_grey);
}
.wwf--tags {
  grid-column: 8/13;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75em;
}
.rcc_wwd--tag.syf {
  gap: 1em;
  background-color: var(--light_grey);
  color: var(--charcoal);
  padding: 0.75em;
}
.rcc_wwd--tag.syf p {
  line-height: 1.4;
}
.rcc_wwd--tag.syf svg {
  width: 1em;
  height: 0.625em;
}
.inq_popup--wrap .tp_overlay {
  background-color: #2020204d;
  backdrop-filter: blur(0);
}
.inq_popup--wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: flex-end;
}

.inq_popup {
  position: relative;
  z-index: 5;
  height: 100%;
  padding: 5em 1.875em;
  background-color: var(--white);
  overflow: auto;
  width: 40%;
}
@media (max-width: 1366px) {
  .inq_popup {
    width: 50%;
  }
}
@media (max-width: 992px) {
  .inq_popup {
    width: 75%;
    padding: 1.25em;
  }
}
@media (max-width: 675px) {
  .inq_popup {
    width: 100%;
  }
}
.inq_popup input:not([type="submit"]),
.inq_popup textarea {
  padding: 1.25em 1.5em !important;
  border-color: var(--grey_1) !important;
}

.inq_popup .tp_close {
  position: relative;
  top: auto;
  right: auto;
  translate: none;
  margin: 0;
}

.inqp_heading {
  display: flex;
  justify-content: space-between;
  gap: 1em;
  margin-bottom: 2.5em;
}

.inqp_title__desc {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  max-width: 50ch;
}
@media (max-width: 992px) {
  .header_headline.center.syf {
    align-items: flex-start;
    text-align: left;
  }

  .header_headline.center.syf .af_header--buttons {
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 2em;
  }

  .header_headline.center.syf .af_header--buttons > * {
    width: 100%;
  }

  .sf_header--bg {
    padding-bottom: 133.333%;
  }

  .str_section--heading {
    align-items: flex-start !important;
    text-align: left !important;
  }

  .opp_illustration--wrap {
    gap: 5em;
  }

  .str_cta--title {
    text-align: center;
  }

  .str_cta--content {
    display: flex;
    align-items: center;
    text-align: center;
  }
  .rcc_wwd--tag .b16 {
    font-size: max(16px, 1em);
  }
  .af_header--content {
    display: flex;
    flex-direction: column;
  }

  .af_art--gallery {
    width: 150%;
    margin-left: -25%;
    gap: 1em;
    margin-top: 1em;
  }

  .header_section.af_header--section {
    overflow: hidden;
  }

  .oci_bars {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  .oci_bar--block {
    margin-top: 2.5em;
  }

  .op_processes--wrap {
    flex-direction: column;
  }
}
.wp__external_sources {
  grid-column: 4/10;
  margin-top: 3.75em;
  display: flex;
  flex-direction: column;
  gap: 2em;
  align-items: flex-start;
}
.download_pdf--btn {
  display: flex;
  align-items: center;
  gap: 0.5em;
  text-decoration: underline;
  transition: all 0.2s ease;
}

.download_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
}

@media (min-width: 992px) {
  .download_pdf--btn:hover {
    color: var(--crimson);
  }
}
.featured_team--wrap {
  grid-column: 4 / 10;
  margin-top: 2.75em;
  padding-top: 4em;
  border-top: 0.0625em solid var(--sand);
}
.team_grid.cols2.single_post {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 475px) {
  .team_grid.cols2.single_post {
    display: flex;
    flex-direction: column;
  }
}
.sp_thumbnail--bg {
  display: flex;
  grid-column: 3 / 11;
}

.sp_thumbnail--bg img {
  width: 100%;
  height: auto;
}
.sp_content--section .tm__image {
  object-position: top;
}
.sp_content--section .tm_image {
  padding-bottom: 100%;
}