@layer setup, components, pages, utilities;
:root {
  --clr-white: #FFFFFF;
  --clr-black: #13110C;
  --clr-orange-400: #E4610C;
  --clr-orange-500: #d65c0b;
  --clr-teal-400: #5C9183;
  --clr-teal-500: #548578;
  --clr-olive-400: #8E9854;
  --clr-olive-500: #838c4d;
  --clr-darkBlue-400: #2A5E84;
  --clr-darkBlue-500: #265678;
  --clr-lightBlue-400: #00B8FF;
  --clr-darkGreen-400: #414a38;
  --clr-darkGreen-500: #3b4232;
  --clr-brown-300: #A89E78;
  --clr-brown-400: #A28457;
  --clr-brown-600: #8C652D;
  --clr-beige-100: #fffbf5;
  --clr-beige-300: #FFECC3;
  --clr-beige-400: #FFE2AC;
  --clr-gray-100: #edf2ed;
  --clr-gray-200: #949494;
  --clr-gray-300: #707070;
  --clr-gray-400: #414A38;
  --font: 'Libre Franklin';
  --text-size-1: 1.75rem;
  --text-size-2: 1.5rem;
  --text-size-3: 1.375rem;
  --text-size-4: 1.25rem;
  --text-size-5: 1.125rem;
  --text-size-6: 1rem;
  --text-size-7: .875rem;
}
@media (min-width: 992px) {
  :root {
    --text-size-1: 1.875rem;
    --text-size-2: 1.75rem;
    --text-size-3: 1.5625rem;
    --text-size-4: 1.25rem;
    --text-size-5: 1.125rem;
    --text-size-6: 1rem;
    --text-size-7: .875rem;
  }
}
:root {
  --leading-none: 1;
  --leading-tight: 1.1;
  --leading-snug: 1.2;
  --leading-relaxed: 1.5;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --container-sm: 76rem;
  --container-md: 84rem;
  --container-lg: 96rem;
  --shadow-sm: 0.1875rem 0.1875rem .375rem color-mix(in srgb, var(--clr-black) 12%, transparent);
}

@layer setup {
  *, *::before, *::after {
    box-sizing: border-box;
  }
  * {
    margin: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    html {
      interpolate-size: allow-keywords;
    }
  }
  img, picture, video, canvas, svg, iframe {
    display: block;
    max-width: 100%;
    height: auto;
  }
  input, button, textarea, select {
    font: inherit;
  }
  p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
  }
  p {
    text-wrap: pretty;
  }
  h1, .h1,
  h2, .h2,
  h3, .h3,
  h4, .h4,
  h5, .h5,
  h6, .h6 {
    text-wrap: balance;
  }
}
@layer setup {
  * {
    padding: 0;
    scroll-margin-block: calc(var(--header-height, 5rem) + 2rem);
  }
  html {
    font-family: var(--font), sans-serif;
    font-size: var(--text-size-6);
    line-height: var(--leading-relaxed);
    font-weight: var(--font-normal);
    font-optical-sizing: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--clr-gray-400);
  }
  body {
    min-height: 100dvh;
    overscroll-behavior: contain;
    overflow-x: clip;
    background-color: var(--clr-white);
  }
  .container {
    width: 100%;
    margin-inline: auto;
    padding-inline: 1rem;
  }
  @media (min-width: 768px) {
    .container {
      padding-inline: 1.5rem;
    }
  }
  @media (min-width: 992px) {
    .container {
      padding-inline: 2rem;
    }
  }
  @media (min-width: 1280px) {
    .container {
      padding-inline: 3rem;
    }
  }
  @media (min-width: 1480px) {
    .container {
      padding-inline: 4rem;
    }
  }
  .container .container {
    padding-inline: 0;
  }
  .container-bleed {
    padding-inline: 0;
  }
  .container-sm {
    max-width: var(--container-sm, 76rem);
  }
  .container-md {
    max-width: var(--container-md, 84rem);
  }
  .container-lg {
    max-width: var(--container-lg, 96rem);
  }
}
@layer setup {
  h1, .h1,
  h2, .h2,
  h3, .h3,
  h4, .h4,
  h5, .h5,
  h6, .h6 {
    margin-block: 2rem 1rem;
    line-height: var(--leading-snug);
    font-weight: var(--font-bold);
  }
  h1.decorated, .h1.decorated,
  h2.decorated, .h2.decorated,
  h3.decorated, .h3.decorated,
  h4.decorated, .h4.decorated,
  h5.decorated, .h5.decorated,
  h6.decorated, .h6.decorated {
    color: var(--clr-orange-400);
  }
  h1.decorated::after, .h1.decorated::after,
  h2.decorated::after, .h2.decorated::after,
  h3.decorated::after, .h3.decorated::after,
  h4.decorated::after, .h4.decorated::after,
  h5.decorated::after, .h5.decorated::after,
  h6.decorated::after, .h6.decorated::after {
    content: "";
    display: block;
    width: 5.5rem;
    height: 0.0625rem;
    background: var(--clr-orange-400);
    margin-block-start: 0.75rem;
  }
  h1, .h1 {
    font-size: var(--text-size-1);
  }
  h2, .h2 {
    font-size: var(--text-size-2);
  }
  h3, .h3 {
    font-size: var(--text-size-3);
  }
  h4, .h4 {
    font-size: var(--text-size-4);
  }
  h5, .h5 {
    font-size: var(--text-size-5);
  }
  h6, .h6 {
    font-size: var(--text-size-6);
  }
  p, .p,
  ul, ol {
    margin-block: 1rem;
    font-size: var(--text-size-6);
    line-height: var(--leading-relaxed);
  }
  ul, ol {
    padding-inline-start: 1rem;
  }
  li + li {
    margin-block-start: 0.5rem;
  }
  b, strong {
    font-weight: var(--font-bold);
  }
  small, .small {
    font-size: 0.75em;
  }
  address {
    font-style: normal;
  }
  a {
    color: var(--clr-lightBlue-400);
    text-decoration: underline;
    text-underline-offset: 0.25em;
  }
  a:hover {
    text-decoration: none;
  }
  hr {
    margin-block: 2rem;
    border: 0;
    height: 0.0625rem;
    background-color: var(--clr-gray-400);
  }
  img {
    font-size: var(--text-size-7);
    place-content: center;
  }
}
@layer setup {
  .btn {
    --clr-text: var(--clr-gray-400);
    --clr-text-hover: var(--clr-gray-400);
    --clr-bg: transparent;
    --clr-bg-hover: transparent;
    --clr-border: transparent;
    --clr-border-hover: transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    font-size: var(--text-size-7);
    line-height: var(--leading-tight);
    font-weight: var(--font-medium);
    text-align: center;
    border-radius: 9999px;
    padding: 0.75rem;
    min-width: 12ch;
    cursor: pointer;
    color: var(--clr-text);
    background: var(--clr-bg);
    border: 0.0625rem solid var(--clr-border);
  }
  .btn:hover {
    color: var(--clr-text-hover);
    background: var(--clr-bg-hover);
    border: 0.0625rem solid var(--clr-border-hover);
    text-decoration: none;
  }
  .btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .btn-outline {
    --clr-bg-hover: var(--clr-gray-100);
    --clr-border: currentColor;
    --clr-border-hover: currentColor;
    text-decoration: none;
  }
  .btn-outline.btn-orange {
    --clr-text: var(--clr-orange-400);
    --clr-text-hover: var(--clr-white);
    --clr-bg-hover: var(--clr-orange-400);
    --clr-border: var(--clr-orange-400);
    --clr-border-hover: var(--clr-orange-400);
  }
  .btn-outline.btn-teal {
    --clr-text: var(--clr-teal-400);
    --clr-text-hover: var(--clr-white);
    --clr-bg-hover: var(--clr-teal-400);
    --clr-border: var(--clr-teal-400);
    --clr-border-hover: var(--clr-teal-400);
  }
  .btn-outline.btn-olive {
    --clr-text: var(--clr-olive-400);
    --clr-text-hover: var(--clr-white);
    --clr-bg-hover: var(--clr-olive-400);
    --clr-border: var(--clr-olive-400);
    --clr-border-hover: var(--clr-olive-400);
  }
  .btn-outline.btn-darkBlue {
    --clr-text: var(--clr-darkBlue-400);
    --clr-text-hover: var(--clr-white);
    --clr-bg-hover: var(--clr-darkBlue-400);
    --clr-border: var(--clr-darkBlue-400);
    --clr-border-hover: var(--clr-darkBlue-400);
  }
  .btn-outline.btn-darkGreen {
    --clr-text: var(--clr-darkGreen-400);
    --clr-text-hover: var(--clr-white);
    --clr-bg-hover: var(--clr-darkGreen-400);
    --clr-border: var(--clr-darkGreen-400);
    --clr-border-hover: var(--clr-darkGreen-400);
  }
  .btn-outline.btn-light {
    --clr-text: var(--clr-beige-300);
    --clr-text-hover: var(--clr-darkGreen-400);
    --clr-bg: transparent;
    --clr-hover: var(--clr-beige-300);
    --clr-border: var(--clr-beige-300);
    --clr-border-hover: var(--clr-beige-300);
  }
  .btn-full {
    --clr-text: var(--clr-gray-400);
    --clr-text-hover: var(--clr-white);
    --clr-bg: var(--clr-gray-100);
    --clr-bg-hover: var(--clr-gray-400);
    --clr-border: var(--clr-gray-400);
    --clr-border-hover: var(--clr-gray-400);
    text-decoration: none;
  }
  .btn-full.btn-orange {
    --clr-text: var(--clr-white);
    --clr-text-hover: var(--clr-white);
    --clr-bg: var(--clr-orange-400);
    --clr-bg-hover: var(--clr-orange-500);
    --clr-border: var(--clr-orange-400);
    --clr-border-hover: var(--clr-orange-500);
  }
  .btn-full.btn-teal {
    --clr-text: var(--clr-white);
    --clr-text-hover: var(--clr-white);
    --clr-bg: var(--clr-teal-400);
    --clr-bg-hover: var(--clr-teal-500);
    --clr-border: var(--clr-teal-400);
    --clr-border-hover: var(--clr-teal-500);
  }
  .btn-full.btn-olive {
    --clr-text: var(--clr-white);
    --clr-text-hover: var(--clr-white);
    --clr-bg: var(--clr-olive-400);
    --clr-bg-hover: var(--clr-olive-500);
    --clr-border: var(--clr-olive-400);
    --clr-border-hover: var(--clr-olive-500);
  }
  .btn-full.btn-darkBlue {
    --clr-text: var(--clr-white);
    --clr-text-hover: var(--clr-white);
    --clr-bg: var(--clr-darkBlue-400);
    --clr-bg-hover: var(--clr-darkBlue-500);
    --clr-border: var(--clr-darkBlue-400);
    --clr-border-hover: var(--clr-darkBlue-500);
  }
  .btn-full.btn-darkGreen {
    --clr-text: var(--clr-beige-300);
    --clr-text-hover: var(--clr-beige-300);
    --clr-bg: var(--clr-darkGreen-400);
    --clr-bg-hover: var(--clr-darkGreen-500);
    --clr-border: var(--clr-darkGreen-400);
    --clr-border-hover: var(--clr-darkGreen-500);
  }
  .btn-full.btn-light {
    --clr-text: var(--clr-darkGreen-400);
    --clr-text-hover: var(--clr-beige-300);
    --clr-bg: var(--clr-white);
    --clr-bg-hover: var(--clr-darkGreen-400);
    --clr-border: var(--clr-white);
    --clr-border-hover: var(--clr-darkGreen-400);
  }
}
@layer setup {
  .checkbox {
    --clr-theme: var(--clr-orange-400);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
  }
  .checkbox:hover input {
    background: var(--clr-gray-100);
  }
  .checkbox input {
    appearance: none;
    align-self: start;
    width: 2rem;
    height: 2rem;
    border: 0.0625rem solid var(--clr-theme);
    border-radius: 50%;
    cursor: pointer;
  }
  .checkbox input:checked {
    background: var(--clr-theme);
    background-image: url("/assets/svg/checkmark-white.svg");
    background-position: center;
    background-size: contain;
  }
  .checkbox span {
    flex: 1;
  }
  .checkboxes {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    grid-gap: 1rem 2rem;
    align-items: start;
  }
  @media (min-width: 768px) {
    .checkboxes {
      grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    }
  }
  @media (min-width: 992px) {
    .checkboxes {
      grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
    }
  }
}
@layer setup {
  label {
    display: block;
  }
  label:has(+ input, + select, + textarea) {
    margin-block-end: 0.5rem;
  }
  input:not([type=checkbox], [type=radio]),
  select,
  textarea {
    display: block;
    width: 100%;
    height: auto;
    font-style: var(--text-size-6);
    font-weight: var(--font-normal);
    line-height: var(--leading-snug);
    padding: 0.5rem 0.75rem;
    border: 0;
    background: var(--clr-white);
    border-radius: 0.5rem;
    box-shadow: var(--shadow-sm);
  }
  input[type=date],
  select {
    cursor: pointer;
  }
  textarea {
    resize: vertical;
    min-height: 4.75rem;
  }
}
@layer components {
  .header {
    position: sticky;
    top: 0;
    background-color: var(--clr-beige-300);
    padding-block: 0.75rem;
    z-index: 20;
  }
  @media (min-width: 992px) {
    .header {
      padding-block: 1rem;
    }
  }
  .header__inner {
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-content: space-between;
  }
  .header__logo {
    flex: none;
    position: relative;
    z-index: 2;
  }
  .header__logo img {
    width: auto;
    height: 3rem;
  }
  @media (min-width: 992px) {
    .header__logo img {
      height: 4rem;
    }
  }
  @media (min-width: 1280px) {
    .header__logo img {
      height: 5.25rem;
    }
  }
  .header__menu-toggle {
    --gap: .375rem;
    width: 2.5rem;
    height: 2.5rem;
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gap);
    background: none;
    border: 0;
    position: relative;
    z-index: 2;
  }
  @media (min-width: 992px) {
    .header__menu-toggle {
      display: none;
    }
  }
  .header__menu-toggle span {
    width: 1.625rem;
    height: 0.125rem;
    background-color: currentColor;
  }
  .header--nav-open .header__menu-toggle span:nth-child(2) {
    opacity: 0;
  }
  .header--nav-open .header__menu-toggle span:nth-child(1) {
    transform: translateY(var(--gap)) translateY(0.125rem) rotate(45deg);
  }
  .header--nav-open .header__menu-toggle span:nth-child(3) {
    transform: translateY(calc(-1 * var(--gap))) translateY(-0.125rem) rotate(-45deg);
  }
  .header__nav {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
    position: fixed;
    inset: 0;
    z-index: 1;
    background-color: var(--clr-beige-300);
    padding-block: 8rem;
    padding-inline: 1rem;
    overflow: auto;
    overscroll-behavior: contain;
  }
  @media (min-width: 992px) {
    .header__nav {
      display: flex;
      align-items: center;
      flex-direction: row;
      gap: 2rem;
      position: static;
      background: none;
      padding: 0;
      overflow: visible;
    }
  }
  @media (min-width: 1280px) {
    .header__nav {
      gap: 3rem;
    }
  }
  .header--nav-open .header__nav {
    display: flex;
  }
  .header__nav_links {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  @media (min-width: 992px) {
    .header__nav_links {
      align-items: end;
      gap: 1.75rem;
    }
  }
  .header__nav__quicklinks,
  .header__nav__mainlinks {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: var(--text-size-3);
    text-align: center;
    font-weight: var(--font-medium);
  }
  @media (min-width: 992px) {
    .header__nav__quicklinks,
    .header__nav__mainlinks {
      display: flex;
      align-items: baseline;
      text-align: left;
    }
  }
  @media (min-width: 992px) {
    .header__nav__quicklinks li + li,
    .header__nav__mainlinks li + li {
      margin-block-start: 0;
    }
  }
  .header__nav__quicklinks a,
  .header__nav__mainlinks a {
    color: var(--clr-gray-400);
    text-decoration: none;
  }
  .header__nav__quicklinks a:hover,
  .header__nav__mainlinks a:hover {
    text-decoration: underline;
  }
  @media (min-width: 992px) {
    .header__nav__quicklinks {
      font-size: var(--text-size-7);
      font-weight: var(--font-normal);
      gap: 1rem;
    }
  }
  .header__nav__mainlinks {
    order: -1;
    position: relative;
  }
  @media (min-width: 992px) {
    .header__nav__mainlinks {
      order: 0;
      font-size: var(--text-size-5);
      gap: 0.5rem;
    }
  }
  @media (min-width: 1280px) {
    .header__nav__mainlinks {
      gap: 1rem;
    }
  }
  .header__nav__mainlinks > li {
    --clr-theme: var(--clr-brown-600);
  }
  .header__nav__mainlinks > li:nth-child(2) {
    --clr-theme: var(--clr-darkGreen-400);
  }
  @media (min-width: 992px) {
    .header__nav__mainlinks > li:has(> div) > a {
      padding: 0.5rem 1rem;
    }
  }
  .header__nav__mainlinks > li:not(:has(> div)) {
    margin-left: 1rem;
  }
  @media (min-width: 992px) {
    .header__nav__mainlinks > li:hover:has(> div) > a {
      color: var(--clr-white);
      background: var(--clr-theme);
      text-decoration: none;
      position: relative;
    }
    .header__nav__mainlinks > li:hover:has(> div) > a::after {
      content: "";
      position: absolute;
      inset-block-start: 100%;
      inset-inline: 0;
      background: var(--clr-theme);
      height: 0.5rem;
    }
  }
  @media (min-width: 992px) {
    .header__nav__mainlinks > li:hover > div,
    .header__nav__mainlinks > li:focus-within > div {
      display: grid;
    }
  }
  .header__nav__mainlinks > li > div {
    display: none;
    position: absolute;
    top: calc(100% + 0.5rem);
    inset-inline: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 2rem;
    border-block-start: 0.25rem solid var(--clr-theme);
    background: var(--clr-white);
  }
  .header__nav__mainlinks > li > div p {
    grid-row: 1;
    margin-block: 0 0.75rem;
    font-weight: var(--font-bold);
    text-transform: uppercase;
  }
  .header__nav__mainlinks > li > div p:not(:first-child) {
    padding-inline-start: 1rem;
  }
  .header__nav__mainlinks > li > div:has(p) ul, .header__nav__mainlinks > li > div:has(p) img {
    grid-row: 2;
  }
  .header__nav__mainlinks > li > div:has(ul:nth-of-type(3)) img {
    margin-block-start: 4rem;
    margin-inline-start: 0.5rem;
  }
  .header__nav__mainlinks > li > div img {
    grid-row: 1;
    grid-column: 3;
    pointer-events: none;
    align-self: end;
  }
  .header__nav__mainlinks > li > div ul {
    list-style: none;
    margin-block: 0;
    grid-row: 1;
  }
  .header__nav__mainlinks > li > div ul:nth-of-type(1) {
    grid-column: 1;
  }
  .header__nav__mainlinks > li > div ul:nth-of-type(2) {
    grid-column: 2;
  }
  .header__nav__mainlinks > li > div ul:nth-of-type(3) {
    grid-column: 3;
  }
  .header__nav__mainlinks > li > div ul li + li {
    margin-block-start: 0.75rem;
  }
  .header__nav__mainlinks > li > div > ul {
    padding: 0;
  }
  .header__nav__mainlinks > li > div > ul:not(:nth-of-type(3)) {
    padding-inline-end: 1rem;
    border-inline-end: 0.0625rem solid var(--clr-theme);
  }
  .header__nav__mainlinks > li > div > ul:not(:first-of-type) {
    padding-inline-start: 1rem;
  }
  .header__nav__mainlinks > li > div ul ul {
    font-size: var(--text-size-7);
    margin-block-start: 0.75rem;
  }
  @media (min-width: 992px) {
    a.header__nav__mainlinks__contact {
      display: block;
      padding: 0.25em 1em;
      background-color: var(--clr-gray-400);
      color: var(--clr-beige-300);
      border-radius: 0.25rem;
    }
  }
  @media (min-width: 992px) {
    a.header__nav__mainlinks__contact:hover {
      text-decoration: none;
      background-color: var(--clr-gray-300);
    }
  }
  .header__nav__certification a {
    display: block;
    transition: transform 0.2s ease-in-out;
    will-change: transform;
  }
  .header__nav__certification a:hover {
    transform: scale(1.05);
  }
  .header__nav__certification img {
    width: auto;
    height: 5.75rem;
  }
  @media (min-width: 992px) {
    .header__nav__certification img {
      height: 4.5rem;
    }
  }
  @media (min-width: 1480px) {
    .header__nav__certification img {
      height: 5.75rem;
    }
  }
}
@layer components {
  .breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem;
    list-style: none;
    margin-block: 0;
    padding: 0;
    font-size: var(--text-size-7);
    line-height: var(--leading-tight);
  }
  .breadcrumbs li + li {
    margin-block-start: 0;
    display: flex;
    align-items: baseline;
  }
  .breadcrumbs li + li::before {
    content: ">";
    margin-inline-end: 0.25rem;
  }
  .breadcrumbs a {
    color: currentColor;
    text-decoration: none;
  }
  .breadcrumbs a:hover {
    text-decoration: underline;
  }
}
@layer components {
  .intro {
    position: relative;
    padding-block: 4rem;
  }
  @media (min-width: 768px) {
    .intro {
      padding-block: 6rem 4rem;
    }
  }
  @media (min-width: 992px) {
    .intro {
      padding-block: 8rem 4rem;
    }
  }
  .intro__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
  }
  .intro__bg img {
    width: 100%;
    background: linear-gradient(to bottom, var(--clr-beige-300) 50%, transparent 50%);
  }
  .intro__bg--alternate img {
    background: linear-gradient(to bottom, var(--clr-beige-300) 75%, transparent 75%);
  }
  .intro__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
  }
  .intro__inner * {
    margin-block: 0;
  }
  .intro__title,
  .intro__subtitle {
    text-align: center;
  }
  .intro__title--with-image {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    text-align: left;
  }
  .intro__title--with-image svg {
    flex: none;
    width: auto;
    height: calc(2 * var(--text-size-1));
  }
  .intro__title--with-image .orange {
    color: var(--clr-orange-400);
  }
  .intro__title--with-image .teal {
    color: var(--clr-teal-400);
  }
  .intro__title--with-image .darkBlue {
    color: var(--clr-darkBlue-400);
  }
  .intro__title--with-image .olive {
    color: var(--clr-olive-400);
  }
  .intro__title--with-image h1 {
    max-width: 12ch;
  }
  .intro__subtitle {
    order: -1;
    color: var(--clr-orange-400);
    margin-block-end: 0.5rem;
  }
  .intro__inner .breadcrumbs {
    margin-block-start: 0.5rem;
    justify-content: center;
  }
  .intro__inner .btn {
    margin-block-start: 2rem;
  }
}
@layer components {
  .under-intro {
    margin-inline: auto;
    margin-block-end: 2rem;
    max-width: 32rem;
  }
  @media (min-width: 992px) {
    .under-intro {
      margin-block-end: 3rem;
    }
  }
  .under-intro p {
    margin: 0;
    text-wrap: balance;
    text-align: center;
  }
}
@layer components {
  .tabs__nav {
    border-block: 0.0625rem solid var(--clr-gray-200);
    border-block-start-width: 0.125rem;
    display: flex;
    overflow: auto;
    margin-block: 2rem;
  }
  .tabs__nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-grow: 1;
  }
  .tabs__nav__list li {
    padding: 1rem;
    position: relative;
  }
  @media (min-width: 1280px) {
    .tabs__nav__list li {
      padding-inline: 1.5rem;
    }
  }
  .tabs__nav__list li + li {
    margin-block-start: 0;
  }
  .tabs__nav__list_item {
    text-decoration: none;
    color: currentColor;
    text-wrap: nowrap;
    border: 0;
    background: none;
    cursor: pointer;
  }
  @media (min-width: 992px) {
    .tabs__nav__list_item {
      font-size: var(--text-size-5);
    }
  }
  @media (min-width: 1280px) {
    .tabs__nav__list_item {
      font-size: var(--text-size-4);
    }
  }
  .tabs__nav__list_item.active {
    font-weight: var(--font-bold);
  }
  .tabs__nav__list_item.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 6rem;
    max-width: 100%;
    height: 0.125rem;
    background: currentColor;
  }
}
@layer components {
  .person {
    display: flex;
    flex-direction: column;
  }
  .person__image {
    width: 8rem;
    margin-block-end: 1.5rem;
  }
  @media (min-width: 480px) {
    .person__image {
      width: 10rem;
    }
  }
  @media (min-width: 768px) {
    .person__image {
      width: 12rem;
    }
  }
  @media (min-width: 992px) {
    .person__image {
      width: 14rem;
    }
  }
  @media (min-width: 1280px) {
    .person__image {
      width: auto;
    }
  }
  .person__image img {
    border-radius: 50%;
    border: 0.0625rem solid var(--clr-gray-200);
    background: var(--clr-beige-300);
    text-align: center;
  }
  .person__info {
    margin-block-end: 1rem;
  }
  .person__info h3,
  .person__info p,
  .person__info ul {
    margin-block: 0;
  }
  .person__info h3 {
    margin-block-end: 0.25rem;
  }
  .person__info p {
    font-weight: var(--font-bold);
    margin-block-end: 0.5rem;
  }
  .person__info ul {
    padding: 0;
    list-style: none;
  }
  .person__info ul li + li {
    margin-block-start: 0.25rem;
  }
  .person__info a {
    color: currentColor;
    text-decoration: none;
  }
  .person__info a:hover {
    text-decoration: underline;
  }
  .person__profile {
    position: relative;
  }
  .person__profile[open]::after {
    width: 100%;
  }
  .person__profile::after {
    content: "";
    position: absolute;
    bottom: -0.0625rem;
    left: 0;
    width: 4rem;
    height: 0.1875rem;
    background: var(--clr-gray-300);
  }
  .person__profile summary {
    padding-block: 0.5rem;
  }
  .person__profile summary .h6 {
    font-weight: var(--font-medium);
  }
}
@layer components {
  .news {
    margin-block: 3rem;
  }
  @media (min-width: 992px) {
    .news {
      margin-block: 5rem;
    }
  }
  .news__header {
    margin-block-end: 2rem;
  }
  .news__header img,
  .news__box__border {
    display: none;
  }
  @media (min-width: 992px) {
    .news__inner {
      display: grid;
      grid-gap: 2rem 4.5rem;
      align-items: start;
      grid-template-columns: 1fr 1fr;
    }
  }
  .news__inner h2 {
    grid-column: 1/-1;
  }
  .news__articles {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
  }
  .news__article {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding-block-end: 0.875rem;
    border-block-end: 0.0625rem solid var(--clr-brown-300);
    position: relative;
  }
  .news__article::after {
    content: "";
    display: none;
    position: absolute;
    left: 0;
    bottom: -0.0625rem;
    width: 100%;
    height: 0.1875rem;
    background: var(--clr-gray-300);
    z-index: 1;
    transform: scaleX(0);
    transform-origin: left;
  }
  @media (min-width: 992px) {
    .news__article::after {
      display: block;
    }
  }
  .news__article:hover::after {
    transform: scaleX(0.2);
  }
  .news__article.active::after {
    transform: scaleX(1);
  }
  .news__article h3 {
    margin-block: 0;
  }
  .news__article a {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    justify-content: space-between;
    color: currentColor;
    text-decoration: none;
    font-weight: var(--font-normal);
  }
  .news__article a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
  }
  .news__article__date {
    order: -1;
    margin-block: 0;
    font-size: var(--text-size-7);
    color: var(--clr-gray-300);
  }
  .news__article__toggle {
    display: none;
    position: absolute;
    inset: 0;
    z-index: 2;
    background: none;
    border: 0;
    cursor: pointer;
  }
  @media (min-width: 992px) {
    .news__article__toggle {
      display: block;
    }
  }
  .news__highlights {
    display: none;
  }
  @media (min-width: 992px) {
    .news__highlights {
      display: grid;
    }
  }
  .news__highlight {
    display: none;
    flex-direction: column;
    grid-column: 1;
    grid-row: 1;
  }
  .news__highlight.active {
    display: flex;
  }
  .news__highlight .h2 {
    margin-block: 0 0.5rem;
  }
  .news__highlight .btn {
    align-self: end;
  }
  .news__highlight__content {
    padding-block-end: 1.25rem;
    margin-block-end: 1.25rem;
    border-block-end: 0.0625rem solid currentColor;
  }
  .news__highlight__content p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    overflow: hidden;
    margin: 0;
  }
  .news__more {
    margin-block-start: 1.5rem;
  }
  @media (min-width: 992px) {
    .news__more {
      margin-block-start: 0;
    }
  }
}
@layer components {
  .article + .article {
    margin-block-start: 1.5rem;
  }
  .article {
    display: grid;
    grid-auto-rows: auto;
    grid-template-areas: "image" "info" "content";
    background: var(--clr-white);
  }
  @media (min-width: 480px) {
    .article {
      gap: 2rem;
      align-items: center;
      grid-template-areas: "image info" "content content";
    }
  }
  @media (min-width: 992px) {
    .article {
      height: 12.5rem;
      grid-auto-columns: auto;
      grid-template-columns: 14.625rem minmax(0, 1fr) minmax(0, 1fr);
      align-items: baseline;
      grid-template-areas: "image info content";
      box-shadow: var(--shadow-sm);
    }
  }
  .article__image {
    grid-area: image;
  }
  @media (min-width: 992px) {
    .article__image {
      align-self: start;
      height: 100%;
    }
  }
  .article__image img {
    width: 100%;
    max-height: 12.5rem;
    object-fit: cover;
    background: var(--clr-beige-400);
  }
  @media (min-width: 992px) {
    .article__image img {
      height: 100%;
    }
  }
  .article_info {
    grid-area: info;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-block: 1rem 0.5rem;
  }
  @media (min-width: 480px) {
    .article_info {
      margin-block: 0;
    }
  }
  @media (min-width: 992px) {
    .article_info {
      padding-block: 2rem;
    }
  }
  .article__info__label,
  .article__info__date {
    margin: 0;
  }
  .article__info__date {
    font-weight: var(--font-normal);
  }
  .article__content {
    grid-area: content;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  @media (min-width: 992px) {
    .article__content {
      padding-inline-end: 2rem;
    }
  }
  .article__content__perex {
    margin: 0;
    font-size: var(--text-size-7);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }
  .article__content__actions {
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-content: space-between;
    list-style: none;
    margin-block: auto 0;
    padding: 0;
  }
  .article__content__actions li + li {
    margin-block-start: 0;
  }
  .article__content__actions__poster {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--clr-brown-400);
    font-size: var(--text-size-7);
    text-decoration: none;
  }
  .article__content__actions__poster:hover {
    text-decoration: underline;
  }
  .article__content__actions__poster svg {
    flex: none;
    width: 2rem;
    height: 2rem;
  }
  .article__content__actions__link {
    display: block;
    width: 8rem;
    position: relative;
    text-decoration: none;
    color: currentColor;
  }
  @media (min-width: 1280px) {
    .article__content__actions__link {
      width: 10rem;
    }
  }
  .article__content__actions__link::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.0625rem;
    background: currentColor;
    margin-block-start: 0.25rem;
  }
  .article__content__actions__link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 0.25rem;
    background: currentColor;
    transform: scaleX(0.35);
    transform-origin: left;
    pointer-events: none;
  }
  .article__content__actions__link:hover::before {
    transform: scaleX(1);
  }
}
@layer components {
  .pagination {
    display: flex;
    overflow: auto;
    margin-block: 2rem;
  }
  @media (min-width: 768px) {
    .pagination {
      margin-block: 3rem;
    }
  }
  @media (min-width: 992px) {
    .pagination {
      margin-block: 4rem;
    }
  }
  .pagination__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.125rem;
    flex-grow: 1;
  }
  @media (min-width: 992px) {
    .pagination__list {
      font-size: var(--text-size-5);
    }
  }
  .pagination__list li + li {
    margin-block-start: 0;
  }
  .pagination__list li:first-child,
  .pagination__list li:last-child {
    flex-grow: 1;
  }
  .pagination__list li:first-child {
    display: flex;
    justify-content: flex-end;
    margin-inline-end: 0.878rem;
  }
  .pagination__list li:last-child {
    margin-inline-start: 0.878rem;
  }
  .pagination__list__nav-button {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    color: currentColor;
  }
  .pagination__list__nav-button:not(.disabled):hover {
    text-decoration: underline;
  }
  .pagination__list__nav-button.disabled {
    opacity: 0.5;
  }
  .pagination__list__nav-button img {
    flex: none;
  }
  .pagination__list__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2.5rem;
    color: currentColor;
    text-decoration: none;
  }
  .pagination__list__item.active {
    color: var(--clr-white);
    background: var(--clr-orange-400);
  }
}
@layer components {
  .accordion {
    border-block-end: 0.0625rem solid var(--clr-gray-200);
  }
  .accordion[open] .accordion__toggle > svg {
    transform: rotate(180deg);
  }
  .accordion__toggle {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-block: 1rem;
    cursor: pointer;
  }
  @media (min-width: 992px) {
    .accordion__toggle {
      padding-block: 1.5rem;
    }
  }
  .accordion__toggle ::marker {
    display: none;
  }
  .accordion__toggle h1, .accordion__toggle .h1,
  .accordion__toggle h2, .accordion__toggle .h2,
  .accordion__toggle h3, .accordion__toggle .h3,
  .accordion__toggle h4, .accordion__toggle .h4,
  .accordion__toggle h5, .accordion__toggle .h5,
  .accordion__toggle h6, .accordion__toggle .h6 {
    margin-block: 0;
    font-weight: var(--font-normal);
  }
  .accordion__toggle > svg {
    flex: none;
    margin-inline-start: auto;
  }
  .accordion__content {
    max-width: 80ch;
    padding-block-end: 1rem;
  }
  @media (min-width: 992px) {
    .accordion__content {
      padding-block-end: 1.5rem;
    }
  }
  .accordion__content > *:first-child {
    margin-block-start: 0;
  }
  .accordion__content > *:last-child {
    margin-block-end: 0;
  }
}
@layer components {
  .activities {
    position: relative;
    z-index: 2;
    margin-block: 3rem;
  }
  @media (min-width: 992px) {
    .activities {
      margin-block: 6rem;
    }
  }
  @media (min-width: 1280px) {
    .activities {
      margin-block: 8rem;
    }
  }
  .activities__inner h2 {
    text-align: center;
    margin-block: 0 2rem;
  }
  .activities__inner h2::after {
    margin-inline: auto;
  }
  .activities__border {
    display: none;
  }
  .activities__rocks {
    display: none;
  }
  .activities__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 3rem;
  }
  .activities__list__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 24rem;
    min-width: 18rem;
    flex: 1;
  }
  .activities__list__item h3 {
    margin-block: 1.25rem 1rem;
  }
  .activities__list__item p {
    font-size: var(--text-size-7);
    margin-block: 0 1.25rem;
    text-wrap: balance;
  }
  .activities__list__item .btn {
    padding-inline: 2.5rem;
    margin-block-start: auto;
  }
  .activities__list__item__image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8rem;
    height: 8rem;
    margin-inline: auto;
    border-radius: 50%;
    border: 0.125rem solid var(--clr-darkGreen-400);
  }
  .activities__list__item__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .activities__list__item__image--overflowing img {
    transform: scale(1.6);
  }
  .activities__list__item__image--overflowing-top img {
    transform: scale(1.4) translateY(-12%);
  }
  .activities__list__item__image--overflowing-top2 img {
    transform: scale(1.5) translateY(-5%);
  }
}
@layer components {
  .gallery {
    margin-block: 3rem;
    position: relative;
    z-index: 1;
  }
  @media (min-width: 768px) {
    .gallery {
      margin-block: 5rem;
    }
  }
  @media (min-width: 992px) {
    .gallery {
      margin-block: 8rem;
    }
  }
  .gallery h2 {
    margin-block: 0 2rem;
  }
  .gallery__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 0.25rem;
  }
  @media (min-width: 768px) {
    .gallery__list {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .gallery__list figure {
    background: var(--clr-beige-400);
  }
  .gallery__list figure img {
    width: 100%;
  }
}
@layer components {
  .galleries {
    margin-block: 3rem;
    position: relative;
    z-index: 1;
  }
  @media (min-width: 768px) {
    .galleries {
      margin-block: 5rem;
    }
  }
  @media (min-width: 992px) {
    .galleries {
      margin-block: 8rem;
    }
  }
  .galleries h2 {
    margin-block: 0 2rem;
  }
  .galleries__list {
    display: grid;
    gap: 0.125rem;
  }
  @media (min-width: 480px) {
    .galleries__list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .galleries__list {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .galleries__list__gallery {
    display: grid;
    position: relative;
    overflow: hidden;
  }
  .galleries__list__gallery:hover::after, .galleries__list__gallery:focus-within::after {
    opacity: 0;
  }
  .galleries__list__gallery:hover .galleries__list__gallery__header, .galleries__list__gallery:focus-within .galleries__list__gallery__header {
    opacity: 0;
  }
  .galleries__list__gallery:hover .galleries__list__gallery__button, .galleries__list__gallery:focus-within .galleries__list__gallery__button {
    background: color-mix(in srgb, var(--clr-white) 75%, transparent);
  }
  .galleries__list__gallery:hover .galleries__list__gallery__button:hover, .galleries__list__gallery:focus-within .galleries__list__gallery__button:hover {
    background: color-mix(in srgb, var(--clr-white) 85%, transparent);
  }
  .galleries__list__gallery::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--clr-black);
    opacity: 0.5;
    z-index: 2;
    pointer-events: none;
  }
  .galleries__list__gallery__header,
  .galleries__list__gallery__scroller {
    grid-column: 1;
    grid-row: 1;
  }
  .galleries__list__gallery__header {
    text-align: center;
    z-index: 3;
    pointer-events: none;
    align-self: center;
    color: var(--clr-white);
    position: relative;
  }
  .galleries__list__gallery__header p {
    line-height: var(--leading-tight);
    margin-block: 0;
  }
  .galleries__list__gallery__header p:first-child {
    font-size: var(--text-size-7);
  }
  .galleries__list__gallery__header p:last-child {
    margin-block-start: 0.25rem;
    font-size: var(--text-size-5);
    text-transform: uppercase;
  }
  .galleries__list__gallery__scroller {
    z-index: 1;
    width: 100%;
    overflow: auto;
    scroll-snap-type: x mandatory;
  }
  .galleries__list__gallery__scroller::-webkit-scrollbar {
    display: none;
  }
  .galleries__list__gallery__list {
    display: flex;
  }
  .galleries__list__gallery__list figure,
  .galleries__list__gallery__list img {
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
  }
  .galleries__list__gallery__list figure {
    flex: none;
    scroll-snap-align: start;
  }
  .galleries__list__gallery__list img {
    height: 100%;
    object-fit: cover;
  }
  .galleries__list__gallery__button {
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 0;
    margin-block-start: -2rem;
    background: color-mix(in srgb, var(--clr-white) 35%, transparent);
    cursor: pointer;
  }
  .galleries__list__gallery__button[disabled] {
    opacity: 0.25;
  }
  .galleries__list__gallery__button svg {
    margin: auto;
    color: var(--clr-darkGreen-400);
  }
  .galleries__list__gallery__button--prev {
    left: -2rem;
    padding-inline-start: 2rem;
  }
  .galleries__list__gallery__button--next {
    right: -2rem;
    padding-inline-end: 2rem;
  }
}
@layer components {
  .logos {
    margin-block: 3rem;
  }
  @media (min-width: 768px) {
    .logos {
      margin-block: 5rem;
    }
  }
  @media (min-width: 992px) {
    .logos {
      margin-block: 8rem;
    }
  }
  .logos__swiper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    position: relative;
  }
  .logos__swiper__button {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    background: none;
    cursor: pointer;
    border: 0;
    color: var(--clr-gray-400);
  }
  @media (min-width: 1480px) {
    .logos__swiper__button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }
  }
  .logos__swiper__button:not(:disabled):hover svg {
    transform: scale(1.1);
  }
  .logos__swiper__button:disabled {
    opacity: 0.5;
    cursor: default;
  }
  .logos__swiper__button svg {
    margin: auto;
  }
  .logos__swiper__button--prev {
    order: 1;
  }
  @media (min-width: 1480px) {
    .logos__swiper__button--prev {
      left: -5rem;
    }
  }
  .logos__swiper__button--next {
    order: 2;
  }
  @media (min-width: 768px) {
    .logos__swiper__button--next {
      order: 3;
    }
  }
  @media (min-width: 1480px) {
    .logos__swiper__button--next {
      right: -5rem;
    }
  }
  .logos__list {
    order: 3;
    width: 100%;
    overflow: auto;
    scroll-snap-type: x mandatory;
  }
  @media (min-width: 768px) {
    .logos__list {
      width: auto;
      flex: 1;
      order: 2;
    }
  }
  .logos__list::-webkit-scrollbar {
    display: none;
  }
  .logos__list__inner {
    --gap: 1rem;
    display: flex;
    gap: var(--gap);
  }
  @media (min-width: 768px) {
    .logos__list__inner {
      --gap: 2rem;
    }
  }
  @media (min-width: 992px) {
    .logos__list__inner {
      --gap: 4rem;
    }
  }
  .logos__list__item {
    scroll-snap-align: start;
    width: calc((100% - var(--gap)) / 2);
    flex: none;
  }
  @media (min-width: 480px) {
    .logos__list__item {
      width: calc((100% - 2 * var(--gap)) / 3);
    }
  }
  @media (min-width: 992px) {
    .logos__list__item {
      width: calc((100% - 3 * var(--gap)) / 4);
    }
  }
  @media (min-width: 1280px) {
    .logos__list__item {
      width: calc((100% - 4 * var(--gap)) / 5);
    }
  }
  .logos__list__item img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: scale-down;
    object-position: center;
  }
  .logos__list__item figcaption {
    text-align: center;
    color: var(--clr-brown-400);
    font-weight: var(--font-medium);
    text-wrap: balance;
  }
}
@layer components {
  .footer {
    color: var(--clr-white);
    background-color: var(--clr-gray-400);
    margin-block-start: 9rem;
    position: relative;
    z-index: 1;
  }
  @media (min-width: 768px) {
    .footer {
      margin-block-start: 14rem;
    }
  }
  @media (min-width: 1480px) {
    .footer {
      margin-block-start: 18rem;
    }
  }
  .footer a {
    color: var(--clr-white);
    text-decoration: none;
  }
  .footer a:hover {
    text-decoration: underline;
  }
  .footer__content__tree {
    position: absolute;
    top: -5.5rem;
    right: 0;
    height: 8rem;
  }
  @media (min-width: 768px) {
    .footer__content__tree {
      top: -10rem;
      height: 14rem;
    }
  }
  @media (min-width: 1480px) {
    .footer__content__tree {
      top: -12rem;
      height: 16rem;
    }
  }
  .footer__content__tree img {
    width: auto;
    height: 100%;
  }
  .footer__content p {
    font-size: var(--text-size-7);
    color: var(--clr-orange-400);
    font-weight: var(--font-bold);
    margin-block-start: 0;
  }
  .footer__content ul {
    padding: 0;
    list-style: none;
    margin-block-end: 0;
  }
  .footer__content__inner {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    position: relative;
    padding-block: 2rem;
  }
  @media (min-width: 768px) {
    .footer__content__inner {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 2rem;
    }
  }
  @media (min-width: 992px) {
    .footer__content__inner {
      padding-block: 6rem;
      gap: 2.5rem;
    }
  }
  @media (min-width: 1480px) {
    .footer__content__inner {
      padding-block: 8rem;
    }
  }
  .footer__content__logo {
    width: 100%;
  }
  @media (min-width: 992px) {
    .footer__content__logo {
      width: auto;
      flex: 1;
    }
  }
  .footer__content__section {
    flex: 1;
  }
  @media (min-width: 768px) {
    .footer__content__section--contact {
      border-inline-start: 0.0625rem solid var(--clr-orange-400);
      padding-inline-start: 2rem;
    }
  }
  @media (min-width: 992px) {
    .footer__content__section--contact {
      border-inline-start: 0.0625rem solid var(--clr-orange-400);
      padding-inline-start: 2.5rem;
    }
  }
  .footer__copy {
    padding-block: 1rem;
    background-color: var(--clr-orange-400);
    background-image: url("/assets/images/pattern-birds.png");
    background-position: center;
  }
  @media (min-width: 768px) {
    .footer__copy {
      padding-block: 2rem;
    }
  }
  .footer__copy p {
    margin-block: 0;
    font-size: var(--text-size-7);
  }
}
@layer components {
  .intersectionBanner {
    display: flex;
    align-items: center;
    height: 14rem;
    background: var(--clr-beige-300);
    position: relative;
  }
  .intersectionBanner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--clr-brown-600);
    z-index: 2;
    opacity: 0.85;
  }
  .intersectionBanner img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }
  .intersectionBanner__inner {
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--clr-white);
  }
  .intersectionBanner__logo {
    margin-inline: auto;
    width: 3rem;
    padding: 0.5rem;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 0.125rem solid var(--clr-white);
  }
  @media (min-width: 992px) {
    .intersectionBanner__logo {
      width: 4rem;
    }
  }
  .intersectionBanner__logo svg {
    width: 100%;
    height: 100%;
  }
  .intersectionBanner__title {
    width: 100%;
    max-width: 40rem;
    font-weight: var(--font-medium);
    margin-block: 0.625rem 0.25rem;
    margin-inline: auto;
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  .intersectionBanner__title::before, .intersectionBanner__title::after {
    content: "";
    display: block;
    flex: 1;
    height: 0.0625rem;
    background: currentColor;
  }
  .intersectionBanner__undertitle {
    font-size: var(--text-size-7);
    font-weight: var(--font-medium);
    letter-spacing: 0.375rem;
    margin-block: 0;
  }
}
@layer pages {
  .hero {
    background: var(--clr-beige-300);
  }
  .hero__inner {
    padding-block: 3rem;
    text-align: center;
    max-width: 32rem;
    margin-inline: auto;
  }
  .hero__inner h1 {
    text-transform: uppercase;
    color: var(--clr-orange-400);
    margin-block: 0;
  }
  .hero__inner .h3 {
    margin-block: 0.25rem 1rem;
  }
  .purpose {
    background: var(--clr-beige-400);
    position: relative;
    padding-block: 0 3rem;
  }
  @media (min-width: 992px) {
    .purpose {
      padding-block: 0;
    }
  }
  .purpose__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  @media (min-width: 992px) {
    .purpose__bg {
      overflow: hidden;
      bottom: 0;
    }
  }
  .purpose__bg img {
    width: 100%;
    background: linear-gradient(to bottom, var(--clr-beige-300) 50%, transparent 50%);
  }
  .purpose__inner {
    display: grid;
    grid-gap: 2rem;
    position: relative;
  }
  @media (min-width: 480px) {
    .purpose__inner {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 992px) {
    .purpose__inner {
      align-items: center;
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
    }
  }
  .purpose__claim {
    grid-column: 1/-1;
    position: relative;
    z-index: 3;
  }
  @media (min-width: 992px) {
    .purpose__claim {
      grid-column: 2;
    }
  }
  .purpose__claim p {
    color: var(--clr-beige-300);
    font-weight: var(--font-medium);
    max-width: 44rem;
    margin-inline: auto;
    margin-block: 0;
    padding: 4.5rem 2rem;
    text-align: center;
    background: var(--clr-darkGreen-400);
    clip-path: shape(from 0% 0%, line to 96.02% 8.07%, curve to 100% 99.27% with 98.22% 8.07%/100% 11.16%, curve to 3.26% 87.09% with 100% 103.08%/3.26% 90.9%, curve to 0% 0% with -2.06% 14.25%/1.99% 10.36%, close);
  }
  @media (min-width: 992px) {
    .purpose__claim p {
      font-size: var(--text-size-5);
      padding-inline: 6rem;
      margin-block-end: -8rem;
    }
  }
  .purpose__claim__tree {
    position: relative;
  }
  .purpose__claim__tree:hover .purpose__claim__tree__bird {
    opacity: 1;
    transform: translateY(0);
  }
  .purpose__claim__tree__img {
    width: 50%;
    max-width: 24rem;
    margin-inline: auto;
    margin-block: 0 -2.5rem;
    position: relative;
    z-index: 1;
  }
  .purpose__claim__tree__bird {
    position: absolute;
    height: auto;
    pointer-events: none;
  }
  @media (min-width: 992px) {
    .purpose__claim__tree__bird {
      opacity: 0;
      transition: transform 0.3s ease-in-out, opacity 0.3s ease;
    }
  }
  .purpose__claim__tree__bird--1 {
    top: 20%;
    left: 0;
    width: 30%;
  }
  @media (min-width: 992px) {
    .purpose__claim__tree__bird--1 {
      transform: translateX(-3rem) translateY(0.5rem) scale(0.9);
    }
  }
  .purpose__claim__tree__bird--2 {
    top: 0;
    right: 0;
    width: 15%;
  }
  @media (min-width: 992px) {
    .purpose__claim__tree__bird--2 {
      transform: translateX(3rem) translateY(-1rem) scale(0.9);
    }
  }
  .purpose__offer {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  @media (min-width: 992px) {
    .purpose__offer {
      grid-column: 1;
      grid-row: 1;
    }
  }
  @media (min-width: 1280px) {
    .purpose__offer {
      text-align: left;
    }
  }
  @media (min-width: 992px) {
    .purpose__offer:last-child {
      grid-column: 3;
    }
  }
  .purpose__offer__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
  }
  @media (min-width: 1280px) {
    .purpose__offer__title {
      flex-direction: row;
    }
  }
  .purpose__offer__title .h2 {
    margin-block: 0;
    font-weight: var(--font-normal);
  }
  .purpose__offer__title b {
    display: block;
  }
  .purpose__offer__title__image {
    flex: none;
    width: 5rem;
  }
  .purpose__offer ul {
    list-style: none;
    margin-block: 0;
    padding-inline-start: 0;
  }
  @media (min-width: 1280px) {
    .purpose__offer ul {
      padding-inline-start: 5.75rem;
    }
  }
  .purpose__offer ul a {
    color: currentColor;
    text-decoration: none;
  }
  .purpose__offer ul a:hover {
    text-decoration: underline;
  }
  .page-homepage .news {
    margin-block: 0;
  }
  .page-homepage .news__header {
    display: flex;
    align-items: center;
    height: 11rem;
    background: var(--clr-beige-300);
    position: relative;
    margin-block-end: 0;
  }
  .page-homepage .news__header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--clr-brown-600);
    z-index: 2;
    opacity: 0.85;
  }
  .page-homepage .news__header img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }
  .page-homepage .news__box {
    display: block;
    margin-inline: auto;
    max-width: 1376px;
    background: var(--clr-beige-400);
    padding-block: 2rem;
    position: relative;
  }
  @media (min-width: 768px) {
    .page-homepage .news__box {
      padding-block: 4rem;
    }
  }
  .page-homepage .news__box__border {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: -1;
    margin-block-start: -1px;
  }
  .page-homepage .news__box__border img {
    width: 100%;
  }
  .about {
    margin-block: 6rem 3rem;
  }
  @media (min-width: 768px) {
    .about {
      margin-block: 8rem 5rem;
    }
  }
  @media (min-width: 992px) {
    .about {
      margin-block: 14rem 8rem;
    }
  }
  @media (min-width: 768px) {
    .about__inner {
      display: grid;
      align-items: start;
      grid-template-columns: 3fr 2fr;
      gap: 2rem;
    }
  }
  @media (min-width: 992px) {
    .about__inner {
      grid-template-columns: 2fr 3fr 2fr;
      gap: 1rem 5rem;
    }
  }
  .about__inner h2 {
    grid-column: 1/-1;
    margin-block: 0 2rem;
  }
  @media (min-width: 768px) {
    .about__inner h2 {
      margin-block: 0;
    }
  }
  @media (min-width: 992px) {
    .about__inner h2 {
      grid-column: 1;
    }
  }
  .about__inner h3 {
    grid-column: 1/-1;
  }
  @media (min-width: 768px) {
    .about__inner h3 {
      margin-block: 0;
    }
  }
  @media (min-width: 992px) {
    .about__inner h3 {
      grid-column: 2;
    }
  }
  .about__inner h3 span {
    color: var(--clr-orange-400);
  }
  @media (min-width: 768px) {
    .about__inner p {
      margin-block: 0;
    }
  }
  @media (min-width: 992px) {
    .about__inner p {
      grid-column: 2;
    }
  }
  .about__links {
    border-inline-start: 0.0625rem solid currentColor;
    margin-block: 2rem;
    list-style: none;
  }
  @media (min-width: 768px) {
    .about__links {
      margin-block: 0;
      padding-inline-start: 2rem;
      align-self: stretch;
    }
  }
  @media (min-width: 992px) {
    .about__links {
      padding-inline-start: 2.5rem;
    }
  }
  .about__links li + li {
    margin-block-start: 1rem;
  }
  .about__links a {
    color: currentColor;
  }
  .about__buttons {
    grid-column: 1/-1;
    border-block: 0.0625rem solid var(--clr-gray-400);
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-block: 2rem 0;
    padding-block: 1.25rem;
    list-style: none;
  }
  @media (min-width: 768px) {
    .about__buttons {
      justify-content: flex-end;
    }
  }
  @media (min-width: 992px) {
    .about__buttons {
      margin-block: 6rem 0;
    }
  }
  .about__buttons li + li {
    margin-block-start: 0;
  }
  .offers {
    margin-block: 3rem;
    position: relative;
  }
  @media (min-width: 768px) {
    .offers {
      margin-block: 5rem;
    }
  }
  @media (min-width: 992px) {
    .offers {
      margin-block: 8rem;
    }
  }
  @media (min-width: 1280px) {
    .offers {
      margin-block-end: 16rem;
    }
  }
  .offers__bg {
    display: none;
    position: absolute;
    left: 0;
    top: 19rem;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
  }
  @media (min-width: 768px) {
    .offers__bg {
      display: block;
    }
  }
  @media (min-width: 992px) {
    .offers__bg {
      top: 19rem;
    }
  }
  .offers__inner h2 {
    margin-block: 0 2rem;
  }
  .offers__list {
    display: grid;
    grid-gap: 1rem;
  }
  @media (min-width: 480px) {
    .offers__list {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (min-width: 768px) {
    .offers__list {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      grid-template-rows: auto auto auto auto;
    }
  }
  @media (min-width: 992px) {
    .offers__list {
      gap: 2rem;
    }
  }
  .offers___list__item {
    padding: 1rem;
    border-radius: 1rem;
    background-color: var(--clr-white);
    box-shadow: var(--shadow-sm);
  }
  @media (min-width: 768px) {
    .offers___list__item {
      display: grid;
      grid-row: span 4;
      grid-template-rows: subgrid;
      gap: 0;
      position: relative;
      padding: 1.5rem;
    }
  }
  @media (min-width: 992px) {
    .offers___list__item {
      padding: 2rem;
    }
  }
  @media (min-width: 1280px) {
    .offers___list__item {
      padding: 3rem;
    }
  }
  .offers___list__item .h4 {
    margin-block: 1.25rem 1rem;
  }
  @media (min-width: 768px) {
    .offers___list__item .h4 {
      margin-block-end: 6rem;
    }
  }
  .offers___list__item p {
    font-size: var(--text-size-7);
    text-wrap: balance;
    max-width: 24rem;
  }
  @media (min-width: 768px) {
    .offers___list__item p {
      margin-block: 0 1rem;
    }
  }
  .offers___list__item a {
    color: currentColor;
  }
  .offers__list__item__image {
    width: 6rem;
    height: 6rem;
  }
  .offers__list__item__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
  .offers__footer {
    position: relative;
    text-align: center;
    display: none;
    flex-direction: column;
    gap: 2rem 1rem;
    margin-block-start: 2rem;
  }
  @media (min-width: 768px) {
    .offers__footer {
      display: flex;
      justify-content: center;
      flex-direction: row-reverse;
      align-items: center;
    }
  }
  @media (min-width: 992px) {
    .offers__footer {
      justify-content: end;
      margin-block-end: -6rem;
    }
  }
  @media (min-width: 1280px) {
    .offers__footer {
      margin-block-end: -10rem;
    }
  }
  @media (min-width: 1480px) {
    .offers__footer {
      margin-block-end: -12rem;
    }
  }
  .offers__footer p {
    font-size: var(--text-size-5);
    font-weight: var(--font-bold);
    margin-block: 0;
  }
  @media (min-width: 992px) {
    .offers__footer p {
      font-size: var(--text-size-4);
    }
  }
  .offers__footer__image {
    flex: none;
  }
  @media (min-width: 1280px) {
    .offers__footer__image {
      margin-inline-end: -4rem;
    }
  }
  @media (min-width: 1480px) {
    .offers__footer__image {
      margin-inline-end: -8rem;
    }
  }
  .offers__footer__image img {
    width: 8rem;
    margin-inline: auto;
  }
  @media (min-width: 768px) {
    .offers__footer__image img {
      width: 12rem;
    }
  }
  @media (min-width: 992px) {
    .offers__footer__image img {
      width: 14rem;
      transform: translateY(-1rem);
    }
  }
}
@layer pages {
  .articles {
    margin-block-end: 4rem;
    position: relative;
    z-index: 2;
  }
  @media (min-width: 768px) {
    .quickcontact {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 2rem;
    }
  }
  .quickcontact p {
    max-width: 17rem;
  }
}
@layer pages {
  @media (min-width: 768px) {
    .page-sezonniAkceDetail .intro {
      padding-block: 6rem;
    }
  }
  @media (min-width: 992px) {
    .page-sezonniAkceDetail .intro {
      padding-block: 8rem;
    }
  }
  .articleDetail {
    margin-block-end: 4rem;
    position: relative;
    z-index: 2;
  }
  .articleDetail__reservation {
    margin-block-end: 2rem;
  }
  @media (min-width: 480px) {
    .articleDetail__reservation {
      margin-block-end: 4rem;
    }
  }
  @media (min-width: 992px) {
    .articleDetail__reservation {
      background: linear-gradient(to right, transparent 50%, var(--clr-darkGreen-400) 50%);
    }
  }
  .articleDetail__reservation__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-inline: 2rem;
    padding-block-end: 2rem;
    color: var(--clr-white);
    background: linear-gradient(to bottom, transparent 4rem, var(--clr-darkGreen-400) 4rem);
  }
  @media (min-width: 480px) {
    .articleDetail__reservation__inner {
      flex-direction: row;
      justify-content: end;
      gap: 2rem;
      padding: 1.5rem;
      padding-inline-start: 0;
      background: var(--clr-darkGreen-400);
    }
  }
  @media (min-width: 992px) {
    .articleDetail__reservation__inner {
      max-width: 50%;
      margin-inline-start: auto;
    }
  }
  @media (min-width: 480px) {
    .articleDetail__reservation__inner p {
      margin-block: 0;
    }
  }
  .articleDetail__reservation__image {
    margin-block-end: 1rem;
    flex: none;
  }
  @media (min-width: 480px) {
    .articleDetail__reservation__image {
      margin-block: -5.5rem -2.5rem;
      margin-inline-start: -6rem;
      margin-inline-end: auto;
    }
  }
  @media (min-width: 768px) {
    .articleDetail__reservation__image {
      margin-inline-start: -4rem;
    }
  }
  @media (min-width: 992px) {
    .articleDetail__reservation__image {
      margin-inline-start: -9.5rem;
    }
  }
  .articleDetail__reservation__image img {
    max-width: none;
    width: auto;
    height: 6rem;
  }
  @media (min-width: 480px) {
    .articleDetail__reservation__image img {
      height: 10rem;
    }
  }
  @media (min-width: 992px) {
    .articleDetail__reservation__image img {
      width: 19rem;
      height: auto;
    }
  }
  .articleDetail__content .h3 {
    margin-block: 0 1.5rem;
  }
  .articleDetail__content__cols {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  @media (min-width: 992px) {
    .articleDetail__content__cols {
      flex-direction: row;
      gap: 4rem;
    }
  }
  .articleDetail__content__cols *:first-child {
    margin-block-start: 0;
  }
  .articleDetail__content__cols *:last-child {
    margin-block-end: 0;
  }
  .articleDetail__content__cols .h6:has(+ p) {
    margin-block-end: 1rem;
  }
  .articleDetail__content__col {
    flex: 1;
  }
  .articleDetail__footer {
    margin-block: 2rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2rem;
  }
  @media (min-width: 768px) {
    .articleDetail__footer {
      flex-direction: row;
      align-items: end;
    }
  }
  @media (min-width: 992px) {
    .articleDetail__footer {
      margin-block: 4rem;
    }
  }
  .articleDetail__footer > div {
    width: 100%;
  }
  @media (min-width: 768px) {
    .articleDetail__footer > div {
      max-width: 32rem;
      margin-inline-end: auto;
    }
  }
  .articleDetail__footer p {
    margin-block: 0;
  }
  .articleDetail__footer p:first-of-type b {
    display: block;
  }
  .articleDetail__footer p a {
    color: currentColor;
    text-decoration: none;
  }
  .articleDetail__footer p a:hover {
    text-decoration: underline;
  }
  .articleDetail__footer p + p {
    margin-block-start: 0.25rem;
  }
  .articleDetail__footer__download {
    margin-block-end: 1.5rem;
    padding-block: 1rem;
    border-block: 0.0625rem solid var(--clr-gray-200);
  }
  @media (min-width: 992px) {
    .articleDetail__footer__download {
      padding-block: 0.75rem;
      margin-block-end: 2rem;
    }
  }
  .articleDetail__footer__download a {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    color: var(--clr-darkGreen-400);
    text-decoration: none;
    margin-block: 0;
  }
  .articleDetail__footer__download a:hover {
    text-decoration: underline;
  }
  .articleDetail__footer__download svg {
    width: 2rem;
    flex: none;
    color: var(--clr-brown-400);
    margin-inline-start: auto;
  }
  @media (min-width: 992px) {
    .articleDetail__footer__download svg {
      width: 2.5rem;
    }
  }
}
@layer pages {
  .programmes {
    position: relative;
    z-index: 2;
  }
  .programmes .tabs__nav .h1 {
    margin-block: 0;
    align-self: center;
    white-space: nowrap;
    margin-inline-end: 1rem;
  }
  .programmes__special {
    align-self: center;
    margin-inline-start: 1rem;
  }
  .programmes__special a {
    color: var(--themeColor, var(--clr-orange-400));
    text-decoration: none;
    font-weight: var(--font-bold);
    white-space: nowrap;
  }
  @media (min-width: 992px) {
    .programmes__special a {
      font-size: var(--text-size-5);
    }
  }
  @media (min-width: 1280px) {
    .programmes__special a {
      font-size: var(--text-size-4);
    }
  }
  .programmes__special a:hover {
    text-decoration: underline;
  }
  .programmes__special--orange {
    --themeColor: var(--clr-orange-400);
  }
  .programmes__special--teal {
    --themeColor: var(--clr-teal-400);
  }
  .programmes__special--darkBlue {
    --themeColor: var(--clr-darkBlue-400);
  }
  .programmes__special--olive {
    --themeColor: var(--clr-olive-400);
  }
  .programmes__list {
    display: grid;
    grid-gap: 1.5rem 1rem;
    margin-block-start: 2rem;
  }
  @media (min-width: 768px) {
    .programmes__list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-auto-rows: auto auto auto 1fr;
      margin-block-start: 4rem;
    }
  }
  @media (min-width: 992px) {
    .programmes__list {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      margin-block-start: 6rem;
    }
  }
  .programmes__list__item {
    display: flex;
    flex-direction: column;
    background: var(--clr-white);
    padding: 1.5rem;
    border-radius: 1rem;
    box-shadow: var(--shadow-sm);
    position: relative;
    overflow: clip;
    transition: transform 0.3s ease-in-out, background-color 0.3s ease;
    will-change: tranform, background-color;
  }
  .programmes__list__item:hover, .programmes__list__item:has(:checked) {
    background: var(--clr-beige-100);
    transform: translateY(-0.25rem);
  }
  .programmes__list__item:hover .programmes__list__item__head__number::after, .programmes__list__item:has(:checked) .programmes__list__item__head__number::after {
    transform: scaleX(1);
  }
  @media (min-width: 768px) {
    .programmes__list__item {
      display: grid;
      grid-row: span 4;
      grid-template-rows: subgrid;
      grid-gap: 0;
    }
  }
  .programmes__list__item__head {
    display: flex;
    align-items: center;
    gap: 2rem 1rem;
    margin-block-end: 2rem;
  }
  @media (min-width: 768px) {
    .programmes__list__item__head {
      grid-row: 1;
    }
  }
  .programmes__list__item__head__number {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
    flex: 1;
    margin-block: 0;
    margin-inline-end: auto;
    line-height: var(--leading-none);
  }
  .programmes__list__item__head__number::after {
    content: "";
    height: 0.0625rem;
    min-width: 1.5rem;
    flex: 1;
    background: var(--clr-gray-200);
    transform: scaleX(0.2);
    transform-origin: left;
    transition: transform 0.3s ease-in-out;
    will-change: transform;
  }
  .programmes__list__item__head__checkbox input:checked + label::after {
    background: var(--themeColor, var(--clr-orange-400));
    border-color: var(--themeColorDark, var(--clr-orange-500));
    box-shadow: inset 0 0 0 0.125rem var(--clr-white);
  }
  .programmes__list__item__head__checkbox label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--text-size-7);
    line-height: var(--leading-tight);
    color: var(--themeColor, var(--clr-orange-400));
    font-weight: var(--font-medium);
    cursor: pointer;
  }
  .programmes__list__item__head__checkbox label::after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 0.125rem solid var(--themeColor, var(--clr-orange-400));
  }
  .programmes__list__item__head__checkbox label::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
  }
  .programmes__list__item__head__checkbox--orange {
    --themeColor: var(--clr-orange-400);
    --themeColorDark: var(--clr-orange-500);
  }
  .programmes__list__item__head__checkbox--teal {
    --themeColor: var(--clr-teal-400);
    --themeColorDark: var(--clr-teal-500);
  }
  .programmes__list__item__head__checkbox--darkBlue {
    --themeColor: var(--clr-darkBlue-400);
    --themeColorDark: var(--clr-darkBlue-500);
  }
  .programmes__list__item__head__checkbox--olive {
    --themeColor: var(--clr-olive-400);
    --themeColorDark: var(--clr-olive-500);
  }
  .programmes__list__item__title {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-block-end: 1.5rem;
  }
  @media (min-width: 768px) {
    .programmes__list__item__title {
      grid-row: 2;
    }
  }
  .programmes__list__item__title h3 {
    margin-block: 0;
  }
  .programmes__list__item__title__image--orange {
    color: var(--clr-orange-400);
  }
  .programmes__list__item__title__image--teal {
    color: var(--clr-teal-400);
  }
  .programmes__list__item__title__image--darkBlue {
    color: var(--clr-darkBlue-400);
  }
  .programmes__list__item__title__image--olive {
    color: var(--clr-olive-400);
  }
  .programmes__list__item p {
    margin-block: 0 1rem;
  }
  @media (min-width: 768px) {
    .programmes__list__item p {
      grid-row: 3;
    }
  }
  .programmes__list__item__footer {
    display: flex;
    align-items: end;
    gap: 2rem;
    flex: 1;
    margin-block-start: auto;
  }
  @media (min-width: 768px) {
    .programmes__list__item__footer {
      grid-row: 4;
    }
  }
  .programmes__list__item__footer__image {
    flex: 1;
    max-width: 8rem;
  }
  .programmes__list__item__footer__image img {
    width: 100%;
  }
  .programmes__list__item__footer .btn {
    margin-inline-start: auto;
    flex: none;
    z-index: 2;
  }
  .programmes__actions {
    display: grid;
    grid-gap: 2rem;
    margin-block: 2rem;
  }
  @media (min-width: 992px) {
    .programmes__actions {
      margin-block: 3rem;
      grid-template-columns: 1fr auto 1fr;
    }
  }
  .programmes__actions__buttons {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  @media (min-width: 992px) {
    .programmes__actions__buttons {
      flex-wrap: nowrap;
      grid-column: 2;
    }
  }
  .programmes__actions__download {
    display: flex;
    justify-content: center;
  }
  @media (min-width: 992px) {
    .programmes__actions__download {
      justify-content: end;
    }
  }
  .programmes__actions__download a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--clr-brown-400);
    text-decoration: none;
    font-weight: var(--font-bold);
  }
  .programmes__actions__download a:hover {
    text-decoration: underline;
  }
  .programmes__actions__download svg {
    flex: none;
    width: 2rem;
  }
  .faq {
    margin-block: 4rem;
    padding-block: 2rem;
    position: relative;
    background: var(--clr-beige-400);
  }
  @media (min-width: 768px) {
    .faq {
      margin-block: 8rem;
    }
  }
  @media (min-width: 992px) {
    .faq {
      margin-block: 10rem;
    }
  }
  @media (min-width: 1280px) {
    .faq {
      margin-block: 12rem;
    }
  }
  .faq__border {
    position: absolute;
    left: 0;
    width: 100%;
    pointer-events: none;
  }
  .faq__border img {
    width: 100%;
  }
  .faq__border--top {
    bottom: 100%;
    transform: translateY(1px);
  }
  .faq__border--bottom {
    top: 100%;
    transform: translateY(-1px) rotate(180deg);
  }
  .faq__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 4rem;
    margin-block-end: 1.5rem;
  }
  .faq__header h2 {
    margin-block: 0;
    margin-inline-end: auto;
  }
  .faq__header ul {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem 2rem;
    margin-block: 0;
    padding: 0;
    list-style: none;
  }
  @media (min-width: 992px) {
    .faq__header ul {
      font-size: var(--text-size-5);
      gap: 0.5rem 6rem;
    }
  }
  .faq__header ul li + li {
    margin-block-start: 0;
  }
  .faq__header a {
    color: currentColor;
    text-decoration: none;
  }
  .faq__header a:hover {
    text-decoration: underline;
  }
}
@layer pages {
  @media (min-width: 768px) {
    .page-program .intro {
      padding-block: 6rem;
    }
  }
  @media (min-width: 992px) {
    .page-program .intro {
      padding-block: 8rem;
    }
  }
  .programme {
    position: relative;
    z-index: 2;
  }
  .programme__inner {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  @media (min-width: 768px) {
    .programme__inner {
      flex-direction: row;
      gap: 4rem;
    }
  }
  .programme__info {
    padding-block-end: 1.5rem;
    border-block-end: 0.0625rem solid var(--clr-gray-200);
  }
  @media (min-width: 768px) {
    .programme__info {
      width: 18rem;
      padding-block-end: 0;
      padding-inline-end: 1.5rem;
      border-block-end: 0;
      border-inline-end: 0.0625rem solid var(--clr-gray-200);
    }
  }
  .programme__info ul {
    margin-block: 0;
    padding: 0;
    list-style: none;
  }
  .programme__info li {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.125rem 0.375rem;
  }
  .programme__info li + li {
    margin-block-start: 0.75rem;
  }
  .programme__info .h5 {
    margin-block: 0;
    flex: none;
  }
  .programme__info p {
    margin-block: 0;
    font-size: var(--text-size-5);
  }
  .programme__content {
    flex: 1;
    min-width: 18rem;
  }
  .programme__content__description {
    margin-block-start: 0;
    font-size: var(--text-size-5);
    font-weight: var(--font-medium);
  }
  .programme__content__download {
    display: flex;
    justify-content: center;
    margin-block-start: 1.5rem;
  }
  @media (min-width: 768px) {
    .programme__content__download {
      justify-content: end;
      margin-block-start: 2rem;
    }
  }
  .programme__content__download a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--clr-brown-400);
    text-decoration: none;
  }
  .programme__content__download a:hover {
    text-decoration: underline;
  }
  .programme__content__download a svg {
    flex: none;
    width: 2rem;
    height: 2rem;
  }
  .programme__content__buttons {
    margin-block: 1.5rem 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
  }
  @media (min-width: 768px) {
    .programme__content__buttons {
      justify-content: end;
      margin-block-start: 2rem;
    }
  }
  .programme__content__buttons li + li {
    margin-block: 0;
  }
}
@layer pages {
  @media (min-width: 768px) {
    .page-samoobsluzneAktivity .intro {
      padding-block-end: 2rem;
    }
  }
  .page-samoobsluzneAktivity .activities .container {
    max-width: var(--container-md);
  }
  .page-samoobsluzneAktivity .activities h2 {
    display: none;
  }
  .page-samoobsluzneAktivity .activities__inner {
    padding: 1.5rem;
    background: var(--clr-white);
    filter: drop-shadow(0.1875rem 0.1875rem 0.375rem color-mix(in srgb, var(--clr-black) 12%, transparent));
  }
  @media (min-width: 768px) {
    .page-samoobsluzneAktivity .activities__inner {
      padding: 2rem;
    }
  }
  @media (min-width: 992px) {
    .page-samoobsluzneAktivity .activities__inner {
      padding: 3rem;
    }
  }
  .page-samoobsluzneAktivity .activities__border {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    margin-block-start: -1px;
    width: 100%;
  }
  .page-samoobsluzneAktivity .activities__border img {
    width: 100%;
  }
  @media (min-width: 768px) {
    .page-samoobsluzneAktivity .activities__rocks {
      display: block;
      position: absolute;
      top: 100%;
      right: 5%;
      margin-block-start: -4rem;
      width: 40%;
      max-width: 24rem;
      opacity: 0.8;
      pointer-events: none;
    }
  }
  @media (min-width: 992px) {
    .page-samoobsluzneAktivity .activities__rocks {
      right: 10%;
    }
  }
  @media (min-width: 1280px) {
    .page-samoobsluzneAktivity .activities__rocks {
      right: 15%;
    }
  }
  .page-samoobsluzneAktivity .activities__rocks img {
    width: 100%;
  }
  .quest {
    margin-block: 3rem;
  }
  @media (min-width: 992px) {
    .quest {
      margin-block: 6rem;
    }
  }
  @media (min-width: 1280px) {
    .quest {
      margin-block: 8rem;
    }
  }
  .quest__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .quest__inner .h3 {
    margin-block: 1.5rem 1rem;
  }
  @media (min-width: 768px) {
    .quest__inner .h3 {
      margin-block: 2rem 1.5rem;
    }
  }
  .quest__inner p {
    margin-block: 0;
    max-width: 40rem;
    text-wrap: balance;
    font-weight: var(--font-medium);
  }
  @media (min-width: 992px) {
    .quest__inner p {
      font-size: var(--text-size-5);
    }
  }
  .quest__inner ul {
    margin-block: 2rem 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1.5rem 2rem;
    font-weight: var(--font-medium);
  }
  @media (min-width: 768px) {
    .quest__inner ul {
      font-size: var(--text-size-5);
      gap: 1.5rem 3rem;
    }
  }
  @media (min-width: 992px) {
    .quest__inner ul {
      margin-block-start: 2.5rem;
      gap: 1.5rem 4rem;
    }
  }
  .quest__inner ul li + li {
    margin-block-start: 0;
  }
  .quest__inner a {
    font-weight: var(--font-bold);
    color: var(--clr-brown-400);
  }
  .quest__image img {
    width: 10rem;
  }
  @media (min-width: 768px) {
    .quest__image img {
      width: 14rem;
    }
  }
  @media (min-width: 992px) {
    .quest__image img {
      width: 18rem;
    }
  }
  .quest__download {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-weight: var(--font-medium);
    text-decoration: none;
  }
  .quest__download:hover {
    text-decoration: underline;
  }
  .quest__download svg {
    width: 2rem;
  }
  .forestPath {
    margin-block: 3rem;
    position: relative;
  }
  @media (min-width: 768px) {
    .forestPath {
      margin-block: 5rem;
    }
  }
  @media (min-width: 992px) {
    .forestPath {
      margin-block: 8rem;
    }
  }
  @media (min-width: 1280px) {
    .forestPath {
      margin-block-end: 16rem;
    }
  }
  .forestPath__bg {
    display: none;
    position: absolute;
    left: 0;
    top: 14rem;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
  }
  @media (min-width: 768px) {
    .forestPath__bg {
      display: block;
    }
  }
  .forestPath__header h2 {
    text-align: center;
    margin-block-end: 2rem;
  }
  @media (min-width: 768px) {
    .forestPath__content {
      display: flex;
      gap: 2rem;
      margin-block-start: 4rem;
      margin-inline: auto;
      position: relative;
      max-width: 56rem;
    }
  }
  @media (min-width: 992px) {
    .forestPath__content {
      margin-block-start: 5rem;
    }
  }
  @media (min-width: 768px) {
    .forestPath__content p {
      flex: 1;
      margin-block: 0;
    }
  }
  .forestPath__content a {
    color: currentColor;
  }
  .forestPath__footer {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 2rem 1rem;
    margin-block-start: 2rem;
  }
  @media (min-width: 768px) {
    .forestPath__footer {
      justify-content: center;
      flex-direction: row-reverse;
      align-items: center;
    }
  }
  @media (min-width: 992px) {
    .forestPath__footer {
      justify-content: end;
      margin-block-end: -6rem;
    }
  }
  @media (min-width: 1280px) {
    .forestPath__footer {
      margin-block-end: -10rem;
    }
  }
  @media (min-width: 1480px) {
    .forestPath__footer {
      margin-block-end: -12rem;
    }
  }
  .forestPath__footer p {
    font-size: var(--text-size-5);
    font-weight: var(--font-bold);
    margin-block: 0;
  }
  @media (min-width: 992px) {
    .forestPath__footer p {
      font-size: var(--text-size-4);
    }
  }
  .forestPath__footer__image {
    flex: none;
  }
  @media (min-width: 1280px) {
    .forestPath__footer__image {
      margin-inline-end: -4rem;
    }
  }
  @media (min-width: 1480px) {
    .forestPath__footer__image {
      margin-inline-end: -8rem;
    }
  }
  .forestPath__footer__image img {
    width: 8rem;
    margin-inline: auto;
  }
  @media (min-width: 768px) {
    .forestPath__footer__image img {
      width: 12rem;
    }
  }
  @media (min-width: 992px) {
    .forestPath__footer__image img {
      width: 14rem;
    }
  }
  .region {
    margin-block: 3rem;
  }
  @media (min-width: 992px) {
    .region {
      margin-block: 3rem 6rem;
    }
  }
  @media (min-width: 1280px) {
    .region {
      margin-block: 3rem 8rem;
    }
  }
  .region__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-inline: auto;
    max-width: 56rem;
  }
  .region__image {
    flex: none;
  }
  .region p {
    flex: 1;
    min-width: 16rem;
    text-wrap: balance;
    font-weight: var(--font-medium);
    margin-block: 0;
  }
  @media (min-width: 992px) {
    .region p {
      font-size: var(--text-size-5);
    }
  }
}
@layer pages {
  .team {
    margin-block-end: 4rem;
    position: relative;
    z-index: 2;
  }
  .team__inner {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    position: relative;
    z-index: 2;
  }
  @media (min-width: 768px) {
    .team__inner {
      flex-direction: row;
      gap: 4rem;
    }
  }
  @media (min-width: 992px) {
    .team__inner {
      gap: 8rem;
    }
  }
  @media (min-width: 768px) {
    .team__text,
    .team .person {
      flex: 1;
    }
  }
  @media (min-width: 768px) {
    .team__text {
      max-width: 32rem;
      margin-inline-end: auto;
    }
  }
  @media (min-width: 992px) {
    .team__text {
      padding-block-start: 2rem;
    }
  }
  @media (min-width: 1280px) {
    .team__text {
      padding-block-start: 4rem;
    }
  }
  .team__text h2, .team__text .h2 {
    margin-block: 0;
    max-width: 22ch;
  }
  .team__text h2 {
    font-weight: var(--font-normal);
  }
  .team__text .h2 {
    font-weight: var(--font-bold);
  }
  .team__text .h2 span {
    color: var(--clr-orange-400);
  }
  @media (min-width: 768px) {
    .team__text p {
      margin-block: 2rem 1.5rem;
    }
  }
  @media (min-width: 992px) {
    .team__text p {
      margin-block: 4rem 3rem;
    }
  }
  @media (min-width: 768px) {
    .team .person {
      max-width: 22rem;
    }
  }
  .teamList {
    margin-block: 3rem;
    position: relative;
    z-index: 1;
  }
  @media (min-width: 768px) {
    .teamList {
      margin-block: 5rem;
    }
  }
  @media (min-width: 992px) {
    .teamList {
      margin-block: 8rem;
    }
  }
  .teamList__inner {
    display: grid;
    grid-gap: 2.5rem;
    grid-template-rows: auto auto auto;
  }
  @media (min-width: 480px) {
    .teamList__inner {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 992px) {
    .teamList__inner {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .teamList .person {
    display: grid;
    grid-row: span 3;
    grid-template-rows: subgrid;
    grid-gap: 0;
  }
  .teamList .person__profile {
    align-self: start;
  }
}
@layer pages {
  @media (min-width: 768px) {
    .page-programovySpecial .intro {
      padding-block-end: 4rem;
    }
  }
  @media (min-width: 992px) {
    .page-programovySpecial .intro {
      padding-block-end: 6rem;
    }
  }
  .page-programovySpecial .activities {
    margin-block-start: 0;
  }
  .page-programovySpecial .activities .container {
    max-width: var(--container-md);
  }
  .page-programovySpecial .activities__inner {
    padding: 1.5rem;
    background: var(--clr-white);
    filter: drop-shadow(0.1875rem 0.1875rem 0.375rem color-mix(in srgb, var(--clr-black) 12%, transparent));
  }
  @media (min-width: 768px) {
    .page-programovySpecial .activities__inner {
      padding: 2rem;
      display: grid;
      grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
      grid-gap: 1.125rem 3rem;
    }
  }
  @media (min-width: 992px) {
    .page-programovySpecial .activities__inner {
      padding: 3rem;
      grid-column-gap: 6rem;
    }
  }
  @media (min-width: 1280px) {
    .page-programovySpecial .activities__inner {
      padding-inline: 8rem;
      grid-column-gap: 8rem;
    }
  }
  .page-programovySpecial .activities__border {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    margin-block-start: -1px;
    width: 100%;
  }
  .page-programovySpecial .activities__border img {
    width: 100%;
  }
  @media (min-width: 768px) {
    .page-programovySpecial .activities__rocks {
      display: block;
      position: absolute;
      top: 100%;
      right: 5%;
      margin-block-start: -4rem;
      width: 40%;
      max-width: 24rem;
      opacity: 0.8;
      pointer-events: none;
    }
  }
  @media (min-width: 992px) {
    .page-programovySpecial .activities__rocks {
      right: 10%;
    }
  }
  @media (min-width: 1280px) {
    .page-programovySpecial .activities__rocks {
      right: 15%;
    }
  }
  .page-programovySpecial .activities__rocks img {
    width: 100%;
  }
  .page-programovySpecial .activities__header {
    align-self: end;
  }
  .page-programovySpecial .activities h3,
  .page-programovySpecial .activities .h3 {
    margin-block: 1.5rem 0;
  }
  @media (min-width: 768px) {
    .page-programovySpecial .activities__content,
    .page-programovySpecial .activities__info {
      grid-row: 2;
    }
  }
  @media (min-width: 992px) {
    .page-programovySpecial .activities__content p {
      margin-block-start: 0;
      font-size: var(--text-size-5);
    }
  }
  .page-programovySpecial .activities__info p {
    margin-block: 0;
  }
  .page-programovySpecial .activities__info p + p {
    margin-block-start: 0.5rem;
  }
  .page-programovySpecial .activities__info a {
    color: currentColor;
    text-decoration: none;
  }
  .page-programovySpecial .activities__info a:hover {
    text-decoration: underline;
  }
  @media (min-width: 768px) {
    .page-programovySpecial--verejnost .activities__inner {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
  }
  .page-programovySpecial--verejnost .activities__info {
    position: relative;
    z-index: 1;
  }
  @media (min-width: 992px) {
    .page-programovySpecial--verejnost .activities__info p {
      font-size: var(--text-size-5);
    }
  }
  @media (min-width: 768px) {
    .page-programovySpecial--verejnost .activities__info__terms {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      grid-gap: 2rem;
      margin-block-end: 1.5rem;
    }
  }
  .page-programovySpecial--verejnost .activities__info__terms__item {
    position: relative;
  }
  .page-programovySpecial--verejnost .activities__info__terms__item::before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    left: -2rem;
    width: 0.0625rem;
    height: 100%;
    background: currentColor;
  }
  @media (min-width: 768px) {
    .page-programovySpecial--verejnost .activities__info__terms__item::before {
      display: block;
    }
  }
  .page-programovySpecial--verejnost .activities__info__terms__item p {
    margin-block-start: 1rem;
  }
  @media (min-width: 768px) {
    .page-programovySpecial--verejnost .activities__info__terms__item p {
      margin-block-start: 0;
    }
  }
  .page-programovySpecial--verejnost .activities__info__terms__item ul {
    list-style: none;
    padding: 0;
    margin-block-start: 0.5rem;
  }
  @media (min-width: 768px) {
    .page-programovySpecial--verejnost .activities__info__terms__item ul {
      margin-block-end: 0;
    }
  }
  .page-programovySpecial--verejnost .activities__info__terms__item li + li {
    margin-block-start: 0.125rem;
  }
  .page-programovySpecial--podminky .activities__info__contacts {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .page-programovySpecial--podminky .activities__info__contacts li {
    display: flex;
    gap: 1rem;
  }
  .page-programovySpecial--podminky .activities__info__contacts li + li {
    margin-block-start: 1rem;
  }
  .page-programovySpecial--podminky .activities__info__contacts .activities__info__contacts__address {
    margin-block-start: 2rem;
  }
  .page-programovySpecial--podminky .activities__info__contacts .activities__info__contacts__address a {
    text-decoration: underline;
  }
  .page-programovySpecial--podminky .activities__info__contacts .activities__info__contacts__address a:hover {
    text-decoration: none;
  }
  .page-programovySpecial--podminky .activities__info__contacts svg {
    flex: none;
    width: 1.5rem;
    height: 1.5rem;
  }
  .page-programovySpecial--srdcovky .activities__inner {
    display: block;
  }
  @media (min-width: 768px) {
    .page-programovySpecial--srdcovky .activities__inner {
      padding-block: 5rem;
    }
  }
  .page-programovySpecial--srdcovky .activities__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5rem 1rem;
  }
  @media (min-width: 768px) {
    .page-programovySpecial--srdcovky .activities__list {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .page-programovySpecial--srdcovky .activities__list__item {
    min-width: 0;
  }
  .page-programovySpecial--srdcovky .activities__list__item h3 {
    margin-block-end: 1.25rem;
  }
  .page-programovySpecial--srdcovky .activities__list__item .btn {
    margin-block-start: auto;
  }
  .page-programovySpecial--srdcovky .activities__list__item__image {
    width: 8rem;
    height: 8rem;
  }
  .moreInfo {
    position: relative;
    z-index: 2;
    margin-block: 3rem;
  }
  @media (min-width: 992px) {
    .moreInfo {
      margin-block: 6rem;
    }
  }
  @media (min-width: 1280px) {
    .moreInfo {
      margin-block: 8rem;
    }
  }
  .moreInfo__inner {
    display: grid;
    grid-gap: 1rem;
  }
  @media (min-width: 768px) {
    .moreInfo__inner {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-gap: 2rem;
    }
  }
  @media (min-width: 992px) {
    .moreInfo__inner {
      grid-row-gap: 3rem;
    }
  }
  .moreInfo__content > *:first-child {
    margin-block-start: 0;
  }
  .moreInfo__content > *:last-child {
    margin-block-end: 0;
  }
  .moreInfo__actions {
    margin-block-start: 1rem;
  }
  @media (min-width: 768px) {
    .moreInfo__actions {
      margin-block-start: 0;
    }
  }
  .moreInfo__actions ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .moreInfo__actions li + li {
    margin-block-start: 0;
  }
  .moreInfo__actions p {
    margin-block: 0;
  }
  .moreInfo__actions ul + p {
    margin-block-start: 1.5rem;
  }
  .moreInfo__actions p + p {
    margin-block-start: 0.5rem;
  }
  .moreInfo__actions a:not(.btn) {
    color: currentColor;
    text-decoration: none;
  }
  .moreInfo__actions a:not(.btn):hover {
    text-decoration: underline;
  }
  .moreInfo__download {
    display: flex;
    align-self: baseline;
    margin-block-start: 1rem;
  }
  @media (min-width: 768px) {
    .moreInfo__download {
      margin-block-start: 0;
    }
  }
  .moreInfo__download a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--clr-brown-400);
    text-decoration: none;
    font-weight: var(--font-medium);
  }
  .moreInfo__download a:hover {
    text-decoration: underline;
  }
  .moreInfo__download svg {
    flex: none;
    width: 2rem;
  }
  .kadbood {
    position: relative;
    z-index: 1;
    margin-block: 3rem;
  }
  @media (min-width: 992px) {
    .kadbood {
      margin-block: 6rem;
    }
  }
  @media (min-width: 1280px) {
    .kadbood {
      margin-block: 8rem;
    }
  }
  .kadbood__inner {
    border-block-start: 0.0625rem solid var(--clr-gray-100);
    padding-block-start: 2rem;
  }
  .kadbood__inner img {
    margin-inline: auto;
  }
  .cooperation {
    margin-block: 3rem;
  }
  @media (min-width: 992px) {
    .cooperation {
      margin-block: 6rem;
    }
  }
  @media (min-width: 1280px) {
    .cooperation {
      margin-block: 8rem;
    }
  }
  .cooperation__inner {
    text-align: center;
  }
  @media (min-width: 768px) {
    .cooperation__inner p {
      font-size: var(--text-size-5);
    }
  }
  @media (min-width: 992px) {
    .cooperation__inner p {
      font-size: var(--text-size-4);
    }
  }
  .cooperation__inner p + img {
    margin-inline: auto;
    margin-block-start: 2rem;
  }
  @media (min-width: 768px) {
    .cooperation__inner p + img {
      margin-block-start: 4rem;
    }
  }
  .cooperation__logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    padding: 0;
    margin-block: 2rem;
    list-style: none;
  }
  @media (min-width: 768px) {
    .cooperation__logos {
      margin-block: 2rem 4rem;
    }
  }
  .cooperation__logos li + li {
    margin-block-start: 0;
  }
  .hearted {
    position: relative;
    z-index: 1;
    margin-block: 3rem;
  }
  @media (min-width: 992px) {
    .hearted {
      margin-block: 6rem;
    }
  }
  @media (min-width: 1280px) {
    .hearted {
      margin-block: 8rem;
    }
  }
  .hearted .kadbood__inner {
    border-block-start: 0;
  }
  .hearted__intro {
    text-align: center;
  }
  .hearted__intro h2 {
    color: var(--clr-orange-400);
    margin-block: 1.5rem 0.5rem;
  }
  .hearted__intro .h5 {
    margin-block: 0.5rem 1.5rem;
  }
  @media (min-width: 768px) {
    .hearted__intro .h5 {
      margin-block-end: 2rem;
    }
  }
  .hearted__intro p {
    text-wrap: balance;
    max-width: 42rem;
    margin-inline: auto;
  }
  .hearted__intro__image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8rem;
    height: 8rem;
    margin-inline: auto;
    border-radius: 50%;
    border: 0.125rem solid var(--clr-darkGreen-400);
  }
  .hearted__intro__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .hearted__additional {
    text-align: center;
    margin-block-start: 2rem;
  }
  .hearted__additional .btn {
    min-width: 14rem;
    margin-block-end: 2rem;
  }
  .hearted__additional p {
    max-width: 40rem;
    margin-inline: auto;
    text-wrap: balance;
  }
  @media (min-width: 768px) {
    .hearted__additional p {
      font-size: var(--text-size-5);
    }
  }
  .hearted__programmes {
    margin-block: 3rem;
    position: relative;
  }
  @media (min-width: 768px) {
    .hearted__programmes {
      margin-block: 5rem;
    }
  }
  @media (min-width: 992px) {
    .hearted__programmes {
      margin-block: 8rem;
    }
  }
  @media (min-width: 1280px) {
    .hearted__programmes {
      margin-block-end: 16rem;
    }
  }
  .hearted__programmes__bg {
    display: none;
    position: absolute;
    left: 0;
    top: 4rem;
    z-index: -1;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
  }
  @media (min-width: 768px) {
    .hearted__programmes__bg {
      display: block;
    }
  }
  .hearted__programmes__inner .h2 {
    margin-block-end: 2rem;
  }
  @media (min-width: 768px) {
    .hearted__programmes__inner .h2 {
      margin-block-end: 4rem;
    }
  }
  @media (min-width: 992px) {
    .hearted__programmes__inner .h2 {
      margin-block-end: 6rem;
    }
  }
  @media (min-width: 1280px) {
    .hearted__programmes__inner .h2 {
      margin-block-end: 8rem;
    }
  }
  .hearted__programmes__inner ul {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 1rem 2rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  @media (min-width: 480px) {
    .hearted__programmes__inner ul {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .hearted__programmes__inner ul {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .hearted__programmes__inner ul {
      grid-gap: 2rem;
    }
  }
  .hearted__programmes__inner li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  .hearted__programmes__inner li::before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    flex: none;
    border: 0.0625rem solid var(--clr-orange-400);
    border-radius: 50%;
  }
  .hearted__programmes__inner li + li {
    margin-block-start: 0;
  }
  .hearted__programmes__inner a {
    color: currentColor;
  }
  .hearted__intro__image--overflowing1 img {
    transform: scale(1.4) translateY(-12%);
  }
  .hearted__intro__image--overflowing2 img {
    transform: scale(1.5) translateY(-5%);
  }
  .hearted__programmes__footer {
    position: relative;
    text-align: center;
    display: none;
    flex-direction: column;
    gap: 2rem 1rem;
    margin-block-start: 2rem;
  }
  @media (min-width: 768px) {
    .hearted__programmes__footer {
      display: flex;
      justify-content: center;
      flex-direction: row-reverse;
      align-items: center;
    }
  }
  @media (min-width: 992px) {
    .hearted__programmes__footer {
      justify-content: end;
      margin-block-end: -6rem;
    }
  }
  @media (min-width: 1280px) {
    .hearted__programmes__footer {
      margin-block-end: -10rem;
    }
  }
  @media (min-width: 1480px) {
    .hearted__programmes__footer {
      margin-block-end: -12rem;
    }
  }
  .hearted__programmes__footer p {
    font-size: var(--text-size-5);
    font-weight: var(--font-bold);
    margin-block: 0;
  }
  @media (min-width: 992px) {
    .hearted__programmes__footer p {
      font-size: var(--text-size-4);
    }
  }
  .hearted__programmes__footer__image {
    flex: none;
  }
  @media (min-width: 1280px) {
    .hearted__programmes__footer__image {
      margin-inline-end: -4rem;
    }
  }
  @media (min-width: 1480px) {
    .hearted__programmes__footer__image {
      margin-inline-end: -8rem;
    }
  }
  .hearted__programmes__footer__image img {
    width: 8rem;
    margin-inline: auto;
  }
  @media (min-width: 768px) {
    .hearted__programmes__footer__image img {
      width: 12rem;
    }
  }
  @media (min-width: 992px) {
    .hearted__programmes__footer__image img {
      width: 14rem;
    }
  }
  .hearted__sale {
    margin-block: 3rem;
  }
  @media (min-width: 992px) {
    .hearted__sale {
      margin-block: 6rem;
    }
  }
  @media (min-width: 1280px) {
    .hearted__sale {
      margin-block: 8rem;
    }
  }
  .hearted__sale__inner {
    text-align: center;
  }
  .hearted__sale__inner h3 {
    margin-block-end: 0.5rem;
  }
  .hearted__sale__inner p {
    margin-block-start: 0.5rem;
  }
  .hearted__sale__inner ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 2rem;
    list-style: none;
    margin-block: 2rem 0;
    padding: 0;
  }
  @media (min-width: 768px) {
    .hearted__sale__inner ul {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      margin-block-start: 4rem;
      font-size: var(--text-size-5);
    }
  }
  .hearted__sale__inner ul img {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    border: 0.0625rem solid var(--clr-gray-200);
    margin-block-end: 1.5rem;
    margin-inline: auto;
  }
  @media (min-width: 768px) {
    .hearted__sale__inner ul img {
      width: 10rem;
      height: 10rem;
    }
  }
  @media (min-width: 992px) {
    .hearted__sale__inner ul img {
      width: 14rem;
      height: 14rem;
    }
  }
  .hearted__sale__image {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    overflow: hidden;
    border: 0.125rem solid var(--clr-gray-200);
    margin-block-end: 1.5rem;
    margin-inline: auto;
  }
  .hearted__sale__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@layer pages {
  .page-objednavkovyFormular {
    background: var(--clr-beige-100);
  }
  .page-objednavkovyFormular .header,
  .page-objednavkovyFormular .intro {
    background: var(--clr-white);
  }
  .page-objednavkovyFormular .intro__bg {
    display: none;
  }
  .orderIntro {
    position: relative;
    z-index: 1;
    background: var(--clr-white);
  }
  .orderIntro_inner {
    display: grid;
    grid-gap: 2rem;
  }
  @media (min-width: 768px) {
    .orderIntro_inner {
      grid-template-columns: minmax(0, 3fr) minmax(0, 5fr);
    }
  }
  @media (min-width: 992px) {
    .orderIntro_inner {
      grid-gap: 4rem;
    }
  }
  .orderInfo__nav {
    margin-block: 0;
    padding: 0;
    list-style: none;
  }
  .orderInfo__nav li:first-child {
    margin-block-start: -0.5rem;
  }
  .orderInfo__nav li + li {
    margin-block: 0;
  }
  .orderInfo__nav .accordion__toggle {
    padding-block: 0;
  }
  .orderInfo__nav .accordion__content {
    padding-block: 0.75rem 0.5rem;
    padding-inline-start: 2.75rem;
  }
  @media (min-width: 768px) {
    .orderInfo__nav .accordion__content {
      padding-inline-start: 3.75rem;
    }
  }
  .orderInfo__nav .accordion__content ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .orderInfo__nav .accordion__content ul li + li {
    margin-block-start: 0.5rem;
  }
  .orderInfo__nav .accordion__content a {
    color: currentColor;
    text-decoration: none;
  }
  .orderInfo__nav .accordion__content a:hover {
    text-decoration: underline;
  }
  .orderInfo__nav__item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-block: 0.5rem;
    font-size: var(--text-size-5);
    text-decoration: none;
    color: currentColor;
    line-height: var(--leading-snug);
  }
  @media (min-width: 992px) {
    .orderInfo__nav__item {
      font-size: var(--text-size-4);
    }
  }
  @media (min-width: 1280px) {
    .orderInfo__nav__item {
      font-size: var(--text-size-3);
    }
  }
  .orderInfo__nav__item:hover {
    text-decoration: underline;
  }
  .orderInfo__nav__item__icon {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.125rem solid var(--clr-orange-400);
    border-radius: 50%;
  }
  @media (min-width: 768px) {
    .orderInfo__nav__item__icon {
      width: 3rem;
      height: 3rem;
    }
  }
  .orderInfo__nav__item__icon svg {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0;
  }
  @media (min-width: 768px) {
    .orderInfo__nav__item__icon svg {
      width: 2rem;
      height: 2rem;
    }
  }
  .orderIntro__content .h5 {
    margin-block-start: 0;
  }
  .orderIntro__content :where(p, ul, ol):not([class]) {
    font-weight: var(--font-medium);
  }
  .orderIntro__content ul li + li {
    margin-block-start: 0.25rem;
  }
  .formHeader {
    position: relative;
    padding-block-end: 1.5rem;
    background: var(--clr-gray-200);
  }
  .formHeader--orange {
    color: var(--clr-white);
    background-image: url("/assets/images/pattern-birds-orange.png");
    background-position: center;
    background-color: var(--clr-orange-400);
  }
  .formHeader--teal {
    color: var(--clr-white);
    background-image: url("/assets/images/pattern-birds-teal.png");
    background-position: center;
    background-color: var(--clr-teal-400);
  }
  .formHeader--blue {
    color: var(--clr-white);
    background-image: url("/assets/images/pattern-birds-blue.png");
    background-position: center;
    background-color: var(--clr-darkBlue-400);
  }
  .formHeader__border img {
    width: 100%;
  }
  .formHeader__inner h2 {
    margin-block: 1rem 0.5rem;
  }
  .formHeader__inner p {
    margin-block: 0;
    font-size: var(--text-size-7);
    font-style: italic;
    font-weight: var(--font-normal);
  }
  .form {
    padding-block-start: 2rem;
  }
  @media (min-width: 768px) {
    .form {
      padding-block-start: 4rem;
    }
  }
  .form--orange {
    accent-color: var(--clr-orange-400);
  }
  .form--orange .checkbox {
    --clr-theme: var(--clr-orange-400);
  }
  .form--teal {
    accent-color: var(--clr-teal-400);
  }
  .form--teal .checkbox {
    --clr-theme: var(--clr-teal-400);
  }
  .form--blue {
    accent-color: var(--clr-darkBlue-400);
  }
  .form--blue .checkbox {
    --clr-theme: var(--clr-darkBlue-400);
  }
  .form__inner .h6 {
    margin-block: 2rem 0;
  }
  .checkboxes + p {
    margin-block: 2rem;
    text-align: center;
    max-width: 42rem;
    text-wrap: balance;
    margin-inline: auto;
    font-weight: var(--font-medium);
  }
  @media (min-width: 992px) {
    .checkboxes + p {
      margin-block: 4rem 3rem;
    }
  }
  .form__contact {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    grid-gap: 1.5rem 2rem;
    margin-block-start: 2rem;
  }
  @media (min-width: 768px) {
    .form__contact {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 992px) {
    .form__contact {
      grid-column-gap: 3rem;
    }
  }
  .form__contact .h6 {
    margin-block-start: 1rem;
  }
  .form__contact .form__contact {
    margin-block-start: 0;
  }
  .form__contact p:not(.h6) {
    margin-block: 0;
  }
  .form__contact p a {
    color: currentColor;
    font-weight: var(--font-bold);
  }
  .form__contact__item--full {
    grid-column: 1/-1;
  }
  .form__contact__item--buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-block-start: 1rem;
  }
}
@layer pages {
  .contacts {
    position: relative;
    z-index: 2;
  }
  .contacts__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 1.5rem;
    background: var(--clr-white);
    padding: 1.5rem 1rem;
    position: relative;
    filter: drop-shadow(0.1875rem 0.1875rem 0.375rem color-mix(in srgb, var(--clr-black) 12%, transparent));
  }
  @media (min-width: 480px) {
    .contacts__inner {
      padding-inline: 1.5rem;
    }
  }
  @media (min-width: 768px) {
    .contacts__inner {
      gap: 2rem;
      padding-inline: 2rem;
    }
  }
  @media (min-width: 992px) {
    .contacts__inner {
      padding-inline: 4rem;
    }
  }
  @media (min-width: 1280px) {
    .contacts__inner {
      gap: 2.5rem;
      padding-inline: 5rem;
    }
  }
  .contacts__border {
    position: absolute;
    top: 100%;
    left: 0;
    margin-block-start: -1px;
    width: 100%;
  }
  .contacts__border img {
    width: 100%;
  }
  .contacts__quickcontact {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 1rem 2rem;
    flex: none;
    width: 100%;
    margin-block: 0;
    padding: 0 0 1rem;
    border-block-end: 0.0625rem solid var(--clr-darkGreen-400);
    list-style: none;
  }
  @media (min-width: 992px) {
    .contacts__quickcontact {
      gap: 1rem 4rem;
      padding-block-end: 1.125rem;
    }
  }
  .contacts__quickcontact li + li {
    margin-block-start: 0;
  }
  .contacts__quickcontact a {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: currentColor;
    text-decoration: none;
  }
  .contacts__quickcontact a:hover {
    text-decoration: underline;
  }
  .contacts__quickcontact svg {
    flex: none;
    width: 1.5rem;
  }
  @media (min-width: 992px) {
    .contacts__quickcontact svg {
      width: 2rem;
    }
  }
  .contacts__address {
    width: 100%;
    flex: none;
  }
  @media (min-width: 768px) {
    .contacts__address {
      width: auto;
      flex: 1;
    }
  }
  .contacts__directions {
    width: 100%;
    flex: none;
  }
  @media (min-width: 768px) {
    .contacts__directions {
      width: auto;
      flex: 2;
    }
  }
  @media (min-width: 992px) {
    .contacts__directions {
      width: auto;
      flex: 3;
    }
  }
  .contacts__address h3,
  .contacts__directions h3 {
    margin-block: 0 1.5rem;
    color: var(--clr-orange-400);
  }
  .contacts__address address,
  .contacts__directions address {
    margin-block-end: 0;
  }
  .contacts__address .h6,
  .contacts__directions .h6 {
    line-height: var(--leading-relaxed);
    margin-block: 0;
  }
  .contacts__address .h6 + p,
  .contacts__directions .h6 + p {
    margin-block-start: 0;
  }
  @media (min-width: 992px) {
    .contacts__address .h6 + p,
    .contacts__directions .h6 + p {
      margin-block: 0;
    }
  }
  .contacts__address p:has(+ a),
  .contacts__directions p:has(+ a) {
    margin-block-end: 0;
  }
  .contacts__address a,
  .contacts__directions a {
    color: currentColor;
  }
  .contacts__address__company {
    margin-block: 1.5rem 0;
    padding: 0;
    list-style: none;
  }
  .contacts__address__company li + li {
    margin-block-start: 0.25rem;
  }
  @media (min-width: 992px) {
    .contacts__directions {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 0 4rem;
      padding-inline-start: 4rem;
    }
  }
  .contacts__directions h3 {
    width: 100%;
    flex: none;
    margin-block-start: 1rem;
  }
  @media (min-width: 768px) {
    .contacts__directions h3 {
      margin-block-start: 0;
    }
  }
  @media (min-width: 992px) {
    .contacts__directions > div {
      flex: 1;
    }
  }
  .contacts__directions > div:first-of-type {
    position: relative;
  }
  @media (min-width: 992px) {
    .contacts__directions > div:first-of-type::before {
      content: "";
      position: absolute;
      top: 0;
      left: -4rem;
      width: 0.0625rem;
      height: 100%;
      background: var(--clr-orange-400);
    }
  }
  .orderInfo {
    position: relative;
    z-index: 2;
    margin-block: 5rem 3rem;
  }
  @media (min-width: 480px) {
    .orderInfo {
      margin-block-start: 6rem;
    }
  }
  @media (min-width: 768px) {
    .orderInfo {
      margin-block-start: 8rem;
    }
  }
  @media (min-width: 992px) {
    .orderInfo {
      margin-block: 9rem 5rem;
    }
  }
  .orderInfo__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }
  @media (min-width: 992px) {
    .orderInfo__inner {
      gap: 2.5rem;
    }
  }
  .orderInfo__inner p {
    max-width: 40rem;
    margin-block: 0;
    text-align: center;
    font-weight: var(--font-medium);
  }
  @media (min-width: 992px) {
    .orderInfo__inner p {
      font-size: var(--text-size-5);
    }
  }
  .map {
    margin-block: 3rem;
    width: 100%;
    height: 80dvh;
    max-height: 26rem;
    background: var(--clr-beige-300);
  }
  .map iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }
}
@layer utilities {
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .hidden {
    display: none;
  }
  .text-center {
    text-align: center;
  }
}
:where(figure) {
    margin:0;
}