@charset "UTF-8";
@font-face {
  font-family: 'Nohemi';
  src: url("../fonts/Web-TT/Nohemi-Black.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Web-TT/Nohemi-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Web-TT/Nohemi-Black.woff") format("woff"), url("../fonts/Web-TT/Nohemi-Black.woff2") format("woff2"), url("../fonts/Web-TT/Nohemi-Black.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 900;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'Nohemi';
  src: url("../fonts/Web-TT/Nohemi-ExtraBold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Web-TT/Nohemi-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Web-TT/Nohemi-ExtraBold.woff") format("woff"), url("../fonts/Web-TT/Nohemi-ExtraBold.woff2") format("woff2"), url("../fonts/Web-TT/Nohemi-ExtraBold.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 800;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'Nohemi';
  src: url("../fonts/Web-TT/Nohemi-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Web-TT/Nohemi-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Web-TT/Nohemi-Bold.woff") format("woff"), url("../fonts/Web-TT/Nohemi-Bold.woff2") format("woff2"), url("../fonts/Web-TT/Nohemi-Bold.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'Nohemi';
  src: url("../fonts/Web-TT/Nohemi-SemiBold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Web-TT/Nohemi-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Web-TT/Nohemi-SemiBold.woff") format("woff"), url("../fonts/Web-TT/Nohemi-SemiBold.woff2") format("woff2"), url("../fonts/Web-TT/Nohemi-SemiBold.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'Nohemi';
  src: url("../fonts/Web-TT/Nohemi-Medium.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Web-TT/Nohemi-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Web-TT/Nohemi-Medium.woff") format("woff"), url("../fonts/Web-TT/Nohemi-Medium.woff2") format("woff2"), url("../fonts/Web-TT/Nohemi-Medium.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'Nohemi';
  src: url("../fonts/Web-TT/Nohemi-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Web-TT/Nohemi-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Web-TT/Nohemi-Regular.woff") format("woff"), url("../fonts/Web-TT/Nohemi-Regular.woff2") format("woff2"), url("../fonts/Web-TT/Nohemi-Regular.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'Nohemi';
  src: url("../fonts/Web-TT/Nohemi-Light.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Web-TT/Nohemi-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Web-TT/Nohemi-Light.woff") format("woff"), url("../fonts/Web-TT/Nohemi-Light.woff2") format("woff2"), url("../fonts/Web-TT/Nohemi-Light.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'Nohemi';
  src: url("../fonts/Web-TT/Nohemi-ExtraLight.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Web-TT/Nohemi-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Web-TT/Nohemi-ExtraLight.woff") format("woff"), url("../fonts/Web-TT/Nohemi-ExtraLight.woff2") format("woff2"), url("../fonts/Web-TT/Nohemi-ExtraLight.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 200;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'Nohemi';
  src: url("../fonts/Web-TT/Nohemi-Thin.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Web-TT/Nohemi-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Web-TT/Nohemi-Thin.woff") format("woff"), url("../fonts/Web-TT/Nohemi-Thin.woff2") format("woff2"), url("../fonts/Web-TT/Nohemi-Thin.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility; }

@media all and (min-width: 540px) {
  .sm-hide {
    display: none; } }

@media all and (min-width: 769px) {
  .md-hide {
    display: none; } }

@media all and (min-width: 1366px) {
  .ml-hide {
    display: none; } }

@media all and (min-width: 1064px) {
  .lg-hide {
    display: none; } }

@media all and (min-width: 1290px) {
  .xl-hide {
    display: none; } }

@media all and (min-width: 1680px) {
  .xxl-hide {
    display: none; } }

@media all and (max-width: 539px) {
  .sm-reverse-hide {
    display: none; } }

@media all and (max-width: 768px) {
  .md-reverse-hide {
    display: none; } }

@media all and (max-width: 1365px) {
  .ml-reverse-hide {
    display: none; } }

@media all and (max-width: 1063px) {
  .lg-reverse-hide {
    display: none; } }

@media all and (max-width: 1289px) {
  .xl-reverse-hide {
    display: none; } }

@media all and (max-width: 1679px) {
  .xxl-reverse-hide {
    display: none; } }

/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*::after,
*::before {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

/* html element 62.5% font-size for REM use */
body {
  margin: 0; }

/* clear */
.clear::before,
.clear::after {
  content: ' ';
  display: table; }

.clear::after {
  clear: both; }

.clear {
  *zoom: 1; }

figure {
  margin: 0; }

img,
video {
  max-width: 100%; }

a {
  text-decoration: none;
  color: currentColor; }

/*------------------------------------*\
    MISC
\*------------------------------------*/
::-moz-selection {
  text-shadow: none; }
::selection {
  text-shadow: none; }

::-webkit-selection {
  text-shadow: none; }

::-moz-selection {
  text-shadow: none; }

/*------------------------------------*\
    CORE
\*------------------------------------*/
.nowrap {
  white-space: nowrap; }

p, h1, h2, h3, h4, h5, h6 {
  margin: 0; }

:root {
  --container-width: 1240px;
  --grid-col-number: 12;
  --grid-gutter: 4px;
  --grid-col: calc((var(--container-width) - (var(--grid-gutter)) * (var(--grid-col-number) - 1)) / var(--grid-col-number));
  --viewport-width: calc(100vw - var(--sw));
  --container-auto-margin: calc((var(--viewport-width) - var(--container-width)) / 2); }

@media all and (max-width: 1240px) {
  :root {
    --container-width: var(--viewport-width); } }

@media all and (min-width: 540px) {
  :root {
    --grid-gutter: 20px; } }

.grid {
  display: grid;
  align-content: center;
  grid-template-columns: repeat(var(--grid-col-number), var(--grid-col));
  justify-content: center;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  grid-gap: var(--grid-gutter); }

@media all and (min-width: 769px) {
  .grid {
    width: var(--container-width); } }

.grid--flex {
  display: flex;
  gap: var(--grid-gutter);
  flex-wrap: wrap;
  justify-content: center;
  margin-right: auto;
  margin-left: auto; }

@media all and (min-width: 769px) {
  .grid--flex {
    width: var(--container-width); } }

.grid--flex [class^="col"] {
  margin-right: 0; }

.grid .va-center {
  align-self: center; }

.grid .col-1 {
  grid-column: span 1; }

.grid .col-start-1 {
  grid-column-start: 1; }

.grid .col-end-1 {
  grid-column-end: 1; }

.grid .col-2 {
  grid-column: span 2; }

.grid .col-start-2 {
  grid-column-start: 2; }

.grid .col-end-2 {
  grid-column-end: 2; }

.grid .col-3 {
  grid-column: span 3; }

.grid .col-start-3 {
  grid-column-start: 3; }

.grid .col-end-3 {
  grid-column-end: 3; }

.grid .col-4 {
  grid-column: span 4; }

.grid .col-start-4 {
  grid-column-start: 4; }

.grid .col-end-4 {
  grid-column-end: 4; }

.grid .col-5 {
  grid-column: span 5; }

.grid .col-start-5 {
  grid-column-start: 5; }

.grid .col-end-5 {
  grid-column-end: 5; }

.grid .col-6 {
  grid-column: span 6; }

.grid .col-start-6 {
  grid-column-start: 6; }

.grid .col-end-6 {
  grid-column-end: 6; }

.grid .col-7 {
  grid-column: span 7; }

.grid .col-start-7 {
  grid-column-start: 7; }

.grid .col-end-7 {
  grid-column-end: 7; }

.grid .col-8 {
  grid-column: span 8; }

.grid .col-start-8 {
  grid-column-start: 8; }

.grid .col-end-8 {
  grid-column-end: 8; }

.grid .col-9 {
  grid-column: span 9; }

.grid .col-start-9 {
  grid-column-start: 9; }

.grid .col-end-9 {
  grid-column-end: 9; }

.grid .col-10 {
  grid-column: span 10; }

.grid .col-start-10 {
  grid-column-start: 10; }

.grid .col-end-10 {
  grid-column-end: 10; }

.grid .col-11 {
  grid-column: span 11; }

.grid .col-start-11 {
  grid-column-start: 11; }

.grid .col-end-11 {
  grid-column-end: 11; }

.grid .col-12 {
  grid-column: span 12; }

.grid .col-start-12 {
  grid-column-start: 12; }

.grid .col-end-12 {
  grid-column-end: 12; }

.grid .col-13 {
  grid-column: span 13; }

.grid .col-start-13 {
  grid-column-start: 13; }

.grid .col-end-13 {
  grid-column-end: 13; }

@media all and (min-width: 540px) {
  .grid .col-sm-1 {
    grid-column: span 1; } }

@media all and (min-width: 540px) {
  .grid .col-sm-start-1 {
    grid-column-start: 1; } }

@media all and (min-width: 540px) {
  .grid .col-sm-end-1 {
    grid-column-end: 1; } }

@media all and (min-width: 540px) {
  .grid .col-sm-2 {
    grid-column: span 2; } }

@media all and (min-width: 540px) {
  .grid .col-sm-start-2 {
    grid-column-start: 2; } }

@media all and (min-width: 540px) {
  .grid .col-sm-end-2 {
    grid-column-end: 2; } }

@media all and (min-width: 540px) {
  .grid .col-sm-3 {
    grid-column: span 3; } }

@media all and (min-width: 540px) {
  .grid .col-sm-start-3 {
    grid-column-start: 3; } }

@media all and (min-width: 540px) {
  .grid .col-sm-end-3 {
    grid-column-end: 3; } }

@media all and (min-width: 540px) {
  .grid .col-sm-4 {
    grid-column: span 4; } }

@media all and (min-width: 540px) {
  .grid .col-sm-start-4 {
    grid-column-start: 4; } }

@media all and (min-width: 540px) {
  .grid .col-sm-end-4 {
    grid-column-end: 4; } }

@media all and (min-width: 540px) {
  .grid .col-sm-5 {
    grid-column: span 5; } }

@media all and (min-width: 540px) {
  .grid .col-sm-start-5 {
    grid-column-start: 5; } }

@media all and (min-width: 540px) {
  .grid .col-sm-end-5 {
    grid-column-end: 5; } }

@media all and (min-width: 540px) {
  .grid .col-sm-6 {
    grid-column: span 6; } }

@media all and (min-width: 540px) {
  .grid .col-sm-start-6 {
    grid-column-start: 6; } }

@media all and (min-width: 540px) {
  .grid .col-sm-end-6 {
    grid-column-end: 6; } }

@media all and (min-width: 540px) {
  .grid .col-sm-7 {
    grid-column: span 7; } }

@media all and (min-width: 540px) {
  .grid .col-sm-start-7 {
    grid-column-start: 7; } }

@media all and (min-width: 540px) {
  .grid .col-sm-end-7 {
    grid-column-end: 7; } }

@media all and (min-width: 540px) {
  .grid .col-sm-8 {
    grid-column: span 8; } }

@media all and (min-width: 540px) {
  .grid .col-sm-start-8 {
    grid-column-start: 8; } }

@media all and (min-width: 540px) {
  .grid .col-sm-end-8 {
    grid-column-end: 8; } }

@media all and (min-width: 540px) {
  .grid .col-sm-9 {
    grid-column: span 9; } }

@media all and (min-width: 540px) {
  .grid .col-sm-start-9 {
    grid-column-start: 9; } }

@media all and (min-width: 540px) {
  .grid .col-sm-end-9 {
    grid-column-end: 9; } }

@media all and (min-width: 540px) {
  .grid .col-sm-10 {
    grid-column: span 10; } }

@media all and (min-width: 540px) {
  .grid .col-sm-start-10 {
    grid-column-start: 10; } }

@media all and (min-width: 540px) {
  .grid .col-sm-end-10 {
    grid-column-end: 10; } }

@media all and (min-width: 540px) {
  .grid .col-sm-11 {
    grid-column: span 11; } }

@media all and (min-width: 540px) {
  .grid .col-sm-start-11 {
    grid-column-start: 11; } }

@media all and (min-width: 540px) {
  .grid .col-sm-end-11 {
    grid-column-end: 11; } }

@media all and (min-width: 540px) {
  .grid .col-sm-12 {
    grid-column: span 12; } }

@media all and (min-width: 540px) {
  .grid .col-sm-start-12 {
    grid-column-start: 12; } }

@media all and (min-width: 540px) {
  .grid .col-sm-end-12 {
    grid-column-end: 12; } }

@media all and (min-width: 540px) {
  .grid .col-sm-13 {
    grid-column: span 13; } }

@media all and (min-width: 540px) {
  .grid .col-sm-start-13 {
    grid-column-start: 13; } }

@media all and (min-width: 540px) {
  .grid .col-sm-end-13 {
    grid-column-end: 13; } }

@media all and (min-width: 769px) {
  .grid .col-md-1 {
    grid-column: span 1; } }

@media all and (min-width: 769px) {
  .grid .col-md-start-1 {
    grid-column-start: 1; } }

@media all and (min-width: 769px) {
  .grid .col-md-end-1 {
    grid-column-end: 1; } }

@media all and (min-width: 769px) {
  .grid .col-md-2 {
    grid-column: span 2; } }

@media all and (min-width: 769px) {
  .grid .col-md-start-2 {
    grid-column-start: 2; } }

@media all and (min-width: 769px) {
  .grid .col-md-end-2 {
    grid-column-end: 2; } }

@media all and (min-width: 769px) {
  .grid .col-md-3 {
    grid-column: span 3; } }

@media all and (min-width: 769px) {
  .grid .col-md-start-3 {
    grid-column-start: 3; } }

@media all and (min-width: 769px) {
  .grid .col-md-end-3 {
    grid-column-end: 3; } }

@media all and (min-width: 769px) {
  .grid .col-md-4 {
    grid-column: span 4; } }

@media all and (min-width: 769px) {
  .grid .col-md-start-4 {
    grid-column-start: 4; } }

@media all and (min-width: 769px) {
  .grid .col-md-end-4 {
    grid-column-end: 4; } }

@media all and (min-width: 769px) {
  .grid .col-md-5 {
    grid-column: span 5; } }

@media all and (min-width: 769px) {
  .grid .col-md-start-5 {
    grid-column-start: 5; } }

@media all and (min-width: 769px) {
  .grid .col-md-end-5 {
    grid-column-end: 5; } }

@media all and (min-width: 769px) {
  .grid .col-md-6 {
    grid-column: span 6; } }

@media all and (min-width: 769px) {
  .grid .col-md-start-6 {
    grid-column-start: 6; } }

@media all and (min-width: 769px) {
  .grid .col-md-end-6 {
    grid-column-end: 6; } }

@media all and (min-width: 769px) {
  .grid .col-md-7 {
    grid-column: span 7; } }

@media all and (min-width: 769px) {
  .grid .col-md-start-7 {
    grid-column-start: 7; } }

@media all and (min-width: 769px) {
  .grid .col-md-end-7 {
    grid-column-end: 7; } }

@media all and (min-width: 769px) {
  .grid .col-md-8 {
    grid-column: span 8; } }

@media all and (min-width: 769px) {
  .grid .col-md-start-8 {
    grid-column-start: 8; } }

@media all and (min-width: 769px) {
  .grid .col-md-end-8 {
    grid-column-end: 8; } }

@media all and (min-width: 769px) {
  .grid .col-md-9 {
    grid-column: span 9; } }

@media all and (min-width: 769px) {
  .grid .col-md-start-9 {
    grid-column-start: 9; } }

@media all and (min-width: 769px) {
  .grid .col-md-end-9 {
    grid-column-end: 9; } }

@media all and (min-width: 769px) {
  .grid .col-md-10 {
    grid-column: span 10; } }

@media all and (min-width: 769px) {
  .grid .col-md-start-10 {
    grid-column-start: 10; } }

@media all and (min-width: 769px) {
  .grid .col-md-end-10 {
    grid-column-end: 10; } }

@media all and (min-width: 769px) {
  .grid .col-md-11 {
    grid-column: span 11; } }

@media all and (min-width: 769px) {
  .grid .col-md-start-11 {
    grid-column-start: 11; } }

@media all and (min-width: 769px) {
  .grid .col-md-end-11 {
    grid-column-end: 11; } }

@media all and (min-width: 769px) {
  .grid .col-md-12 {
    grid-column: span 12; } }

@media all and (min-width: 769px) {
  .grid .col-md-start-12 {
    grid-column-start: 12; } }

@media all and (min-width: 769px) {
  .grid .col-md-end-12 {
    grid-column-end: 12; } }

@media all and (min-width: 769px) {
  .grid .col-md-13 {
    grid-column: span 13; } }

@media all and (min-width: 769px) {
  .grid .col-md-start-13 {
    grid-column-start: 13; } }

@media all and (min-width: 769px) {
  .grid .col-md-end-13 {
    grid-column-end: 13; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-1 {
    grid-column: span 1; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-start-1 {
    grid-column-start: 1; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-end-1 {
    grid-column-end: 1; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-2 {
    grid-column: span 2; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-start-2 {
    grid-column-start: 2; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-end-2 {
    grid-column-end: 2; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-3 {
    grid-column: span 3; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-start-3 {
    grid-column-start: 3; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-end-3 {
    grid-column-end: 3; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-4 {
    grid-column: span 4; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-start-4 {
    grid-column-start: 4; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-end-4 {
    grid-column-end: 4; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-5 {
    grid-column: span 5; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-start-5 {
    grid-column-start: 5; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-end-5 {
    grid-column-end: 5; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-6 {
    grid-column: span 6; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-start-6 {
    grid-column-start: 6; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-end-6 {
    grid-column-end: 6; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-7 {
    grid-column: span 7; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-start-7 {
    grid-column-start: 7; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-end-7 {
    grid-column-end: 7; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-8 {
    grid-column: span 8; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-start-8 {
    grid-column-start: 8; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-end-8 {
    grid-column-end: 8; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-9 {
    grid-column: span 9; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-start-9 {
    grid-column-start: 9; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-end-9 {
    grid-column-end: 9; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-10 {
    grid-column: span 10; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-start-10 {
    grid-column-start: 10; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-end-10 {
    grid-column-end: 10; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-11 {
    grid-column: span 11; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-start-11 {
    grid-column-start: 11; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-end-11 {
    grid-column-end: 11; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-12 {
    grid-column: span 12; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-start-12 {
    grid-column-start: 12; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-end-12 {
    grid-column-end: 12; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-13 {
    grid-column: span 13; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-start-13 {
    grid-column-start: 13; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-end-13 {
    grid-column-end: 13; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-1 {
    grid-column: span 1; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-start-1 {
    grid-column-start: 1; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-end-1 {
    grid-column-end: 1; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-2 {
    grid-column: span 2; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-start-2 {
    grid-column-start: 2; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-end-2 {
    grid-column-end: 2; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-3 {
    grid-column: span 3; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-start-3 {
    grid-column-start: 3; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-end-3 {
    grid-column-end: 3; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-4 {
    grid-column: span 4; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-start-4 {
    grid-column-start: 4; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-end-4 {
    grid-column-end: 4; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-5 {
    grid-column: span 5; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-start-5 {
    grid-column-start: 5; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-end-5 {
    grid-column-end: 5; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-6 {
    grid-column: span 6; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-start-6 {
    grid-column-start: 6; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-end-6 {
    grid-column-end: 6; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-7 {
    grid-column: span 7; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-start-7 {
    grid-column-start: 7; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-end-7 {
    grid-column-end: 7; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-8 {
    grid-column: span 8; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-start-8 {
    grid-column-start: 8; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-end-8 {
    grid-column-end: 8; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-9 {
    grid-column: span 9; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-start-9 {
    grid-column-start: 9; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-end-9 {
    grid-column-end: 9; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-10 {
    grid-column: span 10; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-start-10 {
    grid-column-start: 10; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-end-10 {
    grid-column-end: 10; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-11 {
    grid-column: span 11; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-start-11 {
    grid-column-start: 11; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-end-11 {
    grid-column-end: 11; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-12 {
    grid-column: span 12; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-start-12 {
    grid-column-start: 12; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-end-12 {
    grid-column-end: 12; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-13 {
    grid-column: span 13; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-start-13 {
    grid-column-start: 13; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-end-13 {
    grid-column-end: 13; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-1 {
    grid-column: span 1; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-start-1 {
    grid-column-start: 1; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-end-1 {
    grid-column-end: 1; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-2 {
    grid-column: span 2; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-start-2 {
    grid-column-start: 2; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-end-2 {
    grid-column-end: 2; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-3 {
    grid-column: span 3; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-start-3 {
    grid-column-start: 3; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-end-3 {
    grid-column-end: 3; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-4 {
    grid-column: span 4; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-start-4 {
    grid-column-start: 4; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-end-4 {
    grid-column-end: 4; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-5 {
    grid-column: span 5; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-start-5 {
    grid-column-start: 5; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-end-5 {
    grid-column-end: 5; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-6 {
    grid-column: span 6; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-start-6 {
    grid-column-start: 6; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-end-6 {
    grid-column-end: 6; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-7 {
    grid-column: span 7; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-start-7 {
    grid-column-start: 7; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-end-7 {
    grid-column-end: 7; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-8 {
    grid-column: span 8; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-start-8 {
    grid-column-start: 8; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-end-8 {
    grid-column-end: 8; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-9 {
    grid-column: span 9; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-start-9 {
    grid-column-start: 9; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-end-9 {
    grid-column-end: 9; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-10 {
    grid-column: span 10; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-start-10 {
    grid-column-start: 10; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-end-10 {
    grid-column-end: 10; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-11 {
    grid-column: span 11; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-start-11 {
    grid-column-start: 11; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-end-11 {
    grid-column-end: 11; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-12 {
    grid-column: span 12; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-start-12 {
    grid-column-start: 12; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-end-12 {
    grid-column-end: 12; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-13 {
    grid-column: span 13; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-start-13 {
    grid-column-start: 13; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-end-13 {
    grid-column-end: 13; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-1 {
    grid-column: span 1; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-start-1 {
    grid-column-start: 1; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-end-1 {
    grid-column-end: 1; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-2 {
    grid-column: span 2; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-start-2 {
    grid-column-start: 2; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-end-2 {
    grid-column-end: 2; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-3 {
    grid-column: span 3; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-start-3 {
    grid-column-start: 3; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-end-3 {
    grid-column-end: 3; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-4 {
    grid-column: span 4; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-start-4 {
    grid-column-start: 4; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-end-4 {
    grid-column-end: 4; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-5 {
    grid-column: span 5; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-start-5 {
    grid-column-start: 5; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-end-5 {
    grid-column-end: 5; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-6 {
    grid-column: span 6; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-start-6 {
    grid-column-start: 6; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-end-6 {
    grid-column-end: 6; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-7 {
    grid-column: span 7; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-start-7 {
    grid-column-start: 7; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-end-7 {
    grid-column-end: 7; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-8 {
    grid-column: span 8; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-start-8 {
    grid-column-start: 8; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-end-8 {
    grid-column-end: 8; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-9 {
    grid-column: span 9; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-start-9 {
    grid-column-start: 9; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-end-9 {
    grid-column-end: 9; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-10 {
    grid-column: span 10; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-start-10 {
    grid-column-start: 10; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-end-10 {
    grid-column-end: 10; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-11 {
    grid-column: span 11; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-start-11 {
    grid-column-start: 11; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-end-11 {
    grid-column-end: 11; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-12 {
    grid-column: span 12; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-start-12 {
    grid-column-start: 12; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-end-12 {
    grid-column-end: 12; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-13 {
    grid-column: span 13; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-start-13 {
    grid-column-start: 13; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-end-13 {
    grid-column-end: 13; } }

@media all and (min-width: 540px) {
  .grid .col-sm-start-auto {
    grid-column-start: unset; }
  .grid .col-sm-end-auto {
    grid-column-end: unset; } }

@media all and (min-width: 769px) {
  .grid .col-md-start-auto {
    grid-column-start: unset; }
  .grid .col-md-end-auto {
    grid-column-end: unset; } }

@media all and (min-width: 1366px) {
  .grid .col-ml-start-auto {
    grid-column-start: unset; }
  .grid .col-ml-end-auto {
    grid-column-end: unset; } }

@media all and (min-width: 1064px) {
  .grid .col-lg-start-auto {
    grid-column-start: unset; }
  .grid .col-lg-end-auto {
    grid-column-end: unset; } }

@media all and (min-width: 1290px) {
  .grid .col-xl-start-auto {
    grid-column-start: unset; }
  .grid .col-xl-end-auto {
    grid-column-end: unset; } }

@media all and (min-width: 1680px) {
  .grid .col-xxl-start-auto {
    grid-column-start: unset; }
  .grid .col-xxl-end-auto {
    grid-column-end: unset; } }

.grid .row-span-1 {
  grid-row: span 1; }

.grid .row-span-2 {
  grid-row: span 2; }

.grid .row-span-3 {
  grid-row: span 3; }

.grid .row-span-4 {
  grid-row: span 4; }

.grid .row-span-5 {
  grid-row: span 5; }

.grid .row-span-6 {
  grid-row: span 6; }

.grid .row-span-7 {
  grid-row: span 7; }

.grid .row-span-8 {
  grid-row: span 8; }

.grid .row-span-9 {
  grid-row: span 9; }

.grid .row-span-10 {
  grid-row: span 10; }

.grid .row-span-11 {
  grid-row: span 11; }

.grid .row-span-12 {
  grid-row: span 12; }

.grid .row-span-13 {
  grid-row: span 13; }

.col-width-1 {
  width: calc(var(--grid-col) * 1 + (var(--grid-gutter) * (1 - 1)));
  margin-right: var(--grid-gutter); }

.col-width-2 {
  width: calc(var(--grid-col) * 2 + (var(--grid-gutter) * (2 - 1)));
  margin-right: var(--grid-gutter); }

.col-width-3 {
  width: calc(var(--grid-col) * 3 + (var(--grid-gutter) * (3 - 1)));
  margin-right: var(--grid-gutter); }

.col-width-4 {
  width: calc(var(--grid-col) * 4 + (var(--grid-gutter) * (4 - 1)));
  margin-right: var(--grid-gutter); }

.col-width-5 {
  width: calc(var(--grid-col) * 5 + (var(--grid-gutter) * (5 - 1)));
  margin-right: var(--grid-gutter); }

.col-width-6 {
  width: calc(var(--grid-col) * 6 + (var(--grid-gutter) * (6 - 1)));
  margin-right: var(--grid-gutter); }

.col-width-7 {
  width: calc(var(--grid-col) * 7 + (var(--grid-gutter) * (7 - 1)));
  margin-right: var(--grid-gutter); }

.col-width-8 {
  width: calc(var(--grid-col) * 8 + (var(--grid-gutter) * (8 - 1)));
  margin-right: var(--grid-gutter); }

.col-width-9 {
  width: calc(var(--grid-col) * 9 + (var(--grid-gutter) * (9 - 1)));
  margin-right: var(--grid-gutter); }

.col-width-10 {
  width: calc(var(--grid-col) * 10 + (var(--grid-gutter) * (10 - 1)));
  margin-right: var(--grid-gutter); }

.col-width-11 {
  width: calc(var(--grid-col) * 11 + (var(--grid-gutter) * (11 - 1)));
  margin-right: var(--grid-gutter); }

.col-width-12 {
  width: calc(var(--grid-col) * 12 + (var(--grid-gutter) * (12 - 1)));
  margin-right: var(--grid-gutter); }

.col-flex-1 {
  flex: calc(100% / 12 * 1); }

.col-flex-1.grow-0 {
  flex-grow: 0; }

.col-flex-2 {
  flex: calc(100% / 12 * 2); }

.col-flex-2.grow-0 {
  flex-grow: 0; }

.col-flex-3 {
  flex: calc(100% / 12 * 3); }

.col-flex-3.grow-0 {
  flex-grow: 0; }

.col-flex-4 {
  flex: calc(100% / 12 * 4); }

.col-flex-4.grow-0 {
  flex-grow: 0; }

.col-flex-5 {
  flex: calc(100% / 12 * 5); }

.col-flex-5.grow-0 {
  flex-grow: 0; }

.col-flex-6 {
  flex: calc(100% / 12 * 6); }

.col-flex-6.grow-0 {
  flex-grow: 0; }

.col-flex-7 {
  flex: calc(100% / 12 * 7); }

.col-flex-7.grow-0 {
  flex-grow: 0; }

.col-flex-8 {
  flex: calc(100% / 12 * 8); }

.col-flex-8.grow-0 {
  flex-grow: 0; }

.col-flex-9 {
  flex: calc(100% / 12 * 9); }

.col-flex-9.grow-0 {
  flex-grow: 0; }

.col-flex-10 {
  flex: calc(100% / 12 * 10); }

.col-flex-10.grow-0 {
  flex-grow: 0; }

.col-flex-11 {
  flex: calc(100% / 12 * 11); }

.col-flex-11.grow-0 {
  flex-grow: 0; }

.col-flex-12 {
  flex: calc(100% / 12 * 12); }

.col-flex-12.grow-0 {
  flex-grow: 0; }

.col-sm-width-1 {
  width: calc(var(--grid-col) * 1 + (var(--grid-gutter) * (1 - 1))); }

.col-sm-width-2 {
  width: calc(var(--grid-col) * 2 + (var(--grid-gutter) * (2 - 1))); }

.col-sm-width-3 {
  width: calc(var(--grid-col) * 3 + (var(--grid-gutter) * (3 - 1))); }

.col-sm-width-4 {
  width: calc(var(--grid-col) * 4 + (var(--grid-gutter) * (4 - 1))); }

.col-sm-width-5 {
  width: calc(var(--grid-col) * 5 + (var(--grid-gutter) * (5 - 1))); }

.col-sm-width-6 {
  width: calc(var(--grid-col) * 6 + (var(--grid-gutter) * (6 - 1))); }

.col-sm-width-7 {
  width: calc(var(--grid-col) * 7 + (var(--grid-gutter) * (7 - 1))); }

.col-sm-width-8 {
  width: calc(var(--grid-col) * 8 + (var(--grid-gutter) * (8 - 1))); }

.col-sm-width-9 {
  width: calc(var(--grid-col) * 9 + (var(--grid-gutter) * (9 - 1))); }

.col-sm-width-10 {
  width: calc(var(--grid-col) * 10 + (var(--grid-gutter) * (10 - 1))); }

.col-sm-width-11 {
  width: calc(var(--grid-col) * 11 + (var(--grid-gutter) * (11 - 1))); }

.col-sm-width-12 {
  width: calc(var(--grid-col) * 12 + (var(--grid-gutter) * (12 - 1))); }

.col-md-width-1 {
  width: calc(var(--grid-col) * 1 + (var(--grid-gutter) * (1 - 1)));
  margin-right: var(--grid-gutter); }

.col-md-width-2 {
  width: calc(var(--grid-col) * 2 + (var(--grid-gutter) * (2 - 1)));
  margin-right: var(--grid-gutter); }

.col-md-width-3 {
  width: calc(var(--grid-col) * 3 + (var(--grid-gutter) * (3 - 1)));
  margin-right: var(--grid-gutter); }

.col-md-width-4 {
  width: calc(var(--grid-col) * 4 + (var(--grid-gutter) * (4 - 1)));
  margin-right: var(--grid-gutter); }

.col-md-width-5 {
  width: calc(var(--grid-col) * 5 + (var(--grid-gutter) * (5 - 1)));
  margin-right: var(--grid-gutter); }

.col-md-width-6 {
  width: calc(var(--grid-col) * 6 + (var(--grid-gutter) * (6 - 1)));
  margin-right: var(--grid-gutter); }

.col-md-width-7 {
  width: calc(var(--grid-col) * 7 + (var(--grid-gutter) * (7 - 1)));
  margin-right: var(--grid-gutter); }

.col-md-width-8 {
  width: calc(var(--grid-col) * 8 + (var(--grid-gutter) * (8 - 1)));
  margin-right: var(--grid-gutter); }

.col-md-width-9 {
  width: calc(var(--grid-col) * 9 + (var(--grid-gutter) * (9 - 1)));
  margin-right: var(--grid-gutter); }

.col-md-width-10 {
  width: calc(var(--grid-col) * 10 + (var(--grid-gutter) * (10 - 1)));
  margin-right: var(--grid-gutter); }

.col-md-width-11 {
  width: calc(var(--grid-col) * 11 + (var(--grid-gutter) * (11 - 1)));
  margin-right: var(--grid-gutter); }

.col-md-width-12 {
  width: calc(var(--grid-col) * 12 + (var(--grid-gutter) * (12 - 1)));
  margin-right: var(--grid-gutter); }

.col-ml-width-1 {
  width: calc(var(--grid-col) * 1 + (var(--grid-gutter) * (1 - 1)));
  margin-right: var(--grid-gutter); }

.col-ml-width-2 {
  width: calc(var(--grid-col) * 2 + (var(--grid-gutter) * (2 - 1)));
  margin-right: var(--grid-gutter); }

.col-ml-width-3 {
  width: calc(var(--grid-col) * 3 + (var(--grid-gutter) * (3 - 1)));
  margin-right: var(--grid-gutter); }

.col-ml-width-4 {
  width: calc(var(--grid-col) * 4 + (var(--grid-gutter) * (4 - 1)));
  margin-right: var(--grid-gutter); }

.col-ml-width-5 {
  width: calc(var(--grid-col) * 5 + (var(--grid-gutter) * (5 - 1)));
  margin-right: var(--grid-gutter); }

.col-ml-width-6 {
  width: calc(var(--grid-col) * 6 + (var(--grid-gutter) * (6 - 1)));
  margin-right: var(--grid-gutter); }

.col-ml-width-7 {
  width: calc(var(--grid-col) * 7 + (var(--grid-gutter) * (7 - 1)));
  margin-right: var(--grid-gutter); }

.col-ml-width-8 {
  width: calc(var(--grid-col) * 8 + (var(--grid-gutter) * (8 - 1)));
  margin-right: var(--grid-gutter); }

.col-ml-width-9 {
  width: calc(var(--grid-col) * 9 + (var(--grid-gutter) * (9 - 1)));
  margin-right: var(--grid-gutter); }

.col-ml-width-10 {
  width: calc(var(--grid-col) * 10 + (var(--grid-gutter) * (10 - 1)));
  margin-right: var(--grid-gutter); }

.col-ml-width-11 {
  width: calc(var(--grid-col) * 11 + (var(--grid-gutter) * (11 - 1)));
  margin-right: var(--grid-gutter); }

.col-ml-width-12 {
  width: calc(var(--grid-col) * 12 + (var(--grid-gutter) * (12 - 1)));
  margin-right: var(--grid-gutter); }

.col-lg-width-1 {
  width: calc(var(--grid-col) * 1 + (var(--grid-gutter) * (1 - 1)));
  margin-right: var(--grid-gutter); }

.col-lg-width-2 {
  width: calc(var(--grid-col) * 2 + (var(--grid-gutter) * (2 - 1)));
  margin-right: var(--grid-gutter); }

.col-lg-width-3 {
  width: calc(var(--grid-col) * 3 + (var(--grid-gutter) * (3 - 1)));
  margin-right: var(--grid-gutter); }

.col-lg-width-4 {
  width: calc(var(--grid-col) * 4 + (var(--grid-gutter) * (4 - 1)));
  margin-right: var(--grid-gutter); }

.col-lg-width-5 {
  width: calc(var(--grid-col) * 5 + (var(--grid-gutter) * (5 - 1)));
  margin-right: var(--grid-gutter); }

.col-lg-width-6 {
  width: calc(var(--grid-col) * 6 + (var(--grid-gutter) * (6 - 1)));
  margin-right: var(--grid-gutter); }

.col-lg-width-7 {
  width: calc(var(--grid-col) * 7 + (var(--grid-gutter) * (7 - 1)));
  margin-right: var(--grid-gutter); }

.col-lg-width-8 {
  width: calc(var(--grid-col) * 8 + (var(--grid-gutter) * (8 - 1)));
  margin-right: var(--grid-gutter); }

.col-lg-width-9 {
  width: calc(var(--grid-col) * 9 + (var(--grid-gutter) * (9 - 1)));
  margin-right: var(--grid-gutter); }

.col-lg-width-10 {
  width: calc(var(--grid-col) * 10 + (var(--grid-gutter) * (10 - 1)));
  margin-right: var(--grid-gutter); }

.col-lg-width-11 {
  width: calc(var(--grid-col) * 11 + (var(--grid-gutter) * (11 - 1)));
  margin-right: var(--grid-gutter); }

.col-lg-width-12 {
  width: calc(var(--grid-col) * 12 + (var(--grid-gutter) * (12 - 1)));
  margin-right: var(--grid-gutter); }

.flex {
  display: flex;
  gap: var(--grid-gutter);
  flex-wrap: wrap;
  justify-content: center;
  margin-right: auto;
  margin-left: auto; }

:root {
  --egg: #EDEDE1;
  --plum: #DB82E8;
  --heart: #FF3366;
  --apple: #FF3333;
  --tangerine: #FF6633;
  --gold: #FFCC33;
  --pear: #CCCC33;
  --sping: #66CC66;
  --teal: #33CC99;
  --duck: #339999; }

*,
*::before,
*::after {
  box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  background-color: var(--egg);
  font: 400 1em/1.4 Nohemi, sans-serif; }

.bg-egg {
  background-color: var(--egg); }

.bg-plum {
  background-color: var(--plum); }

.bg-heart {
  background-color: var(--heart); }

.bg-apple {
  background-color: var(--apple); }

.bg-tangerine {
  background-color: var(--tangerine); }

.bg-gold {
  background-color: var(--gold); }

.bg-pear {
  background-color: var(--pear); }

.bg-sping {
  background-color: var(--sping); }

.bg-teal {
  background-color: var(--teal); }

.bg-duck {
  background-color: var(--duck); }

.noisy, .button, header .hero::before, header .hero::after, header .marquee::before, header .marquee::after, .inscription form::before {
  background-position: top left;
  background-size: 512px 512px;
  background-repeat: repeat;
  background-image: url(../img/noise.jpg);
  background-blend-mode: multiply; }

h1 {
  font-size: 2.25rem; }

small {
  line-height: 1; }

.button {
  height: 2.5rem;
  line-height: 2.5rem;
  background-color: var(--plum);
  padding: 0 1rem;
  display: flex;
  gap: .5rem;
  font-family: inherit;
  font-size: 1rem;
  color: inherit;
  border: 0; }

.button:hover {
  background-color: var(--apple); }

header {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }

header .hero {
  margin-top: auto; }

header .hero::before {
  content: '';
  position: absolute;
  --min: 0px;
  --max: calc((var(--viewport-width) - var(--container-width)) / 2);
  top: calc(var(--min) / 2 - var(--grid-col));
  left: Max(var(--min), var(--max));
  height: calc(100% + (var(--grid-col) + var(--grid-gutter)));
  width: calc(var(--grid-col) + var(--grid-gutter));
  background-color: var(--apple);
  z-index: -1;
  -webkit-mask: linear-gradient(180deg, white 2rem, white calc(100% - 2rem), transparent);
  mask: linear-gradient(180deg, white 2rem, white calc(100% - 2rem), transparent); }

header .hero::after {
  content: '';
  position: absolute;
  --min: calc(var(--grid-col) + var(--grid-gutter));
  --max: calc(0px + ((var(--viewport-width) - var(--container-width)) / 2) + (var(--grid-col) + var(--grid-gutter)));
  top: calc(var(--min) / 2 - var(--grid-col));
  left: Max(var(--min), var(--max));
  height: calc(100% + (var(--grid-col) + var(--grid-gutter)));
  width: calc(var(--grid-col) + var(--grid-gutter));
  background-color: var(--teal);
  z-index: -1;
  -webkit-mask: linear-gradient(0deg, transparent, white 2rem, white calc(100% - 2rem), transparent);
  mask: linear-gradient(0deg, transparent, white 2rem, white calc(100% - 2rem), transparent); }

header .jr-portrait {
  width: calc((100% - var(--sw) - var(--container-width)) / 2 + (var(--grid-col) * 6 + var(--grid-gutter) * 5)); }

header .marquee {
  justify-self: flex-end;
  background-color: var(--heart); }

header .marquee::before {
  content: '';
  position: absolute;
  --min: calc(var(--grid-col) * 2 + var(--grid-gutter) * 2);
  --max: calc(0px + ((var(--viewport-width) - var(--container-width)) / 2) + (var(--grid-col) + var(--grid-gutter)) * 2);
  top: calc(var(--min) / 2 - var(--grid-col));
  left: Max(var(--min), var(--max));
  height: calc(100% + (var(--grid-col) + var(--grid-gutter)));
  width: calc(var(--grid-col) + var(--grid-gutter));
  background-color: var(--gold);
  z-index: -1;
  -webkit-mask: linear-gradient(0deg, transparent, white 2rem, white calc(100% - 2rem), transparent);
  mask: linear-gradient(0deg, transparent, white 2rem, white calc(100% - 2rem), transparent); }

header .marquee::after {
  content: '';
  position: absolute;
  --min: calc(var(--grid-col) * 3 + var(--grid-gutter) * 3);
  --max: calc(0px + ((var(--viewport-width) - var(--container-width)) / 2) + (var(--grid-col) + var(--grid-gutter)) * 3);
  top: calc(var(--min) / 2 - var(--grid-col));
  left: Max(var(--min), var(--max));
  height: calc(100% + (var(--grid-col) + var(--grid-gutter)));
  width: calc(var(--grid-col) + var(--grid-gutter));
  background-color: var(--plum);
  z-index: -1;
  -webkit-mask: linear-gradient(0deg, transparent, white 2rem, white calc(100% - 2rem), transparent);
  mask: linear-gradient(0deg, transparent, white 2rem, white calc(100% - 2rem), transparent); }

header .marquee ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex; }

header .marquee ul li {
  font-size: 2.25rem; }

header .marquee ul li:nth-child(2n + 1) {
  font-weight: 700; }

header .marquee {
  padding-block: 1rem;
  overflow-x: scroll; }

header .marquee[data-animated="true"] {
  overflow: hidden; }

header .marquee[data-animated="true"] ul {
  width: -moz-max-content;
  width: max-content;
  animation: logoScroll var(--_animation-duration, 20s) linear infinite;
  flex-wrap: nowrap;
  align-items: center;
  gap: 2rem; }

@keyframes logoScroll {
  to {
    transform: translate(calc(-50% - 1rem)); } }

.context {
  margin-block-end: var(--grid-col); }

.context article {
  padding: var(--grid-col) var(--grid-col) 0;
  display: flex;
  flex-direction: column;
  gap: 1rem; }

.context article * {
  margin: 0; }

.context article img {
  max-width: unset;
  width: calc(var(--grid-col) * 10 + var(--grid-gutter) * 9);
  margin-top: 2rem;
  margin-left: calc(0px - var(--grid-col) * 4 + var(--grid-gutter) * 2); }

.insta-feed {
  margin-block-end: var(--grid-col); }

.insta-feed #insta-feed {
  background-color: var(--apple);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 15px; }

.insta-feed #insta-feed img,
.insta-feed #insta-feed video {
  width: 100%; }

.inscription {
  margin-block-end: var(--grid-col); }

.inscription form {
  background-color: var(--gold);
  padding: var(--grid-col);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1rem; }

.inscription form::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  transform: rotate(2deg);
  z-index: -1; }

.inscription form label {
  display: flex;
  width: 100%; }

.inscription form label.type-text {
  flex-direction: column; }

.inscription form label.type-text input {
  width: 100%;
  font-family: inherit;
  background-color: rgba(0, 0, 0, 0.1);
  border: 0;
  border-bottom: solid 2px currentColor;
  line-height: 2rem;
  font-size: 1rem;
  padding: 0 .5rem; }

.inscription form label.type-text input:-internal-autofill-selected, .inscription form label.type-text input:focus {
  border-bottom-color: white;
  background-color: white;
  outline: 0;
  box-shadow: none; }

.inscription form label.type-checkbox {
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  position: relative; }

.inscription form label.type-checkbox::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 1.5rem;
  width: 1.5rem;
  text-align: center;
  border: solid 2px currentColor;
  background-color: rgba(0, 0, 0, 0.1); }

.inscription form label.type-checkbox input {
  visibility: hidden;
  height: 1.5rem;
  width: 1.5rem; }

.inscription form label.type-checkbox:has(input:checked)::before {
  content: '✓';
  color: var(--gold);
  border-color: white;
  background-color: white; }

/*# sourceMappingURL=style.css.map */