@font-face {
  font-display: swap;
  font-family: 'Kaisei Tokumin 400';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/kaisei-tokumin-v10-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Kaisei Tokumin 700';
  font-style: normal;
  font-weight: 800;
  src: url('../Fonts/kaisei-tokumin-v10-latin-700.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Kaisei Tokumin 800';
  font-style: normal;
  font-weight: 800;
  src: url('../Fonts/kaisei-tokumin-v10-latin-800.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/roboto-v48-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto 300';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/roboto-v48-latin-300.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto 600';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/roboto-v48-latin-600.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Raleway 400';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/raleway-v36-latin-regular.woff2') format('woff2');
}

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

:root {
  /* Fonts */
  --ff-base: 'Roboto', system-ui;
  --ff-base-300: 'Roboto 300', system-ui;
  --ff-base-600: 'Roboto 600', system-ui;
  --ff-heading-400: 'Kaisei Tokumin 400', serif;
  --ff-heading-700: 'Kaisei Tokumin 700', serif;
  --ff-heading-800: 'Kaisei Tokumin 800', serif;
  --ff-navigation-400: 'Raleway 400', sans-serif;

  /* Font Sizes */
  --fs-small: 14px;
  --fs-base: 16px;

  /* Font Weight */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 800;
  --fw-700: 700;

  /* Color */
  --clr-black: #000000;
  --clr-white: #ffffff;
  --clr-white\/30: rgba(255, 255, 255, 0.3);

  --clr-primary: rgba(177, 157, 96, 1);
  --clr-primary-dark: rgba(150, 3, 23, 1);
  --clr-primary-dark\/30: rgba(150, 3, 23, 0.3);

  --clr-gray-100: rgba(245, 245, 245, 1);
  --clr-gray-200: rgba(229, 229, 229, 1);
  --clr-gray-300: rgba(217, 217, 217, 1);
  --clr-gray-500: rgba(176, 176, 176, 1);
  --clr-gray-800: rgba(91, 92, 94, 1);
  --clr-gray-900: rgba(47, 42, 48, 1);
  --clr-gray-900\/70: rgba(55, 55, 55, 0.7);

  --topbar-height: 2.188rem;
  --header-height: 6.25rem;
  --max-content-width: 1440px;
  --grid-columns: 12;
  --grid-padding: 2rem;

  --box-shadow-2: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  --box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);

  --z-fixed: 100;

  --mm-spn-item-height: 60px;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: calc(var(--header-height) + 1.25rem);
}

body {
  font-family: var(--ff-base);
  font-size: var(--fs-base);
  line-height: 1.625;
  color: var(--clr-gray-800);
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
  border: 0;
}

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

a {
  color: var(--clr-primary);
  text-decoration: none;
}

a[href^='tel:'] {
  font-weight: var(--fw-bold);
}

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

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

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

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

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

.text-flow > * + * {
  margin-top: 1rem;
}

.aspect-auto {
  aspect-ratio: auto !important;
}

.aspect-3\/2 {
  aspect-ratio: 3/2 !important;
}

.aspect-16\/9 {
  aspect-ratio: 16/9 !important;
}

.object-contain {
  object-fit: contain !important;
}

.object-cover {
  object-fit: cover !important;
}

/* Spacing */

[data-space-before='none'] {
  padding-block-start: 0 !important;
}

[data-space-before='extra-small'] {
  padding-block-start: 0.75rem !important;
}

[data-space-before='small'] {
  padding-block-start: 1.5rem !important;
}

[data-space-before='medium'] {
  padding-block-start: 3rem !important;
}

[data-space-before='large'] {
  padding-block-start: 6rem !important;
}

[data-space-before='extra-large'] {
  padding-block-start: 12rem !important;
}

[data-space-after='none'] {
  padding-block-end: 0 !important;
}

[data-space-after='extra-small'] {
  padding-block-end: 0.75rem !important;
}

[data-space-after='small'] {
  padding-block-end: 1.5rem !important;
}

[data-space-after='medium'] {
  padding-block-end: 3rem !important;
}

[data-space-after='large'] {
  padding-block-end: 6rem !important;
}

[data-space-after='extra-large'] {
  padding-block-end: 12rem !important;
}

/* Eyebrow */

.eyebrow {
  line-height: 1rem;
  color: var(--clr-gray-800);
}

/* Lead */
/* https://fluidtypography.com/#app-get-started */

/*
.lead {
  hyphens: auto;
}
*/

/* Heading */

.heading--1 {
  font-family: var(--ff-heading-400);
  font-weight: 400;
  font-size: clamp(1.875rem, 1.4571rem + 1.7143vw, 3rem);
  line-height: clamp(1.875rem, 1.4571rem + 1.7143vw, 3rem);
  color: var(--clr-gray-900);
  /* line-height: 3.5rem; */
}

.heading--2 {
  font-family: var(--ff-heading-400);
  font-weight: 400;
  /*
  font-size: clamp(1.375rem, 1.2357rem + 0.5714vw, 1.75rem);
  line-height: clamp(1.375rem, 1.2357rem + 0.5714vw, 1.75rem);*/
  font-size: 32px;
  line-height: 40px;
  color: var(--clr-gray-900);
  /* line-height: 2rem; */
}

.heading--3 {
  font-family: var(--ff-heading-400);
  font-weight: 400;
  font-size: clamp(1.125rem, 1.0321rem + 0.381vw, 1.375rem);
  line-height: 1.375rem;
  color: var(--clr-gray-900);
}

.heading--4 {
  font-family: var(--ff-heading-400);
  font-weight: 400;
  /* font-size: clamp(0.875rem, 0.7821rem + 0.381vw, 1.125rem); */
  font-size: 1.125rem;
  color: var(--clr-gray-900);
}

.heading--5 {
  font-family: var(--ff-heading-400);
  font-weight: 400;
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  color: var(--clr-gray-900);
}

.heading--primary {
  color: var(--clr-primary);
}

.heading--secondary {
  color: var(--clr-gray-800);
}

.heading + .heading {
  margin-top: 0.5rem;
}

/* Button */

.button,
.button--white,
.button--primary,
.button-outline,
.button-outline--white,
.button-outline--primary,
.button-arrow,
.button-arrow--white,
.button-arrow--primary,
.button-notch,
.button-notch--white,
.button-notch--primary {
  --_button-color: var(--clr-white);
  --_button-bg-color: linear-gradient(176.52deg, #46464a 2.91%, #2c2b30 97.19%);
  --_button-hover-color: var(--clr-white);
  --_button-bg-hover-color: var(--clr-black);

  position: relative;
  display: inline-block;
  padding-inline: 1.25rem;
  padding-block: 0.75rem;
  font-size: 1rem;
  font-weight: var(--fw-bold);
  text-align: center;
  text-transform: uppercase;
  color: var(--_button-color);
  background-image: var(--_button-bg-color);
  border-radius: 0.625rem;
  border: unset;
  cursor: pointer;
  overflow: hidden;

  padding-right: 1.25rem;
  transition: padding-right 600ms ease, background 600ms ease;
}

.button:hover,
.button:focus,
.button--white:hover,
.button--white:focus,
.button--primary:hover,
.button--primary:focus,
.button-arrow:hover,
.button-arrow:focus,
.button-arrow--white:hover,
.button-arrow--white:focus,
.button-arrow--primary:hover,
.button-arrow--primary:focus,
.button-notch:hover,
.button-notch:focus,
.button-notch--white:hover,
.button-notch--white:focus,
.button-notch--primary:hover,
.button-notch--primary:focus {
  color: var(--_button-hover-color);
  background-color: var(--_button-bg-hover-color);

  padding-right: 3.25rem;
}

.button--white,
.button-arrow--white,
.button-notch--white {
  --_button-color: var(--clr-gray-900);
  --_button-bg-color: var(--clr-white);
  --_button-hover-color: var(--clr-gray-900);
  --_button-bg-hover-color: var(--clr-gray-100);
}

.button--primary,
.button-arrow--primary,
.button-notch--primary {
  --_button-color: var(--clr-white);
  --_button-hover-color: var(--clr-white);
  --_button-bg-color: var(--clr-primary);
  --_button-bg-hover-color: var(--clr-primary-dark);
}

.button--primary:active,
.button-arrow--primary:active,
.button-notch--primary:active {
  outline: 3px solid rgba(233, 79, 68, 0.3);
}

.button-outline {
  --_button-color: var(--clr-gray-900);
  --_button-hover-color: var(--clr-white);
  --_button-bg-color: transparent;
  --_button-bg-hover-color: var(--clr-black);

  box-shadow: inset 0 0 0 2px var(--clr-gray-900);
}

.button-outline:hover,
.button-outline:focus {
  color: var(--clr-black);
  background-color: rgba(55, 55, 55, 0.05);
  box-shadow: inset 0 0 0 3px var(--clr-black);
}

.button-outline--white {
  --_button-color: var(--clr-white);
  --_button-hover-color: var(--clr-white);
  --_button-bg-color: transparent;
  --_button-bg-hover-color: var(--clr-black);
  box-shadow: inset 0 0 0 2px var(--clr-white);
}

.button-outline--white:hover,
.button-outline--white:focus {
  color: var(--clr-gray-100);
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 3px var(--clr-white);
}

.button-outline--primary {
  --_button-color: var(--clr-primary);
  --_button-hover-color: var(--clr-white);
  --_button-bg-color: transparent;
  --_button-bg-hover-color: var(--clr-black);
  box-shadow: inset 0 0 0 2px var(--clr-primary);
}

.button-outline--primary:hover,
.button-outline--primary:focus {
  color: var(--clr-primary-dark);
  background-color: rgba(227, 4, 33, 0.05);
  box-shadow: inset 0 0 0 3px var(--clr-primary-dark);
}

.button-arrow,
.button-arrow--white,
.button-arrow--primary,
.button-notch,
.button-notch--white,
.button-notch--primary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
}

.button-arrow::after,
.button-arrow--white::after,
.button-arrow--primary:after,
.button-notch:after,
.button-notch--white:after,
.button-notch--primary:after {
  position: absolute;
  right: 1.25rem;
  display: block;
  content: '';
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position: center;
  opacity: 0;
  transition: transform 600ms ease, opacity 400ms ease;
}

.button-arrow:hover::after {
  opacity: 1;
}

.button-arrow::after,
.button-arrow--primary::after,
.button-notch::after,
.button-notch--primary::after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgOUMwLjQ0NzcxNSA5IDAgOC41NTIyOCAwIDhDMCA3LjQ0NzcyIDAuNDQ3NzE1IDcgMSA3TDEgOVpNMjEuNzA3MSA3LjI5Mjg5QzIyLjA5NzYgNy42ODM0MiAyMi4wOTc2IDguMzE2NTggMjEuNzA3MSA4LjcwNzExTDE1LjM0MzEgMTUuMDcxMUMxNC45NTI2IDE1LjQ2MTYgMTQuMzE5NSAxNS40NjE2IDEzLjkyODkgMTUuMDcxMUMxMy41Mzg0IDE0LjY4MDUgMTMuNTM4NCAxNC4wNDc0IDEzLjkyODkgMTMuNjU2OUwxOS41ODU4IDhMMTMuOTI4OSAyLjM0MzE1QzEzLjUzODQgMS45NTI2MiAxMy41Mzg0IDEuMzE5NDYgMTMuOTI4OSAwLjkyODkzMkMxNC4zMTk1IDAuNTM4NDA4IDE0Ljk1MjYgMC41Mzg0MDggMTUuMzQzMSAwLjkyODkzMkwyMS43MDcxIDcuMjkyODlaTTEgOEwxIDdMMjEgN1Y4VjlMMSA5TDEgOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
}

.button-arrow--white:after,
.button-notch--white:after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMS4zNTM2IDQuMzUzNTVDMTEuNTQ4OCA0LjE1ODI5IDExLjU0ODggMy44NDE3MSAxMS4zNTM2IDMuNjQ2NDVMOC4xNzE1NyAwLjQ2NDQ2NkM3Ljk3NjMxIDAuMjY5MjA0IDcuNjU5NzMgMC4yNjkyMDQgNy40NjQ0NyAwLjQ2NDQ2NkM3LjI2OTIgMC42NTk3MjggNy4yNjkyIDAuOTc2MzExIDcuNDY0NDcgMS4xNzE1N0wxMC4yOTI5IDRMNy40NjQ0NyA2LjgyODQzQzcuMjY5MiA3LjAyMzY5IDcuMjY5MiA3LjM0MDI3IDcuNDY0NDcgNy41MzU1M0M3LjY1OTczIDcuNzMwOCA3Ljk3NjMxIDcuNzMwOCA4LjE3MTU3IDcuNTM1NTNMMTEuMzUzNiA0LjM1MzU1Wk0wIDQuNUwxMSA0LjVWMy41TDAgMy41TDAgNC41WiIgZmlsbD0iIzM3MzczNyIvPgo8L3N2Zz4K');
}

.button-notch,
.button-notch--white,
.button-notch--primary {
  gap: 0 1.25rem;
  padding-inline: 2.635rem;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 90% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 75%, 90% 100%, 0 100%);
}

.button-xing,
.button-linkedin,
.button-instagram {
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 2px;
  background-color: var(--clr-white);
  font-size: 0;
}

.button-xing::before,
.button-linkedin::before,
.button-instagram::before {
  content: '';
  display: block;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
}

.button-xing::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxOCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNDQ3MzkgMTQuNTMwM0MzLjc2NDY0IDE0LjUzMDMgNC4wMzY2MiAxNC4zMzgxIDQuMjYyMTggMTMuOTUzM0M2LjMyNjM4IDEwLjI5MjkgNy40MDA0OCA4LjM4NzU1IDcuNDg0MTEgOC4yMzY0MUw1LjQyODM1IDQuNjUxMkM1LjIxMDg0IDQuMjc1MjcgNC45MzUwMyA0LjA4NjkxIDQuNjAwOSA0LjA4NjkxSDEuNjA0NTRDMS40MTE5NyA0LjA4NjkxIDEuMjc4NDcgNC4xNDk0NCAxLjIwMzI4IDQuMjc0ODhDMS4xMTEyMiA0LjQwMDMyIDEuMTE1NDQgNC41NTQ5MiAxLjIxNTU2IDQuNzM4NjZMMy4yMzM3MiA4LjIzNjQxQzMuMjQxNzggOC4yNDUyMyAzLjI0MTc4IDguMjQ5MDcgMy4yMzM3MiA4LjI0OTA3TDAuMDYyNDMyMyAxMy44NjU5Qy0wLjAyMDgxMDggMTQuMDI1MSAtMC4wMjA4MTA4IDE0LjE3NTQgMC4wNjI0MzIzIDE0LjMxN0MwLjE0NTY3NSAxNC40NTkzIDAuMjc1NzE5IDE0LjUzMDMgMC40NTEwMjggMTQuNTMwM0gzLjQ0NzM5WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE3LjE5OTcgMEgxNC4xNzg0QzEzLjg1MjggMCAxMy41ODUgMC4xODc5NjggMTMuMzc2MyAwLjU2NDI4OEM5LjA4ODczIDguMTY5NzEgNi44Njk1NSAxMi4xMDY3IDYuNzE5MTggMTIuMzczN0wxMC45Njg4IDIwLjE3MTdDMTEuMTY5NCAyMC41NDc2IDExLjQ0NTIgMjAuNzM2IDExLjc5NjIgMjAuNzM2SDE0Ljc5MjJDMTQuOTc2IDIwLjczNiAxNS4xMDk4IDIwLjY3MzQgMTUuMTkzNSAyMC41NDhDMTUuMjc2NyAyMC40MDUzIDE1LjI3MjkgMjAuMjUwNyAxNS4xODA4IDIwLjA4MzhMMTAuOTY4OCAxMi4zNzM3VjEyLjM2MTRMMTcuNTg4NyAwLjY1MjEzNEMxNy42ODA0IDAuNDc2ODI1IDE3LjY4MDQgMC4zMjI2MTUgMTcuNTg4NyAwLjE4ODM1MkMxNy41MTMyIDAuMDYyOTExOCAxNy4zODM5IDAgMTcuMTk5NyAwWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+');
}

.button-linkedin::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjgzOTE2IDUuNzM3MkgzLjg2NTE4VjE3LjI4SDAuMjgzOTE2VjUuNzM3MlpNMi4wNzUwOSAwQzMuMjE5MzYgMCA0LjE1MDE2IDAuOTMyNDk5IDQuMTUwMTYgMi4wODEwM0M0LjE1MDE2IDMuMjI5NTUgMy4yMTkzNiA0LjE1OTg4IDIuMDc1MDkgNC4xNTk4OEMwLjkzMDgxOCA0LjE1OTg4IDEuNTI1ODhlLTA1IDMuMjI5NTUgMS41MjU4OGUtMDUgMi4wODEwM0MxLjUyNTg4ZS0wNSAwLjkzMjQ5OSAwLjkyNzU2OCAwIDIuMDc1MDkgMFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik02LjExMTQ3IDUuNzM3MDVIOS41NDY0NFY3LjMxNjU1SDkuNTk1MjFDMTAuMDczMSA2LjQwNzkzIDExLjI0MTIgNS40NTI2NCAxMi45ODI1IDUuNDUyNjRDMTYuNjA5MyA1LjQ1MjY0IDE3LjI3ODkgNy44NDE5NiAxNy4yNzg5IDEwLjk0OTlWMTcuMjgwOUgxMy42OTg4VjExLjY2NzVDMTMuNjk4OCAxMC4zMjkgMTMuNjc2IDguNjA2MiAxMS44MzcyIDguNjA2MkM5Ljk5ODMgOC42MDYyIDkuNjg5NDggMTAuMDY2MyA5LjY4OTQ4IDExLjU3MDlWMTcuMjc5OUg2LjEwOTNWNS43MzcwNUg2LjExMTQ3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==');
}

.button-instagram::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMi4xNjNjMy4yMDQgMCAzLjU4NC4wMTIgNC44NS4wNyAzLjI1Mi4xNDggNC43NzEgMS42OTEgNC45MTkgNC45MTkuMDU4IDEuMjY1LjA2OSAxLjY0NS4wNjkgNC44NDkgMCAzLjIwNS0uMDEyIDMuNTg0LS4wNjkgNC44NDktLjE0OSAzLjIyNS0xLjY2NCA0Ljc3MS00LjkxOSA0LjkxOS0xLjI2Ni4wNTgtMS42NDQuMDctNC44NS4wNy0zLjIwNCAwLTMuNTg0LS4wMTItNC44NDktLjA3LTMuMjYtLjE0OS00Ljc3MS0xLjY5OS00LjkxOS00LjkyLS4wNTgtMS4yNjUtLjA3LTEuNjQ0LS4wNy00Ljg0OSAwLTMuMjA0LjAxMy0zLjU4My4wNy00Ljg0OS4xNDktMy4yMjcgMS42NjQtNC43NzEgNC45MTktNC45MTkgMS4yNjYtLjA1NyAxLjY0NS0uMDY5IDQuODQ5LS4wNjl6bTAtMi4xNjNjLTMuMjU5IDAtMy42NjcuMDE0LTQuOTQ3LjA3Mi00LjM1OC4yLTYuNzggMi42MTgtNi45OCA2Ljk4LS4wNTkgMS4yODEtLjA3MyAxLjY4OS0uMDczIDQuOTQ4IDAgMy4yNTkuMDE0IDMuNjY4LjA3MiA0Ljk0OC4yIDQuMzU4IDIuNjE4IDYuNzggNi45OCA2Ljk4IDEuMjgxLjA1OCAxLjY4OS4wNzIgNC45NDguMDcyIDMuMjU5IDAgMy42NjgtLjAxNCA0Ljk0OC0uMDcyIDQuMzU0LS4yIDYuNzgyLTIuNjE4IDYuOTc5LTYuOTguMDU5LTEuMjguMDczLTEuNjg5LjA3My00Ljk0OCAwLTMuMjU5LS4wMTQtMy42NjctLjA3Mi00Ljk0Ny0uMTk2LTQuMzU0LTIuNjE3LTYuNzgtNi45NzktNi45OC0xLjI4MS0uMDU5LTEuNjktLjA3My00Ljk0OS0uMDczem0wIDUuODM4Yy0zLjQwMyAwLTYuMTYyIDIuNzU5LTYuMTYyIDYuMTYyczIuNzU5IDYuMTYzIDYuMTYyIDYuMTYzIDYuMTYyLTIuNzU5IDYuMTYyLTYuMTYzYzAtMy40MDMtMi43NTktNi4xNjItNi4xNjItNi4xNjJ6bTAgMTAuMTYyYy0yLjIwOSAwLTQtMS43OS00LTQgMC0yLjIwOSAxLjc5MS00IDQtNHM0IDEuNzkxIDQgNGMwIDIuMjEtMS43OTEgNC00IDR6bTYuNDA2LTExLjg0NWMtLjc5NiAwLTEuNDQxLjY0NS0xLjQ0MSAxLjQ0cy42NDUgMS40NCAxLjQ0MSAxLjQ0Yy43OTUgMCAxLjQzOS0uNjQ1IDEuNDM5LTEuNDRzLS42NDQtMS40NC0xLjQzOS0xLjQ0eiIvPjwvc3ZnPg==');
}

.text-columns--2 {
  column-gap: 2.5rem;
}

/* Lists */

.list-ul,
.list-ol,
.list-dl {
  padding: 0;
  list-style-type: none;
}

.list-ul > * + *,
.list-ol > * + * {
  margin-block-start: 0.5rem;
}

.list-dl > * + * {
  margin-block-start: 1rem;
}

.list-ul > li,
.list-ol > li {
  position: relative;
  padding-inline-start: calc(0.75rem + 0.75rem);
}

.list-ul > li::before,
.list-ol > li::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  flex-shrink: 0;
}

.list-ul > li::before {
  content: '';
  top: 4px;
  width: 0.75rem;
  height: 0.75rem;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjUgMTAuNzVDNC41IDExLjE2NDIgNC44MzU3OSAxMS41IDUuMjUgMTEuNUM1LjY2NDIxIDExLjUgNiAxMS4xNjQyIDYgMTAuNzVWNi41SDEwLjI1QzEwLjY2NDIgNi41IDExIDYuMTY0MjEgMTEgNS43NUMxMSA1LjMzNTc5IDEwLjY2NDIgNSAxMC4yNSA1SDZWMS4yNUM2IDAuODM1Nzg3IDUuNjY0MjEgMC41IDUuMjUgMC41QzQuODM1NzkgMC41IDQuNSAwLjgzNTc4NyA0LjUgMS4yNVY1SDAuNzVDMC4zMzU3ODYgNSAwIDUuMzM1NzkgMCA1Ljc1QzAgNi4xNjQyMSAwLjMzNTc4NiA2LjUgMC43NSA2LjVINC41VjEwLjc1WiIgZmlsbD0iIzM3MzczNyIvPgo8L3N2Zz4K');
  background-repeat: no-repeat;
  background-size: 0.75rem;
  background-position: center;
}

.list-ul a {
  display: inline-flex;
  align-items: center;
  gap: 0 0.25rem;
  color: inherit;
}

.list-ul a:hover,
.list-ul a:focus {
  color: var(--clr-primary);
}

.list-ul a::after {
  flex-shrink: 0;
  display: block;
  content: '';
  width: 0.75rem;
  height: 0.75rem;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNS4yNUMwLjU4NTc4NiA1LjI1IDAuMjUgNS41ODU3OSAwLjI1IDZDMC4yNSA2LjQxNDIxIDAuNTg1Nzg2IDYuNzUgMSA2Ljc1TDEgNS4yNVpNMTIuNTMwMyA2LjUzMDMzQzEyLjgyMzIgNi4yMzc0NCAxMi44MjMyIDUuNzYyNTYgMTIuNTMwMyA1LjQ2OTY3TDcuNzU3MzYgMC42OTY2OTlDNy40NjQ0NyAwLjQwMzgwNiA2Ljk4OTU5IDAuNDAzODA2IDYuNjk2NyAwLjY5NjY5OUM2LjQwMzgxIDAuOTg5NTkzIDYuNDAzODEgMS40NjQ0NyA2LjY5NjcgMS43NTczNkwxMC45MzkzIDZMNi42OTY3IDEwLjI0MjZDNi40MDM4MSAxMC41MzU1IDYuNDAzODEgMTEuMDEwNCA2LjY5NjcgMTEuMzAzM0M2Ljk4OTU5IDExLjU5NjIgNy40NjQ0NyAxMS41OTYyIDcuNzU3MzYgMTEuMzAzM0wxMi41MzAzIDYuNTMwMzNaTTEgNi43NUwxMiA2Ljc1VjUuMjVMMSA1LjI1TDEgNi43NVoiIGZpbGw9IiMzOTM5MzkiLz4KPC9zdmc+Cg==');
  background-repeat: no-repeat;
  background-size: 0.75rem;
  background-position: center;
}

.list-ul a:hover::after,
.list-ul a:focus::after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNS4yNUMwLjU4NTc4NiA1LjI1IDAuMjUgNS41ODU3OSAwLjI1IDZDMC4yNSA2LjQxNDIxIDAuNTg1Nzg2IDYuNzUgMSA2Ljc1TDEgNS4yNVpNMTIuNTMwMyA2LjUzMDMzQzEyLjgyMzIgNi4yMzc0NCAxMi44MjMyIDUuNzYyNTYgMTIuNTMwMyA1LjQ2OTY3TDcuNzU3MzYgMC42OTY2OTlDNy40NjQ0NyAwLjQwMzgwNiA2Ljk4OTU5IDAuNDAzODA2IDYuNjk2NyAwLjY5NjY5OUM2LjQwMzgxIDAuOTg5NTkzIDYuNDAzODEgMS40NjQ0NyA2LjY5NjcgMS43NTczNkwxMC45MzkzIDZMNi42OTY3IDEwLjI0MjZDNi40MDM4MSAxMC41MzU1IDYuNDAzODEgMTEuMDEwNCA2LjY5NjcgMTEuMzAzM0M2Ljk4OTU5IDExLjU5NjIgNy40NjQ0NyAxMS41OTYyIDcuNzU3MzYgMTEuMzAzM0wxMi41MzAzIDYuNTMwMzNaTTEgNi43NUwxMiA2Ljc1VjUuMjVMMSA1LjI1TDEgNi43NVoiIGZpbGw9IiNlMzA0MjEiLz4KPC9zdmc+Cg==');
}

.list-ul--primary > li::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjUgMTAuNzVDNC41IDExLjE2NDIgNC44MzU3OSAxMS41IDUuMjUgMTEuNUM1LjY2NDIxIDExLjUgNiAxMS4xNjQyIDYgMTAuNzVWNi41SDEwLjI1QzEwLjY2NDIgNi41IDExIDYuMTY0MjEgMTEgNS43NUMxMSA1LjMzNTc5IDEwLjY2NDIgNSAxMC4yNSA1SDZWMS4yNUM2IDAuODM1Nzg3IDUuNjY0MjEgMC41IDUuMjUgMC41QzQuODM1NzkgMC41IDQuNSAwLjgzNTc4NyA0LjUgMS4yNVY1SDAuNzVDMC4zMzU3ODYgNSAwIDUuMzM1NzkgMCA1Ljc1QzAgNi4xNjQyMSAwLjMzNTc4NiA2LjUgMC43NSA2LjVINC41VjEwLjc1WiIgZmlsbD0iI2UzMDQyMSIvPgo8L3N2Zz4K');
}

.list-ol > li {
  counter-increment: section;
}

.list-ol > li::before {
  content: counter(section) '.';
  font-weight: var(--fw-semibold);
  color: var(--clr-gray-900);
}

.list-ol--primary > li::before {
  color: var(--clr-primary);
}

.list-dl > li {
  position: relative;
  padding-inline-start: calc(1.125rem + 0.75rem);
}

.list-dl > li > span:nth-child(1),
.list-dl > li > a {
  font-weight: var(--fw-semibold);
  color: var(--clr-gray-900);
}

.list-dl > li > a:hover {
  color: var(--clr-primary);
}

.list-dl > li > span ~ span {
  font-size: 0.813rem;
}

.list-dl > li::before {
  position: absolute;
  top: 1px;
  left: 0;
  content: '';
  width: 1.125rem;
  height: 1.125rem;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMC41IiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHJ4PSIxIiBmaWxsPSIjRTMwNDIxIi8+CjxsaW5lIHgxPSI0IiB5MT0iOS41IiB4Mj0iMTQiIHkyPSI5LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxsaW5lIHgxPSI5IiB5MT0iMTQuNSIgeDI9IjkiIHkyPSI0LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-size: 1.125rem;
  background-position: center;
}

/* Details */

details > summary {
  list-style: none;
  cursor: pointer;
}

details > summary::-webkit-details-marker {
  display: none;
}

.main {
  --grid-columns: 12;
  --grid-padding: 2rem;

  display: grid;
  grid-template-columns:
    minmax(var(--grid-padding), 1fr) repeat(
      var(--grid-columns),
      minmax(0, calc(var(--max-content-width) / var(--grid-columns)))
    )
    minmax(var(--grid-padding), 1fr);
}

.main > * {
  grid-column: 1/-1;

  display: grid;
  grid-template-columns: subgrid;
  row-gap: 3rem;
}

.main > * > * {
  grid-column: 2/-2;
}

/*
.main::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 600px;
  width: 100%;
  height: 424px;
  background-color: var(--clr-gray-100);
  z-index: -2;
}
*/

.component {
  position: relative;
  padding-block-start: 3rem;
  padding-block-end: 3rem;
}

.component__heading > * + * {
  margin-top: 1rem;
}

/* .component__background {
  grid-column: 1 / -1;
  display: grid;
  align-content: flex-start;
  justify-content: flex-end;
  position: absolute;
  inset: 0;
  z-index: -2;
} */

/* Columns */

.even-columns {
  display: grid;
  gap: 2rem;

  padding-block: 2rem;
}

/* Breadcrumb */

.breadcrumb {
  display: none;
}

.breadcrumb-list {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0.5rem 0;
  align-items: center;
  list-style-type: none;
}

.breadcrumb__item {
  display: inline-flex;
  align-items: center;
  color: var(--clr-white);
}

.breadcrumb__item + .breadcrumb__item::before {
  content: '»';
  padding-inline: 0.5rem;
}

.breadcrumb__item a {
  display: block;
  padding: 5px 10px;
  color: var(--clr-white);
  text-decoration: underline;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid transparent;
  border-radius: 2px;
}

.breadcrumb__item > span {
  display: block;
  padding: 5px 10px;
  border: 1px solid var(--clr-white);
  border-radius: 2px;
}

.hero .breadcrumb {
  grid-row: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(var(--header-height) + 2.5rem);
}

/* Back to top */

.back-to-top {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  display: none;
  width: 44px;
  height: 44px;
  border-radius: 2px;
  background-image: linear-gradient(101.24deg, #e30421 6.09%, #960317 168.32%);
  box-shadow: var(--box-shadow-2);
  font-size: 0;
  z-index: 10;
}

.back-to-top:hover,
.back-to-top:focus {
  background-image: linear-gradient(101.24deg, #ca001a 6.09%, #910316 168.32%);
}

.back-to-top::before {
  content: '';
  display: block;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDYuNUMxOS41NTIzIDYuNSAyMCA2Ljk0NzcyIDIwIDcuNUMyMCA4LjA1MjI4IDE5LjU1MjMgOC41IDE5IDguNVY2LjVaTTAuMjkyODkyIDguMjA3MTFDLTAuMDk3NjMxNSA3LjgxNjU4IC0wLjA5NzYzMTUgNy4xODM0MiAwLjI5Mjg5MiA2Ljc5Mjg5TDYuNjU2ODUgMC40Mjg5MzJDNy4wNDczOCAwLjAzODQwNzggNy42ODA1NCAwLjAzODQwNzggOC4wNzEwNyAwLjQyODkzMkM4LjQ2MTU5IDAuODE5NDU3IDguNDYxNTkgMS40NTI2MiA4LjA3MTA3IDEuODQzMTVMMi40MTQyMSA3LjVMOC4wNzEwNyAxMy4xNTY5QzguNDYxNTkgMTMuNTQ3NCA4LjQ2MTU5IDE0LjE4MDUgOC4wNzEwNyAxNC41NzExQzcuNjgwNTQgMTQuOTYxNiA3LjA0NzM4IDE0Ljk2MTYgNi42NTY4NSAxNC41NzExTDAuMjkyODkyIDguMjA3MTFaTTE5IDguNUgxVjYuNUgxOVY4LjVaIiBmaWxsPSIjZmZmZmZmIi8+Cjwvc3ZnPgo=');
  transform: rotate(90deg);
}

.socialmedia {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 8px;
}

.socialmedia__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background-color: rgba(44, 43, 48, 1);
}

.socialmedia__icon {
  width: 16px;
  height: 16px;
}

@media (max-width: 575px) {
  :root {
    --mm-ocd-width: 100%;
    --mm-ocd-min-width: 100%;
    --mm-ocd-max-width: 100%;
  }
}

@media (min-width: 576px) {
  :root {
    --max-content-width: 576px;
  }
}

@media (min-width: 768px) {
  :root {
    --max-content-width: 768px;
  }

  body::after {
    bottom: 25px;
  }

  .even-columns--3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .breadcrumb {
    display: block;
  }
}

@media (min-width: 992px) {
  :root {
    --max-content-width: 992px;
  }

  .text-columns--2 {
    columns: 2;
  }
}

@media (min-width: 1200px) {
  :root {
    --max-content-width: 1200px;
  }

  .text-columns--2 {
    columns: 2;
  }
}

@media (min-width: 1440px) {
  :root {
    --max-content-width: 1440px;
  }
}