@charset "UTF-8";
/*
Theme Name:  Silling Architects - NEW
Theme URI:  
Author:  
Author URI:  
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain:  

*/
/* Sohne  250 - ExtraLight */
@font-face {
  font-family: "Sohne";
  font-style: normal;
  font-weight: 250;
  src: url("assets/fonts/sohne-250.woff2") format("woff2");
}
/* Sohne  250 Italic */
@font-face {
  font-family: "Sohne";
  font-style: italic;
  font-weight: 250;
  src: url("assets/fonts/sohne-250-italic.woff2") format("woff2");
}
/* Sohne  300 Light */
@font-face {
  font-family: "Sohne";
  font-style: normal;
  font-weight: 300;
  src: url("assets/fonts/sohne-300.woff2") format("woff2");
}
/* Sohne  300 Italic */
@font-face {
  font-family: "Sohne";
  font-style: italic;
  font-weight: 300;
  src: url("assets/fonts/sohne-300-italic.woff2") format("woff2");
}
/* Sohne  400 Book */
@font-face {
  font-family: "Sohne";
  font-style: normal;
  font-weight: 400;
  src: url("assets/fonts/sohne-400.woff2") format("woff2");
}
/* Sohne  400 Italic */
@font-face {
  font-family: "Sohne";
  font-style: italic;
  font-weight: 400;
  src: url("assets/fonts/sohne-400-italic.woff2") format("woff2");
}
/* Sohne  800 Bold */
@font-face {
  font-family: "Sohne";
  font-style: normal;
  font-weight: 800;
  src: url("assets/fonts/sohne-800.woff2") format("woff2");
}
/* Sohne  800 Italic */
@font-face {
  font-family: "Sohne";
  font-style: italic;
  font-weight: 800;
  src: url("assets/fonts/sohne-800-italic.woff2") format("woff2");
}
:root {
  --white-100: #fff;
  --gray-050: #f5f5f5;
  --gray-100: #b7b7b8;
  --gray-500: #2f3235;
  --orange-100: #faede6;
  --orange-300: #e5a07e;
  --orange-500: #d36128;
  --fs-900: clamp(2.5rem, 0.25rem + 5vw, 3.75rem);
  --fs-800: clamp(2.25rem, 0.25rem + 3.75vw, 3rem);
  --fs-700: 2.5rem;
  --fs-600: 2.125rem;
  --fs-550: 1.75rem;
  --fs-500: 1.5rem;
  --fs-450: 1.25rem;
  --fs-400: 1rem;
  --fs-300: 0.875rem;
  --fs-200: 0.75rem;
}

/* https://piccalil.li/blog/a-more-modern-css-reset/ */
/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  font: inherit;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
      text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
/* Make images easier to work with */
img,
picture,
svg {
  max-width: 100%;
  display: block;
  height: auto;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Sohne", Helvetica, sans-serif;
  font-weight: 300;
  font-size: var(--fs-400);
  color: var(--gray-500);
  line-height: 1.5;
  background-color: var(--white-100);
  width: 100%;
  overflow-x: hidden;
  position: relative;
}

::-moz-selection {
  background: var(--orange-100); /* WebKit/Blink Browsers */
}

::selection {
  background: var(--orange-100); /* WebKit/Blink Browsers */
}

a {
  color: var(--orange-500);
  text-decoration: none !important;
}

a:is(:hover, :focus) {
  color: var(--orange-300);
}

strong,
b {
  font-weight: 500;
}

em {
  font-style: italic;
}

p {
  margin-bottom: 1rem;
}

.post-content ul,
.post-content ol {
  margin-bottom: 1rem;
  margin-left: 1rem;
}

hr {
  height: 1px;
  color: var(--gray-500);
  background: var(--gray-100);
  font-size: 0;
  border: 0;
}

/* =============================================================================
   WordPress Core Block CSS Styles
   ========================================================================== */
.wp-block-image {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

/* This style applies to images aligned to the left */
.wp-block-image.alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

/* Ensure paragraph text wraps around the floated image */
.wp-block-paragraph {
  overflow: hidden;
}

img.aligncenter,
figure.aligncenter {
  display: block;
  margin: 5px auto 20px auto;
}

img.alignright,
figure.alignright {
  float: right;
  margin: 5px 0 10px 20px;
}

img.alignnone,
figure.alignnone {
  margin: 5px 10px 20px 0;
}

img.alignleft,
figure.alignleft {
  float: left;
  margin: 5px 10px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 10px 20px;
}

a img.alignnone {
  margin: 5px 10px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 10px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.post-thumb-caption {
  margin: 5px 10px 10px 0;
  font-size: 12px;
}

.wp-element-caption {
  font-size: 0.875rem;
  margin: 5px 10px 10px 0;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  overflow: hidden;
}

/* Video embeds themselves */
.wp-block-embed__wrapper iframe,
.wp-block-embed__wrapper object,
.wp-block-embed__wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-block-table {
  overflow-x: visible !important;
  max-width: 99%;
}

img.rectangle {
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}

img.portrait {
  aspect-ratio: 3/4;
  -o-object-fit: cover;
     object-fit: cover;
}

img.square {
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}

img.tall-portrait {
  aspect-ratio: 3/5;
  -o-object-fit: cover;
     object-fit: cover;
}

img.wide-landscape {
  aspect-ratio: 5/2;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ===== Header ================================================ */
.main-nav-bar {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  position: relative;
  z-index: 1000;
  background-color: white;
}
@media (max-width: 56em) {
  .main-nav-bar.mobile-active {
    height: auto;
    width: 100%;
  }
}

.nav-logo img,
.nav-logo svg {
  width: min(90%, 300px);
  max-height: 85px;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.nav-logo svg:hover {
  -webkit-transform: scale(1.025);
          transform: scale(1.025);
}

nav {
  justify-self: flex-end;
  -ms-flex-item-align: center;
      align-self: center;
}

ul#menu-main-navigation {
  margin: 0;
  padding: 0;
  padding-right: 4rem;
}
ul#menu-main-navigation li {
  list-style-type: none;
  display: inline-block;
  padding: 0 0 0 1.5rem;
  font-size: var(--fs-450);
  font-weight: 300;
  text-align: right;
  letter-spacing: 2px;
}
@media screen and (max-width: 1071px) {
  ul#menu-main-navigation li {
    display: none;
    width: 100%;
    text-align: center;
    padding: 15px 0 15px 0;
  }
  ul#menu-main-navigation li.mobile-active {
    display: block;
    padding-bottom: 25px;
  }
}
ul#menu-main-navigation li a {
  color: var(--gray-500);
}
ul#menu-main-navigation li a:hover {
  color: var(--orange-500);
}
ul#menu-main-navigation li.current-menu-item a {
  color: var(--orange-500);
}
.nav-icons {
  display: none;
}
@media screen and (max-width: 120rem) {
  .nav-icons {
    display: inline-block;
    margin: 1.5rem 0 0 0;
    position: absolute;
    right: 2rem;
    z-index: 999;
  }
}
@media screen and (max-width: 1071px) {
  .nav-icons {
    margin: 1.5rem 0 0 0;
  }
}

.offcanvas {
  position: absolute;
  height: calc(100vh - 125px);
  width: 100%;
  background-color: var(--gray-500);
  padding: 3rem 0 0rem 0;
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  z-index: 999;
}
.offcanvas.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  top: 115px;
}
.offcanvas .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.offcanvas .left-column {
  width: max(500px, 50%);
  padding: 1rem 0 0 0;
  height: 100%;
}
.offcanvas .right-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.offcanvas .container {
  height: 100%;
  position: relative;
}
.offcanvas .container > div {
  height: 100%;
}
.offcanvas .nav {
  height: 100%;
  max-height: 600px;
  padding-bottom: 3rem;
}
.offcanvas .nav ul {
  position: relative;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.offcanvas .nav ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: var(--white-100);
  font-size: var(--fs-300);
  line-height: 1;
  padding: 0 0 2rem 0;
}
.offcanvas .nav ul li div:first-of-type {
  width: 220px;
}
.offcanvas .nav ul li div:last-of-type {
  position: relative;
  top: -4px;
}
.offcanvas .nav ul li a {
  color: var(--white-100);
  font-size: var(--fs-800);
  font-weight: 300;
}
@media (max-height: 700px) {
  .offcanvas .nav ul li a {
    font-size: var(--fs-600);
  }
}
@media (max-height: 550px) {
  .offcanvas .nav ul li a {
    font-size: var(--fs-500);
  }
}
.offcanvas h3 {
  letter-spacing: 2px;
}
.offcanvas .project-list {
  padding: 2rem 0 0 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  gap: 20px;
  list-style: none;
}
.offcanvas .project-item {
  width: 100%;
}

@media screen and (max-width: 64em) {
  .offcanvas {
    height: auto;
  }
  .offcanvas .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .offcanvas .left-column {
    width: 100%;
    min-width: unset;
    height: auto;
    min-height: 200px;
  }
  .offcanvas .nav ul li div:first-of-type {
    width: 180px;
    min-width: 180px;
  }
  .offcanvas .right-column {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 1rem 0 1rem 0;
    margin-bottom: 1rem;
  }
  .offcanvas .right-column h3 {
    padding-left: 0;
  }
  .offcanvas .project-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-template-columns: unset;
    gap: 20px;
    padding-bottom: 3rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-left: 0;
  }
  .offcanvas .project-item {
    width: 200px;
    height: 200px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
/* Scrollbar styling */
.right-column {
  margin-right: 10px;
}

.right-column::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.right-column::-webkit-scrollbar-track {
  background: var(--gray-500);
  border-radius: 4px;
}

.right-column::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 4px;
}

.right-column::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/*

1. Select Dropdown
2. Search Inputs
3. Generic Form inputs

*/
/* ===== SELECT DROPDOWN ============ */
span.screen-reader-text {
  display: none;
}

input[type=text].input[type=email] {
  color: var(--gray-500);
  width: 100%;
  position: relative;
  background: white;
  display: block;
  padding: 13px 20px 13px 20px;
  border: 2px solid #bfbbb8;
  font-style: italic;
  border-radius: 0 !important;
}

button.frm_button_submit {
  width: 100%;
  background: var(--orange-500) !important;
  border: none !important;
  font-size: var(--fs-400) !important;
  font-weight: 800 !important;
  color: white !important;
  padding: 8px 15px !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

button.frm_button_submit:hover {
  background: var(--gray-500) !important;
  cursor: pointer !important;
  color: white !important;
}

form.search-form {
  padding: 0 0 50px 0;
}

.frm_style_formidable-style.with_frm_style input.frm_other_input:not(.frm_other_full) {
  width: 100% !important;
  margin-top: 10px !important;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers 
 */
.hamburger {
  padding: 5px 5px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger .menu-text {
  font-size: 1.25rem;
  padding: 0 5px 0 0;
  top: -4px;
  position: relative;
}

.hamburger:hover {
  color: var(--orange-500);
}
.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner::before,
.hamburger:hover .hamburger-inner::after {
  background-color: var(--orange-500);
}

.hamburger-box {
  width: 32px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 32px;
  height: 6px;
  background-color: var(--gray-500);
  border-radius: 0px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
  width: 32px;
}

.hamburger-inner::after {
  bottom: -10px;
  width: 32px;
}

.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 0.075s;
          transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  width: 32px;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  width: 32px;
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.intro_text {
  height: calc(100vh - 110px - 0px);
  -ms-flex-line-pack: center;
      align-content: center;
}
.intro_text .callout {
  max-width: 64rem;
}
.intro_text .callout h2 span {
  font-weight: 500;
}
@media screen and (max-width: 48em) {
  .intro_text .callout h2 {
    font-size: var(--fs-500);
  }
}
.intro_text .keyword-wrapper {
  position: relative;
  width: 275px;
  height: 3.65rem;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
@media screen and (max-width: 48em) {
  .intro_text .keyword-wrapper {
    width: 160px;
    height: 2.25rem;
  }
}
.intro_text .keyword {
  position: absolute;
  left: 0;
  white-space: nowrap;
  -webkit-transition: opacity 0.75s ease, -webkit-transform 0.75s ease;
  transition: opacity 0.75s ease, -webkit-transform 0.75s ease;
  transition: transform 0.75s ease, opacity 0.75s ease;
  transition: transform 0.75s ease, opacity 0.75s ease, -webkit-transform 0.75s ease;
}
.intro_text .keyword.current {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.intro_text .keyword.exit {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
}
.intro_text .keyword.next {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
}
.intro_text .keyword.enter {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.intro_text a {
  display: inline-block;
  width: 36px;
}
.intro_text a svg {
  width: 100%;
  height: auto;
}
.intro_text a:hover svg path:first-of-type {
  fill: var(--gray-500);
}

@media screen and (max-width: 48em) {
  .about .callout {
    padding-left: 0;
  }
}

/* ===== PAGE CONTENT =================================================================================== */
h2.page-callout {
  max-width: 860px;
}

.page--content {
  padding: 75px 50px 75px 0px;
}
@media screen and (max-width: 48em) {
  .page--content {
    padding: 45px 20px 25px 20px;
  }
}
.page--content h1 {
  font-size: 3.2rem;
}
.page--content h1.page-title {
  font-size: 6.2rem;
  text-align: left;
  padding-bottom: 30px;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: 30px 0 30px 0;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ================== Page ======================================================================== */
.page-columns {
  padding-top: 1rem;
}
.page-columns p {
  padding-right: 10px;
}
@media screen and (max-width: 48em) {
  .page-columns p {
    padding-right: 20px;
  }
}
.page-columns h2,
.page-columns h3,
.page-columns h4 {
  padding-bottom: 1rem;
}

.projects {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100vh;
}
@media screen and (max-width: 64em) {
  .projects {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
  }
}
.projects .item {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 64em) {
  .projects .item {
    width: 100%;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .projects .item a {
    width: 100%;
    height: auto;
    display: inline-block;
  }
}
.projects .project-info {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 2rem 1rem 0.5rem 0rem;
  max-width: 500px;
  text-wrap: balance;
}
.projects .project-info svg {
  width: 80px;
  margin-right: 1rem;
  margin-top: 0.5rem;
}
.projects .project-info:hover h3 {
  color: var(--orange-500);
}
.projects .project-info:hover P {
  color: white;
}
@media screen and (max-width: 64em) {
  .projects .project-info {
    height: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0.5rem 1rem 0.5rem 0rem;
  }
  .projects .project-info p {
    margin: 0 0 0 0;
    font-size: var(--fs-300);
  }
  .projects .project-info svg {
    margin-left: 0rem;
    width: 50px;
  }
  .projects .project-info h3 {
    margin-top: 0.25rem;
    font-size: var(--fs-450);
  }
}
.projects img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 64em) {
  .projects img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.projects .item:last-of-type {
  background: var(--gray-500);
  width: 30vw;
  min-width: 400px;
}
@media screen and (max-width: 64em) {
  .projects .item:last-of-type {
    width: 100%;
  }
}
.projects .project-callouts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

article a:hover + .article-info h1 a {
  color: var(--orange-500);
}

/* Spacer sections to enable scrolling */
.mission {
  min-height: 75vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2rem;
  color: #333;
  z-index: 999;
  background-color: var(--orange-500);
}

@media screen and (max-width: 64em) {
  .intro-text {
    padding-inline: 0 !important;
    font-size: var(--fs-450) !important;
  }
}

.scroll-link {
  position: relative;
  z-index: 9;
}
.scroll-link svg {
  width: 36px;
  position: relative;
}

.scroll-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 999999;
}
.scroll-btn > div a {
  position: relative;
  z-index: 999999;
}

.scroll-link:hover {
  cursor: pointer;
}
.scroll-link:hover svg path:first-of-type {
  fill: var(--gray-500);
}

.featured-image {
  position: relative;
  z-index: 9;
}

.quote-section {
  height: 300vh;
  position: relative;
}

.quote-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.quote-container.visible {
  opacity: 1;
  visibility: visible;
}

.quote {
  position: absolute;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.quote .container {
  --max-width: 80rem;
  --padding: 4.5rem * 2;
  width: min(var(--max-width), 100% - (var(--padding)));
  margin-inline: auto;
}

.quote.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media screen and (max-width: 64em) {
  .gir-text {
    padding-inline: 0 !important;
  }
}

.animate-1,
.animate-2,
.animate-3,
.animate-4,
.animate-5 {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.animate-6 {
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.quote.active .animate-1 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.quote.active .animate-2 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.quote.active .animate-3 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.quote.active .animate-4 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.quote.active .animate-5 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.quote.active .animate-6 {
  opacity: 1;
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

.timeline {
  position: relative;
  padding: 4rem 0;
  margin-bottom: 220px;
}

.timeline {
  --timeline-progress: 10%;
  position: relative;
  padding-left: 0;
}

.timeline::before {
  content: "";
  position: absolute;
  left: 249px;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: var(--gray-100);
  z-index: 1;
}

.timeline::after {
  content: "";
  position: absolute;
  left: 249px;
  top: 0;
  bottom: 0;
  height: var(--timeline-progress);
  width: 3px;
  background-color: var(--orange-500);
  z-index: 2;
}

.timeline-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
  min-height: 200px;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

.timeline-item:last-child {
  margin-bottom: 0;
}

.timeline-year {
  font-size: 3.75rem;
  width: 250px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: left;
  padding-right: 40px;
  line-height: 1;
  margin-top: -10px;
  font-weight: 100;
}

.timeline-dot {
  position: relative;
  width: 14px;
  height: 14px;
  background-color: var(--gray-100);
  border-radius: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.timeline-dot.active {
  background-color: var(--orange-500);
}

.timeline-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}

.timeline-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 450px;
}

.timeline-text p {
  font-size: var(--fs-450);
  color: var(--gray-500);
  line-height: 1.25;
  margin-bottom: 0;
}

.timeline-image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  border-radius: 0px;
}

.timeline-image img {
  width: auto;
  max-height: 300px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Responsive design */
@media (max-width: 768px) {
  .timeline-header {
    margin-bottom: 40px;
  }
  .timeline::before {
    left: 29px;
  }
  .timeline::after {
    content: "";
    left: 29px;
  }
  .timeline-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 100px;
    padding-left: 60px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .timeline-year {
    font-size: 3rem;
    width: auto;
    text-align: left;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .timeline-dot {
    position: absolute;
    left: 30px;
    top: 10px;
  }
  .timeline-content {
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
  }
  .timeline-image {
    width: 100%;
    max-width: 300px;
    height: 250px;
  }
}
/* ========= LISTING LANDING GRID =======================================================================  */
.page-header h2 {
  max-width: 75rem;
}

.project-categories {
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--orange-500);
}

.projects-header h3 {
  letter-spacing: 4px !important;
}
.projects-header ul.project-topics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.projects-header ul.project-topics li {
  list-style-type: none;
  padding: 0 2rem 0 0;
  font-size: var(--fs-300);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.projects-header ul.project-topics li a:hover {
  cursor: pointer;
  color: var(--gray-500);
}
.projects-header ul.project-topics li a.active {
  color: var(--orange-500);
  font-weight: 800;
}
.projects-header .toggle,
.projects-header input[id^=drop] {
  display: none;
}
@media screen and (max-width: 48em) {
  .projects-header {
    /* Display Dropdown when clicked on Parent Lable */
  }
  .projects-header ul.project-topics,
  .projects-header h3.filter {
    display: none;
  }
  .projects-header input[id^=drop]:checked ~ ul.project-topics {
    display: block;
  }
  .projects-header .toggle {
    display: inline-block;
    text-decoration: none;
    border: none;
    width: 100%;
    height: auto;
    letter-spacing: 4px;
  }
  .projects-header .toggle:hover {
    opacity: 0.8;
    cursor: pointer;
  }
  .projects-header .toggle:after {
    content: "▾";
  }
  .projects-header input[id^=drop]:checked + .toggle:after {
    content: "▾";
    display: inline-block;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .projects-header ul.project-topics li {
    padding: 1rem 0;
  }
}

.project-listing-item .project-image-card {
  position: relative;
  overflow: hidden;
}
.project-listing-item .project-image-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
.project-listing-item .project-image-card .overlay {
  position: absolute;
  top: 0;
  left: 100%; /* Start from right side */
  width: 100%;
  height: 100%;
  background-color: rgba(211, 96, 39, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  z-index: 9;
}
.project-listing-item .project-image-card h4 {
  padding: 0rem;
  -webkit-transform: translateX(100%);
          transform: translateX(100%); /* Start text off-screen to the right */
  -webkit-transition: -webkit-transform 0.4s ease 0.1s;
  transition: -webkit-transform 0.4s ease 0.1s;
  transition: transform 0.4s ease 0.1s;
  transition: transform 0.4s ease 0.1s, -webkit-transform 0.4s ease 0.1s; /* Slight delay for text animation */
}
@media screen and (max-width: 64em) {
  .project-listing-item .project-image-card h4 {
    font-size: var(--fs-400);
  }
}
.project-listing-item .project-image-card:not(.no-hover):hover .overlay {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%); /* Slide in from right */
}
.project-listing-item .project-image-card:not(.no-hover):hover h4 {
  -webkit-transform: translateX(0);
          transform: translateX(0); /* Slide text to center */
}
.project-listing-item h2 a {
  color: var(--gray-500);
}
.project-listing-item h2 a:hover {
  color: var(--orange-500);
}
.project-listing-item:hover h2 a {
  color: var(--orange-500);
}
.project-listing-item a.no-hover {
  overflow: hidden;
}
.project-listing-item a.no-hover img {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}

.project-listing-item.staff a:has(img) {
  background-color: var(--orange-500);
}

.project-listing-item.staff:hover img {
  -webkit-transform: translateX(24px) scale(1);
          transform: translateX(24px) scale(1);
}

.listing-item a {
  position: relative;
  display: inline-block;
}
.listing-item a img {
  width: 100%;
}
.listing-item a .listing-title {
  font-size: 2rem;
  line-height: 2.4rem;
  text-align: center;
  padding: 5px 0 40px 0;
  color: var(--gray-500);
}
.listing-item a:hover img {
  opacity: 1;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.listing-item a:hover .listing-title {
  text-align: center;
  color: var(--orange-500);
}

.is-animated {
  -webkit-animation: 0.6s show-it;
          animation: 0.6s show-it;
}

@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes show-it {
  0% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes show-it {
  0% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
.project-header .project-description {
  max-width: 75rem;
}
.project-header .project-description h2,
.project-header .project-description h3 {
  max-width: 50rem;
  font-size: var(--fs-500);
  font-weight: 250;
  padding-bottom: 2rem;
  line-height: 1.5;
}
.project-header .project-info {
  display: inline-block;
}

.project-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  --max-width: 90rem;
  --padding: 2rem * 2;
  width: min(var(--max-width), 100% - (var(--padding)));
  margin-inline: auto;
  gap: 1.5rem;
}
@media screen and (max-width: 64em) {
  .project-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.project-details {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
  max-width: 300px;
  position: sticky;
  top: 1.5rem;
  background-color: white;
  padding: 1rem 1rem 1rem 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 99;
}
@media screen and (max-width: 64em) {
  .project-details {
    position: static;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-height: 800px) {
  .project-details {
    padding: 0.5rem 0.5rem 0.5rem 0;
  }
  .project-details h4,
  .project-details p {
    font-size: var(--fs-300) !important;
  }
}

.project-gallery {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.project-meta h4 {
  font-size: var(--fs-400);
  font-weight: 800;
  color: var(--gray-500);
  line-height: 1.25;
  letter-spacing: 1px;
  text-transform: none;
  padding-bottom: 0.25rem;
}
.project-meta p {
  font-size: var(--fs-400);
  font-weight: 200;
}

.gallery-item {
  margin-bottom: 1.5rem;
  position: relative;
}
.gallery-item img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-item .project-caption {
  position: absolute;
  top: 0rem;
  left: -324px;
  width: 300px;
  z-index: 99;
  padding: 1rem 0 1rem 0;
  background-color: white;
  border-top: 1px solid var(--gray-100);
}
.gallery-item .project-caption.more-projects {
  opacity: 1;
  top: -300px;
}
@media screen and (max-width: 64em) {
  .gallery-item .project-caption.more-projects {
    top: 0;
  }
}
@media screen and (max-width: 64em) {
  .gallery-item .project-caption {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    padding: 1rem 0 2rem 0;
  }
}
.gallery-item .two-up img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-item .callout-text p {
  font-size: var(--fs-450);
  font-weight: 200;
  line-height: 1.5;
  max-width: 75rem;
}
.gallery-item .callout-quote .quote:before {
  content: open-quote;
  position: absolute;
  left: 6px;
}
.gallery-item .callout-quote .quote:after {
  content: close-quote;
}

.project-link {
  padding: 1.5rem 0 0.75rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.project-link a {
  width: 100%;
}
.project-link h4 {
  letter-spacing: 0.5px;
  line-height: 1.35;
  padding-bottom: 0.5rem;
}
.project-link svg {
  margin-bottom: 0.5rem;
}
.project-link.prev svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.project-link.next svg {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  justify-self: flex-end;
}
.project-link a:hover h4 {
  color: var(--orange-500);
}
.project-link a:hover svg path:first-of-type {
  fill: var(--gray-500);
}

.project-links {
  margin: 0 0 40px 0;
}
.project-links a {
  letter-spacing: 5px;
}
.project-links a svg {
  top: 35px;
}
@media screen and (max-width: 48em) {
  .project-links a svg {
    width: 15px;
  }
}
.project-links a svg.ml {
  margin-left: 30px;
}
@media screen and (max-width: 48em) {
  .project-links a svg.ml {
    margin-left: 5px;
  }
}
.project-links a:hover svg path {
  stroke: var(--orange-500);
}
@media screen and (max-width: 48em) {
  .project-links a {
    font-size: 1.3rem;
    letter-spacing: 2px;
  }
}

.staff-single .staff-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.staff-single .staff-meta h4 {
  font-size: var(--fs-400);
  font-weight: 800;
  line-height: 1.25;
  text-transform: none;
  padding-bottom: 0.25rem;
  margin-top: 0.5rem;
  color: var(--gray-500);
}

/* ================== Blog ======================================================================== */
.blog-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.blog-listing .blog-img {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.blog-listing p {
  font-size: var(--fs-400);
  padding-right: 20px;
}
.blog-listing a {
  display: inline-block;
}
.blog-listing h2 a {
  color: var(--gray-500);
}
.blog-listing h2 a:hover {
  color: var(--orange-500);
}
.blog-listing img {
  aspect-ratio: 1.65;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.blog-listing:hover h2 a {
  color: var(--orange-500);
}
.blog-listing:hover img {
  background-color: #000;
  opacity: 0.8;
  cursor: pointer;
}

.blog-archive img {
  width: 100%;
}
.blog-archive img:hover {
  opacity: 0.8;
  cursor: pointer;
}

.blog-sidebar {
  margin: 0px 0 0 0;
  padding: 20px 0 0 0;
}
.blog-sidebar strong {
  color: var(--orange-500);
}
.blog-sidebar ul li {
  list-style-type: none;
  font-size: 1.4rem;
  letter-spacing: 1px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 10px 0 0px 0;
}
.blog-sidebar ul li a {
  color: var(--gray-500);
}
.blog-sidebar ul li a:hover {
  color: var(--orange-500);
}
.blog-sidebar ul li.current-cat a {
  color: var(--orange-500);
  font-weight: bold;
}

.blog-single-sidebar {
  border-bottom: 1px solid var(--gray-100);
  padding: 0 0 2rem 0;
}
.blog-single-sidebar a {
  color: var(--orange-500);
}
.blog-single-sidebar a:hover {
  color: var(--gray-500);
}
.blog-single-sidebar ul li {
  list-style-type: none;
  font-size: 1.4rem;
  letter-spacing: 1px;
  font-weight: 400;
  padding: 0px 0 10px 0;
}
.blog-single-sidebar ul li a {
  color: var(--orange-500);
}
.blog-single-sidebar ul li a:hover {
  color: var(--gray-500);
}
.blog-single-sidebar ul li.current-cat a {
  color: var(--orange-500);
  font-weight: bold;
}

.blog-single h2 {
  padding: 30px 0 0 0;
}
.blog-single ul,
.blog-single ol {
  margin: 0 0 16px 30px;
  font-size: 1.6rem;
}

.pagination .navigation li {
  display: inline;
  margin: 0.75rem;
  font-size: var(--fs-450);
}
.pagination .navigation li a,
.pagination .navigation li a:hover,
.pagination .navigation li.active a,
.pagination .navigation li.disabled {
  color: var(--gray-500);
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.pagination .navigation li a,
.pagination .navigation li a:hover,
.pagination .navigation li.active a,
.pagination .navigation li.disabled {
  cursor: pointer;
  padding: 1rem;
}
.pagination .navigation li:first-of-type a,
.pagination .navigation li:last-of-type a {
  border-top: none;
  color: var(--gray-500);
}
.pagination .navigation li:first-of-type a:hover,
.pagination .navigation li:last-of-type a:hover {
  border-top: none;
}
.pagination .navigation li a:hover,
.pagination .navigation li.active a {
  border-top: 1px solid var(--orange-500);
  color: var(--orange-500);
  font-weight: normal;
}
.pagination .navigation li.active a {
  font-weight: 800;
  top: 4px;
}
.pagination svg {
  display: inline-block;
}
.pagination svg:hover path:first-of-type {
  fill: var(--gray-500);
}

.article-callout article > a {
  display: inline-block;
  background-color: var(--orange-500);
}
.article-callout article img {
  aspect-ratio: 1.65;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.article-callout article:hover img {
  opacity: 0.8;
  cursor: pointer;
}
.article-callout article:hover h2 a {
  color: var(--orange-500);
}

/*

1. Text and Photo Panel
2. Four Pillars
3. Featured Trip Cards
4. Featured / Upcoming Events Panel
4. Press Panel



*/
/* ===== Text and Photo Panel ======================================================== */
.panel--text-photo {
  margin-top: 20px;
}
.panel--text-photo .panel-text {
  padding: 20px 5px 0 0;
}

/* =====  Two Photos  ======================================================== */
.panel--two-photos {
  margin-top: 5px;
}

/* =====  Callout Text / Quote ======================================================== */
.panel--callout-text .callout-text {
  padding: 45px 40px 45px 40px;
}
@media screen and (max-width: 64em) {
  .panel--callout-text .callout-text {
    padding: 85px 50px 85px 50px;
  }
}
@media screen and (max-width: 48em) {
  .panel--callout-text .callout-text {
    padding: 45px 20px 45px 20px;
  }
}
.panel--callout-text .callout-text p {
  font-style: normal;
  font-weight: 250;
  font-size: var(--fs-600);
  line-height: 1.5;
}
@media screen and (max-width: 48em) {
  .panel--callout-text .callout-text p {
    font-size: var(--fs-500);
  }
}
.panel--callout-text .callout-text p.small-caps {
  padding-top: 30px;
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.71;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.panel--callout-text .quote::before {
  content: open-quote;
  position: absolute;
  left: -20px;
}
@media screen and (max-width: 48em) {
  .panel--callout-text .quote::before {
    left: -10px;
  }
}
.panel--callout-text .quote::after {
  content: close-quote;
}

/* =====   ====================================================================== */
.panel--header-text {
  padding: 20px 0 10px 0;
}
.panel--header-text h2 {
  font-weight: regular;
  font-size: 34px;
  line-height: 44px;
}

.reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

footer {
  width: 100%;
  padding: 3rem 0 3rem 0;
}
footer .footer-column {
  padding-bottom: 24px;
}
footer .footer-social a {
  display: inline-block;
  padding: 0 0.5rem 0 0;
}
footer .footer-social svg {
  fill: var(--gray-500);
  width: 48px;
  padding: 0px 0.5rem 0 0;
}
footer .footer-social a:hover svg {
  fill: var(--orange-500);
}

[class~=gridlex],
[class*=gridlex-],
[class*=gridlex_] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0;
  margin: 0 0rem;
}

[class~=gridlex].gap,
[class*=gridlex-].gap,
[class*=gridlex_].gap {
  margin: 0 -0.75rem;
}

[class~=col],
[class*=col-],
[class*=col_] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0rem 1rem;
  max-width: 100%;
}

[class~=col].gap,
[class*=col-].gap,
[class*=col_].gap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.75rem 1rem;
  max-width: 100%;
}

[class~=col],
[class*=col_] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

[class*=col-] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

[class~=gridlex][class~=col],
[class~=gridlex][class*=col-],
[class~=gridlex][class*=col_],
[class*=gridlex-][class~=col],
[class*=gridlex-][class*=col-],
[class*=gridlex-][class*=col_],
[class*=gridlex_][class~=col],
[class*=gridlex_][class*=col-],
[class*=gridlex_][class*=col_] {
  margin: 0;
  padding: 0;
}

/************************
    HELPERS SUFFIXES
*************************/
[class*=gridlex-][class*=-gap] {
  margin: 0;
}
[class*=gridlex-][class*=-gap] > [class~=col],
[class*=gridlex-][class*=-gap] > [class*=col-] {
  padding: 0.75rem;
}
[class*=gridlex-][class*=-noWrap] {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
[class*=gridlex-][class*=-center] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[class*=gridlex-][class*=-right] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-left: auto;
}
[class*=gridlex-][class*=-top] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
[class*=gridlex-][class*=-middle] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[class*=gridlex-][class*=-bottom] {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
[class*=gridlex-][class*=-reverse] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
[class*=gridlex-][class*=-column] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
[class*=gridlex-][class*=-column] > [class*=col-] {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
[class*=gridlex-][class*=-column-reverse] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
[class*=gridlex-][class*=-spaceBetween] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
[class*=gridlex-][class*=-spaceAround] {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
[class*=gridlex-][class*=-equalHeight] > [class~=col], [class*=gridlex-][class*=-equalHeight] > [class*=col-], [class*=gridlex-][class*=-equalHeight] > [class*=col_] {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
[class*=gridlex-][class*=-equalHeight] > [class~=col] > *, [class*=gridlex-][class*=-equalHeight] > [class*=col-] > *, [class*=gridlex-][class*=-equalHeight] > [class*=col_] > * {
  height: 100%;
}
[class*=gridlex-][class*=-noBottom] > [class~=col], [class*=gridlex-][class*=-noBottom] > [class*=col-], [class*=gridlex-][class*=-noBottom] > [class*=col_] {
  padding-bottom: 0;
}

[class*=col-][class*=-top] {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
[class*=col-][class*=-middle] {
  -ms-flex-item-align: center;
      align-self: center;
}
[class*=col-][class*=-bottom] {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
[class*=col-][class*=-first] {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
[class*=col-][class*=-last] {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

/************************
    GRID BY NUMBER
*************************/
[class*=gridlex-1] > [class~=col],
[class*=gridlex-1] > [class*=col-],
[class*=gridlex-1] > [class*=col_] {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

[class*=gridlex-2] > [class~=col],
[class*=gridlex-2] > [class*=col-],
[class*=gridlex-2] > [class*=col_] {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}

[class*=gridlex-3] > [class~=col],
[class*=gridlex-3] > [class*=col-],
[class*=gridlex-3] > [class*=col_] {
  -ms-flex-preferred-size: 33.3333333333%;
      flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

[class*=gridlex-4] > [class~=col],
[class*=gridlex-4] > [class*=col-],
[class*=gridlex-4] > [class*=col_] {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}

[class*=gridlex-5] > [class~=col],
[class*=gridlex-5] > [class*=col-],
[class*=gridlex-5] > [class*=col_] {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  max-width: 20%;
}

[class*=gridlex-6] > [class~=col],
[class*=gridlex-6] > [class*=col-],
[class*=gridlex-6] > [class*=col_] {
  -ms-flex-preferred-size: 16.6666666667%;
      flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

[class*=gridlex-7] > [class~=col],
[class*=gridlex-7] > [class*=col-],
[class*=gridlex-7] > [class*=col_] {
  -ms-flex-preferred-size: 14.2857142857%;
      flex-basis: 14.2857142857%;
  max-width: 14.2857142857%;
}

[class*=gridlex-8] > [class~=col],
[class*=gridlex-8] > [class*=col-],
[class*=gridlex-8] > [class*=col_] {
  -ms-flex-preferred-size: 12.5%;
      flex-basis: 12.5%;
  max-width: 12.5%;
}

[class*=gridlex-9] > [class~=col],
[class*=gridlex-9] > [class*=col-],
[class*=gridlex-9] > [class*=col_] {
  -ms-flex-preferred-size: 11.1111111111%;
      flex-basis: 11.1111111111%;
  max-width: 11.1111111111%;
}

[class*=gridlex-10] > [class~=col],
[class*=gridlex-10] > [class*=col-],
[class*=gridlex-10] > [class*=col_] {
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
  max-width: 10%;
}

[class*=gridlex-11] > [class~=col],
[class*=gridlex-11] > [class*=col-],
[class*=gridlex-11] > [class*=col_] {
  -ms-flex-preferred-size: 9.0909090909%;
      flex-basis: 9.0909090909%;
  max-width: 9.0909090909%;
}

[class*=gridlex-12] > [class~=col],
[class*=gridlex-12] > [class*=col-],
[class*=gridlex-12] > [class*=col_] {
  -ms-flex-preferred-size: 8.3333333333%;
      flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

@media (max-width: 80em) {
  [class*=_lg-1] > [class~=col],
  [class*=_lg-1] > [class*=col-],
  [class*=_lg-1] > [class*=col_] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  [class*=_lg-2] > [class~=col],
  [class*=_lg-2] > [class*=col-],
  [class*=_lg-2] > [class*=col_] {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  [class*=_lg-3] > [class~=col],
  [class*=_lg-3] > [class*=col-],
  [class*=_lg-3] > [class*=col_] {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*=_lg-4] > [class~=col],
  [class*=_lg-4] > [class*=col-],
  [class*=_lg-4] > [class*=col_] {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  [class*=_lg-5] > [class~=col],
  [class*=_lg-5] > [class*=col-],
  [class*=_lg-5] > [class*=col_] {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%;
  }
  [class*=_lg-6] > [class~=col],
  [class*=_lg-6] > [class*=col-],
  [class*=_lg-6] > [class*=col_] {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*=_lg-7] > [class~=col],
  [class*=_lg-7] > [class*=col-],
  [class*=_lg-7] > [class*=col_] {
    -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class*=_lg-8] > [class~=col],
  [class*=_lg-8] > [class*=col-],
  [class*=_lg-8] > [class*=col_] {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*=_lg-9] > [class~=col],
  [class*=_lg-9] > [class*=col-],
  [class*=_lg-9] > [class*=col_] {
    -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  [class*=_lg-10] > [class~=col],
  [class*=_lg-10] > [class*=col-],
  [class*=_lg-10] > [class*=col_] {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    max-width: 10%;
  }
  [class*=_lg-11] > [class~=col],
  [class*=_lg-11] > [class*=col-],
  [class*=_lg-11] > [class*=col_] {
    -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  [class*=_lg-12] > [class~=col],
  [class*=_lg-12] > [class*=col-],
  [class*=_lg-12] > [class*=col_] {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media (max-width: 64em) {
  [class*=_md-1] > [class~=col],
  [class*=_md-1] > [class*=col-],
  [class*=_md-1] > [class*=col_] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  [class*=_md-2] > [class~=col],
  [class*=_md-2] > [class*=col-],
  [class*=_md-2] > [class*=col_] {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  [class*=_md-3] > [class~=col],
  [class*=_md-3] > [class*=col-],
  [class*=_md-3] > [class*=col_] {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*=_md-4] > [class~=col],
  [class*=_md-4] > [class*=col-],
  [class*=_md-4] > [class*=col_] {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  [class*=_md-5] > [class~=col],
  [class*=_md-5] > [class*=col-],
  [class*=_md-5] > [class*=col_] {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%;
  }
  [class*=_md-6] > [class~=col],
  [class*=_md-6] > [class*=col-],
  [class*=_md-6] > [class*=col_] {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*=_md-7] > [class~=col],
  [class*=_md-7] > [class*=col-],
  [class*=_md-7] > [class*=col_] {
    -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class*=_md-8] > [class~=col],
  [class*=_md-8] > [class*=col-],
  [class*=_md-8] > [class*=col_] {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*=_md-9] > [class~=col],
  [class*=_md-9] > [class*=col-],
  [class*=_md-9] > [class*=col_] {
    -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  [class*=_md-10] > [class~=col],
  [class*=_md-10] > [class*=col-],
  [class*=_md-10] > [class*=col_] {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    max-width: 10%;
  }
  [class*=_md-11] > [class~=col],
  [class*=_md-11] > [class*=col-],
  [class*=_md-11] > [class*=col_] {
    -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  [class*=_md-12] > [class~=col],
  [class*=_md-12] > [class*=col-],
  [class*=_md-12] > [class*=col_] {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media (max-width: 48em) {
  [class*=_sm-1] > [class~=col],
  [class*=_sm-1] > [class*=col-],
  [class*=_sm-1] > [class*=col_] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  [class*=_sm-2] > [class~=col],
  [class*=_sm-2] > [class*=col-],
  [class*=_sm-2] > [class*=col_] {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  [class*=_sm-3] > [class~=col],
  [class*=_sm-3] > [class*=col-],
  [class*=_sm-3] > [class*=col_] {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*=_sm-4] > [class~=col],
  [class*=_sm-4] > [class*=col-],
  [class*=_sm-4] > [class*=col_] {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  [class*=_sm-5] > [class~=col],
  [class*=_sm-5] > [class*=col-],
  [class*=_sm-5] > [class*=col_] {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%;
  }
  [class*=_sm-6] > [class~=col],
  [class*=_sm-6] > [class*=col-],
  [class*=_sm-6] > [class*=col_] {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*=_sm-7] > [class~=col],
  [class*=_sm-7] > [class*=col-],
  [class*=_sm-7] > [class*=col_] {
    -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class*=_sm-8] > [class~=col],
  [class*=_sm-8] > [class*=col-],
  [class*=_sm-8] > [class*=col_] {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*=_sm-9] > [class~=col],
  [class*=_sm-9] > [class*=col-],
  [class*=_sm-9] > [class*=col_] {
    -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  [class*=_sm-10] > [class~=col],
  [class*=_sm-10] > [class*=col-],
  [class*=_sm-10] > [class*=col_] {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    max-width: 10%;
  }
  [class*=_sm-11] > [class~=col],
  [class*=_sm-11] > [class*=col-],
  [class*=_sm-11] > [class*=col_] {
    -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  [class*=_sm-12] > [class~=col],
  [class*=_sm-12] > [class*=col-],
  [class*=_sm-12] > [class*=col_] {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media (max-width: 36em) {
  [class*=_xs-1] > [class~=col],
  [class*=_xs-1] > [class*=col-],
  [class*=_xs-1] > [class*=col_] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  [class*=_xs-2] > [class~=col],
  [class*=_xs-2] > [class*=col-],
  [class*=_xs-2] > [class*=col_] {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  [class*=_xs-3] > [class~=col],
  [class*=_xs-3] > [class*=col-],
  [class*=_xs-3] > [class*=col_] {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*=_xs-4] > [class~=col],
  [class*=_xs-4] > [class*=col-],
  [class*=_xs-4] > [class*=col_] {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  [class*=_xs-5] > [class~=col],
  [class*=_xs-5] > [class*=col-],
  [class*=_xs-5] > [class*=col_] {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%;
  }
  [class*=_xs-6] > [class~=col],
  [class*=_xs-6] > [class*=col-],
  [class*=_xs-6] > [class*=col_] {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*=_xs-7] > [class~=col],
  [class*=_xs-7] > [class*=col-],
  [class*=_xs-7] > [class*=col_] {
    -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class*=_xs-8] > [class~=col],
  [class*=_xs-8] > [class*=col-],
  [class*=_xs-8] > [class*=col_] {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*=_xs-9] > [class~=col],
  [class*=_xs-9] > [class*=col-],
  [class*=_xs-9] > [class*=col_] {
    -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  [class*=_xs-10] > [class~=col],
  [class*=_xs-10] > [class*=col-],
  [class*=_xs-10] > [class*=col_] {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    max-width: 10%;
  }
  [class*=_xs-11] > [class~=col],
  [class*=_xs-11] > [class*=col-],
  [class*=_xs-11] > [class*=col_] {
    -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  [class*=_xs-12] > [class~=col],
  [class*=_xs-12] > [class*=col-],
  [class*=_xs-12] > [class*=col_] {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
/************************
    COLS SIZES
*************************/
[class~=gridlex] > [class*=col-1],
[class*=gridlex-] > [class*=col-1],
[class*=gridlex_] > [class*=col-1] {
  -ms-flex-preferred-size: 8.3333333333%;
      flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}
[class~=gridlex] > [class*=col-2],
[class*=gridlex-] > [class*=col-2],
[class*=gridlex_] > [class*=col-2] {
  -ms-flex-preferred-size: 16.6666666667%;
      flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}
[class~=gridlex] > [class*=col-3],
[class*=gridlex-] > [class*=col-3],
[class*=gridlex_] > [class*=col-3] {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}
[class~=gridlex] > [class*=col-4],
[class*=gridlex-] > [class*=col-4],
[class*=gridlex_] > [class*=col-4] {
  -ms-flex-preferred-size: 33.3333333333%;
      flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}
[class~=gridlex] > [class*=col-5],
[class*=gridlex-] > [class*=col-5],
[class*=gridlex_] > [class*=col-5] {
  -ms-flex-preferred-size: 41.6666666667%;
      flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}
[class~=gridlex] > [class*=col-6],
[class*=gridlex-] > [class*=col-6],
[class*=gridlex_] > [class*=col-6] {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}
[class~=gridlex] > [class*=col-7],
[class*=gridlex-] > [class*=col-7],
[class*=gridlex_] > [class*=col-7] {
  -ms-flex-preferred-size: 58.3333333333%;
      flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}
[class~=gridlex] > [class*=col-8],
[class*=gridlex-] > [class*=col-8],
[class*=gridlex_] > [class*=col-8] {
  -ms-flex-preferred-size: 66.6666666667%;
      flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}
[class~=gridlex] > [class*=col-9],
[class*=gridlex-] > [class*=col-9],
[class*=gridlex_] > [class*=col-9] {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  max-width: 75%;
}
[class~=gridlex] > [class*=col-10],
[class*=gridlex-] > [class*=col-10],
[class*=gridlex_] > [class*=col-10] {
  -ms-flex-preferred-size: 83.3333333333%;
      flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}
[class~=gridlex] > [class*=col-11],
[class*=gridlex-] > [class*=col-11],
[class*=gridlex_] > [class*=col-11] {
  -ms-flex-preferred-size: 91.6666666667%;
      flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}
[class~=gridlex] > [class*=col-12],
[class*=gridlex-] > [class*=col-12],
[class*=gridlex_] > [class*=col-12] {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

[class~=gridlex] > [data-push-left*=off-0],
[class*=gridlex-] > [data-push-left*=off-0],
[class*=gridlex_] > [data-push-left*=off-0] {
  margin-left: 0;
}
[class~=gridlex] > [data-push-left*=off-1],
[class*=gridlex-] > [data-push-left*=off-1],
[class*=gridlex_] > [data-push-left*=off-1] {
  margin-left: 8.3333333333%;
}
[class~=gridlex] > [data-push-left*=off-2],
[class*=gridlex-] > [data-push-left*=off-2],
[class*=gridlex_] > [data-push-left*=off-2] {
  margin-left: 16.6666666667%;
}
[class~=gridlex] > [data-push-left*=off-3],
[class*=gridlex-] > [data-push-left*=off-3],
[class*=gridlex_] > [data-push-left*=off-3] {
  margin-left: 25%;
}
[class~=gridlex] > [data-push-left*=off-4],
[class*=gridlex-] > [data-push-left*=off-4],
[class*=gridlex_] > [data-push-left*=off-4] {
  margin-left: 33.3333333333%;
}
[class~=gridlex] > [data-push-left*=off-5],
[class*=gridlex-] > [data-push-left*=off-5],
[class*=gridlex_] > [data-push-left*=off-5] {
  margin-left: 41.6666666667%;
}
[class~=gridlex] > [data-push-left*=off-6],
[class*=gridlex-] > [data-push-left*=off-6],
[class*=gridlex_] > [data-push-left*=off-6] {
  margin-left: 50%;
}
[class~=gridlex] > [data-push-left*=off-7],
[class*=gridlex-] > [data-push-left*=off-7],
[class*=gridlex_] > [data-push-left*=off-7] {
  margin-left: 58.3333333333%;
}
[class~=gridlex] > [data-push-left*=off-8],
[class*=gridlex-] > [data-push-left*=off-8],
[class*=gridlex_] > [data-push-left*=off-8] {
  margin-left: 66.6666666667%;
}
[class~=gridlex] > [data-push-left*=off-9],
[class*=gridlex-] > [data-push-left*=off-9],
[class*=gridlex_] > [data-push-left*=off-9] {
  margin-left: 75%;
}
[class~=gridlex] > [data-push-left*=off-10],
[class*=gridlex-] > [data-push-left*=off-10],
[class*=gridlex_] > [data-push-left*=off-10] {
  margin-left: 83.3333333333%;
}
[class~=gridlex] > [data-push-left*=off-11],
[class*=gridlex-] > [data-push-left*=off-11],
[class*=gridlex_] > [data-push-left*=off-11] {
  margin-left: 91.6666666667%;
}

[class~=gridlex] > [data-push-right*=off-0],
[class*=gridlex-] > [data-push-right*=off-0],
[class*=gridlex_] > [data-push-right*=off-0] {
  margin-right: 0;
}
[class~=gridlex] > [data-push-right*=off-1],
[class*=gridlex-] > [data-push-right*=off-1],
[class*=gridlex_] > [data-push-right*=off-1] {
  margin-right: 8.3333333333%;
}
[class~=gridlex] > [data-push-right*=off-2],
[class*=gridlex-] > [data-push-right*=off-2],
[class*=gridlex_] > [data-push-right*=off-2] {
  margin-right: 16.6666666667%;
}
[class~=gridlex] > [data-push-right*=off-3],
[class*=gridlex-] > [data-push-right*=off-3],
[class*=gridlex_] > [data-push-right*=off-3] {
  margin-right: 25%;
}
[class~=gridlex] > [data-push-right*=off-4],
[class*=gridlex-] > [data-push-right*=off-4],
[class*=gridlex_] > [data-push-right*=off-4] {
  margin-right: 33.3333333333%;
}
[class~=gridlex] > [data-push-right*=off-5],
[class*=gridlex-] > [data-push-right*=off-5],
[class*=gridlex_] > [data-push-right*=off-5] {
  margin-right: 41.6666666667%;
}
[class~=gridlex] > [data-push-right*=off-6],
[class*=gridlex-] > [data-push-right*=off-6],
[class*=gridlex_] > [data-push-right*=off-6] {
  margin-right: 50%;
}
[class~=gridlex] > [data-push-right*=off-7],
[class*=gridlex-] > [data-push-right*=off-7],
[class*=gridlex_] > [data-push-right*=off-7] {
  margin-right: 58.3333333333%;
}
[class~=gridlex] > [data-push-right*=off-8],
[class*=gridlex-] > [data-push-right*=off-8],
[class*=gridlex_] > [data-push-right*=off-8] {
  margin-right: 66.6666666667%;
}
[class~=gridlex] > [data-push-right*=off-9],
[class*=gridlex-] > [data-push-right*=off-9],
[class*=gridlex_] > [data-push-right*=off-9] {
  margin-right: 75%;
}
[class~=gridlex] > [data-push-right*=off-10],
[class*=gridlex-] > [data-push-right*=off-10],
[class*=gridlex_] > [data-push-right*=off-10] {
  margin-right: 83.3333333333%;
}
[class~=gridlex] > [data-push-right*=off-11],
[class*=gridlex-] > [data-push-right*=off-11],
[class*=gridlex_] > [data-push-right*=off-11] {
  margin-right: 91.6666666667%;
}

@media (max-width: 80em) {
  [class~=gridlex] > [class*=_lg-1],
  [class*=gridlex-] > [class*=_lg-1],
  [class*=gridlex_] > [class*=_lg-1] {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  [class~=gridlex] > [class*=_lg-2],
  [class*=gridlex-] > [class*=_lg-2],
  [class*=gridlex_] > [class*=_lg-2] {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class~=gridlex] > [class*=_lg-3],
  [class*=gridlex-] > [class*=_lg-3],
  [class*=gridlex_] > [class*=_lg-3] {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  [class~=gridlex] > [class*=_lg-4],
  [class*=gridlex-] > [class*=_lg-4],
  [class*=gridlex_] > [class*=_lg-4] {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class~=gridlex] > [class*=_lg-5],
  [class*=gridlex-] > [class*=_lg-5],
  [class*=gridlex_] > [class*=_lg-5] {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  [class~=gridlex] > [class*=_lg-6],
  [class*=gridlex-] > [class*=_lg-6],
  [class*=gridlex_] > [class*=_lg-6] {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  [class~=gridlex] > [class*=_lg-7],
  [class*=gridlex-] > [class*=_lg-7],
  [class*=gridlex_] > [class*=_lg-7] {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  [class~=gridlex] > [class*=_lg-8],
  [class*=gridlex-] > [class*=_lg-8],
  [class*=gridlex_] > [class*=_lg-8] {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  [class~=gridlex] > [class*=_lg-9],
  [class*=gridlex-] > [class*=_lg-9],
  [class*=gridlex_] > [class*=_lg-9] {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  [class~=gridlex] > [class*=_lg-10],
  [class*=gridlex-] > [class*=_lg-10],
  [class*=gridlex_] > [class*=_lg-10] {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  [class~=gridlex] > [class*=_lg-11],
  [class*=gridlex-] > [class*=_lg-11],
  [class*=gridlex_] > [class*=_lg-11] {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  [class~=gridlex] > [class*=_lg-12],
  [class*=gridlex-] > [class*=_lg-12],
  [class*=gridlex_] > [class*=_lg-12] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  [class~=gridlex] > [data-push-left*=_lg-0],
  [class*=gridlex-] > [data-push-left*=_lg-0],
  [class*=gridlex_] > [data-push-left*=_lg-0] {
    margin-left: 0;
  }
  [class~=gridlex] > [data-push-left*=_lg-1],
  [class*=gridlex-] > [data-push-left*=_lg-1],
  [class*=gridlex_] > [data-push-left*=_lg-1] {
    margin-left: 8.3333333333%;
  }
  [class~=gridlex] > [data-push-left*=_lg-2],
  [class*=gridlex-] > [data-push-left*=_lg-2],
  [class*=gridlex_] > [data-push-left*=_lg-2] {
    margin-left: 16.6666666667%;
  }
  [class~=gridlex] > [data-push-left*=_lg-3],
  [class*=gridlex-] > [data-push-left*=_lg-3],
  [class*=gridlex_] > [data-push-left*=_lg-3] {
    margin-left: 25%;
  }
  [class~=gridlex] > [data-push-left*=_lg-4],
  [class*=gridlex-] > [data-push-left*=_lg-4],
  [class*=gridlex_] > [data-push-left*=_lg-4] {
    margin-left: 33.3333333333%;
  }
  [class~=gridlex] > [data-push-left*=_lg-5],
  [class*=gridlex-] > [data-push-left*=_lg-5],
  [class*=gridlex_] > [data-push-left*=_lg-5] {
    margin-left: 41.6666666667%;
  }
  [class~=gridlex] > [data-push-left*=_lg-6],
  [class*=gridlex-] > [data-push-left*=_lg-6],
  [class*=gridlex_] > [data-push-left*=_lg-6] {
    margin-left: 50%;
  }
  [class~=gridlex] > [data-push-left*=_lg-7],
  [class*=gridlex-] > [data-push-left*=_lg-7],
  [class*=gridlex_] > [data-push-left*=_lg-7] {
    margin-left: 58.3333333333%;
  }
  [class~=gridlex] > [data-push-left*=_lg-8],
  [class*=gridlex-] > [data-push-left*=_lg-8],
  [class*=gridlex_] > [data-push-left*=_lg-8] {
    margin-left: 66.6666666667%;
  }
  [class~=gridlex] > [data-push-left*=_lg-9],
  [class*=gridlex-] > [data-push-left*=_lg-9],
  [class*=gridlex_] > [data-push-left*=_lg-9] {
    margin-left: 75%;
  }
  [class~=gridlex] > [data-push-left*=_lg-10],
  [class*=gridlex-] > [data-push-left*=_lg-10],
  [class*=gridlex_] > [data-push-left*=_lg-10] {
    margin-left: 83.3333333333%;
  }
  [class~=gridlex] > [data-push-left*=_lg-11],
  [class*=gridlex-] > [data-push-left*=_lg-11],
  [class*=gridlex_] > [data-push-left*=_lg-11] {
    margin-left: 91.6666666667%;
  }
  [class~=gridlex] > [data-push-right*=_lg-0],
  [class*=gridlex-] > [data-push-right*=_lg-0],
  [class*=gridlex_] > [data-push-right*=_lg-0] {
    margin-right: 0;
  }
  [class~=gridlex] > [data-push-right*=_lg-1],
  [class*=gridlex-] > [data-push-right*=_lg-1],
  [class*=gridlex_] > [data-push-right*=_lg-1] {
    margin-right: 8.3333333333%;
  }
  [class~=gridlex] > [data-push-right*=_lg-2],
  [class*=gridlex-] > [data-push-right*=_lg-2],
  [class*=gridlex_] > [data-push-right*=_lg-2] {
    margin-right: 16.6666666667%;
  }
  [class~=gridlex] > [data-push-right*=_lg-3],
  [class*=gridlex-] > [data-push-right*=_lg-3],
  [class*=gridlex_] > [data-push-right*=_lg-3] {
    margin-right: 25%;
  }
  [class~=gridlex] > [data-push-right*=_lg-4],
  [class*=gridlex-] > [data-push-right*=_lg-4],
  [class*=gridlex_] > [data-push-right*=_lg-4] {
    margin-right: 33.3333333333%;
  }
  [class~=gridlex] > [data-push-right*=_lg-5],
  [class*=gridlex-] > [data-push-right*=_lg-5],
  [class*=gridlex_] > [data-push-right*=_lg-5] {
    margin-right: 41.6666666667%;
  }
  [class~=gridlex] > [data-push-right*=_lg-6],
  [class*=gridlex-] > [data-push-right*=_lg-6],
  [class*=gridlex_] > [data-push-right*=_lg-6] {
    margin-right: 50%;
  }
  [class~=gridlex] > [data-push-right*=_lg-7],
  [class*=gridlex-] > [data-push-right*=_lg-7],
  [class*=gridlex_] > [data-push-right*=_lg-7] {
    margin-right: 58.3333333333%;
  }
  [class~=gridlex] > [data-push-right*=_lg-8],
  [class*=gridlex-] > [data-push-right*=_lg-8],
  [class*=gridlex_] > [data-push-right*=_lg-8] {
    margin-right: 66.6666666667%;
  }
  [class~=gridlex] > [data-push-right*=_lg-9],
  [class*=gridlex-] > [data-push-right*=_lg-9],
  [class*=gridlex_] > [data-push-right*=_lg-9] {
    margin-right: 75%;
  }
  [class~=gridlex] > [data-push-right*=_lg-10],
  [class*=gridlex-] > [data-push-right*=_lg-10],
  [class*=gridlex_] > [data-push-right*=_lg-10] {
    margin-right: 83.3333333333%;
  }
  [class~=gridlex] > [data-push-right*=_lg-11],
  [class*=gridlex-] > [data-push-right*=_lg-11],
  [class*=gridlex_] > [data-push-right*=_lg-11] {
    margin-right: 91.6666666667%;
  }
  [class~=gridlex] [class*=_lg-first],
  [class*=gridlex-] [class*=_lg-first],
  [class*=gridlex_] [class*=_lg-first] {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  [class~=gridlex] [class*=_lg-last],
  [class*=gridlex-] [class*=_lg-last],
  [class*=gridlex_] [class*=_lg-last] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 64em) {
  [class~=gridlex] > [class*=_md-1],
  [class*=gridlex-] > [class*=_md-1],
  [class*=gridlex_] > [class*=_md-1] {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  [class~=gridlex] > [class*=_md-2],
  [class*=gridlex-] > [class*=_md-2],
  [class*=gridlex_] > [class*=_md-2] {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class~=gridlex] > [class*=_md-3],
  [class*=gridlex-] > [class*=_md-3],
  [class*=gridlex_] > [class*=_md-3] {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  [class~=gridlex] > [class*=_md-4],
  [class*=gridlex-] > [class*=_md-4],
  [class*=gridlex_] > [class*=_md-4] {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class~=gridlex] > [class*=_md-5],
  [class*=gridlex-] > [class*=_md-5],
  [class*=gridlex_] > [class*=_md-5] {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  [class~=gridlex] > [class*=_md-6],
  [class*=gridlex-] > [class*=_md-6],
  [class*=gridlex_] > [class*=_md-6] {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  [class~=gridlex] > [class*=_md-7],
  [class*=gridlex-] > [class*=_md-7],
  [class*=gridlex_] > [class*=_md-7] {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  [class~=gridlex] > [class*=_md-8],
  [class*=gridlex-] > [class*=_md-8],
  [class*=gridlex_] > [class*=_md-8] {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  [class~=gridlex] > [class*=_md-9],
  [class*=gridlex-] > [class*=_md-9],
  [class*=gridlex_] > [class*=_md-9] {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  [class~=gridlex] > [class*=_md-10],
  [class*=gridlex-] > [class*=_md-10],
  [class*=gridlex_] > [class*=_md-10] {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  [class~=gridlex] > [class*=_md-11],
  [class*=gridlex-] > [class*=_md-11],
  [class*=gridlex_] > [class*=_md-11] {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  [class~=gridlex] > [class*=_md-12],
  [class*=gridlex-] > [class*=_md-12],
  [class*=gridlex_] > [class*=_md-12] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  [class~=gridlex] > [data-push-left*=_md-0],
  [class*=gridlex-] > [data-push-left*=_md-0],
  [class*=gridlex_] > [data-push-left*=_md-0] {
    margin-left: 0;
  }
  [class~=gridlex] > [data-push-left*=_md-1],
  [class*=gridlex-] > [data-push-left*=_md-1],
  [class*=gridlex_] > [data-push-left*=_md-1] {
    margin-left: 8.3333333333%;
  }
  [class~=gridlex] > [data-push-left*=_md-2],
  [class*=gridlex-] > [data-push-left*=_md-2],
  [class*=gridlex_] > [data-push-left*=_md-2] {
    margin-left: 16.6666666667%;
  }
  [class~=gridlex] > [data-push-left*=_md-3],
  [class*=gridlex-] > [data-push-left*=_md-3],
  [class*=gridlex_] > [data-push-left*=_md-3] {
    margin-left: 25%;
  }
  [class~=gridlex] > [data-push-left*=_md-4],
  [class*=gridlex-] > [data-push-left*=_md-4],
  [class*=gridlex_] > [data-push-left*=_md-4] {
    margin-left: 33.3333333333%;
  }
  [class~=gridlex] > [data-push-left*=_md-5],
  [class*=gridlex-] > [data-push-left*=_md-5],
  [class*=gridlex_] > [data-push-left*=_md-5] {
    margin-left: 41.6666666667%;
  }
  [class~=gridlex] > [data-push-left*=_md-6],
  [class*=gridlex-] > [data-push-left*=_md-6],
  [class*=gridlex_] > [data-push-left*=_md-6] {
    margin-left: 50%;
  }
  [class~=gridlex] > [data-push-left*=_md-7],
  [class*=gridlex-] > [data-push-left*=_md-7],
  [class*=gridlex_] > [data-push-left*=_md-7] {
    margin-left: 58.3333333333%;
  }
  [class~=gridlex] > [data-push-left*=_md-8],
  [class*=gridlex-] > [data-push-left*=_md-8],
  [class*=gridlex_] > [data-push-left*=_md-8] {
    margin-left: 66.6666666667%;
  }
  [class~=gridlex] > [data-push-left*=_md-9],
  [class*=gridlex-] > [data-push-left*=_md-9],
  [class*=gridlex_] > [data-push-left*=_md-9] {
    margin-left: 75%;
  }
  [class~=gridlex] > [data-push-left*=_md-10],
  [class*=gridlex-] > [data-push-left*=_md-10],
  [class*=gridlex_] > [data-push-left*=_md-10] {
    margin-left: 83.3333333333%;
  }
  [class~=gridlex] > [data-push-left*=_md-11],
  [class*=gridlex-] > [data-push-left*=_md-11],
  [class*=gridlex_] > [data-push-left*=_md-11] {
    margin-left: 91.6666666667%;
  }
  [class~=gridlex] > [data-push-right*=_md-0],
  [class*=gridlex-] > [data-push-right*=_md-0],
  [class*=gridlex_] > [data-push-right*=_md-0] {
    margin-right: 0;
  }
  [class~=gridlex] > [data-push-right*=_md-1],
  [class*=gridlex-] > [data-push-right*=_md-1],
  [class*=gridlex_] > [data-push-right*=_md-1] {
    margin-right: 8.3333333333%;
  }
  [class~=gridlex] > [data-push-right*=_md-2],
  [class*=gridlex-] > [data-push-right*=_md-2],
  [class*=gridlex_] > [data-push-right*=_md-2] {
    margin-right: 16.6666666667%;
  }
  [class~=gridlex] > [data-push-right*=_md-3],
  [class*=gridlex-] > [data-push-right*=_md-3],
  [class*=gridlex_] > [data-push-right*=_md-3] {
    margin-right: 25%;
  }
  [class~=gridlex] > [data-push-right*=_md-4],
  [class*=gridlex-] > [data-push-right*=_md-4],
  [class*=gridlex_] > [data-push-right*=_md-4] {
    margin-right: 33.3333333333%;
  }
  [class~=gridlex] > [data-push-right*=_md-5],
  [class*=gridlex-] > [data-push-right*=_md-5],
  [class*=gridlex_] > [data-push-right*=_md-5] {
    margin-right: 41.6666666667%;
  }
  [class~=gridlex] > [data-push-right*=_md-6],
  [class*=gridlex-] > [data-push-right*=_md-6],
  [class*=gridlex_] > [data-push-right*=_md-6] {
    margin-right: 50%;
  }
  [class~=gridlex] > [data-push-right*=_md-7],
  [class*=gridlex-] > [data-push-right*=_md-7],
  [class*=gridlex_] > [data-push-right*=_md-7] {
    margin-right: 58.3333333333%;
  }
  [class~=gridlex] > [data-push-right*=_md-8],
  [class*=gridlex-] > [data-push-right*=_md-8],
  [class*=gridlex_] > [data-push-right*=_md-8] {
    margin-right: 66.6666666667%;
  }
  [class~=gridlex] > [data-push-right*=_md-9],
  [class*=gridlex-] > [data-push-right*=_md-9],
  [class*=gridlex_] > [data-push-right*=_md-9] {
    margin-right: 75%;
  }
  [class~=gridlex] > [data-push-right*=_md-10],
  [class*=gridlex-] > [data-push-right*=_md-10],
  [class*=gridlex_] > [data-push-right*=_md-10] {
    margin-right: 83.3333333333%;
  }
  [class~=gridlex] > [data-push-right*=_md-11],
  [class*=gridlex-] > [data-push-right*=_md-11],
  [class*=gridlex_] > [data-push-right*=_md-11] {
    margin-right: 91.6666666667%;
  }
  [class~=gridlex] [class*=_md-first],
  [class*=gridlex-] [class*=_md-first],
  [class*=gridlex_] [class*=_md-first] {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  [class~=gridlex] [class*=_md-last],
  [class*=gridlex-] [class*=_md-last],
  [class*=gridlex_] [class*=_md-last] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 48em) {
  [class~=gridlex] > [class*=_sm-1],
  [class*=gridlex-] > [class*=_sm-1],
  [class*=gridlex_] > [class*=_sm-1] {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  [class~=gridlex] > [class*=_sm-2],
  [class*=gridlex-] > [class*=_sm-2],
  [class*=gridlex_] > [class*=_sm-2] {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class~=gridlex] > [class*=_sm-3],
  [class*=gridlex-] > [class*=_sm-3],
  [class*=gridlex_] > [class*=_sm-3] {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  [class~=gridlex] > [class*=_sm-4],
  [class*=gridlex-] > [class*=_sm-4],
  [class*=gridlex_] > [class*=_sm-4] {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class~=gridlex] > [class*=_sm-5],
  [class*=gridlex-] > [class*=_sm-5],
  [class*=gridlex_] > [class*=_sm-5] {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  [class~=gridlex] > [class*=_sm-6],
  [class*=gridlex-] > [class*=_sm-6],
  [class*=gridlex_] > [class*=_sm-6] {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  [class~=gridlex] > [class*=_sm-7],
  [class*=gridlex-] > [class*=_sm-7],
  [class*=gridlex_] > [class*=_sm-7] {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  [class~=gridlex] > [class*=_sm-8],
  [class*=gridlex-] > [class*=_sm-8],
  [class*=gridlex_] > [class*=_sm-8] {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  [class~=gridlex] > [class*=_sm-9],
  [class*=gridlex-] > [class*=_sm-9],
  [class*=gridlex_] > [class*=_sm-9] {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  [class~=gridlex] > [class*=_sm-10],
  [class*=gridlex-] > [class*=_sm-10],
  [class*=gridlex_] > [class*=_sm-10] {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  [class~=gridlex] > [class*=_sm-11],
  [class*=gridlex-] > [class*=_sm-11],
  [class*=gridlex_] > [class*=_sm-11] {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  [class~=gridlex] > [class*=_sm-12],
  [class*=gridlex-] > [class*=_sm-12],
  [class*=gridlex_] > [class*=_sm-12] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  [class~=gridlex] > [data-push-left*=_sm-0],
  [class*=gridlex-] > [data-push-left*=_sm-0],
  [class*=gridlex_] > [data-push-left*=_sm-0] {
    margin-left: 0;
  }
  [class~=gridlex] > [data-push-left*=_sm-1],
  [class*=gridlex-] > [data-push-left*=_sm-1],
  [class*=gridlex_] > [data-push-left*=_sm-1] {
    margin-left: 8.3333333333%;
  }
  [class~=gridlex] > [data-push-left*=_sm-2],
  [class*=gridlex-] > [data-push-left*=_sm-2],
  [class*=gridlex_] > [data-push-left*=_sm-2] {
    margin-left: 16.6666666667%;
  }
  [class~=gridlex] > [data-push-left*=_sm-3],
  [class*=gridlex-] > [data-push-left*=_sm-3],
  [class*=gridlex_] > [data-push-left*=_sm-3] {
    margin-left: 25%;
  }
  [class~=gridlex] > [data-push-left*=_sm-4],
  [class*=gridlex-] > [data-push-left*=_sm-4],
  [class*=gridlex_] > [data-push-left*=_sm-4] {
    margin-left: 33.3333333333%;
  }
  [class~=gridlex] > [data-push-left*=_sm-5],
  [class*=gridlex-] > [data-push-left*=_sm-5],
  [class*=gridlex_] > [data-push-left*=_sm-5] {
    margin-left: 41.6666666667%;
  }
  [class~=gridlex] > [data-push-left*=_sm-6],
  [class*=gridlex-] > [data-push-left*=_sm-6],
  [class*=gridlex_] > [data-push-left*=_sm-6] {
    margin-left: 50%;
  }
  [class~=gridlex] > [data-push-left*=_sm-7],
  [class*=gridlex-] > [data-push-left*=_sm-7],
  [class*=gridlex_] > [data-push-left*=_sm-7] {
    margin-left: 58.3333333333%;
  }
  [class~=gridlex] > [data-push-left*=_sm-8],
  [class*=gridlex-] > [data-push-left*=_sm-8],
  [class*=gridlex_] > [data-push-left*=_sm-8] {
    margin-left: 66.6666666667%;
  }
  [class~=gridlex] > [data-push-left*=_sm-9],
  [class*=gridlex-] > [data-push-left*=_sm-9],
  [class*=gridlex_] > [data-push-left*=_sm-9] {
    margin-left: 75%;
  }
  [class~=gridlex] > [data-push-left*=_sm-10],
  [class*=gridlex-] > [data-push-left*=_sm-10],
  [class*=gridlex_] > [data-push-left*=_sm-10] {
    margin-left: 83.3333333333%;
  }
  [class~=gridlex] > [data-push-left*=_sm-11],
  [class*=gridlex-] > [data-push-left*=_sm-11],
  [class*=gridlex_] > [data-push-left*=_sm-11] {
    margin-left: 91.6666666667%;
  }
  [class~=gridlex] > [data-push-right*=_sm-0],
  [class*=gridlex-] > [data-push-right*=_sm-0],
  [class*=gridlex_] > [data-push-right*=_sm-0] {
    margin-right: 0;
  }
  [class~=gridlex] > [data-push-right*=_sm-1],
  [class*=gridlex-] > [data-push-right*=_sm-1],
  [class*=gridlex_] > [data-push-right*=_sm-1] {
    margin-right: 8.3333333333%;
  }
  [class~=gridlex] > [data-push-right*=_sm-2],
  [class*=gridlex-] > [data-push-right*=_sm-2],
  [class*=gridlex_] > [data-push-right*=_sm-2] {
    margin-right: 16.6666666667%;
  }
  [class~=gridlex] > [data-push-right*=_sm-3],
  [class*=gridlex-] > [data-push-right*=_sm-3],
  [class*=gridlex_] > [data-push-right*=_sm-3] {
    margin-right: 25%;
  }
  [class~=gridlex] > [data-push-right*=_sm-4],
  [class*=gridlex-] > [data-push-right*=_sm-4],
  [class*=gridlex_] > [data-push-right*=_sm-4] {
    margin-right: 33.3333333333%;
  }
  [class~=gridlex] > [data-push-right*=_sm-5],
  [class*=gridlex-] > [data-push-right*=_sm-5],
  [class*=gridlex_] > [data-push-right*=_sm-5] {
    margin-right: 41.6666666667%;
  }
  [class~=gridlex] > [data-push-right*=_sm-6],
  [class*=gridlex-] > [data-push-right*=_sm-6],
  [class*=gridlex_] > [data-push-right*=_sm-6] {
    margin-right: 50%;
  }
  [class~=gridlex] > [data-push-right*=_sm-7],
  [class*=gridlex-] > [data-push-right*=_sm-7],
  [class*=gridlex_] > [data-push-right*=_sm-7] {
    margin-right: 58.3333333333%;
  }
  [class~=gridlex] > [data-push-right*=_sm-8],
  [class*=gridlex-] > [data-push-right*=_sm-8],
  [class*=gridlex_] > [data-push-right*=_sm-8] {
    margin-right: 66.6666666667%;
  }
  [class~=gridlex] > [data-push-right*=_sm-9],
  [class*=gridlex-] > [data-push-right*=_sm-9],
  [class*=gridlex_] > [data-push-right*=_sm-9] {
    margin-right: 75%;
  }
  [class~=gridlex] > [data-push-right*=_sm-10],
  [class*=gridlex-] > [data-push-right*=_sm-10],
  [class*=gridlex_] > [data-push-right*=_sm-10] {
    margin-right: 83.3333333333%;
  }
  [class~=gridlex] > [data-push-right*=_sm-11],
  [class*=gridlex-] > [data-push-right*=_sm-11],
  [class*=gridlex_] > [data-push-right*=_sm-11] {
    margin-right: 91.6666666667%;
  }
  [class~=gridlex] [class*=_sm-first],
  [class*=gridlex-] [class*=_sm-first],
  [class*=gridlex_] [class*=_sm-first] {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  [class~=gridlex] [class*=_sm-last],
  [class*=gridlex-] [class*=_sm-last],
  [class*=gridlex_] [class*=_sm-last] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 36em) {
  [class~=gridlex] > [class*=_xs-1],
  [class*=gridlex-] > [class*=_xs-1],
  [class*=gridlex_] > [class*=_xs-1] {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  [class~=gridlex] > [class*=_xs-2],
  [class*=gridlex-] > [class*=_xs-2],
  [class*=gridlex_] > [class*=_xs-2] {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class~=gridlex] > [class*=_xs-3],
  [class*=gridlex-] > [class*=_xs-3],
  [class*=gridlex_] > [class*=_xs-3] {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  [class~=gridlex] > [class*=_xs-4],
  [class*=gridlex-] > [class*=_xs-4],
  [class*=gridlex_] > [class*=_xs-4] {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class~=gridlex] > [class*=_xs-5],
  [class*=gridlex-] > [class*=_xs-5],
  [class*=gridlex_] > [class*=_xs-5] {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  [class~=gridlex] > [class*=_xs-6],
  [class*=gridlex-] > [class*=_xs-6],
  [class*=gridlex_] > [class*=_xs-6] {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  [class~=gridlex] > [class*=_xs-7],
  [class*=gridlex-] > [class*=_xs-7],
  [class*=gridlex_] > [class*=_xs-7] {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  [class~=gridlex] > [class*=_xs-8],
  [class*=gridlex-] > [class*=_xs-8],
  [class*=gridlex_] > [class*=_xs-8] {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  [class~=gridlex] > [class*=_xs-9],
  [class*=gridlex-] > [class*=_xs-9],
  [class*=gridlex_] > [class*=_xs-9] {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  [class~=gridlex] > [class*=_xs-10],
  [class*=gridlex-] > [class*=_xs-10],
  [class*=gridlex_] > [class*=_xs-10] {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  [class~=gridlex] > [class*=_xs-11],
  [class*=gridlex-] > [class*=_xs-11],
  [class*=gridlex_] > [class*=_xs-11] {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  [class~=gridlex] > [class*=_xs-12],
  [class*=gridlex-] > [class*=_xs-12],
  [class*=gridlex_] > [class*=_xs-12] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  [class~=gridlex] > [data-push-left*=_xs-0],
  [class*=gridlex-] > [data-push-left*=_xs-0],
  [class*=gridlex_] > [data-push-left*=_xs-0] {
    margin-left: 0;
  }
  [class~=gridlex] > [data-push-left*=_xs-1],
  [class*=gridlex-] > [data-push-left*=_xs-1],
  [class*=gridlex_] > [data-push-left*=_xs-1] {
    margin-left: 8.3333333333%;
  }
  [class~=gridlex] > [data-push-left*=_xs-2],
  [class*=gridlex-] > [data-push-left*=_xs-2],
  [class*=gridlex_] > [data-push-left*=_xs-2] {
    margin-left: 16.6666666667%;
  }
  [class~=gridlex] > [data-push-left*=_xs-3],
  [class*=gridlex-] > [data-push-left*=_xs-3],
  [class*=gridlex_] > [data-push-left*=_xs-3] {
    margin-left: 25%;
  }
  [class~=gridlex] > [data-push-left*=_xs-4],
  [class*=gridlex-] > [data-push-left*=_xs-4],
  [class*=gridlex_] > [data-push-left*=_xs-4] {
    margin-left: 33.3333333333%;
  }
  [class~=gridlex] > [data-push-left*=_xs-5],
  [class*=gridlex-] > [data-push-left*=_xs-5],
  [class*=gridlex_] > [data-push-left*=_xs-5] {
    margin-left: 41.6666666667%;
  }
  [class~=gridlex] > [data-push-left*=_xs-6],
  [class*=gridlex-] > [data-push-left*=_xs-6],
  [class*=gridlex_] > [data-push-left*=_xs-6] {
    margin-left: 50%;
  }
  [class~=gridlex] > [data-push-left*=_xs-7],
  [class*=gridlex-] > [data-push-left*=_xs-7],
  [class*=gridlex_] > [data-push-left*=_xs-7] {
    margin-left: 58.3333333333%;
  }
  [class~=gridlex] > [data-push-left*=_xs-8],
  [class*=gridlex-] > [data-push-left*=_xs-8],
  [class*=gridlex_] > [data-push-left*=_xs-8] {
    margin-left: 66.6666666667%;
  }
  [class~=gridlex] > [data-push-left*=_xs-9],
  [class*=gridlex-] > [data-push-left*=_xs-9],
  [class*=gridlex_] > [data-push-left*=_xs-9] {
    margin-left: 75%;
  }
  [class~=gridlex] > [data-push-left*=_xs-10],
  [class*=gridlex-] > [data-push-left*=_xs-10],
  [class*=gridlex_] > [data-push-left*=_xs-10] {
    margin-left: 83.3333333333%;
  }
  [class~=gridlex] > [data-push-left*=_xs-11],
  [class*=gridlex-] > [data-push-left*=_xs-11],
  [class*=gridlex_] > [data-push-left*=_xs-11] {
    margin-left: 91.6666666667%;
  }
  [class~=gridlex] > [data-push-right*=_xs-0],
  [class*=gridlex-] > [data-push-right*=_xs-0],
  [class*=gridlex_] > [data-push-right*=_xs-0] {
    margin-right: 0;
  }
  [class~=gridlex] > [data-push-right*=_xs-1],
  [class*=gridlex-] > [data-push-right*=_xs-1],
  [class*=gridlex_] > [data-push-right*=_xs-1] {
    margin-right: 8.3333333333%;
  }
  [class~=gridlex] > [data-push-right*=_xs-2],
  [class*=gridlex-] > [data-push-right*=_xs-2],
  [class*=gridlex_] > [data-push-right*=_xs-2] {
    margin-right: 16.6666666667%;
  }
  [class~=gridlex] > [data-push-right*=_xs-3],
  [class*=gridlex-] > [data-push-right*=_xs-3],
  [class*=gridlex_] > [data-push-right*=_xs-3] {
    margin-right: 25%;
  }
  [class~=gridlex] > [data-push-right*=_xs-4],
  [class*=gridlex-] > [data-push-right*=_xs-4],
  [class*=gridlex_] > [data-push-right*=_xs-4] {
    margin-right: 33.3333333333%;
  }
  [class~=gridlex] > [data-push-right*=_xs-5],
  [class*=gridlex-] > [data-push-right*=_xs-5],
  [class*=gridlex_] > [data-push-right*=_xs-5] {
    margin-right: 41.6666666667%;
  }
  [class~=gridlex] > [data-push-right*=_xs-6],
  [class*=gridlex-] > [data-push-right*=_xs-6],
  [class*=gridlex_] > [data-push-right*=_xs-6] {
    margin-right: 50%;
  }
  [class~=gridlex] > [data-push-right*=_xs-7],
  [class*=gridlex-] > [data-push-right*=_xs-7],
  [class*=gridlex_] > [data-push-right*=_xs-7] {
    margin-right: 58.3333333333%;
  }
  [class~=gridlex] > [data-push-right*=_xs-8],
  [class*=gridlex-] > [data-push-right*=_xs-8],
  [class*=gridlex_] > [data-push-right*=_xs-8] {
    margin-right: 66.6666666667%;
  }
  [class~=gridlex] > [data-push-right*=_xs-9],
  [class*=gridlex-] > [data-push-right*=_xs-9],
  [class*=gridlex_] > [data-push-right*=_xs-9] {
    margin-right: 75%;
  }
  [class~=gridlex] > [data-push-right*=_xs-10],
  [class*=gridlex-] > [data-push-right*=_xs-10],
  [class*=gridlex_] > [data-push-right*=_xs-10] {
    margin-right: 83.3333333333%;
  }
  [class~=gridlex] > [data-push-right*=_xs-11],
  [class*=gridlex-] > [data-push-right*=_xs-11],
  [class*=gridlex_] > [data-push-right*=_xs-11] {
    margin-right: 91.6666666667%;
  }
  [class~=gridlex] [class*=_xs-first],
  [class*=gridlex-] [class*=_xs-first],
  [class*=gridlex_] [class*=_xs-first] {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  [class~=gridlex] [class*=_xs-last],
  [class*=gridlex-] [class*=_xs-last],
  [class*=gridlex_] [class*=_xs-last] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
/************************
    HIDING COLS
*************************/
@media (max-width: 80em) {
  [class*=lg-hidden] {
    display: none;
  }
}
@media (max-width: 64em) {
  [class*=md-hidden] {
    display: none;
  }
}
@media (max-width: 48em) {
  [class*=sm-hidden] {
    display: none;
  }
}
@media (max-width: 36em) {
  [class*=xs-hidden] {
    display: none;
  }
}
.even-columns {
  display: grid;
  gap: 1.5rem;
}
@media screen and (min-width: 64em) {
  .even-columns {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
}

.gr-auto-fit {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
}

.gr-auto-fit-3-1 {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(min(250px, 75%), 3fr) minmax(min(250px, 25%), 1fr));
}

.gr-auto-thirds {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
}

.gr-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.space-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.space-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.no-wrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.article-gr {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  width: 100%;
}
@media screen and (max-width: 64em) {
  .article-gr {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 48em) {
  .article-gr {
    grid-template-columns: repeat(1, 1fr);
  }
}
.article-gr.four-col {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 64em) {
  .article-gr.four-col {
    grid-template-columns: repeat(2, 1fr);
  }
}
.article-gr.two-col {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 48em) {
  .article-gr.two-col {
    grid-template-columns: repeat(1, 1fr);
  }
}

.container {
  --max-width: 90rem;
  --padding: 2rem * 2;
  width: min(var(--max-width), 100% - (var(--padding)));
  margin-inline: auto;
}

.container__wide {
  --max-width: 100rem;
}

.container__full-bleed {
  --max-width: 100vw;
  --padding: 0px;
}

.wp-block-group.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  width: 100%;
}

.clr-white-100 {
  color: #fff;
}

.border-white-100 {
  border-color: #fff;
}

.bg-white-100 {
  background-color: #fff;
}

.clr-gray-050 {
  color: #f5f5f5;
}

.border-gray-050 {
  border-color: #f5f5f5;
}

.bg-gray-050 {
  background-color: #f5f5f5;
}

.clr-gray-100 {
  color: #b7b7b8;
}

.border-gray-100 {
  border-color: #b7b7b8;
}

.bg-gray-100 {
  background-color: #b7b7b8;
}

.clr-gray-500 {
  color: #2f3235;
}

.border-gray-500 {
  border-color: #2f3235;
}

.bg-gray-500 {
  background-color: #2f3235;
}

.clr-orange-100 {
  color: #faede6;
}

.border-orange-100 {
  border-color: #faede6;
}

.bg-orange-100 {
  background-color: #faede6;
}

.clr-orange-300 {
  color: #e5a07e;
}

.border-orange-300 {
  border-color: #e5a07e;
}

.bg-orange-300 {
  background-color: #e5a07e;
}

.clr-orange-500 {
  color: #d36128;
}

.border-orange-500 {
  border-color: #d36128;
}

.bg-orange-500 {
  background-color: #d36128;
}

.fill-orange {
  fill: var(--orange-500);
}

.fill-gray {
  fill: var(--gray-500);
}

.fw-light {
  font-weight: 250;
}

.fw-regular,
.fw-normal {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-book {
  font-weight: 400;
}

.fw-bold {
  font-weight: 800;
}

.ff-base {
  font-family: "Sohne", Helvetica, sans-serif;
}

.ff-header {
  font-family: "Sohne", Helvetica, sans-serif;
}

.ff-header-alt {
  font-family: "Sohne", Helvetica, sans-serif;
}

.ff-sans,
.ff-sohne {
  font-family: "Sohne", Helvetica, sans-serif;
}

.ff-serif,
.ff-lora {
  font-family: "Sohne", Georgia, "Times New Roman", serif;
}

.line-height-1 {
  line-height: 1;
}

.line-height-1-125 {
  line-height: 1.125;
}

.line-height-1-25 {
  line-height: 1.25;
}

.line-height-1-5 {
  line-height: 1.5;
}

.ls-1 {
  letter-spacing: 1px;
}

.ls-2 {
  letter-spacing: 2px;
}

.ls-3 {
  letter-spacing: 3px;
}

.ls-4 {
  letter-spacing: 4px;
}

.wrap-pretty {
  text-wrap: pretty;
}

.wrap-balance {
  text-wrap: balance;
}

p,
.p {
  font-family: "Sohne", Helvetica, sans-serif;
  font-weight: 300;
  font-size: var(--fs-400);
  line-height: 1.5;
  text-transform: none;
  color: var(--gray-500);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--gray-500);
}

h1,
.heading-1 {
  font-family: "Sohne", Helvetica, sans-serif;
  font-weight: 300;
  font-size: var(--fs-900);
  line-height: 1.125;
  letter-spacing: 0.5px;
  text-transform: none;
}

h2,
.heading-2 {
  font-family: "Sohne", Helvetica, sans-serif;
  font-weight: 800;
  font-size: var(--fs-700);
  line-height: 1.25;
  letter-spacing: 0.5px;
  text-transform: none;
}

h3,
.heading-3 {
  font-family: "Sohne", Helvetica, sans-serif;
  font-weight: 800;
  font-size: var(--fs-500);
  line-height: 1.125;
  letter-spacing: 0;
  text-transform: none;
}

h4,
.heading-4 {
  font-family: "Sohne", Georgia, "Times New Roman", serif;
  font-weight: 300;
  font-size: var(--fs-500);
  line-height: 1.5;
  text-transform: none;
}

h5,
.heading-5 {
  font-family: "Sohne", Helvetica, sans-serif;
  font-weight: 800;
  font-size: var(--fs-400);
  line-height: 1.25;
  text-transform: none;
}

h6,
.heading-6 {
  font-family: "Sohne", Helvetica, sans-serif;
  font-weight: 800;
  font-size: var(--fs-400) !important;
  line-height: 1.25;
  text-transform: uppercase;
}

h6,
.heading-7 {
  font-family: "Sohne", Helvetica, sans-serif;
  font-weight: 800;
  font-size: var(--fs-500);
  font-size: clamp(var(--fs-400), 4vw, var(--fs-500));
  line-height: 1.25;
  text-transform: none;
}

small,
.small {
  font-size: var(--fs-300);
  font-family: "Sohne", Helvetica, sans-serif;
  line-height: 1.5;
  letter-spacing: 1px;
  text-transform: none;
  color: var(--gray-500);
}

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

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-none {
  text-transform: none;
}

.text-titlecase {
  text-transform: capitalize;
}

.text-uppercase {
  text-transform: uppercase;
}

.post-content h2,
.post-content h3 {
  font-family: "Sohne", Helvetica, sans-serif;
  font-weight: 800;
  font-size: var(--fs-500);
  line-height: 1.25;
  letter-spacing: 0.5;
  text-transform: uppercase;
  margin-top: 1.5rem;
}
.post-content h4 {
  font-family: "Sohne", Helvetica, sans-serif;
  font-weight: 800;
  font-size: var(--fs-450);
  color: var(--gray-500);
  line-height: 1.25;
  letter-spacing: 1px;
  text-transform: none;
}
.post-content .has-body-small-font-size {
  font-size: var(--fs-300);
  text-transform: uppercase;
  letter-spacing: 2px;
}

a.link-black {
  color: var(--gray-500);
  text-decoration: none !important;
}
a.link-black:is(:hover, :focus) {
  color: var(--orange-500);
}

a.link-white {
  color: var(--white-100);
  text-decoration: none !important;
}
a.link-white:is(:hover, :focus) {
  color: var(--orange-500);
}

.fs-900 {
  font-size: var(--fs-900);
}

.fs-800 {
  font-size: var(--fs-800);
}

.fs-700 {
  font-size: var(--fs-700);
}

.fs-600 {
  font-size: var(--fs-600);
}

.fs-550 {
  font-size: var(--fs-550);
}

.fs-500 {
  font-size: var(--fs-500);
}

.fs-450 {
  font-size: var(--fs-450);
}

.fs-400 {
  font-size: var(--fs-400);
}

.fs-300 {
  font-size: var(--fs-300);
}

.fs-200 {
  font-size: var(--fs-200);
}

.editor-styles-wrapper .fw-regular {
  font-weight: 300 !important;
}
.editor-styles-wrapper .fw-bold {
  font-weight: 800 !important;
}
.editor-styles-wrapper .ff-base {
  font-family: "Sohne", Helvetica, sans-serif !important;
}
.editor-styles-wrapper .ff-header {
  font-family: "Sohne", Helvetica, sans-serif !important;
}
.editor-styles-wrapper .ff-header-alt {
  font-family: "Sohne", Helvetica, sans-serif !important;
}
.editor-styles-wrapper .ff-sans,
.editor-styles-wrapper .ff-sohne {
  font-family: "Sohne", Helvetica, sans-serif !important;
}
.editor-styles-wrapper .ff-serif,
.editor-styles-wrapper .ff-lora {
  font-family: "Sohne", Georgia, "Times New Roman", serif !important;
}

.mx-auto {
  margin-inline: auto;
}

.hide {
  display: none;
}

.active,
.show {
  display: block;
}

.full-width {
  width: 100%;
}

.border-top {
  border-top: 1px solid var(--gray-100);
}

.margin-0,
.m-0 {
  margin: 0;
}
.margin-block-start-0,
.m-block-start-0 {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.margin-top-0, .margint-0,
.m-top-0,
.mt-0 {
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
}
.margin-block-end-0,
.m-block-end-0 {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.margin-bottom-0, .marginb-0,
.m-bottom-0,
.mb-0 {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.margin-block-0,
.m-block-0 {
  margin-block: 0;
}
.margin-inline-start-0,
.m-inline-start-0 {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.margin-left-0, .marginl-0,
.m-left-0,
.ml-0 {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.margin-inline-end-0,
.m-inline-end-0 {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.margin-right-0, .marginr-0,
.m-right-0,
.mr-0 {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.margin-inline-0,
.m-inline-0 {
  margin-inline: 0;
}

.padding-0,
.p-0 {
  padding: 0;
}
.padding-block-start-0,
.p-block-start-0 {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}
.padding-top-0, .paddingt-0,
.p-top-0,
.pt-0 {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}
.padding-block-end-0,
.p-block-end-0 {
  -webkit-padding-after: 0;
          padding-block-end: 0;
}
.padding-bottom-0, .paddingb-0,
.p-bottom-0,
.pb-0 {
  -webkit-padding-after: 0;
          padding-block-end: 0;
}
.padding-block-0,
.p-block-0 {
  padding-block: 0;
}
.padding-inline-start-0,
.p-inline-start-0 {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.padding-left-0, .paddingl-0,
.p-left-0,
.pl-0 {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.padding-inline-end-0,
.p-inline-end-0 {
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
.padding-right-0, .paddingr-0,
.p-right-0,
.pr-0 {
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
.padding-inline-0,
.p-inline-0 {
  padding-inline: 0;
}

.gap-0 {
  gap: 0;
}

.margin-4,
.m-4 {
  margin: 0.25rem;
}
.margin-block-start-4,
.m-block-start-4 {
  -webkit-margin-before: 0.25rem;
          margin-block-start: 0.25rem;
}
.margin-top-4, .margint-4,
.m-top-4,
.mt-4 {
  -webkit-margin-before: 0.25rem !important;
          margin-block-start: 0.25rem !important;
}
.margin-block-end-4,
.m-block-end-4 {
  -webkit-margin-after: 0.25rem;
          margin-block-end: 0.25rem;
}
.margin-bottom-4, .marginb-4,
.m-bottom-4,
.mb-4 {
  -webkit-margin-after: 0.25rem;
          margin-block-end: 0.25rem;
}
.margin-block-4,
.m-block-4 {
  margin-block: 0.25rem;
}
.margin-inline-start-4,
.m-inline-start-4 {
  -webkit-margin-start: 0.25rem;
          margin-inline-start: 0.25rem;
}
.margin-left-4, .marginl-4,
.m-left-4,
.ml-4 {
  -webkit-margin-start: 0.25rem;
          margin-inline-start: 0.25rem;
}
.margin-inline-end-4,
.m-inline-end-4 {
  -webkit-margin-end: 0.25rem;
          margin-inline-end: 0.25rem;
}
.margin-right-4, .marginr-4,
.m-right-4,
.mr-4 {
  -webkit-margin-end: 0.25rem;
          margin-inline-end: 0.25rem;
}
.margin-inline-4,
.m-inline-4 {
  margin-inline: 0.25rem;
}

.padding-4,
.p-4 {
  padding: 0.25rem;
}
.padding-block-start-4,
.p-block-start-4 {
  -webkit-padding-before: 0.25rem;
          padding-block-start: 0.25rem;
}
.padding-top-4, .paddingt-4,
.p-top-4,
.pt-4 {
  -webkit-padding-before: 0.25rem;
          padding-block-start: 0.25rem;
}
.padding-block-end-4,
.p-block-end-4 {
  -webkit-padding-after: 0.25rem;
          padding-block-end: 0.25rem;
}
.padding-bottom-4, .paddingb-4,
.p-bottom-4,
.pb-4 {
  -webkit-padding-after: 0.25rem;
          padding-block-end: 0.25rem;
}
.padding-block-4,
.p-block-4 {
  padding-block: 0.25rem;
}
.padding-inline-start-4,
.p-inline-start-4 {
  -webkit-padding-start: 0.25rem;
          padding-inline-start: 0.25rem;
}
.padding-left-4, .paddingl-4,
.p-left-4,
.pl-4 {
  -webkit-padding-start: 0.25rem;
          padding-inline-start: 0.25rem;
}
.padding-inline-end-4,
.p-inline-end-4 {
  -webkit-padding-end: 0.25rem;
          padding-inline-end: 0.25rem;
}
.padding-right-4, .paddingr-4,
.p-right-4,
.pr-4 {
  -webkit-padding-end: 0.25rem;
          padding-inline-end: 0.25rem;
}
.padding-inline-4,
.p-inline-4 {
  padding-inline: 0.25rem;
}

.gap-4 {
  gap: 0.25rem;
}

.margin-8,
.m-8 {
  margin: 0.5rem;
}
.margin-block-start-8,
.m-block-start-8 {
  -webkit-margin-before: 0.5rem;
          margin-block-start: 0.5rem;
}
.margin-top-8, .margint-8,
.m-top-8,
.mt-8 {
  -webkit-margin-before: 0.5rem !important;
          margin-block-start: 0.5rem !important;
}
.margin-block-end-8,
.m-block-end-8 {
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
}
.margin-bottom-8, .marginb-8,
.m-bottom-8,
.mb-8 {
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
}
.margin-block-8,
.m-block-8 {
  margin-block: 0.5rem;
}
.margin-inline-start-8,
.m-inline-start-8 {
  -webkit-margin-start: 0.5rem;
          margin-inline-start: 0.5rem;
}
.margin-left-8, .marginl-8,
.m-left-8,
.ml-8 {
  -webkit-margin-start: 0.5rem;
          margin-inline-start: 0.5rem;
}
.margin-inline-end-8,
.m-inline-end-8 {
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}
.margin-right-8, .marginr-8,
.m-right-8,
.mr-8 {
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}
.margin-inline-8,
.m-inline-8 {
  margin-inline: 0.5rem;
}

.padding-8,
.p-8 {
  padding: 0.5rem;
}
.padding-block-start-8,
.p-block-start-8 {
  -webkit-padding-before: 0.5rem;
          padding-block-start: 0.5rem;
}
.padding-top-8, .paddingt-8,
.p-top-8,
.pt-8 {
  -webkit-padding-before: 0.5rem;
          padding-block-start: 0.5rem;
}
.padding-block-end-8,
.p-block-end-8 {
  -webkit-padding-after: 0.5rem;
          padding-block-end: 0.5rem;
}
.padding-bottom-8, .paddingb-8,
.p-bottom-8,
.pb-8 {
  -webkit-padding-after: 0.5rem;
          padding-block-end: 0.5rem;
}
.padding-block-8,
.p-block-8 {
  padding-block: 0.5rem;
}
.padding-inline-start-8,
.p-inline-start-8 {
  -webkit-padding-start: 0.5rem;
          padding-inline-start: 0.5rem;
}
.padding-left-8, .paddingl-8,
.p-left-8,
.pl-8 {
  -webkit-padding-start: 0.5rem;
          padding-inline-start: 0.5rem;
}
.padding-inline-end-8,
.p-inline-end-8 {
  -webkit-padding-end: 0.5rem;
          padding-inline-end: 0.5rem;
}
.padding-right-8, .paddingr-8,
.p-right-8,
.pr-8 {
  -webkit-padding-end: 0.5rem;
          padding-inline-end: 0.5rem;
}
.padding-inline-8,
.p-inline-8 {
  padding-inline: 0.5rem;
}

.gap-8 {
  gap: 0.5rem;
}

.margin-12,
.m-12 {
  margin: 0.75rem;
}
.margin-block-start-12,
.m-block-start-12 {
  -webkit-margin-before: 0.75rem;
          margin-block-start: 0.75rem;
}
.margin-top-12, .margint-12,
.m-top-12,
.mt-12 {
  -webkit-margin-before: 0.75rem !important;
          margin-block-start: 0.75rem !important;
}
.margin-block-end-12,
.m-block-end-12 {
  -webkit-margin-after: 0.75rem;
          margin-block-end: 0.75rem;
}
.margin-bottom-12, .marginb-12,
.m-bottom-12,
.mb-12 {
  -webkit-margin-after: 0.75rem;
          margin-block-end: 0.75rem;
}
.margin-block-12,
.m-block-12 {
  margin-block: 0.75rem;
}
.margin-inline-start-12,
.m-inline-start-12 {
  -webkit-margin-start: 0.75rem;
          margin-inline-start: 0.75rem;
}
.margin-left-12, .marginl-12,
.m-left-12,
.ml-12 {
  -webkit-margin-start: 0.75rem;
          margin-inline-start: 0.75rem;
}
.margin-inline-end-12,
.m-inline-end-12 {
  -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
}
.margin-right-12, .marginr-12,
.m-right-12,
.mr-12 {
  -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
}
.margin-inline-12,
.m-inline-12 {
  margin-inline: 0.75rem;
}

.padding-12,
.p-12 {
  padding: 0.75rem;
}
.padding-block-start-12,
.p-block-start-12 {
  -webkit-padding-before: 0.75rem;
          padding-block-start: 0.75rem;
}
.padding-top-12, .paddingt-12,
.p-top-12,
.pt-12 {
  -webkit-padding-before: 0.75rem;
          padding-block-start: 0.75rem;
}
.padding-block-end-12,
.p-block-end-12 {
  -webkit-padding-after: 0.75rem;
          padding-block-end: 0.75rem;
}
.padding-bottom-12, .paddingb-12,
.p-bottom-12,
.pb-12 {
  -webkit-padding-after: 0.75rem;
          padding-block-end: 0.75rem;
}
.padding-block-12,
.p-block-12 {
  padding-block: 0.75rem;
}
.padding-inline-start-12,
.p-inline-start-12 {
  -webkit-padding-start: 0.75rem;
          padding-inline-start: 0.75rem;
}
.padding-left-12, .paddingl-12,
.p-left-12,
.pl-12 {
  -webkit-padding-start: 0.75rem;
          padding-inline-start: 0.75rem;
}
.padding-inline-end-12,
.p-inline-end-12 {
  -webkit-padding-end: 0.75rem;
          padding-inline-end: 0.75rem;
}
.padding-right-12, .paddingr-12,
.p-right-12,
.pr-12 {
  -webkit-padding-end: 0.75rem;
          padding-inline-end: 0.75rem;
}
.padding-inline-12,
.p-inline-12 {
  padding-inline: 0.75rem;
}

.gap-12 {
  gap: 0.75rem;
}

.margin-14,
.m-14 {
  margin: 0.875rem;
}
.margin-block-start-14,
.m-block-start-14 {
  -webkit-margin-before: 0.875rem;
          margin-block-start: 0.875rem;
}
.margin-top-14, .margint-14,
.m-top-14,
.mt-14 {
  -webkit-margin-before: 0.875rem !important;
          margin-block-start: 0.875rem !important;
}
.margin-block-end-14,
.m-block-end-14 {
  -webkit-margin-after: 0.875rem;
          margin-block-end: 0.875rem;
}
.margin-bottom-14, .marginb-14,
.m-bottom-14,
.mb-14 {
  -webkit-margin-after: 0.875rem;
          margin-block-end: 0.875rem;
}
.margin-block-14,
.m-block-14 {
  margin-block: 0.875rem;
}
.margin-inline-start-14,
.m-inline-start-14 {
  -webkit-margin-start: 0.875rem;
          margin-inline-start: 0.875rem;
}
.margin-left-14, .marginl-14,
.m-left-14,
.ml-14 {
  -webkit-margin-start: 0.875rem;
          margin-inline-start: 0.875rem;
}
.margin-inline-end-14,
.m-inline-end-14 {
  -webkit-margin-end: 0.875rem;
          margin-inline-end: 0.875rem;
}
.margin-right-14, .marginr-14,
.m-right-14,
.mr-14 {
  -webkit-margin-end: 0.875rem;
          margin-inline-end: 0.875rem;
}
.margin-inline-14,
.m-inline-14 {
  margin-inline: 0.875rem;
}

.padding-14,
.p-14 {
  padding: 0.875rem;
}
.padding-block-start-14,
.p-block-start-14 {
  -webkit-padding-before: 0.875rem;
          padding-block-start: 0.875rem;
}
.padding-top-14, .paddingt-14,
.p-top-14,
.pt-14 {
  -webkit-padding-before: 0.875rem;
          padding-block-start: 0.875rem;
}
.padding-block-end-14,
.p-block-end-14 {
  -webkit-padding-after: 0.875rem;
          padding-block-end: 0.875rem;
}
.padding-bottom-14, .paddingb-14,
.p-bottom-14,
.pb-14 {
  -webkit-padding-after: 0.875rem;
          padding-block-end: 0.875rem;
}
.padding-block-14,
.p-block-14 {
  padding-block: 0.875rem;
}
.padding-inline-start-14,
.p-inline-start-14 {
  -webkit-padding-start: 0.875rem;
          padding-inline-start: 0.875rem;
}
.padding-left-14, .paddingl-14,
.p-left-14,
.pl-14 {
  -webkit-padding-start: 0.875rem;
          padding-inline-start: 0.875rem;
}
.padding-inline-end-14,
.p-inline-end-14 {
  -webkit-padding-end: 0.875rem;
          padding-inline-end: 0.875rem;
}
.padding-right-14, .paddingr-14,
.p-right-14,
.pr-14 {
  -webkit-padding-end: 0.875rem;
          padding-inline-end: 0.875rem;
}
.padding-inline-14,
.p-inline-14 {
  padding-inline: 0.875rem;
}

.gap-14 {
  gap: 0.875rem;
}

.margin-16,
.m-16 {
  margin: 1rem;
}
.margin-block-start-16,
.m-block-start-16 {
  -webkit-margin-before: 1rem;
          margin-block-start: 1rem;
}
.margin-top-16, .margint-16,
.m-top-16,
.mt-16 {
  -webkit-margin-before: 1rem !important;
          margin-block-start: 1rem !important;
}
.margin-block-end-16,
.m-block-end-16 {
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}
.margin-bottom-16, .marginb-16,
.m-bottom-16,
.mb-16 {
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}
.margin-block-16,
.m-block-16 {
  margin-block: 1rem;
}
.margin-inline-start-16,
.m-inline-start-16 {
  -webkit-margin-start: 1rem;
          margin-inline-start: 1rem;
}
.margin-left-16, .marginl-16,
.m-left-16,
.ml-16 {
  -webkit-margin-start: 1rem;
          margin-inline-start: 1rem;
}
.margin-inline-end-16,
.m-inline-end-16 {
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
}
.margin-right-16, .marginr-16,
.m-right-16,
.mr-16 {
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
}
.margin-inline-16,
.m-inline-16 {
  margin-inline: 1rem;
}

.padding-16,
.p-16 {
  padding: 1rem;
}
.padding-block-start-16,
.p-block-start-16 {
  -webkit-padding-before: 1rem;
          padding-block-start: 1rem;
}
.padding-top-16, .paddingt-16,
.p-top-16,
.pt-16 {
  -webkit-padding-before: 1rem;
          padding-block-start: 1rem;
}
.padding-block-end-16,
.p-block-end-16 {
  -webkit-padding-after: 1rem;
          padding-block-end: 1rem;
}
.padding-bottom-16, .paddingb-16,
.p-bottom-16,
.pb-16 {
  -webkit-padding-after: 1rem;
          padding-block-end: 1rem;
}
.padding-block-16,
.p-block-16 {
  padding-block: 1rem;
}
.padding-inline-start-16,
.p-inline-start-16 {
  -webkit-padding-start: 1rem;
          padding-inline-start: 1rem;
}
.padding-left-16, .paddingl-16,
.p-left-16,
.pl-16 {
  -webkit-padding-start: 1rem;
          padding-inline-start: 1rem;
}
.padding-inline-end-16,
.p-inline-end-16 {
  -webkit-padding-end: 1rem;
          padding-inline-end: 1rem;
}
.padding-right-16, .paddingr-16,
.p-right-16,
.pr-16 {
  -webkit-padding-end: 1rem;
          padding-inline-end: 1rem;
}
.padding-inline-16,
.p-inline-16 {
  padding-inline: 1rem;
}

.gap-16 {
  gap: 1rem;
}

.margin-20,
.m-20 {
  margin: 1.25rem;
}
.margin-block-start-20,
.m-block-start-20 {
  -webkit-margin-before: 1.25rem;
          margin-block-start: 1.25rem;
}
.margin-top-20, .margint-20,
.m-top-20,
.mt-20 {
  -webkit-margin-before: 1.25rem !important;
          margin-block-start: 1.25rem !important;
}
.margin-block-end-20,
.m-block-end-20 {
  -webkit-margin-after: 1.25rem;
          margin-block-end: 1.25rem;
}
.margin-bottom-20, .marginb-20,
.m-bottom-20,
.mb-20 {
  -webkit-margin-after: 1.25rem;
          margin-block-end: 1.25rem;
}
.margin-block-20,
.m-block-20 {
  margin-block: 1.25rem;
}
.margin-inline-start-20,
.m-inline-start-20 {
  -webkit-margin-start: 1.25rem;
          margin-inline-start: 1.25rem;
}
.margin-left-20, .marginl-20,
.m-left-20,
.ml-20 {
  -webkit-margin-start: 1.25rem;
          margin-inline-start: 1.25rem;
}
.margin-inline-end-20,
.m-inline-end-20 {
  -webkit-margin-end: 1.25rem;
          margin-inline-end: 1.25rem;
}
.margin-right-20, .marginr-20,
.m-right-20,
.mr-20 {
  -webkit-margin-end: 1.25rem;
          margin-inline-end: 1.25rem;
}
.margin-inline-20,
.m-inline-20 {
  margin-inline: 1.25rem;
}

.padding-20,
.p-20 {
  padding: 1.25rem;
}
.padding-block-start-20,
.p-block-start-20 {
  -webkit-padding-before: 1.25rem;
          padding-block-start: 1.25rem;
}
.padding-top-20, .paddingt-20,
.p-top-20,
.pt-20 {
  -webkit-padding-before: 1.25rem;
          padding-block-start: 1.25rem;
}
.padding-block-end-20,
.p-block-end-20 {
  -webkit-padding-after: 1.25rem;
          padding-block-end: 1.25rem;
}
.padding-bottom-20, .paddingb-20,
.p-bottom-20,
.pb-20 {
  -webkit-padding-after: 1.25rem;
          padding-block-end: 1.25rem;
}
.padding-block-20,
.p-block-20 {
  padding-block: 1.25rem;
}
.padding-inline-start-20,
.p-inline-start-20 {
  -webkit-padding-start: 1.25rem;
          padding-inline-start: 1.25rem;
}
.padding-left-20, .paddingl-20,
.p-left-20,
.pl-20 {
  -webkit-padding-start: 1.25rem;
          padding-inline-start: 1.25rem;
}
.padding-inline-end-20,
.p-inline-end-20 {
  -webkit-padding-end: 1.25rem;
          padding-inline-end: 1.25rem;
}
.padding-right-20, .paddingr-20,
.p-right-20,
.pr-20 {
  -webkit-padding-end: 1.25rem;
          padding-inline-end: 1.25rem;
}
.padding-inline-20,
.p-inline-20 {
  padding-inline: 1.25rem;
}

.gap-20 {
  gap: 1.25rem;
}

.margin-24,
.m-24 {
  margin: 1.5rem;
}
.margin-block-start-24,
.m-block-start-24 {
  -webkit-margin-before: 1.5rem;
          margin-block-start: 1.5rem;
}
.margin-top-24, .margint-24,
.m-top-24,
.mt-24 {
  -webkit-margin-before: 1.5rem !important;
          margin-block-start: 1.5rem !important;
}
.margin-block-end-24,
.m-block-end-24 {
  -webkit-margin-after: 1.5rem;
          margin-block-end: 1.5rem;
}
.margin-bottom-24, .marginb-24,
.m-bottom-24,
.mb-24 {
  -webkit-margin-after: 1.5rem;
          margin-block-end: 1.5rem;
}
.margin-block-24,
.m-block-24 {
  margin-block: 1.5rem;
}
.margin-inline-start-24,
.m-inline-start-24 {
  -webkit-margin-start: 1.5rem;
          margin-inline-start: 1.5rem;
}
.margin-left-24, .marginl-24,
.m-left-24,
.ml-24 {
  -webkit-margin-start: 1.5rem;
          margin-inline-start: 1.5rem;
}
.margin-inline-end-24,
.m-inline-end-24 {
  -webkit-margin-end: 1.5rem;
          margin-inline-end: 1.5rem;
}
.margin-right-24, .marginr-24,
.m-right-24,
.mr-24 {
  -webkit-margin-end: 1.5rem;
          margin-inline-end: 1.5rem;
}
.margin-inline-24,
.m-inline-24 {
  margin-inline: 1.5rem;
}

.padding-24,
.p-24 {
  padding: 1.5rem;
}
.padding-block-start-24,
.p-block-start-24 {
  -webkit-padding-before: 1.5rem;
          padding-block-start: 1.5rem;
}
.padding-top-24, .paddingt-24,
.p-top-24,
.pt-24 {
  -webkit-padding-before: 1.5rem;
          padding-block-start: 1.5rem;
}
.padding-block-end-24,
.p-block-end-24 {
  -webkit-padding-after: 1.5rem;
          padding-block-end: 1.5rem;
}
.padding-bottom-24, .paddingb-24,
.p-bottom-24,
.pb-24 {
  -webkit-padding-after: 1.5rem;
          padding-block-end: 1.5rem;
}
.padding-block-24,
.p-block-24 {
  padding-block: 1.5rem;
}
.padding-inline-start-24,
.p-inline-start-24 {
  -webkit-padding-start: 1.5rem;
          padding-inline-start: 1.5rem;
}
.padding-left-24, .paddingl-24,
.p-left-24,
.pl-24 {
  -webkit-padding-start: 1.5rem;
          padding-inline-start: 1.5rem;
}
.padding-inline-end-24,
.p-inline-end-24 {
  -webkit-padding-end: 1.5rem;
          padding-inline-end: 1.5rem;
}
.padding-right-24, .paddingr-24,
.p-right-24,
.pr-24 {
  -webkit-padding-end: 1.5rem;
          padding-inline-end: 1.5rem;
}
.padding-inline-24,
.p-inline-24 {
  padding-inline: 1.5rem;
}

.gap-24 {
  gap: 1.5rem;
}

.margin-28,
.m-28 {
  margin: 1.75rem;
}
.margin-block-start-28,
.m-block-start-28 {
  -webkit-margin-before: 1.75rem;
          margin-block-start: 1.75rem;
}
.margin-top-28, .margint-28,
.m-top-28,
.mt-28 {
  -webkit-margin-before: 1.75rem !important;
          margin-block-start: 1.75rem !important;
}
.margin-block-end-28,
.m-block-end-28 {
  -webkit-margin-after: 1.75rem;
          margin-block-end: 1.75rem;
}
.margin-bottom-28, .marginb-28,
.m-bottom-28,
.mb-28 {
  -webkit-margin-after: 1.75rem;
          margin-block-end: 1.75rem;
}
.margin-block-28,
.m-block-28 {
  margin-block: 1.75rem;
}
.margin-inline-start-28,
.m-inline-start-28 {
  -webkit-margin-start: 1.75rem;
          margin-inline-start: 1.75rem;
}
.margin-left-28, .marginl-28,
.m-left-28,
.ml-28 {
  -webkit-margin-start: 1.75rem;
          margin-inline-start: 1.75rem;
}
.margin-inline-end-28,
.m-inline-end-28 {
  -webkit-margin-end: 1.75rem;
          margin-inline-end: 1.75rem;
}
.margin-right-28, .marginr-28,
.m-right-28,
.mr-28 {
  -webkit-margin-end: 1.75rem;
          margin-inline-end: 1.75rem;
}
.margin-inline-28,
.m-inline-28 {
  margin-inline: 1.75rem;
}

.padding-28,
.p-28 {
  padding: 1.75rem;
}
.padding-block-start-28,
.p-block-start-28 {
  -webkit-padding-before: 1.75rem;
          padding-block-start: 1.75rem;
}
.padding-top-28, .paddingt-28,
.p-top-28,
.pt-28 {
  -webkit-padding-before: 1.75rem;
          padding-block-start: 1.75rem;
}
.padding-block-end-28,
.p-block-end-28 {
  -webkit-padding-after: 1.75rem;
          padding-block-end: 1.75rem;
}
.padding-bottom-28, .paddingb-28,
.p-bottom-28,
.pb-28 {
  -webkit-padding-after: 1.75rem;
          padding-block-end: 1.75rem;
}
.padding-block-28,
.p-block-28 {
  padding-block: 1.75rem;
}
.padding-inline-start-28,
.p-inline-start-28 {
  -webkit-padding-start: 1.75rem;
          padding-inline-start: 1.75rem;
}
.padding-left-28, .paddingl-28,
.p-left-28,
.pl-28 {
  -webkit-padding-start: 1.75rem;
          padding-inline-start: 1.75rem;
}
.padding-inline-end-28,
.p-inline-end-28 {
  -webkit-padding-end: 1.75rem;
          padding-inline-end: 1.75rem;
}
.padding-right-28, .paddingr-28,
.p-right-28,
.pr-28 {
  -webkit-padding-end: 1.75rem;
          padding-inline-end: 1.75rem;
}
.padding-inline-28,
.p-inline-28 {
  padding-inline: 1.75rem;
}

.gap-28 {
  gap: 1.75rem;
}

.margin-32,
.m-32 {
  margin: 2rem;
}
.margin-block-start-32,
.m-block-start-32 {
  -webkit-margin-before: 2rem;
          margin-block-start: 2rem;
}
.margin-top-32, .margint-32,
.m-top-32,
.mt-32 {
  -webkit-margin-before: 2rem !important;
          margin-block-start: 2rem !important;
}
.margin-block-end-32,
.m-block-end-32 {
  -webkit-margin-after: 2rem;
          margin-block-end: 2rem;
}
.margin-bottom-32, .marginb-32,
.m-bottom-32,
.mb-32 {
  -webkit-margin-after: 2rem;
          margin-block-end: 2rem;
}
.margin-block-32,
.m-block-32 {
  margin-block: 2rem;
}
.margin-inline-start-32,
.m-inline-start-32 {
  -webkit-margin-start: 2rem;
          margin-inline-start: 2rem;
}
.margin-left-32, .marginl-32,
.m-left-32,
.ml-32 {
  -webkit-margin-start: 2rem;
          margin-inline-start: 2rem;
}
.margin-inline-end-32,
.m-inline-end-32 {
  -webkit-margin-end: 2rem;
          margin-inline-end: 2rem;
}
.margin-right-32, .marginr-32,
.m-right-32,
.mr-32 {
  -webkit-margin-end: 2rem;
          margin-inline-end: 2rem;
}
.margin-inline-32,
.m-inline-32 {
  margin-inline: 2rem;
}

.padding-32,
.p-32 {
  padding: 2rem;
}
.padding-block-start-32,
.p-block-start-32 {
  -webkit-padding-before: 2rem;
          padding-block-start: 2rem;
}
.padding-top-32, .paddingt-32,
.p-top-32,
.pt-32 {
  -webkit-padding-before: 2rem;
          padding-block-start: 2rem;
}
.padding-block-end-32,
.p-block-end-32 {
  -webkit-padding-after: 2rem;
          padding-block-end: 2rem;
}
.padding-bottom-32, .paddingb-32,
.p-bottom-32,
.pb-32 {
  -webkit-padding-after: 2rem;
          padding-block-end: 2rem;
}
.padding-block-32,
.p-block-32 {
  padding-block: 2rem;
}
.padding-inline-start-32,
.p-inline-start-32 {
  -webkit-padding-start: 2rem;
          padding-inline-start: 2rem;
}
.padding-left-32, .paddingl-32,
.p-left-32,
.pl-32 {
  -webkit-padding-start: 2rem;
          padding-inline-start: 2rem;
}
.padding-inline-end-32,
.p-inline-end-32 {
  -webkit-padding-end: 2rem;
          padding-inline-end: 2rem;
}
.padding-right-32, .paddingr-32,
.p-right-32,
.pr-32 {
  -webkit-padding-end: 2rem;
          padding-inline-end: 2rem;
}
.padding-inline-32,
.p-inline-32 {
  padding-inline: 2rem;
}

.gap-32 {
  gap: 2rem;
}

.margin-36,
.m-36 {
  margin: 2.25rem;
}
.margin-block-start-36,
.m-block-start-36 {
  -webkit-margin-before: 2.25rem;
          margin-block-start: 2.25rem;
}
.margin-top-36, .margint-36,
.m-top-36,
.mt-36 {
  -webkit-margin-before: 2.25rem !important;
          margin-block-start: 2.25rem !important;
}
.margin-block-end-36,
.m-block-end-36 {
  -webkit-margin-after: 2.25rem;
          margin-block-end: 2.25rem;
}
.margin-bottom-36, .marginb-36,
.m-bottom-36,
.mb-36 {
  -webkit-margin-after: 2.25rem;
          margin-block-end: 2.25rem;
}
.margin-block-36,
.m-block-36 {
  margin-block: 2.25rem;
}
.margin-inline-start-36,
.m-inline-start-36 {
  -webkit-margin-start: 2.25rem;
          margin-inline-start: 2.25rem;
}
.margin-left-36, .marginl-36,
.m-left-36,
.ml-36 {
  -webkit-margin-start: 2.25rem;
          margin-inline-start: 2.25rem;
}
.margin-inline-end-36,
.m-inline-end-36 {
  -webkit-margin-end: 2.25rem;
          margin-inline-end: 2.25rem;
}
.margin-right-36, .marginr-36,
.m-right-36,
.mr-36 {
  -webkit-margin-end: 2.25rem;
          margin-inline-end: 2.25rem;
}
.margin-inline-36,
.m-inline-36 {
  margin-inline: 2.25rem;
}

.padding-36,
.p-36 {
  padding: 2.25rem;
}
.padding-block-start-36,
.p-block-start-36 {
  -webkit-padding-before: 2.25rem;
          padding-block-start: 2.25rem;
}
.padding-top-36, .paddingt-36,
.p-top-36,
.pt-36 {
  -webkit-padding-before: 2.25rem;
          padding-block-start: 2.25rem;
}
.padding-block-end-36,
.p-block-end-36 {
  -webkit-padding-after: 2.25rem;
          padding-block-end: 2.25rem;
}
.padding-bottom-36, .paddingb-36,
.p-bottom-36,
.pb-36 {
  -webkit-padding-after: 2.25rem;
          padding-block-end: 2.25rem;
}
.padding-block-36,
.p-block-36 {
  padding-block: 2.25rem;
}
.padding-inline-start-36,
.p-inline-start-36 {
  -webkit-padding-start: 2.25rem;
          padding-inline-start: 2.25rem;
}
.padding-left-36, .paddingl-36,
.p-left-36,
.pl-36 {
  -webkit-padding-start: 2.25rem;
          padding-inline-start: 2.25rem;
}
.padding-inline-end-36,
.p-inline-end-36 {
  -webkit-padding-end: 2.25rem;
          padding-inline-end: 2.25rem;
}
.padding-right-36, .paddingr-36,
.p-right-36,
.pr-36 {
  -webkit-padding-end: 2.25rem;
          padding-inline-end: 2.25rem;
}
.padding-inline-36,
.p-inline-36 {
  padding-inline: 2.25rem;
}

.gap-36 {
  gap: 2.25rem;
}

.margin-40,
.m-40 {
  margin: 2.5rem;
}
.margin-block-start-40,
.m-block-start-40 {
  -webkit-margin-before: 2.5rem;
          margin-block-start: 2.5rem;
}
.margin-top-40, .margint-40,
.m-top-40,
.mt-40 {
  -webkit-margin-before: 2.5rem !important;
          margin-block-start: 2.5rem !important;
}
.margin-block-end-40,
.m-block-end-40 {
  -webkit-margin-after: 2.5rem;
          margin-block-end: 2.5rem;
}
.margin-bottom-40, .marginb-40,
.m-bottom-40,
.mb-40 {
  -webkit-margin-after: 2.5rem;
          margin-block-end: 2.5rem;
}
.margin-block-40,
.m-block-40 {
  margin-block: 2.5rem;
}
.margin-inline-start-40,
.m-inline-start-40 {
  -webkit-margin-start: 2.5rem;
          margin-inline-start: 2.5rem;
}
.margin-left-40, .marginl-40,
.m-left-40,
.ml-40 {
  -webkit-margin-start: 2.5rem;
          margin-inline-start: 2.5rem;
}
.margin-inline-end-40,
.m-inline-end-40 {
  -webkit-margin-end: 2.5rem;
          margin-inline-end: 2.5rem;
}
.margin-right-40, .marginr-40,
.m-right-40,
.mr-40 {
  -webkit-margin-end: 2.5rem;
          margin-inline-end: 2.5rem;
}
.margin-inline-40,
.m-inline-40 {
  margin-inline: 2.5rem;
}

.padding-40,
.p-40 {
  padding: 2.5rem;
}
.padding-block-start-40,
.p-block-start-40 {
  -webkit-padding-before: 2.5rem;
          padding-block-start: 2.5rem;
}
.padding-top-40, .paddingt-40,
.p-top-40,
.pt-40 {
  -webkit-padding-before: 2.5rem;
          padding-block-start: 2.5rem;
}
.padding-block-end-40,
.p-block-end-40 {
  -webkit-padding-after: 2.5rem;
          padding-block-end: 2.5rem;
}
.padding-bottom-40, .paddingb-40,
.p-bottom-40,
.pb-40 {
  -webkit-padding-after: 2.5rem;
          padding-block-end: 2.5rem;
}
.padding-block-40,
.p-block-40 {
  padding-block: 2.5rem;
}
.padding-inline-start-40,
.p-inline-start-40 {
  -webkit-padding-start: 2.5rem;
          padding-inline-start: 2.5rem;
}
.padding-left-40, .paddingl-40,
.p-left-40,
.pl-40 {
  -webkit-padding-start: 2.5rem;
          padding-inline-start: 2.5rem;
}
.padding-inline-end-40,
.p-inline-end-40 {
  -webkit-padding-end: 2.5rem;
          padding-inline-end: 2.5rem;
}
.padding-right-40, .paddingr-40,
.p-right-40,
.pr-40 {
  -webkit-padding-end: 2.5rem;
          padding-inline-end: 2.5rem;
}
.padding-inline-40,
.p-inline-40 {
  padding-inline: 2.5rem;
}

.gap-40 {
  gap: 2.5rem;
}

.margin-44,
.m-44 {
  margin: 2.75rem;
}
.margin-block-start-44,
.m-block-start-44 {
  -webkit-margin-before: 2.75rem;
          margin-block-start: 2.75rem;
}
.margin-top-44, .margint-44,
.m-top-44,
.mt-44 {
  -webkit-margin-before: 2.75rem !important;
          margin-block-start: 2.75rem !important;
}
.margin-block-end-44,
.m-block-end-44 {
  -webkit-margin-after: 2.75rem;
          margin-block-end: 2.75rem;
}
.margin-bottom-44, .marginb-44,
.m-bottom-44,
.mb-44 {
  -webkit-margin-after: 2.75rem;
          margin-block-end: 2.75rem;
}
.margin-block-44,
.m-block-44 {
  margin-block: 2.75rem;
}
.margin-inline-start-44,
.m-inline-start-44 {
  -webkit-margin-start: 2.75rem;
          margin-inline-start: 2.75rem;
}
.margin-left-44, .marginl-44,
.m-left-44,
.ml-44 {
  -webkit-margin-start: 2.75rem;
          margin-inline-start: 2.75rem;
}
.margin-inline-end-44,
.m-inline-end-44 {
  -webkit-margin-end: 2.75rem;
          margin-inline-end: 2.75rem;
}
.margin-right-44, .marginr-44,
.m-right-44,
.mr-44 {
  -webkit-margin-end: 2.75rem;
          margin-inline-end: 2.75rem;
}
.margin-inline-44,
.m-inline-44 {
  margin-inline: 2.75rem;
}

.padding-44,
.p-44 {
  padding: 2.75rem;
}
.padding-block-start-44,
.p-block-start-44 {
  -webkit-padding-before: 2.75rem;
          padding-block-start: 2.75rem;
}
.padding-top-44, .paddingt-44,
.p-top-44,
.pt-44 {
  -webkit-padding-before: 2.75rem;
          padding-block-start: 2.75rem;
}
.padding-block-end-44,
.p-block-end-44 {
  -webkit-padding-after: 2.75rem;
          padding-block-end: 2.75rem;
}
.padding-bottom-44, .paddingb-44,
.p-bottom-44,
.pb-44 {
  -webkit-padding-after: 2.75rem;
          padding-block-end: 2.75rem;
}
.padding-block-44,
.p-block-44 {
  padding-block: 2.75rem;
}
.padding-inline-start-44,
.p-inline-start-44 {
  -webkit-padding-start: 2.75rem;
          padding-inline-start: 2.75rem;
}
.padding-left-44, .paddingl-44,
.p-left-44,
.pl-44 {
  -webkit-padding-start: 2.75rem;
          padding-inline-start: 2.75rem;
}
.padding-inline-end-44,
.p-inline-end-44 {
  -webkit-padding-end: 2.75rem;
          padding-inline-end: 2.75rem;
}
.padding-right-44, .paddingr-44,
.p-right-44,
.pr-44 {
  -webkit-padding-end: 2.75rem;
          padding-inline-end: 2.75rem;
}
.padding-inline-44,
.p-inline-44 {
  padding-inline: 2.75rem;
}

.gap-44 {
  gap: 2.75rem;
}

.margin-48,
.m-48 {
  margin: 3rem;
}
.margin-block-start-48,
.m-block-start-48 {
  -webkit-margin-before: 3rem;
          margin-block-start: 3rem;
}
.margin-top-48, .margint-48,
.m-top-48,
.mt-48 {
  -webkit-margin-before: 3rem !important;
          margin-block-start: 3rem !important;
}
.margin-block-end-48,
.m-block-end-48 {
  -webkit-margin-after: 3rem;
          margin-block-end: 3rem;
}
.margin-bottom-48, .marginb-48,
.m-bottom-48,
.mb-48 {
  -webkit-margin-after: 3rem;
          margin-block-end: 3rem;
}
.margin-block-48,
.m-block-48 {
  margin-block: 3rem;
}
.margin-inline-start-48,
.m-inline-start-48 {
  -webkit-margin-start: 3rem;
          margin-inline-start: 3rem;
}
.margin-left-48, .marginl-48,
.m-left-48,
.ml-48 {
  -webkit-margin-start: 3rem;
          margin-inline-start: 3rem;
}
.margin-inline-end-48,
.m-inline-end-48 {
  -webkit-margin-end: 3rem;
          margin-inline-end: 3rem;
}
.margin-right-48, .marginr-48,
.m-right-48,
.mr-48 {
  -webkit-margin-end: 3rem;
          margin-inline-end: 3rem;
}
.margin-inline-48,
.m-inline-48 {
  margin-inline: 3rem;
}

.padding-48,
.p-48 {
  padding: 3rem;
}
.padding-block-start-48,
.p-block-start-48 {
  -webkit-padding-before: 3rem;
          padding-block-start: 3rem;
}
.padding-top-48, .paddingt-48,
.p-top-48,
.pt-48 {
  -webkit-padding-before: 3rem;
          padding-block-start: 3rem;
}
.padding-block-end-48,
.p-block-end-48 {
  -webkit-padding-after: 3rem;
          padding-block-end: 3rem;
}
.padding-bottom-48, .paddingb-48,
.p-bottom-48,
.pb-48 {
  -webkit-padding-after: 3rem;
          padding-block-end: 3rem;
}
.padding-block-48,
.p-block-48 {
  padding-block: 3rem;
}
.padding-inline-start-48,
.p-inline-start-48 {
  -webkit-padding-start: 3rem;
          padding-inline-start: 3rem;
}
.padding-left-48, .paddingl-48,
.p-left-48,
.pl-48 {
  -webkit-padding-start: 3rem;
          padding-inline-start: 3rem;
}
.padding-inline-end-48,
.p-inline-end-48 {
  -webkit-padding-end: 3rem;
          padding-inline-end: 3rem;
}
.padding-right-48, .paddingr-48,
.p-right-48,
.pr-48 {
  -webkit-padding-end: 3rem;
          padding-inline-end: 3rem;
}
.padding-inline-48,
.p-inline-48 {
  padding-inline: 3rem;
}

.gap-48 {
  gap: 3rem;
}

.margin-52,
.m-52 {
  margin: 3.25rem;
}
.margin-block-start-52,
.m-block-start-52 {
  -webkit-margin-before: 3.25rem;
          margin-block-start: 3.25rem;
}
.margin-top-52, .margint-52,
.m-top-52,
.mt-52 {
  -webkit-margin-before: 3.25rem !important;
          margin-block-start: 3.25rem !important;
}
.margin-block-end-52,
.m-block-end-52 {
  -webkit-margin-after: 3.25rem;
          margin-block-end: 3.25rem;
}
.margin-bottom-52, .marginb-52,
.m-bottom-52,
.mb-52 {
  -webkit-margin-after: 3.25rem;
          margin-block-end: 3.25rem;
}
.margin-block-52,
.m-block-52 {
  margin-block: 3.25rem;
}
.margin-inline-start-52,
.m-inline-start-52 {
  -webkit-margin-start: 3.25rem;
          margin-inline-start: 3.25rem;
}
.margin-left-52, .marginl-52,
.m-left-52,
.ml-52 {
  -webkit-margin-start: 3.25rem;
          margin-inline-start: 3.25rem;
}
.margin-inline-end-52,
.m-inline-end-52 {
  -webkit-margin-end: 3.25rem;
          margin-inline-end: 3.25rem;
}
.margin-right-52, .marginr-52,
.m-right-52,
.mr-52 {
  -webkit-margin-end: 3.25rem;
          margin-inline-end: 3.25rem;
}
.margin-inline-52,
.m-inline-52 {
  margin-inline: 3.25rem;
}

.padding-52,
.p-52 {
  padding: 3.25rem;
}
.padding-block-start-52,
.p-block-start-52 {
  -webkit-padding-before: 3.25rem;
          padding-block-start: 3.25rem;
}
.padding-top-52, .paddingt-52,
.p-top-52,
.pt-52 {
  -webkit-padding-before: 3.25rem;
          padding-block-start: 3.25rem;
}
.padding-block-end-52,
.p-block-end-52 {
  -webkit-padding-after: 3.25rem;
          padding-block-end: 3.25rem;
}
.padding-bottom-52, .paddingb-52,
.p-bottom-52,
.pb-52 {
  -webkit-padding-after: 3.25rem;
          padding-block-end: 3.25rem;
}
.padding-block-52,
.p-block-52 {
  padding-block: 3.25rem;
}
.padding-inline-start-52,
.p-inline-start-52 {
  -webkit-padding-start: 3.25rem;
          padding-inline-start: 3.25rem;
}
.padding-left-52, .paddingl-52,
.p-left-52,
.pl-52 {
  -webkit-padding-start: 3.25rem;
          padding-inline-start: 3.25rem;
}
.padding-inline-end-52,
.p-inline-end-52 {
  -webkit-padding-end: 3.25rem;
          padding-inline-end: 3.25rem;
}
.padding-right-52, .paddingr-52,
.p-right-52,
.pr-52 {
  -webkit-padding-end: 3.25rem;
          padding-inline-end: 3.25rem;
}
.padding-inline-52,
.p-inline-52 {
  padding-inline: 3.25rem;
}

.gap-52 {
  gap: 3.25rem;
}

.margin-56,
.m-56 {
  margin: 3.5rem;
}
.margin-block-start-56,
.m-block-start-56 {
  -webkit-margin-before: 3.5rem;
          margin-block-start: 3.5rem;
}
.margin-top-56, .margint-56,
.m-top-56,
.mt-56 {
  -webkit-margin-before: 3.5rem !important;
          margin-block-start: 3.5rem !important;
}
.margin-block-end-56,
.m-block-end-56 {
  -webkit-margin-after: 3.5rem;
          margin-block-end: 3.5rem;
}
.margin-bottom-56, .marginb-56,
.m-bottom-56,
.mb-56 {
  -webkit-margin-after: 3.5rem;
          margin-block-end: 3.5rem;
}
.margin-block-56,
.m-block-56 {
  margin-block: 3.5rem;
}
.margin-inline-start-56,
.m-inline-start-56 {
  -webkit-margin-start: 3.5rem;
          margin-inline-start: 3.5rem;
}
.margin-left-56, .marginl-56,
.m-left-56,
.ml-56 {
  -webkit-margin-start: 3.5rem;
          margin-inline-start: 3.5rem;
}
.margin-inline-end-56,
.m-inline-end-56 {
  -webkit-margin-end: 3.5rem;
          margin-inline-end: 3.5rem;
}
.margin-right-56, .marginr-56,
.m-right-56,
.mr-56 {
  -webkit-margin-end: 3.5rem;
          margin-inline-end: 3.5rem;
}
.margin-inline-56,
.m-inline-56 {
  margin-inline: 3.5rem;
}

.padding-56,
.p-56 {
  padding: 3.5rem;
}
.padding-block-start-56,
.p-block-start-56 {
  -webkit-padding-before: 3.5rem;
          padding-block-start: 3.5rem;
}
.padding-top-56, .paddingt-56,
.p-top-56,
.pt-56 {
  -webkit-padding-before: 3.5rem;
          padding-block-start: 3.5rem;
}
.padding-block-end-56,
.p-block-end-56 {
  -webkit-padding-after: 3.5rem;
          padding-block-end: 3.5rem;
}
.padding-bottom-56, .paddingb-56,
.p-bottom-56,
.pb-56 {
  -webkit-padding-after: 3.5rem;
          padding-block-end: 3.5rem;
}
.padding-block-56,
.p-block-56 {
  padding-block: 3.5rem;
}
.padding-inline-start-56,
.p-inline-start-56 {
  -webkit-padding-start: 3.5rem;
          padding-inline-start: 3.5rem;
}
.padding-left-56, .paddingl-56,
.p-left-56,
.pl-56 {
  -webkit-padding-start: 3.5rem;
          padding-inline-start: 3.5rem;
}
.padding-inline-end-56,
.p-inline-end-56 {
  -webkit-padding-end: 3.5rem;
          padding-inline-end: 3.5rem;
}
.padding-right-56, .paddingr-56,
.p-right-56,
.pr-56 {
  -webkit-padding-end: 3.5rem;
          padding-inline-end: 3.5rem;
}
.padding-inline-56,
.p-inline-56 {
  padding-inline: 3.5rem;
}

.gap-56 {
  gap: 3.5rem;
}

.margin-60,
.m-60 {
  margin: 3.75rem;
}
.margin-block-start-60,
.m-block-start-60 {
  -webkit-margin-before: 3.75rem;
          margin-block-start: 3.75rem;
}
.margin-top-60, .margint-60,
.m-top-60,
.mt-60 {
  -webkit-margin-before: 3.75rem !important;
          margin-block-start: 3.75rem !important;
}
.margin-block-end-60,
.m-block-end-60 {
  -webkit-margin-after: 3.75rem;
          margin-block-end: 3.75rem;
}
.margin-bottom-60, .marginb-60,
.m-bottom-60,
.mb-60 {
  -webkit-margin-after: 3.75rem;
          margin-block-end: 3.75rem;
}
.margin-block-60,
.m-block-60 {
  margin-block: 3.75rem;
}
.margin-inline-start-60,
.m-inline-start-60 {
  -webkit-margin-start: 3.75rem;
          margin-inline-start: 3.75rem;
}
.margin-left-60, .marginl-60,
.m-left-60,
.ml-60 {
  -webkit-margin-start: 3.75rem;
          margin-inline-start: 3.75rem;
}
.margin-inline-end-60,
.m-inline-end-60 {
  -webkit-margin-end: 3.75rem;
          margin-inline-end: 3.75rem;
}
.margin-right-60, .marginr-60,
.m-right-60,
.mr-60 {
  -webkit-margin-end: 3.75rem;
          margin-inline-end: 3.75rem;
}
.margin-inline-60,
.m-inline-60 {
  margin-inline: 3.75rem;
}

.padding-60,
.p-60 {
  padding: 3.75rem;
}
.padding-block-start-60,
.p-block-start-60 {
  -webkit-padding-before: 3.75rem;
          padding-block-start: 3.75rem;
}
.padding-top-60, .paddingt-60,
.p-top-60,
.pt-60 {
  -webkit-padding-before: 3.75rem;
          padding-block-start: 3.75rem;
}
.padding-block-end-60,
.p-block-end-60 {
  -webkit-padding-after: 3.75rem;
          padding-block-end: 3.75rem;
}
.padding-bottom-60, .paddingb-60,
.p-bottom-60,
.pb-60 {
  -webkit-padding-after: 3.75rem;
          padding-block-end: 3.75rem;
}
.padding-block-60,
.p-block-60 {
  padding-block: 3.75rem;
}
.padding-inline-start-60,
.p-inline-start-60 {
  -webkit-padding-start: 3.75rem;
          padding-inline-start: 3.75rem;
}
.padding-left-60, .paddingl-60,
.p-left-60,
.pl-60 {
  -webkit-padding-start: 3.75rem;
          padding-inline-start: 3.75rem;
}
.padding-inline-end-60,
.p-inline-end-60 {
  -webkit-padding-end: 3.75rem;
          padding-inline-end: 3.75rem;
}
.padding-right-60, .paddingr-60,
.p-right-60,
.pr-60 {
  -webkit-padding-end: 3.75rem;
          padding-inline-end: 3.75rem;
}
.padding-inline-60,
.p-inline-60 {
  padding-inline: 3.75rem;
}

.gap-60 {
  gap: 3.75rem;
}

.margin-64,
.m-64 {
  margin: 4rem;
}
.margin-block-start-64,
.m-block-start-64 {
  -webkit-margin-before: 4rem;
          margin-block-start: 4rem;
}
.margin-top-64, .margint-64,
.m-top-64,
.mt-64 {
  -webkit-margin-before: 4rem !important;
          margin-block-start: 4rem !important;
}
.margin-block-end-64,
.m-block-end-64 {
  -webkit-margin-after: 4rem;
          margin-block-end: 4rem;
}
.margin-bottom-64, .marginb-64,
.m-bottom-64,
.mb-64 {
  -webkit-margin-after: 4rem;
          margin-block-end: 4rem;
}
.margin-block-64,
.m-block-64 {
  margin-block: 4rem;
}
.margin-inline-start-64,
.m-inline-start-64 {
  -webkit-margin-start: 4rem;
          margin-inline-start: 4rem;
}
.margin-left-64, .marginl-64,
.m-left-64,
.ml-64 {
  -webkit-margin-start: 4rem;
          margin-inline-start: 4rem;
}
.margin-inline-end-64,
.m-inline-end-64 {
  -webkit-margin-end: 4rem;
          margin-inline-end: 4rem;
}
.margin-right-64, .marginr-64,
.m-right-64,
.mr-64 {
  -webkit-margin-end: 4rem;
          margin-inline-end: 4rem;
}
.margin-inline-64,
.m-inline-64 {
  margin-inline: 4rem;
}

.padding-64,
.p-64 {
  padding: 4rem;
}
.padding-block-start-64,
.p-block-start-64 {
  -webkit-padding-before: 4rem;
          padding-block-start: 4rem;
}
.padding-top-64, .paddingt-64,
.p-top-64,
.pt-64 {
  -webkit-padding-before: 4rem;
          padding-block-start: 4rem;
}
.padding-block-end-64,
.p-block-end-64 {
  -webkit-padding-after: 4rem;
          padding-block-end: 4rem;
}
.padding-bottom-64, .paddingb-64,
.p-bottom-64,
.pb-64 {
  -webkit-padding-after: 4rem;
          padding-block-end: 4rem;
}
.padding-block-64,
.p-block-64 {
  padding-block: 4rem;
}
.padding-inline-start-64,
.p-inline-start-64 {
  -webkit-padding-start: 4rem;
          padding-inline-start: 4rem;
}
.padding-left-64, .paddingl-64,
.p-left-64,
.pl-64 {
  -webkit-padding-start: 4rem;
          padding-inline-start: 4rem;
}
.padding-inline-end-64,
.p-inline-end-64 {
  -webkit-padding-end: 4rem;
          padding-inline-end: 4rem;
}
.padding-right-64, .paddingr-64,
.p-right-64,
.pr-64 {
  -webkit-padding-end: 4rem;
          padding-inline-end: 4rem;
}
.padding-inline-64,
.p-inline-64 {
  padding-inline: 4rem;
}

.gap-64 {
  gap: 4rem;
}

.margin-80,
.m-80 {
  margin: 5rem;
}
.margin-block-start-80,
.m-block-start-80 {
  -webkit-margin-before: 5rem;
          margin-block-start: 5rem;
}
.margin-top-80, .margint-80,
.m-top-80,
.mt-80 {
  -webkit-margin-before: 5rem !important;
          margin-block-start: 5rem !important;
}
.margin-block-end-80,
.m-block-end-80 {
  -webkit-margin-after: 5rem;
          margin-block-end: 5rem;
}
.margin-bottom-80, .marginb-80,
.m-bottom-80,
.mb-80 {
  -webkit-margin-after: 5rem;
          margin-block-end: 5rem;
}
.margin-block-80,
.m-block-80 {
  margin-block: 5rem;
}
.margin-inline-start-80,
.m-inline-start-80 {
  -webkit-margin-start: 5rem;
          margin-inline-start: 5rem;
}
.margin-left-80, .marginl-80,
.m-left-80,
.ml-80 {
  -webkit-margin-start: 5rem;
          margin-inline-start: 5rem;
}
.margin-inline-end-80,
.m-inline-end-80 {
  -webkit-margin-end: 5rem;
          margin-inline-end: 5rem;
}
.margin-right-80, .marginr-80,
.m-right-80,
.mr-80 {
  -webkit-margin-end: 5rem;
          margin-inline-end: 5rem;
}
.margin-inline-80,
.m-inline-80 {
  margin-inline: 5rem;
}

.padding-80,
.p-80 {
  padding: 5rem;
}
.padding-block-start-80,
.p-block-start-80 {
  -webkit-padding-before: 5rem;
          padding-block-start: 5rem;
}
.padding-top-80, .paddingt-80,
.p-top-80,
.pt-80 {
  -webkit-padding-before: 5rem;
          padding-block-start: 5rem;
}
.padding-block-end-80,
.p-block-end-80 {
  -webkit-padding-after: 5rem;
          padding-block-end: 5rem;
}
.padding-bottom-80, .paddingb-80,
.p-bottom-80,
.pb-80 {
  -webkit-padding-after: 5rem;
          padding-block-end: 5rem;
}
.padding-block-80,
.p-block-80 {
  padding-block: 5rem;
}
.padding-inline-start-80,
.p-inline-start-80 {
  -webkit-padding-start: 5rem;
          padding-inline-start: 5rem;
}
.padding-left-80, .paddingl-80,
.p-left-80,
.pl-80 {
  -webkit-padding-start: 5rem;
          padding-inline-start: 5rem;
}
.padding-inline-end-80,
.p-inline-end-80 {
  -webkit-padding-end: 5rem;
          padding-inline-end: 5rem;
}
.padding-right-80, .paddingr-80,
.p-right-80,
.pr-80 {
  -webkit-padding-end: 5rem;
          padding-inline-end: 5rem;
}
.padding-inline-80,
.p-inline-80 {
  padding-inline: 5rem;
}

.gap-80 {
  gap: 5rem;
}

.margin-96,
.m-96 {
  margin: 6rem;
}
.margin-block-start-96,
.m-block-start-96 {
  -webkit-margin-before: 6rem;
          margin-block-start: 6rem;
}
.margin-top-96, .margint-96,
.m-top-96,
.mt-96 {
  -webkit-margin-before: 6rem !important;
          margin-block-start: 6rem !important;
}
.margin-block-end-96,
.m-block-end-96 {
  -webkit-margin-after: 6rem;
          margin-block-end: 6rem;
}
.margin-bottom-96, .marginb-96,
.m-bottom-96,
.mb-96 {
  -webkit-margin-after: 6rem;
          margin-block-end: 6rem;
}
.margin-block-96,
.m-block-96 {
  margin-block: 6rem;
}
.margin-inline-start-96,
.m-inline-start-96 {
  -webkit-margin-start: 6rem;
          margin-inline-start: 6rem;
}
.margin-left-96, .marginl-96,
.m-left-96,
.ml-96 {
  -webkit-margin-start: 6rem;
          margin-inline-start: 6rem;
}
.margin-inline-end-96,
.m-inline-end-96 {
  -webkit-margin-end: 6rem;
          margin-inline-end: 6rem;
}
.margin-right-96, .marginr-96,
.m-right-96,
.mr-96 {
  -webkit-margin-end: 6rem;
          margin-inline-end: 6rem;
}
.margin-inline-96,
.m-inline-96 {
  margin-inline: 6rem;
}

.padding-96,
.p-96 {
  padding: 6rem;
}
.padding-block-start-96,
.p-block-start-96 {
  -webkit-padding-before: 6rem;
          padding-block-start: 6rem;
}
.padding-top-96, .paddingt-96,
.p-top-96,
.pt-96 {
  -webkit-padding-before: 6rem;
          padding-block-start: 6rem;
}
.padding-block-end-96,
.p-block-end-96 {
  -webkit-padding-after: 6rem;
          padding-block-end: 6rem;
}
.padding-bottom-96, .paddingb-96,
.p-bottom-96,
.pb-96 {
  -webkit-padding-after: 6rem;
          padding-block-end: 6rem;
}
.padding-block-96,
.p-block-96 {
  padding-block: 6rem;
}
.padding-inline-start-96,
.p-inline-start-96 {
  -webkit-padding-start: 6rem;
          padding-inline-start: 6rem;
}
.padding-left-96, .paddingl-96,
.p-left-96,
.pl-96 {
  -webkit-padding-start: 6rem;
          padding-inline-start: 6rem;
}
.padding-inline-end-96,
.p-inline-end-96 {
  -webkit-padding-end: 6rem;
          padding-inline-end: 6rem;
}
.padding-right-96, .paddingr-96,
.p-right-96,
.pr-96 {
  -webkit-padding-end: 6rem;
          padding-inline-end: 6rem;
}
.padding-inline-96,
.p-inline-96 {
  padding-inline: 6rem;
}

.gap-96 {
  gap: 6rem;
}

.margin-128,
.m-128 {
  margin: 8rem;
}
.margin-block-start-128,
.m-block-start-128 {
  -webkit-margin-before: 8rem;
          margin-block-start: 8rem;
}
.margin-top-128, .margint-128,
.m-top-128,
.mt-128 {
  -webkit-margin-before: 8rem !important;
          margin-block-start: 8rem !important;
}
.margin-block-end-128,
.m-block-end-128 {
  -webkit-margin-after: 8rem;
          margin-block-end: 8rem;
}
.margin-bottom-128, .marginb-128,
.m-bottom-128,
.mb-128 {
  -webkit-margin-after: 8rem;
          margin-block-end: 8rem;
}
.margin-block-128,
.m-block-128 {
  margin-block: 8rem;
}
.margin-inline-start-128,
.m-inline-start-128 {
  -webkit-margin-start: 8rem;
          margin-inline-start: 8rem;
}
.margin-left-128, .marginl-128,
.m-left-128,
.ml-128 {
  -webkit-margin-start: 8rem;
          margin-inline-start: 8rem;
}
.margin-inline-end-128,
.m-inline-end-128 {
  -webkit-margin-end: 8rem;
          margin-inline-end: 8rem;
}
.margin-right-128, .marginr-128,
.m-right-128,
.mr-128 {
  -webkit-margin-end: 8rem;
          margin-inline-end: 8rem;
}
.margin-inline-128,
.m-inline-128 {
  margin-inline: 8rem;
}

.padding-128,
.p-128 {
  padding: 8rem;
}
.padding-block-start-128,
.p-block-start-128 {
  -webkit-padding-before: 8rem;
          padding-block-start: 8rem;
}
.padding-top-128, .paddingt-128,
.p-top-128,
.pt-128 {
  -webkit-padding-before: 8rem;
          padding-block-start: 8rem;
}
.padding-block-end-128,
.p-block-end-128 {
  -webkit-padding-after: 8rem;
          padding-block-end: 8rem;
}
.padding-bottom-128, .paddingb-128,
.p-bottom-128,
.pb-128 {
  -webkit-padding-after: 8rem;
          padding-block-end: 8rem;
}
.padding-block-128,
.p-block-128 {
  padding-block: 8rem;
}
.padding-inline-start-128,
.p-inline-start-128 {
  -webkit-padding-start: 8rem;
          padding-inline-start: 8rem;
}
.padding-left-128, .paddingl-128,
.p-left-128,
.pl-128 {
  -webkit-padding-start: 8rem;
          padding-inline-start: 8rem;
}
.padding-inline-end-128,
.p-inline-end-128 {
  -webkit-padding-end: 8rem;
          padding-inline-end: 8rem;
}
.padding-right-128, .paddingr-128,
.p-right-128,
.pr-128 {
  -webkit-padding-end: 8rem;
          padding-inline-end: 8rem;
}
.padding-inline-128,
.p-inline-128 {
  padding-inline: 8rem;
}

.gap-128 {
  gap: 8rem;
}

.margin-160,
.m-160 {
  margin: 10rem;
}
.margin-block-start-160,
.m-block-start-160 {
  -webkit-margin-before: 10rem;
          margin-block-start: 10rem;
}
.margin-top-160, .margint-160,
.m-top-160,
.mt-160 {
  -webkit-margin-before: 10rem !important;
          margin-block-start: 10rem !important;
}
.margin-block-end-160,
.m-block-end-160 {
  -webkit-margin-after: 10rem;
          margin-block-end: 10rem;
}
.margin-bottom-160, .marginb-160,
.m-bottom-160,
.mb-160 {
  -webkit-margin-after: 10rem;
          margin-block-end: 10rem;
}
.margin-block-160,
.m-block-160 {
  margin-block: 10rem;
}
.margin-inline-start-160,
.m-inline-start-160 {
  -webkit-margin-start: 10rem;
          margin-inline-start: 10rem;
}
.margin-left-160, .marginl-160,
.m-left-160,
.ml-160 {
  -webkit-margin-start: 10rem;
          margin-inline-start: 10rem;
}
.margin-inline-end-160,
.m-inline-end-160 {
  -webkit-margin-end: 10rem;
          margin-inline-end: 10rem;
}
.margin-right-160, .marginr-160,
.m-right-160,
.mr-160 {
  -webkit-margin-end: 10rem;
          margin-inline-end: 10rem;
}
.margin-inline-160,
.m-inline-160 {
  margin-inline: 10rem;
}

.padding-160,
.p-160 {
  padding: 10rem;
}
.padding-block-start-160,
.p-block-start-160 {
  -webkit-padding-before: 10rem;
          padding-block-start: 10rem;
}
.padding-top-160, .paddingt-160,
.p-top-160,
.pt-160 {
  -webkit-padding-before: 10rem;
          padding-block-start: 10rem;
}
.padding-block-end-160,
.p-block-end-160 {
  -webkit-padding-after: 10rem;
          padding-block-end: 10rem;
}
.padding-bottom-160, .paddingb-160,
.p-bottom-160,
.pb-160 {
  -webkit-padding-after: 10rem;
          padding-block-end: 10rem;
}
.padding-block-160,
.p-block-160 {
  padding-block: 10rem;
}
.padding-inline-start-160,
.p-inline-start-160 {
  -webkit-padding-start: 10rem;
          padding-inline-start: 10rem;
}
.padding-left-160, .paddingl-160,
.p-left-160,
.pl-160 {
  -webkit-padding-start: 10rem;
          padding-inline-start: 10rem;
}
.padding-inline-end-160,
.p-inline-end-160 {
  -webkit-padding-end: 10rem;
          padding-inline-end: 10rem;
}
.padding-right-160, .paddingr-160,
.p-right-160,
.pr-160 {
  -webkit-padding-end: 10rem;
          padding-inline-end: 10rem;
}
.padding-inline-160,
.p-inline-160 {
  padding-inline: 10rem;
}

.gap-160 {
  gap: 10rem;
}

.z-0 {
  position: relative;
  z-index: 0;
}

.z-1 {
  position: relative;
  z-index: 1;
}

.z-2 {
  position: relative;
  z-index: 2;
}

.z-3 {
  position: relative;
  z-index: 3;
}

.z-4 {
  position: relative;
  z-index: 4;
}

.z-5 {
  position: relative;
  z-index: 5;
}

.z-6 {
  position: relative;
  z-index: 6;
}

.z-7 {
  position: relative;
  z-index: 7;
}

.z-8 {
  position: relative;
  z-index: 8;
}

.z-9 {
  position: relative;
  z-index: 9;
}

/* Slick Slider

1. Base Slick Slider
2. Custom Slider Styles  

 */
.slick-list,
.slick-slider,
.slick-track {
  position: relative;
  display: block;
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  top: 0;
  left: 0;
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.main-slider.history-slider .history-caption, .main-slider.history-slider .slick-slide, .caption, .slick-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.main-slider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
.main-slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 48em) {
  .main-slider {
    min-height: 10vh;
  }
}

.slick-slide {
  position: relative;
}
.slick-slide::before {
  background-color: #000;
  opacity: 0.3;
  z-index: 1;
}
.slick-slide figure {
  position: relative;
  height: 100%;
}
.slick-slide .slide-image {
  opacity: 0;
  height: 100%;
  background-size: contain;
  background-position: center;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.slick-slide .slide-image.show {
  opacity: 1;
}
.slick-slide .image-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.slick-slide .loading {
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
}
.slick-slide.slick-active {
  z-index: 1;
}
.slick-slide.slick-active .caption {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 1s cubic-bezier(0.4, 0.29, 0.01, 1) 1s;
  transition: all 1s cubic-bezier(0.4, 0.29, 0.01, 1) 1s;
}
@media screen and (max-width: 48em) {
  .slick-slide {
    min-height: 10vh;
  }
}

.caption {
  position: absolute;
  bottom: 0%;
  left: 0%;
  text-align: left;
  padding: 25px 25px 25px 75px;
  margin: 0;
  width: 45%;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  color: #fff;
  font-size: 4.8rem;
  line-height: 1;
  font-weight: normal;
  text-shadow: 3px 2px 20px #000000;
}
@media screen and (max-width: 64em) {
  .caption {
    width: 60%;
    font-size: 3.4rem;
    line-height: 1.24;
  }
}
@media screen and (max-width: 48em) {
  .caption {
    font-size: 3.1rem;
    line-height: 1.24;
    padding: 25px 15px 25px 15px;
    width: 90%;
    color: var(--gray-500);
    text-shadow: none;
    position: relative;
  }
}
.caption .slider-project {
  font-size: 1.6rem;
  line-height: 1.24;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
  display: block;
  margin-top: 10px;
}

.next-arrow,
.prev-arrow {
  position: absolute;
  top: 0;
  height: 94%;
  padding-top: 22%;
  display: inline-block;
}
@media screen and (max-width: 48em) {
  .next-arrow,
  .prev-arrow {
    opacity: 0;
    visibility: hidden;
  }
}

.next-arrow {
  float: right;
  right: 20px;
  z-index: 99;
}

.prev-arrow {
  float: left;
  left: 20px;
  z-index: 99;
}

.prev-arrow:hover,
.next-arrow:hover {
  opacity: 0.7;
  cursor: pointer;
}

.slick-dots {
  text-align: right;
  top: -45px;
  padding-right: 20px;
}
.slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
}
.slick-dots li button {
  width: 16px;
  height: 16px;
  border: none;
  font-size: 0;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
  vertical-align: middle;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 48em) {
  .slick-dots li button:hover {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 48em) {
  .slick-dots li button {
    background-color: rgba(0, 0, 0, 0.05);
  }
}
.slick-dots li.slick-active button {
  border: 1px solid #fff;
  opacity: 1;
  background-color: rgb(255, 255, 255);
}
@media screen and (max-width: 48em) {
  .slick-dots li.slick-active button {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 48em) {
  .slick-dots {
    top: -5px;
  }
}

.panel .next-arrow,
.panel .prev-arrow {
  top: 0;
  height: calc(100% - 35px);
  padding-top: 25%;
  z-index: 99;
}
@media screen and (max-width: 36em) {
  .panel .next-arrow,
  .panel .prev-arrow {
    padding-top: 17%;
    display: none;
  }
}

.main-slider.history-slider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  margin-bottom: 50px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
.main-slider.history-slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}
.main-slider.history-slider .slide-image-container {
  max-height: 500px;
}
.main-slider.history-slider .slick-slide::before {
  background-color: #000;
  opacity: 0.3;
  z-index: 1;
}
.main-slider.history-slider .slick-slide figure {
  position: relative;
  height: 100%;
}
.main-slider.history-slider .slick-slide .slide-image {
  opacity: 0;
  height: 90%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
@media screen and (max-width: 48em) {
  .main-slider.history-slider .slick-slide .slide-image {
    height: 30vh;
  }
}
.main-slider.history-slider .slick-slide .slide-image.show {
  opacity: 1;
}
.main-slider.history-slider .slick-slide .image-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.main-slider.history-slider .slick-slide .loading {
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
}
.main-slider.history-slider .slick-slide.slick-active {
  z-index: 1;
}
.main-slider.history-slider .slick-slide.slick-active .caption {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 1s cubic-bezier(0.4, 0.29, 0.01, 1) 1s;
  transition: all 1s cubic-bezier(0.4, 0.29, 0.01, 1) 1s;
}
.main-slider.history-slider .history-caption {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  color: var(--gray-100);
  font-size: var(--fs-600);
  line-height: 1.14;
  font-weight: 200;
}
@media screen and (max-width: 48em) {
  .main-slider.history-slider .history-caption {
    font-size: var(--fs-500);
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
  }
}
.main-slider.history-slider .history-caption .year {
  font-size: var(--fs-700);
  color: var(--gray-500);
  width: 100%;
  font-weight: 800;
  display: block;
  padding: 0 0 0px 0;
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 48em) {
  .main-slider.history-slider .history-caption .year {
    font-size: var(--fs-600);
  }
}
.main-slider.history-slider .next-arrow svg path,
.main-slider.history-slider .prev-arrow svg path {
  stroke: var(--gray-100);
}
.main-slider.history-slider .next-arrow,
.main-slider.history-slider .prev-arrow {
  position: absolute;
  display: inline-block;
  top: 0;
  height: 500px;
  padding-top: 200px;
  z-index: 99;
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 48em) {
  .main-slider.history-slider .next-arrow,
  .main-slider.history-slider .prev-arrow {
    height: 30vh;
    padding-top: 12vh;
  }
}
.main-slider.history-slider .next-arrow {
  float: right;
  right: 20px;
}
@media screen and (max-width: 48em) {
  .main-slider.history-slider .next-arrow {
    right: 0px;
  }
  .main-slider.history-slider .next-arrow svg {
    width: 20px;
  }
}
.main-slider.history-slider .prev-arrow {
  float: left;
  left: 20px;
}
@media screen and (max-width: 48em) {
  .main-slider.history-slider .prev-arrow {
    left: 0px;
  }
  .main-slider.history-slider .prev-arrow svg {
    width: 20px;
  }
}
.main-slider.history-slider .slick-dots {
  text-align: right;
  top: 10px;
  padding-right: 50px;
}
@media screen and (max-width: 48em) {
  .main-slider.history-slider .slick-dots {
    padding-right: 10px;
  }
}
.main-slider.history-slider .slick-dots li button {
  background-color: rgba(0, 0, 0, 0.05);
}
.main-slider.history-slider .slick-dots li button:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.main-slider.history-slider .slick-dots li.slick-active button {
  background-color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 48em) {
  .main-slider.history-slider .slick-dots li {
    margin: 0 4px;
  }
}