/* FONTS */

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 100;
  src: url('/assets/fonts/Gotham-Thin.eot');
  src:
    local('Gotham Thin'),
    local('Gotham-Thin'),
    url('/assets/fonts/Gotham-Thin.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-Thin.woff2') format('woff2'),
    url('/assets/fonts/Gotham-Thin.woff') format('woff'),
    url('/assets/fonts/Gotham-Thin.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 200;
  src: url('/assets/fonts/Gotham-XLight.eot');
  src:
    local('Gotham ExtraLight'),
    local('Gotham-XLight'),
    url('/assets/fonts/Gotham-XLight.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-XLight.woff2') format('woff2'),
    url('/assets/fonts/Gotham-XLight.woff') format('woff'),
    url('/assets/fonts/Gotham-XLight.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/Gotham-Light.eot');
  src:
    local('Gotham Light'),
    local('Gotham-Light'),
    url('/assets/fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-Light.woff2') format('woff2'),
    url('/assets/fonts/Gotham-Light.woff') format('woff'),
    url('/assets/fonts/Gotham-Light.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: normal;
  font-weight: normal;
  src: url('/assets/fonts/Gotham-Book.eot');
  src:
    local('Gotham Book'),
    local('Gotham-Book'),
    url('/assets/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-Book.woff2') format('woff2'),
    url('/assets/fonts/Gotham-Book.woff') format('woff'),
    url('/assets/fonts/Gotham-Book.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/fonts/Gotham-Medium.eot');
  src:
    local('Gotham Medium'),
    local('Gotham-Medium'),
    url('/assets/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-Medium.woff2') format('woff2'),
    url('/assets/fonts/Gotham-Medium.woff') format('woff'),
    url('/assets/fonts/Gotham-Medium.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/Gotham-Medium.eot');
  src:
    local('Gotham Medium'),
    local('Gotham-Medium'),
    url('/assets/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-Medium.woff2') format('woff2'),
    url('/assets/fonts/Gotham-Medium.woff') format('woff'),
    url('/assets/fonts/Gotham-Medium.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: normal;
  font-weight: bold;
  src: url('/assets/fonts/Gotham-Bold.eot');
  src:
    local('Gotham Bold'),
    local('Gotham-Bold'),
    url('/assets/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-Bold.woff2') format('woff2'),
    url('/assets/fonts/Gotham-Bold.woff') format('woff'),
    url('/assets/fonts/Gotham-Bold.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 800;
  src: url('/assets/fonts/Gotham-Bold.eot');
  src:
    local('Gotham Bold'),
    local('Gotham-Bold'),
    url('/assets/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-Bold.woff2') format('woff2'),
    url('/assets/fonts/Gotham-Bold.woff') format('woff'),
    url('/assets/fonts/Gotham-Bold.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 900;
  src: url('/assets/fonts/Gotham-Black.eot');
  src:
    local('Gotham Black'),
    local('Gotham-Black'),
    url('/assets/fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-Black.woff2') format('woff2'),
    url('/assets/fonts/Gotham-Black.woff') format('woff'),
    url('/assets/fonts/Gotham-Black.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: italic;
  font-weight: 100;
  src: url('/assets/fonts/Gotham-ThinItalic.eot');
  src:
    local('Gotham Thin Italic'),
    local('Gotham-ThinItalic'),
    url('/assets/fonts/Gotham-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-ThinItalic.woff2') format('woff2'),
    url('/assets/fonts/Gotham-ThinItalic.woff') format('woff'),
    url('/assets/fonts/Gotham-ThinItalic.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: italic;
  font-weight: 200;
  src: url('/assets/fonts/Gotham-XLightItalic.eot');
  src:
    local('Gotham ExtraLight Italic'),
    local('Gotham-XLightItalic'),
    url('/assets/fonts/Gotham-XLightItalic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-XLightItalic.woff2') format('woff2'),
    url('/assets/fonts/Gotham-XLightItalic.woff') format('woff'),
    url('/assets/fonts/Gotham-XLightItalic.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: italic;
  font-weight: 300;
  src: url('/assets/fonts/Gotham-LightItalic.eot');
  src:
    local('Gotham Light Italic'),
    local('Gotham-LightItalic'),
    url('/assets/fonts/Gotham-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-LightItalic.woff2') format('woff2'),
    url('/assets/fonts/Gotham-LightItalic.woff') format('woff'),
    url('/assets/fonts/Gotham-LightItalic.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: italic;
  font-weight: normal;
  src: url('/assets/fonts/Gotham-BookItalic.eot');
  src:
    local('Gotham Book Italic'),
    local('Gotham-BookItalic'),
    url('/assets/fonts/Gotham-BookItalic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-BookItalic.woff2') format('woff2'),
    url('/assets/fonts/Gotham-BookItalic.woff') format('woff'),
    url('/assets/fonts/Gotham-BookItalic.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: italic;
  font-weight: 500;
  src: url('/assets/fonts/Gotham-MediumItalic.eot');
  src:
    local('Gotham Medium Italic'),
    local('Gotham-MediumItalic'),
    url('/assets/fonts/Gotham-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-MediumItalic.woff2') format('woff2'),
    url('/assets/fonts/Gotham-MediumItalic.woff') format('woff'),
    url('/assets/fonts/Gotham-MediumItalic.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: italic;
  font-weight: 600;
  src: url('/assets/fonts/Gotham-MediumItalic.eot');
  src:
    local('Gotham Medium Italic'),
    local('Gotham-MediumItalic'),
    url('/assets/fonts/Gotham-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-MediumItalic.woff2') format('woff2'),
    url('/assets/fonts/Gotham-MediumItalic.woff') format('woff'),
    url('/assets/fonts/Gotham-MediumItalic.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: italic;
  font-weight: bold;
  src: url('/assets/fonts/Gotham-BoldItalic.eot');
  src:
    local('Gotham Bold Italic'),
    local('Gotham-BoldItalic'),
    url('/assets/fonts/Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-BoldItalic.woff2') format('woff2'),
    url('/assets/fonts/Gotham-BoldItalic.woff') format('woff'),
    url('/assets/fonts/Gotham-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: italic;
  font-weight: 800;
  src: url('/assets/fonts/Gotham-BoldItalic.eot');
  src:
    local('Gotham Bold Italic'),
    local('Gotham-BoldItalic'),
    url('/assets/fonts/Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-BoldItalic.woff2') format('woff2'),
    url('/assets/fonts/Gotham-BoldItalic.woff') format('woff'),
    url('/assets/fonts/Gotham-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham';
  font-style: italic;
  font-weight: 900;
  src: url('/assets/fonts/Gotham-BlackItalic.eot');
  src:
    local('Gotham Black Italic'),
    local('Gotham-BlackItalic'),
    url('/assets/fonts/Gotham-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-BlackItalic.woff2') format('woff2'),
    url('/assets/fonts/Gotham-BlackItalic.woff') format('woff'),
    url('/assets/fonts/Gotham-BlackItalic.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham Ultra';
  font-style: normal;
  font-weight: normal;
  src: url('/assets/fonts/Gotham-Ultra.eot');
  src:
    local('Gotham Ultra'),
    local('Gotham-Ultra'),
    url('/assets/fonts/Gotham-Ultra.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-Ultra.woff2') format('woff2'),
    url('/assets/fonts/Gotham-Ultra.woff') format('woff'),
    url('/assets/fonts/Gotham-Ultra.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Gotham Ultra';
  font-style: italic;
  font-weight: normal;
  src: url('/assets/fonts/Gotham-UltraItalic.eot');
  src:
    local('Gotham Ultra Italic'),
    local('Gotham-UltraItalic'),
    url('/assets/fonts/Gotham-UltraItalic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Gotham-UltraItalic.woff2') format('woff2'),
    url('/assets/fonts/Gotham-UltraItalic.woff') format('woff'),
    url('/assets/fonts/Gotham-UltraItalic.ttf') format('truetype');
}



/* CUSTOM VARIABLES */

:root {
  --color-background-black: 0, 0, 0;
  --color-background-dark: 72, 84, 95;
  --color-background-main: 55, 68, 78;
  --color-background-stunning: 80, 176, 217;
  --color-background-red: 168, 107, 109;
  --color-background-light: 207, 221, 230;
  --color-background-white: 255, 255, 255;
  --color-font-black: 0, 0, 0;
  --color-font-dark: 72, 84, 95;
  --color-font-dark-filter: invert(31%) sepia(6%) saturate(1403%) hue-rotate(167deg) brightness(96%) contrast(88%);
  --color-font-light: 207, 221, 230;
  --color-font-light-filter: invert(95%) sepia(8%) saturate(639%) hue-rotate(174deg) brightness(92%) contrast(96%);
  --color-font-white: 255, 255, 255;

  --body-background-color: rgb(var(--color-background-white));
  --body-font-color: rgb(var(--color-font-black));
  --body-font-color-shining: rgba(var(--color-font-black), 0.6);
  --body-font-family: Gotham, BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --body-font-size: 16px;

  --page-desktop-nav-height: 44px;
  --page-desktop-nav-background-solid: rgb(var(--color-background-dark));
  --page-desktop-nav-background-color: rgba(var(--color-background-dark), 0.9);
  --page-desktop-nav-brand-background-color: rgba(var(--color-background-dark), 0.6);
  --page-desktop-nav-curtain-color: rgba(var(--color-background-dark), 0.5);
  --page-desktop-nav-font-color: rgb(var(--color-font-white));
  --page-desktop-subnav-background-color: var(--page-desktop-nav-background-solid);
  --page-desktop-subnav-font-color: var(--page-desktop-nav-font-color);
  --page-desktop-subnav-font-color-shining: rgba(var(--color-font-white), 0.6);

  --page-mobile-nav-background-color: rgb(var(--color-background-dark));
  --page-mobile-nav-button-color: rgb(var(--color-font-light));
  --page-mobile-nav-font-color: rgb(var(--color-font-light));
  --page-mobile-nav-font-color-shining: rgba(var(--color-font-light), 0.6);

  --page-content-header-background-color: rgba(var(--color-background-black), 0.9);
  --page-content-header-font-color: rgba(var(--color-font-white), 0.9);
  --page-content-header-font-gradient-color: rgba(var(--color-font-white), 0.6);
  --page-content-header-description-background-color: rgba(var(--color-background-white), 0.6);
  --page-content-header-description-font-color: rgb(var(--color-font-black));
  --page-content-header-description-shadow-color: rgba(var(--color-background-white), 0.3);

  --page-footer-background-color: rgb(var(--color-background-dark));
  --page-footer-font-color: rgb(var(--color-font-light));
  --page-footer-font-color-filter: var(--color-font-light-filter);
  --page-footer-divider-color: rgba(var(--color-font-light), 0.6);

  --page-disclaimer-background-color: rgba(var(--color-background-main), 0.9);
  --page-disclaimer-font-color: rgb(var(--color-font-light));
  --page-disclaimer-border-color: rgba(var(--color-font-light), 0.3);
  --page-disclaimer-button-background-color: var(--page-disclaimer-font-color);
  --page-disclaimer-button-font-color: var(--page-disclaimer-background-color);

  --page-content-background-black-color: rgb(var(--color-background-black));
  --page-content-background-dark-color: rgb(var(--color-background-dark));
  --page-content-background-main-color: rgb(var(--color-background-main));
  --page-content-background-stunning-color: rgb(var(--color-background-stunning));
  --page-content-background-red-color: rgb(var(--color-background-red));
  --page-content-background-light-color: rgb(var(--color-background-light));
  --page-content-background-white-color: rgb(var(--color-background-white));
  --page-content-font-black-color: rgb(var(--color-font-black));
  --page-content-font-dark-color: rgb(var(--color-font-dark));
  --page-content-font-light-color: rgb(var(--color-font-light));
  --page-content-font-white-color: rgb(var(--color-font-white));
  --page-content-shadow-color: rgba(0, 0, 0, 0.3);

  --page-categories-border-color: rgb(var(--color-background-main));

  --page-carousel-title-background-color: rgb(var(--color-background-main));
  --page-carousel-title-font-color: rgb(var(--color-font-white));
  --page-carousel-image-item-background-color: rgba(var(--color-background-main), 0.6);
  --page-carousel-image-item-background-gradient-color: rgba(var(--color-background-main), 0.9);
  --page-carousel-image-item-font-color: rgb(var(--color-font-white));
  --page-carousel-button-color: rgba(var(--color-background-main), 0.9);
  --page-carousel-progress-bar-background-color: rgba(var(--color-background-main), 0.3);
  --page-carousel-progress-bar-active-background-color: rgba(var(--color-background-main), 0.6);
}



/* NORMALIZE */

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

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
pre,
figure,
fieldset,
legend,
iframe,
hr {
  margin: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
  font-variant-ligatures: no-common-ligatures;
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

p {
  margin-block-end: 1rem;
}

ul {
  list-style: none;
}

ol,
ul {
  padding: 0;
  padding-inline-start: 2rem;
}

ol,
ul,
dl {
  margin: 0;
  margin-block-end: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-block-end: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-block-end: 0.5rem;
}

a {
  text-decoration: none;
}

a:active {
  color: inherit;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.1875em;
}

sub,
sup {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  inset-block-end: -0.25em;
}

sup {
  inset-block-start: -0.5em;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  -webkit-text-decoration-skip-ink: none;
  cursor: help;
  text-decoration: underline dotted;
  text-decoration-skip-ink: none;
}

address {
  font-style: normal;
  line-height: inherit;
  margin-block-end: 1rem;
}

blockquote {
  margin-block-end: 1rem;
}

pre,
code,
kbd,
samp {
  font-size: 1em;
}

pre {
  display: block;
  font-size: 0.875em;
  margin-block-end: 1rem;
  overflow: auto;
}

pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  word-wrap: break-word;
}

a>code {
  color: inherit;
}

kbd {
  border-radius: 0.25rem;
  font-size: 0.875em;
  padding-block: 0.1875rem;
  padding-inline: 0.375rem;
}

kbd kbd {
  font-size: 1em;
  padding: 0;
}

figure {
  margin-block-end: 1rem;
}

img,
svg {
  vertical-align: middle;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
  caption-side: end;
}

caption {
  padding-inline: 0.5rem;
  text-align: start;
}

td,
th {
  padding: 0;
}

td:not([align]),
th:not([align]) {
  text-align: -webkit-match-parent;
  text-align: inherit;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

fieldset {
  border: 0;
}

legend {
  margin-block-end: 0.5rem;
}

input,
button,
select,
optgroup,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

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

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type='date']):not([type='datetime-local']):not([type='month']):not([type='week']):not([type='time'])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  appearance: button;
}

button:not(:disabled),
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled) {
  cursor: pointer;
}

label {
  display: inline-block;
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

textarea {
  resize: vertical;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: textfield;
  appearance: textfield;
  outline-offset: -0.125em;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::file-selector-button {
  -webkit-appearance: button;
  appearance: button;
  font: inherit;
}

iframe {
  border: 0;
}

output {
  display: inline-block;
}

summary {
  cursor: pointer;
  display: list-item;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}



/* CUSTOM NORMALIZE */

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  margin-block-end: 0.5rem;
}

h1 {
  font-size: calc(1.375rem + 1.5vw);
}

h2 {
  font-size: calc(1.325rem + 0.9vw);
}

h3 {
  font-size: calc(1.3rem + 0.6vw);
}

h4 {
  font-size: calc(1.275rem + 0.3vw);
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.75rem;
  }

  h4 {
    font-size: 1.5rem;
  }
}

button,
[role='button'] {
  border: 0;
  border-radius: 0.25rem;
  cursor: pointer;
  padding-block: 0.5rem;
  padding-inline: 0.75rem;
}

hr {
  border: 0;
  border-block-start: 1px solid var(--hr-color, var(--body-font-color));
  margin-inline: 1rem;
}



/* HELPERS */

body {
  background-color: var(--body-background-color);
  color: var(--body-font-color);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
}

.container {
  margin-inline: auto;
  position: relative;
  width: 100%;
}

@media (max-width: 575.98px) {
  .container {
    padding-inline: 1rem;
  }
}

@media (min-width: 576px) {
  .container {
    max-width: 560px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 740px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

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

.clearfix::after {
  clear: both;
  content: '';
  display: block;
}

a.continue {
  -webkit-user-select: none;
  color: var(--continue-color, var(--body-font-color));
  position: relative;
  text-decoration: none;
  user-select: none;
  vertical-align: middle;
}

a.continue svg {
  fill: none;
  inset-block-start: -1px;
  margin-inline-start: 0.8rem;
  position: relative;
  stroke: var(--continue-color, var(--body-font-color));
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  transform: translateX(-0.4rem);
  transition: transform 0.3s ease;
}

a.continue:hover svg {
  transform: translateX(0);
}

a.bottom-bordered {
  position: relative;
}

a.bottom-bordered::before {
  background: var(--border-color, var(--body-font-color));
  content: '';
  height: 1px;
  inset-block-end: 0;
  position: absolute;
  transform: scaleX(0);
  transition: transform 0.3s ease;
  width: 100%;
}

a.bottom-bordered:hover::before {
  transform: scaleX(1);
}

.new {
  --shine-to-color: rgb(252, 186, 3) !important;
}

.new::after {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Y5YjExZiIgc3Ryb2tlLXdpZHRoPSIzIiB2aWV3Qm94PSIwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0zMCA1Mi4xNmMuODEtMi4wNyA3LjA2LTE3IDE5Ljc2LTE5Ljg2YS4wOS4wOSAwIDAgMCAwLS4xOGMtMi4xNC0uODYtMTUuMjItNi41Ny0xOS4zOC0yMC4yNmEuMDkuMDkgMCAwIDAtLjE4IDBjLS41MSAyLjI3LTMuOTQgMTQuNDMtMjAgMjBhLjEuMSAwIDAgMCAwIC4xOWMyLjI0LjM4IDEzLjQ4IDMuMTQgMTkuNjIgMjAuMTVhLjEuMSAwIDAgMCAuMTgtLjA0Wk00OC43OSAyNS4wOGMuMjktLjc0IDIuNTItNi4wNyA3LjA2LTcuMDl2LS4wN2MtLjc2LS4zLTUuNDMtMi4zNC02LjkyLTcuMjNoLS4wN2MtLjE4LjgyLTEuNCA1LjE2LTcuMTQgNy4xM3YuMDdjLjguMTQgNC44MSAxLjEyIDcgNy4ybC4wNy0uMDFaIiAvPjwvc3ZnPg==');
  display: inline-block;
  height: 1.5em;
  vertical-align: middle;
  width: 1.5em;
}

.new-sticker {
  height: 1.6em;
  margin-block-start: -0.3em;
  margin-inline-start: 0.3em;
  position: absolute;
  vertical-align: top;
  width: 1.6em;
}

.new-sticker path {
  animation: new-sticker-animation 5s cubic-bezier(0.4, 0, 0.6, 1) 1s infinite;
  fill: transparent;
  stroke: transparent;
  stroke-width: 1;
}

@keyframes new-sticker-animation {
  0% {
    fill: transparent;
    stroke-dashoffset: 333px;
    stroke-dasharray: 333px;
    stroke: transparent;
  }

  20% {
    fill: transparent;
    stroke-dashoffset: 0;
    stroke-dasharray: 333px;
    stroke: var(--page-desktop-nav-font-color);
  }

  30% {
    fill: var(--page-desktop-nav-font-color);
    stroke: transparent;
  }

  60% {
    fill: var(--page-desktop-nav-font-color);
  }

  80% {
    fill: transparent;
  }
}

.shining-text-color {
  animation: shining-text-color-animation 8s linear infinite;
  background: linear-gradient(90deg, var(--shine-from-color), var(--shine-to-color), var(--shine-from-color)) 0 0 / 400% 100%;
  background-clip: text;
  color: transparent !important;
}

@keyframes shining-text-color-animation {
  to {
    background-position: 400% 0;
  }
}

.shining-hover-color:hover {
  animation: shining-hover-color-animation 6s linear infinite;
  background: linear-gradient(135deg, var(--shine-from-color) 0 45%, var(--shine-to-color) 45% 55%, var(--shine-from-color) 55% 100%) 400% 0 / 400% 100%;
  background-clip: text;
  color: transparent !important;
}

@keyframes shining-hover-color-animation {
  to {
    background-position: 0 0;
  }
}

.brickandmore {
  padding-inline-start: 2em;
}

.brickandmore::before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDIgNjAiPjxwYXRoIGZpbGw9IiNjNjRhMzAiIGQ9Ik0yLjYxLjA4NyA1OS41MjYgMGMyLjI3Mi4wOTMgMy4yMjEgMS4zMjYgMy40NjIgMy40OTMuNTM1IDQuODIuNDQyIDE1LjYzNy4wMTIgMjAuNTUxLS4xNjUgMS44OTMtLjc1NiAzLjQ3Ny0yLjgxNCAzLjgxbC01Ny45MS0uMDgzYy0uOTU4LS42MDYtMS44NTYtMS41NDctMS44OTgtMi43NEMuODggMTcuOTgtLjI2IDEwLjA5Ni4zNzEgMy4xNDkuNTEzIDEuNTggMS4wOS42NDggMi42MS4wODciLz48cGF0aCBmaWxsPSIjMjUyNzI5IiBkPSJNNTAuMTQ4IDU5LjU1Yy0uMy0uMTQ2LTEuNjUtMS44MzYtMS40MDMtMi4zOTEuNDg4LTcuMDQ4LS42NDgtMTQuOTQtLjAxNi0yMS44ODMuMTA3LTEuMTcuMjk2LTEuOTYyIDEuNDI1LTIuNTUgMTYuNzIzLS40MTUgMzMuNDU1LS40MTUgNTAuMTc4IDAgMS4xMjkuNTg4IDEuMzE4IDEuMzggMS40MjUgMi41NS42MzMgNi45NTItLjUxOCAxNC44MzguMDAxIDIxLjg5NC0uMDEgMS4wNS0xLjAyNiAxLjYwNy0xLjY4IDIuMjk2ek0xLjkwNCAzMi45OTNjLjE1Mi0uMDkuMTg1LS42MTguNjE4LS41NGwzOC43ODcuMDA4YzEuNTI2LS4wNzMgMi43MzkuOTYyIDIuODA2IDIuNDkzLS41IDcuMDUuNjQgMTQuOTM3LjAwOSAyMS44ODMtLjE2NSAxLjgxNy0uODk0IDIuNzg3LTIuODE1IDIuODE2LTEyLjI2OS0uODc2LTI2LjAzMyAxLjExLTM4LjEyMiAwLTEuODQ0LS4xNy0yLjU4NC0uOTQ3LTIuODA4LTIuODI0LS41NzYtNC44MTgtLjQyNy0xNi4yNDYtLjAwNS0yMS4yMTguMDQ3LS41NTguMTEtMS40NzcuMzk0LTEuOTI4LjMwNy0uNDg4LjcxOC0uNDQyIDEuMTM2LS42OSIvPjwvc3ZnPg==');
  display: inline-block;
  margin-block-start: -0.18em;
  margin-inline-start: -2.18em;
  position: absolute;
  vertical-align: top;
  width: 2em;
}



/* PAGE HEADER */

#page-header {
  cursor: default;
  inset-block-start: 0;
  margin-inline: auto;
  position: sticky;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 1001;
}



/* PAGE DESKTOP NAVIGATION */

#page-desktop-nav {
  --brand-container-height: 80px;
  --brand-container-radius: 8px;
  --brand-container-width: 140px;
  --brand-img-padding: 8px;
  --nav-font-size: 0.925rem;
  --nav-item-padding-block: 0.8rem;
  --nav-item-padding-inline: 0.6rem;
  --subnav-padding-inline: 2rem;
  -webkit-user-select: none;
  user-select: none;
}

#page-desktop-nav .brand-container {
  border-radius: 0 0 var(--brand-container-radius) var(--brand-container-radius);
  display: block;
  height: var(--brand-container-height);
  overflow: hidden;
  position: absolute;
  width: var(--brand-container-width);
  z-index: 1009;
}

#page-desktop-nav .brand-container img {
  padding: var(--brand-img-padding);
  position: relative;
  z-index: 101;
}

#page-desktop-nav .brand-container .brand::after {
  -webkit-backdrop-filter: saturate(180%) blur(3rem);
  backdrop-filter: saturate(180%) blur(3rem);
  background: var(--page-desktop-nav-brand-background-color);
  border-radius: 0 0 var(--brand-container-radius) var(--brand-container-radius);
  content: '';
  display: block;
  height: var(--brand-container-height);
  inset-block-start: 0;
  position: absolute;
  width: var(--brand-container-width);
  z-index: 100;
}

#page-desktop-nav .nav {
  -webkit-backdrop-filter: saturate(180%) blur(1.5rem);
  backdrop-filter: saturate(180%) blur(1.5rem);
  background-color: var(--page-desktop-nav-background-color);
  color: var(--page-desktop-nav-font-color);
  font-size: var(--nav-font-size);
  position: relative;
  width: 100%;
}

#page-desktop-nav:has(.subnav.is-active) .brand-container .brand::after,
#page-desktop-nav:has(.subnav.is-active) .nav {
  -webkit-backdrop-filter: unset;
  backdrop-filter: unset;
  background: var(--page-desktop-nav-background-solid);
}

#page-desktop-nav .nav .nav-container {
  display: grid;
  grid-template-columns: auto auto;
  padding-inline-start: var(--brand-container-width);
}

#page-desktop-nav .nav .nav-container ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

#page-desktop-nav .nav .nav-container ul.justify-end {
  justify-content: flex-end;
}

#page-desktop-nav .nav .nav-container ul li {
  display: block;
  padding-block: var(--nav-item-padding-block);
  padding-inline: var(--nav-item-padding-inline);
  position: relative;
}

#page-desktop-nav .nav .nav-container ul li a {
  color: inherit;
  text-decoration: none;
}

#page-desktop-nav .nav .nav-container ul li svg.search,
#page-desktop-nav .nav .nav-container ul li svg.globe {
  fill: none;
  height: 1em;
  stroke: var(--page-desktop-nav-font-color);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
  width: auto;
}

#page-desktop-nav .nav .nav-container ul li:last-child {
  padding-inline-end: 0;
}

#page-desktop-nav .subnavs {
  position: relative;
}

#page-desktop-nav .subnav {
  background: var(--page-desktop-subnav-background-color);
  color: var(--page-desktop-subnav-font-color);
  inset-block-start: 0;
  inset-inline: 0;
  overflow: hidden;
  padding-block: 1rem;
  position: absolute;
  transform: scaleY(0);
  z-index: 1001;
}

#page-desktop-nav .subnav.is-active {
  transform: scaleY(1);
  transform-origin: top center;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
}

#page-desktop-nav .subnav .subnav-container {
  opacity: 0;
  padding-inline-start: var(--brand-container-width);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.6, 1);
}

#page-desktop-nav .subnav.is-active .subnav-container {
  opacity: 1;
}

#page-desktop-nav .subnav.simple .subnav-container {
  text-align: end;
}

#page-desktop-nav .subnav:not(.simple) .subnav-container {
  display: flex;
  flex-direction: row;
}

#page-desktop-nav .subnav:not(.simple) .subnav-container>div {
  padding-inline: var(--subnav-padding-inline);
}

#page-desktop-nav .subnav .subnav-container header {
  font-size: 0.875em;
  font-weight: 300;
  opacity: 0.75;
  padding-block-end: 0.5rem;
}

#page-desktop-nav .subnav .subnav-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

#page-desktop-nav .subnav .subnav-container ul li {
  padding-block: 0.25rem;
}

#page-desktop-nav .subnav .subnav-container a {
  --continue-color: var(--page-desktop-subnav-font-color);
  color: inherit;
  text-decoration: none;
}

#page-desktop-nav .subnav .subnav-container a.active {
  font-weight: bold;
}

#page-desktop-nav .subnav .subnav-container a:hover {
  --shine-from-color: var(--page-desktop-subnav-font-color-shining);
  --shine-to-color: var(--page-desktop-subnav-font-color);
  animation: shining-hover-color-animation 6s linear infinite;
  background: linear-gradient(135deg, var(--shine-from-color) 0 45%, var(--shine-to-color) 45% 55%, var(--shine-from-color) 55% 100%) 400% 0 / 400% 100%;
  background-clip: text;
  color: transparent !important;
}

#page-desktop-nav .subnav .subnav-container a.continue {
  font-size: 0.875em;
}

#page-desktop-nav .subnav .subnav-container h3 {
  font-size: 1.2em;
  font-weight: 500;
}

#page-desktop-nav .subnav .subnav-container .middot {
  padding-inline: var(--nav-item-padding-inline);
}

#page-desktop-nav .subnav .subnav-container .shining-text-color {
  --shine-from-color: var(--page-desktop-subnav-font-color);
}

#page-desktop-nav .subnav.search .subnav-container .form svg {
  fill: none;
  height: 1.4em;
  margin-block-end: 0.2em;
  stroke: var(--page-desktop-nav-font-color);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
  width: auto;
}

#page-desktop-nav .subnav.search .subnav-container .form input {
  background-color: transparent;
  border: 0;
  color: var(--page-desktop-subnav-font-color);
  font-size: 1.2em;
  padding: 0.5em;
  text-align: end;
  width: 20em;
}

#page-desktop-nav .subnav.search .subnav-container .form input::placeholder {
  color: var(--page-desktop-subnav-font-color);
  opacity: 0.6;
}

#page-desktop-nav .subnav.search .subnav-container .results {
  text-align: start;
}

#page-desktop-nav .subnav.search .subnav-container .results ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1em;
  margin-block-end: 2em;
  overflow-x: auto;
  white-space: unset;
}

#page-desktop-nav .subnav.search .subnav-container .results ul li {
  flex-shrink: 0;
  width: 15%;
}

#page-desktop-nav .subnav.search .subnav-container .results ul li a {
  color: inherit;
  display: flex;
  flex-direction: column;
  width: 100%;
}

#page-desktop-nav .subnav.search .subnav-container .results ul li img {
  border-radius: 0.25em;
  margin-block-end: 0.5em;
}

@media (max-width: 575.98px) {
  #page-desktop-nav .brand-container {
    inset-inline-start: 1rem;
  }
}

@media (max-width: 991.98px) {
  #page-desktop-nav .nav {
    display: none;
    visibility: hidden;
  }
}

@media (min-width: 992px) {
  #page-desktop-nav .nav {
    --nav-font-size: 0.725rem;
  }
}

@media (min-width: 1200px) {
  #page-desktop-nav .nav {
    --nav-font-size: 0.875rem;
  }
}

@media (min-width: 1400px) {
  #page-desktop-nav .nav {
    --nav-font-size: 0.925rem;
  }
}

#page-desktop-nav-curtain {
  -webkit-backdrop-filter: blur(0.5rem);
  backdrop-filter: blur(0.5rem);
  background: var(--page-desktop-nav-curtain-color);
  height: 100vh;
  inset: 0;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  width: 100vw;
  z-index: 900;
}

#page-desktop-nav-curtain.is-active {
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.6, 1);
  visibility: visible;
}

#page-desktop-nav .shining-background {
  padding-inline: var(--nav-item-padding-inline) !important;
}

#page-desktop-nav .shining-background::before {
  animation: shining-background 5s linear 1s infinite;
  content: "";
  background-color: var(--body-background-color);
  box-shadow: 0 0 1rem 0.2rem var(--body-background-color);
  display: block;
  height: 50%;
  inset-inline-start: 0;
  inset-block-start: 25%;
  opacity: 0;
  position: absolute;
  transform: skewX(-22deg);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  width: 0;
}

@keyframes shining-background {
  0% {
    opacity: 0;
    inset-inline-start: 0%;
  }

  10% {
    opacity: 1;
  }

  20% {
    opacity: 0;
    inset-inline-start: 100%;
  }
}



/* PAGE MOBILE NAVIGATION */

#page-mobile-nav {
  --hamburger-container-size: 60px;
  --hamburger-line-height: 2px;
  --hamburger-line-width: 24px;
  --hamburger-line-inset: 9px;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1001;
}

#page-mobile-nav .hamburger-container {
  cursor: pointer;
  display: none;
  height: var(--hamburger-container-size);
  inset-block-start: 0;
  inset-inline-end: 0;
  overflow: hidden;
  position: fixed;
  visibility: hidden;
  width: var(--hamburger-container-size);
  z-index: 1001;
}

#page-mobile-nav .hamburger-container input {
  display: none;
}

#page-mobile-nav .hamburger-container::before {
  background: var(--page-mobile-nav-background-color);
  border-radius: 50%;
  content: '';
  height: calc(var(--hamburger-container-size) * 2);
  inset-block-start: calc(-1 * var(--hamburger-container-size));
  inset-inline-end: calc(-1 * var(--hamburger-container-size));
  position: absolute;
  width: calc(var(--hamburger-container-size) * 2);
  z-index: 1;
}

#page-mobile-nav .hamburger-menu .line {
  background: var(--page-mobile-nav-button-color);
  display: block;
  height: var(--hamburger-line-height);
  inset-block-start: calc(var(--hamburger-line-inset) * 2);
  inset-inline-end: var(--hamburger-line-inset);
  position: absolute;
  transform-origin: center;
  transition: transform 0.5s ease-in-out;
  width: var(--hamburger-line-width);
  z-index: 2;
}

#page-mobile-nav .hamburger-menu .line:after,
#page-mobile-nav .hamburger-menu .line:before {
  background: var(--page-mobile-nav-button-color);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: transform 0.5s ease-in-out;
  width: 100%;
  z-index: 3;
}

#page-mobile-nav .hamburger-menu .line:before {
  inset-block-start: calc(-1 * var(--hamburger-line-inset));
}

#page-mobile-nav .hamburger-menu .line:after {
  inset-block-end: calc(-1 * var(--hamburger-line-inset));
}

#page-mobile-nav .hamburger-container input:checked+.hamburger-menu .line {
  transform: rotate(45deg);
}

#page-mobile-nav .hamburger-container input:checked+.hamburger-menu .line:after {
  inset-block-end: 0;
  transform: rotate(90deg);
}

#page-mobile-nav .hamburger-container input:checked+.hamburger-menu .line:before {
  inset-block-start: 0;
  transform: rotate(90deg);
}

#page-mobile-nav>ul {
  background-color: var(--page-mobile-nav-background-color);
  color: var(--page-mobile-nav-font-color);
  display: none;
  height: 100vh;
  inset: 0;
  list-style: none;
  margin: 0;
  overflow-y: scroll;
  padding-block: 6rem;
  padding-inline-start: 1rem;
  position: fixed;
  transform: scaleY(0);
  transform-origin: top center;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  visibility: hidden;
  width: 100vw;
  z-index: 1000;
}

#page-mobile-nav>ul>li {
  margin-block: 1rem;
}

#page-mobile-nav>ul>li>a {
  font-size: 1.2em;
  font-weight: 500;
}

#page-mobile-nav>ul ul {
  list-style: none;
  margin: 0;
  padding-block-end: 1rem;
  padding-inline-start: 1rem;
}

#page-mobile-nav>ul ul>li {
  margin-block: 1rem;
}

#page-mobile-nav>ul a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1);
}

#page-mobile-nav>ul a.active {
  font-weight: bold;
}

#page-mobile-nav>ul a:hover {
  opacity: 0.6;
}

#page-mobile-nav>ul .shining-text-color {
  --shine-from-color: var(--page-mobile-nav-font-color);
}

#page-mobile-nav .form svg {
  fill: none;
  height: 1.4em;
  margin-block-end: 0.2em;
  stroke: var(--page-mobile-nav-font-color);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
  width: auto;
}

#page-mobile-nav .form input {
  background-color: transparent;
  border: 0;
  color: var(--page-mobile-nav-font-color);
  font-size: 1.2em;
  padding: 0.5em;
  width: calc(100% - 3rem);
}

#page-mobile-nav .form input::placeholder {
  color: var(--page-desktop-subnav-font-color);
  opacity: 0.6;
}

#page-mobile-nav .results {
  padding: 1em;
}

#page-mobile-nav .results ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
  margin-block-end: 1em;
  padding: 0;
  white-space: unset;
}

#page-mobile-nav .results ul li {
  width: calc(50% - 1em);
}

#page-mobile-nav .results ul li a {
  color: inherit;
  display: flex;
  flex-direction: column;
  width: 100%;
}

#page-mobile-nav .results ul li img {
  border-radius: 0.25em;
  margin-block-end: 0.5em;
}

body.page-mobile-nav-is-active #page-header .brand-container .brand::after {
  background-color: var(--page-mobile-nav-background-color);
}

body.page-mobile-nav-is-active {
  overflow: hidden;
}

body.page-mobile-nav-is-active #page-mobile-nav>ul {
  transform: scaleY(1);
  visibility: visible;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  #page-mobile-nav>ul {
    padding-inline-start: calc((100vw - 540px) / 2);
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #page-mobile-nav>ul {
    padding-inline-start: calc((100vw - 720px) / 2);
  }
}

@media (max-width: 991.98px) {
  #page-mobile-nav .hamburger-container {
    display: block;
    visibility: visible;
  }

  #page-mobile-nav>ul {
    display: block;
  }
}



/* PAGE ALTERNATIVE */

.force-modal {
  align-items: center;
  -webkit-backdrop-filter: blur(0.5rem);
  backdrop-filter: blur(0.5rem);
  background-color: var(--page-desktop-nav-curtain-color);
  display: flex;
  height: 100vh;
  inset: 0;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  width: 100vw;
  z-index: -1;
}

.force-modal.active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  z-index: 700;
}

html:has(.force-modal.active) {
  overflow: hidden;
}

.force-modal>div {
  background: var(--page-desktop-nav-background-color);
  color: var(--page-desktop-nav-font-color);
  min-width: 18rem;
  padding: 2rem;
  position: relative;
  width: 40%;
}

.force-modal>div a,
.force-modal>div button {
  border-radius: 0.25rem;
  color: inherit;
  display: inline-block;
  font-weight: bold;
  margin-block: 0.5rem;
  margin-inline-end: 0.5rem;
  padding: 0.5rem;
}

.force-modal>div a {
  background: var(--page-content-background-stunning-color);
}

.force-modal>div button {
  background: var(--page-desktop-subnav-background-color);
}



/* PAGE CONTENT */

#page-content {
  margin-block-start: calc(-1 * var(--page-desktop-nav-height));
}



/* PAGE CONTENT HEADER */

#page-content-header {
  background: var(--page-content-header-background-color) url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjgiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMjU1IDI1NSAyNTUgLyAwLjEpIj48cGF0aCBkPSJNMCAuNUgzMS41VjMyIi8+PC9zdmc+') repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: var(--header-height, 200px);
  padding-block-start: calc(125px + 1rem);
  position: relative;
}

#page-content-header::before {
  background: var(--header-background-image, none) 50% 50% no-repeat;
  content: '';
  height: 100%;
  inset: 0;
  opacity: var(--header-background-opacity, 0.3);
  position: absolute;
  width: 100%;
  z-index: 0;
}

#page-content-header::after {
  clear: both;
  content: '';
  display: block;
}

#page-content-header h1 {
  animation: page-content-header-animation 0.6s forwards;
  background: linear-gradient(to bottom, var(--page-content-header-font-color) 30%, var(--page-content-header-font-gradient-color) 90%);
  background-clip: text;
  color: transparent;
  font-size: clamp(2rem, 1.275rem + 3.1275vw, 3.3rem);
  font-weight: 900;
  opacity: 0;
  overflow: hidden;
  padding-block-end: 1rem;
  text-overflow: ellipsis;
  z-index: 1;
}

#page-content-header:has(.page-description) h1 {
  padding-block-end: 0;
}

@keyframes page-content-header-animation {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

#page-content-header .page-content-description {
  animation: page-content-description-animation 0.45s 0.3s forwards;
  -webkit-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(0.25rem);
  background: var(--page-content-header-description-background-color);
  opacity: 0;
  padding-block: 0.5rem;
  z-index: 2;
}

@keyframes page-content-description-animation {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

#page-content-header .page-content-description p {
  color: var(--page-content-header-description-font-color);
  font-size: clamp(0.825rem, 0.725rem + 0.5vw, 1rem);
  margin-block-end: 0;
  text-shadow: 1px 1px 1px var(--page-content-header-description-shadow-color);
}

#page-content-header .page-content-breadcrumb {
  font-size: clamp(0.675rem, 0.5rem + 0.5vw, 0.825rem);
}

#page-content-header .page-content-breadcrumb ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

#page-content-header .page-content-breadcrumb ul li+li:nth-child(2n)::before,
#page-content-header .page-content-breadcrumb ul li+li:nth-child(2n):not(:last-child)::after {
  content: "/";
  float: inline-start;
  margin-inline: 0.5rem;
}

#page-content-header .page-content-breadcrumb a {
  color: inherit;
}

@media (max-width: 991.98px) {
  #page-content-header .page-content-description:not(:has(p)) {
    display: none;
  }

  #page-content-header .page-content-breadcrumb {
    display: none;
  }
}



/* PAGE FOOTER */

#page-footer {
  background: var(--page-footer-background-color);
  color: var(--page-footer-font-color);
  cursor: default;
  overflow: hidden;
  padding-block: 1rem;
  -webkit-user-select: none;
  user-select: none;
}

#page-footer .page-up-container {
  display: grid;
  place-items: center;
}

#page-footer #page-up {
  cursor: pointer;
  fill: var(--page-footer-font-color);
  opacity: 0.6;
  transform: translateY(0);
}

#page-footer #page-up:hover {
  animation: page-up-animation 1s ease infinite;
}

@keyframes page-up-animation {

  0%,
  100% {
    opacity: 0.6;
    transform: translateY(0);
  }

  50% {
    opacity: 1;
    transform: translateY(-0.25rem);
  }
}

#page-footer .brand-container {
  display: flex;
  justify-content: space-between;
}

#page-footer .social-icons a {
  filter: var(--page-footer-font-color-filter);
  margin-inline: 0.5rem;
}

#page-footer .social-icons img {
  display: inline-block;
}

#page-footer .social-icons a.linkedin:hover {
  filter: invert(23%) sepia(70%) saturate(4129%) hue-rotate(185deg) brightness(96%) contrast(101%);
}

#page-footer .social-icons a.instagram:hover {
  filter: invert(31%) sepia(36%) saturate(3740%) hue-rotate(316deg) brightness(90%) contrast(96%);
}

#page-footer .social-icons a.pinterest:hover {
  filter: invert(16%) sepia(99%) saturate(5730%) hue-rotate(345deg) brightness(86%) contrast(111%);
}

#page-footer .social-icons a.youtube:hover {
  filter: invert(14%) sepia(85%) saturate(6472%) hue-rotate(4deg) brightness(93%) contrast(127%);
}

#page-footer .social-icons a.x-twitter:hover {
  filter: invert(0%) sepia(7%) saturate(29%) hue-rotate(279deg) brightness(90%) contrast(101%);
}

#page-footer .social-icons a.facebook:hover {
  filter: invert(37%) sepia(49%) saturate(3973%) hue-rotate(202deg) brightness(96%) contrast(98%);
}

#page-footer hr {
  --hr-color: var(--page-footer-divider-color);
  margin-block: 1rem;
}

#page-footer .nav {
  display: grid;
  grid-template-columns: auto auto auto auto;
  justify-content: space-between;
  margin-block-end: 2rem;
}

#page-footer .nav header {
  font-weight: 600;
  padding-block-end: 0.5rem;
}

#page-footer .nav header a {
  --border-color: var(--page-footer-font-color);
  color: inherit;
  text-decoration: none;
}

#page-footer .nav ul {
  font-weight: 300;
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

#page-footer .nav ul li {
  padding-block: 0.25rem;
}

#page-footer .nav ul li a {
  --border-color: var(--page-footer-font-color);
  color: inherit;
  text-decoration: none;
}

#page-footer .legal ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875em;
  font-weight: 300;
  justify-content: center;
  line-height: 1.2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

#page-footer .legal ul li {
  border-inline-end: 1px solid var(--page-footer-divider-color);
  padding-inline: 1rem;
  white-space: nowrap;
}

#page-footer .legal ul li:last-child {
  border-inline-end: none;
}

#page-footer .legal ul li a {
  --border-color: var(--page-footer-font-color);
  color: inherit;
  text-decoration: none;
}

#page-footer .copyright-container {
  font-size: 0.75em;
  line-height: 1.2rem;
  opacity: 0.5;
  text-align: center;
}

#page-footer .elmasgunes-container {
  font-size: 0.875em;
  line-height: 1.2rem;
  margin-block: 0.5rem;
  text-align: center;
}

#page-footer .elmasgunes-container span {
  opacity: 0.5;
}

#page-footer .elmasgunes-container a {
  border-radius: 0.25rem;
  color: inherit;
  display: inline-block;
  margin-inline: 0.25rem;
  opacity: 0.5;
  padding: 0.25rem;
  text-decoration: none;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.6, 1), background-color 0.5s cubic-bezier(0.4, 0, 0.6, 1);
}

#page-footer .elmasgunes-container a:hover {
  background-color: rgba(45, 145, 245, 0.2);
  opacity: 1;
}

#page-footer .elmasgunes-container a img {
  vertical-align: text-bottom;
}

@media (max-width: 575.98px) {
  #page-footer .brand-container {
    display: grid;
  }

  #page-footer .brand-container>div {
    margin-block: 0.5rem;
  }

  #page-footer .nav {
    grid-template-columns: 1fr;
  }

  #page-footer .nav div {
    padding-block-start: 1rem;
  }

  #page-footer .nav div:has(header) ul {
    display: none;
  }

  #page-footer .legal ul {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: space-between;
  }

  #page-footer .legal ul li {
    border-inline-end: 0;
    padding-block: 0.25rem;
    padding-inline: 0;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  #page-footer {
    font-size: 0.875rem;
  }
}



/* PAGE DISCLAIMER */

#page-disclaimer {
  -webkit-backdrop-filter: saturate(180%) blur(2rem);
  backdrop-filter: saturate(180%) blur(2rem);
  background-color: var(--page-disclaimer-background-color);
  border-block-start: 1px solid var(--page-disclaimer-border-color);
  color: var(--page-disclaimer-font-color);
  cursor: default;
  font-size: 0.875em;
  font-weight: 300;
  inset-block-end: 0;
  line-height: 1.2rem;
  padding: 1rem;
  position: sticky;
  text-align: center;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), visibility 0.3s step-end;
  -webkit-user-select: none;
  user-select: none;
  z-index: 100;
}

#page-disclaimer.closing {
  opacity: 0;
  visibility: hidden;
}

#page-disclaimer.hidden {
  display: none;
}

#page-disclaimer .disclaimer-container {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
}

#page-disclaimer .disclaimer-container div {
  padding-inline: 1rem;
}

#page-disclaimer .disclaimer-container .button {
  background-color: var(--page-disclaimer-button-background-color);
  color: var(--page-disclaimer-button-font-color);
  margin: 0.25rem;
}

#page-disclaimer .disclaimer-container .link {
  background-color: transparent;
  color: var(--page-disclaimer-button-background-color);
  margin: 0.25rem;
}

@media (max-width: 575.98px) {
  #page-disclaimer {
    max-height: 5rem;
    overflow-y: auto;
  }

  #page-disclaimer .disclaimer-container {
    grid-template-columns: auto;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  #page-disclaimer .disclaimer-container .button {
    display: block;
  }
}