@charset "UTF-8";
/**
 * Main Stylesheet
 */
/**
 * Order is important in the base imports
 */
/**
 * styles/utilities/_reset.scss
 * http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License: none (public domain)
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box;
  color: inherit; }

a,
a:hover,
a:visited,
a:active,
a:focus {
  text-decoration: none; }

/* This value is a SASS variable because it is used in media queries */
:root {
  --s: 8px;
  --s-xs: calc(var(--s) * 2);
  --s-sm: calc(var(--s) * 4);
  --s-md: calc(var(--s) * 6);
  --s-lg: calc(var(--s) * 8);
  --s-xl: calc(var(--s) * 10);
  --w: 111px;
  --w-xs: calc(var(--w) * 2);
  --w-sm: calc(var(--w) * 3);
  --w-md: calc(var(--w) * 5);
  --w-lg: calc(var(--w) * 7);
  --w-xl: calc(var(--w) * 9);
  --min-page-width: 360px;
  --max-page-width: 2100px;
  --c-white: #FFF;
  --c-black: #222;
  --c-lt: sandybrown;
  --c-dk: crimson;
  --c-pop: chartreuse;
  --c-bg-lt: whitesmoke;
  --c-fg-md: dimgray;
  --c-fg-dk: #202842;
  --c-br-lt: darkgray;
  --i-filter: none;
  --r-sm: 0;
  --r-md: 0;
  --f-sans: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --f-sans-lg: 'Roboto Condensed Bold', Arial, sans-serif;
  --f-sans-lg-it: 'Roboto Condensed Bold Italic', Arial, sans-serif;
  --a-xs: 0.1s ease-out;
  --a-sm: 0.2s ease-out;
  --a-md: 0.5s ease-out; }

html {
  font-size: 62.5%;
  /* Sets up the Base 10 stuff */ }

body {
  position: relative;
  overflow-x: hidden;
  min-width: var(--min-page-width);
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
  background-color: var(--c-bg-lt);
  color: var(--c-fg-dk);
  font-family: var(--f-sans); }
  body[data-site="truguard"] {
    --c-lt: #65AAD1;
    --c-dk: #0F6EA3;
    --c-pop: #FF592C;
    --c-glass: rgb(101 170 209 / 25%);
    --c-fg-dk: #202842;
    --r-sm: var(--s-xs);
    --r-md: var(--s-sm); }
  body[data-site="chelsea"] {
    --c-lt: #B7B3AE;
    --c-dk: darkslategray;
    --c-pop: gold;
    --c-glass: rgb(127 127 127 / 25%);
    --c-fg-dk: #303030;
    --i-filter: saturate(65%); }

main {
  max-width: var(--max-page-width);
  margin: 0 auto; }

a {
  cursor: pointer; }
  a[name] {
    display: inline-block;
    height: 0;
    line-height: 0; }

sub {
  vertical-align: sub;
  font-size: 0.5em; }

sup {
  vertical-align: super;
  font-size: 0.5em; }

img {
  display: block;
  max-width: 100%; }

[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

[type="search"]::-webkit-search-decoration,
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-results-button,
[type="search"]::-webkit-search-results-decoration {
  display: none; }

[type="text"],
[type="number"],
[type="search"],
[type="password"],
[type="email"],
[type="tel"],
[type="radio"],
[type="checkbox"],
[type="reset"],
[type="submit"],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  outline: 0; }
  [type="text"]:-ms-expand,
  [type="number"]:-ms-expand,
  [type="search"]:-ms-expand,
  [type="password"]:-ms-expand,
  [type="email"]:-ms-expand,
  [type="tel"]:-ms-expand,
  [type="radio"]:-ms-expand,
  [type="checkbox"]:-ms-expand,
  [type="reset"]:-ms-expand,
  [type="submit"]:-ms-expand,
  select:-ms-expand,
  textarea:-ms-expand {
    display: none; }

[type="checkbox"],
[type="radio"] {
  display: inline-block;
  width: var(--s-xs);
  height: var(--s-xs);
  margin: 0 3px 0 0;
  vertical-align: middle; }

[type="radio"] {
  border-radius: 50%; }

[type="file"],
[type="reset"],
[type="submit"] {
  cursor: pointer; }

label {
  cursor: pointer; }

button {
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  cursor: pointer; }
  button:disabled {
    cursor: inherit; }

/**
 * Media Query mixins
 */
@font-face {
  font-family: 'Roboto Condensed Bold';
  font-style: normal;
  font-weight: bold;
  src: url("/fonts/RobotoCondensed-Bold.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: 'Roboto Condensed Bold Italic';
  font-style: italic;
  font-weight: bold;
  src: url("/fonts/RobotoCondensed-BoldItalic.ttf") format("truetype");
  font-display: swap; }

/**
 * Layout mixins
 */
/**
 * Order alphabetically
 */
.article-tile > a > article,
.article-tile > article {
  display: flex;
  align-items: center; }
  .article-tile > a > article > figure,
  .article-tile > article > figure {
    position: relative;
    overflow: hidden;
    width: 35%;
    padding-bottom: calc(35% * 1);
    background-color: var(--c-br-lt);
    border: 1px solid var(--c-br-lt);
    border-top-left-radius: var(--r-sm);
    border-bottom-left-radius: var(--r-sm); }
    .article-tile > a > article > figure > img,
    .article-tile > article > figure > img {
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: var(--i-filter);
      transition: transform var(--a-sm); }
  .article-tile > a > article > div,
  .article-tile > article > div {
    width: 65%;
    max-width: var(--w-sm);
    padding: var(--s-xs); }
    .article-tile > a > article > div > h3,
    .article-tile > article > div > h3 {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 30px;
      line-height: 3rem;
      font-family: var(--f-sans);
      font-weight: 500; }
    .article-tile > a > article > div > p,
    .article-tile > article > div > p {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 28px;
      line-height: 2.8rem;
      margin-top: var(--s-xs);
      color: var(--c-fg-md); }
    .article-tile > a > article > div > time,
    .article-tile > article > div > time {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 28px;
      line-height: 2.8rem;
      display: block;
      margin-top: var(--s-xs);
      color: var(--c-fg-md);
      font-weight: bold; }

.article-tile > a:hover > article > figure > img {
  transform: scale(1.1); }

.article-tile > a:hover > article > div > h3 {
  text-decoration: underline; }

.article-tile--size-lg > article > div > h3,
.article-tile--size-lg > a > article > div > h3 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 36px;
  line-height: 3.6rem;
  font-family: var(--f-sans);
  font-weight: 500; }
  @media (min-width: 768px) {
    .article-tile--size-lg > article > div > h3,
    .article-tile--size-lg > a > article > div > h3 {
      font-size: 42px;
      font-size: 4.2rem;
      line-height: 46px;
      line-height: 4.6rem; } }

@media (min-width: 992px) {
  .article-tile--align-top > article,
  .article-tile--align-top > a > article {
    align-items: flex-start; } }

@media (min-width: 992px) {
  .article-tile--align-top > article > div,
  .article-tile--align-top > a > article > div {
    padding-top: 0;
    padding-bottom: 0; } }

.block-form {
  background: linear-gradient(to bottom right, var(--c-lt) 0%, var(--c-lt) 50%, var(--c-bg-lt) 50%, var(--c-bg-lt) 100%);
  padding: var(--s-sm); }
  @media (min-width: 768px) {
    .block-form {
      padding: var(--s-md); } }
  @media (min-width: 992px) {
    .block-form {
      padding: var(--s-lg); } }
  .block-form > div {
    padding: var(--s-sm);
    box-shadow: 0 4px 30px RGB(0 0 0/10%);
    border: 1px solid var(--c-br-lt);
    border-radius: var(--r-sm);
    background-color: var(--c-white);
    background: linear-gradient(to bottom, var(--c-white) 66%, var(--c-glass));
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    max-width: var(--w-md);
    margin: 0 auto; }
    @media (min-width: 768px) {
      .block-form > div {
        padding: var(--s-md); } }
    @media (min-width: 992px) {
      .block-form > div {
        padding: var(--s-lg); } }

.cards-listing {
  margin: var(--s-sm) 0;
  padding: 0 var(--s-sm); }
  @media (min-width: 768px) {
    .cards-listing {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start;
      margin: var(--s-lg) 0;
      padding: 0 var(--s-lg); } }
  .cards-listing--width-narrow {
    max-width: var(--w-xl);
    margin-left: auto;
    margin-right: auto;
    padding: 0 var(--s-sm); }
  @media (max-width: 767px) {
    .cards-listing > article {
      margin-top: var(--s-md); } }
  @media (max-width: 767px) {
    .cards-listing > article:first-child {
      margin-top: 0; } }
  .cards-listing > article > figure {
    position: relative;
    overflow: hidden;
    padding-bottom: 66%;
    margin-bottom: var(--s-xs);
    background-color: var(--c-white);
    border: 1px solid var(--c-br-lt);
    border-top-right-radius: var(--r-sm);
    border-top-left-radius: var(--r-sm); }
    .cards-listing > article > figure > img {
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 100%;
      height: 100%;
      filter: var(--i-filter);
      transition: transform var(--a-sm); }
      .cards-listing > article > figure > img.size-cover {
        object-fit: cover; }
      .cards-listing > article > figure > img.size-contain {
        object-fit: contain; }
  .cards-listing > article > h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3rem;
    font-family: var(--f-sans);
    font-weight: 500; }
  .cards-listing > article > div {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 2.8rem;
    margin-top: var(--s);
    color: var(--c-fg-md); }
    .cards-listing > article > div > p {
      margin-top: var(--s); }
      .cards-listing > article > div > p:first-child {
        margin-top: 0; }
      .cards-listing > article > div > p > a {
        display: inline-flex;
        align-items: center;
        color: var(--c-fg-dk);
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
        font-family: var(--f-sans);
        font-weight: 700;
        min-height: 40px;
        min-height: auto;
        text-decoration-line: underline;
        text-decoration-color: var(--c-pop);
        text-decoration-style: double;
        text-decoration-skip-ink: auto; }
        .cards-listing > article > div > p > a:hover {
          color: var(--c-dk); }
      .cards-listing > article > div > p > b,
      .cards-listing > article > div > p > strong {
        font-weight: 600; }
  .cards-listing > article > a {
    display: inline-flex;
    align-items: center;
    color: var(--c-fg-dk);
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-family: var(--f-sans);
    font-weight: 700;
    min-height: 40px;
    justify-content: center;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    border-radius: var(--s);
    padding: 0 var(--s-xs);
    border: 1px solid var(--c-fg-dk);
    background: linear-gradient(to right, var(--c-fg-dk) 11%, var(--c-dk));
    color: var(--c-white);
    display: inline-block;
    margin-top: var(--s-xs); }
    .cards-listing > article > a:hover {
      color: var(--c-dk); }
    .cards-listing > article > a:before {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      transform: scaleY(0);
      transform-origin: bottom;
      height: 3px;
      transition: transform var(--a-xs); }
    .cards-listing > article > a:hover:before {
      transform: scaleY(1); }
    .cards-listing > article > a[disabled] {
      opacity: 0.5;
      cursor: no-drop; }
    .cards-listing > article > a:before {
      background-color: var(--c-white); }
    .cards-listing > article > a:hover {
      color: var(--c-white); }
  @media (min-width: 768px) {
    .cards-listing--cols-2 > article {
      width: calc(calc(100% / 2) - calc(var(--s-sm) * 1 / 2));
      margin-left: var(--s-sm); } }
  @media (min-width: 992px) {
    .cards-listing--cols-2 > article {
      width: calc(calc(100% / 2) - calc(var(--s-md) * 1 / 2));
      margin-left: var(--s-md); } }
  @media (min-width: 1280px) {
    .cards-listing--cols-2 > article {
      width: calc(calc(100% / 2) - calc(var(--s-lg) * 1 / 2));
      margin-left: var(--s-lg); } }
  @media (min-width: 768px) {
    .cards-listing--cols-2 > article:nth-child(n + 3) {
      margin-top: var(--s-md); } }
  @media (min-width: 992px) {
    .cards-listing--cols-2 > article:nth-child(n + 3) {
      margin-top: var(--s-lg); } }
  .cards-listing--cols-2 > article:nth-child(2n + 1) {
    margin-left: 0 !important; }
  @media (min-width: 768px) {
    .cards-listing--cols-3 > article {
      width: calc(calc(100% / 3) - calc(var(--s-sm) * 2 / 3));
      margin-left: var(--s-sm); } }
  @media (min-width: 992px) {
    .cards-listing--cols-3 > article {
      width: calc(calc(100% / 3) - calc(var(--s-md) * 2 / 3));
      margin-left: var(--s-md); } }
  @media (min-width: 1280px) {
    .cards-listing--cols-3 > article {
      width: calc(calc(100% / 3) - calc(var(--s-lg) * 2 / 3));
      margin-left: var(--s-lg); } }
  @media (min-width: 768px) {
    .cards-listing--cols-3 > article:nth-child(n + 4) {
      margin-top: var(--s-md); } }
  @media (min-width: 992px) {
    .cards-listing--cols-3 > article:nth-child(n + 4) {
      margin-top: var(--s-lg); } }
  .cards-listing--cols-3 > article:nth-child(3n + 1) {
    margin-left: 0 !important; }
  @media (min-width: 768px) {
    .cards-listing--cols-4 > article {
      width: calc(calc(100% / 4) - calc(var(--s-sm) * 3 / 4));
      margin-left: var(--s-sm); } }
  @media (min-width: 992px) {
    .cards-listing--cols-4 > article {
      width: calc(calc(100% / 4) - calc(var(--s-md) * 3 / 4));
      margin-left: var(--s-md); } }
  @media (min-width: 1280px) {
    .cards-listing--cols-4 > article {
      width: calc(calc(100% / 4) - calc(var(--s-lg) * 3 / 4));
      margin-left: var(--s-lg); } }
  @media (min-width: 768px) {
    .cards-listing--cols-4 > article:nth-child(n + 5) {
      margin-top: var(--s-md); } }
  @media (min-width: 992px) {
    .cards-listing--cols-4 > article:nth-child(n + 5) {
      margin-top: var(--s-lg); } }
  .cards-listing--cols-4 > article:nth-child(4n + 1) {
    margin-left: 0 !important; }
  .cards-listing--card-style-round > article {
    text-align: center; }
    .cards-listing--card-style-round > article > figure {
      width: 75%;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 75%;
      border-radius: 50%; }

.cta > a.primary {
  display: inline-flex;
  align-items: center;
  color: var(--c-fg-dk);
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-family: var(--f-sans);
  font-weight: 700;
  min-height: 40px;
  justify-content: center;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  border-radius: var(--s);
  padding: 0 var(--s-xs);
  border: 1px solid var(--c-fg-dk);
  background: linear-gradient(to right, var(--c-fg-dk) 11%, var(--c-dk));
  color: var(--c-white); }
  .cta > a.primary:hover {
    color: var(--c-dk); }
  .cta > a.primary:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scaleY(0);
    transform-origin: bottom;
    height: 3px;
    transition: transform var(--a-xs); }
  .cta > a.primary:hover:before {
    transform: scaleY(1); }
  .cta > a.primary[disabled] {
    opacity: 0.5;
    cursor: no-drop; }
  .cta > a.primary:before {
    background-color: var(--c-white); }
  .cta > a.primary:hover {
    color: var(--c-white); }

.cta > a.secondary {
  display: inline-flex;
  align-items: center;
  color: var(--c-fg-dk);
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-family: var(--f-sans);
  font-weight: 700;
  min-height: 40px;
  justify-content: center;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  border-radius: var(--s);
  padding: 0 var(--s-xs);
  background-color: var(--c-white);
  background: linear-gradient(to right, var(--c-white) 66%, var(--c-glass));
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border: 1px solid var(--c-pop);
  color: var(--c-fg-dk); }
  .cta > a.secondary:hover {
    color: var(--c-dk); }
  .cta > a.secondary:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scaleY(0);
    transform-origin: bottom;
    height: 3px;
    transition: transform var(--a-xs); }
  .cta > a.secondary:hover:before {
    transform: scaleY(1); }
  .cta > a.secondary[disabled] {
    opacity: 0.5;
    cursor: no-drop; }
  .cta > a.secondary:before {
    background-color: var(--c-pop); }
  .cta > a.secondary:hover {
    color: var(--c-fg-dk); }

.cta--size-sm > a.primary {
  display: inline-flex;
  align-items: center;
  color: var(--c-fg-dk);
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
  font-family: var(--f-sans);
  font-weight: 700;
  min-height: 32px;
  justify-content: center;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  border-radius: var(--s);
  padding: 0 var(--s);
  border: 1px solid var(--c-fg-dk);
  background: linear-gradient(to right, var(--c-fg-dk) 11%, var(--c-dk));
  color: var(--c-white); }
  .cta--size-sm > a.primary:hover {
    color: var(--c-dk); }
  .cta--size-sm > a.primary:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scaleY(0);
    transform-origin: bottom;
    height: 3px;
    transition: transform var(--a-xs); }
  .cta--size-sm > a.primary:hover:before {
    transform: scaleY(1); }
  .cta--size-sm > a.primary[disabled] {
    opacity: 0.5;
    cursor: no-drop; }
  .cta--size-sm > a.primary:before {
    background-color: var(--c-white); }
  .cta--size-sm > a.primary:hover {
    color: var(--c-white); }

.cta--size-sm > a.secondary {
  display: inline-flex;
  align-items: center;
  color: var(--c-fg-dk);
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
  font-family: var(--f-sans);
  font-weight: 700;
  min-height: 32px;
  justify-content: center;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  border-radius: var(--s);
  padding: 0 var(--s);
  background-color: var(--c-white);
  background: linear-gradient(to right, var(--c-white) 66%, var(--c-glass));
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border: 1px solid var(--c-pop);
  color: var(--c-fg-dk); }
  .cta--size-sm > a.secondary:hover {
    color: var(--c-dk); }
  .cta--size-sm > a.secondary:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scaleY(0);
    transform-origin: bottom;
    height: 3px;
    transition: transform var(--a-xs); }
  .cta--size-sm > a.secondary:hover:before {
    transform: scaleY(1); }
  .cta--size-sm > a.secondary[disabled] {
    opacity: 0.5;
    cursor: no-drop; }
  .cta--size-sm > a.secondary:before {
    background-color: var(--c-pop); }
  .cta--size-sm > a.secondary:hover {
    color: var(--c-fg-dk); }

.detail-page {
  padding: var(--s-sm); }
  @media (min-width: 768px) {
    .detail-page {
      padding: var(--s-md); } }
  @media (min-width: 992px) {
    .detail-page {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding: var(--s-lg); } }
  @media (min-width: 992px) {
    .detail-page__content-cont {
      width: calc(100% - var(--w-sm) - var(--s-lg)); } }
  @media (min-width: 1280px) {
    .detail-page__content-cont {
      width: calc(100% - var(--w-md) - var(--s-lg)); } }
  .detail-page__content-cont > header {
    margin-bottom: var(--s-sm); }
    @media (min-width: 768px) {
      .detail-page__content-cont > header {
        margin-bottom: var(--s-lg); } }
    .detail-page__content-cont > header > h1 {
      font-size: 44px;
      font-size: 4.4rem;
      line-height: 48px;
      line-height: 4.8rem;
      font-family: var(--f-sans);
      font-weight: 500;
      letter-spacing: -0.5px; }
      @media (min-width: 768px) {
        .detail-page__content-cont > header > h1 {
          font-size: 54px;
          font-size: 5.4rem;
          line-height: 58px;
          line-height: 5.8rem; } }
    .detail-page__content-cont > header > nav {
      display: flex;
      flex-wrap: wrap;
      margin-top: var(--s-sm);
      padding: var(--s) 0;
      border-top: 1px solid var(--c-br-lt);
      border-bottom: 1px solid var(--c-br-lt); }
      .detail-page__content-cont > header > nav > a {
        display: inline-flex;
        align-items: center;
        color: var(--c-fg-dk);
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
        font-family: var(--f-sans);
        font-weight: 700;
        min-height: 40px;
        margin-right: var(--s-xs);
        white-space: nowrap; }
        .detail-page__content-cont > header > nav > a:hover {
          color: var(--c-dk); }
  .detail-page__content-cont > section {
    margin: var(--s-sm) 0; }
    .detail-page__content-cont > section > * {
      margin-top: var(--s-xs); }
      .detail-page__content-cont > section > *:first-child {
        margin-top: 0; }
    .detail-page__content-cont > section > h1, .detail-page__content-cont > section h2, .detail-page__content-cont > section h3, .detail-page__content-cont > section h4, .detail-page__content-cont > section h5, .detail-page__content-cont > section h6 {
      margin-top: var(--s-sm); }
      .detail-page__content-cont > section > h1:first-child, .detail-page__content-cont > section h2:first-child, .detail-page__content-cont > section h3:first-child, .detail-page__content-cont > section h4:first-child, .detail-page__content-cont > section h5:first-child, .detail-page__content-cont > section h6:first-child {
        margin-top: 0; }
    .detail-page__content-cont > section > h1 {
      font-size: 44px;
      font-size: 4.4rem;
      line-height: 48px;
      line-height: 4.8rem;
      font-family: var(--f-sans);
      font-weight: 500;
      letter-spacing: -0.5px; }
      @media (min-width: 768px) {
        .detail-page__content-cont > section > h1 {
          font-size: 54px;
          font-size: 5.4rem;
          line-height: 58px;
          line-height: 5.8rem; } }
    .detail-page__content-cont > section > h2 {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 36px;
      line-height: 3.6rem;
      font-family: var(--f-sans);
      font-weight: 500; }
      @media (min-width: 768px) {
        .detail-page__content-cont > section > h2 {
          font-size: 42px;
          font-size: 4.2rem;
          line-height: 46px;
          line-height: 4.6rem; } }
    .detail-page__content-cont > section > h3 {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 30px;
      line-height: 3rem;
      font-family: var(--f-sans);
      font-weight: 500; }
    .detail-page__content-cont > section > h4 {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 22px;
      line-height: 2.2rem;
      font-family: var(--f-sans-lg);
      text-transform: uppercase; }
    .detail-page__content-cont > section > p {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 34px;
      line-height: 3.4rem; }
      .detail-page__content-cont > section > p > b,
      .detail-page__content-cont > section > p > strong {
        font-weight: 600; }
      .detail-page__content-cont > section > p > i,
      .detail-page__content-cont > section > p > em {
        font-style: italic; }
      .detail-page__content-cont > section > p > a {
        display: inline-flex;
        align-items: center;
        color: var(--c-fg-dk);
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
        font-family: var(--f-sans);
        font-weight: 700;
        min-height: 40px;
        min-height: auto;
        text-decoration-line: underline;
        text-decoration-color: var(--c-pop);
        text-decoration-style: double;
        text-decoration-skip-ink: auto; }
        .detail-page__content-cont > section > p > a:hover {
          color: var(--c-dk); }
    .detail-page__content-cont > section > ol,
    .detail-page__content-cont > section > ul {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 34px;
      line-height: 3.4rem;
      max-width: var(--w-lg);
      margin-top: var(--s-sm);
      padding-left: var(--s-xs); }
      .detail-page__content-cont > section > ol > li,
      .detail-page__content-cont > section > ul > li {
        margin-top: var(--s); }
        .detail-page__content-cont > section > ol > li:first-child,
        .detail-page__content-cont > section > ul > li:first-child {
          margin-top: 0; }
        .detail-page__content-cont > section > ol > li > strong,
        .detail-page__content-cont > section > ul > li > strong {
          font-weight: 600; }
        .detail-page__content-cont > section > ol > li > a,
        .detail-page__content-cont > section > ul > li > a {
          display: inline-flex;
          align-items: center;
          color: var(--c-fg-dk);
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 24px;
          line-height: 2.4rem;
          font-family: var(--f-sans);
          font-weight: 700;
          min-height: 40px;
          min-height: auto; }
          .detail-page__content-cont > section > ol > li > a:hover,
          .detail-page__content-cont > section > ul > li > a:hover {
            color: var(--c-dk); }
    .detail-page__content-cont > section > ol {
      list-style-type: decimal; }
    .detail-page__content-cont > section > ul {
      list-style-type: circle; }
    .detail-page__content-cont > section > figure > table {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 28px;
      line-height: 2.8rem;
      min-width: var(--w-md);
      overflow-x: auto;
      border-collapse: collapse; }
      .detail-page__content-cont > section > figure > table b,
      .detail-page__content-cont > section > figure > table strong {
        font-weight: 600; }
      .detail-page__content-cont > section > figure > table th,
      .detail-page__content-cont > section > figure > table td {
        padding: var(--s) var(--s-xs);
        border: 1px solid var(--c-br-lt); }
      .detail-page__content-cont > section > figure > table > thead {
        background-color: var(--c-white); }
    .detail-page__content-cont > section > figure > img {
      max-width: 100%;
      height: auto; }
    .detail-page__content-cont > section > figure,
    .detail-page__content-cont > section iframe {
      margin: var(--s-sm) 0; }
    @media (min-width: 768px) {
      .detail-page__content-cont > section {
        margin: var(--s-lg) 0; } }
    .detail-page__content-cont > section:last-of-type {
      margin-bottom: 0; }
  .detail-page__content-cont__overview > ul > li {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 36px;
    line-height: 3.6rem; }
    .detail-page__content-cont__overview > ul > li > h3 {
      font-family: var(--f-sans-md-bd); }
  .detail-page__content-cont__resources > div {
    margin-top: var(--s-sm); }
  .detail-page > label {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    display: none; }
  @media (max-width: 991px) {
    .detail-page > [type="checkbox"]:checked + label {
      display: block; } }
  .detail-page > aside {
    padding: var(--s-sm);
    box-shadow: 0 4px 30px RGB(0 0 0/10%);
    border: 1px solid var(--c-br-lt);
    border-radius: var(--r-sm);
    z-index: 1; }
    @media (max-width: 991px) {
      .detail-page > aside {
        position: fixed;
        bottom: 0;
        left: var(--s-xs);
        width: calc(100% - var(--s-sm));
        transform: translateY(calc(100% - var(--s-xl)));
        background-color: var(--c-white);
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        transition: transform var(--a-sm), filter var(--a-sm); } }
    @media (min-width: 992px) {
      .detail-page > aside {
        background-color: var(--c-white);
        background: linear-gradient(to bottom, var(--c-white) 66%, var(--c-glass));
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        position: sticky;
        top: calc(var(--s-md) + var(--s-lg));
        width: var(--w-sm); } }
    @media (min-width: 1280px) {
      .detail-page > aside {
        width: var(--w-md); } }
    .detail-page > aside > label {
      display: inline-flex;
      align-items: center;
      color: var(--c-fg-dk);
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 24px;
      line-height: 2.4rem;
      font-family: var(--f-sans);
      font-weight: 700;
      min-height: 40px;
      position: relative;
      display: block;
      position: relative;
      margin-bottom: var(--s-sm);
      text-align: center; }
      .detail-page > aside > label:hover {
        color: var(--c-dk); }
      .detail-page > aside > label:before {
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        content: "";
        display: block;
        width: var(--s-lg);
        height: 3px;
        background: linear-gradient(90deg, var(--c-pop) 50%, var(--c-dk) 50%); }
      @media (min-width: 992px) {
        .detail-page > aside > label {
          cursor: auto; } }
      .detail-page > aside > label:before {
        position: absolute;
        top: auto;
        left: 50%;
        transform: translate(-50%, 0);
        top: calc(var(--s) * -1); }
  .detail-page > [type="checkbox"]:checked ~ aside {
    transform: translateY(0);
    filter: drop-shadow(0 calc(var(--s) * -1) var(--s-xs) RGB(0 0 0/25%)); }

.details {
  margin: var(--s-sm) 0;
  padding: 0 var(--s-sm); }
  @media (min-width: 768px) {
    .details {
      margin: var(--s-lg) 0;
      padding: 0 var(--s-lg); } }
  .details > div {
    max-width: var(--w-lg);
    margin: 0 auto;
    text-align: justify; }
    .details > div > * {
      margin-top: var(--s-xs); }
      .details > div > *:first-child {
        margin-top: 0; }
    .details > div > h1, .details > div h2, .details > div h3, .details > div h4, .details > div h5, .details > div h6 {
      margin-top: var(--s-sm); }
      .details > div > h1:first-child, .details > div h2:first-child, .details > div h3:first-child, .details > div h4:first-child, .details > div h5:first-child, .details > div h6:first-child {
        margin-top: 0; }
    .details > div > h1 {
      font-size: 44px;
      font-size: 4.4rem;
      line-height: 48px;
      line-height: 4.8rem;
      font-family: var(--f-sans);
      font-weight: 500;
      letter-spacing: -0.5px; }
      @media (min-width: 768px) {
        .details > div > h1 {
          font-size: 54px;
          font-size: 5.4rem;
          line-height: 58px;
          line-height: 5.8rem; } }
    .details > div > h2 {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 36px;
      line-height: 3.6rem;
      font-family: var(--f-sans);
      font-weight: 500; }
      @media (min-width: 768px) {
        .details > div > h2 {
          font-size: 42px;
          font-size: 4.2rem;
          line-height: 46px;
          line-height: 4.6rem; } }
    .details > div > h3 {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 30px;
      line-height: 3rem;
      font-family: var(--f-sans);
      font-weight: 500; }
    .details > div > h4 {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 22px;
      line-height: 2.2rem;
      font-family: var(--f-sans-lg);
      text-transform: uppercase; }
    .details > div > p {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 34px;
      line-height: 3.4rem; }
      .details > div > p > b,
      .details > div > p > strong {
        font-weight: 600; }
      .details > div > p > i,
      .details > div > p > em {
        font-style: italic; }
      .details > div > p > a {
        display: inline-flex;
        align-items: center;
        color: var(--c-fg-dk);
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
        font-family: var(--f-sans);
        font-weight: 700;
        min-height: 40px;
        min-height: auto;
        text-decoration-line: underline;
        text-decoration-color: var(--c-pop);
        text-decoration-style: double;
        text-decoration-skip-ink: auto; }
        .details > div > p > a:hover {
          color: var(--c-dk); }
    .details > div > ol,
    .details > div > ul {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 34px;
      line-height: 3.4rem;
      max-width: var(--w-lg);
      margin-top: var(--s-sm);
      padding-left: var(--s-xs); }
      .details > div > ol > li,
      .details > div > ul > li {
        margin-top: var(--s); }
        .details > div > ol > li:first-child,
        .details > div > ul > li:first-child {
          margin-top: 0; }
        .details > div > ol > li > strong,
        .details > div > ul > li > strong {
          font-weight: 600; }
        .details > div > ol > li > a,
        .details > div > ul > li > a {
          display: inline-flex;
          align-items: center;
          color: var(--c-fg-dk);
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 24px;
          line-height: 2.4rem;
          font-family: var(--f-sans);
          font-weight: 700;
          min-height: 40px;
          min-height: auto; }
          .details > div > ol > li > a:hover,
          .details > div > ul > li > a:hover {
            color: var(--c-dk); }
    .details > div > ol {
      list-style-type: decimal; }
    .details > div > ul {
      list-style-type: circle; }
    .details > div > figure > table {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 28px;
      line-height: 2.8rem;
      min-width: var(--w-md);
      overflow-x: auto;
      border-collapse: collapse; }
      .details > div > figure > table b,
      .details > div > figure > table strong {
        font-weight: 600; }
      .details > div > figure > table th,
      .details > div > figure > table td {
        padding: var(--s) var(--s-xs);
        border: 1px solid var(--c-br-lt); }
      .details > div > figure > table > thead {
        background-color: var(--c-white); }
    .details > div > figure > img {
      max-width: 100%;
      height: auto; }
    .details > div > figure,
    .details > div iframe {
      margin: var(--s-sm) 0; }

.download-popup {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5); }
  .download-popup.is-active {
    display: flex; }
  .download-popup > div {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    max-width: var(--w-lg);
    margin: var(--s-sm);
    background-color: var(--c-white);
    border: 1px solid var(--c-br-lt);
    border-radius: var(--r-md); }
    .download-popup > div > header {
      padding: var(--s-sm); }
      @media (min-width: 768px) {
        .download-popup > div > header {
          width: 50%;
          padding: var(--s-md); } }
      .download-popup > div > header > h2 {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 36px;
        line-height: 3.6rem;
        font-family: var(--f-sans);
        font-weight: 500; }
        @media (min-width: 768px) {
          .download-popup > div > header > h2 {
            font-size: 42px;
            font-size: 4.2rem;
            line-height: 46px;
            line-height: 4.6rem; } }
        @media (max-width: 767px) {
          .download-popup > div > header > h2 {
            padding-right: var(--s-md); } }
      .download-popup > div > header > p {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 28px;
        line-height: 2.8rem;
        margin-top: var(--s-sm); }
      .download-popup > div > header > div {
        margin-top: var(--s-md); }
    .download-popup > div > img {
      width: 50%;
      border-left: 1px solid var(--c-br-lt); }
      @media (max-width: 767px) {
        .download-popup > div > img {
          display: none; } }
    .download-popup > div > button {
      position: absolute;
      top: var(--s-xs);
      right: var(--s-xs);
      bottom: auto;
      left: auto;
      width: var(--s-md);
      height: var(--s-md);
      background-color: var(--c-lt);
      border-radius: 50%; }
      .download-popup > div > button:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        content: "\2715";
        font-size: var(--s-xs);
        color: var(--c-white);
        text-align: center; }

.featured-cta {
  position: relative;
  padding: var(--s-sm);
  background-color: var(--c-lt); }
  @media (min-width: 768px) {
    .featured-cta {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      padding: var(--s-md); } }
  @media (min-width: 992px) {
    .featured-cta {
      padding: var(--s-lg); } }
  @media (min-width: 1280px) {
    .featured-cta--type-link {
      justify-content: center; } }
  .featured-cta > aside {
    width: 100%;
    max-width: var(--w-md); }
    @media (min-width: 1280px) {
      .featured-cta > aside {
        width: 30%;
        padding-right: var(--s-sm); } }
    .featured-cta > aside > h2 {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 36px;
      line-height: 3.6rem;
      font-family: var(--f-sans);
      font-weight: 500;
      text-wrap: balance; }
      @media (min-width: 768px) {
        .featured-cta > aside > h2 {
          font-size: 42px;
          font-size: 4.2rem;
          line-height: 46px;
          line-height: 4.6rem; } }
    .featured-cta > aside > div {
      margin-top: var(--s-xs); }
      .featured-cta > aside > div > * {
        margin-top: var(--s-xs); }
        .featured-cta > aside > div > *:first-child {
          margin-top: 0; }
      .featured-cta > aside > div > h1, .featured-cta > aside > div h2, .featured-cta > aside > div h3, .featured-cta > aside > div h4, .featured-cta > aside > div h5, .featured-cta > aside > div h6 {
        margin-top: var(--s-sm); }
        .featured-cta > aside > div > h1:first-child, .featured-cta > aside > div h2:first-child, .featured-cta > aside > div h3:first-child, .featured-cta > aside > div h4:first-child, .featured-cta > aside > div h5:first-child, .featured-cta > aside > div h6:first-child {
          margin-top: 0; }
      .featured-cta > aside > div > h1 {
        font-size: 44px;
        font-size: 4.4rem;
        line-height: 48px;
        line-height: 4.8rem;
        font-family: var(--f-sans);
        font-weight: 500;
        letter-spacing: -0.5px; }
        @media (min-width: 768px) {
          .featured-cta > aside > div > h1 {
            font-size: 54px;
            font-size: 5.4rem;
            line-height: 58px;
            line-height: 5.8rem; } }
      .featured-cta > aside > div > h2 {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 36px;
        line-height: 3.6rem;
        font-family: var(--f-sans);
        font-weight: 500; }
        @media (min-width: 768px) {
          .featured-cta > aside > div > h2 {
            font-size: 42px;
            font-size: 4.2rem;
            line-height: 46px;
            line-height: 4.6rem; } }
      .featured-cta > aside > div > h3 {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
        line-height: 3rem;
        font-family: var(--f-sans);
        font-weight: 500; }
      .featured-cta > aside > div > h4 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        line-height: 2.2rem;
        font-family: var(--f-sans-lg);
        text-transform: uppercase; }
      .featured-cta > aside > div > p {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 34px;
        line-height: 3.4rem; }
        .featured-cta > aside > div > p > b,
        .featured-cta > aside > div > p > strong {
          font-weight: 600; }
        .featured-cta > aside > div > p > i,
        .featured-cta > aside > div > p > em {
          font-style: italic; }
        .featured-cta > aside > div > p > a {
          display: inline-flex;
          align-items: center;
          color: var(--c-fg-dk);
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 24px;
          line-height: 2.4rem;
          font-family: var(--f-sans);
          font-weight: 700;
          min-height: 40px;
          min-height: auto;
          text-decoration-line: underline;
          text-decoration-color: var(--c-pop);
          text-decoration-style: double;
          text-decoration-skip-ink: auto; }
          .featured-cta > aside > div > p > a:hover {
            color: var(--c-dk); }
      .featured-cta > aside > div > ol,
      .featured-cta > aside > div > ul {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 34px;
        line-height: 3.4rem;
        max-width: var(--w-lg);
        margin-top: var(--s-sm);
        padding-left: var(--s-xs); }
        .featured-cta > aside > div > ol > li,
        .featured-cta > aside > div > ul > li {
          margin-top: var(--s); }
          .featured-cta > aside > div > ol > li:first-child,
          .featured-cta > aside > div > ul > li:first-child {
            margin-top: 0; }
          .featured-cta > aside > div > ol > li > strong,
          .featured-cta > aside > div > ul > li > strong {
            font-weight: 600; }
          .featured-cta > aside > div > ol > li > a,
          .featured-cta > aside > div > ul > li > a {
            display: inline-flex;
            align-items: center;
            color: var(--c-fg-dk);
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 24px;
            line-height: 2.4rem;
            font-family: var(--f-sans);
            font-weight: 700;
            min-height: 40px;
            min-height: auto; }
            .featured-cta > aside > div > ol > li > a:hover,
            .featured-cta > aside > div > ul > li > a:hover {
              color: var(--c-dk); }
      .featured-cta > aside > div > ol {
        list-style-type: decimal; }
      .featured-cta > aside > div > ul {
        list-style-type: circle; }
      .featured-cta > aside > div > figure > table {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 28px;
        line-height: 2.8rem;
        min-width: var(--w-md);
        overflow-x: auto;
        border-collapse: collapse; }
        .featured-cta > aside > div > figure > table b,
        .featured-cta > aside > div > figure > table strong {
          font-weight: 600; }
        .featured-cta > aside > div > figure > table th,
        .featured-cta > aside > div > figure > table td {
          padding: var(--s) var(--s-xs);
          border: 1px solid var(--c-br-lt); }
        .featured-cta > aside > div > figure > table > thead {
          background-color: var(--c-white); }
      .featured-cta > aside > div > figure > img {
        max-width: 100%;
        height: auto; }
      .featured-cta > aside > div > figure,
      .featured-cta > aside > div iframe {
        margin: var(--s-sm) 0; }
      @media (min-width: 768px) {
        .featured-cta > aside > div {
          margin-top: var(--s-sm); } }
  @media (min-width: 1280px) {
    .featured-cta--form-length-lg > aside {
      width: 50%; } }
  @media (max-width: 1279px) {
    .featured-cta > div.cta {
      margin-top: var(--s-sm); } }
  .featured-cta > div.form {
    padding: var(--s-sm);
    box-shadow: 0 4px 30px RGB(0 0 0/10%);
    border: 1px solid var(--c-br-lt);
    border-radius: var(--r-sm); }
    @media (min-width: 768px) {
      .featured-cta > div.form {
        padding: var(--s-md); } }
    @media (max-width: 1279px) {
      .featured-cta > div.form {
        background-color: var(--c-white);
        background: linear-gradient(to bottom, var(--c-white) 66%, var(--c-glass));
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        margin-top: var(--s-sm); } }
    @media (min-width: 768px) {
      .featured-cta > div.form {
        background-color: var(--c-white);
        background: linear-gradient(to right, var(--c-white) 66%, var(--c-glass));
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px); } }
    @media (min-width: 1280px) {
      .featured-cta > div.form {
        max-width: 70%; } }
  @media (min-width: 1280px) {
    .featured-cta--form-length-lg > div.form {
      max-width: 50%; } }

.featured-resources {
  padding: var(--s-sm); }
  @media (min-width: 768px) {
    .featured-resources {
      padding: var(--s-md); } }
  @media (min-width: 992px) {
    .featured-resources {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      padding: var(--s-lg); } }
  @media (max-width: 991px) {
    .featured-resources > div {
      margin-top: var(--s-sm); }
      .featured-resources > div:first-child {
        margin-top: 0; } }

@media (min-width: 992px) and (min-width: 768px) {
  .featured-resources > div {
    width: calc(calc(100% / 3) - calc(var(--s-sm) * 2 / 3));
    margin-left: var(--s-sm); } }

@media (min-width: 992px) and (min-width: 992px) {
  .featured-resources > div {
    width: calc(calc(100% / 3) - calc(var(--s-md) * 2 / 3));
    margin-left: var(--s-md); } }

@media (min-width: 992px) and (min-width: 1280px) {
  .featured-resources > div {
    width: calc(calc(100% / 3) - calc(var(--s-lg) * 2 / 3));
    margin-left: var(--s-lg); } }

@media (min-width: 992px) and (min-width: 768px) {
  .featured-resources > div:nth-child(n + 4) {
    margin-top: var(--s-md); } }

@media (min-width: 992px) and (min-width: 992px) {
  .featured-resources > div:nth-child(n + 4) {
    margin-top: var(--s-lg); } }
  @media (min-width: 992px) {
    .featured-resources > div:nth-child(3n + 1) {
      margin-left: 0 !important; } }

.featured-services {
  padding: var(--s-sm);
  padding-bottom: 0; }
  @media (min-width: 768px) {
    .featured-services {
      padding: var(--s-md);
      padding-bottom: calc(var(--s-md) - var(--s-sm)); } }
  @media (min-width: 992px) {
    .featured-services {
      padding: var(--s-lg);
      padding-bottom: calc(var(--s-lg) - var(--s-sm)); } }
  .featured-services > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%; }
    @media (min-width: 992px) {
      .featured-services > ul {
        justify-content: center; } }
    .featured-services > ul > li {
      margin-bottom: var(--s-sm); }
      @media (max-width: 767px) {
        .featured-services > ul > li {
          width: 100%; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .featured-services > ul > li {
          width: calc(50% - var(--s-sm));
          margin-left: var(--s-sm); }
          .featured-services > ul > li:nth-child(2n + 1) {
            margin-left: 0 !important; } }
      @media (min-width: 992px) and (max-width: 1279px) {
        .featured-services > ul > li {
          width: calc(33% - var(--s-sm));
          margin-left: var(--s-sm); }
          .featured-services > ul > li:nth-child(3n + 1) {
            margin-left: 0 !important; } }
      @media (min-width: 1280px) {
        .featured-services > ul > li {
          width: calc(20% - var(--s-sm));
          margin-left: var(--s-sm); }
          .featured-services > ul > li:nth-child(5n + 1) {
            margin-left: 0 !important; } }

.footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: var(--max-page-width);
  margin: 0 auto;
  padding: var(--s-sm); }
  @media (min-width: 768px) {
    .footer {
      padding: var(--s-md); } }
  @media (min-width: 992px) {
    .footer {
      padding: var(--s-lg); } }
  .footer > a > figure > img {
    display: block;
    width: var(--w-sm);
    filter: var(--i-filter); }
  .footer > address {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 34px;
    line-height: 3.4rem;
    margin-top: var(--s-sm);
    text-align: center; }
    .footer > address > a {
      display: inline-flex;
      align-items: center;
      color: var(--c-fg-dk);
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 24px;
      line-height: 2.4rem;
      font-family: var(--f-sans);
      font-weight: 700;
      min-height: 40px;
      display: block; }
      .footer > address > a:hover {
        color: var(--c-dk); }
  .footer > ul {
    display: flex;
    justify-content: center;
    margin-top: var(--s-xs); }
    .footer > ul > li {
      margin-left: var(--s);
      width: var(--s-sm); }
      .footer > ul > li:first-child {
        margin-left: 0; }
      .footer > ul > li img {
        filter: var(--i-filter); }
  .footer > nav {
    width: 100%;
    margin-top: var(--s-sm); }
    @media (min-width: 768px) {
      .footer > nav {
        margin-top: var(--s-md); } }
    .footer > nav > ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media (min-width: 768px) {
        .footer > nav > ul {
          justify-content: center; } }
      .footer > nav > ul > li {
        width: calc(50% - var(--s));
        margin-bottom: var(--s-sm); }
        @media (min-width: 768px) {
          .footer > nav > ul > li {
            width: inherit;
            padding: 0 var(--s-sm); } }
        .footer > nav > ul > li > h3 {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 22px;
          line-height: 2.2rem;
          font-family: var(--f-sans-lg);
          text-transform: uppercase;
          color: var(--c-dk); }
        .footer > nav > ul > li > ul {
          margin-top: var(--s); }
          .footer > nav > ul > li > ul > li > a {
            display: inline-flex;
            align-items: center;
            color: var(--c-fg-dk);
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 24px;
            line-height: 2.4rem;
            font-family: var(--f-sans);
            font-weight: 700;
            min-height: 40px; }
            .footer > nav > ul > li > ul > li > a:hover {
              color: var(--c-dk); }

.form > form {
  display: flex;
  align-items: flex-end;
  flex-direction: column; }
  .form > form > fieldset {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%; }
    .form > form > fieldset > div {
      margin-top: var(--s-xs);
      width: 100%; }
      .form > form > fieldset > div:first-child {
        margin-top: 0; }
      .form > form > fieldset > div.half {
        width: calc((100% / 2) - (var(--s-xs) * 1 / 2)); }
      .form > form > fieldset > div.third {
        width: calc((100% / 3) - (var(--s-xs) * 2 / 3)); }
  .form > form > nav {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: var(--s-sm); }
    .form > form > nav > [type="submit"]:nth-child(1) {
      display: inline-flex;
      align-items: center;
      color: var(--c-fg-dk);
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 24px;
      line-height: 2.4rem;
      font-family: var(--f-sans);
      font-weight: 700;
      min-height: 40px;
      justify-content: center;
      position: relative;
      overflow: hidden;
      white-space: nowrap;
      border-radius: var(--s);
      padding: 0 var(--s-xs);
      border: 1px solid var(--c-fg-dk);
      background: linear-gradient(to right, var(--c-fg-dk) 11%, var(--c-dk));
      color: var(--c-white); }
      .form > form > nav > [type="submit"]:nth-child(1):hover {
        color: var(--c-dk); }
      .form > form > nav > [type="submit"]:nth-child(1):before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        transform: scaleY(0);
        transform-origin: bottom;
        height: 3px;
        transition: transform var(--a-xs); }
      .form > form > nav > [type="submit"]:nth-child(1):hover:before {
        transform: scaleY(1); }
      .form > form > nav > [type="submit"]:nth-child(1)[disabled] {
        opacity: 0.5;
        cursor: no-drop; }
      .form > form > nav > [type="submit"]:nth-child(1):before {
        background-color: var(--c-white); }
      .form > form > nav > [type="submit"]:nth-child(1):hover {
        color: var(--c-white); }
    .form > form > nav > [type="submit"]:nth-child(2) {
      display: inline-flex;
      align-items: center;
      color: var(--c-fg-dk);
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 24px;
      line-height: 2.4rem;
      font-family: var(--f-sans);
      font-weight: 700;
      min-height: 40px;
      justify-content: center;
      position: relative;
      overflow: hidden;
      white-space: nowrap;
      border-radius: var(--s);
      padding: 0 var(--s-xs);
      margin-right: var(--s-xs); }
      .form > form > nav > [type="submit"]:nth-child(2):hover {
        color: var(--c-dk); }
      .form > form > nav > [type="submit"]:nth-child(2):before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        transform: scaleY(0);
        transform-origin: bottom;
        height: 3px;
        transition: transform var(--a-xs); }
      .form > form > nav > [type="submit"]:nth-child(2):hover:before {
        transform: scaleY(1); }
      .form > form > nav > [type="submit"]:nth-child(2)[disabled] {
        opacity: 0.5;
        cursor: no-drop; }
      .form > form > nav > [type="submit"]:nth-child(2):before {
        display: none; }

@media (min-width: 768px) {
  .form--style-inline > form {
    flex-direction: row; } }

@media (min-width: 768px) {
  .form--style-inline > form > fieldset {
    flex-direction: row;
    width: auto; } }

@media (min-width: 768px) {
  .form--style-inline > form > fieldset > div {
    margin-top: 0;
    margin-right: var(--s-xs); } }

@media (min-width: 768px) {
  .form--style-inline > form > nav {
    width: auto;
    margin: 0; } }

.form--multi-step > form > nav {
  flex-direction: row-reverse;
  justify-content: flex-start; }
  .form--multi-step > form > nav > [type="submit"] {
    width: calc(50% - var(--s)); }

.form-field--type-hidden {
  display: none; }

.form-field > label {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-family: var(--f-sans);
  font-weight: 700;
  display: block; }

.form-field--required > label:after {
  content: "*";
  display: inline-block;
  vertical-align: super;
  color: red;
  font-size: 0.75em; }

.form-field > select,
.form-field > textarea,
.form-field > input:not([type="checkbox"]) {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 34px;
  line-height: 3.4rem;
  width: 100%;
  border-bottom: 1px solid var(--c-br-lt); }

.form-field > fieldset.list {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--s); }
  .form-field > fieldset.list > input {
    display: none; }
  .form-field > fieldset.list > label {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 2.8rem;
    line-height: var(--s-sm);
    margin-right: var(--s);
    margin-bottom: var(--s);
    padding: 0 var(--s-xs);
    border: 2px solid var(--c-dk);
    border-radius: var(--s);
    transition: background-color var(--a-xs), border-color var(--s-xs); }
  .form-field > fieldset.list > input:checked + label {
    background-color: var(--c-pop);
    border-color: var(--c-pop);
    color: var(--c-white); }

.form-field > fieldset.lightswitch {
  display: flex; }
  .form-field > fieldset.lightswitch > input[type="checkbox"] {
    position: relative;
    flex-shrink: 0;
    width: var(--s-xs);
    height: var(--s-xs);
    margin-right: var(--s);
    border: 2px solid var(--c-dk);
    border-radius: 2px;
    cursor: pointer; }
    .form-field > fieldset.lightswitch > input[type="checkbox"]:checked:after {
      position: absolute;
      top: 2px;
      right: 2px;
      bottom: 2px;
      left: 2px;
      content: "";
      background-color: var(--c-lt); }
    .form-field > fieldset.lightswitch > input[type="checkbox"] + label {
      display: inline-block;
      line-height: var(--s-xs); }
      .form-field > fieldset.lightswitch > input[type="checkbox"] + label a {
        color: var(--c-dk); }

.form-field > p {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 2.8rem;
  color: red; }
  .form-field > p:empty {
    display: none; }

.google-map > iframe {
  width: 100%; }

.header {
  position: relative; }
  @media (max-width: 991px) {
    .header {
      padding-bottom: var(--s-md); } }
  @media (min-width: 992px) {
    .header.is-fixed {
      padding-bottom: calc(var(--s-md) + var(--s-sm)); } }
  .header__mobile-close {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1;
    background: transparent;
    display: none; }
    @media (max-width: 991px) {
      .header.is-open .header__mobile-close {
        display: block; } }
  .header__fix-cont {
    position: fixed;
    z-index: 10;
    width: 100vw;
    height: var(--s-md);
    max-width: var(--max-page-width);
    margin: 0 auto;
    background-color: var(--c-white);
    border-bottom: 1px solid var(--c-br-lt); }
    @media (min-width: 992px) {
      .header__fix-cont {
        position: relative;
        height: calc(var(--s-sm) + (var(--s-md) * 1.5)); } }
    .header--is-themed .header__fix-cont {
      background-color: var(--c-lt);
      border-color: var(--c-lt);
      transition: background-color var(--a-xs); }
    .header:hover .header__fix-cont {
      background-color: var(--c-white);
      border-color: var(--c-br-lt); }
    .header.is-fixed .header__fix-cont {
      background-color: var(--c-white);
      border-color: var(--c-br-lt); }
      @media (min-width: 992px) {
        .header.is-fixed .header__fix-cont {
          position: absolute;
          top: 0;
          right: auto;
          bottom: auto;
          left: 0;
          position: fixed;
          transform: translateY(calc(-1 * var(--s-sm))); } }
      @media (min-width: 2100px) {
        .header.is-fixed .header__fix-cont {
          left: calc((100% - var(--max-page-width)) * 0.5); } }
    @media (max-width: 991px) {
      .header.is-open .header__fix-cont {
        background-color: var(--c-white);
        border-bottom: 1px solid var(--c-br-lt); } }
    .header__fix-cont > a,
    .header__fix-cont > span {
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      height: 100%; }
      .header__fix-cont > a > figure,
      .header__fix-cont > span > figure {
        height: var(--s-sm);
        padding: var(--s) var(--s-xs); }
        @media (min-width: 768px) {
          .header__fix-cont > a > figure,
          .header__fix-cont > span > figure {
            height: var(--s-md);
            padding: var(--s) var(--s-xs) var(--s) var(--s-sm); } }
        @media (min-width: 992px) {
          .header__fix-cont > a > figure,
          .header__fix-cont > span > figure {
            height: var(--s-lg); } }
        @media (min-width: 1280px) {
          .header__fix-cont > a > figure,
          .header__fix-cont > span > figure {
            padding: var(--s) var(--s-sm) var(--s) var(--s-md); } }
        .header.is-fixed .header__fix-cont > a > figure, .header.is-fixed
        .header__fix-cont > span > figure {
          height: var(--s-sm);
          transform: translateY(0); }
          @media (min-width: 768px) {
            .header.is-fixed .header__fix-cont > a > figure, .header.is-fixed
            .header__fix-cont > span > figure {
              height: var(--s-md); } }
          @media (min-width: 992px) {
            .header.is-fixed .header__fix-cont > a > figure, .header.is-fixed
            .header__fix-cont > span > figure {
              transform: translateY(var(--s-xs));
              transition: transform var(--a-xs); } }
        .header__fix-cont > a > figure > img,
        .header__fix-cont > span > figure > img {
          height: 100%;
          filter: var(--i-filter); }
    .header__fix-cont > nav {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: 0 var(--s-xs); }
      @media (min-width: 768px) {
        .header__fix-cont > nav {
          padding: 0 var(--s-sm); } }
      @media (min-width: 1280px) {
        .header__fix-cont > nav {
          padding: 0 var(--s-md); } }
      .header__fix-cont > nav > ul {
        width: 100%; }
        @media (max-width: 991px) {
          .header--style-default .header__fix-cont > nav > ul {
            background-color: var(--c-white);
            border: 1px solid var(--c-br-lt);
            border-top: 0;
            border-bottom-left-radius: var(--s);
            border-bottom-right-radius: var(--s);
            opacity: 0;
            pointer-events: none;
            transform: translateY(calc(-1 * var(--s-sm))) scale(0.95);
            transition: opacity var(--a-sm), transform var(--a-sm);
            position: absolute;
            top: calc(var(--s-md) - 1px);
            right: auto;
            bottom: auto;
            left: var(--s-xs);
            width: calc(100% - var(--s-sm)); } }
        @media (min-width: 992px) {
          .header--style-default .header__fix-cont > nav > ul {
            display: flex;
            justify-content: flex-end; } }
        .header--style-lite .header__fix-cont > nav > ul {
          display: flex;
          justify-content: flex-end; }
        @media (max-width: 991px) {
          .header.is-open .header__fix-cont > nav > ul {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0) scale(1); } }
        .header__fix-cont > nav > ul > li {
          position: relative; }
          @media (min-width: 992px) {
            .header__fix-cont > nav > ul > li {
              margin-left: var(--s-xs); }
              .header__fix-cont > nav > ul > li:first-child {
                margin-left: 0; } }
          @media (min-width: 1280px) {
            .header__fix-cont > nav > ul > li {
              margin-left: var(--s-sm); }
              .header__fix-cont > nav > ul > li:first-child {
                margin-left: 0; } }
          @media (max-width: 991px) {
            .header--style-default .header__fix-cont > nav > ul > li {
              padding: 0 var(--s-sm); } }
          .header__fix-cont > nav > ul > li:last-child {
            display: flex;
            align-items: center; }
            @media (max-width: 991px) {
              .header--style-default .header__fix-cont > nav > ul > li:last-child {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: var(--s) var(--s-xs);
                border-top: 1px solid var(--c-br-lt); } }
            @media (max-width: 991px) {
              .header--style-default .header__fix-cont > nav > ul > li:last-child > * {
                width: calc(50% - var(--s)); } }
            .header__fix-cont > nav > ul > li:last-child a:nth-child(1) {
              width: 100%; }
              .header--style-default .header__fix-cont > nav > ul > li:last-child a:nth-child(1) {
                display: inline-flex;
                align-items: center;
                color: var(--c-fg-dk);
                font-size: 18px;
                font-size: 1.8rem;
                line-height: 24px;
                line-height: 2.4rem;
                font-family: var(--f-sans);
                font-weight: 700;
                min-height: 40px;
                justify-content: center;
                position: relative;
                overflow: hidden;
                white-space: nowrap;
                border-radius: var(--s);
                padding: 0 var(--s-xs);
                border: 1px solid var(--c-fg-dk);
                background: linear-gradient(to right, var(--c-fg-dk) 11%, var(--c-dk));
                color: var(--c-white); }
                .header--style-default .header__fix-cont > nav > ul > li:last-child a:nth-child(1):hover {
                  color: var(--c-dk); }
                .header--style-default .header__fix-cont > nav > ul > li:last-child a:nth-child(1):before {
                  content: "";
                  position: absolute;
                  right: 0;
                  bottom: 0;
                  left: 0;
                  transform: scaleY(0);
                  transform-origin: bottom;
                  height: 3px;
                  transition: transform var(--a-xs); }
                .header--style-default .header__fix-cont > nav > ul > li:last-child a:nth-child(1):hover:before {
                  transform: scaleY(1); }
                .header--style-default .header__fix-cont > nav > ul > li:last-child a:nth-child(1)[disabled] {
                  opacity: 0.5;
                  cursor: no-drop; }
                .header--style-default .header__fix-cont > nav > ul > li:last-child a:nth-child(1):before {
                  background-color: var(--c-white); }
                .header--style-default .header__fix-cont > nav > ul > li:last-child a:nth-child(1):hover {
                  color: var(--c-white); }
              .header--style-lite .header__fix-cont > nav > ul > li:last-child a:nth-child(1) {
                display: inline-flex;
                align-items: center;
                color: var(--c-fg-dk);
                font-size: 18px;
                font-size: 1.8rem;
                line-height: 24px;
                line-height: 2.4rem;
                font-family: var(--f-sans);
                font-weight: 700;
                min-height: 40px;
                justify-content: center;
                position: relative;
                overflow: hidden;
                white-space: nowrap;
                border-radius: var(--s);
                padding: 0 var(--s-xs);
                text-decoration-line: underline;
                text-decoration-color: var(--c-pop);
                text-decoration-style: double;
                text-decoration-skip-ink: auto; }
                .header--style-lite .header__fix-cont > nav > ul > li:last-child a:nth-child(1):hover {
                  color: var(--c-dk); }
                .header--style-lite .header__fix-cont > nav > ul > li:last-child a:nth-child(1):before {
                  content: "";
                  position: absolute;
                  right: 0;
                  bottom: 0;
                  left: 0;
                  transform: scaleY(0);
                  transform-origin: bottom;
                  height: 3px;
                  transition: transform var(--a-xs); }
                .header--style-lite .header__fix-cont > nav > ul > li:last-child a:nth-child(1):hover:before {
                  transform: scaleY(1); }
                .header--style-lite .header__fix-cont > nav > ul > li:last-child a:nth-child(1)[disabled] {
                  opacity: 0.5;
                  cursor: no-drop; }
                .header--style-lite .header__fix-cont > nav > ul > li:last-child a:nth-child(1):before {
                  display: none; }
            .header__fix-cont > nav > ul > li:last-child a:nth-child(2) {
              display: inline-flex;
              align-items: center;
              color: var(--c-fg-dk);
              font-size: 18px;
              font-size: 1.8rem;
              line-height: 24px;
              line-height: 2.4rem;
              font-family: var(--f-sans);
              font-weight: 700;
              min-height: 40px;
              justify-content: center;
              position: relative;
              overflow: hidden;
              white-space: nowrap;
              border-radius: var(--s);
              padding: 0 var(--s-xs); }
              .header__fix-cont > nav > ul > li:last-child a:nth-child(2):hover {
                color: var(--c-dk); }
              .header__fix-cont > nav > ul > li:last-child a:nth-child(2):before {
                content: "";
                position: absolute;
                right: 0;
                bottom: 0;
                left: 0;
                transform: scaleY(0);
                transform-origin: bottom;
                height: 3px;
                transition: transform var(--a-xs); }
              .header__fix-cont > nav > ul > li:last-child a:nth-child(2):hover:before {
                transform: scaleY(1); }
              .header__fix-cont > nav > ul > li:last-child a:nth-child(2)[disabled] {
                opacity: 0.5;
                cursor: no-drop; }
              .header__fix-cont > nav > ul > li:last-child a:nth-child(2):before {
                display: none; }
              @media (min-width: 992px) {
                .header__fix-cont > nav > ul > li:last-child a:nth-child(2) {
                  display: none; } }
          .header__fix-cont > nav > ul > li > button,
          .header__fix-cont > nav > ul > li > a {
            display: inline-flex;
            align-items: center;
            color: var(--c-fg-dk);
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 24px;
            line-height: 2.4rem;
            font-family: var(--f-sans);
            font-weight: 700;
            min-height: 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            line-height: calc(1.5 * var(--s-md)); }
            .header__fix-cont > nav > ul > li > button:hover,
            .header__fix-cont > nav > ul > li > a:hover {
              color: var(--c-dk); }
          .header__fix-cont > nav > ul > li > button > i {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            width: var(--s);
            height: var(--s);
            margin-top: -2px;
            border-color: var(--c-black);
            border-style: solid;
            border-width: 2px 2px 0 0;
            background-color: transparent;
            transform: rotate(135deg);
            margin-left: var(--s); }
          .header__fix-cont > nav > ul > li > ul {
            background-color: var(--c-white);
            border: 1px solid var(--c-br-lt);
            border-top: 0;
            border-bottom-left-radius: var(--s);
            border-bottom-right-radius: var(--s);
            padding: calc(var(--s) * 0.5) var(--s) var(--s) 0; }
            @media (max-width: 991px) {
              .header__fix-cont > nav > ul > li > ul {
                opacity: 0;
                pointer-events: none;
                transform: translateY(calc(-1 * var(--s-sm))) scale(0.95);
                transition: opacity var(--a-sm), transform var(--a-sm);
                display: none; } }
            @media (min-width: 992px) {
              .header__fix-cont > nav > ul > li > ul {
                opacity: 0;
                pointer-events: none;
                transform: translateY(calc(-1 * var(--s-sm))) scale(0.95);
                transition: opacity var(--a-sm), transform var(--a-sm);
                position: absolute;
                top: calc((1.5 * var(--s-md)) - 1px);
                right: auto;
                bottom: auto;
                left: calc(-1 * var(--s-xs)); } }
            .header__fix-cont > nav > ul > li > ul > li > a {
              display: inline-flex;
              align-items: center;
              color: var(--c-fg-dk);
              font-size: 18px;
              font-size: 1.8rem;
              line-height: 24px;
              line-height: 2.4rem;
              font-family: var(--f-sans);
              font-weight: 700;
              min-height: 40px;
              padding: 0 var(--s-xs);
              white-space: nowrap; }
              .header__fix-cont > nav > ul > li > ul > li > a:hover {
                color: var(--c-dk); }
          @media (min-width: 992px) {
            .header__fix-cont > nav > ul > li:hover > ul {
              opacity: 1;
              pointer-events: auto;
              transform: translateY(0) scale(1); } }
          @media (max-width: 991px) {
            .header__fix-cont > nav > ul > li > button.is-open > i {
              display: inline-block;
              vertical-align: middle;
              position: relative;
              width: var(--s);
              height: var(--s);
              margin-top: -2px;
              border-color: var(--c-black);
              border-style: solid;
              border-width: 2px 2px 0 0;
              background-color: transparent;
              transform: rotate(-45deg); } }
          @media (max-width: 991px) {
            .header__fix-cont > nav > ul > li > button.is-open + ul {
              opacity: 1;
              pointer-events: auto;
              transform: translateY(0) scale(1);
              display: block; } }
      .header__fix-cont > nav > em {
        margin-right: var(--s-xs); }
        @media (min-width: 992px) {
          .header__fix-cont > nav > em {
            display: none; } }
      .header__fix-cont > nav > button {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: var(--s-md);
        font-weight: bold;
        width: var(--s-xl);
        text-align: center; }
        .header__fix-cont > nav > button:before {
          position: absolute;
          top: 0;
          right: auto;
          bottom: auto;
          left: 0;
          content: "";
          display: block;
          width: 100%;
          height: 3px;
          background: linear-gradient(90deg, var(--c-pop) 50%, var(--c-dk) 50%); }
        @media (min-width: 992px) {
          .header__fix-cont > nav > button {
            display: none; } }
        .header--style-lite .header__fix-cont > nav > button {
          display: none; }
        .header__fix-cont > nav > button > i {
          position: relative;
          margin-left: var(--s);
          width: calc(var(--s) * 1.5);
          height: calc(var(--s) * 1.5);
          transition: transform var(--a-xs); }
          .header.is-open .header__fix-cont > nav > button > i {
            transform: rotate(45deg); }
          .header__fix-cont > nav > button > i:before, .header__fix-cont > nav > button > i:after {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            content: "";
            background-color: var(--c-fg-dk); }
          .header__fix-cont > nav > button > i:before {
            width: 100%;
            height: calc(var(--s) * 0.25); }
          .header__fix-cont > nav > button > i:after {
            width: calc(var(--s) * 0.25);
            height: 100%; }
      @media (min-width: 992px) {
        .header__fix-cont > nav:first-of-type {
          padding-top: var(--s-sm); } }
      .header__fix-cont > nav:last-of-type {
        position: absolute;
        top: var(--s);
        right: 0;
        bottom: auto;
        left: auto;
        display: flex;
        align-items: center;
        height: var(--s-sm); }
        @media (max-width: 991px) {
          .header__fix-cont > nav:last-of-type {
            display: none; } }
        .header__fix-cont > nav:last-of-type > a {
          display: inline-flex;
          align-items: center;
          color: var(--c-fg-dk);
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 24px;
          line-height: 2.4rem;
          font-family: var(--f-sans);
          font-weight: 700;
          min-height: 40px;
          justify-content: center;
          position: relative;
          overflow: hidden;
          white-space: nowrap;
          border-radius: var(--s);
          padding: 0 var(--s-xs);
          text-decoration-line: underline;
          text-decoration-color: var(--c-pop);
          text-decoration-style: double;
          text-decoration-skip-ink: auto;
          max-height: var(--s-sm); }
          .header__fix-cont > nav:last-of-type > a:hover {
            color: var(--c-dk); }
          .header__fix-cont > nav:last-of-type > a:before {
            content: "";
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            transform: scaleY(0);
            transform-origin: bottom;
            height: 3px;
            transition: transform var(--a-xs); }
          .header__fix-cont > nav:last-of-type > a:hover:before {
            transform: scaleY(1); }
          .header__fix-cont > nav:last-of-type > a[disabled] {
            opacity: 0.5;
            cursor: no-drop; }
          .header__fix-cont > nav:last-of-type > a:before {
            display: none; }
  .header__sentinal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0; }
    @media (min-width: 992px) {
      .header__sentinal {
        top: var(--s-sm); } }

.hero {
  position: relative;
  border-bottom: 1px solid var(--c-br-lt); }
  .hero--height-sm {
    height: 44vh; }
  .hero--height-md {
    height: 66vh; }
  .hero--height-lg {
    height: 88vh; }
  .hero > figure > img {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: var(--i-filter); }
  .hero > header {
    background-color: var(--c-bg-lt);
    background: linear-gradient(to top, var(--c-bg-lt) 66%, var(--c-glass));
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--s-sm);
    border: 1px solid var(--c-br-lt);
    border-left: 0;
    border-bottom: 0; }
    @media (min-width: 768px) {
      .hero > header {
        padding: var(--s-md); } }
    @media (min-width: 992px) {
      .hero > header {
        padding: var(--s-md) var(--s-lg); } }
    .hero > header > h1 {
      font-size: 44px;
      font-size: 4.4rem;
      line-height: 48px;
      line-height: 4.8rem;
      font-family: var(--f-sans);
      font-weight: 500;
      letter-spacing: -0.5px;
      order: 2;
      filter: drop-shadow(0 0 var(--s) var(--c-white)); }
      @media (min-width: 768px) {
        .hero > header > h1 {
          font-size: 54px;
          font-size: 5.4rem;
          line-height: 58px;
          line-height: 5.8rem; } }
    .hero > header > h3 {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 22px;
      line-height: 2.2rem;
      font-family: var(--f-sans-lg);
      text-transform: uppercase;
      order: 1;
      margin-bottom: var(--s);
      filter: drop-shadow(0 0 var(--s) var(--c-white));
      color: var(--c-dk); }
    .hero > header > nav {
      display: flex;
      order: 3;
      margin-top: var(--s-sm); }
      .hero > header > nav > * {
        margin-right: var(--s-xs); }
  .hero--text-align-left > header {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -1px;
    left: 0;
    text-align: left;
    border-top-right-radius: var(--s-sm); }
  .hero--text-align-right > header {
    position: absolute;
    top: auto;
    right: 0;
    bottom: -1px;
    left: auto;
    text-align: right;
    border-top-left-radius: var(--s-sm); }

.hero-form {
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 768px) {
    .hero-form {
      align-items: center; } }
  .hero-form--no-media {
    justify-content: center; }
  .hero-form > header {
    max-width: var(--w-lg);
    padding: var(--s-sm); }
    @media (min-width: 992px) {
      .hero-form > header {
        width: 45%;
        padding: var(--s-lg); } }
    .hero-form > header > h1 {
      font-size: 44px;
      font-size: 4.4rem;
      line-height: 48px;
      line-height: 4.8rem;
      font-family: var(--f-sans);
      font-weight: 500;
      letter-spacing: -0.5px; }
      @media (min-width: 768px) {
        .hero-form > header > h1 {
          font-size: 54px;
          font-size: 5.4rem;
          line-height: 58px;
          line-height: 5.8rem; } }
      .hero-form > header > h1 > em {
        position: relative;
        text-transform: uppercase; }
        .hero-form > header > h1 > em:before {
          position: absolute;
          top: auto;
          right: 0;
          bottom: 0.1em;
          left: 0;
          content: "";
          transform: translateX(0.1em);
          border-bottom: 0.35em solid var(--c-pop);
          z-index: 1; }
        .hero-form > header > h1 > em > * {
          position: relative;
          z-index: 2; }
    .hero-form > header > div {
      margin-top: var(--s-xs); }
      .hero-form > header > div > * {
        margin-top: var(--s-xs); }
        .hero-form > header > div > *:first-child {
          margin-top: 0; }
      .hero-form > header > div > h1, .hero-form > header > div h2, .hero-form > header > div h3, .hero-form > header > div h4, .hero-form > header > div h5, .hero-form > header > div h6 {
        margin-top: var(--s-sm); }
        .hero-form > header > div > h1:first-child, .hero-form > header > div h2:first-child, .hero-form > header > div h3:first-child, .hero-form > header > div h4:first-child, .hero-form > header > div h5:first-child, .hero-form > header > div h6:first-child {
          margin-top: 0; }
      .hero-form > header > div > h1 {
        font-size: 44px;
        font-size: 4.4rem;
        line-height: 48px;
        line-height: 4.8rem;
        font-family: var(--f-sans);
        font-weight: 500;
        letter-spacing: -0.5px; }
        @media (min-width: 768px) {
          .hero-form > header > div > h1 {
            font-size: 54px;
            font-size: 5.4rem;
            line-height: 58px;
            line-height: 5.8rem; } }
      .hero-form > header > div > h2 {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 36px;
        line-height: 3.6rem;
        font-family: var(--f-sans);
        font-weight: 500; }
        @media (min-width: 768px) {
          .hero-form > header > div > h2 {
            font-size: 42px;
            font-size: 4.2rem;
            line-height: 46px;
            line-height: 4.6rem; } }
      .hero-form > header > div > h3 {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
        line-height: 3rem;
        font-family: var(--f-sans);
        font-weight: 500; }
      .hero-form > header > div > h4 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        line-height: 2.2rem;
        font-family: var(--f-sans-lg);
        text-transform: uppercase; }
      .hero-form > header > div > p {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 34px;
        line-height: 3.4rem; }
        .hero-form > header > div > p > b,
        .hero-form > header > div > p > strong {
          font-weight: 600; }
        .hero-form > header > div > p > i,
        .hero-form > header > div > p > em {
          font-style: italic; }
        .hero-form > header > div > p > a {
          display: inline-flex;
          align-items: center;
          color: var(--c-fg-dk);
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 24px;
          line-height: 2.4rem;
          font-family: var(--f-sans);
          font-weight: 700;
          min-height: 40px;
          min-height: auto;
          text-decoration-line: underline;
          text-decoration-color: var(--c-pop);
          text-decoration-style: double;
          text-decoration-skip-ink: auto; }
          .hero-form > header > div > p > a:hover {
            color: var(--c-dk); }
      .hero-form > header > div > ol,
      .hero-form > header > div > ul {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 34px;
        line-height: 3.4rem;
        max-width: var(--w-lg);
        margin-top: var(--s-sm);
        padding-left: var(--s-xs); }
        .hero-form > header > div > ol > li,
        .hero-form > header > div > ul > li {
          margin-top: var(--s); }
          .hero-form > header > div > ol > li:first-child,
          .hero-form > header > div > ul > li:first-child {
            margin-top: 0; }
          .hero-form > header > div > ol > li > strong,
          .hero-form > header > div > ul > li > strong {
            font-weight: 600; }
          .hero-form > header > div > ol > li > a,
          .hero-form > header > div > ul > li > a {
            display: inline-flex;
            align-items: center;
            color: var(--c-fg-dk);
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 24px;
            line-height: 2.4rem;
            font-family: var(--f-sans);
            font-weight: 700;
            min-height: 40px;
            min-height: auto; }
            .hero-form > header > div > ol > li > a:hover,
            .hero-form > header > div > ul > li > a:hover {
              color: var(--c-dk); }
      .hero-form > header > div > ol {
        list-style-type: decimal; }
      .hero-form > header > div > ul {
        list-style-type: circle; }
      .hero-form > header > div > figure > table {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 28px;
        line-height: 2.8rem;
        min-width: var(--w-md);
        overflow-x: auto;
        border-collapse: collapse; }
        .hero-form > header > div > figure > table b,
        .hero-form > header > div > figure > table strong {
          font-weight: 600; }
        .hero-form > header > div > figure > table th,
        .hero-form > header > div > figure > table td {
          padding: var(--s) var(--s-xs);
          border: 1px solid var(--c-br-lt); }
        .hero-form > header > div > figure > table > thead {
          background-color: var(--c-white); }
      .hero-form > header > div > figure > img {
        max-width: 100%;
        height: auto; }
      .hero-form > header > div > figure,
      .hero-form > header > div iframe {
        margin: var(--s-sm) 0; }
      @media (min-width: 768px) {
        .hero-form > header > div {
          margin-top: var(--s-sm); } }
    .hero-form > header > aside {
      padding: var(--s-sm);
      box-shadow: 0 4px 30px RGB(0 0 0/10%);
      border: 1px solid var(--c-br-lt);
      border-radius: var(--r-sm);
      background-color: var(--c-white);
      background: linear-gradient(to bottom, var(--c-white) 66%, var(--c-glass));
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);
      margin-top: var(--s-sm); }
      @media (min-width: 768px) {
        .hero-form > header > aside {
          padding: var(--s-md); } }
      @media (min-width: 992px) {
        .hero-form > header > aside {
          padding: var(--s-lg); } }
  .hero-form > figure {
    position: relative;
    overflow: hidden;
    background-color: var(--c-white);
    border-top-left-radius: var(--r-md);
    border-bottom-left-radius: var(--r-md);
    border: 1px solid var(--c-br-lt);
    border-right: 0; }
    @media (max-width: 991px) {
      .hero-form > figure {
        display: none; } }
    @media (min-width: 992px) {
      .hero-form > figure {
        width: 55%;
        padding-bottom: 50%; } }
    @media (min-width: 1280px) {
      .hero-form > figure {
        padding-bottom: 44%; } }
    .hero-form > figure > img {
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 100%;
      height: 100%; }
      .hero-form > figure > img.size-cover {
        object-fit: cover; }
      .hero-form > figure > img.size-contain {
        object-fit: contain; }

.heading-list {
  padding: var(--s-sm); }
  .heading-list--bg-gray {
    background-color: var(--c-bg-lt); }
  .heading-list--bg-white {
    background-color: var(--c-white); }
  .heading-list--bg-blue {
    background: linear-gradient(to bottom right, var(--c-lt) 0%, var(--c-lt) 50%, var(--c-bg-lt) 50%, var(--c-bg-lt) 100%); }
  @media (min-width: 768px) {
    .heading-list {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: var(--s-md); } }
  @media (min-width: 992px) {
    .heading-list {
      padding: var(--s-lg); } }
  @media (min-width: 768px) {
    .heading-list > header {
      width: calc(50% - var(--s-sm)); } }
  .heading-list > header > h1 > em,
  .heading-list > header > h2 > em {
    position: relative;
    text-transform: uppercase; }
    .heading-list > header > h1 > em:before,
    .heading-list > header > h2 > em:before {
      position: absolute;
      top: auto;
      right: 0;
      bottom: 0.1em;
      left: 0;
      content: "";
      transform: translateX(0.1em);
      border-bottom: 0.35em solid var(--c-pop);
      z-index: 1; }
    .heading-list > header > h1 > em > *,
    .heading-list > header > h2 > em > * {
      position: relative;
      z-index: 2; }
  .heading-list--heading-style-hero > header > h1 {
    font-size: clamp(6.8rem, 10.3vw, 16.9rem);
    line-height: clamp(6.8rem, 10.3vw, 16.9rem);
    font-family: var(--f-sans-lg-it); }
  .heading-list--heading-style-section > header > h2 {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 48px;
    line-height: 4.8rem;
    font-family: var(--f-sans);
    font-weight: 500;
    letter-spacing: -0.5px;
    max-width: var(--w-md); }
    @media (min-width: 768px) {
      .heading-list--heading-style-section > header > h2 {
        font-size: 54px;
        font-size: 5.4rem;
        line-height: 58px;
        line-height: 5.8rem; } }
  .heading-list > div {
    padding: var(--s-sm);
    box-shadow: 0 4px 30px RGB(0 0 0/10%);
    border: 1px solid var(--c-br-lt);
    border-radius: var(--r-sm);
    background-color: var(--c-white);
    background: linear-gradient(to bottom, var(--c-white) 66%, var(--c-glass));
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    padding-left: var(--s-lg);
    padding-bottom: var(--s-sm) !important; }
    @media (min-width: 768px) {
      .heading-list > div {
        padding: var(--s-md); } }
    @media (min-width: 992px) {
      .heading-list > div {
        padding: var(--s-lg); } }
    @media (max-width: 767px) {
      .heading-list > div {
        margin-top: var(--s-sm); } }
    @media (min-width: 768px) {
      .heading-list > div {
        width: calc(50% - var(--s-sm));
        padding-left: var(--s-xl); } }
    .heading-list > div > ul > li {
      margin-top: var(--s-xs);
      position: relative; }
      .heading-list > div > ul > li:first-child {
        margin-top: 0; }
      @media (min-width: 992px) {
        .heading-list > div > ul > li {
          margin-top: var(--s-sm); }
          .heading-list > div > ul > li:first-child {
            margin-top: 0; } }
      .heading-list > div > ul > li > i {
        display: block; }
      .heading-list > div > ul > li > h2,
      .heading-list > div > ul > li > h3 {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
        line-height: 3rem;
        font-family: var(--f-sans);
        font-weight: 500; }
      .heading-list > div > ul > li > div {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 28px;
        line-height: 2.8rem;
        margin-top: var(--s);
        color: var(--c-fg-md); }
        .heading-list > div > ul > li > div > p > a {
          display: inline-flex;
          align-items: center;
          color: var(--c-fg-dk);
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 24px;
          line-height: 2.4rem;
          font-family: var(--f-sans);
          font-weight: 700;
          min-height: 40px;
          min-height: auto;
          text-decoration-line: underline;
          text-decoration-color: var(--c-pop);
          text-decoration-style: double;
          text-decoration-skip-ink: auto; }
          .heading-list > div > ul > li > div > p > a:hover {
            color: var(--c-dk); }
    .heading-list > div > nav {
      display: flex;
      justify-content: center;
      width: calc(100% + var(--s-sm));
      margin-left: calc(-1 * var(--s-sm));
      margin-top: var(--s-sm); }
      @media (min-width: 992px) {
        .heading-list > div > nav {
          width: calc(100% + var(--s-xs));
          margin-left: calc(-1 * var(--s-xs));
          margin-top: var(--s-md); } }
      .heading-list > div > nav > * {
        margin-left: var(--s-xs);
        min-width: calc(50% - var(--s)); }
        .heading-list > div > nav > *:first-child {
          margin-left: 0; }
        .heading-list > div > nav > * * {
          width: 100%; }
  .heading-list--list-style-checklist > div > ul > li > i {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--s-xs) + var(--s));
    height: calc(var(--s-xs) + var(--s));
    border: 3px solid var(--c-lt);
    position: absolute;
    top: calc(var(--s) * 0.5);
    right: auto;
    bottom: auto;
    left: calc(-1.25 * var(--s-sm)); }
    .heading-list--list-style-checklist > div > ul > li > i:after {
      content: "";
      transform: rotate(-45deg);
      width: calc(var(--s-xs) * 1.5);
      height: var(--s);
      margin-top: calc(-1 *  var(--s-xs));
      margin-right: calc(-1.25 *  var(--s));
      border-left: 3px solid var(--c-dk);
      border-bottom: 3px solid var(--c-dk); }
  .heading-list--list-style-bullets > div > ul > li > i {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: calc(-1 * var(--s-md));
    display: flex;
    align-items: center;
    width: var(--s-sm);
    height: var(--s-sm);
    padding-left: var(--s);
    background-color: var(--c-lt);
    border-radius: 50%; }
    .heading-list--list-style-bullets > div > ul > li > i:after {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      width: var(--s);
      height: var(--s);
      margin-top: -2px;
      border-color: var(--c-white);
      border-style: solid;
      border-width: 4px 4px 0 0;
      background-color: transparent;
      transform: rotate(45deg);
      content: ""; }

.intro {
  display: flex;
  justify-content: center;
  margin: var(--s-md) 0 var(--s-sm);
  padding: 0 var(--s-sm); }
  @media (min-width: 768px) {
    .intro {
      margin: var(--s-xl) 0 var(--s-lg);
      padding: 0 var(--s-lg); } }
  .intro > div {
    max-width: var(--w-md);
    text-align: center; }
    .intro > div > * {
      margin-top: var(--s-xs); }
      .intro > div > *:first-child {
        margin-top: 0; }
      @media (min-width: 768px) {
        .intro > div > * {
          margin-top: var(--s-sm); }
          .intro > div > *:first-child {
            margin-top: 0; } }
    .intro > div > h2 {
      font-size: 44px;
      font-size: 4.4rem;
      line-height: 48px;
      line-height: 4.8rem;
      font-family: var(--f-sans);
      font-weight: 500;
      letter-spacing: -0.5px;
      text-wrap: balance; }
      @media (min-width: 768px) {
        .intro > div > h2 {
          font-size: 54px;
          font-size: 5.4rem;
          line-height: 58px;
          line-height: 5.8rem; } }
    .intro > div > div > * {
      margin-top: var(--s-xs); }
      .intro > div > div > *:first-child {
        margin-top: 0; }
    .intro > div > div > h1, .intro > div > div h2, .intro > div > div h3, .intro > div > div h4, .intro > div > div h5, .intro > div > div h6 {
      margin-top: var(--s-sm); }
      .intro > div > div > h1:first-child, .intro > div > div h2:first-child, .intro > div > div h3:first-child, .intro > div > div h4:first-child, .intro > div > div h5:first-child, .intro > div > div h6:first-child {
        margin-top: 0; }
    .intro > div > div > h1 {
      font-size: 44px;
      font-size: 4.4rem;
      line-height: 48px;
      line-height: 4.8rem;
      font-family: var(--f-sans);
      font-weight: 500;
      letter-spacing: -0.5px; }
      @media (min-width: 768px) {
        .intro > div > div > h1 {
          font-size: 54px;
          font-size: 5.4rem;
          line-height: 58px;
          line-height: 5.8rem; } }
    .intro > div > div > h2 {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 36px;
      line-height: 3.6rem;
      font-family: var(--f-sans);
      font-weight: 500; }
      @media (min-width: 768px) {
        .intro > div > div > h2 {
          font-size: 42px;
          font-size: 4.2rem;
          line-height: 46px;
          line-height: 4.6rem; } }
    .intro > div > div > h3 {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 30px;
      line-height: 3rem;
      font-family: var(--f-sans);
      font-weight: 500; }
    .intro > div > div > h4 {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 22px;
      line-height: 2.2rem;
      font-family: var(--f-sans-lg);
      text-transform: uppercase; }
    .intro > div > div > p {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 34px;
      line-height: 3.4rem; }
      .intro > div > div > p > b,
      .intro > div > div > p > strong {
        font-weight: 600; }
      .intro > div > div > p > i,
      .intro > div > div > p > em {
        font-style: italic; }
      .intro > div > div > p > a {
        display: inline-flex;
        align-items: center;
        color: var(--c-fg-dk);
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
        font-family: var(--f-sans);
        font-weight: 700;
        min-height: 40px;
        min-height: auto;
        text-decoration-line: underline;
        text-decoration-color: var(--c-pop);
        text-decoration-style: double;
        text-decoration-skip-ink: auto; }
        .intro > div > div > p > a:hover {
          color: var(--c-dk); }
    .intro > div > div > ol,
    .intro > div > div > ul {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 34px;
      line-height: 3.4rem;
      max-width: var(--w-lg);
      margin-top: var(--s-sm);
      padding-left: var(--s-xs); }
      .intro > div > div > ol > li,
      .intro > div > div > ul > li {
        margin-top: var(--s); }
        .intro > div > div > ol > li:first-child,
        .intro > div > div > ul > li:first-child {
          margin-top: 0; }
        .intro > div > div > ol > li > strong,
        .intro > div > div > ul > li > strong {
          font-weight: 600; }
        .intro > div > div > ol > li > a,
        .intro > div > div > ul > li > a {
          display: inline-flex;
          align-items: center;
          color: var(--c-fg-dk);
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 24px;
          line-height: 2.4rem;
          font-family: var(--f-sans);
          font-weight: 700;
          min-height: 40px;
          min-height: auto; }
          .intro > div > div > ol > li > a:hover,
          .intro > div > div > ul > li > a:hover {
            color: var(--c-dk); }
    .intro > div > div > ol {
      list-style-type: decimal; }
    .intro > div > div > ul {
      list-style-type: circle; }
    .intro > div > div > figure > table {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 28px;
      line-height: 2.8rem;
      min-width: var(--w-md);
      overflow-x: auto;
      border-collapse: collapse; }
      .intro > div > div > figure > table b,
      .intro > div > div > figure > table strong {
        font-weight: 600; }
      .intro > div > div > figure > table th,
      .intro > div > div > figure > table td {
        padding: var(--s) var(--s-xs);
        border: 1px solid var(--c-br-lt); }
      .intro > div > div > figure > table > thead {
        background-color: var(--c-white); }
    .intro > div > div > figure > img {
      max-width: 100%;
      height: auto; }
    .intro > div > div > figure,
    .intro > div > div iframe {
      margin: var(--s-sm) 0; }
    .intro > div > nav {
      display: flex;
      justify-content: center; }
      .intro > div > nav a:nth-child(1) {
        display: inline-flex;
        align-items: center;
        color: var(--c-fg-dk);
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
        font-family: var(--f-sans);
        font-weight: 700;
        min-height: 40px;
        justify-content: center;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        border-radius: var(--s);
        padding: 0 var(--s-xs);
        border: 1px solid var(--c-fg-dk);
        background: linear-gradient(to right, var(--c-fg-dk) 11%, var(--c-dk));
        color: var(--c-white); }
        .intro > div > nav a:nth-child(1):hover {
          color: var(--c-dk); }
        .intro > div > nav a:nth-child(1):before {
          content: "";
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;
          transform: scaleY(0);
          transform-origin: bottom;
          height: 3px;
          transition: transform var(--a-xs); }
        .intro > div > nav a:nth-child(1):hover:before {
          transform: scaleY(1); }
        .intro > div > nav a:nth-child(1)[disabled] {
          opacity: 0.5;
          cursor: no-drop; }
        .intro > div > nav a:nth-child(1):before {
          background-color: var(--c-white); }
        .intro > div > nav a:nth-child(1):hover {
          color: var(--c-white); }
      .intro > div > nav a:nth-child(2) {
        display: inline-flex;
        align-items: center;
        color: var(--c-fg-dk);
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
        font-family: var(--f-sans);
        font-weight: 700;
        min-height: 40px;
        justify-content: center;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        border-radius: var(--s);
        padding: 0 var(--s-xs);
        background-color: var(--c-white);
        background: linear-gradient(to right, var(--c-white) 66%, var(--c-glass));
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        border: 1px solid var(--c-pop);
        color: var(--c-fg-dk); }
        .intro > div > nav a:nth-child(2):hover {
          color: var(--c-dk); }
        .intro > div > nav a:nth-child(2):before {
          content: "";
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;
          transform: scaleY(0);
          transform-origin: bottom;
          height: 3px;
          transition: transform var(--a-xs); }
        .intro > div > nav a:nth-child(2):hover:before {
          transform: scaleY(1); }
        .intro > div > nav a:nth-child(2)[disabled] {
          opacity: 0.5;
          cursor: no-drop; }
        .intro > div > nav a:nth-child(2):before {
          background-color: var(--c-pop); }
        .intro > div > nav a:nth-child(2):hover {
          color: var(--c-fg-dk); }

.media {
  margin: var(--s-sm) 0;
  padding: 0 var(--s-sm); }
  @media (min-width: 768px) {
    .media {
      margin: var(--s-lg) 0;
      padding: 0 var(--s-md); } }
  @media (min-width: 992px) {
    .media {
      padding: 0 var(--s-lg); } }
  .media--width-full {
    margin: 0;
    padding: 0; }
  .media > figure {
    position: relative;
    overflow: hidden;
    border-radius: var(--r-md); }
    .media > figure > img {
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 100%;
      height: 100%; }
      .media > figure > img.size-cover {
        object-fit: cover; }
      .media > figure > img.size-contain {
        object-fit: contain; }
  .media--height-sm > figure {
    aspect-ratio: 16 / 5; }
  .media--height-md > figure {
    aspect-ratio: 16 / 7; }
  .media--height-lg > figure {
    aspect-ratio: 16 / 9; }

.media-split {
  display: flex;
  flex-wrap: wrap;
  margin: var(--s-sm) 0; }
  @media (min-width: 768px) {
    .media-split {
      align-items: center;
      margin: var(--s-lg) 0; } }
  .media-split--pos-right {
    justify-content: flex-end; }
  .media-split > figure {
    position: relative;
    overflow: hidden;
    width: calc(100% - var(--s-sm));
    padding-bottom: 75%;
    background-color: var(--c-white);
    border: 1px solid var(--c-br-lt); }
    @media (min-width: 768px) {
      .media-split > figure {
        width: 60%;
        padding-bottom: 55%; } }
    @media (min-width: 992px) {
      .media-split > figure {
        width: 55%;
        padding-bottom: 50%; } }
    @media (min-width: 1280px) {
      .media-split > figure {
        padding-bottom: 44%; } }
    .media-split > figure > img {
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 100%;
      height: 100%; }
      .media-split > figure > img.size-cover {
        object-fit: cover; }
      .media-split > figure > img.size-contain {
        object-fit: contain; }
  .media-split--pos-left > figure {
    border-top-right-radius: var(--r-md);
    border-bottom-right-radius: var(--r-md);
    border-left: 0; }
  .media-split--pos-right > figure {
    border-top-left-radius: var(--r-md);
    border-bottom-left-radius: var(--r-md);
    border-right: 0; }
    @media (min-width: 768px) {
      .media-split--pos-right > figure {
        order: 2; } }
  .media-split > div {
    max-width: var(--w-md);
    padding: var(--s-sm); }
    @media (min-width: 768px) {
      .media-split > div {
        width: 40%;
        padding: var(--s-md); } }
    @media (min-width: 992px) {
      .media-split > div {
        width: 45%;
        padding: var(--s-lg); } }
    .media-split > div > h2 {
      font-size: 44px;
      font-size: 4.4rem;
      line-height: 48px;
      line-height: 4.8rem;
      font-family: var(--f-sans);
      font-weight: 500;
      letter-spacing: -0.5px;
      text-wrap: balance; }
      @media (min-width: 768px) {
        .media-split > div > h2 {
          font-size: 54px;
          font-size: 5.4rem;
          line-height: 58px;
          line-height: 5.8rem; } }
      .media-split > div > h2 > em {
        position: relative;
        text-transform: uppercase; }
        .media-split > div > h2 > em:before {
          position: absolute;
          top: auto;
          right: 0;
          bottom: 0.1em;
          left: 0;
          content: "";
          transform: translateX(0.1em);
          border-bottom: 0.35em solid var(--c-pop);
          z-index: 1; }
        .media-split > div > h2 > em > * {
          position: relative;
          z-index: 2; }
    .media-split > div > div {
      margin-top: var(--s-xs); }
      .media-split > div > div > * {
        margin-top: var(--s-xs); }
        .media-split > div > div > *:first-child {
          margin-top: 0; }
      .media-split > div > div > h1, .media-split > div > div h2, .media-split > div > div h3, .media-split > div > div h4, .media-split > div > div h5, .media-split > div > div h6 {
        margin-top: var(--s-sm); }
        .media-split > div > div > h1:first-child, .media-split > div > div h2:first-child, .media-split > div > div h3:first-child, .media-split > div > div h4:first-child, .media-split > div > div h5:first-child, .media-split > div > div h6:first-child {
          margin-top: 0; }
      .media-split > div > div > h1 {
        font-size: 44px;
        font-size: 4.4rem;
        line-height: 48px;
        line-height: 4.8rem;
        font-family: var(--f-sans);
        font-weight: 500;
        letter-spacing: -0.5px; }
        @media (min-width: 768px) {
          .media-split > div > div > h1 {
            font-size: 54px;
            font-size: 5.4rem;
            line-height: 58px;
            line-height: 5.8rem; } }
      .media-split > div > div > h2 {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 36px;
        line-height: 3.6rem;
        font-family: var(--f-sans);
        font-weight: 500; }
        @media (min-width: 768px) {
          .media-split > div > div > h2 {
            font-size: 42px;
            font-size: 4.2rem;
            line-height: 46px;
            line-height: 4.6rem; } }
      .media-split > div > div > h3 {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
        line-height: 3rem;
        font-family: var(--f-sans);
        font-weight: 500; }
      .media-split > div > div > h4 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        line-height: 2.2rem;
        font-family: var(--f-sans-lg);
        text-transform: uppercase; }
      .media-split > div > div > p {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 34px;
        line-height: 3.4rem; }
        .media-split > div > div > p > b,
        .media-split > div > div > p > strong {
          font-weight: 600; }
        .media-split > div > div > p > i,
        .media-split > div > div > p > em {
          font-style: italic; }
        .media-split > div > div > p > a {
          display: inline-flex;
          align-items: center;
          color: var(--c-fg-dk);
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 24px;
          line-height: 2.4rem;
          font-family: var(--f-sans);
          font-weight: 700;
          min-height: 40px;
          min-height: auto;
          text-decoration-line: underline;
          text-decoration-color: var(--c-pop);
          text-decoration-style: double;
          text-decoration-skip-ink: auto; }
          .media-split > div > div > p > a:hover {
            color: var(--c-dk); }
      .media-split > div > div > ol,
      .media-split > div > div > ul {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 34px;
        line-height: 3.4rem;
        max-width: var(--w-lg);
        margin-top: var(--s-sm);
        padding-left: var(--s-xs); }
        .media-split > div > div > ol > li,
        .media-split > div > div > ul > li {
          margin-top: var(--s); }
          .media-split > div > div > ol > li:first-child,
          .media-split > div > div > ul > li:first-child {
            margin-top: 0; }
          .media-split > div > div > ol > li > strong,
          .media-split > div > div > ul > li > strong {
            font-weight: 600; }
          .media-split > div > div > ol > li > a,
          .media-split > div > div > ul > li > a {
            display: inline-flex;
            align-items: center;
            color: var(--c-fg-dk);
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 24px;
            line-height: 2.4rem;
            font-family: var(--f-sans);
            font-weight: 700;
            min-height: 40px;
            min-height: auto; }
            .media-split > div > div > ol > li > a:hover,
            .media-split > div > div > ul > li > a:hover {
              color: var(--c-dk); }
      .media-split > div > div > ol {
        list-style-type: decimal; }
      .media-split > div > div > ul {
        list-style-type: circle; }
      .media-split > div > div > figure > table {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 28px;
        line-height: 2.8rem;
        min-width: var(--w-md);
        overflow-x: auto;
        border-collapse: collapse; }
        .media-split > div > div > figure > table b,
        .media-split > div > div > figure > table strong {
          font-weight: 600; }
        .media-split > div > div > figure > table th,
        .media-split > div > div > figure > table td {
          padding: var(--s) var(--s-xs);
          border: 1px solid var(--c-br-lt); }
        .media-split > div > div > figure > table > thead {
          background-color: var(--c-white); }
      .media-split > div > div > figure > img {
        max-width: 100%;
        height: auto; }
      .media-split > div > div > figure,
      .media-split > div > div iframe {
        margin: var(--s-sm) 0; }
      @media (min-width: 768px) {
        .media-split > div > div {
          margin-top: var(--s-sm); } }
    .media-split > div > nav {
      display: flex;
      margin-top: var(--s-xs); }
      @media (min-width: 768px) {
        .media-split > div > nav {
          margin-top: var(--s-sm); } }
      .media-split > div > nav > * {
        margin-right: var(--s-xs); }

.quotes {
  margin: var(--s-sm) 0;
  padding: 0 var(--s-sm); }
  @media (min-width: 768px) {
    .quotes {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
      margin: var(--s-lg) 0;
      padding: 0 var(--s-lg); } }
  .quotes > blockquote {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
    @media (max-width: 767px) {
      .quotes > blockquote {
        margin-top: var(--s-md); } }
    @media (min-width: 768px) {
      .quotes > blockquote {
        width: calc((100% / 3) - var(--s-sm));
        height: 100%; } }
    @media (min-width: 992px) {
      .quotes > blockquote {
        width: calc((100% / 3) - var(--s-md)); } }
    @media (min-width: 1280px) {
      .quotes > blockquote {
        width: calc((100% / 3) - var(--s-lg)); } }
    .quotes > blockquote > p {
      font-size: 19px;
      font-size: 1.9rem;
      line-height: 36px;
      line-height: 3.6rem; }
      .quotes > blockquote > p:before {
        font-size: 70px;
        font-size: 7rem;
        content: "\0022";
        vertical-align: bottom;
        margin-right: var(--s);
        font-weight: bolder; }
    .quotes > blockquote > cite {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 28px;
      line-height: 2.8rem;
      color: var(--c-fg-md);
      font-weight: bold; }
      .quotes > blockquote > cite:before {
        content: "– "; }

.resources-listing {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--s-sm); }
  @media (min-width: 768px) {
    .resources-listing {
      padding: var(--s-md); } }
  @media (min-width: 992px) {
    .resources-listing {
      padding: var(--s-lg); } }
  @media (min-width: 768px) {
    .resources-listing > div {
      display: flex;
      flex-wrap: wrap; } }
  @media (max-width: 767px) {
    .resources-listing > div > div {
      margin-top: var(--s-sm); }
      .resources-listing > div > div:first-child {
        margin-top: 0; } }

@media (min-width: 768px) and (min-width: 768px) {
  .resources-listing > div > div {
    width: calc(calc(100% / 2) - calc(var(--s-sm) * 1 / 2));
    margin-left: var(--s-sm); } }

@media (min-width: 768px) and (min-width: 992px) {
  .resources-listing > div > div {
    width: calc(calc(100% / 2) - calc(var(--s-md) * 1 / 2));
    margin-left: var(--s-md); } }

@media (min-width: 768px) and (min-width: 1280px) {
  .resources-listing > div > div {
    width: calc(calc(100% / 2) - calc(var(--s-lg) * 1 / 2));
    margin-left: var(--s-lg); } }

@media (min-width: 768px) and (min-width: 768px) {
  .resources-listing > div > div:nth-child(n + 3) {
    margin-top: var(--s-md); } }

@media (min-width: 768px) and (min-width: 992px) {
  .resources-listing > div > div:nth-child(n + 3) {
    margin-top: var(--s-lg); } }
  @media (min-width: 768px) {
    .resources-listing > div > div:nth-child(2n + 1) {
      margin-left: 0 !important; } }
  .resources-listing > a {
    display: inline-flex;
    align-items: center;
    color: var(--c-fg-dk);
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-family: var(--f-sans);
    font-weight: 700;
    min-height: 40px;
    justify-content: center;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    border-radius: var(--s);
    padding: 0 var(--s-xs);
    border: 1px solid var(--c-fg-dk);
    background: linear-gradient(to right, var(--c-fg-dk) 11%, var(--c-dk));
    color: var(--c-white);
    margin-top: var(--s-md); }
    .resources-listing > a:hover {
      color: var(--c-dk); }
    .resources-listing > a:before {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      transform: scaleY(0);
      transform-origin: bottom;
      height: 3px;
      transition: transform var(--a-xs); }
    .resources-listing > a:hover:before {
      transform: scaleY(1); }
    .resources-listing > a[disabled] {
      opacity: 0.5;
      cursor: no-drop; }
    .resources-listing > a:before {
      background-color: var(--c-white); }
    .resources-listing > a:hover {
      color: var(--c-white); }

.sidekick {
  position: relative;
  margin: var(--s-sm) 0; }
  @media (min-width: 768px) {
    .sidekick {
      margin: var(--s-lg) 0; } }
  .sidekick > div {
    padding-bottom: 44%;
    background-position: center;
    background-size: cover;
    border: 1px solid var(--c-br-lt);
    filter: var(--i-filter); }
    @media (min-width: 768px) {
      .sidekick > div {
        padding-bottom: 66%; } }
    @media (min-width: 992px) {
      .sidekick > div {
        padding-bottom: 55%; } }
  @media (min-width: 768px) {
    .sidekick--pos-left > div {
      margin-right: var(--s-md);
      border-top-right-radius: var(--r-md);
      border-bottom-right-radius: var(--r-md);
      border-left: 0; } }
  @media (min-width: 992px) {
    .sidekick--pos-left > div {
      margin-right: var(--s-lg); } }
  @media (min-width: 768px) {
    .sidekick--pos-right > div {
      margin-left: var(--s-md);
      border-top-left-radius: var(--r-md);
      border-bottom-left-radius: var(--r-md);
      border-right: 0; } }
  @media (min-width: 992px) {
    .sidekick--pos-right > div {
      margin-left: var(--s-lg); } }
  .sidekick > header {
    padding: var(--s-sm);
    box-shadow: 0 4px 30px RGB(0 0 0/10%);
    border: 1px solid var(--c-br-lt);
    border-radius: var(--r-sm);
    background-color: var(--c-white);
    background: linear-gradient(to bottom, var(--c-white) 66%, var(--c-glass));
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px); }
    @media (min-width: 768px) {
      .sidekick > header {
        padding: var(--s-md); } }
    @media (min-width: 992px) {
      .sidekick > header {
        padding: var(--s-lg); } }
    @media (max-width: 767px) {
      .sidekick > header {
        margin: 0 var(--s-sm);
        margin-top: calc(-1 * var(--s-xl)); } }
    @media (min-width: 768px) {
      .sidekick > header {
        position: absolute;
        top: 50%;
        left: auto;
        transform: translate(0, -50%);
        max-width: var(--w-md); } }
    .sidekick > header > h2 {
      font-size: 44px;
      font-size: 4.4rem;
      line-height: 48px;
      line-height: 4.8rem;
      font-family: var(--f-sans);
      font-weight: 500;
      letter-spacing: -0.5px; }
      @media (min-width: 768px) {
        .sidekick > header > h2 {
          font-size: 54px;
          font-size: 5.4rem;
          line-height: 58px;
          line-height: 5.8rem; } }
    .sidekick > header > div {
      margin-top: var(--s-xs); }
      .sidekick > header > div > * {
        margin-top: var(--s-xs); }
        .sidekick > header > div > *:first-child {
          margin-top: 0; }
      .sidekick > header > div > h1, .sidekick > header > div h2, .sidekick > header > div h3, .sidekick > header > div h4, .sidekick > header > div h5, .sidekick > header > div h6 {
        margin-top: var(--s-sm); }
        .sidekick > header > div > h1:first-child, .sidekick > header > div h2:first-child, .sidekick > header > div h3:first-child, .sidekick > header > div h4:first-child, .sidekick > header > div h5:first-child, .sidekick > header > div h6:first-child {
          margin-top: 0; }
      .sidekick > header > div > h1 {
        font-size: 44px;
        font-size: 4.4rem;
        line-height: 48px;
        line-height: 4.8rem;
        font-family: var(--f-sans);
        font-weight: 500;
        letter-spacing: -0.5px; }
        @media (min-width: 768px) {
          .sidekick > header > div > h1 {
            font-size: 54px;
            font-size: 5.4rem;
            line-height: 58px;
            line-height: 5.8rem; } }
      .sidekick > header > div > h2 {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 36px;
        line-height: 3.6rem;
        font-family: var(--f-sans);
        font-weight: 500; }
        @media (min-width: 768px) {
          .sidekick > header > div > h2 {
            font-size: 42px;
            font-size: 4.2rem;
            line-height: 46px;
            line-height: 4.6rem; } }
      .sidekick > header > div > h3 {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
        line-height: 3rem;
        font-family: var(--f-sans);
        font-weight: 500; }
      .sidekick > header > div > h4 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        line-height: 2.2rem;
        font-family: var(--f-sans-lg);
        text-transform: uppercase; }
      .sidekick > header > div > p {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 34px;
        line-height: 3.4rem; }
        .sidekick > header > div > p > b,
        .sidekick > header > div > p > strong {
          font-weight: 600; }
        .sidekick > header > div > p > i,
        .sidekick > header > div > p > em {
          font-style: italic; }
        .sidekick > header > div > p > a {
          display: inline-flex;
          align-items: center;
          color: var(--c-fg-dk);
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 24px;
          line-height: 2.4rem;
          font-family: var(--f-sans);
          font-weight: 700;
          min-height: 40px;
          min-height: auto;
          text-decoration-line: underline;
          text-decoration-color: var(--c-pop);
          text-decoration-style: double;
          text-decoration-skip-ink: auto; }
          .sidekick > header > div > p > a:hover {
            color: var(--c-dk); }
      .sidekick > header > div > ol,
      .sidekick > header > div > ul {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 34px;
        line-height: 3.4rem;
        max-width: var(--w-lg);
        margin-top: var(--s-sm);
        padding-left: var(--s-xs); }
        .sidekick > header > div > ol > li,
        .sidekick > header > div > ul > li {
          margin-top: var(--s); }
          .sidekick > header > div > ol > li:first-child,
          .sidekick > header > div > ul > li:first-child {
            margin-top: 0; }
          .sidekick > header > div > ol > li > strong,
          .sidekick > header > div > ul > li > strong {
            font-weight: 600; }
          .sidekick > header > div > ol > li > a,
          .sidekick > header > div > ul > li > a {
            display: inline-flex;
            align-items: center;
            color: var(--c-fg-dk);
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 24px;
            line-height: 2.4rem;
            font-family: var(--f-sans);
            font-weight: 700;
            min-height: 40px;
            min-height: auto; }
            .sidekick > header > div > ol > li > a:hover,
            .sidekick > header > div > ul > li > a:hover {
              color: var(--c-dk); }
      .sidekick > header > div > ol {
        list-style-type: decimal; }
      .sidekick > header > div > ul {
        list-style-type: circle; }
      .sidekick > header > div > figure > table {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 28px;
        line-height: 2.8rem;
        min-width: var(--w-md);
        overflow-x: auto;
        border-collapse: collapse; }
        .sidekick > header > div > figure > table b,
        .sidekick > header > div > figure > table strong {
          font-weight: 600; }
        .sidekick > header > div > figure > table th,
        .sidekick > header > div > figure > table td {
          padding: var(--s) var(--s-xs);
          border: 1px solid var(--c-br-lt); }
        .sidekick > header > div > figure > table > thead {
          background-color: var(--c-white); }
      .sidekick > header > div > figure > img {
        max-width: 100%;
        height: auto; }
      .sidekick > header > div > figure,
      .sidekick > header > div iframe {
        margin: var(--s-sm) 0; }
      @media (min-width: 768px) {
        .sidekick > header > div {
          margin-top: var(--s-sm); } }
    .sidekick > header > nav {
      display: flex;
      margin-top: var(--s-xs); }
      @media (min-width: 768px) {
        .sidekick > header > nav {
          margin-top: var(--s-sm); } }
      .sidekick > header > nav a:nth-child(1) {
        display: inline-flex;
        align-items: center;
        color: var(--c-fg-dk);
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
        font-family: var(--f-sans);
        font-weight: 700;
        min-height: 40px;
        justify-content: center;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        border-radius: var(--s);
        padding: 0 var(--s-xs);
        border: 1px solid var(--c-fg-dk);
        background: linear-gradient(to right, var(--c-fg-dk) 11%, var(--c-dk));
        color: var(--c-white); }
        .sidekick > header > nav a:nth-child(1):hover {
          color: var(--c-dk); }
        .sidekick > header > nav a:nth-child(1):before {
          content: "";
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;
          transform: scaleY(0);
          transform-origin: bottom;
          height: 3px;
          transition: transform var(--a-xs); }
        .sidekick > header > nav a:nth-child(1):hover:before {
          transform: scaleY(1); }
        .sidekick > header > nav a:nth-child(1)[disabled] {
          opacity: 0.5;
          cursor: no-drop; }
        .sidekick > header > nav a:nth-child(1):before {
          background-color: var(--c-white); }
        .sidekick > header > nav a:nth-child(1):hover {
          color: var(--c-white); }
      .sidekick > header > nav a:nth-child(2) {
        display: inline-flex;
        align-items: center;
        color: var(--c-fg-dk);
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
        font-family: var(--f-sans);
        font-weight: 700;
        min-height: 40px;
        justify-content: center;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        border-radius: var(--s);
        padding: 0 var(--s-xs);
        background-color: var(--c-white);
        background: linear-gradient(to right, var(--c-white) 66%, var(--c-glass));
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        border: 1px solid var(--c-pop);
        color: var(--c-fg-dk); }
        .sidekick > header > nav a:nth-child(2):hover {
          color: var(--c-dk); }
        .sidekick > header > nav a:nth-child(2):before {
          content: "";
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;
          transform: scaleY(0);
          transform-origin: bottom;
          height: 3px;
          transition: transform var(--a-xs); }
        .sidekick > header > nav a:nth-child(2):hover:before {
          transform: scaleY(1); }
        .sidekick > header > nav a:nth-child(2)[disabled] {
          opacity: 0.5;
          cursor: no-drop; }
        .sidekick > header > nav a:nth-child(2):before {
          background-color: var(--c-pop); }
        .sidekick > header > nav a:nth-child(2):hover {
          color: var(--c-fg-dk); }
  @media (min-width: 768px) {
    .sidekick--pos-left > header {
      left: var(--s-lg); } }
  @media (min-width: 768px) {
    .sidekick--pos-right > header {
      right: var(--s-lg); } }

.table-split {
  display: flex;
  flex-wrap: wrap;
  margin: var(--s-sm) 0; }
  @media (min-width: 768px) {
    .table-split {
      align-items: center;
      justify-content: space-between;
      margin: var(--s-lg) 0; } }
  .table-split--pos-right {
    justify-content: flex-end; }
  .table-split > div {
    position: relative;
    overflow-x: auto;
    width: 100%;
    padding: 0 var(--s-sm); }
    .table-split > div > * {
      margin-top: var(--s-xs); }
      .table-split > div > *:first-child {
        margin-top: 0; }
    .table-split > div > h1, .table-split > div h2, .table-split > div h3, .table-split > div h4, .table-split > div h5, .table-split > div h6 {
      margin-top: var(--s-sm); }
      .table-split > div > h1:first-child, .table-split > div h2:first-child, .table-split > div h3:first-child, .table-split > div h4:first-child, .table-split > div h5:first-child, .table-split > div h6:first-child {
        margin-top: 0; }
    .table-split > div > h1 {
      font-size: 44px;
      font-size: 4.4rem;
      line-height: 48px;
      line-height: 4.8rem;
      font-family: var(--f-sans);
      font-weight: 500;
      letter-spacing: -0.5px; }
      @media (min-width: 768px) {
        .table-split > div > h1 {
          font-size: 54px;
          font-size: 5.4rem;
          line-height: 58px;
          line-height: 5.8rem; } }
    .table-split > div > h2 {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 36px;
      line-height: 3.6rem;
      font-family: var(--f-sans);
      font-weight: 500; }
      @media (min-width: 768px) {
        .table-split > div > h2 {
          font-size: 42px;
          font-size: 4.2rem;
          line-height: 46px;
          line-height: 4.6rem; } }
    .table-split > div > h3 {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 30px;
      line-height: 3rem;
      font-family: var(--f-sans);
      font-weight: 500; }
    .table-split > div > h4 {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 22px;
      line-height: 2.2rem;
      font-family: var(--f-sans-lg);
      text-transform: uppercase; }
    .table-split > div > p {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 34px;
      line-height: 3.4rem; }
      .table-split > div > p > b,
      .table-split > div > p > strong {
        font-weight: 600; }
      .table-split > div > p > i,
      .table-split > div > p > em {
        font-style: italic; }
      .table-split > div > p > a {
        display: inline-flex;
        align-items: center;
        color: var(--c-fg-dk);
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
        font-family: var(--f-sans);
        font-weight: 700;
        min-height: 40px;
        min-height: auto;
        text-decoration-line: underline;
        text-decoration-color: var(--c-pop);
        text-decoration-style: double;
        text-decoration-skip-ink: auto; }
        .table-split > div > p > a:hover {
          color: var(--c-dk); }
    .table-split > div > ol,
    .table-split > div > ul {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 34px;
      line-height: 3.4rem;
      max-width: var(--w-lg);
      margin-top: var(--s-sm);
      padding-left: var(--s-xs); }
      .table-split > div > ol > li,
      .table-split > div > ul > li {
        margin-top: var(--s); }
        .table-split > div > ol > li:first-child,
        .table-split > div > ul > li:first-child {
          margin-top: 0; }
        .table-split > div > ol > li > strong,
        .table-split > div > ul > li > strong {
          font-weight: 600; }
        .table-split > div > ol > li > a,
        .table-split > div > ul > li > a {
          display: inline-flex;
          align-items: center;
          color: var(--c-fg-dk);
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 24px;
          line-height: 2.4rem;
          font-family: var(--f-sans);
          font-weight: 700;
          min-height: 40px;
          min-height: auto; }
          .table-split > div > ol > li > a:hover,
          .table-split > div > ul > li > a:hover {
            color: var(--c-dk); }
    .table-split > div > ol {
      list-style-type: decimal; }
    .table-split > div > ul {
      list-style-type: circle; }
    .table-split > div > figure > table {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 28px;
      line-height: 2.8rem;
      min-width: var(--w-md);
      overflow-x: auto;
      border-collapse: collapse; }
      .table-split > div > figure > table b,
      .table-split > div > figure > table strong {
        font-weight: 600; }
      .table-split > div > figure > table th,
      .table-split > div > figure > table td {
        padding: var(--s) var(--s-xs);
        border: 1px solid var(--c-br-lt); }
      .table-split > div > figure > table > thead {
        background-color: var(--c-white); }
    .table-split > div > figure > img {
      max-width: 100%;
      height: auto; }
    .table-split > div > figure,
    .table-split > div iframe {
      margin: var(--s-sm) 0; }
    @media (min-width: 768px) {
      .table-split > div {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(100% - var(--s-sm));
        padding: var(--s-md);
        border: 1px solid var(--c-br-lt); } }
    @media (min-width: 992px) {
      .table-split > div {
        width: 55%;
        padding: var(--s-lg); } }
    .table-split > div > figure {
      margin: 0; }
      @media (max-width: 767px) {
        .table-split > div > figure {
          width: 100%; } }
      .table-split > div > figure > table {
        min-width: inherit;
        background-color: var(--c-white); }
        @media (max-width: 767px) {
          .table-split > div > figure > table {
            width: 100%; } }
        .table-split > div > figure > table > tbody > tr > td {
          vertical-align: middle;
          padding: var(--s) var(--s-xs); }
          .table-split > div > figure > table > tbody > tr > td h3 {
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 22px;
            line-height: 2.2rem;
            font-family: var(--f-sans-lg);
            text-transform: uppercase; }
          .table-split > div > figure > table > tbody > tr > td > p.check:before {
            font-size: 19px;
            font-size: 1.9rem;
            line-height: 36px;
            line-height: 3.6rem;
            content: "\2713";
            color: var(--dk);
            font-weight: bold; }
  @media (min-width: 768px) {
    .table-split--pos-left > div {
      background-color: var(--c-white);
      background: linear-gradient(to right, var(--c-white) 66%, var(--c-glass));
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);
      border-top-right-radius: var(--r-md);
      border-bottom-right-radius: var(--r-md);
      border-left: 0; } }
  @media (min-width: 768px) {
    .table-split--pos-right > div {
      background-color: var(--c-white);
      background: linear-gradient(to left, var(--c-white) 66%, var(--c-glass));
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);
      border-top-left-radius: var(--r-md);
      border-bottom-left-radius: var(--r-md);
      border-right: 0; } }
  @media (min-width: 992px) {
    .table-split--pos-right > div {
      order: 2; } }
  .table-split > header {
    padding: var(--s-sm); }
    @media (min-width: 992px) {
      .table-split > header {
        width: 45%;
        padding: var(--s-lg); } }
    .table-split > header > h2 {
      font-size: 44px;
      font-size: 4.4rem;
      line-height: 48px;
      line-height: 4.8rem;
      font-family: var(--f-sans);
      font-weight: 500;
      letter-spacing: -0.5px;
      text-wrap: balance; }
      @media (min-width: 768px) {
        .table-split > header > h2 {
          font-size: 54px;
          font-size: 5.4rem;
          line-height: 58px;
          line-height: 5.8rem; } }
      .table-split > header > h2 > em {
        position: relative;
        text-transform: uppercase; }
        .table-split > header > h2 > em:before {
          position: absolute;
          top: auto;
          right: 0;
          bottom: 0.1em;
          left: 0;
          content: "";
          transform: translateX(0.1em);
          border-bottom: 0.35em solid var(--c-pop);
          z-index: 1; }
        .table-split > header > h2 > em > * {
          position: relative;
          z-index: 2; }
    .table-split > header > div {
      margin-top: var(--s-xs); }
      .table-split > header > div > * {
        margin-top: var(--s-xs); }
        .table-split > header > div > *:first-child {
          margin-top: 0; }
      .table-split > header > div > h1, .table-split > header > div h2, .table-split > header > div h3, .table-split > header > div h4, .table-split > header > div h5, .table-split > header > div h6 {
        margin-top: var(--s-sm); }
        .table-split > header > div > h1:first-child, .table-split > header > div h2:first-child, .table-split > header > div h3:first-child, .table-split > header > div h4:first-child, .table-split > header > div h5:first-child, .table-split > header > div h6:first-child {
          margin-top: 0; }
      .table-split > header > div > h1 {
        font-size: 44px;
        font-size: 4.4rem;
        line-height: 48px;
        line-height: 4.8rem;
        font-family: var(--f-sans);
        font-weight: 500;
        letter-spacing: -0.5px; }
        @media (min-width: 768px) {
          .table-split > header > div > h1 {
            font-size: 54px;
            font-size: 5.4rem;
            line-height: 58px;
            line-height: 5.8rem; } }
      .table-split > header > div > h2 {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 36px;
        line-height: 3.6rem;
        font-family: var(--f-sans);
        font-weight: 500; }
        @media (min-width: 768px) {
          .table-split > header > div > h2 {
            font-size: 42px;
            font-size: 4.2rem;
            line-height: 46px;
            line-height: 4.6rem; } }
      .table-split > header > div > h3 {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
        line-height: 3rem;
        font-family: var(--f-sans);
        font-weight: 500; }
      .table-split > header > div > h4 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        line-height: 2.2rem;
        font-family: var(--f-sans-lg);
        text-transform: uppercase; }
      .table-split > header > div > p {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 34px;
        line-height: 3.4rem; }
        .table-split > header > div > p > b,
        .table-split > header > div > p > strong {
          font-weight: 600; }
        .table-split > header > div > p > i,
        .table-split > header > div > p > em {
          font-style: italic; }
        .table-split > header > div > p > a {
          display: inline-flex;
          align-items: center;
          color: var(--c-fg-dk);
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 24px;
          line-height: 2.4rem;
          font-family: var(--f-sans);
          font-weight: 700;
          min-height: 40px;
          min-height: auto;
          text-decoration-line: underline;
          text-decoration-color: var(--c-pop);
          text-decoration-style: double;
          text-decoration-skip-ink: auto; }
          .table-split > header > div > p > a:hover {
            color: var(--c-dk); }
      .table-split > header > div > ol,
      .table-split > header > div > ul {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 34px;
        line-height: 3.4rem;
        max-width: var(--w-lg);
        margin-top: var(--s-sm);
        padding-left: var(--s-xs); }
        .table-split > header > div > ol > li,
        .table-split > header > div > ul > li {
          margin-top: var(--s); }
          .table-split > header > div > ol > li:first-child,
          .table-split > header > div > ul > li:first-child {
            margin-top: 0; }
          .table-split > header > div > ol > li > strong,
          .table-split > header > div > ul > li > strong {
            font-weight: 600; }
          .table-split > header > div > ol > li > a,
          .table-split > header > div > ul > li > a {
            display: inline-flex;
            align-items: center;
            color: var(--c-fg-dk);
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 24px;
            line-height: 2.4rem;
            font-family: var(--f-sans);
            font-weight: 700;
            min-height: 40px;
            min-height: auto; }
            .table-split > header > div > ol > li > a:hover,
            .table-split > header > div > ul > li > a:hover {
              color: var(--c-dk); }
      .table-split > header > div > ol {
        list-style-type: decimal; }
      .table-split > header > div > ul {
        list-style-type: circle; }
      .table-split > header > div > figure > table {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 28px;
        line-height: 2.8rem;
        min-width: var(--w-md);
        overflow-x: auto;
        border-collapse: collapse; }
        .table-split > header > div > figure > table b,
        .table-split > header > div > figure > table strong {
          font-weight: 600; }
        .table-split > header > div > figure > table th,
        .table-split > header > div > figure > table td {
          padding: var(--s) var(--s-xs);
          border: 1px solid var(--c-br-lt); }
        .table-split > header > div > figure > table > thead {
          background-color: var(--c-white); }
      .table-split > header > div > figure > img {
        max-width: 100%;
        height: auto; }
      .table-split > header > div > figure,
      .table-split > header > div iframe {
        margin: var(--s-sm) 0; }
      @media (min-width: 768px) {
        .table-split > header > div {
          margin-top: var(--s-sm); } }
    .table-split > header > nav {
      display: flex;
      margin-top: var(--s-xs); }
      @media (min-width: 768px) {
        .table-split > header > nav {
          margin-top: var(--s-sm); } }
      .table-split > header > nav > * {
        margin-right: var(--s-xs); }

.text-columns {
  margin: var(--s-sm) 0;
  padding: 0 var(--s-sm); }
  @media (min-width: 768px) {
    .text-columns {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      margin: var(--s-lg) 0;
      padding: 0 var(--s-lg); } }
  @media (max-width: 767px) {
    .text-columns > div {
      margin-top: var(--s-md); } }
  @media (max-width: 767px) {
    .text-columns > div:first-child {
      margin-top: 0; } }
  .text-columns > div > h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 36px;
    line-height: 3.6rem;
    font-family: var(--f-sans);
    font-weight: 500; }
    @media (min-width: 768px) {
      .text-columns > div > h2 {
        font-size: 42px;
        font-size: 4.2rem;
        line-height: 46px;
        line-height: 4.6rem; } }
  .text-columns > div > div {
    margin-top: var(--s-xs); }
    .text-columns > div > div > * {
      margin-top: var(--s-xs); }
      .text-columns > div > div > *:first-child {
        margin-top: 0; }
    .text-columns > div > div > h1, .text-columns > div > div h2, .text-columns > div > div h3, .text-columns > div > div h4, .text-columns > div > div h5, .text-columns > div > div h6 {
      margin-top: var(--s-sm); }
      .text-columns > div > div > h1:first-child, .text-columns > div > div h2:first-child, .text-columns > div > div h3:first-child, .text-columns > div > div h4:first-child, .text-columns > div > div h5:first-child, .text-columns > div > div h6:first-child {
        margin-top: 0; }
    .text-columns > div > div > h1 {
      font-size: 44px;
      font-size: 4.4rem;
      line-height: 48px;
      line-height: 4.8rem;
      font-family: var(--f-sans);
      font-weight: 500;
      letter-spacing: -0.5px; }
      @media (min-width: 768px) {
        .text-columns > div > div > h1 {
          font-size: 54px;
          font-size: 5.4rem;
          line-height: 58px;
          line-height: 5.8rem; } }
    .text-columns > div > div > h2 {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 36px;
      line-height: 3.6rem;
      font-family: var(--f-sans);
      font-weight: 500; }
      @media (min-width: 768px) {
        .text-columns > div > div > h2 {
          font-size: 42px;
          font-size: 4.2rem;
          line-height: 46px;
          line-height: 4.6rem; } }
    .text-columns > div > div > h3 {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 30px;
      line-height: 3rem;
      font-family: var(--f-sans);
      font-weight: 500; }
    .text-columns > div > div > h4 {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 22px;
      line-height: 2.2rem;
      font-family: var(--f-sans-lg);
      text-transform: uppercase; }
    .text-columns > div > div > p {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 34px;
      line-height: 3.4rem; }
      .text-columns > div > div > p > b,
      .text-columns > div > div > p > strong {
        font-weight: 600; }
      .text-columns > div > div > p > i,
      .text-columns > div > div > p > em {
        font-style: italic; }
      .text-columns > div > div > p > a {
        display: inline-flex;
        align-items: center;
        color: var(--c-fg-dk);
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
        font-family: var(--f-sans);
        font-weight: 700;
        min-height: 40px;
        min-height: auto;
        text-decoration-line: underline;
        text-decoration-color: var(--c-pop);
        text-decoration-style: double;
        text-decoration-skip-ink: auto; }
        .text-columns > div > div > p > a:hover {
          color: var(--c-dk); }
    .text-columns > div > div > ol,
    .text-columns > div > div > ul {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 34px;
      line-height: 3.4rem;
      max-width: var(--w-lg);
      margin-top: var(--s-sm);
      padding-left: var(--s-xs); }
      .text-columns > div > div > ol > li,
      .text-columns > div > div > ul > li {
        margin-top: var(--s); }
        .text-columns > div > div > ol > li:first-child,
        .text-columns > div > div > ul > li:first-child {
          margin-top: 0; }
        .text-columns > div > div > ol > li > strong,
        .text-columns > div > div > ul > li > strong {
          font-weight: 600; }
        .text-columns > div > div > ol > li > a,
        .text-columns > div > div > ul > li > a {
          display: inline-flex;
          align-items: center;
          color: var(--c-fg-dk);
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 24px;
          line-height: 2.4rem;
          font-family: var(--f-sans);
          font-weight: 700;
          min-height: 40px;
          min-height: auto; }
          .text-columns > div > div > ol > li > a:hover,
          .text-columns > div > div > ul > li > a:hover {
            color: var(--c-dk); }
    .text-columns > div > div > ol {
      list-style-type: decimal; }
    .text-columns > div > div > ul {
      list-style-type: circle; }
    .text-columns > div > div > figure > table {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 28px;
      line-height: 2.8rem;
      min-width: var(--w-md);
      overflow-x: auto;
      border-collapse: collapse; }
      .text-columns > div > div > figure > table b,
      .text-columns > div > div > figure > table strong {
        font-weight: 600; }
      .text-columns > div > div > figure > table th,
      .text-columns > div > div > figure > table td {
        padding: var(--s) var(--s-xs);
        border: 1px solid var(--c-br-lt); }
      .text-columns > div > div > figure > table > thead {
        background-color: var(--c-white); }
    .text-columns > div > div > figure > img {
      max-width: 100%;
      height: auto; }
    .text-columns > div > div > figure,
    .text-columns > div > div iframe {
      margin: var(--s-sm) 0; }
    @media (min-width: 768px) {
      .text-columns > div > div {
        margin-top: var(--s-sm); } }
  .text-columns > div > nav {
    display: flex;
    margin-top: var(--s-xs); }
    @media (min-width: 768px) {
      .text-columns > div > nav {
        margin-top: var(--s-sm); } }
    .text-columns > div > nav a:nth-child(1) {
      display: inline-flex;
      align-items: center;
      color: var(--c-fg-dk);
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 24px;
      line-height: 2.4rem;
      font-family: var(--f-sans);
      font-weight: 700;
      min-height: 40px;
      justify-content: center;
      position: relative;
      overflow: hidden;
      white-space: nowrap;
      border-radius: var(--s);
      padding: 0 var(--s-xs);
      border: 1px solid var(--c-fg-dk);
      background: linear-gradient(to right, var(--c-fg-dk) 11%, var(--c-dk));
      color: var(--c-white); }
      .text-columns > div > nav a:nth-child(1):hover {
        color: var(--c-dk); }
      .text-columns > div > nav a:nth-child(1):before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        transform: scaleY(0);
        transform-origin: bottom;
        height: 3px;
        transition: transform var(--a-xs); }
      .text-columns > div > nav a:nth-child(1):hover:before {
        transform: scaleY(1); }
      .text-columns > div > nav a:nth-child(1)[disabled] {
        opacity: 0.5;
        cursor: no-drop; }
      .text-columns > div > nav a:nth-child(1):before {
        background-color: var(--c-white); }
      .text-columns > div > nav a:nth-child(1):hover {
        color: var(--c-white); }
    .text-columns > div > nav a:nth-child(2) {
      display: inline-flex;
      align-items: center;
      color: var(--c-fg-dk);
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 24px;
      line-height: 2.4rem;
      font-family: var(--f-sans);
      font-weight: 700;
      min-height: 40px;
      justify-content: center;
      position: relative;
      overflow: hidden;
      white-space: nowrap;
      border-radius: var(--s);
      padding: 0 var(--s-xs);
      background-color: var(--c-white);
      background: linear-gradient(to right, var(--c-white) 66%, var(--c-glass));
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);
      border: 1px solid var(--c-pop);
      color: var(--c-fg-dk); }
      .text-columns > div > nav a:nth-child(2):hover {
        color: var(--c-dk); }
      .text-columns > div > nav a:nth-child(2):before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        transform: scaleY(0);
        transform-origin: bottom;
        height: 3px;
        transition: transform var(--a-xs); }
      .text-columns > div > nav a:nth-child(2):hover:before {
        transform: scaleY(1); }
      .text-columns > div > nav a:nth-child(2)[disabled] {
        opacity: 0.5;
        cursor: no-drop; }
      .text-columns > div > nav a:nth-child(2):before {
        background-color: var(--c-pop); }
      .text-columns > div > nav a:nth-child(2):hover {
        color: var(--c-fg-dk); }
  @media (min-width: 768px) {
    .text-columns--cols-2 > div {
      width: calc(calc(100% / 2) - calc(var(--s-sm) * 1 / 2));
      margin-left: var(--s-sm); } }
  @media (min-width: 992px) {
    .text-columns--cols-2 > div {
      width: calc(calc(100% / 2) - calc(var(--s-md) * 1 / 2));
      margin-left: var(--s-md); } }
  @media (min-width: 1280px) {
    .text-columns--cols-2 > div {
      width: calc(calc(100% / 2) - calc(var(--s-lg) * 1 / 2));
      margin-left: var(--s-lg); } }
  @media (min-width: 768px) {
    .text-columns--cols-2 > div:nth-child(n + 3) {
      margin-top: var(--s-md); } }
  @media (min-width: 992px) {
    .text-columns--cols-2 > div:nth-child(n + 3) {
      margin-top: var(--s-lg); } }
  .text-columns--cols-2 > div:nth-child(2n + 1) {
    margin-left: 0 !important; }
  @media (min-width: 768px) {
    .text-columns--cols-3 > div {
      width: calc(calc(100% / 3) - calc(var(--s-sm) * 2 / 3));
      margin-left: var(--s-sm); } }
  @media (min-width: 992px) {
    .text-columns--cols-3 > div {
      width: calc(calc(100% / 3) - calc(var(--s-md) * 2 / 3));
      margin-left: var(--s-md); } }
  @media (min-width: 1280px) {
    .text-columns--cols-3 > div {
      width: calc(calc(100% / 3) - calc(var(--s-lg) * 2 / 3));
      margin-left: var(--s-lg); } }
  @media (min-width: 768px) {
    .text-columns--cols-3 > div:nth-child(n + 4) {
      margin-top: var(--s-md); } }
  @media (min-width: 992px) {
    .text-columns--cols-3 > div:nth-child(n + 4) {
      margin-top: var(--s-lg); } }
  .text-columns--cols-3 > div:nth-child(3n + 1) {
    margin-left: 0 !important; }