/* Source: resources/assets/css/main.css */

/* Source: resources/assets/css/public/base/normalize.css */
/* Adapted from changchun/src/assets/css/base/normalize.css.
   Lists intentionally keep their native markers because the public list
   component relies on them for ordered and unordered content. */
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

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

html {
  font-size: 100%;
}

body {
  overflow-x: hidden;
}

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

img {
  display: block;
  max-width: 100%;
}


/* Source: resources/assets/css/public/base/tokens.css */
@font-face {
  font-family: "Bricolage Grotesque";
  src: url("/assets/public/fonts/BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf") format("truetype-variations");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Brygada 1918";
  src: url("/assets/public/fonts/Brygada1918-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Brygada 1918";
  src: url("/assets/public/fonts/Brygada1918-Italic-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url("/assets/public/fonts/Geist-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url("/assets/public/fonts/Geist-Italic-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Font family tokens */
  --font-family-body: "Geist";
  --font-family-heading: "Bricolage Grotesque";
  --font-family-display: "Brygada 1918";

  /* Theme tokens */
  --yellow: #FAFF66;
  --white: #FFFAFA;
  --black: #000000;
  --background: #CFB590;
  --sand: #B2A18A;

  /* Existing compact public spacing scale */
  --spacing-0_75: 0.75rem;
  --spacing-1: 1rem;
  --spacing-1_5: 1.5rem;
  --spacing-2: 2rem;
  --spacing-3: 3rem;
  --spacing-4: 4rem;

  /* Shared spacing primitives ported from changchun/src/assets/css/base/tokens.css */
  --spacing-0: 0rem;
  --spacing-0_3125: 0.3125rem;
  --spacing-0_625: 0.625rem;
  --spacing-1: 1rem;
  --spacing-1_25: 1.25rem;
  --spacing-1_4375: 1.4375rem;
  --spacing-1_5625: 1.5625rem;
  --spacing-1_875: 1.875rem;
  --spacing-2: 2rem;
  --spacing-2_1875: 2.1875rem;
  --spacing-2_25: 2.25rem;
  --spacing-2_3125: 2.3125rem;
  --spacing-2_5: 2.5rem;
  --spacing-2_625: 2.625rem;
  --spacing-2_8125: 2.8125rem;
  --spacing-3_125: 3.125rem;
  --spacing-3_375: 3.375rem;
  --spacing-3_4375: 3.4375rem;
  --spacing-3_5: 3.5rem;
  --spacing-3_75: 3.75rem;
  --spacing-4: 4rem;
  --spacing-4_25: 4.25rem;
  --spacing-4_375: 4.375rem;
  --spacing-4_5: 4.5rem;
  --spacing-4_6875: 4.6875rem;
  --spacing-5: 5rem;
  --spacing-5_625: 5.625rem;
  --spacing-6_25: 6.25rem;
  --spacing-6_5625: 6.5625rem;
  --spacing-6_875: 6.875rem;
  --spacing-7_1875: 7.1875rem;
  --spacing-7_3125: 7.3125rem;
  --spacing-7_5: 7.5rem;
  --spacing-7_8125: 7.8125rem;
  --spacing-8: 8rem;
  --spacing-8_4375: 8.4375rem;
  --spacing-8_75: 8.75rem;
  --spacing-9: 9rem;
  --spacing-9_1875: 9.1875rem;
  --spacing-9_375: 9.375rem;
  --spacing-9_6875: 9.6875rem;
  --spacing-10: 10rem;
  --spacing-10_625: 10.625rem;
  --spacing-10_9375: 10.9375rem;
  --spacing-11_25: 11.25rem;
  --spacing-11_5625: 11.5625rem;
  --spacing-12: 12rem;
  --spacing-12_5: 12.5rem;
  --spacing-13_125: 13.125rem;
  --spacing-13_75: 13.75rem;
  --spacing-14: 14rem;
  --spacing-14_25: 14.25rem;
  --spacing-14_375: 14.375rem;
  --spacing-15_625: 15.625rem;
  --spacing-16_25: 16.25rem;
  --spacing-16_875: 16.875rem;
  --spacing-17_5: 17.5rem;
  --spacing-17_8125: 17.8125rem;
  --spacing-18_75: 18.75rem;
  --spacing-20: 20rem;
  --spacing-20_625: 20.625rem;
  --spacing-21_25: 21.25rem;
  --spacing-21_75: 21.75rem;
  --spacing-21_875: 21.875rem;
  --spacing-22_5: 22.5rem;
  --spacing-25: 25rem;
  --spacing-25_625: 25.625rem;
  --spacing-26_25: 26.25rem;
  --spacing-28_125: 28.125rem;
  --spacing-29_375: 29.375rem;
  --spacing-29_75: 29.75rem;
  --spacing-30: 30rem;
  --spacing-31: 31rem;
  --spacing-33_125: 33.125rem;
  --spacing-33_6875: 33.6875rem;
  --spacing-33_75: 33.75rem;
  --spacing-35: 35rem;
  --spacing-36_5625: 36.5625rem;
  --spacing-37_5: 37.5rem;
  --spacing-38_4375: 38.4375rem;
  --spacing-38_625: 38.625rem;
  --spacing-39_375: 39.375rem;
  --spacing-40: 40rem;
  --spacing-40_3125: 40.3125rem;
  --spacing-41_8125: 41.8125rem;
  --spacing-41_875: 41.875rem;
  --spacing-43_125: 43.125rem;
  --spacing-46_25: 46.25rem;
  --spacing-47_8125: 47.8125rem;
  --spacing-47_815: 47.815rem;
  --spacing-50: 50rem;
  --spacing-51_875: 51.875rem;
  --spacing-52_75: 52.75rem;
  --spacing-53_125: 53.125rem;
  --spacing-53_75: 53.75rem;
  --spacing-56_875: 56.875rem;
  --spacing-64: 64rem;
  --spacing-67_5: 67.5rem;
  --spacing-69_125: 69.125rem;
  --spacing-69_6875: 69.6875rem;
  --spacing-71_875: 71.875rem;
  --spacing-74_375: 74.375rem;
  --spacing-74_4375: 74.4375rem;
  --spacing-75: 75rem;
  --spacing-76_25: 76.25rem;
  --spacing-80: 80rem;
  --spacing-85_375: 85.375rem;

  --paragraph-spacing: 1.4em;

  /* Public implementation aliases */
  --button-padding-block: 0.85rem;
  --button-padding-inline: var(--spacing-1_25);
  --body-part-width-default: var(--spacing-37_5);
  --list-padding-inline-start: var(--spacing-1_25);

  --body-part-indent-25-1920: var(--spacing-1_5625);
  --body-part-indent-125-1920: var(--spacing-7_8125);
  --body-part-indent-300-768: var(--spacing-3_125);
  --body-part-indent-300-1024: var(--spacing-7_5);
  --body-part-indent-300-1280: var(--spacing-3_125);
  --body-part-indent-300-1440: var(--spacing-9_375);
  --body-part-indent-300-1920: var(--spacing-18_75);
  --body-part-indent-480-1280: var(--spacing-5);
  --body-part-indent-480-1366: var(--spacing-10_625);
  --body-part-indent-480-1440: var(--spacing-16_25);
  --body-part-indent-480-1680: var(--spacing-30);
  --body-part-indent-540-1024: var(--spacing-5_625);
  --body-part-indent-540-1280: var(--spacing-11_25);
  --body-part-indent-540-1366: var(--spacing-16_875);
  --body-part-indent-540-1440: var(--spacing-22_5);
  --body-part-indent-540-1680: var(--spacing-28_125);
  --body-part-indent-540-1920: var(--spacing-33_75);
}

.paragraph-spacing{
    padding-bottom: var(--paragraph-spacing);
  }


/* Source: resources/assets/css/public/base/container-queries/font-sizes.css */
/* Desktop-first font size sets for the Mecsek design.
   A responsive pass can remap these tokens later without changing font-style classes. */
:root {
  --font-size-set-1: 1rem;
  --font-size-set-2: 1.25rem;
  --font-size-set-3: clamp(1.25rem, 2vw, 1.5rem);
  --font-size-set-4: clamp(1.25rem, 2vw, 2rem);
  --font-size-set-5: clamp(1.6rem, 2vw, 2.25rem);
  --font-size-set-6: 3rem;
  --font-size-set-7: clamp(2.5rem, 4vw,4rem);
  --font-size-set-8: clamp(2.5rem, 6vw, 6rem);
  --font-size-set-9: clamp(3rem,8vw,8rem);
}


/* Source: resources/assets/css/public/base/typography.css */
.text_hero {
  font-family: var(--font-family-display), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-9);
  font-weight: 400;
  line-height: .9;
  letter-spacing: -0.07em;
}

.text_hero_display {
  font-family: var(--font-family-display), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-9);
  letter-spacing: -0.07em;
  font-weight: 400;
  line-height: .9;
  letter-spacing: -0.07em;
  font-style: italic;
}

.text_hero_detail_display {
  font-family: var(--font-family-display), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-7);
  letter-spacing: -0.07em;
  line-height: .8em;
}

.text_heading_huge {
  font-family: var(--font-family-heading), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-8);
  font-weight: 600;
}

.text_heading_huge_display {
  font-family: var(--font-family-display), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-8);
  letter-spacing: -0.07em;
  font-weight: 400;
}

.text_heading_larger {
  font-family: var(--font-family-heading), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-7);
  font-weight: 600;

}

.text_heading_larger_display {
  font-family: var(--font-family-display), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-7);
  letter-spacing: -0.07em;
  font-weight: 400;
}

.text_heading_large {
  font-family: var(--font-family-heading), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-6);
  font-weight: 600;
}

.text_heading_large_display {
  font-family: var(--font-family-display), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-6);
  letter-spacing: -0.07em;
  font-weight: 400;
}

.text_heading_medium_display {
  font-family: var(--font-family-display), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-5);
  letter-spacing: -0.07em;
  font-weight: 500;
}

.text_heading_medium {
  font-family: var(--font-family-heading), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-5);
  font-weight: 600;
}

.text_heading_regular_display {
  font-family: var(--font-family-display), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-2);
  letter-spacing: -0.07em;
  font-weight: 500;
}

.text_heading_small {
  font-family: var(--font-family-heading), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-2);
  font-weight: 400;
}

.text_heading_small_display {
  font-family: var(--font-family-display), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-2);
  letter-spacing: -0.07em;
  text-transform: uppercase;
  font-weight: 400;
}

.text_heading_micro_display {
  font-family: var(--font-family-display), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-1);
  letter-spacing: -0.07em;
  text-transform: uppercase;
}

.text_heading_micro {
  font-family: var(--font-family-heading), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-1);
  font-weight: 400;
}

.text_body_large {
  font-family: var(--font-family-body), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-4);
  font-weight: 500;
}

.text_body_normal {
  font-family: var(--font-family-body), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-3);
  font-weight: 500;
}

.text_body_normal_display {
  font-family: var(--font-family-display), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-3);
  letter-spacing: -0.07em;
  font-weight: 600;
}

.text_body_small {
  font-family: var(--font-family-body), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-2);
  font-weight: 400;
}

.text_body_small_display {
  font-family: var(--font-family-display), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-2);
  letter-spacing: -0.07em;
  font-weight: 500;
}

.text_button_large {
  font-family: var(--font-family-heading), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-4);
  font-weight: 400;
}

.text_button_normal {
  font-family: var(--font-family-heading), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-3);
  font-weight: 400;
}

.text_button_small {
  font-family: var(--font-family-heading), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-1);
  font-weight: 600;
}

.text_table_of_contents_item {
  font-family: var(--font-family-display), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-5);
  letter-spacing: -0.07em;
}

.text_table_heading {
  font-family: var(--font-family-display), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-3);
  letter-spacing: -0.07em;
}

.text_table_column_heading {
  font-family: var(--font-family-display), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-1);
  letter-spacing: -0.07em;
  text-transform: uppercase;
}

.text_table_column_description {
  font-family: var(--font-family-heading), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-1);
}

.text_navigation_item {
  font-family: var(--font-family-heading), "Comic Sans MS", "Comic Sans", cursive;
  font-size: var(--font-size-set-2);
}

italic, .text_italic{
  font-style: italic;
}

.text_uppercase{
  text-transform: uppercase;
}

.text_underline{
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: white;
  text-decoration-thickness: 5;
  text-underline-offset: 0.2em;
}

a.text_underline:hover{
  text-decoration: none;
}

.arrow-right::after{
  content: "\00a0\2192";
  display: inline-block;
  align-items: center;
  justify-content: flex-start;
  font: inherit;
  line-height: inherit;
  margin-left: 0.5rem;
  color: inherit;
}


/* Source: resources/assets/css/public/utilities/spacing-utilities.css */
/* Ported from changchun/src/assets/css/base/container-queries/spacing-utilities.css.
   These utilities stay implementation-agnostic and only depend on spacing tokens.
   They become active when a component opts into container queries. */

/* === BASE UTILITIES (Mobile < 768px) === */

.padding-2_8125 { padding: var(--spacing-2_8125); }

.padding-inline-0_625 { padding-inline: var(--spacing-0_625); }
.padding-inline-1_5625 { padding-inline: var(--spacing-1_5625); }
.padding-inline-2_5 { padding-inline: var(--spacing-2_5); }
.padding-inline-3_125 { padding-inline: var(--spacing-3_125); }

.padding-block-1_25 { padding-block: var(--spacing-1_25); }
.padding-block-1_875 { padding-block: var(--spacing-1_875); }
.padding-block-2_1875 { padding-block: var(--spacing-2_1875); }
.padding-block-3_125 { padding-block: var(--spacing-3_125); }
.padding-block-5 { padding-block: var(--spacing-5); }
.padding-block-6_25 { padding-block: var(--spacing-6_25); }
.padding-block-9_375 { padding-block: var(--spacing-9_375); }
.padding-block-12_5 { padding-block: var(--spacing-12_5); }
.padding-block-14_375 { padding-block: var(--spacing-14_375); }

.padding-left-0_625 { padding-left: var(--spacing-0_625); }
.padding-left-1_5625 { padding-left: var(--spacing-1_5625); }
.padding-left-3_125 { padding-left: var(--spacing-3_125); }
.padding-left-5 { padding-left: var(--spacing-5); }
.padding-left-8 { padding-left: var(--spacing-8); }
.padding-left-9_375 { padding-left: var(--spacing-9_375); }
.padding-left-21_125 { padding-left: 21.125rem; }
.padding-left-21_25 { padding-left: var(--spacing-21_25); }

.padding-right-0_625 { padding-right: var(--spacing-0_625); }
.padding-right-1 { padding-right: var(--spacing-1); }
.padding-right-1_5625 { padding-right: var(--spacing-1_5625); }
.padding-right-2_5 { padding-right: var(--spacing-2_5); }
.padding-right-3_125 { padding-right: var(--spacing-3_125); }
.padding-right-12_5 { padding-right: 12.5rem; }
.padding-right-5 { padding-right: var(--spacing-5); }

.padding-bottom-0_625 { padding-bottom: var(--spacing-0_625); }
.padding-bottom-1 { padding-bottom: var(--spacing-1); }
.padding-bottom-1_5625 { padding-bottom: var(--spacing-1_5625); }
.padding-bottom-1_875 { padding-bottom: var(--spacing-1_875); }
.padding-bottom-2 { padding-bottom: var(--spacing-2); }
.padding-bottom-2_25 { padding-bottom: var(--spacing-2_25); }
.padding-bottom-2_5 { padding-bottom: var(--spacing-2_5); }
.padding-bottom-2_625 { padding-bottom: var(--spacing-2_625); }
.padding-bottom-3_125 { padding-bottom: var(--spacing-3_125); }
.padding-bottom-3_375 { padding-bottom: var(--spacing-3_375); }
.padding-bottom-3_4375 { padding-bottom: var(--spacing-3_4375); }
.padding-bottom-4 { padding-bottom: var(--spacing-4); }
.padding-bottom-4_25 { padding-bottom: var(--spacing-4_25); }
.padding-bottom-4_375 { padding-bottom: var(--spacing-4_375); }
.padding-bottom-4_5 { padding-bottom: var(--spacing-4_5); }
.padding-bottom-5 { padding-bottom: var(--spacing-5); }
.padding-bottom-5_625 { padding-bottom: var(--spacing-5_625); }
.padding-bottom-6_25 { padding-bottom: var(--spacing-6_25); }
.padding-bottom-6_5625 { padding-bottom: var(--spacing-6_5625); }
.padding-bottom-7_3125 { padding-bottom: var(--spacing-7_3125); }
.padding-bottom-9_375 { padding-bottom: var(--spacing-9_375); }
.padding-bottom-10 { padding-bottom: var(--spacing-10); }
.padding-bottom-11_25 { padding-bottom: var(--spacing-11_25); }
.padding-bottom-12_5 { padding-bottom: var(--spacing-12_5); }
.padding-bottom-13_75 { padding-bottom: var(--spacing-13_75); }
.padding-bottom-14_375 { padding-bottom: var(--spacing-14_375); }
.padding-bottom-15_625 { padding-bottom: var(--spacing-15_625); }
.padding-bottom-16_25 { padding-bottom: var(--spacing-16_25); }
.padding-bottom-3_75 { padding-bottom: var(--spacing-3_75); }
.padding-bottom-1_25 { padding-bottom: var(--spacing-1_25); }
.padding-bottom-0_75 { padding-bottom: var(--spacing-0_75); }
.padding-bottom-7_5 { padding-bottom: var(--spacing-7_5); }

.padding-top-0 { padding-top: 0; }
.padding-top-1 { padding-top: var(--spacing-1); }
.padding-top-1_25 { padding-top: var(--spacing-1_25); }
.padding-top-1_5625 { padding-top: var(--spacing-1_5625); }
.padding-top-1_875 { padding-top: var(--spacing-1_875); }
.padding-top-2 { padding-top: var(--spacing-2); }
.padding-top-2_1875 { padding-top: var(--spacing-2_1875); }
.padding-top-3_125 { padding-top: var(--spacing-3_125); }
.padding-top-5 { padding-top: var(--spacing-5); }
.padding-top-6_25 { padding-top: var(--spacing-6_25); }
.padding-top-9 { padding-top: var(--spacing-9); }
.padding-top-9_375 { padding-top: var(--spacing-9_375); }
.padding-top-12 { padding-top: var(--spacing-12); }
.padding-top-12_5 { padding-top: var(--spacing-12_5); }
.padding-top-18_75 { padding-top: var(--spacing-18_75); }
.padding-top-7_5 { padding-top: var(--spacing-7_5); }
.padding-top-13_75 { padding-top: var(--spacing-13_75); }

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

.margin-left-0 { margin-left: 0; }
.margin-left-auto { margin-left: auto; }
.margin-left-9_375 { margin-left: var(--spacing-9_375); }
.margin-left-21_75 { margin-left: var(--spacing-21_75); }

.margin-right-0 { margin-right: 0; }
.margin-right-auto { margin-right: auto; }
.margin-right-9_375 { margin-right: var(--spacing-9_375); }

.margin-bottom-0 { margin-bottom: 0; }
.margin-bottom-0_625 { margin-bottom: var(--spacing-0_625); }
.margin-bottom-2_1875 { margin-bottom: var(--spacing-2_1875); }
.margin-bottom-2_3125 { margin-bottom: var(--spacing-2_3125); }
.margin-bottom-4_5 { margin-bottom: var(--spacing-4_5); }

.margin-top-0 { margin-top: var(--spacing-0); }
.margin-top-2_1875 { margin-top: var(--spacing-2_1875); }
.margin-top-3_125 { margin-top: var(--spacing-3_125); }

.margin-block-end-1_19 { margin-block-end: 1.19rem; }
.margin-block-end-3_12 { margin-block-end: 3.12rem; }
.margin-block-start-16_25 { margin-block-start: var(--spacing-16_25); }

.width-20_625 { width: var(--spacing-20_625); }
.width-25 { width: var(--spacing-25); }
.width-28_125 { width: var(--spacing-28_125); }
.width-29_75 { width: var(--spacing-29_75); }
.width-33_125 { width: var(--spacing-33_125); }
.width-37_5 { width: var(--spacing-37_5); }
.width-53_125 { width: var(--spacing-53_125); }

.max-width-20_625 { max-width: var(--spacing-20_625); }
.max-width-25 { max-width: 25rem; }
.max-width-30_94 { max-width: 30.94rem; }
.max-width-31 { max-width: var(--spacing-31); }
.max-width-31_25 { max-width: 31.25rem; }
.max-width-33_125 { max-width: 33.125rem; }
.max-width-33_75 { max-width: 33.75rem; }
.max-width-34_375 { max-width: 34.375rem; }
.max-width-37_5 { max-width: 37.5rem; }
.max-width-43_75 { max-width: 43.75rem; }
.max-width-45 { max-width: 45rem; }
.max-width-47_8125 { max-width: var(--spacing-47_8125); }
.max-width-47_815 { max-width: var(--spacing-47_815); }
.max-width-50 { max-width: 50rem; }
.max-width-56_25 { max-width: 56.25rem; }
.max-width-56_875 { max-width: var(--spacing-56_875); }
.max-width-64 { max-width: var(--spacing-64); }
.max-width-67_5 { max-width: var(--spacing-67_5); }
.max-width-74_375 { max-width: var(--spacing-74_375); }
.max-width-80 { max-width: var(--spacing-80); }

.gap-2_5 { gap: var(--spacing-2_5); }
.gap-3_5 { gap: var(--spacing-3_5); }
.gap-4_5 { gap: var(--spacing-4_5); }
.gap-5 { gap: var(--spacing-5); }
.gap-7_5 { gap: var(--spacing-7_5); }
.gap-9_1875 { gap: var(--spacing-9_1875); }
.gap-6_25 { gap: var(--spacing-6_25); }

.column-gap-1_25 { column-gap: var(--spacing-1_25); }
.column-gap-1_4375 { column-gap: var(--spacing-1_4375); }
.column-gap-1_5625 { column-gap: var(--spacing-1_5625); }
.column-gap-2_5 { column-gap: var(--spacing-2_5); }
.column-gap-4_375 { column-gap: var(--spacing-4_375); }
.column-gap-4_5 { column-gap: var(--spacing-4_5); }
.column-gap-5 { column-gap: var(--spacing-5); }
.column-gap-6_25 { column-gap: var(--spacing-6_25); }
.column-gap-7_1875 { column-gap: var(--spacing-7_1875); }
.column-gap-9_375 { column-gap: var(--spacing-9_375); }
.column-gap-0_3125 { column-gap: var(--spacing-0_3125); }


.row-gap-1_25 { row-gap: var(--spacing-1_25); }
.row-gap-2_5 { row-gap: var(--spacing-2_5); }
.row-gap-3_125 { row-gap: var(--spacing-3_125); }
.row-gap-4 { row-gap: var(--spacing-4); }
.row-gap-4_375 { row-gap: var(--spacing-4_375); }
.row-gap-5 { row-gap: var(--spacing-5); }
.row-gap-6_25 { row-gap: var(--spacing-6_25); }
.row-gap-9_375 { row-gap: var(--spacing-9_375); }
.row-gap-12_5 { row-gap: var(--spacing-12_5); }

.margin-inline-0_625 { margin-inline: var(--spacing-0_625); }

@container (min-width: 768px) {
  .padding-inline-0\@768 { padding-inline: 0; }
  .padding-inline-0_625\@768 { padding-inline: var(--spacing-0_625); }
  .padding-inline-1_5625\@768 { padding-inline: var(--spacing-1_5625); }
  .padding-inline-5\@768 { padding-inline: var(--spacing-5); }
  .padding-inline-6_25\@768 { padding-inline: var(--spacing-6_25); }

  .padding-left-1_5625\@768 { padding-left: var(--spacing-1_5625); }
  .padding-left-3_75\@768 { padding-left: var(--spacing-3_75); }
  .padding-left-9_3125\@768 { padding-left: 9.3125rem; }
  .padding-left-20\@768 { padding-left: var(--spacing-20); }
  .padding-right-1_5625\@768 { padding-right: var(--spacing-1_5625); }
  .padding-right-2_5\@768 { padding-right: var(--spacing-2_5); }
  .padding-right-3_125\@768 { padding-right: var(--spacing-3_125); }
  .padding-right-3_75\@768 { padding-right: var(--spacing-3_75); }
  .padding-right-9_375\@768 { padding-right: var(--spacing-9_375); }

  .width-25\@768 { width: var(--spacing-25); }
  .width-28_125\@768 { width: var(--spacing-28_125); }
  .width-37_5\@768 { width: var(--spacing-37_5); }

  .margin-inline-auto\@768 { margin-inline: auto; }
  .margin-right-9_375\@768 { margin-right: var(--spacing-9_375); }

  .padding-top-2_5\@768 { padding-top: var(--spacing-2_5); }
  .padding-top-12\@768 { padding-top: var(--spacing-12); }

  .max-width-29_375\@768 { max-width: var(--spacing-29_375); }
  .max-width-33_125\@768 { max-width: var(--spacing-33_125); }
  .max-width-46_25\@768 { max-width: var(--spacing-46_25); }
  .max-width-50\@768 { max-width: var(--spacing-50); }
}

@container (min-width: 1024px) {
  .padding-inline-0\@1024 { padding-inline: 0; }
  .padding-inline-1_5625\@1024 { padding-inline: var(--spacing-1_5625); }
  .padding-inline-6_875\@1024 { padding-inline: var(--spacing-6_875); }

  .padding-left-1_5625\@1024 { padding-left: var(--spacing-1_5625); }
  .padding-left-6_25\@1024 { padding-left: var(--spacing-6_25); }
  .padding-left-8_4375\@1024 { padding-left: var(--spacing-8_4375); }
  .padding-left-9_3125\@1024 { padding-left: 9.3125rem; }
  .padding-left-9_6875\@1024 { padding-left: var(--spacing-9_6875); }
  .padding-left-15_625\@1024 { padding-left: var(--spacing-15_625); }
  .padding-left-21_25\@1024 { padding-left: var(--spacing-21_25); }
  .padding-left-9_375\@1024 { padding-left: var(--spacing-9_375); }

  .padding-right-0\@1024 { padding-right: 0; }
  .padding-right-1_5625\@1024 { padding-right: var(--spacing-1_5625); }
  .padding-right-3_125\@1024 { padding-right: var(--spacing-3_125); }
  .padding-right-5_625\@1024 { padding-right: var(--spacing-5_625); }
  .padding-right-7_5\@1024 { padding-right: var(--spacing-7_5); }
  .padding-right-13_125\@1024 { padding-right: var(--spacing-13_125); }

  .width-29_75\@1024 { width: var(--spacing-29_75); }
  .width-33_125\@1024 { width: var(--spacing-33_125); }
  .width-38_4375\@1024 { width: var(--spacing-38_4375); }
  .width-41_8125\@1024 { width: var(--spacing-41_8125); }
  .width-53_125\@1024 { width: var(--spacing-53_125); }

  .margin-left-0\@1024 { margin-left: 0; }
  .margin-left-auto\@1024 { margin-left: auto; }
  .margin-right-0\@1024 { margin-right: 0; }
  .margin-right-auto\@1024 { margin-right: auto; }

  .gap-2_5\@1024 { gap: var(--spacing-2_5); }

  .max-width-29_375\@1024 { max-width: var(--spacing-29_375); }
  .max-width-33_125\@1024 { max-width: var(--spacing-33_125); }
  .max-width-35\@1024 { max-width: var(--spacing-35); }
  .max-width-37_5\@1024 { max-width: var(--spacing-37_5); }
  .max-width-39_375\@1024 { max-width: var(--spacing-39_375); }
  .max-width-46_25\@1024 { max-width: var(--spacing-46_25); }
  .max-width-51_875\@1024 { max-width: var(--spacing-51_875); }
  .max-width-67_5\@1024 { max-width: var(--spacing-67_5); }
}

@container (min-width: 1280px) {
  .padding-inline-0\@1280 { padding-inline: 0; }
  .padding-inline-7_1875\@1280 { padding-inline: var(--spacing-7_1875); }

  .padding-left-0\@1280 { padding-left: 0; }
  .padding-left-1_5625\@1280 { padding-left: var(--spacing-1_5625); }
  .padding-left-5\@1280 { padding-left: var(--spacing-5); }
  .padding-left-10_9375\@1280 { padding-left: var(--spacing-10_9375); }
  .padding-left-11_5625\@1280 { padding-left: var(--spacing-11_5625); }
  .padding-left-12_5\@1280 { padding-left: var(--spacing-12_5); }
  .padding-left-18_75\@1280 { padding-left: var(--spacing-18_75); }
  .padding-left-21_25\@1280 { padding-left: var(--spacing-21_25); }
  .padding-left-15_625\@1280 { padding-left: var(--spacing-15_625); }

  .padding-right-3_125\@1280 { padding-right: var(--spacing-3_125); }
  .padding-right-5\@1280 { padding-right: var(--spacing-5); }
  .padding-right-9_375\@1280 { padding-right: var(--spacing-9_375); }
  .padding-right-11_25\@1280 { padding-right: var(--spacing-11_25); }
  .padding-right-36_5625\@1280 { padding-right: var(--spacing-36_5625); }

  .padding-top-0\@1280 { padding-top: 0; }
  .padding-bottom-12_5\@1280 { padding-bottom: var(--spacing-12_5); }

  .width-25\@1280 { width: var(--spacing-25); }
  .width-33_125\@1280 { width: var(--spacing-33_125); }
  .width-37_5\@1280 { width: var(--spacing-37_5); }
  .width-38_4375\@1280 { width: var(--spacing-38_4375); }
  .width-50\@1280 { width: var(--spacing-50); }

  .margin-left-0\@1280 { margin-left: 0; }
  .margin-left-auto\@1280 { margin-left: auto; }
  .margin-right-0\@1280 { margin-right: 0; }
  .margin-right-auto\@1280 { margin-right: auto; }
  .margin-inline-auto\@1280 { margin-inline: auto; }
  .margin-top-0\@1280 { margin-top: 0; }

  .max-width-5\@1280 { max-width: 100px; }
  .max-width-36_5625\@1280 { max-width: var(--spacing-36_5625); }
  .max-width-38_625\@1280 { max-width: var(--spacing-38_625); }
  .max-width-52_75\@1280 { max-width: var(--spacing-52_75); }
  .max-width-56_875\@1280 { max-width: var(--spacing-56_875); }
  .max-width-67_5\@1280 { max-width: var(--spacing-67_5); }
  .max-width-69_125\@1280 { max-width: var(--spacing-69_125); }
  .max-width-69_6875\@1280 { max-width: var(--spacing-69_6875); }

  .gap-7_5\@1280 { gap: var(--spacing-7_5); }
  .column-gap-4_5\@1280 { column-gap: var(--spacing-4_5); }
}

@container (min-width: 1366px) {
  .padding-left-14_25\@1366 { padding-left: var(--spacing-14_25); }
  .padding-left-30\@1366 { padding-left: var(--spacing-30); }
  .padding-left-43_125\@1366 { padding-left: var(--spacing-43_125); }
  .padding-right-10_625\@1366 { padding-right: var(--spacing-10_625); }
  .padding-right-16_875\@1366 { padding-right: var(--spacing-16_875); }
  .padding-top-14\@1366 { padding-top: var(--spacing-14); }

  .margin-top-26_25\@1366 { margin-top: var(--spacing-26_25); }

  .column-gap-7_5\@1366 { column-gap: var(--spacing-7_5); }

  .max-width-39_375\@1366 { max-width: var(--spacing-39_375); }
  .max-width-52_75\@1366 { max-width: var(--spacing-52_75); }
  .max-width-53_75\@1366 { max-width: var(--spacing-53_75); }
}

@container (min-width: 1440px) {
  .padding-inline-0\@1440 { padding-inline: 0; }

  .padding-left-5_625\@1440 { padding-left: 5.625rem; }
  .padding-left-13_125\@1440 { padding-left: var(--spacing-13_125); }
  .padding-left-35\@1440 { padding-left: var(--spacing-35); }
  .padding-left-41_875\@1440 { padding-left: var(--spacing-41_875); }
  .padding-left-21_25\@1440 { padding-left: var(--spacing-21_25); }
  .padding-left-17_5\@1440 { padding-left: var(--spacing-17_5); }

  .padding-right-1_5625\@1440 { padding-right: var(--spacing-1_5625); }
  .padding-right-5\@1440 { padding-right: var(--spacing-5); }
  .padding-right-9_375\@1440 { padding-right: var(--spacing-9_375); }
  .padding-right-16_25\@1440 { padding-right: var(--spacing-16_25); }
  .padding-right-22_5\@1440 { padding-right: var(--spacing-22_5); }
  .padding-right-41_875\@1440 { padding-right: var(--spacing-41_875); }

  .padding-top-11_25\@1440 { padding-top: var(--spacing-11_25); }

  .margin-left-9_375\@1440 { margin-left: var(--spacing-9_375); }
  .margin-block-start-16_25\@1440 { margin-block-start: var(--spacing-16_25); }
  .margin-bottom-8_75\@1440 { margin-bottom: var(--spacing-8_75); }

  .width-33_6875\@1440 { width: var(--spacing-33_6875); }

  .max-width-35\@1440 { max-width: var(--spacing-35); }
  .max-width-41_875\@1440 { max-width: var(--spacing-41_875); }
  .max-width-56_875\@1440 { max-width: var(--spacing-56_875); }
  .max-width-67_5\@1440 { max-width: var(--spacing-67_5); }
  .max-width-71_875\@1440 { max-width: var(--spacing-71_875); }
  .max-width-74_4375\@1440 { max-width: var(--spacing-74_4375); }
  .max-width-75\@1440 { max-width: var(--spacing-75); }
  .max-width-none\@1440 { max-width: none; }

  .gap-7_5\@1440 { gap: var(--spacing-7_5); }
  .column-gap-10\@1440 { column-gap: var(--spacing-10); }
}

@container (min-width: 1680px) {
  .padding-inline-0\@1680 { padding-inline: 0; }
  .padding-inline-1_5625\@1680 { padding-inline: var(--spacing-1_5625); }
  .padding-inline-3_4375\@1680 { padding-inline: var(--spacing-3_4375); }
  .padding-inline-5\@1680 { padding-inline: var(--spacing-5); }

  .padding-left-0\@1680 { padding-left: var(--spacing-0); }
  .padding-left-5\@1680 { padding-left: var(--spacing-5); }
  .padding-left-5_625\@1680 { padding-left: 5.625rem; }
  .padding-left-6_5625\@1680 { padding-left: var(--spacing-6_5625); }
  .padding-left-8\@1680 { padding-left: var(--spacing-8); }
  .padding-left-18_75\@1680 { padding-left: var(--spacing-18_75); }
  .padding-left-20_625\@1680 { padding-left: var(--spacing-20_625); }
  .padding-left-40\@1680 { padding-left: var(--spacing-40); }

  .padding-right-28_125\@1680 { padding-right: var(--spacing-28_125); }
  .padding-right-30\@1680 { padding-right: var(--spacing-30); }

  .padding-block-6_25\@1680 { padding-block: var(--spacing-6_25); }
  .padding-top-0\@1680 { padding-top: 0; }

  .margin-left-14_375\@1680 { margin-left: calc(var(--spacing-9_375) + var(--spacing-5)); }
  .margin-block-start-16_25\@1680 { margin-block-start: var(--spacing-16_25); }
  .margin-top-0\@1680 { margin-top: var(--spacing-0); }

  .max-width-37_5\@1680 { max-width: var(--spacing-37_5); }
  .max-width-67_5\@1680 { max-width: var(--spacing-67_5); }
  .max-width-85_375\@1680 { max-width: var(--spacing-85_375); }
}

@container (min-width: 1880px) {
  .padding-inline-3_125-21_125\@1920 { padding-inline: var(--spacing-3_125) 21.125rem; }
  .padding-inline-3_4375\@1920 { padding-inline: var(--spacing-3_4375); }
  .padding-inline-4_6875\@1920 { padding-inline: var(--spacing-4_6875); }
  .padding-inline-0\@1920 { padding-inline: var(--spacing-0); }

  .padding-left-5_625\@1920 { padding-left: 5.625rem; }
  .padding-left-10\@1920 { padding-left: var(--spacing-10); }
  .padding-left-17_8125\@1920 { padding-left: var(--spacing-17_8125); }
  .padding-left-21_125\@1920 { padding-left: 21.125rem; }
  .padding-left-21_875\@1920 { padding-left: 21.875rem; }
  .padding-left-31_5625\@1920 { padding-left: 31.5625rem; }
  .padding-left-37_5\@1920 { padding-left: var(--spacing-37_5); }
  .padding-left-40_3125\@1920 { padding-left: var(--spacing-40_3125); }
  .padding-left-47_8125\@1920 { padding-left: var(--spacing-47_8125); }
  .padding-left-21_25\@1920 { padding-left: var(--spacing-21_25); }

  .padding-right-1_5625\@1920 { padding-right: var(--spacing-1_5625); }
  .padding-right-7_8125\@1920 { padding-right: var(--spacing-7_8125); }
  .padding-right-12_5\@1920 { padding-right: 12.5rem; }
  .padding-right-18_75\@1920 { padding-right: var(--spacing-18_75); }
  .padding-right-25_625\@1920 { padding-right: var(--spacing-25_625); }
  .padding-right-30\@1920 { padding-right: var(--spacing-30); }
  .padding-right-33_75\@1920 { padding-right: var(--spacing-33_75); }

  .margin-left-21_75\@1920 { margin-left: var(--spacing-21_75); }
  .margin-left-21_875\@1920 { margin-left: var(--spacing-21_875); }
  .margin-right-18_75\@1920 { margin-right: var(--spacing-18_75); }
  .margin-top-0\@1920 { margin-top: 0; }

  .width-56_875\@1920 { width: var(--spacing-56_875); }
  .width-full\@1920 { width: 100%; }

  .max-width-46_25\@1920 { max-width: var(--spacing-46_25); }
  .max-width-56_875\@1920 { max-width: 56.875rem; }
  .max-width-76_25\@1920 { max-width: 76.25rem; }
  .max-width-87_5\@1920 { max-width: 87.5rem; }
  .max-width-none\@1920 { max-width: none; }

  .padding-top-0\@1920 { padding-top: 0; }
  .padding-block-6_25\@1920 { padding-block: var(--spacing-6_25); }
}


/* Source: resources/assets/css/public/utilities/helpers.css */
.asterisk::before{
    content: "＊";
}

.hide\@768 {
    display: none;
}

.hide\@1024 {
    display: none;
}

.hide\@1150 {
    display: none;
}

@container (min-width: 768px ) {
    .hide\@768 {
        display: block;
    }
}

@container (min-width: 1024px) {
    .hide\@1024 {
        display: block;
    }
}

@container (min-width: 1150px) {
    .hide\@1150 {
        display: block;
    }
}


/* Source: resources/assets/css/public/base/animations.css */
:root {
  --animation-duration-fast: 600ms;
  --animation-duration-base: 800ms;
  --animation-duration-slow: 1000ms;
  --animation-stagger-step: 48ms;
  --animation-ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --animation-ease-soft: cubic-bezier(0.16, 1, 0.3, 1);
}

.animated {
  --animation-delay: 0ms;
  --animation-distance: 1.5rem;
  --animation-blur: 0.875rem;
  will-change: opacity, transform, filter;
}

.animated.is-visible {
  will-change: auto;
}

.animated.fade-in {
  opacity: 0;
  transform: translate3d(0, var(--animation-distance), 0);
  transition:
    opacity var(--animation-duration-base) var(--animation-ease-smooth) var(--animation-delay),
    transform var(--animation-duration-base) var(--animation-ease-smooth) var(--animation-delay);
}

.animated.fade-in.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.animated.unblur {
  opacity: 0;
  filter: blur(var(--animation-blur));
  transform: translate3d(0, 1rem, 0) scale(0.985);
  transition:
    opacity var(--animation-duration-base) var(--animation-ease-soft) var(--animation-delay),
    transform var(--animation-duration-base) var(--animation-ease-soft) var(--animation-delay),
    filter var(--animation-duration-slow) var(--animation-ease-soft) var(--animation-delay);
}

.animated.unblur.is-visible {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

.animated.letter-compile-vertical {
  --letter-compile-offset: 0.95em;
  --letter-compile-hidden-spacing: 0.14em;
  --letter-compile-visible-spacing: 0.02em;
  opacity: 0;
  letter-spacing: var(--letter-compile-hidden-spacing);
  transition:
    opacity 240ms linear var(--animation-delay),
    letter-spacing var(--animation-duration-slow) var(--animation-ease-smooth) var(--animation-delay);
}

.animated.letter-compile-vertical.is-visible {
  opacity: 1;
  letter-spacing: var(--letter-compile-visible-spacing);
}

.animated.letter-compile-vertical .animated-letter {
  display: inline-block;
  opacity: 0;
  white-space: pre;
  transform: translate3d(0, var(--letter-compile-offset), 0);
  transition:
    opacity var(--animation-duration-fast) ease-out,
    transform var(--animation-duration-base) var(--animation-ease-smooth);
  transition-delay: calc(var(--animation-delay) + (var(--letter-index, 0) * var(--animation-stagger-step)));
}

.animated.letter-compile-vertical .animated-letter--space {
  min-width: 0.3em;
}

.animated.letter-compile-vertical.is-visible .animated-letter {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  .animated,
  .animated .animated-letter,
  .button--pill {
    transition-duration: 1ms;
    transition-delay: 0ms;
  }

  .animated.fade-in,
  .animated.fade-in.is-visible,
  .animated.unblur,
  .animated.unblur.is-visible,
  .animated.letter-compile-vertical,
  .animated.letter-compile-vertical.is-visible,
  .animated.letter-compile-vertical .animated-letter,
  .animated.letter-compile-vertical.is-visible .animated-letter {
    opacity: 1;
    filter: none;
    letter-spacing: normal;
    transform: none;
  }
}


::-moz-selection {
    color: var(--black);
    background-color: var(--yellow);
}

::selection {
    color: var(--black);
    background-color: var(--yellow);
}

body {
    color: var(--white);
    background-color: var(--background);

}

body::before {
    content: '';
    background-image: url('../images/design/bg_plants.png');
    background-repeat: repeat;
    background-size: contain;
    background-blend-mode: multiply;
    opacity: 0.07;
    width: 100%;
    height: 100%;
    position: fixed;
    pointer-events: none;
    z-index: -1;
}

.page-shell{
    container-type: inline-size;
    overflow-x: clip;
}

.theme-sand{
    background-color: var(--sand);
}

/* Component CSS */

/* Source: resources/views/components/atoms/button/button.css */
.button {
  --button-bg: var(--accent, var(--white));
  --button-color: var(--button-foreground, var(--black));
  --button-border-color: var(--button-border, var(--button-bg));
  --button-hover-bg: transparent;
  --button-hover-color: var(--button-bg);
  --button-hover-border-color: var(--button-bg);
  --button-arrow-popout-space: var(--spacing-4_5);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border: 1px solid var(--button-border-color);
  border-radius: 999px;
  padding: var(--button-padding-block) var(--button-padding-inline);
  background: var(--button-bg);
  color: var(--button-color);
  line-height: 1.1;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 0.35s ease,
    color 0.35s ease,
    border-color 0.35s ease,
    border-radius 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.button--inherit-font {
  font: inherit;
}

.button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 0.2rem;
}

.button__text {
  align-items: center;
  display: inline-block;
  max-width: 100%;

  p{
    display: inline;
  }
}

.button__text-default,
.button__text-hover {
  transition: opacity 0.25s ease;
}

.button__text-hover {
  opacity: 0;
}

.button--pill {
  position: relative;
  overflow: visible;
  padding-right: var(--button-padding-inline);
  transform: translate3d(0, 0, 0);
  white-space: nowrap;
  text-align: left;
  text-wrap: wrap;
}

.button-wrapper {
  display: inline-block;
  max-width: 100%;
}

.button-wrapper--pill {
  display: inline-block;
  padding-right: 0;
}

.button--arrow-link {
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  width: fit-content;
  max-width: 100%;
  text-align: left;
  color: var(--text-color);
}

.button--arrow-link > span::after {
  content: "\00a0\2192";
  display: inline-block;
  align-items: center;
  justify-content: flex-start;
  font: inherit;
  line-height: inherit;
  margin-left: 0.5rem;
  color: inherit;
  transition: margin-left 0.35s ease;
}

.button--has-hover-text:focus-visible .button__text-default {
  opacity: 0;
}

.button--has-hover-text:focus-visible .button__text-hover {
  opacity: 1;
}

.button--pill:focus-visible {
  transform: translate3d(0, -0.1875rem, 0);
}

.inverted .button
{
  --button-bg: transparent;
  --button-color: var(--white);
  --button-border-color: var(--white);
  --button-hover-bg: var(--white);
  --button-hover-color: var(--black);
  --button-hover-border-color: transparent;
}

@media (hover: hover) {
  .button--has-hover-text:hover .button__text-default {
    opacity: 0;
  }

  .button--has-hover-text:hover .button__text-hover {
    opacity: 1;
  }

  .button--pill:hover {
    transform: translate3d(0, -0.1875rem, 0);
  }

  .button--arrow-link:hover::after {
    margin-left: 1rem;
  }

  .button--arrow-link:hover{
    text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: var(--yellow);
  text-decoration-thickness: 0.08em;
  text-underline-offset: .06em;
  }
}

@media (max-width: 48rem) {
  .button--pill,
  .button--arrow-link {
    white-space: normal;
  }
}

/* Source: resources/views/components/atoms/drawer-toggle-button/drawer-toggle-button.css */
.drawer-toggle-button {
  width: 3.75rem;
  height: 3.75rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.drawer-toggle-button__icon {
  position: relative;
  display: block;
  width: 0.9375rem;
  height: 0.125rem;
  background-color: var(--white);
  transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.drawer-toggle-button__icon::before,
.drawer-toggle-button__icon::after {
  content: '';
  position: absolute;
  left: 0;
  width: 0.9375rem;
  height: 0.125rem;
  background-color: var(--white);
  transition: background-color 0.3s ease-in-out, top 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.drawer-toggle-button__icon::before {
  top: -0.375rem;
}

.drawer-toggle-button__icon::after {
  top: 0.375rem;
}

 .drawer-toggle-button__icon,
 .drawer-toggle-button__icon::before,
 .drawer-toggle-button__icon::after {
  background-color: var(--white);
}

.site-nav.is-drawer-open .drawer-toggle-button {
  background-color: var(--white);
  border-color: var(--black);
}

.site-nav.is-drawer-open .drawer-toggle-button__icon {
  background-color: transparent;
}

.site-nav.is-drawer-open .drawer-toggle-button__icon::before,
.site-nav.is-drawer-open .drawer-toggle-button__icon::after {
  top: 0;
  background-color: var(--black);
}

.site-nav.is-drawer-open .drawer-toggle-button__icon::before {
  transform: rotate(45deg);
}

.site-nav.is-drawer-open .drawer-toggle-button__icon::after {
  transform: rotate(-45deg);
}

/* Source: resources/views/components/atoms/eyebrow/eyebrow.css */
.eyebrow {
  display: block;
}

.eyebrow__wrapper{
  display: flex;
  align-items: center;
}

.eyebrow__image-container{
  display: flex;
  
}

/* Source: resources/views/components/atoms/hub-link/hub-link.css */
.hub-link {
  display: block;
  max-width: var(--hub-link-max-width, 100%);
}

/* Source: resources/views/components/atoms/image/image.css */
.atom-image {
  display: block;
  max-width: 100%;
  box-sizing: border-box;
  image-rendering: auto;
}

.atom-image:not([width]),
.atom-image:not([height]) {
  width: auto;
  height: auto;
}

.atom-image[width][height]:not([style*="object-fit"]) {
  width: var(--img-width);
  height: var(--img-height);
}

.atom-image[width]:not([style*="object-fit"]) {
  width: var(--img-width);
  height: auto;
}

.atom-image[height]:not([style*="object-fit"]) {
  height: var(--img-height);
  width: auto;
}

.atom-image-figure {
  display: grid;
  gap: var(--spacing-1);
  margin: 0;
}

.atom-image__frame {
  position: relative;
  /* overflow: hidden; */
}

.atom-image__hover-text {
  position: absolute;
  inset: auto 0 0 0;
  padding: var(--spacing-1);
  background: rgba(31, 29, 26, 0.72);
  color: #fff;
  opacity: 0;
}

.atom-image__frame--hoverable:hover .atom-image__hover-text,
.atom-image__frame--hoverable:focus-within .atom-image__hover-text {
  opacity: 1;
}

.atom-image-tooltip,
.atom-image-caption {
  color: var(--muted);
  text-wrap: pretty;
}

.atom-image-cta {
  margin-top: var(--spacing-0_75);
}

.atom-image-cta .button {
  display: inline-block;
}

.atom-image-cta--full-width .button {
  display: block;
  width: 100%;
  text-align: left;
}

.atom-image--full-width {
  width: 100%;
  height: auto;
}

.atom-image.atom-image--full-width,
.atom-image.atom-image--cover {
  width: 100%;
  height: auto;
}

.atom-image--max-width {
  width: min(100%, var(--img-width, 100%));
  height: auto;
}

.atom-image--full-width-mobile {
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .atom-image--full-width-mobile {
    width: auto;
  }
}

.atom-image--cover {
  object-fit: cover;
}

.atom-image--contain {
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.atom-image__frame .atom-image.atom-image--contain {
  width: auto;
}

.atom-image--rounded {
  border-radius: 0.5rem;
}

.atom-image--circle {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  object-fit: cover;
}

.atom-image--shadow {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.atom-image--bordered {
  border: 1px solid rgba(31, 29, 26, 0.18);
}

.atom-image--grayscale {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.atom-image--grayscale:hover {
  filter: grayscale(0%);
}

.atom-image-figure--max-width {
  width: min(100%, var(--img-width, 100%));
}

.atom-image-figure--centered {
  justify-items: center;
  text-align: center;
}

.atom-image-figure--with-background {
  padding: var(--spacing-1);
  background-color: rgba(31, 29, 26, 0.04);
}

.atom-image-caption--below {
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.atom-image-figure--caption-overlay {
  position: relative;
  overflow: hidden;
}

.atom-image-figure--caption-overlay .atom-image-caption {
  position: absolute;
  inset: auto 0 0 0;
  margin: 0;
  padding: var(--spacing-1);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  color: #fff;
}

.atom-image--with-placeholder {
  background-color: rgba(31, 29, 26, 0.08);
}

@media print {
  .atom-image,
  .atom-image-figure {
    max-width: 100%;
    page-break-inside: avoid;
  }
}

/* Source: resources/views/components/atoms/list/list.css */
ul.list {
  list-style-type: square;
  list-style-position: outside;
  padding-left: 1.9rem;
}

ul.list.list--items-spaced li + li {
  padding-top: 1rem;
}

ul.list li {
  list-style: inherit;
  display: list-item;
}

ul.list.list--undecorated {
  list-style: none;
  padding-left: 0;
}

/* Source: resources/views/components/atoms/paragraph/paragraph.css */
/* Paragraph-specific styles stay colocated here when needed. Watch flow verified. */

/* Source: resources/views/components/atoms/reveal/reveal.css */
.reveal {
  display: inline-grid;
}

.reveal-button,
.reveal-value {
  grid-column: 1;
  grid-row: 1;
}

.reveal-value {
  display: none;
  padding: 0.9125rem 1.3125rem;
  align-self: center;
}

.reveal-value.visible {
  display: inline-flex;
}

.reveal-button.hidden {
  visibility: hidden;
}

.button-wrapper:has( + .reveal-value.visible ){
  display: none;
}

/* Source: resources/views/components/molecules/body-part/body-part.css */
.body-part {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.body-part__image-container {
  flex: 0 0 auto;
}

.body-part__image-container .atom-image {
  display: block;
}

.body-part__container {
  width: 100%;
  max-width: min(100%, var(--body-part-width, var(--body-part-width-default)));
  flex-shrink: 0;
}

.body-part:has(.body-part__column-left)::after {
  display: block;
  content: "";
  width: 100%;
  max-width: var(--body-part-offset, 0);
}

.body-part:has(.body-part__image-container) .body-part__container {
  width: auto;
  flex: 1 1 0;
  min-width: min(100%, var(--body-part-width, var(--body-part-width-default)));
}

.body-part--center {
  justify-content: center;
}

@container (min-width: 768px) {
  .body-part--indent-300\@768 {
    padding-right: var(--body-part-indent-300-768);
  }
}

@container (min-width: 1024px) {
  .body-part--indent-300\@1024 {
    padding-right: var(--body-part-indent-300-1024);
  }

  .body-part--indent-540\@1024 {
    padding-right: var(--body-part-indent-540-1024);
  }
}

@container (min-width: 1280px) {
  .body-part--indent-300\@1280 {
    padding-right: var(--body-part-indent-300-1280);
  }

  .body-part--indent-480\@1280 {
    padding-right: var(--body-part-indent-480-1280);
  }

  .body-part--indent-540\@1280 {
    padding-right: var(--body-part-indent-540-1280);
  }
}

@container (min-width: 1366px) {
  .body-part--indent-480\@1366 {
    padding-right: var(--body-part-indent-480-1366);
  }

  .body-part--indent-540\@1366 {
    padding-right: var(--body-part-indent-540-1366);
  }
}

@container (min-width: 1440px) {
  .body-part--indent-300\@1440 {
    padding-right: var(--body-part-indent-300-1440);
  }

  .body-part--indent-480\@1440 {
    padding-right: var(--body-part-indent-480-1440);
  }

  .body-part--indent-540\@1440 {
    padding-right: var(--body-part-indent-540-1440);
  }
}

@container (min-width: 1680px) {
  .body-part--indent-480\@1680 {
    padding-right: var(--body-part-indent-480-1680);
  }

  .body-part--indent-540\@1680 {
    padding-right: var(--body-part-indent-540-1680);
  }
}

@container (min-width: 1880px) {
  .body-part--indent-25\@1920 {
    padding-right: var(--body-part-indent-25-1920);
  }

  .body-part--indent-125\@1920 {
    padding-right: var(--body-part-indent-125-1920);
  }

  .body-part--indent-300\@1920 {
    padding-right: var(--body-part-indent-300-1920);
  }

  .body-part--indent-540\@1920 {
    padding-right: var(--body-part-indent-540-1920);
  }
}

.body-part:has(.body-part__container.leader) {
  flex-wrap: nowrap;
}

.body-part--outlined {
  background: var(--white);
  padding: 1.5625rem;
  color: var(--black);
}

.body-part--featured {
  position: relative;

  &::before {
    content: "\2192";
    position: absolute;
    right: calc(100% + 1.5rem);
    top: 0;
    line-height: 1;
    font-size: var(--font-size-set-13);
    color: var(--white);
    white-space: nowrap;
  }
}

.body-part:has(.body-part--leading-line) {
  flex-wrap: nowrap;
  --ll-offset: calc(var(--font-size-set-6) * 0.5);

  &:has(.text_mediumer_display) {
    --ll-offset: calc(var(--font-size-set-13) * 0.5);
  }

  &::before {
    content: "";
    flex: 1;
    height: 1px;
    background-color: var(--theme-border-color);
    align-self: flex-start;
    margin-top: var(--ll-offset);
    margin-right: 1rem;
  }
}

/* Source: resources/views/components/molecules/body-row/body-row.css */
.body-row {
  padding: var(--spacing-3) 0;
}

.body-row__container {
  display: grid;
  gap: var(--spacing-1_5);
}

/* Source: resources/views/components/molecules/content-section/content-section.css */
.content-section {
  color: var(--muted);
}

/* Source: resources/views/components/molecules/content-table/content-table.css */
.content-table {
  --content-table-gap: 15px;
  --content-table-border: rgba(255, 255, 255, 1);
  --content-table-link-color: inherit;
  display: block;
}

.content-table__wrapper {
  display: grid;
  gap: var(--content-table-gap);
}

.content-table__row-inner {
  display: grid;
  gap: var(--content-table-gap);
  align-items: start;
}

.content-table__row + .content-table__row {
  padding-top: var(--content-table-gap);
  border-top: 1px solid var(--content-table-border);
}

.content-table__title-column,
.content-table__content-column,
.content-table__links-column {
  min-width: 0;
}

.content-table__title {
  margin: 0;
  text-wrap: balance;
}

.content-table__links-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.875rem;
}

.content-table__link-item {
  padding-bottom: 0.875rem;
  border-bottom: 1px solid var(--content-table-border);
}

.content-table__link-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.content-table__link {
  color: var(--content-table-link-color);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

.content-table__link:hover,
.content-table__link:focus-visible {
  text-decoration: none;
}

.content-table__row-inner{
  padding-bottom: var(--content-table-gap);
}

@media (min-width: 900px) {
  .content-table__row-inner {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.35fr) minmax(14rem, 0.85fr);
  }
}

/* Source: resources/views/components/molecules/horizontal-divider/horizontal-divider.css */
.horizontal-divider {
  width: 100%;
}

.horizontal-divider::before {
  content: "";
  display: block;
  width: 100%;
  border-top: 1px solid var(--line);
}

.horizontal-divider--wavy::before {
  height: 12px;
  border-top: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 12' preserveAspectRatio='none'%3E%3Cpath d='M0 6C4 6 4 1 8 1s4 5 8 5 4-5 8-5 4 5 8 5 4-5 8-5 4 5 8 5' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: repeat-x;
  background-size: 48px 12px;
}

/* Source: resources/views/components/molecules/image-slider/image-slider.css */
.image-slider {
  --image-slider-featured-width: 45rem;
  --image-slider-featured-height: 26rem;
  --image-slider-thumbnail-width: 13.5rem;
  --image-slider-thumbnail-height: 7.75rem;
  --image-slider-surface-strong: rgba(255, 250, 250, 0.72);
  --image-slider-surface-muted: rgba(255, 250, 250, 0.18);
  --image-slider-surface-soft: rgba(255, 250, 250, 0.4);
  --image-slider-surface-frame: rgba(255, 248, 240, 0.18);
  --image-slider-border: rgba(255, 250, 250, 0.3);
  --image-slider-arrow-surface: rgba(31, 29, 26, 0.78);
  --image-slider-arrow-surface-hover: rgba(31, 29, 26, 0.92);

  display: block;
  width: 100%;
  container-type: inline-size;
}

.image-slider__wrapper {
  display: grid;
  gap: 1.5rem;
  width: 100%;
}

.image-slider__stage {
  position: relative;
  width: min(100%, var(--image-slider-featured-width));
  margin-inline: auto;
}

.image-slider__featured-viewport {
  width: 100%;
  overflow: hidden;
}

.image-slider__featured-track {
  display: flex;
  width: 100%;
  transition: transform 220ms ease;
  will-change: transform;
}

.image-slider__featured-item {
  flex: 0 0 100%;
  width: 100%;
}

.image-slider__featured-frame,
.image-slider__thumbnail-frame {
  display: grid;
  place-items: center;
  overflow: hidden;
  background: var(--image-slider-surface-frame);
}

.image-slider__featured-frame {
  width: 100%;
  min-height: var(--image-slider-featured-height);
  height: var(--image-slider-featured-height);
}

.image-slider__thumbnail-frame {
  width: var(--image-slider-thumbnail-width);
  min-width: var(--image-slider-thumbnail-width);
  height: var(--image-slider-thumbnail-height);
}

.image-slider__featured-frame .atom-image__frame,
.image-slider__thumbnail-frame .atom-image__frame {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
}

.image-slider__featured-image.atom-image,
.image-slider__thumbnail-image.atom-image {
  width: 100%;
  height: 100%;
  max-width: none;
}

.image-slider__arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.875rem;
  height: 2.875rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--image-slider-arrow-surface);
  color: #fff;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background-color 160ms ease, opacity 160ms ease;
}

.image-slider__arrow:hover,
.image-slider__arrow:focus-visible {
  background: var(--image-slider-arrow-surface-hover);
}

.image-slider__arrow--prev {
  left: 1rem;
}

.image-slider__arrow--next {
  right: 1rem;
}

.image-slider__arrow-icon {
  font-size: 2rem;
  line-height: 1;
}

.image-slider__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-0_625);
  min-height: 0.625rem;
}

.image-slider__dot {
  appearance: none;
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--image-slider-surface-soft);
  cursor: pointer;
}

.image-slider__dot.is-active,
.image-slider__dot[aria-current="true"] {
  background: var(--white);
}

.image-slider__thumbnail-scroller {
  width: min(100%, var(--image-slider-featured-width));
  margin-inline: auto;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.image-slider__thumbnail-scroller::-webkit-scrollbar {
  display: none;
}

.image-slider__thumbnail-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 1.25rem;
  width: max-content;
}

.image-slider__thumbnail-button {
  display: inline-flex;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.image-slider__thumbnail-button.is-active .image-slider__thumbnail-frame,
.image-slider__thumbnail-button[aria-current="true"] .image-slider__thumbnail-frame {
  border-color: var(--white);
  opacity: 1;
}

.image-slider__thumbnail-button:focus-visible .image-slider__thumbnail-frame,
.image-slider__thumbnail-button:hover .image-slider__thumbnail-frame {
  opacity: 1;
}

.image-slider__thumbnail-frame {
  border: 1px solid var(--image-slider-border);
  opacity: 0.72;
  transition: border-color 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.image-slider__thumbnail-button.is-active .image-slider__thumbnail-frame {
  transform: translateY(-0.125rem);
}

@container (max-width: 767px) {
  .image-slider__wrapper {
    gap: 0.875rem;
  }

  .image-slider__stage {
    width: 100%;
  }

  .image-slider__featured-viewport {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .image-slider__featured-viewport::-webkit-scrollbar {
    display: none;
  }

  .image-slider__featured-track {
    transition: none;
  }

  .image-slider__featured-item {
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }

  .image-slider__featured-frame {
    min-height: min(75vw, var(--image-slider-featured-height));
    height: min(75vw, var(--image-slider-featured-height));
  }

  .image-slider__arrow,
  .image-slider__thumbnail-scroller {
    display: none;
  }
}

/* Source: resources/views/components/molecules/section_heading/section_heading.css */
.section-heading {
  display: grid;
  gap: var(--spacing-1);
  padding: var(--spacing-3) 0;
}

/* Source: resources/views/components/molecules/section-list/section-list.css */
.section-wrapper {
  max-width: 100%;
}

.section-list {
  display: flex;
  flex-direction: row;
}

.section-list > div {
  max-width: 100%;
}

.scroll-highlight-stage {
  position: relative;
}

.section-wrapper.scroll-highlight {
  position: sticky;
  top: 0;
  height: 100svh;
  overflow: hidden;
}

.section-wrapper.scroll-highlight .section-list {
  height: 100%;
  align-items: flex-start;
}

.section-wrapper.scroll-highlight .section-list p.paragraph-spacing {
  padding-bottom: calc(var(--paragraph-spacing) * 0.4);
}

.section-wrapper.scroll-highlight .section-list > div > div {
  opacity: 0.25;
  transition: opacity 0.3s ease;
}

.section-wrapper.scroll-highlight .section-list > div > div.is-active {
  opacity: 1;
}

.section-wrapper.hover-highlight .section-list p.paragraph-spacing {
  padding-bottom: calc(var(--paragraph-spacing) * 0.4);
}

.section-wrapper.hover-highlight .section-list > div > div {
  transition: opacity 0.35s ease, padding-top 0.35s ease, padding-bottom 0.35s ease;
}

.section-wrapper.hover-highlight .section-list > div:has(> div:hover) > div {
  opacity: 0.3;
}

.section-wrapper.hover-highlight .section-list > div > div:hover {
  opacity: 1 !important;
  padding-top: calc(var(--paragraph-spacing) * 0.6);
  padding-bottom: calc(var(--paragraph-spacing) * 0.6);
}

/* Source: resources/views/components/organisms/body-section/body-section.css */

/* Source: resources/views/components/organisms/chapter-section/chapter-section.css */
.chapter-section {
  display: block;
  container-type: inline-size;
  --chapter-section-mobile-sticky-top: 7rem;
  --chapter-section-mobile-anchor-offset: 11.5rem;
}

.chapter-section__content {
  display: flex;
  column-gap: clamp(1rem, 14cqw, 8.125rem);
}

.chapter-section__main-content{
  max-width: 56.25rem;
}

.chapter-section__table-of-contents {
  align-self: start;
  background-color: var(--white);
  color: var(--black);
  padding: clamp(1.5em, 5vw, 3.125em) clamp(1.5em, 5vw, 3.125em) clamp(2em, 5vw, 3.125em) clamp(1.5em, 5vw, 3.125em);
  min-width: clamp(12.5rem, 30%, 26.875rem);
}

.chapter-section__table-of-contents-title {
  display: inline-block;
  margin-bottom: 1rem;
}

.chapter-section__table-of-contents-list ul,
.chapter-section__mobile-table-of-contents-items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.chapter-section__table-of-contents-link,
.chapter-section__mobile-table-of-contents-link {
  color: inherit;
  text-decoration: none;
}

.chapter-section__table-of-contents-link:hover,
.chapter-section__table-of-contents-link:focus-visible,
.chapter-section__mobile-table-of-contents-link:hover,
.chapter-section__mobile-table-of-contents-link:focus-visible,
.chapter-section__table-of-contents-link[aria-current="location"],
.chapter-section__mobile-table-of-contents-link[aria-current="location"] {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: var(--black);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 0.05em;
}

.chapter-section__mobile-table-of-contents {
  display: none;
}

@media (min-width: 960px) {

  .chapter-section__table-of-contents {
    position: sticky;
    top: 12.5rem;
  }
}

@media (max-width: 959px) {
  .chapter-section__content {
    flex-direction: column;
  }

  .chapter-section__table-of-contents {
    min-width: auto;
    width: 100%;
    max-width: 26.25rem;
  }

  .chapter-section__chapter {
    scroll-margin-top: var(--chapter-section-mobile-anchor-offset);
  }

  .chapter-section__mobile-table-of-contents {
    position: sticky;
    top: var(--chapter-section-mobile-sticky-top);
    z-index: 12;
    margin-bottom: 1.5rem;
    border-radius: 1rem;
    overflow: clip;
    overflow-anchor: none;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.12);
  }

  .chapter-section__mobile-table-of-contents--active {
    display: block;
  }

  .chapter-section__mobile-table-of-contents-summary {
    position: relative;
    display: grid;
    gap: 0.375rem;
    padding: 1rem 1.25rem;
    background-color: var(--white);
    color: var(--black);
    cursor: pointer;
    list-style: none;
  }

  .chapter-section__mobile-table-of-contents-summary::-webkit-details-marker {
    display: none;
  }

  .chapter-section__mobile-table-of-contents-summary::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1.25rem;
    width: 0.65rem;
    height: 0.65rem;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: translateY(-65%) rotate(45deg);
    transition: transform 120ms ease-in-out;
  }

  .chapter-section__mobile-table-of-contents[open] .chapter-section__mobile-table-of-contents-summary::after {
    transform: translateY(-30%) rotate(-135deg);
  }

  .chapter-section__mobile-table-of-contents[open] .chapter-section__mobile-table-of-contents-summary {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }

  .chapter-section__mobile-table-of-contents-title {
    display: block;
    padding-right: 2rem;
    opacity: 0.72;
  }

  .chapter-section__mobile-table-of-contents-current {
    display: block;
    padding-right: 2rem;
  }

  .chapter-section__mobile-table-of-contents-panel {
    background-color: var(--white);
    color: var(--black);
    padding: 0.875rem 1.25rem 1.25rem;
  }

  .chapter-section__mobile-table-of-contents-items {
    display: grid;
    gap: 0.75rem;
  }
}

@media (max-width: 1280px){
  .chapter-section__content {
    column-gap: clamp(1rem, 7vw, 4rem);
  }
}

/* Source: resources/views/components/organisms/cta-section/cta-section.css */
.cta-section {
  display: block;
  /*background-image: url('/images/design/ceramics.png');*/
}

/* Source: resources/views/components/organisms/footer/footer.css */
.footer {
  display: block;
  container-type: inline-size;
}

.footer__wrapper{
  display: flex;
  justify-content: flex-end;
}

.footer__content{
 display: flex;
 gap: 120px;
 justify-content: end;
 flex-wrap: wrap;
}

.footer__row{
  display: flex;
  gap: clamp(2rem, 10vw, 7.5rem);
  flex-wrap: wrap;
  justify-content: flex-end;
}

.footer__col{
 width: 260px;
}

.footer .eyebrow {
  display: block;
  gap: 8px;
}

.footer .eyebrow__image-container{
  display: block;
    width: 23px;
    height: 23px;
}

.footer .eyebrow__wrapper{
  gap: 10px;
}

.sitemap {
  list-style: none;

}

.sitemap li {
  margin-bottom: 0rem;
}

.sitemap li a:hover, .footer__social-link:hover .eyebrow__content-container {
  text-decoration-line: underline;
    text-decoration-style: wavy;
    text-decoration-color: var(--white);
    text-decoration-thickness: 0.08em;
    text-underline-offset: .06em;
}

.footer__social-link:hover .eyebrow__content-container{
  text-decoration-thickness: 0.1em;
}

/* Source: resources/views/components/organisms/heading/heading.css */

/* Source: resources/views/components/organisms/hero-simple/hero-simple.css */
.hero-simple {
  display: block;
}

.hero-simple__title {
  line-height: .9;
}

.hero-simple__image-wrapper {
  display: flex;
  gap: clamp(0.625rem, 3vw, 3rem);
}

.hero-simple__image-container {
  max-width: 53.125rem;
}

.hero-simple__content {
  position: relative;
}

.hero-simple__title-container {
  position: absolute;
  bottom: max(10%, 2rem);
  left: max(15%, 1rem);
}

@container(max-width: 530px) {}

@container(max-width: 890px) {

  .hero-simple__title-container {
    left: 5%;
  }

  .hero-simple__text-container {
    display: none;
  }
}

/* Source: resources/views/components/organisms/hero/hero.css */
.hero {
  display: block;
  width: 100%;
}

.hero__wrapper{
  position: relative;
  display: block;
}

.hero__image-container
{
  display: flex;
  justify-content: space-between;

  .hero__image:nth-child(2){
    display: none;
  }

  column-gap: clamp(1.5rem, 4vw, 9.375rem);
}

.hero__content{
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  
  .hero__title{
    max-width: 1156px;
  }
}

@container (min-width: 768px) {
  .hero__image-container
  {
    .hero__image:nth-child(2){
      display: block;
    }
  }
}

/* Source: resources/views/components/organisms/hub-links/hub-links.css */
.hub-links {
  display: block;
}

.hub-links__wrapper{
  display: flex;
  justify-content: flex-end;
}

.hub-links__container{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: var(--hub-links-width);
  justify-content: flex-start;
  flex-wrap: wrap;
}

.hub-link{
  width: 100%;
  flex: 1;
  flex-grow: 1;
}

@container (min-width: 768px) {
  .hub-links__container{
    margin-right: clamp(0rem, 8vw, var(--hub-links-indent));
  }
}

@container(max-width: 1441px) {
  .hub-links__container{
    flex-direction: column;
    align-items: flex-end;
  }
}

/* Source: resources/views/components/organisms/image-carousel/image-carousel.css */
.image-carousel {
  display: block;
  width: 100%;
  container-type: inline-size;
}

.image-carousel__wrapper {
  --image-carousel-surface-strong: rgba(255, 250, 250, 0.72);
  --image-carousel-surface-muted: rgba(255, 250, 250, 0.18);
  --image-carousel-surface-soft: rgba(255, 250, 250, 0.4);
  --image-carousel-image-height: 28.125rem;;

  display: grid;
  width: 100%;
  overflow: hidden;
}

.image-carousel__image-container {
  display: flex;
  align-items: stretch;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
  touch-action: manipulation;
  padding-bottom: 5rem;
}

.image-carousel__image-container::-webkit-scrollbar {
  display: none;
}

.image-carousel__image-container:active {
  cursor: grabbing;
}

.image-carousel__image-container.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  user-select: none;
}

.image-carousel__image-container:nth-child(1){
  padding-left: 0.625rem;
}

.image-carousel__item {
  flex: 0 0 auto;
  display: flex;
  align-items: stretch;
  justify-content: center;
  height: var(--image-carousel-image-height);
  user-select: none;
  -webkit-user-select: none;
}

.image-carousel__slider {
  position: relative;
  width: min(24.5rem, 48%);
  height: 0.125rem;
  margin-inline: auto;
  background: var(--image-carousel-surface-muted);
  overflow: hidden;
  cursor: pointer;
  touch-action: none;
}

.image-carousel__slider::after {
  content: "";
  position: absolute;
  top: 50%;
  left: var(--image-carousel-slider-thumb-offset, 0%);
  width: var(--image-carousel-slider-thumb-width, 18%);
  min-width: 1.75rem;
  height: 0.125rem;
  background: var(--image-carousel-surface-strong);
  transform: translateY(-50%);
}

.image-carousel__slider.is-dragging {
  cursor: ew-resize;
}

.image-carousel__dots {
  display: none;
}

@container (max-width: 499px) {
  .image-carousel__wrapper {
    gap: var(--spacing-1);
    padding-inline: var(--spacing-1);
    padding-block: var(--spacing-1);
    position: relative;
  }

  .image-carousel__image-container {
    scroll-behavior: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    padding-bottom: 0;
  }

  .image-carousel__item {
    flex-basis: 100%;
    width: 100%;
    height: auto;
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }

  .image-carousel__slider {
    display: none;
  }

  .image-carousel__dots {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 0.625rem;
  }

  .image-carousel__dots:not(:empty) {
    gap: var(--spacing-0_625);
  }

  .image-carousel__dot {
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
  }

  .image-carousel__dots:not(:empty) > * {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    background: var(--image-carousel-surface-soft);
  }

  .image-carousel__dots:not(:empty) > .is-active,
  .image-carousel__dots:not(:empty) > [aria-current="true"] {
    background: var(--white);
  }
}

/* Source: resources/views/components/organisms/navigation/navigation.css */
.site-nav{
  min-height: 11.25rem;
  container-type: inline-size;
}

.navigation__wrapper{
  display: flex;
  position: fixed;
  top: 3.125rem;
  left: 0;
  z-index: 30;
  width: 100%;
}

.navigation__content{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
}

.menu-toggle {
  display: none;
}

.navigation__logo-container a {
  display: block;
}

.navigation__logo-container .atom-image__frame {
  display: block;
}

.navigation__logo {
  filter: drop-shadow(0.125rem 0.125rem 0.250rem rgba(0, 0, 0, 0.25));
}

.navigation__site-links{
  display: flex;
  flex-wrap: wrap;
  gap: 5.625rem;
  align-items: center;
}

.navigation__menu-container {
  display: flex;
  align-items: center;
  gap: 3.125rem;
}

.navigation__menu{
  display: flex;
  align-items: center;
  gap: 5rem;
}

.navigation__menu-item{
  display: inline-flex;
}

.navigation__cta .button-wrapper {
  display: inline-flex;
}

.navigation__locale-selection {
  position: relative;
}

.navigation__locale-picker {
  position: relative;
}

.navigation__locale-summary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  list-style: none;
}

.navigation__locale-summary::-webkit-details-marker {
  display: none;
}

.navigation__locale-summary::after {
  content: '';
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg) translateY(-0.125rem);
  transition: transform 120ms ease-in-out;
  margin: .5rem;
}

.navigation__locale-picker[open] .navigation__locale-summary::after {
  transform: rotate(-135deg) translateY(0.125rem);
}

.navigation__locale-list {
  position: absolute;
  top: calc(100% + 0.625rem);
  right: 0;
  display: grid;
  gap: 1rem;
  padding: 0.625rem 0.75rem;
}

.navigation__locale-link {
  color: var(--green);
}

.navigation__locale-link.is-current {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: var(--white);
  text-decoration-thickness: 1.5px;
  text-underline-offset: .0em;
}

.navigation__locale-link.is-current:hover {
  text-decoration: none;
}

.navigation__locale-link:hover{
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: var(--white);
  text-decoration-thickness: 1.5px;
  text-underline-offset: .0em;
}

.navigation__brand-name {
  display: inline-flex;
  color: var(--white);
}

.navigation-drawer {
  position: fixed;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
  background-color: var(--white);
  color: var(--black);
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
  pointer-events: none;
}

.site-nav.is-drawer-open .navigation-drawer {
  transform: translateX(0);
  pointer-events: auto;
}

.navigation-drawer__content {
  min-height: 100%;
  padding: 6.25rem 1rem 2rem;
}

.navigation-drawer__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.navigation-drawer__item {
  margin: 0;
}

.navigation-drawer__link {
  color: inherit;
  text-decoration: none;
}

.navigation-drawer__item--cta .button-wrapper,
.navigation-drawer__item--cta .button,
.navigation-drawer__item--cta a {
  color: inherit;
}

body.has-navigation-drawer-open {
  overflow: hidden;
}

.navigation__menu-item:hover{
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: var(--white);
  text-decoration-thickness: 1.5px;
  text-underline-offset: .0em;
}

.navigation__menu-item[aria-current="page"] {
  color: var(--yellow);
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: white;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 0em;
}

.navigation__menu-item[aria-current="page"]:hover{
  text-decoration: none;
}

@container (max-width: 991px) {
  .navigation__content {
    align-items: flex-start;
    flex-direction: column;
  }

  .navigation__menu-container,
  .navigation__menu {
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
  }

  .navigation__site-links {
    gap: 1rem 1.5rem;
  }

  .navigation__locale-list {
    right: auto;
    left: 0;
  }
}

@container (max-width: 1150px ){

  .navigation__logo-container, .navigation__menu {
    display: none;
  }

  .navigation__menu-container{
    flex-direction: row-reverse;
    align-items: center;
  }

  .navigation__content{
    flex-direction: row;
    align-items: center;
  }

  .navigation__wrapper{
    top: 1rem;
  }

  .site-nav
  {
    min-height: 7rem;
  }

  .menu-toggle {
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
}

/* Source: resources/views/components/organisms/usp-section/usp-section.css */
.usp-section {
  display: block;
}

.usp-section__items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 420px));
  direction: rtl;
}

.usp-section__item {
  direction: ltr;
}