@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap');

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-950: oklch(28.2% 0.091 267.935);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-gray-950: oklch(13% 0.028 261.692);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --blur-md: 12px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary-400: #6e6e72;
    --color-primary-500: #29292b;
    --color-primary-600: #242426;
    --color-primary-700: #1e1e20;
    --color-secondary-500: #4A70A9;
    --color-tertiary-500: #EFECE3;
    --color-quaternary-500: #8FABD4;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }
  .bottom-3\.5 {
    bottom: calc(var(--spacing) * 3.5);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .isolate {
    isolation: isolate;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[15\] {
    z-index: 15;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-auto {
    margin-right: auto;
  }
  .mb-\(--card-margin-bottom\) {
    margin-bottom: var(--card-margin-bottom);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-\[3\/4\] {
    aspect-ratio: 3/4;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .aspect-\[21\/9\] {
    aspect-ratio: 21/9;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .h-\(--button-height\) {
    height: var(--button-height);
  }
  .h-\(--navigation-height\) {
    height: var(--navigation-height);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[220px\] {
    height: 220px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-52 {
    max-height: calc(var(--spacing) * 52);
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .max-h-\[90\%\] {
    max-height: 90%;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-\[18vh\] {
    min-height: 18vh;
  }
  .min-h-\[22vh\] {
    min-height: 22vh;
  }
  .min-h-\[26vh\] {
    min-height: 26vh;
  }
  .min-h-\[30vh\] {
    min-height: 30vh;
  }
  .min-h-\[44vh\] {
    min-height: 44vh;
  }
  .min-h-\[220px\] {
    min-height: 220px;
  }
  .min-h-\[665px\] {
    min-height: 665px;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-\[92\%\] {
    width: 92%;
  }
  .w-\[420px\] {
    width: 420px;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-\[26rem\] {
    max-width: 26rem;
  }
  .max-w-\[70vw\] {
    max-width: 70vw;
  }
  .max-w-\[88\%\] {
    max-width: 88%;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[min\(50vw\,48rem\)\] {
    max-width: min(50vw, 48rem);
  }
  .max-w-\[min\(60vw\,52rem\)\] {
    max-width: min(60vw, 52rem);
  }
  .max-w-\[min\(72vw\,56rem\)\] {
    max-width: min(72vw, 56rem);
  }
  .max-w-\[var\(--cards-grid-grid-max-width\,1180px\)\] {
    max-width: var(--cards-grid-grid-max-width,1180px);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[8rem\] {
    min-width: 8rem;
  }
  .min-w-\[85\%\] {
    min-width: 85%;
  }
  .min-w-\[320px\] {
    min-width: 320px;
  }
  .min-w-px {
    min-width: 1px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .snap-center {
    scroll-snap-align: center;
  }
  .list-disc {
    list-style-type: disc;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-20 {
    grid-template-columns: repeat(20, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\(--button-radius\) {
    border-radius: var(--button-radius);
  }
  .rounded-\(--card-radius\) {
    border-radius: var(--card-radius);
  }
  .rounded-\(--global-radius\) {
    border-radius: var(--global-radius);
  }
  .rounded-\(--input-radius\) {
    border-radius: var(--input-radius);
  }
  .rounded-\(--typography-tag-radius\) {
    border-radius: var(--typography-tag-radius);
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[14px\] {
    border-radius: 14px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-\(--atm-color-neutral-50\) {
    border-color: var(--atm-color-neutral-50);
  }
  .border-\(--atm-color-neutral-100\) {
    border-color: var(--atm-color-neutral-100);
  }
  .border-\(--atm-color-neutral-300\) {
    border-color: var(--atm-color-neutral-300);
  }
  .border-\(--atm-color-neutral-500\) {
    border-color: var(--atm-color-neutral-500);
  }
  .border-\(--atm-color-neutral-700\) {
    border-color: var(--atm-color-neutral-700);
  }
  .border-\(--atm-color-neutral-900\) {
    border-color: var(--atm-color-neutral-900);
  }
  .border-\(--atm-color-neutral-950\) {
    border-color: var(--atm-color-neutral-950);
  }
  .border-\(--atm-color-primary-50\) {
    border-color: var(--atm-color-primary-50);
  }
  .border-\(--atm-color-primary-100\) {
    border-color: var(--atm-color-primary-100);
  }
  .border-\(--atm-color-primary-300\) {
    border-color: var(--atm-color-primary-300);
  }
  .border-\(--atm-color-primary-500\) {
    border-color: var(--atm-color-primary-500);
  }
  .border-\(--atm-color-primary-700\) {
    border-color: var(--atm-color-primary-700);
  }
  .border-\(--atm-color-primary-900\) {
    border-color: var(--atm-color-primary-900);
  }
  .border-\(--atm-color-primary-950\) {
    border-color: var(--atm-color-primary-950);
  }
  .border-\(--atm-color-quaternary-50\) {
    border-color: var(--atm-color-quaternary-50);
  }
  .border-\(--atm-color-quaternary-100\) {
    border-color: var(--atm-color-quaternary-100);
  }
  .border-\(--atm-color-quaternary-300\) {
    border-color: var(--atm-color-quaternary-300);
  }
  .border-\(--atm-color-quaternary-500\) {
    border-color: var(--atm-color-quaternary-500);
  }
  .border-\(--atm-color-quaternary-700\) {
    border-color: var(--atm-color-quaternary-700);
  }
  .border-\(--atm-color-quaternary-900\) {
    border-color: var(--atm-color-quaternary-900);
  }
  .border-\(--atm-color-quaternary-950\) {
    border-color: var(--atm-color-quaternary-950);
  }
  .border-\(--atm-color-secondary-50\) {
    border-color: var(--atm-color-secondary-50);
  }
  .border-\(--atm-color-secondary-100\) {
    border-color: var(--atm-color-secondary-100);
  }
  .border-\(--atm-color-secondary-300\) {
    border-color: var(--atm-color-secondary-300);
  }
  .border-\(--atm-color-secondary-500\) {
    border-color: var(--atm-color-secondary-500);
  }
  .border-\(--atm-color-secondary-700\) {
    border-color: var(--atm-color-secondary-700);
  }
  .border-\(--atm-color-secondary-900\) {
    border-color: var(--atm-color-secondary-900);
  }
  .border-\(--atm-color-secondary-950\) {
    border-color: var(--atm-color-secondary-950);
  }
  .border-\(--atm-color-tertiary-50\) {
    border-color: var(--atm-color-tertiary-50);
  }
  .border-\(--atm-color-tertiary-100\) {
    border-color: var(--atm-color-tertiary-100);
  }
  .border-\(--atm-color-tertiary-300\) {
    border-color: var(--atm-color-tertiary-300);
  }
  .border-\(--atm-color-tertiary-500\) {
    border-color: var(--atm-color-tertiary-500);
  }
  .border-\(--atm-color-tertiary-700\) {
    border-color: var(--atm-color-tertiary-700);
  }
  .border-\(--atm-color-tertiary-900\) {
    border-color: var(--atm-color-tertiary-900);
  }
  .border-\(--atm-color-tertiary-950\) {
    border-color: var(--atm-color-tertiary-950);
  }
  .border-\[var\(--steps-content\)\] {
    border-color: var(--steps-content);
  }
  .border-amber-300\/60 {
    border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-300) 60%, transparent);
    }
  }
  .border-blue-500 {
    border-color: var(--color-blue-500);
  }
  .border-current {
    border-color: currentcolor;
  }
  .border-current\/20 {
    border-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentcolor 20%, transparent);
    }
  }
  .border-emerald-300 {
    border-color: var(--color-emerald-300);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-slate-700 {
    border-color: var(--color-slate-700);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/45 {
    border-color: color-mix(in srgb, #fff 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }
  .border-white\/80 {
    border-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-\(--atm-color-neutral-50\) {
    background-color: var(--atm-color-neutral-50);
  }
  .bg-\(--atm-color-neutral-100\) {
    background-color: var(--atm-color-neutral-100);
  }
  .bg-\(--atm-color-neutral-300\) {
    background-color: var(--atm-color-neutral-300);
  }
  .bg-\(--atm-color-neutral-500\) {
    background-color: var(--atm-color-neutral-500);
  }
  .bg-\(--atm-color-neutral-700\) {
    background-color: var(--atm-color-neutral-700);
  }
  .bg-\(--atm-color-neutral-900\) {
    background-color: var(--atm-color-neutral-900);
  }
  .bg-\(--atm-color-neutral-950\) {
    background-color: var(--atm-color-neutral-950);
  }
  .bg-\(--atm-color-primary-50\) {
    background-color: var(--atm-color-primary-50);
  }
  .bg-\(--atm-color-primary-100\) {
    background-color: var(--atm-color-primary-100);
  }
  .bg-\(--atm-color-primary-300\) {
    background-color: var(--atm-color-primary-300);
  }
  .bg-\(--atm-color-primary-500\) {
    background-color: var(--atm-color-primary-500);
  }
  .bg-\(--atm-color-primary-700\) {
    background-color: var(--atm-color-primary-700);
  }
  .bg-\(--atm-color-primary-900\) {
    background-color: var(--atm-color-primary-900);
  }
  .bg-\(--atm-color-primary-950\) {
    background-color: var(--atm-color-primary-950);
  }
  .bg-\(--atm-color-quaternary-50\) {
    background-color: var(--atm-color-quaternary-50);
  }
  .bg-\(--atm-color-quaternary-100\) {
    background-color: var(--atm-color-quaternary-100);
  }
  .bg-\(--atm-color-quaternary-300\) {
    background-color: var(--atm-color-quaternary-300);
  }
  .bg-\(--atm-color-quaternary-500\) {
    background-color: var(--atm-color-quaternary-500);
  }
  .bg-\(--atm-color-quaternary-700\) {
    background-color: var(--atm-color-quaternary-700);
  }
  .bg-\(--atm-color-quaternary-900\) {
    background-color: var(--atm-color-quaternary-900);
  }
  .bg-\(--atm-color-quaternary-950\) {
    background-color: var(--atm-color-quaternary-950);
  }
  .bg-\(--atm-color-secondary-50\) {
    background-color: var(--atm-color-secondary-50);
  }
  .bg-\(--atm-color-secondary-100\) {
    background-color: var(--atm-color-secondary-100);
  }
  .bg-\(--atm-color-secondary-300\) {
    background-color: var(--atm-color-secondary-300);
  }
  .bg-\(--atm-color-secondary-500\) {
    background-color: var(--atm-color-secondary-500);
  }
  .bg-\(--atm-color-secondary-700\) {
    background-color: var(--atm-color-secondary-700);
  }
  .bg-\(--atm-color-secondary-900\) {
    background-color: var(--atm-color-secondary-900);
  }
  .bg-\(--atm-color-secondary-950\) {
    background-color: var(--atm-color-secondary-950);
  }
  .bg-\(--atm-color-tertiary-50\) {
    background-color: var(--atm-color-tertiary-50);
  }
  .bg-\(--atm-color-tertiary-100\) {
    background-color: var(--atm-color-tertiary-100);
  }
  .bg-\(--atm-color-tertiary-300\) {
    background-color: var(--atm-color-tertiary-300);
  }
  .bg-\(--atm-color-tertiary-500\) {
    background-color: var(--atm-color-tertiary-500);
  }
  .bg-\(--atm-color-tertiary-700\) {
    background-color: var(--atm-color-tertiary-700);
  }
  .bg-\(--atm-color-tertiary-900\) {
    background-color: var(--atm-color-tertiary-900);
  }
  .bg-\(--atm-color-tertiary-950\) {
    background-color: var(--atm-color-tertiary-950);
  }
  .bg-\[rgba\(11\,18\,32\,0\.58\)\] {
    background-color: rgba(11,18,32,0.58);
  }
  .bg-\[var\(--pg-bg-soft\)\] {
    background-color: var(--pg-bg-soft);
  }
  .bg-\[var\(--pods-statement-bg\,\#991B1B\)\] {
    background-color: var(--pods-statement-bg,#991B1B);
  }
  .bg-\[var\(--profile-content\)\] {
    background-color: var(--profile-content);
  }
  .bg-\[var\(--quote-content\)\] {
    background-color: var(--quote-content);
  }
  .bg-amber-50\/70 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 70%, transparent);
    }
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/25 {
    background-color: color-mix(in srgb, #000 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }
  .bg-black\/30 {
    background-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .bg-black\/40 {
    background-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-emerald-400\/30 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
    }
  }
  .bg-emerald-400\/70 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent);
    }
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-gray-500 {
    background-color: var(--color-gray-500);
  }
  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-primary-500 {
    background-color: var(--color-primary-500);
  }
  .bg-slate-900\/70 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 70%, transparent);
    }
  }
  .bg-slate-950 {
    background-color: var(--color-slate-950);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/90 {
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-\(--card-padding-all\) {
    padding: var(--card-padding-all);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-\(--button-padding-x\) {
    padding-inline: var(--button-padding-x);
  }
  .px-\(--navigation-padding-x\) {
    padding-inline: var(--navigation-padding-x);
  }
  .px-\(--typography-tag-padding-x\) {
    padding-inline: var(--typography-tag-padding-x);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-\(--button-padding-y\) {
    padding-block: var(--button-padding-y);
  }
  .py-\(--typography-tag-padding-y\) {
    padding-block: var(--typography-tag-padding-y);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.65rem\] {
    font-size: 0.65rem;
  }
  .text-\[0\.72rem\] {
    font-size: 0.72rem;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[0\.01em\] {
    --tw-tracking: 0.01em;
    letter-spacing: 0.01em;
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[0\.04em\] {
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tracking-\[0\.16em\] {
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
  }
  .tracking-\[0\.18em\] {
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
  }
  .tracking-\[0\.22em\] {
    --tw-tracking: 0.22em;
    letter-spacing: 0.22em;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .text-balance {
    text-wrap: balance;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\(--atm-color-neutral-50\) {
    color: var(--atm-color-neutral-50);
  }
  .text-\(--atm-color-neutral-100\) {
    color: var(--atm-color-neutral-100);
  }
  .text-\(--atm-color-neutral-300\) {
    color: var(--atm-color-neutral-300);
  }
  .text-\(--atm-color-neutral-500\) {
    color: var(--atm-color-neutral-500);
  }
  .text-\(--atm-color-neutral-700\) {
    color: var(--atm-color-neutral-700);
  }
  .text-\(--atm-color-neutral-900\) {
    color: var(--atm-color-neutral-900);
  }
  .text-\(--atm-color-neutral-950\) {
    color: var(--atm-color-neutral-950);
  }
  .text-\(--atm-color-primary-50\) {
    color: var(--atm-color-primary-50);
  }
  .text-\(--atm-color-primary-100\) {
    color: var(--atm-color-primary-100);
  }
  .text-\(--atm-color-primary-300\) {
    color: var(--atm-color-primary-300);
  }
  .text-\(--atm-color-primary-500\) {
    color: var(--atm-color-primary-500);
  }
  .text-\(--atm-color-primary-700\) {
    color: var(--atm-color-primary-700);
  }
  .text-\(--atm-color-primary-900\) {
    color: var(--atm-color-primary-900);
  }
  .text-\(--atm-color-primary-950\) {
    color: var(--atm-color-primary-950);
  }
  .text-\(--atm-color-quaternary-50\) {
    color: var(--atm-color-quaternary-50);
  }
  .text-\(--atm-color-quaternary-100\) {
    color: var(--atm-color-quaternary-100);
  }
  .text-\(--atm-color-quaternary-300\) {
    color: var(--atm-color-quaternary-300);
  }
  .text-\(--atm-color-quaternary-500\) {
    color: var(--atm-color-quaternary-500);
  }
  .text-\(--atm-color-quaternary-700\) {
    color: var(--atm-color-quaternary-700);
  }
  .text-\(--atm-color-quaternary-900\) {
    color: var(--atm-color-quaternary-900);
  }
  .text-\(--atm-color-quaternary-950\) {
    color: var(--atm-color-quaternary-950);
  }
  .text-\(--atm-color-secondary-50\) {
    color: var(--atm-color-secondary-50);
  }
  .text-\(--atm-color-secondary-100\) {
    color: var(--atm-color-secondary-100);
  }
  .text-\(--atm-color-secondary-300\) {
    color: var(--atm-color-secondary-300);
  }
  .text-\(--atm-color-secondary-500\) {
    color: var(--atm-color-secondary-500);
  }
  .text-\(--atm-color-secondary-700\) {
    color: var(--atm-color-secondary-700);
  }
  .text-\(--atm-color-secondary-900\) {
    color: var(--atm-color-secondary-900);
  }
  .text-\(--atm-color-secondary-950\) {
    color: var(--atm-color-secondary-950);
  }
  .text-\(--atm-color-tertiary-50\) {
    color: var(--atm-color-tertiary-50);
  }
  .text-\(--atm-color-tertiary-100\) {
    color: var(--atm-color-tertiary-100);
  }
  .text-\(--atm-color-tertiary-300\) {
    color: var(--atm-color-tertiary-300);
  }
  .text-\(--atm-color-tertiary-500\) {
    color: var(--atm-color-tertiary-500);
  }
  .text-\(--atm-color-tertiary-700\) {
    color: var(--atm-color-tertiary-700);
  }
  .text-\(--atm-color-tertiary-900\) {
    color: var(--atm-color-tertiary-900);
  }
  .text-\(--atm-color-tertiary-950\) {
    color: var(--atm-color-tertiary-950);
  }
  .text-\[var\(--pg-brand\)\] {
    color: var(--pg-brand);
  }
  .text-\[var\(--pg-editorial-accent\)\] {
    color: var(--pg-editorial-accent);
  }
  .text-\[var\(--pg-fg-body\)\] {
    color: var(--pg-fg-body);
  }
  .text-\[var\(--pg-fg-meta\)\] {
    color: var(--pg-fg-meta);
  }
  .text-\[var\(--pg-fg-meta\,\#787571\)\] {
    color: var(--pg-fg-meta,#787571);
  }
  .text-\[var\(--pg-fg-primary\)\] {
    color: var(--pg-fg-primary);
  }
  .text-\[var\(--pg-fg-primary\,\#2e2824\)\] {
    color: var(--pg-fg-primary,#2e2824);
  }
  .text-\[var\(--pods-cta-panel-body\,rgba\(255\,255\,255\,0\.88\)\)\] {
    color: var(--pods-cta-panel-body,rgba(255,255,255,0.88));
  }
  .text-\[var\(--pods-cta-panel-eyebrow\,rgba\(255\,255\,255\,0\.78\)\)\] {
    color: var(--pods-cta-panel-eyebrow,rgba(255,255,255,0.78));
  }
  .text-\[var\(--pods-cta-panel-text\,\#FFFFFF\)\] {
    color: var(--pods-cta-panel-text,#FFFFFF);
  }
  .text-\[var\(--pods-statement-text\,\#FFFFFF\)\] {
    color: var(--pods-statement-text,#FFFFFF);
  }
  .text-amber-600 {
    color: var(--color-amber-600);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-slate-100 {
    color: var(--color-slate-100);
  }
  .text-slate-200 {
    color: var(--color-slate-200);
  }
  .text-slate-300 {
    color: var(--color-slate-300);
  }
  .text-white {
    color: var(--color-white);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-current\/40 {
    text-decoration-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, currentcolor 40%, transparent);
    }
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-35 {
    opacity: 35%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .opacity-\[0\.78\] {
    opacity: 0.78;
  }
  .mix-blend-luminosity {
    mix-blend-mode: luminosity;
  }
  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\(--atm-effect-shadow-lg\) {
    --tw-shadow: var(--atm-effect-shadow-lg);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\(--atm-effect-shadow-md\) {
    --tw-shadow: var(--atm-effect-shadow-md);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\(--atm-effect-shadow-sm\) {
    --tw-shadow: var(--atm-effect-shadow-sm);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\(--button-shadow\) {
    --tw-shadow: var(--button-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\(--card-shadow\) {
    --tw-shadow: var(--card-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\(--global-shadow\) {
    --tw-shadow: var(--global-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\(--navigation-shadow\) {
    --tw-shadow: var(--navigation-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-black\/30 {
    --tw-shadow-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .ring-blue-500 {
    --tw-ring-color: var(--color-blue-500);
  }
  .ring-white\/10 {
    --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[autumn\:tracker\] {
    autumn: tracker;
  }
  .\[text-shadow\:var\(--gallery-text-shadow\,none\)\] {
    text-shadow: var(--gallery-text-shadow,none);
  }
  .group-hover\:-translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .placeholder\:text-\[var\(--pg-fg-meta\)\] {
    &::placeholder {
      color: var(--pg-fg-meta);
    }
  }
  .last\:mb-0 {
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:border-\(--atm-color-neutral-50\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-neutral-50);
      }
    }
  }
  .hover\:border-\(--atm-color-neutral-100\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-neutral-100);
      }
    }
  }
  .hover\:border-\(--atm-color-neutral-300\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-neutral-300);
      }
    }
  }
  .hover\:border-\(--atm-color-neutral-500\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-neutral-500);
      }
    }
  }
  .hover\:border-\(--atm-color-neutral-700\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-neutral-700);
      }
    }
  }
  .hover\:border-\(--atm-color-neutral-900\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-neutral-900);
      }
    }
  }
  .hover\:border-\(--atm-color-neutral-950\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-neutral-950);
      }
    }
  }
  .hover\:border-\(--atm-color-primary-50\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-primary-50);
      }
    }
  }
  .hover\:border-\(--atm-color-primary-100\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-primary-100);
      }
    }
  }
  .hover\:border-\(--atm-color-primary-300\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-primary-300);
      }
    }
  }
  .hover\:border-\(--atm-color-primary-500\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-primary-500);
      }
    }
  }
  .hover\:border-\(--atm-color-primary-700\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-primary-700);
      }
    }
  }
  .hover\:border-\(--atm-color-primary-900\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-primary-900);
      }
    }
  }
  .hover\:border-\(--atm-color-primary-950\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-primary-950);
      }
    }
  }
  .hover\:border-\(--atm-color-quaternary-50\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-quaternary-50);
      }
    }
  }
  .hover\:border-\(--atm-color-quaternary-100\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-quaternary-100);
      }
    }
  }
  .hover\:border-\(--atm-color-quaternary-300\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-quaternary-300);
      }
    }
  }
  .hover\:border-\(--atm-color-quaternary-500\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-quaternary-500);
      }
    }
  }
  .hover\:border-\(--atm-color-quaternary-700\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-quaternary-700);
      }
    }
  }
  .hover\:border-\(--atm-color-quaternary-900\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-quaternary-900);
      }
    }
  }
  .hover\:border-\(--atm-color-quaternary-950\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-quaternary-950);
      }
    }
  }
  .hover\:border-\(--atm-color-secondary-50\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-secondary-50);
      }
    }
  }
  .hover\:border-\(--atm-color-secondary-100\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-secondary-100);
      }
    }
  }
  .hover\:border-\(--atm-color-secondary-300\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-secondary-300);
      }
    }
  }
  .hover\:border-\(--atm-color-secondary-500\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-secondary-500);
      }
    }
  }
  .hover\:border-\(--atm-color-secondary-700\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-secondary-700);
      }
    }
  }
  .hover\:border-\(--atm-color-secondary-900\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-secondary-900);
      }
    }
  }
  .hover\:border-\(--atm-color-secondary-950\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-secondary-950);
      }
    }
  }
  .hover\:border-\(--atm-color-tertiary-50\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-tertiary-50);
      }
    }
  }
  .hover\:border-\(--atm-color-tertiary-100\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-tertiary-100);
      }
    }
  }
  .hover\:border-\(--atm-color-tertiary-300\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-tertiary-300);
      }
    }
  }
  .hover\:border-\(--atm-color-tertiary-500\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-tertiary-500);
      }
    }
  }
  .hover\:border-\(--atm-color-tertiary-700\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-tertiary-700);
      }
    }
  }
  .hover\:border-\(--atm-color-tertiary-900\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-tertiary-900);
      }
    }
  }
  .hover\:border-\(--atm-color-tertiary-950\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--atm-color-tertiary-950);
      }
    }
  }
  .hover\:border-current\/60 {
    &:hover {
      @media (hover: hover) {
        border-color: currentcolor;
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, currentcolor 60%, transparent);
        }
      }
    }
  }
  .hover\:border-gray-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-200);
      }
    }
  }
  .hover\:border-gray-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-400);
      }
    }
  }
  .hover\:bg-\(--atm-color-neutral-50\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-neutral-50);
      }
    }
  }
  .hover\:bg-\(--atm-color-neutral-100\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-neutral-100);
      }
    }
  }
  .hover\:bg-\(--atm-color-neutral-300\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-neutral-300);
      }
    }
  }
  .hover\:bg-\(--atm-color-neutral-500\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-neutral-500);
      }
    }
  }
  .hover\:bg-\(--atm-color-neutral-700\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-neutral-700);
      }
    }
  }
  .hover\:bg-\(--atm-color-neutral-900\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-neutral-900);
      }
    }
  }
  .hover\:bg-\(--atm-color-neutral-950\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-neutral-950);
      }
    }
  }
  .hover\:bg-\(--atm-color-primary-50\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-primary-50);
      }
    }
  }
  .hover\:bg-\(--atm-color-primary-100\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-primary-100);
      }
    }
  }
  .hover\:bg-\(--atm-color-primary-300\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-primary-300);
      }
    }
  }
  .hover\:bg-\(--atm-color-primary-500\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-primary-500);
      }
    }
  }
  .hover\:bg-\(--atm-color-primary-700\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-primary-700);
      }
    }
  }
  .hover\:bg-\(--atm-color-primary-900\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-primary-900);
      }
    }
  }
  .hover\:bg-\(--atm-color-primary-950\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-primary-950);
      }
    }
  }
  .hover\:bg-\(--atm-color-quaternary-50\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-quaternary-50);
      }
    }
  }
  .hover\:bg-\(--atm-color-quaternary-100\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-quaternary-100);
      }
    }
  }
  .hover\:bg-\(--atm-color-quaternary-300\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-quaternary-300);
      }
    }
  }
  .hover\:bg-\(--atm-color-quaternary-500\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-quaternary-500);
      }
    }
  }
  .hover\:bg-\(--atm-color-quaternary-700\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-quaternary-700);
      }
    }
  }
  .hover\:bg-\(--atm-color-quaternary-900\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-quaternary-900);
      }
    }
  }
  .hover\:bg-\(--atm-color-quaternary-950\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-quaternary-950);
      }
    }
  }
  .hover\:bg-\(--atm-color-secondary-50\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-secondary-50);
      }
    }
  }
  .hover\:bg-\(--atm-color-secondary-100\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-secondary-100);
      }
    }
  }
  .hover\:bg-\(--atm-color-secondary-300\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-secondary-300);
      }
    }
  }
  .hover\:bg-\(--atm-color-secondary-500\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-secondary-500);
      }
    }
  }
  .hover\:bg-\(--atm-color-secondary-700\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-secondary-700);
      }
    }
  }
  .hover\:bg-\(--atm-color-secondary-900\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-secondary-900);
      }
    }
  }
  .hover\:bg-\(--atm-color-secondary-950\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-secondary-950);
      }
    }
  }
  .hover\:bg-\(--atm-color-tertiary-50\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-tertiary-50);
      }
    }
  }
  .hover\:bg-\(--atm-color-tertiary-100\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-tertiary-100);
      }
    }
  }
  .hover\:bg-\(--atm-color-tertiary-300\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-tertiary-300);
      }
    }
  }
  .hover\:bg-\(--atm-color-tertiary-500\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-tertiary-500);
      }
    }
  }
  .hover\:bg-\(--atm-color-tertiary-700\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-tertiary-700);
      }
    }
  }
  .hover\:bg-\(--atm-color-tertiary-900\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-tertiary-900);
      }
    }
  }
  .hover\:bg-\(--atm-color-tertiary-950\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--atm-color-tertiary-950);
      }
    }
  }
  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:bg-white\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:text-\(--atm-color-neutral-50\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-neutral-50);
      }
    }
  }
  .hover\:text-\(--atm-color-neutral-100\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-neutral-100);
      }
    }
  }
  .hover\:text-\(--atm-color-neutral-300\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-neutral-300);
      }
    }
  }
  .hover\:text-\(--atm-color-neutral-500\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-neutral-500);
      }
    }
  }
  .hover\:text-\(--atm-color-neutral-700\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-neutral-700);
      }
    }
  }
  .hover\:text-\(--atm-color-neutral-900\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-neutral-900);
      }
    }
  }
  .hover\:text-\(--atm-color-neutral-950\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-neutral-950);
      }
    }
  }
  .hover\:text-\(--atm-color-primary-50\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-primary-50);
      }
    }
  }
  .hover\:text-\(--atm-color-primary-100\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-primary-100);
      }
    }
  }
  .hover\:text-\(--atm-color-primary-300\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-primary-300);
      }
    }
  }
  .hover\:text-\(--atm-color-primary-500\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-primary-500);
      }
    }
  }
  .hover\:text-\(--atm-color-primary-700\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-primary-700);
      }
    }
  }
  .hover\:text-\(--atm-color-primary-900\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-primary-900);
      }
    }
  }
  .hover\:text-\(--atm-color-primary-950\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-primary-950);
      }
    }
  }
  .hover\:text-\(--atm-color-quaternary-50\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-quaternary-50);
      }
    }
  }
  .hover\:text-\(--atm-color-quaternary-100\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-quaternary-100);
      }
    }
  }
  .hover\:text-\(--atm-color-quaternary-300\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-quaternary-300);
      }
    }
  }
  .hover\:text-\(--atm-color-quaternary-500\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-quaternary-500);
      }
    }
  }
  .hover\:text-\(--atm-color-quaternary-700\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-quaternary-700);
      }
    }
  }
  .hover\:text-\(--atm-color-quaternary-900\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-quaternary-900);
      }
    }
  }
  .hover\:text-\(--atm-color-quaternary-950\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-quaternary-950);
      }
    }
  }
  .hover\:text-\(--atm-color-secondary-50\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-secondary-50);
      }
    }
  }
  .hover\:text-\(--atm-color-secondary-100\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-secondary-100);
      }
    }
  }
  .hover\:text-\(--atm-color-secondary-300\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-secondary-300);
      }
    }
  }
  .hover\:text-\(--atm-color-secondary-500\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-secondary-500);
      }
    }
  }
  .hover\:text-\(--atm-color-secondary-700\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-secondary-700);
      }
    }
  }
  .hover\:text-\(--atm-color-secondary-900\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-secondary-900);
      }
    }
  }
  .hover\:text-\(--atm-color-secondary-950\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-secondary-950);
      }
    }
  }
  .hover\:text-\(--atm-color-tertiary-50\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-tertiary-50);
      }
    }
  }
  .hover\:text-\(--atm-color-tertiary-100\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-tertiary-100);
      }
    }
  }
  .hover\:text-\(--atm-color-tertiary-300\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-tertiary-300);
      }
    }
  }
  .hover\:text-\(--atm-color-tertiary-500\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-tertiary-500);
      }
    }
  }
  .hover\:text-\(--atm-color-tertiary-700\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-tertiary-700);
      }
    }
  }
  .hover\:text-\(--atm-color-tertiary-900\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-tertiary-900);
      }
    }
  }
  .hover\:text-\(--atm-color-tertiary-950\) {
    &:hover {
      @media (hover: hover) {
        color: var(--atm-color-tertiary-950);
      }
    }
  }
  .hover\:text-gray-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-900);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .focus\:border-\[var\(--pg-brand\)\] {
    &:focus {
      border-color: var(--pg-brand);
    }
  }
  .focus\:ring {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-\(--atm-color-neutral-50\) {
    &:focus {
      --tw-ring-color: var(--atm-color-neutral-50);
    }
  }
  .focus\:ring-\(--atm-color-neutral-100\) {
    &:focus {
      --tw-ring-color: var(--atm-color-neutral-100);
    }
  }
  .focus\:ring-\(--atm-color-neutral-300\) {
    &:focus {
      --tw-ring-color: var(--atm-color-neutral-300);
    }
  }
  .focus\:ring-\(--atm-color-neutral-500\) {
    &:focus {
      --tw-ring-color: var(--atm-color-neutral-500);
    }
  }
  .focus\:ring-\(--atm-color-neutral-700\) {
    &:focus {
      --tw-ring-color: var(--atm-color-neutral-700);
    }
  }
  .focus\:ring-\(--atm-color-neutral-900\) {
    &:focus {
      --tw-ring-color: var(--atm-color-neutral-900);
    }
  }
  .focus\:ring-\(--atm-color-neutral-950\) {
    &:focus {
      --tw-ring-color: var(--atm-color-neutral-950);
    }
  }
  .focus\:ring-\(--atm-color-primary-50\) {
    &:focus {
      --tw-ring-color: var(--atm-color-primary-50);
    }
  }
  .focus\:ring-\(--atm-color-primary-100\) {
    &:focus {
      --tw-ring-color: var(--atm-color-primary-100);
    }
  }
  .focus\:ring-\(--atm-color-primary-300\) {
    &:focus {
      --tw-ring-color: var(--atm-color-primary-300);
    }
  }
  .focus\:ring-\(--atm-color-primary-500\) {
    &:focus {
      --tw-ring-color: var(--atm-color-primary-500);
    }
  }
  .focus\:ring-\(--atm-color-primary-700\) {
    &:focus {
      --tw-ring-color: var(--atm-color-primary-700);
    }
  }
  .focus\:ring-\(--atm-color-primary-900\) {
    &:focus {
      --tw-ring-color: var(--atm-color-primary-900);
    }
  }
  .focus\:ring-\(--atm-color-primary-950\) {
    &:focus {
      --tw-ring-color: var(--atm-color-primary-950);
    }
  }
  .focus\:ring-\(--atm-color-quaternary-50\) {
    &:focus {
      --tw-ring-color: var(--atm-color-quaternary-50);
    }
  }
  .focus\:ring-\(--atm-color-quaternary-100\) {
    &:focus {
      --tw-ring-color: var(--atm-color-quaternary-100);
    }
  }
  .focus\:ring-\(--atm-color-quaternary-300\) {
    &:focus {
      --tw-ring-color: var(--atm-color-quaternary-300);
    }
  }
  .focus\:ring-\(--atm-color-quaternary-500\) {
    &:focus {
      --tw-ring-color: var(--atm-color-quaternary-500);
    }
  }
  .focus\:ring-\(--atm-color-quaternary-700\) {
    &:focus {
      --tw-ring-color: var(--atm-color-quaternary-700);
    }
  }
  .focus\:ring-\(--atm-color-quaternary-900\) {
    &:focus {
      --tw-ring-color: var(--atm-color-quaternary-900);
    }
  }
  .focus\:ring-\(--atm-color-quaternary-950\) {
    &:focus {
      --tw-ring-color: var(--atm-color-quaternary-950);
    }
  }
  .focus\:ring-\(--atm-color-secondary-50\) {
    &:focus {
      --tw-ring-color: var(--atm-color-secondary-50);
    }
  }
  .focus\:ring-\(--atm-color-secondary-100\) {
    &:focus {
      --tw-ring-color: var(--atm-color-secondary-100);
    }
  }
  .focus\:ring-\(--atm-color-secondary-300\) {
    &:focus {
      --tw-ring-color: var(--atm-color-secondary-300);
    }
  }
  .focus\:ring-\(--atm-color-secondary-500\) {
    &:focus {
      --tw-ring-color: var(--atm-color-secondary-500);
    }
  }
  .focus\:ring-\(--atm-color-secondary-700\) {
    &:focus {
      --tw-ring-color: var(--atm-color-secondary-700);
    }
  }
  .focus\:ring-\(--atm-color-secondary-900\) {
    &:focus {
      --tw-ring-color: var(--atm-color-secondary-900);
    }
  }
  .focus\:ring-\(--atm-color-secondary-950\) {
    &:focus {
      --tw-ring-color: var(--atm-color-secondary-950);
    }
  }
  .focus\:ring-\(--atm-color-tertiary-50\) {
    &:focus {
      --tw-ring-color: var(--atm-color-tertiary-50);
    }
  }
  .focus\:ring-\(--atm-color-tertiary-100\) {
    &:focus {
      --tw-ring-color: var(--atm-color-tertiary-100);
    }
  }
  .focus\:ring-\(--atm-color-tertiary-300\) {
    &:focus {
      --tw-ring-color: var(--atm-color-tertiary-300);
    }
  }
  .focus\:ring-\(--atm-color-tertiary-500\) {
    &:focus {
      --tw-ring-color: var(--atm-color-tertiary-500);
    }
  }
  .focus\:ring-\(--atm-color-tertiary-700\) {
    &:focus {
      --tw-ring-color: var(--atm-color-tertiary-700);
    }
  }
  .focus\:ring-\(--atm-color-tertiary-900\) {
    &:focus {
      --tw-ring-color: var(--atm-color-tertiary-900);
    }
  }
  .focus\:ring-\(--atm-color-tertiary-950\) {
    &:focus {
      --tw-ring-color: var(--atm-color-tertiary-950);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .hover\:focus\:ring-\(--atm-color-neutral-50\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-neutral-50);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-neutral-100\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-neutral-100);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-neutral-300\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-neutral-300);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-neutral-500\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-neutral-500);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-neutral-700\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-neutral-700);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-neutral-900\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-neutral-900);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-neutral-950\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-neutral-950);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-primary-50\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-primary-50);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-primary-100\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-primary-100);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-primary-300\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-primary-300);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-primary-500\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-primary-500);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-primary-700\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-primary-700);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-primary-900\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-primary-900);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-primary-950\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-primary-950);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-quaternary-50\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-quaternary-50);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-quaternary-100\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-quaternary-100);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-quaternary-300\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-quaternary-300);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-quaternary-500\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-quaternary-500);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-quaternary-700\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-quaternary-700);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-quaternary-900\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-quaternary-900);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-quaternary-950\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-quaternary-950);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-secondary-50\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-secondary-50);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-secondary-100\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-secondary-100);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-secondary-300\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-secondary-300);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-secondary-500\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-secondary-500);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-secondary-700\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-secondary-700);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-secondary-900\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-secondary-900);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-secondary-950\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-secondary-950);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-tertiary-50\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-tertiary-50);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-tertiary-100\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-tertiary-100);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-tertiary-300\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-tertiary-300);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-tertiary-500\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-tertiary-500);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-tertiary-700\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-tertiary-700);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-tertiary-900\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-tertiary-900);
        }
      }
    }
  }
  .hover\:focus\:ring-\(--atm-color-tertiary-950\) {
    &:hover {
      @media (hover: hover) {
        &:focus {
          --tw-ring-color: var(--atm-color-tertiary-950);
        }
      }
    }
  }
  .focus-visible\:ring-2 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-current\/60 {
    &:focus-visible {
      --tw-ring-color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, currentcolor 60%, transparent);
      }
    }
  }
  .focus-visible\:ring-offset-2 {
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:outline {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .focus-visible\:outline-2 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus-visible\:outline-offset-2 {
    &:focus-visible {
      outline-offset: 2px;
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:border-\(--atm-color-neutral-50\) {
    &:disabled {
      border-color: var(--atm-color-neutral-50);
    }
  }
  .disabled\:border-\(--atm-color-neutral-100\) {
    &:disabled {
      border-color: var(--atm-color-neutral-100);
    }
  }
  .disabled\:border-\(--atm-color-neutral-300\) {
    &:disabled {
      border-color: var(--atm-color-neutral-300);
    }
  }
  .disabled\:border-\(--atm-color-neutral-500\) {
    &:disabled {
      border-color: var(--atm-color-neutral-500);
    }
  }
  .disabled\:border-\(--atm-color-neutral-700\) {
    &:disabled {
      border-color: var(--atm-color-neutral-700);
    }
  }
  .disabled\:border-\(--atm-color-neutral-900\) {
    &:disabled {
      border-color: var(--atm-color-neutral-900);
    }
  }
  .disabled\:border-\(--atm-color-neutral-950\) {
    &:disabled {
      border-color: var(--atm-color-neutral-950);
    }
  }
  .disabled\:border-\(--atm-color-primary-50\) {
    &:disabled {
      border-color: var(--atm-color-primary-50);
    }
  }
  .disabled\:border-\(--atm-color-primary-100\) {
    &:disabled {
      border-color: var(--atm-color-primary-100);
    }
  }
  .disabled\:border-\(--atm-color-primary-300\) {
    &:disabled {
      border-color: var(--atm-color-primary-300);
    }
  }
  .disabled\:border-\(--atm-color-primary-500\) {
    &:disabled {
      border-color: var(--atm-color-primary-500);
    }
  }
  .disabled\:border-\(--atm-color-primary-700\) {
    &:disabled {
      border-color: var(--atm-color-primary-700);
    }
  }
  .disabled\:border-\(--atm-color-primary-900\) {
    &:disabled {
      border-color: var(--atm-color-primary-900);
    }
  }
  .disabled\:border-\(--atm-color-primary-950\) {
    &:disabled {
      border-color: var(--atm-color-primary-950);
    }
  }
  .disabled\:border-\(--atm-color-quaternary-50\) {
    &:disabled {
      border-color: var(--atm-color-quaternary-50);
    }
  }
  .disabled\:border-\(--atm-color-quaternary-100\) {
    &:disabled {
      border-color: var(--atm-color-quaternary-100);
    }
  }
  .disabled\:border-\(--atm-color-quaternary-300\) {
    &:disabled {
      border-color: var(--atm-color-quaternary-300);
    }
  }
  .disabled\:border-\(--atm-color-quaternary-500\) {
    &:disabled {
      border-color: var(--atm-color-quaternary-500);
    }
  }
  .disabled\:border-\(--atm-color-quaternary-700\) {
    &:disabled {
      border-color: var(--atm-color-quaternary-700);
    }
  }
  .disabled\:border-\(--atm-color-quaternary-900\) {
    &:disabled {
      border-color: var(--atm-color-quaternary-900);
    }
  }
  .disabled\:border-\(--atm-color-quaternary-950\) {
    &:disabled {
      border-color: var(--atm-color-quaternary-950);
    }
  }
  .disabled\:border-\(--atm-color-secondary-50\) {
    &:disabled {
      border-color: var(--atm-color-secondary-50);
    }
  }
  .disabled\:border-\(--atm-color-secondary-100\) {
    &:disabled {
      border-color: var(--atm-color-secondary-100);
    }
  }
  .disabled\:border-\(--atm-color-secondary-300\) {
    &:disabled {
      border-color: var(--atm-color-secondary-300);
    }
  }
  .disabled\:border-\(--atm-color-secondary-500\) {
    &:disabled {
      border-color: var(--atm-color-secondary-500);
    }
  }
  .disabled\:border-\(--atm-color-secondary-700\) {
    &:disabled {
      border-color: var(--atm-color-secondary-700);
    }
  }
  .disabled\:border-\(--atm-color-secondary-900\) {
    &:disabled {
      border-color: var(--atm-color-secondary-900);
    }
  }
  .disabled\:border-\(--atm-color-secondary-950\) {
    &:disabled {
      border-color: var(--atm-color-secondary-950);
    }
  }
  .disabled\:border-\(--atm-color-tertiary-50\) {
    &:disabled {
      border-color: var(--atm-color-tertiary-50);
    }
  }
  .disabled\:border-\(--atm-color-tertiary-100\) {
    &:disabled {
      border-color: var(--atm-color-tertiary-100);
    }
  }
  .disabled\:border-\(--atm-color-tertiary-300\) {
    &:disabled {
      border-color: var(--atm-color-tertiary-300);
    }
  }
  .disabled\:border-\(--atm-color-tertiary-500\) {
    &:disabled {
      border-color: var(--atm-color-tertiary-500);
    }
  }
  .disabled\:border-\(--atm-color-tertiary-700\) {
    &:disabled {
      border-color: var(--atm-color-tertiary-700);
    }
  }
  .disabled\:border-\(--atm-color-tertiary-900\) {
    &:disabled {
      border-color: var(--atm-color-tertiary-900);
    }
  }
  .disabled\:border-\(--atm-color-tertiary-950\) {
    &:disabled {
      border-color: var(--atm-color-tertiary-950);
    }
  }
  .disabled\:bg-\(--atm-color-neutral-50\) {
    &:disabled {
      background-color: var(--atm-color-neutral-50);
    }
  }
  .disabled\:bg-\(--atm-color-neutral-100\) {
    &:disabled {
      background-color: var(--atm-color-neutral-100);
    }
  }
  .disabled\:bg-\(--atm-color-neutral-300\) {
    &:disabled {
      background-color: var(--atm-color-neutral-300);
    }
  }
  .disabled\:bg-\(--atm-color-neutral-500\) {
    &:disabled {
      background-color: var(--atm-color-neutral-500);
    }
  }
  .disabled\:bg-\(--atm-color-neutral-700\) {
    &:disabled {
      background-color: var(--atm-color-neutral-700);
    }
  }
  .disabled\:bg-\(--atm-color-neutral-900\) {
    &:disabled {
      background-color: var(--atm-color-neutral-900);
    }
  }
  .disabled\:bg-\(--atm-color-neutral-950\) {
    &:disabled {
      background-color: var(--atm-color-neutral-950);
    }
  }
  .disabled\:bg-\(--atm-color-primary-50\) {
    &:disabled {
      background-color: var(--atm-color-primary-50);
    }
  }
  .disabled\:bg-\(--atm-color-primary-100\) {
    &:disabled {
      background-color: var(--atm-color-primary-100);
    }
  }
  .disabled\:bg-\(--atm-color-primary-300\) {
    &:disabled {
      background-color: var(--atm-color-primary-300);
    }
  }
  .disabled\:bg-\(--atm-color-primary-500\) {
    &:disabled {
      background-color: var(--atm-color-primary-500);
    }
  }
  .disabled\:bg-\(--atm-color-primary-700\) {
    &:disabled {
      background-color: var(--atm-color-primary-700);
    }
  }
  .disabled\:bg-\(--atm-color-primary-900\) {
    &:disabled {
      background-color: var(--atm-color-primary-900);
    }
  }
  .disabled\:bg-\(--atm-color-primary-950\) {
    &:disabled {
      background-color: var(--atm-color-primary-950);
    }
  }
  .disabled\:bg-\(--atm-color-quaternary-50\) {
    &:disabled {
      background-color: var(--atm-color-quaternary-50);
    }
  }
  .disabled\:bg-\(--atm-color-quaternary-100\) {
    &:disabled {
      background-color: var(--atm-color-quaternary-100);
    }
  }
  .disabled\:bg-\(--atm-color-quaternary-300\) {
    &:disabled {
      background-color: var(--atm-color-quaternary-300);
    }
  }
  .disabled\:bg-\(--atm-color-quaternary-500\) {
    &:disabled {
      background-color: var(--atm-color-quaternary-500);
    }
  }
  .disabled\:bg-\(--atm-color-quaternary-700\) {
    &:disabled {
      background-color: var(--atm-color-quaternary-700);
    }
  }
  .disabled\:bg-\(--atm-color-quaternary-900\) {
    &:disabled {
      background-color: var(--atm-color-quaternary-900);
    }
  }
  .disabled\:bg-\(--atm-color-quaternary-950\) {
    &:disabled {
      background-color: var(--atm-color-quaternary-950);
    }
  }
  .disabled\:bg-\(--atm-color-secondary-50\) {
    &:disabled {
      background-color: var(--atm-color-secondary-50);
    }
  }
  .disabled\:bg-\(--atm-color-secondary-100\) {
    &:disabled {
      background-color: var(--atm-color-secondary-100);
    }
  }
  .disabled\:bg-\(--atm-color-secondary-300\) {
    &:disabled {
      background-color: var(--atm-color-secondary-300);
    }
  }
  .disabled\:bg-\(--atm-color-secondary-500\) {
    &:disabled {
      background-color: var(--atm-color-secondary-500);
    }
  }
  .disabled\:bg-\(--atm-color-secondary-700\) {
    &:disabled {
      background-color: var(--atm-color-secondary-700);
    }
  }
  .disabled\:bg-\(--atm-color-secondary-900\) {
    &:disabled {
      background-color: var(--atm-color-secondary-900);
    }
  }
  .disabled\:bg-\(--atm-color-secondary-950\) {
    &:disabled {
      background-color: var(--atm-color-secondary-950);
    }
  }
  .disabled\:bg-\(--atm-color-tertiary-50\) {
    &:disabled {
      background-color: var(--atm-color-tertiary-50);
    }
  }
  .disabled\:bg-\(--atm-color-tertiary-100\) {
    &:disabled {
      background-color: var(--atm-color-tertiary-100);
    }
  }
  .disabled\:bg-\(--atm-color-tertiary-300\) {
    &:disabled {
      background-color: var(--atm-color-tertiary-300);
    }
  }
  .disabled\:bg-\(--atm-color-tertiary-500\) {
    &:disabled {
      background-color: var(--atm-color-tertiary-500);
    }
  }
  .disabled\:bg-\(--atm-color-tertiary-700\) {
    &:disabled {
      background-color: var(--atm-color-tertiary-700);
    }
  }
  .disabled\:bg-\(--atm-color-tertiary-900\) {
    &:disabled {
      background-color: var(--atm-color-tertiary-900);
    }
  }
  .disabled\:bg-\(--atm-color-tertiary-950\) {
    &:disabled {
      background-color: var(--atm-color-tertiary-950);
    }
  }
  .disabled\:text-\(--atm-color-neutral-50\) {
    &:disabled {
      color: var(--atm-color-neutral-50);
    }
  }
  .disabled\:text-\(--atm-color-neutral-100\) {
    &:disabled {
      color: var(--atm-color-neutral-100);
    }
  }
  .disabled\:text-\(--atm-color-neutral-300\) {
    &:disabled {
      color: var(--atm-color-neutral-300);
    }
  }
  .disabled\:text-\(--atm-color-neutral-500\) {
    &:disabled {
      color: var(--atm-color-neutral-500);
    }
  }
  .disabled\:text-\(--atm-color-neutral-700\) {
    &:disabled {
      color: var(--atm-color-neutral-700);
    }
  }
  .disabled\:text-\(--atm-color-neutral-900\) {
    &:disabled {
      color: var(--atm-color-neutral-900);
    }
  }
  .disabled\:text-\(--atm-color-neutral-950\) {
    &:disabled {
      color: var(--atm-color-neutral-950);
    }
  }
  .disabled\:text-\(--atm-color-primary-50\) {
    &:disabled {
      color: var(--atm-color-primary-50);
    }
  }
  .disabled\:text-\(--atm-color-primary-100\) {
    &:disabled {
      color: var(--atm-color-primary-100);
    }
  }
  .disabled\:text-\(--atm-color-primary-300\) {
    &:disabled {
      color: var(--atm-color-primary-300);
    }
  }
  .disabled\:text-\(--atm-color-primary-500\) {
    &:disabled {
      color: var(--atm-color-primary-500);
    }
  }
  .disabled\:text-\(--atm-color-primary-700\) {
    &:disabled {
      color: var(--atm-color-primary-700);
    }
  }
  .disabled\:text-\(--atm-color-primary-900\) {
    &:disabled {
      color: var(--atm-color-primary-900);
    }
  }
  .disabled\:text-\(--atm-color-primary-950\) {
    &:disabled {
      color: var(--atm-color-primary-950);
    }
  }
  .disabled\:text-\(--atm-color-quaternary-50\) {
    &:disabled {
      color: var(--atm-color-quaternary-50);
    }
  }
  .disabled\:text-\(--atm-color-quaternary-100\) {
    &:disabled {
      color: var(--atm-color-quaternary-100);
    }
  }
  .disabled\:text-\(--atm-color-quaternary-300\) {
    &:disabled {
      color: var(--atm-color-quaternary-300);
    }
  }
  .disabled\:text-\(--atm-color-quaternary-500\) {
    &:disabled {
      color: var(--atm-color-quaternary-500);
    }
  }
  .disabled\:text-\(--atm-color-quaternary-700\) {
    &:disabled {
      color: var(--atm-color-quaternary-700);
    }
  }
  .disabled\:text-\(--atm-color-quaternary-900\) {
    &:disabled {
      color: var(--atm-color-quaternary-900);
    }
  }
  .disabled\:text-\(--atm-color-quaternary-950\) {
    &:disabled {
      color: var(--atm-color-quaternary-950);
    }
  }
  .disabled\:text-\(--atm-color-secondary-50\) {
    &:disabled {
      color: var(--atm-color-secondary-50);
    }
  }
  .disabled\:text-\(--atm-color-secondary-100\) {
    &:disabled {
      color: var(--atm-color-secondary-100);
    }
  }
  .disabled\:text-\(--atm-color-secondary-300\) {
    &:disabled {
      color: var(--atm-color-secondary-300);
    }
  }
  .disabled\:text-\(--atm-color-secondary-500\) {
    &:disabled {
      color: var(--atm-color-secondary-500);
    }
  }
  .disabled\:text-\(--atm-color-secondary-700\) {
    &:disabled {
      color: var(--atm-color-secondary-700);
    }
  }
  .disabled\:text-\(--atm-color-secondary-900\) {
    &:disabled {
      color: var(--atm-color-secondary-900);
    }
  }
  .disabled\:text-\(--atm-color-secondary-950\) {
    &:disabled {
      color: var(--atm-color-secondary-950);
    }
  }
  .disabled\:text-\(--atm-color-tertiary-50\) {
    &:disabled {
      color: var(--atm-color-tertiary-50);
    }
  }
  .disabled\:text-\(--atm-color-tertiary-100\) {
    &:disabled {
      color: var(--atm-color-tertiary-100);
    }
  }
  .disabled\:text-\(--atm-color-tertiary-300\) {
    &:disabled {
      color: var(--atm-color-tertiary-300);
    }
  }
  .disabled\:text-\(--atm-color-tertiary-500\) {
    &:disabled {
      color: var(--atm-color-tertiary-500);
    }
  }
  .disabled\:text-\(--atm-color-tertiary-700\) {
    &:disabled {
      color: var(--atm-color-tertiary-700);
    }
  }
  .disabled\:text-\(--atm-color-tertiary-900\) {
    &:disabled {
      color: var(--atm-color-tertiary-900);
    }
  }
  .disabled\:text-\(--atm-color-tertiary-950\) {
    &:disabled {
      color: var(--atm-color-tertiary-950);
    }
  }
  .disabled\:opacity-40 {
    &:disabled {
      opacity: 40%;
    }
  }
  .disabled\:focus\:ring-\(--atm-color-neutral-50\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-neutral-50);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-neutral-100\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-neutral-100);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-neutral-300\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-neutral-300);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-neutral-500\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-neutral-500);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-neutral-700\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-neutral-700);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-neutral-900\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-neutral-900);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-neutral-950\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-neutral-950);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-primary-50\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-primary-50);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-primary-100\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-primary-100);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-primary-300\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-primary-300);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-primary-500\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-primary-500);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-primary-700\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-primary-700);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-primary-900\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-primary-900);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-primary-950\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-primary-950);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-quaternary-50\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-quaternary-50);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-quaternary-100\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-quaternary-100);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-quaternary-300\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-quaternary-300);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-quaternary-500\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-quaternary-500);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-quaternary-700\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-quaternary-700);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-quaternary-900\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-quaternary-900);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-quaternary-950\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-quaternary-950);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-secondary-50\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-secondary-50);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-secondary-100\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-secondary-100);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-secondary-300\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-secondary-300);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-secondary-500\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-secondary-500);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-secondary-700\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-secondary-700);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-secondary-900\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-secondary-900);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-secondary-950\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-secondary-950);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-tertiary-50\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-tertiary-50);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-tertiary-100\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-tertiary-100);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-tertiary-300\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-tertiary-300);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-tertiary-500\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-tertiary-500);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-tertiary-700\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-tertiary-700);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-tertiary-900\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-tertiary-900);
      }
    }
  }
  .disabled\:focus\:ring-\(--atm-color-tertiary-950\) {
    &:disabled {
      &:focus {
        --tw-ring-color: var(--atm-color-tertiary-950);
      }
    }
  }
  .supports-\[backdrop-filter\]\:bg-\[rgba\(11\,18\,32\,0\.42\)\] {
    @supports (backdrop-filter: var(--tw)) {
      background-color: rgba(11,18,32,0.42);
    }
  }
  .motion-reduce\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:mt-14 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 14);
    }
  }
  .md\:mb-4 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:aspect-auto {
    @media (width >= 48rem) {
      aspect-ratio: auto;
    }
  }
  .md\:h-5 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 5);
    }
  }
  .md\:h-6 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 6);
    }
  }
  .md\:h-7 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 7);
    }
  }
  .md\:h-9 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 9);
    }
  }
  .md\:h-10 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .md\:h-12 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 12);
    }
  }
  .md\:h-14 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 14);
    }
  }
  .md\:h-16 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 16);
    }
  }
  .md\:h-20 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  .md\:h-80 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 80);
    }
  }
  .md\:h-\[clamp\(220px\,32vh\,360px\)\] {
    @media (width >= 48rem) {
      height: clamp(220px, 32vh, 360px);
    }
  }
  .md\:h-\[clamp\(280px\,42vh\,460px\)\] {
    @media (width >= 48rem) {
      height: clamp(280px, 42vh, 460px);
    }
  }
  .md\:h-\[clamp\(340px\,52vh\,560px\)\] {
    @media (width >= 48rem) {
      height: clamp(340px, 52vh, 560px);
    }
  }
  .md\:h-\[clamp\(400px\,62vh\,640px\)\] {
    @media (width >= 48rem) {
      height: clamp(400px, 62vh, 640px);
    }
  }
  .md\:h-full {
    @media (width >= 48rem) {
      height: 100%;
    }
  }
  .md\:min-h-\[240px\] {
    @media (width >= 48rem) {
      min-height: 240px;
    }
  }
  .md\:w-5 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 5);
    }
  }
  .md\:w-6 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 6);
    }
  }
  .md\:w-7 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 7);
    }
  }
  .md\:w-9 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 9);
    }
  }
  .md\:w-10 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 10);
    }
  }
  .md\:w-12 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 12);
    }
  }
  .md\:w-14 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 14);
    }
  }
  .md\:w-16 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 16);
    }
  }
  .md\:w-20 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 20);
    }
  }
  .md\:w-\[84\%\] {
    @media (width >= 48rem) {
      width: 84%;
    }
  }
  .md\:w-\[85\%\] {
    @media (width >= 48rem) {
      width: 85%;
    }
  }
  .md\:min-w-\[70\%\] {
    @media (width >= 48rem) {
      min-width: 70%;
    }
  }
  .md\:grid-cols-1 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-\[136px_minmax\(0\,1fr\)_auto\] {
    @media (width >= 48rem) {
      grid-template-columns: 136px minmax(0,1fr) auto;
    }
  }
  .md\:flex-col {
    @media (width >= 48rem) {
      flex-direction: column;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:items-stretch {
    @media (width >= 48rem) {
      align-items: stretch;
    }
  }
  .md\:justify-center {
    @media (width >= 48rem) {
      justify-content: center;
    }
  }
  .md\:justify-end {
    @media (width >= 48rem) {
      justify-content: flex-end;
    }
  }
  .md\:justify-start {
    @media (width >= 48rem) {
      justify-content: flex-start;
    }
  }
  .md\:gap-5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-10 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .md\:space-y-5 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:gap-x-4 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 4);
    }
  }
  .md\:p-3 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .md\:p-4 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .md\:p-5 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:p-7 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .md\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:p-9 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 9);
    }
  }
  .md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .md\:p-12 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .md\:px-8 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .md\:px-10 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .md\:py-10 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .md\:py-12 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .md\:py-14 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .md\:py-16 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .md\:py-20 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .md\:text-3xl {
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .md\:text-4xl {
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .md\:text-5xl {
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .md\:text-6xl {
    @media (width >= 48rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .md\:text-7xl {
    @media (width >= 48rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }
  .md\:text-8xl {
    @media (width >= 48rem) {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }
  }
  .md\:text-base {
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .md\:text-lg {
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .md\:text-sm {
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .md\:text-xl {
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .md\:text-\[15px\] {
    @media (width >= 48rem) {
      font-size: 15px;
    }
  }
  .lg\:static {
    @media (width >= 64rem) {
      position: static;
    }
  }
  .lg\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:inline-flex {
    @media (width >= 64rem) {
      display: inline-flex;
    }
  }
  .lg\:h-\[28rem\] {
    @media (width >= 64rem) {
      height: 28rem;
    }
  }
  .lg\:w-12 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 12);
    }
  }
  .lg\:w-60 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 60);
    }
  }
  .lg\:w-\[78\%\] {
    @media (width >= 64rem) {
      width: 78%;
    }
  }
  .lg\:w-\[80\%\] {
    @media (width >= 64rem) {
      width: 80%;
    }
  }
  .lg\:max-w-none {
    @media (width >= 64rem) {
      max-width: none;
    }
  }
  .lg\:translate-x-0 {
    @media (width >= 64rem) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:gap-6 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-10 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:p-10 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .lg\:p-14 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 14);
    }
  }
  .lg\:px-14 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 14);
    }
  }
  .lg\:py-12 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .lg\:py-16 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .lg\:text-4xl {
    @media (width >= 64rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .lg\:text-5xl {
    @media (width >= 64rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .lg\:text-6xl {
    @media (width >= 64rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .lg\:text-7xl {
    @media (width >= 64rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }
  .lg\:text-\[6\.5rem\] {
    @media (width >= 64rem) {
      font-size: 6.5rem;
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-5 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .dark\:border-amber-700\/60 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-700) 60%, transparent);
      }
    }
  }
  .dark\:border-gray-600 {
    &:where(.dark, .dark *) {
      border-color: var(--color-gray-600);
    }
  }
  .dark\:border-gray-700 {
    &:where(.dark, .dark *) {
      border-color: var(--color-gray-700);
    }
  }
  .dark\:border-gray-800 {
    &:where(.dark, .dark *) {
      border-color: var(--color-gray-800);
    }
  }
  .dark\:bg-amber-900\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-blue-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-gray-100 {
    &:where(.dark, .dark *) {
      background-color: var(--color-gray-100);
    }
  }
  .dark\:bg-gray-300 {
    &:where(.dark, .dark *) {
      background-color: var(--color-gray-300);
    }
  }
  .dark\:bg-gray-700 {
    &:where(.dark, .dark *) {
      background-color: var(--color-gray-700);
    }
  }
  .dark\:bg-gray-800 {
    &:where(.dark, .dark *) {
      background-color: var(--color-gray-800);
    }
  }
  .dark\:bg-gray-900 {
    &:where(.dark, .dark *) {
      background-color: var(--color-gray-900);
    }
  }
  .dark\:bg-gray-950 {
    &:where(.dark, .dark *) {
      background-color: var(--color-gray-950);
    }
  }
  .dark\:text-amber-400 {
    &:where(.dark, .dark *) {
      color: var(--color-amber-400);
    }
  }
  .dark\:text-blue-300 {
    &:where(.dark, .dark *) {
      color: var(--color-blue-300);
    }
  }
  .dark\:text-gray-100 {
    &:where(.dark, .dark *) {
      color: var(--color-gray-100);
    }
  }
  .dark\:text-gray-200 {
    &:where(.dark, .dark *) {
      color: var(--color-gray-200);
    }
  }
  .dark\:text-gray-300 {
    &:where(.dark, .dark *) {
      color: var(--color-gray-300);
    }
  }
  .dark\:text-gray-400 {
    &:where(.dark, .dark *) {
      color: var(--color-gray-400);
    }
  }
  .dark\:text-gray-900 {
    &:where(.dark, .dark *) {
      color: var(--color-gray-900);
    }
  }
  .dark\:hover\:border-gray-500 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-gray-500);
        }
      }
    }
  }
  .dark\:hover\:border-gray-700 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-gray-700);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-700 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-700);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-800 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-800);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-800\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:text-gray-100 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-gray-100);
        }
      }
    }
  }
  .\[\&\>\*\]\:mx-auto {
    &>* {
      margin-inline: auto;
    }
  }
}
:root {
  --atm-color-primary-100: #E8F5E9;
  --atm-color-primary-300: #A5D6A7;
  --atm-color-primary-500: #2E7D32;
  --atm-color-primary-700: #1B5E20;
  --atm-color-secondary-100: #FFF8E1;
  --atm-color-secondary-300: #FFE082;
  --atm-color-secondary-500: #FFB300;
  --atm-color-secondary-700: #FF8F00;
  --atm-color-tertiary-100: #ECEFF1;
  --atm-color-tertiary-300: #90A4AE;
  --atm-color-tertiary-500: #374151;
  --atm-color-tertiary-700: #1F2937;
  --atm-color-quaternary-100: #F9FAFB;
  --atm-color-quaternary-300: #E5E7EB;
  --atm-color-quaternary-500: #F3F4F6;
  --atm-color-quaternary-700: #D1D5DB;
  --atm-color-neutral-50: #FAFAFA;
  --atm-color-neutral-300: #D4D4D4;
  --atm-color-neutral-500: #737373;
  --atm-color-neutral-700: #404040;
  --atm-font-heading: "Playfair Display", serif;
  --atm-font-body: "Inter", sans-serif;
  --atm-radius-base: 6px;
  --atm-radius-full: 20px;
  --atm-space-4_5: 1.125rem;
  --atm-space-7_5: 1.875rem;
  --atm-space-8_5: 2.125rem;
  --atm-effect-shadow-sm: 0 1px 2px rgba(0,0,0,0.08);
  --atm-effect-shadow-md: 0 1px 3px rgba(0,0,0,0.10);
  --atm-effect-shadow-lg: 0 2px 8px rgba(0,0,0,0.12);
}
:root {
  --global-shadow: var(--atm-effect-shadow-md);
  --global-radius: var(--atm-radius-base);
  --button-shadow: var(--atm-effect-shadow-inherit);
  --button-radius: var(--atm-radius-base);
  --button-padding-x: 1rem;
  --button-padding-y: 0rem;
  --button-height: 2.75rem;
  --card-shadow: var(--atm-effect-shadow-lg);
  --card-radius: var(--atm-radius-base);
  --card-padding-all: 2.125rem;
  --card-margin-bottom: 1.875rem;
  --input-radius: var(--atm-radius-base);
  --typography-tag-radius: rounded-full;
  --typography-tag-padding-x: 0.5rem;
  --typography-tag-padding-y: 0.125rem;
  --navigation-height: 4rem;
  --navigation-padding-x: 1.875rem;
  --navigation-shadow: var(--atm-effect-shadow-sm);
}
[data-pod-layer-sequence="1"] [data-layer] {
  will-change: opacity, transform;
}
[data-pod-layer-sequence="1"] [data-layer][data-layer-initial-visible="1"] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
[data-pod-layer-sequence="1"] [data-layer][data-layer-initial-visible="0"] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
[data-pod-layer-sequence="1"].sequence-active:not(.sequence-settled) [data-layer][data-layer-enters="1"] {
  pointer-events: auto;
}
[data-pod-layer-sequence="1"].sequence-active:not(.sequence-settled) [data-layer][data-layer-enters="1"][data-layer-exits="0"] {
  animation: pod-layer-sequence-fade-in var(--pod-sequence-transition-ms, 600ms) ease both;
  animation-delay: var(--pod-layer-enter-delay, 0ms);
}
[data-pod-layer-sequence="1"].sequence-active:not(.sequence-settled) [data-layer][data-layer-enters="0"][data-layer-exits="1"] {
  animation: pod-layer-sequence-fade-out var(--pod-sequence-transition-ms, 600ms) ease forwards;
  animation-delay: var(--pod-layer-exit-delay, 0ms);
}
[data-pod-layer-sequence="1"].sequence-active:not(.sequence-settled) [data-layer][data-layer-enters="1"][data-layer-exits="1"] {
  animation: pod-layer-sequence-fade-in var(--pod-sequence-transition-ms, 600ms) ease both, pod-layer-sequence-fade-out var(--pod-sequence-transition-ms, 600ms) ease forwards;
  animation-delay: var(--pod-layer-enter-delay, 0ms), var(--pod-layer-exit-delay, 0ms);
}
[data-pod-layer-sequence="1"].sequence-settled [data-layer][data-layer-final-visible="0"] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: none;
  animation: none !important;
}
[data-pod-layer-sequence="1"].sequence-settled [data-layer][data-layer-final-visible="1"] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  animation: none !important;
}
@keyframes pod-layer-sequence-fade-in {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateY(var(--pod-layer-enter-offset, 8px));
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
@keyframes pod-layer-sequence-fade-out {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-pod-layer-sequence="1"] [data-layer] {
    animation: none !important;
  }
}
.autumn-runtime {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scale-z: 1;
  --tw-rotate-x: initial;
  --tw-rotate-y: initial;
  --tw-rotate-z: initial;
  --tw-skew-x: initial;
  --tw-skew-y: initial;
  --tw-space-y-reverse: 0;
  --tw-space-x-reverse: 0;
  --tw-divide-y-reverse: 0;
  --tw-border-style: solid;
  --tw-gradient-position: initial;
  --tw-gradient-from: #0000;
  --tw-gradient-via: #0000;
  --tw-gradient-to: #0000;
  --tw-gradient-stops: initial;
  --tw-gradient-via-stops: initial;
  --tw-gradient-from-position: 0%;
  --tw-gradient-via-position: 50%;
  --tw-gradient-to-position: 100%;
  --tw-leading: initial;
  --tw-font-weight: initial;
  --tw-tracking: initial;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-color: initial;
  --tw-shadow-alpha: 100%;
  --tw-inset-shadow: 0 0 #0000;
  --tw-inset-shadow-color: initial;
  --tw-inset-shadow-alpha: 100%;
  --tw-ring-color: initial;
  --tw-ring-shadow: 0 0 #0000;
  --tw-inset-ring-color: initial;
  --tw-inset-ring-shadow: 0 0 #0000;
  --tw-ring-inset: initial;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-outline-style: solid;
  --tw-blur: initial;
  --tw-brightness: initial;
  --tw-contrast: initial;
  --tw-grayscale: initial;
  --tw-hue-rotate: initial;
  --tw-invert: initial;
  --tw-opacity: initial;
  --tw-saturate: initial;
  --tw-sepia: initial;
  --tw-drop-shadow: initial;
  --tw-drop-shadow-color: initial;
  --tw-drop-shadow-alpha: 100%;
  --tw-drop-shadow-size: initial;
  --tw-backdrop-blur: initial;
  --tw-backdrop-brightness: initial;
  --tw-backdrop-contrast: initial;
  --tw-backdrop-grayscale: initial;
  --tw-backdrop-hue-rotate: initial;
  --tw-backdrop-invert: initial;
  --tw-backdrop-opacity: initial;
  --tw-backdrop-saturate: initial;
  --tw-backdrop-sepia: initial;
  --tw-duration: initial;
  --tw-ease: initial;
  --tw-content: '';
  --tw-divide-x-reverse: 0;
  --tw-ordinal: initial;
  --tw-slashed-zero: initial;
  --tw-numeric-figure: initial;
  --tw-numeric-spacing: initial;
  --tw-numeric-fraction: initial;
  --ui-radius: 0.25rem;
}
.autumn-runtime [data-autumn-pod] {
  display: block;
}
.autumn-runtime {
  --color-primary-50: #f4f4f5;
  --color-primary-100: #e6e6e7;
  --color-primary-200: #cfcfd1;
  --color-primary-300: #a5a5a8;
  --color-primary-400: #6e6e72;
  --color-primary-500: #29292b;
  --color-primary-600: #242426;
  --color-primary-700: #1e1e20;
  --color-primary-800: #181819;
  --color-primary-900: #101011;
  --color-secondary-500: #4A70A9;
  --color-tertiary-500: #EFECE3;
  --color-quaternary-500: #8FABD4;
}
.autumn-runtime.dark, .autumn-runtime .dark {
  --color-primary-50: #fafafa;
  --color-primary-100: #f5f5f6;
  --color-primary-200: #e7e7e9;
  --color-primary-300: #d7d7d9;
  --color-primary-400: #b0b0b3;
  --color-primary-500: #7a7a7d;
  --color-primary-600: #a2a2a5;
  --color-primary-700: #d0d0d2;
  --color-primary-800: #e8e8ea;
  --color-primary-900: #f5f5f6;
  --color-secondary-500: #4A70A9;
  --color-tertiary-500: #EFECE3;
  --color-quaternary-500: #8FABD4;
}
.maplibregl-map {
  font: 12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgb(0,0,0,0);
}
.maplibregl-canvas {
  left: 0;
  position: absolute;
  top: 0;
}
.maplibregl-map:fullscreen {
  height: 100%;
  width: 100%;
}
.maplibregl-ctrl-group button.maplibregl-ctrl-compass {
  touch-action: none;
}
.maplibregl-canvas-container.maplibregl-interactive,.maplibregl-ctrl-group button.maplibregl-ctrl-compass {
  cursor: grab;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer {
  cursor: pointer;
}
.maplibregl-canvas-container.maplibregl-interactive:active,.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active {
  cursor: grabbing;
}
.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas {
  touch-action: pan-x pan-y;
}
.maplibregl-canvas-container.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas {
  touch-action: pinch-zoom;
}
.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas {
  touch-action: none;
}
.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures,.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures .maplibregl-canvas {
  touch-action: pan-x pan-y;
}
.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right {
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.maplibregl-ctrl-top-left {
  left: 0;
  top: 0;
}
.maplibregl-ctrl-top-right {
  right: 0;
  top: 0;
}
.maplibregl-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}
.maplibregl-ctrl-bottom-right {
  bottom: 0;
  right: 0;
}
.maplibregl-ctrl {
  clear: both;
  pointer-events: auto;
  transform: translate(0);
}
.maplibregl-ctrl-top-left .maplibregl-ctrl {
  float: left;
  margin: 10px 0 0 10px;
}
.maplibregl-ctrl-top-right .maplibregl-ctrl {
  float: right;
  margin: 10px 10px 0 0;
}
.maplibregl-ctrl-bottom-left .maplibregl-ctrl {
  float: left;
  margin: 0 0 10px 10px;
}
.maplibregl-ctrl-bottom-right .maplibregl-ctrl {
  float: right;
  margin: 0 10px 10px 0;
}
.maplibregl-ctrl-group {
  background: #fff;
  border-radius: 4px;
}
.maplibregl-ctrl-group:not(:empty) {
  box-shadow: 0 0 0 2px rgba(0,0,0,.1);
}
@media (forced-colors:active) {
  .maplibregl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px ButtonText;
  }
}
.maplibregl-ctrl-group button {
  background-color: transparent;
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 29px;
  outline: none;
  padding: 0;
  width: 29px;
}
.maplibregl-ctrl-group button+button {
  border-top: 1px solid #ddd;
}
.maplibregl-ctrl button .maplibregl-ctrl-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  width: 100%;
}
@media (forced-colors:active) {
  .maplibregl-ctrl-icon {
    background-color: transparent;
  }
  .maplibregl-ctrl-group button+button {
    border-top: 1px solid ButtonText;
  }
}
.maplibregl-ctrl button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.maplibregl-ctrl-attrib-button:focus,.maplibregl-ctrl-group button:focus {
  box-shadow: 0 0 2px 2px #0096ff;
}
.maplibregl-ctrl button:disabled {
  cursor: not-allowed;
}
.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon {
  opacity: .25;
}
@media (hover:hover) {
  .maplibregl-ctrl button:not(:disabled):hover {
    background-color: rgba(0,0,0,.05);
  }
}
.maplibregl-ctrl button:not(:disabled):active {
  background-color: rgba(0,0,0,.05);
}
.maplibregl-ctrl-group button:focus:focus-visible {
  box-shadow: 0 0 2px 2px #0096ff;
}
.maplibregl-ctrl-group button:focus:not(:focus-visible) {
  box-shadow: none;
}
.maplibregl-ctrl-group button:focus:first-child {
  border-radius: 4px 4px 0 0;
}
.maplibregl-ctrl-group button:focus:last-child {
  border-radius: 0 0 4px 4px;
}
.maplibregl-ctrl-group button:focus:only-child {
  border-radius: inherit;
}
.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E");
}
.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E");
}
@media (forced-colors:active) {
  .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E");
  }
  .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E");
  }
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
  .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E");
  }
  .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E");
  }
}
.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E");
}
.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E");
}
@media (forced-colors:active) {
  .maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E");
  }
  .maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E");
  }
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
  .maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E");
  }
  .maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E");
  }
}
.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E");
}
@media (forced-colors:active) {
  .maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E");
  }
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
  .maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E");
  }
}
.maplibregl-ctrl button.maplibregl-ctrl-globe .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23333' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E");
}
.maplibregl-ctrl button.maplibregl-ctrl-globe-enabled .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%2333b5e5' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E");
}
.maplibregl-ctrl button.maplibregl-ctrl-terrain .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23333' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E");
}
.maplibregl-ctrl button.maplibregl-ctrl-terrain-enabled .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%2333b5e5' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E");
}
.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
}
.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23aaa' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E");
}
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
}
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
}
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E");
}
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E");
}
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting .maplibregl-ctrl-icon {
  animation: maplibregl-spin 2s linear infinite;
}
@media (forced-colors:active) {
  .maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
  }
  .maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23999' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E");
  }
  .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
  }
  .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
  }
  .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E");
  }
  .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E");
  }
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
  .maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
  }
  .maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23666' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E");
  }
}
@keyframes maplibregl-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
a.maplibregl-ctrl-logo {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 23px;
  margin: 0 0 -4px -4px;
  overflow: hidden;
  width: 88px;
}
a.maplibregl-ctrl-logo.maplibregl-compact {
  width: 14px;
}
@media (forced-colors:active) {
  a.maplibregl-ctrl-logo {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E");
  }
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
  a.maplibregl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E");
  }
}
.maplibregl-ctrl.maplibregl-ctrl-attrib {
  background-color: hsla(0,0%,100%,.5);
  margin: 0;
  padding: 0 5px;
}
@media screen {
  .maplibregl-ctrl-attrib.maplibregl-compact {
    background-color: #fff;
    border-radius: 12px;
    box-sizing: content-box;
    color: #000;
    margin: 10px;
    min-height: 20px;
    padding: 2px 24px 2px 0;
    position: relative;
  }
  .maplibregl-ctrl-attrib.maplibregl-compact-show {
    padding: 2px 28px 2px 8px;
    visibility: visible;
  }
  .maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact-show,.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact-show {
    border-radius: 12px;
    padding: 2px 8px 2px 28px;
  }
  .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner {
    display: none;
  }
  .maplibregl-ctrl-attrib-button {
    background-color: hsla(0,0%,100%,.5);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    height: 24px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
  }
  .maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    list-style: none;
  }
  .maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button::-webkit-details-marker {
    display: none;
  }
  .maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button {
    left: 0;
  }
  .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner {
    display: block;
  }
  .maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button {
    background-color: rgba(0,0,0,.05);
  }
  .maplibregl-ctrl-bottom-right>.maplibregl-ctrl-attrib.maplibregl-compact:after {
    bottom: 0;
    right: 0;
  }
  .maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib.maplibregl-compact:after {
    right: 0;
    top: 0;
  }
  .maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact:after {
    left: 0;
    top: 0;
  }
  .maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact:after {
    bottom: 0;
    left: 0;
  }
}
@media screen and (forced-colors:active) {
  .maplibregl-ctrl-attrib.maplibregl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
  }
}
@media screen and (forced-colors:active) and (prefers-color-scheme:light) {
  .maplibregl-ctrl-attrib.maplibregl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
  }
}
.maplibregl-ctrl-attrib a {
  color: rgba(0,0,0,.75);
  text-decoration: none;
}
.maplibregl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline;
}
.maplibregl-attrib-empty {
  display: none;
}
.maplibregl-ctrl-scale {
  background-color: hsla(0,0%,100%,.75);
  border: 2px solid #333;
  border-top: #333;
  box-sizing: border-box;
  color: #333;
  font-size: 10px;
  padding: 0 5px;
  white-space: nowrap;
}
.maplibregl-popup {
  display: flex;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  will-change: transform;
}
.maplibregl-popup-anchor-top,.maplibregl-popup-anchor-top-left,.maplibregl-popup-anchor-top-right {
  flex-direction: column;
}
.maplibregl-popup-anchor-bottom,.maplibregl-popup-anchor-bottom-left,.maplibregl-popup-anchor-bottom-right {
  flex-direction: column-reverse;
}
.maplibregl-popup-anchor-left {
  flex-direction: row;
}
.maplibregl-popup-anchor-right {
  flex-direction: row-reverse;
}
.maplibregl-popup-tip {
  border: 10px solid transparent;
  height: 0;
  width: 0;
  z-index: 1;
}
.maplibregl-popup-anchor-top .maplibregl-popup-tip {
  align-self: center;
  border-bottom-color: #fff;
  border-top: none;
}
.maplibregl-popup-anchor-top-left .maplibregl-popup-tip {
  align-self: flex-start;
  border-bottom-color: #fff;
  border-left: none;
  border-top: none;
}
.maplibregl-popup-anchor-top-right .maplibregl-popup-tip {
  align-self: flex-end;
  border-bottom-color: #fff;
  border-right: none;
  border-top: none;
}
.maplibregl-popup-anchor-bottom .maplibregl-popup-tip {
  align-self: center;
  border-bottom: none;
  border-top-color: #fff;
}
.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip {
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #fff;
}
.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip {
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #fff;
}
.maplibregl-popup-anchor-left .maplibregl-popup-tip {
  align-self: center;
  border-left: none;
  border-right-color: #fff;
}
.maplibregl-popup-anchor-right .maplibregl-popup-tip {
  align-self: center;
  border-left-color: #fff;
  border-right: none;
}
.maplibregl-popup-close-button {
  background-color: transparent;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.maplibregl-popup-close-button:hover {
  background-color: rgba(0,0,0,.05);
}
.maplibregl-popup-content {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
  padding: 15px 10px;
  pointer-events: auto;
  position: relative;
}
.maplibregl-popup-anchor-top-left .maplibregl-popup-content {
  border-top-left-radius: 0;
}
.maplibregl-popup-anchor-top-right .maplibregl-popup-content {
  border-top-right-radius: 0;
}
.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content {
  border-bottom-left-radius: 0;
}
.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content {
  border-bottom-right-radius: 0;
}
.maplibregl-popup-track-pointer {
  display: none;
}
.maplibregl-popup-track-pointer * {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.maplibregl-map:hover .maplibregl-popup-track-pointer {
  display: flex;
}
.maplibregl-map:active .maplibregl-popup-track-pointer {
  display: none;
}
.maplibregl-marker {
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s;
  will-change: transform;
}
.maplibregl-user-location-dot,.maplibregl-user-location-dot:before {
  background-color: #1da1f2;
  border-radius: 50%;
  height: 15px;
  width: 15px;
}
.maplibregl-user-location-dot:before {
  animation: maplibregl-user-location-dot-pulse 2s infinite;
  content: "";
  position: absolute;
}
.maplibregl-user-location-dot:after {
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(0,0,0,.35);
  box-sizing: border-box;
  content: "";
  height: 19px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 19px;
}
@keyframes maplibregl-user-location-dot-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  70% {
    opacity: 0;
    transform: scale(3);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
.maplibregl-user-location-dot-stale {
  background-color: #aaa;
}
.maplibregl-user-location-dot-stale:after {
  display: none;
}
.maplibregl-user-location-accuracy-circle {
  background-color: #1da1f233;
  border-radius: 100%;
  height: 1px;
  width: 1px;
}
.maplibregl-crosshair,.maplibregl-crosshair .maplibregl-interactive,.maplibregl-crosshair .maplibregl-interactive:active {
  cursor: crosshair;
}
.maplibregl-boxzoom {
  background: #fff;
  border: 2px dotted #202020;
  height: 0;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 0;
}
.maplibregl-cooperative-gesture-screen {
  align-items: center;
  background: rgba(0,0,0,.4);
  color: #fff;
  display: flex;
  font-size: 1.4em;
  inset: 0;
  justify-content: center;
  line-height: 1.2;
  opacity: 0;
  padding: 1rem;
  pointer-events: none;
  position: absolute;
  transition: opacity 1s ease 1s;
  z-index: 99999;
}
.maplibregl-cooperative-gesture-screen.maplibregl-show {
  opacity: 1;
  transition: opacity .05s;
}
.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message {
  display: none;
}
@media (hover:none),(pointer:coarse) {
  .maplibregl-cooperative-gesture-screen .maplibregl-desktop-message {
    display: none;
  }
  .maplibregl-cooperative-gesture-screen .maplibregl-mobile-message {
    display: block;
  }
}
.maplibregl-pseudo-fullscreen {
  height: 100% !important;
  left: 0 !important;
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 99999;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}
/* src/podpacks/we2/styles/we2.css */

body[data-au-pack='we2'] {
  background: #00003c;
  --story-visual-bg: #00003c;
  --story-visual-text: #f2dda6;
  --story-narrative-bg: transparent;
  --story-narrative-text: #f2dda6;
  --story-font-body: 'Poppins', Inter, ui-sans-serif, system-ui, sans-serif;
  --story-font-heading: 'Poppins', Inter, ui-sans-serif, system-ui, sans-serif;
  --story-controls-bg: rgba(255, 255, 255, 0.78);
  --story-controls-text: #0c0a2e;
  --story-controls-divider: rgba(12, 10, 46, 0.12);
  --story-controls-disabled-opacity: 0.25;
  --story-overlay-card-width: 440px;
  --story-overlay-card-vw: 40vw;
  --story-viewport-stack-step-inline-padding: 1.5rem;
  --we2-nav-clearance: clamp(56px, 7vh, 84px);
}

body[data-au-pack='we2'] .autumn-story-root {
  --story-visual-bg: #00003c !important;
  --story-visual-text: #f2dda6 !important;
  --story-narrative-bg: transparent !important;
  --story-narrative-text: #f2dda6 !important;
  --story-narrative-card-border: rgba(242, 221, 166, 0.08) !important;
  --story-divider: rgba(242, 221, 166, 0.08) !important;
  --story-font-body: 'Poppins', Inter, ui-sans-serif, system-ui, sans-serif !important;
  --story-font-heading: 'Poppins', Inter, ui-sans-serif, system-ui, sans-serif !important;
  --story-controls-bg: rgba(255, 255, 255, 0.78) !important;
  --story-controls-text: #0c0a2e !important;
  --story-controls-divider: rgba(12, 10, 46, 0.12) !important;
  --story-controls-disabled-opacity: 0.25 !important;
  --story-viewport-stack-step-inline-padding: 1.5rem !important;
  --brand-primary: #f2dda6 !important;
}

@media (min-width: 1600px) and (min-height: 900px) {
  body[data-au-pack='we2'] {
    zoom: 1.1;
  }
}

@media (min-width: 1920px) and (min-height: 1000px) {
  body[data-au-pack='we2'] {
    zoom: 1.18;
  }
}

@media (min-width: 2400px) and (min-height: 1200px) {
  body[data-au-pack='we2'] {
    zoom: 1.3;
  }
}

body[data-au-pack='we2'] #scrolly {
  background: #00003c;
}

body[data-au-pack='we2'] #scrolly > figure {
  background: #00003c !important;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail {
  top: calc(16px + env(safe-area-inset-top, 0px));
  width: auto;
  max-width: calc(100vw - 32px);
  color: #0c0a2e;
  font-family: 'Poppins', Inter, ui-sans-serif, system-ui, sans-serif;
  pointer-events: none;
  user-select: none;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail.story-chapter-nav--dark {
  color: #f5f1e3;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__bar {
  align-items: stretch;
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  padding: 4px;
  border: none;
  border-radius: 18px;
  box-shadow: none;
  backdrop-filter: blur(40px) saturate(140%);
  -webkit-backdrop-filter: blur(40px) saturate(140%);
  transition: background-color 0.35s ease;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail.story-chapter-nav--light .story-chapter-nav__bar {
  background: rgba(255, 255, 255, 0.78);
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail.story-chapter-nav--dark .story-chapter-nav__bar {
  background: rgba(12, 10, 46, 0.58);
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__chapters {
  gap: 4px;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-brand],
body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-current],
body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-item],
body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-cta],
body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-toggle] {
  min-height: 32px;
  height: 32px;
  padding: 0 14px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-brand] {
  width: 32px;
  min-width: 32px;
  padding: 0;
  border-radius: 50%;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail.story-chapter-nav--dark .story-chapter-nav__mark {
  box-shadow: 0 0 0 1px rgba(245, 241, 227, 0.22);
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__dot {
  width: 6px;
  height: 6px;
  background: currentColor;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__caret {
  width: 9px;
  height: 9px;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-current]:hover,
body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-toggle]:hover,
body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-item]:hover,
body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__menu-item:hover,
body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-item].is-active {
  background: rgba(12, 10, 46, 0.08);
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail.story-chapter-nav--dark [data-story-chapter-current]:hover,
body[data-au-pack='we2'] .story-chapter-nav--floating-rail.story-chapter-nav--dark [data-story-chapter-toggle]:hover,
body[data-au-pack='we2'] .story-chapter-nav--floating-rail.story-chapter-nav--dark [data-story-chapter-item]:hover,
body[data-au-pack='we2'] .story-chapter-nav--floating-rail.story-chapter-nav--dark .story-chapter-nav__menu-item:hover,
body[data-au-pack='we2'] .story-chapter-nav--floating-rail.story-chapter-nav--dark [data-story-chapter-item].is-active {
  background: rgba(255, 255, 255, 0.14);
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-item].is-active {
  background: rgba(12, 10, 46, 0.12);
  font-weight: 700;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail.story-chapter-nav--dark [data-story-chapter-item].is-active {
  background: rgba(255, 255, 255, 0.18);
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail.story-chapter-nav--light [data-story-chapter-current] {
  background: rgba(12, 10, 46, 0.08);
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail.story-chapter-nav--dark [data-story-chapter-current] {
  background: rgba(255, 255, 255, 0.10);
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-item].is-past {
  opacity: 0.55;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-toggle] {
  width: 32px;
  padding: 0;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail.story-chapter-nav--light [data-story-chapter-toggle] {
  background: rgba(12, 10, 46, 0.06);
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail.story-chapter-nav--dark [data-story-chapter-toggle] {
  background: rgba(255, 255, 255, 0.06);
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-cta] {
  background: #f5c84c;
  color: #0c0a2e !important;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-cta]:hover {
  background: #ffd66a !important;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__cta-label {
  font-size: 12px;
  letter-spacing: 0.02em;
  text-transform: none;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__cta--rail {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__cta--icon {
  display: none;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__cta--icon .story-chapter-nav__cta-label {
  display: none;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__menu {
  min-width: 220px;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  background: rgba(12, 10, 46, 0.86);
  box-shadow: 0 18px 48px rgba(12, 10, 46, 0.42);
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__menu-item {
  min-height: 32px;
  padding: 8px 14px;
  border-radius: 8px;
  color: rgba(245, 241, 227, 0.88);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__menu-item.is-active {
  background: rgba(245, 200, 76, 0.16);
  color: #f5c84c;
  font-weight: 600;
}

body[data-au-pack='we2'] .story-controls-shell--pill {
  background: var(--story-controls-bg, rgba(255, 255, 255, 0.78));
  border: none;
  box-shadow: 0 2px 12px rgba(12, 10, 46, 0.10);
  backdrop-filter: blur(40px) saturate(140%);
  -webkit-backdrop-filter: blur(40px) saturate(140%);
}

body[data-au-pack='we2'] .story-controls-shell--pill .story-controls-divider {
  background: rgba(12, 10, 46, 0.12);
}

body[data-au-pack='we2'] .story-scroll-hint--corner {
  color: #f2f4f8;
}

@media (min-width: 1024px) {
  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-toggle],
  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-current],
  body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__cta--icon {
    display: none;
  }
}

@media (max-width: 1023.98px) {
  body[data-au-pack='we2'] .story-chapter-nav--floating-rail {
    top: calc(16px + env(safe-area-inset-top, 0px));
    width: auto;
    max-width: calc(100vw - 32px);
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail.is-expanded {
    width: calc(100vw - 32px);
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__bar {
    width: fit-content;
    max-width: 100%;
    justify-content: center;
    flex-wrap: nowrap;
    border-radius: 18px;
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail.is-expanded .story-chapter-nav__bar {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__chapters {
    position: static;
    flex-basis: 100%;
    order: 99;
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 4px;
    margin-top: 4px;
    padding: 6px 0 0;
    border: 0;
    border-top: 1px solid currentColor;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail.story-chapter-nav--light .story-chapter-nav__chapters {
    border-top-color: rgba(12, 10, 46, 0.10);
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail.story-chapter-nav--dark .story-chapter-nav__chapters {
    border-top-color: rgba(245, 241, 227, 0.18);
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-brand],
  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-current],
  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-item],
  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-cta],
  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-toggle] {
    min-height: 32px;
    height: 32px;
    padding: 0 10px;
    font-size: 11px;
    letter-spacing: 0.03em;
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-brand],
  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-toggle] {
    width: 32px;
    min-width: 32px;
    padding: 0;
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail.is-expanded [data-story-chapter-toggle] {
    margin-left: auto;
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__item,
  body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__chapters [data-story-chapter-item] {
    width: 100%;
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__chapters [data-story-chapter-item] {
    justify-content: center;
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail:not(.is-expanded) .story-chapter-nav__cta--rail {
    display: none;
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail:not(.is-expanded) .story-chapter-nav__cta--icon {
    display: inline-flex;
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail.is-expanded .story-chapter-nav__cta--icon {
    display: none;
  }
}

@media (max-width: 599px) {
  body[data-au-pack='we2'] .story-chapter-nav--floating-rail {
    top: calc(12px + env(safe-area-inset-top, 0px));
    max-width: calc(100vw - 16px);
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail.is-expanded {
    width: calc(100vw - 16px);
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__bar {
    border-radius: 20px;
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-brand],
  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-current],
  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-item],
  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-cta],
  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-toggle] {
    min-height: 36px;
    height: 36px;
    padding: 0 12px;
    font-size: 12px;
    letter-spacing: 0.04em;
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-brand],
  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-toggle] {
    width: 36px;
    min-width: 36px;
    padding: 0;
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__mark {
    width: 28px;
    height: 28px;
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail .story-chapter-nav__mark svg {
    width: 18px;
    height: 18px;
  }

  body[data-au-pack='we2'] .story-chapter-nav--floating-rail [data-story-chapter-toggle] svg {
    width: 16px;
    height: 16px;
  }
}

body[data-au-pack='we2'] .storytime-article-column {
  background: transparent !important;
  border-left: 0 !important;
}

body[data-au-pack='we2'] .step[data-au-source-key]:not([data-au-source-key='we2-cover']) {
  --we2-nav-clearance: clamp(56px, 7vh, 84px);
}

@media (min-width: 1025px) {
  body[data-au-pack='we2'] .step[data-au-source-key='we2-cover'] {
    min-height: 70svh !important;
  }

  body[data-au-pack='we2'] .step[data-au-source-key^='we2-foreword'],
  body[data-au-pack='we2'] .step[data-au-source-key='we2-central-asia'],
  body[data-au-pack='we2'] .step[data-au-source-key='we2-east-southern-africa'],
  body[data-au-pack='we2'] .step[data-au-source-key='we2-middle-east-north-africa'],
  body[data-au-pack='we2'] .step[data-au-source-key='we2-sahel'],
  body[data-au-pack='we2'] .step[data-au-source-key='we2-south-south-east-asia'],
  body[data-au-pack='we2'] .step[data-au-source-key='we2-west-africa'],
  body[data-au-pack='we2'] .step[data-au-source-key='we2-western-balkans'] {
    --story-overlay-card-width: 620px;
    --story-overlay-card-vw: 54vw;
  }
}

body[data-au-pack='we2'] [data-article-card] {
  height: fit-content !important;
  align-self: center !important;
  padding: 24px !important;
  border: 1px solid rgba(242, 221, 166, 0.08) !important;
  border-radius: 0 !important;
  background: rgba(0, 0, 45, 0.85) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 20, 0.25) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
}

body[data-au-pack='we2'] [data-article-card][data-article-empty='true'] {
  height: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  clip-path: none !important;
}

@media (min-width: 1025px) {
  body[data-au-pack='we2']
    #scrolly[data-au-card-mode='viewport-stack'][data-au-card-align='right']
    [data-article-card] {
    max-width: min(
      var(--story-overlay-card-width, 440px),
      var(--story-overlay-card-vw, 40vw),
      90%
    ) !important;
    margin-left: auto !important;
    margin-right: clamp(10px, 1.8vw, 64px) !important;
    padding-right: 24px !important;
  }

  body[data-au-pack='we2']
    .step[data-au-source-key]:not([data-au-source-key='we2-cover'])
    [data-article-card]:not([data-article-empty='true']) {
    max-width: min(
      var(--story-overlay-card-width, 440px),
      var(--story-overlay-card-vw, 40vw),
      90%
    ) !important;
    margin-left: auto !important;
    margin-right: clamp(10px, 1.8vw, 64px) !important;
    padding-right: 24px !important;
  }

  body[data-au-pack='we2']
    .step[data-au-source-key^='we2-foreword']
    [data-article-card]:not([data-article-empty='true']),
  body[data-au-pack='we2']
    .step[data-au-source-key='we2-central-asia']
    [data-article-card]:not([data-article-empty='true']),
  body[data-au-pack='we2']
    .step[data-au-source-key='we2-east-southern-africa']
    [data-article-card]:not([data-article-empty='true']),
  body[data-au-pack='we2']
    .step[data-au-source-key='we2-middle-east-north-africa']
    [data-article-card]:not([data-article-empty='true']),
  body[data-au-pack='we2']
    .step[data-au-source-key='we2-sahel']
    [data-article-card]:not([data-article-empty='true']),
  body[data-au-pack='we2']
    .step[data-au-source-key='we2-south-south-east-asia']
    [data-article-card]:not([data-article-empty='true']),
  body[data-au-pack='we2']
    .step[data-au-source-key='we2-west-africa']
    [data-article-card]:not([data-article-empty='true']),
  body[data-au-pack='we2']
    .step[data-au-source-key='we2-western-balkans']
    [data-article-card]:not([data-article-empty='true']) {
    max-width: min(
      var(--story-overlay-card-width, 440px),
      var(--story-overlay-card-vw, 40vw),
      90%
    ) !important;
    margin-left: auto !important;
    margin-right: clamp(10px, 1.8vw, 64px) !important;
    padding-right: 24px !important;
  }
}

body[data-au-pack='we2'] [data-article-card] > .flex,
body[data-au-pack='we2'] [data-article-card] .article-copy-root {
  gap: 1.25rem !important;
}

body[data-au-pack='we2'] [data-article-card] .ac-pre {
  color: rgba(242, 221, 166, 0.82) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.12em !important;
  opacity: 1 !important;
}

body[data-au-pack='we2'] [data-article-card] p.uppercase {
  margin: 0 !important;
  color: rgba(242, 221, 166, 0.82) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.12em !important;
  opacity: 1 !important;
}

body[data-au-pack='we2'] [data-article-card] .ac-title {
  color: #f2dda6 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(24px, 2.8vw, 36px) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}

body[data-au-pack='we2'] [data-article-card] h2 {
  margin: 0 !important;
  color: #f2dda6 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(24px, 2.8vw, 36px) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}

body[data-au-pack='we2'] [data-article-card] h2 span {
  color: inherit !important;
}

body[data-au-pack='we2'] [data-article-card] .ac-highlight {
  color: rgba(242, 221, 166, 0.55) !important;
}

body[data-au-pack='we2'] [data-article-card] .ac-body {
  color: rgba(225, 222, 245, 0.82) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
  letter-spacing: 0.005em !important;
}

body[data-au-pack='we2'] [data-article-card] .ac-body strong {
  color: #f2dda6 !important;
  font-weight: 600 !important;
}

body[data-au-pack='we2'] [data-article-card] .storytime-copy-block {
  margin: 0 !important;
  color: rgba(225, 222, 245, 0.82) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
  letter-spacing: 0.005em !important;
}

body[data-au-pack='we2'] [data-article-card] .storytime-copy-block strong {
  color: #f2dda6 !important;
  font-weight: 600 !important;
}

body[data-au-pack='we2']
  .step[data-au-source-key='we2-middle-east-north-africa']
  [data-article-card]
  .article-copy-root {
  gap: 0.85rem !important;
}

body[data-au-pack='we2']
  .step[data-au-source-key='we2-middle-east-north-africa']
  [data-article-card]
  .ac-body {
  line-height: 1.55 !important;
}

body[data-au-pack='we2']
  .step[data-au-source-key='we2-middle-east-north-africa']
  [data-article-card]
  .storytime-copy-block {
  line-height: 1.55 !important;
}

body[data-au-pack='we2']
  .step[data-au-source-key='we2-investment-map']
  [data-article-card]
  .ac-highlight {
  display: block !important;
  margin-top: 12px !important;
  color: inherit !important;
  opacity: 1 !important;
}

body[data-au-pack='we2'] [data-article-card] .invmap-pct {
  display: block;
  margin-bottom: 14px;
  color: rgba(242, 221, 166, 0.78) !important;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(14px, 1.6vw, 17px);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.005em;
}

body[data-au-pack='we2'] [data-article-card] .invmap-meta {
  display: block;
  padding-top: 12px;
  border-top: 1px solid rgba(242, 221, 166, 0.16);
  color: rgba(242, 221, 166, 0.42) !important;
  font-family: 'Poppins', sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
  body[data-au-pack='we2'] #scrolly[data-au-force-viewport-card-stack='true'] .step [data-article-card],
  body[data-au-pack='we2'] #scrolly[data-au-card-mode='viewport-stack'] .step [data-article-card],
  body[data-au-pack='we2'] #scrolly[data-au-card-mode='overlay'] .step [data-article-card] {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: min(42rem, 90%) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-top: 90vh !important;
    margin-bottom: 50vh !important;
    padding: 24px !important;
  }

  body[data-au-pack='we2']
    #scrolly[data-au-force-viewport-card-stack='true']
    .step[data-au-source-key='we2-cover']
    [data-article-card] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body[data-au-pack='we2']
    #scrolly[data-au-force-viewport-card-stack='true']
    .step[data-au-source-key='we2-foreword-koser'][data-desktop-only='true']
    + .step[data-au-source-key='we2-foreword-koser'][data-mobile-only='true']
    [data-article-card] {
    margin-top: 30vh !important;
  }

  body[data-au-pack='we2'] [data-article-card] .ac-pre {
    font-size: 10px !important;
  }

  body[data-au-pack='we2'] [data-article-card] .ac-title {
    font-size: 20px !important;
  }

  body[data-au-pack='we2'] [data-article-card] .ac-body {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  body[data-au-pack='we2'] [data-article-card] .storytime-copy-block {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  body[data-au-pack='we2'] [data-article-card] .ac-pre {
    font-size: 12px !important;
  }

  body[data-au-pack='we2'] [data-article-card] .ac-title {
    font-size: clamp(24px, 2.8vw, 36px) !important;
  }

  body[data-au-pack='we2'] [data-article-card] .ac-body,
  body[data-au-pack='we2'] [data-article-card] .storytime-copy-block {
    font-size: 14px !important;
    line-height: 1.72 !important;
  }
}

.we2-scaffold-root {
  min-height: 100%;
  background: #00003c;
  color: #f2dda6;
  font-family: Poppins, Inter, ui-sans-serif, system-ui, sans-serif;
}

.we2-scaffold-media {
  filter: saturate(0.96) contrast(1.02);
}

.we2-scaffold-scrim {
  background:
    linear-gradient(90deg, rgba(0, 0, 60, 0.86), rgba(0, 0, 60, 0.34)),
    linear-gradient(180deg, rgba(0, 0, 60, 0.2), rgba(0, 0, 60, 0.78));
}

.we2-scaffold-panel {
  margin: clamp(24px, 5vw, 80px);
  padding: 24px;
  background: rgba(0, 0, 45, 0.85);
  border: 1px solid rgba(242, 221, 166, 0.08);
  box-shadow: 0 8px 32px rgba(0, 0, 20, 0.25);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
}

.we2-scaffold-eyebrow {
  margin: 0;
  color: rgba(242, 221, 166, 0.82);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.we2-scaffold-title {
  margin: 0;
  color: #f2dda6;
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 600;
  line-height: 1.05;
}

.we2-scaffold-body {
  margin: 0;
  color: rgba(225, 222, 245, 0.82);
  font-size: 15px;
  line-height: 1.7;
  white-space: pre-line;
}

.we2-scaffold-action {
  display: inline-flex;
  width: fit-content;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid rgba(242, 221, 166, 0.32);
  color: #f2dda6;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}
/* --- SFC <style> blocks (compiled) --- */
/* src/podpacks/we2/lib/source/WE2AcknowledgementsScene.vue#style0 (scoped) */

.ack[data-v-62f7400d] {
  width: 100%;
  height: 100%;
  font-family: 'Poppins', sans-serif;
  background: #eae6df;
  color: #1a1a2e;
  overflow: hidden;
}
.ack__layout[data-v-62f7400d] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* Tighter vertical rhythm — at 720px viewport height the previous
   * 16px gap × 3 groups + 28px padding ate 100px before any content.
   * GCERF flagged that the final partner-country row clipped at the
   * bottom of laptop screens; halving the inter-group gap is the
   * single biggest reclaim. */
  gap: clamp(6px, 0.9vh, 12px);
  padding: clamp(10px, 2vh, 20px) clamp(16px, 5vw, 28px);
  overflow: hidden;
}

/* ── Labels ── */
.ack__label[data-v-62f7400d] {
  margin: 0 0 clamp(4px, 0.7vh, 8px);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(26, 26, 46, 0.4);
  flex-shrink: 0;
}
.ack__label--sm[data-v-62f7400d] {
  font-size: 10px;
  margin-bottom: clamp(3px, 0.5vh, 6px);
  color: rgba(26, 26, 46, 0.3);
}

/* ═══ Group (donors) ═══ */
.ack__group[data-v-62f7400d] {
  display: flex;
  flex-direction: column;
}
.ack__donor-grid[data-v-62f7400d] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4px;
}
.ack__donor[data-v-62f7400d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  opacity: 0;
  animation: donorReveal-62f7400d 0.4s ease forwards;
  animation-delay: calc(0.2s + var(--i) * 50ms);
}
@keyframes donorReveal-62f7400d {
from {
    opacity: 0;
    transform: scale(0.85);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
.ack__donor-frame[data-v-62f7400d] {
  width: 100%;
  aspect-ratio: 1.6;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
}
.ack__donor-img[data-v-62f7400d] {
  width: 65%;
  height: 55%;
  object-fit: contain;
}
.ack__donor-name[data-v-62f7400d] {
  margin: 0;
  font-size: 9px;
  font-weight: 500;
  text-align: center;
  color: rgba(26, 26, 46, 0.5);
  line-height: 1.1;
}

/* ═══ Partners — compact bottom strip ═══ */
.ack__group--partners[data-v-62f7400d] {
  flex-shrink: 0;
  padding-top: clamp(8px, 1vh, 12px);
  border-top: 1px solid rgba(26, 26, 46, 0.08);
}

/* Partner grid uses fixed-width auto-fill cells so flag + name align
 * cleanly regardless of country name length. Each cell is a flex column
 * (flag on top, name underneath) and the name is clamped to two lines —
 * a country with a long name ("Bosnia and Herzegovina") gets two tight
 * lines while a short one ("Mali") gets one line in the same cell
 * footprint. The grid keeps consistent vertical rhythm row to row. */
.ack__partner-strip[data-v-62f7400d] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
  gap: 4px clamp(4px, 0.8vw, 8px);
  align-items: start;
}
.ack__partner[data-v-62f7400d] {
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
  animation: partnerReveal-62f7400d 0.35s ease forwards;
  animation-delay: calc(0.8s + var(--i) * 30ms);
}
.ack__pname[data-v-62f7400d] {
  margin: 0;
  font-size: 9px;
  font-weight: 500;
  text-align: center;
  color: rgba(26, 26, 46, 0.55);
  line-height: 1.18;
  /* Clamp long country names to 2 lines so the grid stays a tidy
   * matrix instead of one tall column whenever a name wraps to 3 lines. */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 2.36em; /* reserves room for two lines so cells align */
  letter-spacing: -0.005em;
}
@keyframes partnerReveal-62f7400d {
from {
    opacity: 0;
    transform: translateY(6px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* Uniform flag boxes */
.ack__pflag-box[data-v-62f7400d] {
  width: clamp(28px, 7vw, 38px);
  height: clamp(20px, 5vw, 26px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 30, 0.04);
  border-radius: 2px;
  overflow: hidden;
}
.ack__pflag[data-v-62f7400d] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ═══ Desktop ═══ */
@media (min-width: 768px) {
.ack__layout[data-v-62f7400d] {
    max-width: 720px;
    margin: 0 auto 0 clamp(32px, 6vw, 100px);
    /* Padding scales down on short laptop viewports (Macbook 13" ~ 720px
     * usable height) so all three groups fit inside one 100dvh sticky
     * frame without clipping. */
    padding: clamp(12px, 2.2vh, 28px) clamp(24px, 3vw, 48px);
}
.ack__donor-grid[data-v-62f7400d] {
    /* 8 columns at 768–1199px puts 17 donors in 3 short rows.
     * Below: 1200px+ jumps to 9 cols → 2 rows, freeing a row for partners. */
    grid-template-columns: repeat(8, 1fr);
    gap: clamp(6px, 0.5vw, 10px);
}
.ack__donor-frame[data-v-62f7400d] {
    padding: 6px;
    clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
}
.ack__donor-name[data-v-62f7400d] {
    font-size: 9px;
}

  /* Partners: previously minmax(72px, 1fr) → 10 cols → 23 names fell into
   * 3 rows and the last row clipped under the fold. minmax(54px, 1fr)
   * gives ≥12 cols at 720px panel width so 23 partners fit in 2 rows. */
.ack__partner-strip[data-v-62f7400d] {
    grid-template-columns: repeat(auto-fill, minmax(54px, 1fr));
    gap: clamp(4px, 0.6vh, 8px) clamp(4px, 0.6vw, 8px);
}
.ack__pflag-box[data-v-62f7400d] {
    width: clamp(32px, 2.6vw, 42px);
    height: clamp(22px, 1.8vw, 28px);
}
.ack__pname[data-v-62f7400d] {
    font-size: 9px;
    min-height: 2.2em;
}
.ack__label[data-v-62f7400d] {
    font-size: 11px;
}
}
@media (min-width: 1200px) {
.ack__donor-grid[data-v-62f7400d] {
    /* 9 cols × 2 rows handles all 17 current donors in two compact rows. */
    grid-template-columns: repeat(9, 1fr);
}
.ack__partner-strip[data-v-62f7400d] {
    /* Slightly larger cells on big screens — still 12 cols at 720px panel,
     * but the flag boxes scale up so they don't read as too tiny. */
    grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
}
}

/* Short-viewport guard — at heights ≤ 760px (GCERF's reference screenshots
 * sit in this band) further compress the donor row aspect so a 3rd row
 * fits if 9 cols isn't enough. */
@media (min-width: 768px) and (max-height: 760px) {
.ack__donor-frame[data-v-62f7400d] {
    aspect-ratio: 1.6;
    padding: 4px;
}
.ack__donor-name[data-v-62f7400d] {
    font-size: 8.5px;
}
.ack__pname[data-v-62f7400d] {
    font-size: 8.5px;
    min-height: 2.1em;
}
.ack__layout[data-v-62f7400d] {
    padding-top: 10px;
    padding-bottom: 10px;
}
}

/* src/podpacks/we2/lib/source/WE2CentralAsiaScene.vue#style0 (scoped) */

.ca[data-v-4b1e8205] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: 'Poppins', sans-serif;
  background-color: #f7e9b8;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #0c0a2e;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 100vh 0 100vh #f7e9b8;
}

/* ─── HERO ─── */
.ca__hero[data-v-4b1e8205] {
  position: relative;
  width: 100%;
  height: 42%;
  flex-shrink: 0;
  overflow: hidden;
  opacity: 0;
  animation: caFadeIn-4b1e8205 0.6s ease 0.05s forwards;
}
.ca__photo[data-v-4b1e8205] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 0%;
  display: block;
}
.ca__photo-vignette[data-v-4b1e8205] {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom right,
    rgba(12, 10, 46, 0) 35%,
    rgba(12, 10, 46, 0.25) 100%
  );
  pointer-events: none;
}
.ca__banner[data-v-4b1e8205] {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0c0a2e;
  clip-path: polygon(0 0, 100% 0, calc(100% - 26px) 100%, 0 100%);
  padding: clamp(14px, 2.4vh, 22px) clamp(48px, 7vw, 80px) clamp(14px, 2.4vh, 22px)
    clamp(20px, 4vw, 36px);
  max-width: 78%;
  transform: translateX(-100%);
  animation: caBannerSlide-4b1e8205 0.7s cubic-bezier(0.2, 0.85, 0.2, 1) 0.25s forwards;
}
.ca__banner-eyebrow[data-v-4b1e8205] {
  font-size: clamp(9px, 1.6vw, 11px);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(245, 200, 76, 0.55);
  margin-bottom: 6px;
}
.ca__banner-title[data-v-4b1e8205] {
  margin: 0;
  font-weight: 600;
  font-size: clamp(28px, 5.2vw, 46px);
  line-height: 1;
  letter-spacing: -0.02em;
  color: #f5c84c;
}

/* ─── LOWER ─── */
.ca__lower[data-v-4b1e8205] {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 1.4vh, 16px);
  padding: clamp(12px, 2vh, 24px) clamp(20px, 3.5vw, 40px) clamp(12px, 2.2vh, 24px);
  min-height: 0;
  opacity: 0;
  animation: caFadeUp-4b1e8205 0.6s ease 0.55s forwards;
}
.ca__map[data-v-4b1e8205] {
  /* Hide the inline regional map — matches the other six region scenes
   * (Ross/GCERF feedback). Element stays in the template so the D3
   * lifecycle stays simple; it just never paints. */
  display: none;
}
.ca__quote[data-v-4b1e8205] {
  position: relative;
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
  column-gap: clamp(8px, 1.5vw, 14px);
  row-gap: clamp(4px, 0.8vh, 8px);
  align-content: start;
}
.ca__quote-label[data-v-4b1e8205] {
  grid-column: 1 / -1;
  font-size: clamp(11px, 2vw, 13px);
  font-weight: 600;
  color: rgba(12, 10, 46, 0.55);
  letter-spacing: 0.06em;
}
.ca__quote-marks[data-v-4b1e8205] {
  grid-column: 1;
  grid-row: 2 / 3;
  display: flex;
  align-items: flex-start;
  gap: clamp(3px, 0.6vw, 5px);
  flex-shrink: 0;
  padding-top: 2px;
  opacity: 0;
  transform: scale(0.6);
  transform-origin: top left;
  animation: caStamp-4b1e8205 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s forwards;
}
.ca__quote-mark[data-v-4b1e8205] {
  display: block;
  width: clamp(18px, 3.5vw, 24px);
  height: clamp(40px, 8.5vw, 54px);
  background: #b8b2d4;
  clip-path: polygon(0 28%, 100% 0, 100% 100%, 0 100%);
}
.ca__quote-mark--s[data-v-4b1e8205] {
  width: clamp(18px, 3.5vw, 24px);
  height: clamp(40px, 8.5vw, 54px);
}
.ca__quote-body[data-v-4b1e8205] {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(4px, 0.8vh, 8px);
}
.ca__quote-bold[data-v-4b1e8205] {
  margin: 0;
  font-size: clamp(16px, min(4vw, 2.8vh), 22px);
  line-height: 1.32;
  font-weight: 700;
  color: #0c0a2e;
  letter-spacing: -0.005em;
}
.ca__quote-rest[data-v-4b1e8205] {
  margin: 0;
  font-size: clamp(13px, min(2.8vw, 2vh), 17px);
  line-height: 1.55;
  font-weight: 400;
  color: rgba(12, 10, 46, 0.82);
}
.ca__line[data-v-4b1e8205] {
  display: block;
  overflow: hidden;
}
.ca__line-inner[data-v-4b1e8205] {
  display: inline-block;
  transform: translateY(110%);
  opacity: 0;
  animation: caLineUp-4b1e8205 0.55s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  animation-delay: var(--delay, 0s);
}
.ca__quote-attr[data-v-4b1e8205] {
  grid-column: 2;
  grid-row: 3;
  margin: clamp(4px, 1vh, 8px) 0 0;
  font-size: clamp(9px, 1.6vw, 11px);
  font-weight: 500;
  color: rgba(12, 10, 46, 0.55);
  text-align: right;
  opacity: 0;
  animation: caFadeIn-4b1e8205 0.5s ease 2.4s forwards;
}

/* Small photo credit caption, paddler at the bottom of the lower block. */
.ca__caption[data-v-4b1e8205] {
  margin: clamp(12px, 2.4vh, 32px) 0 0;
  padding-top: clamp(8px, 1.4vh, 14px);
  border-top: 1px solid rgba(12, 10, 46, 0.16);
  font-size: clamp(8px, 1.25vw, 9.5px);
  line-height: 1.55;
  font-weight: 400;
  color: rgba(12, 10, 46, 0.42);
  letter-spacing: 0.01em;
  opacity: 0;
  animation: caFadeIn-4b1e8205 0.5s ease 2.6s forwards;
}
@keyframes caFadeIn-4b1e8205 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes caFadeUp-4b1e8205 {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes caBannerSlide-4b1e8205 {
from {
    transform: translateX(-100%);
}
to {
    transform: translateX(0);
}
}
@keyframes caStamp-4b1e8205 {
0% {
    opacity: 0;
    transform: scale(0.6);
}
60% {
    opacity: 1;
    transform: scale(1.06);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes caLineUp-4b1e8205 {
from {
    opacity: 0;
    transform: translateY(110%);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (min-width: 768px) {
.ca__hero[data-v-4b1e8205] {
    height: 42%;
}
.ca__banner[data-v-4b1e8205] {
    padding: clamp(20px, 3vh, 32px) clamp(60px, 8vw, 100px) clamp(20px, 3vh, 32px)
      clamp(28px, 3vw, 44px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 36px) 100%, 0 100%);
}
.ca__banner-eyebrow[data-v-4b1e8205] {
    font-size: clamp(10px, 0.8vw, 12px);
}
.ca__banner-title[data-v-4b1e8205] {
    font-size: clamp(42px, 4.2vw, 68px);
}
.ca__lower[data-v-4b1e8205] {
    width: 52%;
    gap: clamp(14px, 1.8vh, 22px);
    padding: clamp(20px, 2.6vh, 32px) clamp(28px, 3vw, 48px) clamp(20px, 2.6vh, 32px);
}
.ca__map[data-v-4b1e8205] {
    height: clamp(88px, 10vh, 118px);
}
.ca__quote-bold[data-v-4b1e8205] {
    font-size: clamp(18px, 1.55vw, 24px);
    line-height: 1.3;
}
.ca__quote-rest[data-v-4b1e8205] {
    font-size: clamp(13px, 1vw, 16px);
    line-height: 1.55;
}
.ca__quote-attr[data-v-4b1e8205] {
    font-size: clamp(10px, 0.7vw, 11px);
}
.ca__quote-mark[data-v-4b1e8205] {
    width: clamp(22px, 1.7vw, 28px);
    height: clamp(50px, 3.8vw, 62px);
}
.ca__quote-mark--s[data-v-4b1e8205] {
    width: clamp(17px, 1.3vw, 22px);
    height: clamp(38px, 2.9vw, 48px);
}
.ca__caption[data-v-4b1e8205] {
    font-size: clamp(9px, 0.7vw, 11px);
}
}

/* src/podpacks/we2/lib/source/WE2CoverScene.vue#style0 (scoped) */

.we2-cover[data-v-6993d7c8] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* Match the navy that's painted into the 2025 illustration so the
   * `object-fit: contain` letterbox bands blend seamlessly into the scene
   * background — the cover should read as one continuous canvas, not as an
   * image with a subtly different surrounding color. */
  background: #00003c;
}

/* ═══════════════════════════════════════
   MOBILE — title top, illustration center, logo bottom
   ═══════════════════════════════════════ */
.we2-cover__mobile[data-v-6993d7c8] {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

/* Illustration fills the screen with slow zoom. Centered so the cubist
 * composition reads as the focal point — the cue + logo sit in the narrow
 * dark band beneath it. */
.we2-cover__m-illustration[data-v-6993d7c8] {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.we2-cover__m-img[data-v-6993d7c8] {
  width: 100%;
  height: 100%;
  /* 2025 illustration is composed within its canvas, not a bleed photo —
   * use `contain` so the figures-around-the-sun aren't clipped on phones. */
  object-fit: contain;
  object-position: center center;
  opacity: 0;
  transform: scale(1.08);
  /* Dropped the looping coverZoom for the same reason as the desktop
   * cover: oscillating the scale produces sub-pixel anti-aliasing
   * shimmer along the illustration's right edge. Single entry fade-in
   * only. */
  animation: coverImgIn-6993d7c8 1.8s cubic-bezier(0.22, 0.68, 0.18, 1) 0.1s forwards;
}
@keyframes coverImgIn-6993d7c8 {
from {
    opacity: 0;
    transform: scale(1.15);
}
to {
    opacity: 1;
    transform: scale(1.08);
}
}

/* Title overlaid at top — pushed down so it doesn't crowd the fixed nav. */
.we2-cover__m-title[data-v-6993d7c8] {
  position: absolute;
  top: max(calc(env(safe-area-inset-top, 0px) + 10vh), 12vh);
  left: 0;
  right: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: 'Poppins', 'DM Sans', sans-serif;
  font-weight: 500;
  font-size: clamp(42px, 12vw, 60px);
  line-height: 0.88;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  color: #f2f4f8;
  text-align: center;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  z-index: 10;
  animation: textIn-6993d7c8 0.95s cubic-bezier(0.2, 0.72, 0.2, 1) 0.12s both;
}

/* Logo overlaid at bottom — pulled tight to the safe-area edge. */
.we2-cover__m-logo[data-v-6993d7c8] {
  position: absolute;
  bottom: max(calc(env(safe-area-inset-bottom, 0px) + 2px), 4px);
  /* GCERF feedback: mobile logo enlarged in step with the desktop bump. */
  width: clamp(160px, 42vw, 220px);
  height: auto;
  z-index: 10;
  left: 0;
  right: 0;
  margin: 0 auto;
  filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.35));
  animation: logoFadeIn-6993d7c8 0.9s ease 0.28s both;
}
@keyframes logoFadeIn-6993d7c8 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.we2-cover__desktop[data-v-6993d7c8] {
  display: none;
}

/* ═══════════════════════════════════════
   DESKTOP — original split grid
   ═══════════════════════════════════════ */
@media (min-width: 768px) {
.we2-cover__mobile[data-v-6993d7c8] {
    display: none;
}
.we2-cover__desktop[data-v-6993d7c8] {
    display: grid;
    /* Cap the cover composition at 1400px (centered) so on big monitors
     * the illustration + title don't keep stretching with the viewport.
     * Dawn confirmed the ~1280px size is the right balance — beyond that
     * the figures dwarfed the title and the title looked stranded far
     * right. Background navy still bleeds full-width via the parent
     * frame, so the cap only affects content positioning. */
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    height: 100%;
    grid-template-columns: minmax(0, 52%) minmax(0, 48%);
}
}
.we2-cover__left[data-v-6993d7c8] {
  /* Center the illustration both axes — at wide viewports flex-start was
   * dropping the image up against the top of the column, leaving the
   * sun + figures clipped below the visible area. Center keeps the
   * composition vertically balanced as the column grows. */
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  min-width: 0;
}
.we2-cover__right[data-v-6993d7c8] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(14px, 2.1vh, 24px);
  padding: clamp(22px, 3.8vh, 48px) clamp(20px, 3.2vw, 40px);
  z-index: 20;
  pointer-events: none;
  transform: translateY(4vh);
}
.we2-cover__image-wrap[data-v-6993d7c8] {
  /* The 2025 illustration is a centered composition with figures around a
   * yellow sun on a navy ground. It fills its frame cleanly, so we let it
   * occupy the full left column instead of the over-scaled crop the 2024
   * bleed image needed. */
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: sceneIn-6993d7c8 1.1s ease-out forwards;
}
.we2-cover__image[data-v-6993d7c8] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  /* Scaled back to 1.4 after the column was widened from 78% → 68% in
   * the desktop grid. With the wider column the previous 1.6 made the
   * figures crowd the right edge of the column and risk clipping into
   * the title text on narrow desktops. */
  transform: scale(1.4);
  /* Why no breath animation: scaling the IMG element causes the
   * contained illustration's right edge (where the painted area meets
   * the navy background within the JPEG) to oscillate against the
   * column boundary. Anti-aliasing on that meeting line ends up
   * snapping to slightly different sub-pixels on each scale step,
   * producing a 1-px shimmer/flicker that reads as a "white line
   * appearing and disappearing" on the right edge. Settling to a
   * static scale removes the oscillation entirely. We keep a one-time
   * scale-in entry (see @keyframes imageSettle below) for liveliness. */
  animation: imageSettle-6993d7c8 1.6s ease-out forwards;
}

/* ── Mobile subtitle (inside h1) ── */
.we2-cover__m-subtitle[data-v-6993d7c8] {
  font-size: clamp(13px, 3.5vw, 18px);
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.3;
  margin-top: 6px;
  opacity: 0.85;
}

/* ── Desktop subtitle (between h1 and logo) ── */
.we2-cover__subtitle[data-v-6993d7c8] {
  margin: 0;
  font-family: 'Poppins', 'DM Sans', sans-serif;
  font-weight: 400;
  font-size: clamp(14px, 1.9vw, 24px);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #f2f4f8;
  text-align: center;
  opacity: 0.85;
  animation: textIn-6993d7c8 0.95s cubic-bezier(0.2, 0.72, 0.2, 1) 0.18s both;
}

/* ── Shared title/logo styles ── */
.we2-cover__title[data-v-6993d7c8] {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: 'Poppins', 'DM Sans', sans-serif;
  font-weight: 500;
  font-size: clamp(40px, 5.8vw, 74px);
  line-height: 0.88;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: #f2f4f8;
  text-align: center;
  text-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
  animation: textIn-6993d7c8 0.95s cubic-bezier(0.2, 0.72, 0.2, 1) 0.12s both;
}
.we2-cover__logo[data-v-6993d7c8] {
  width: clamp(132px, 15vw, 200px);
  max-width: 56%;
  height: auto;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.22));
  animation: logoIn-6993d7c8 0.9s cubic-bezier(0.22, 0.66, 0.2, 1) 0.28s both;
}

/* ── Animations ── */
@keyframes sceneIn-6993d7c8 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes imageSettle-6993d7c8 {
from {
    opacity: 0;
    transform: scale(1.68);
}
to {
    opacity: 1;
    transform: scale(1.6);
}
}
@keyframes textIn-6993d7c8 {
from {
    opacity: 0;
    transform: translateY(14px);
    filter: blur(5px);
}
to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}
}
@keyframes logoIn-6993d7c8 {
from {
    opacity: 0;
    transform: translateY(12px);
    filter: blur(4px);
}
to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}
}

/* src/podpacks/we2/lib/source/WE2DiversificationScene.vue#style0 (scoped) */

.dv[data-v-77586a6c] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: 'Poppins', sans-serif;
  background-color: #f7e9b8;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #0c0a2e;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 100vh 0 100vh #f7e9b8;
}

/* Subtle grid lines suggesting a data sheet — gives the page texture */
.dv__grid[data-v-77586a6c] {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(12, 10, 46, 0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(12, 10, 46, 0.04) 1px, transparent 1px);
  background-size: clamp(40px, 5vw, 64px) clamp(40px, 5vw, 64px);
  pointer-events: none;
  opacity: 0;
  animation: dvFadeIn-77586a6c 0.7s ease 0.2s forwards;
}

/* ─── Title banner ─── */
.dv__banner[data-v-77586a6c] {
  position: relative;
  align-self: flex-start;
  /* Was nav-clearance + 60px which on 720px laptops dropped the title 30%
   * down the visual frame, pushing the stat block past the fold. The vh
   * term scales it back on short screens. */
  margin-top: calc(var(--we2-nav-clearance, 24px) + clamp(12px, 3vh, 50px));
  background: #0c0a2e;
  clip-path: polygon(0 0, 100% 0, calc(100% - 26px) 100%, 0 100%);
  padding: clamp(10px, 1.8vh, 20px) clamp(48px, 7vw, 80px) clamp(10px, 1.8vh, 20px)
    clamp(20px, 4vw, 36px);
  /* Mobile: full width so the long "Diversification & Replenishment" title
   * doesn't clip. Desktop rule below crops back to 60% so the article card
   * on the right can sit beside the banner.
   *
   * `width: fit-content` so when the title wraps to two lines at narrow
   * desktop widths the navy shape hugs the title block instead of
   * extending past it. Dawn caught the shape running 20–30% past the
   * end of the text on wrapped layouts. */
  width: fit-content;
  max-width: 92%;
  transform: translateX(-100%);
  animation: dvBannerSlide-77586a6c 0.7s cubic-bezier(0.2, 0.85, 0.2, 1) 0.15s forwards;
  z-index: 2;
}
.dv__banner-eyebrow[data-v-77586a6c] {
  font-size: clamp(9px, 1.6vw, 11px);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(245, 200, 76, 0.55);
  margin-bottom: 6px;
}
.dv__banner-title[data-v-77586a6c] {
  margin: 0;
  font-weight: 600;
  font-size: clamp(28px, 5.2vw, 46px);
  line-height: 1;
  letter-spacing: -0.02em;
  color: #f5c84c;
  /* Stack the two explicit lines vertically so each line sits in its
   * own row and the banner's fit-content width measures the wider of
   * the two — not max-width minus the wrap-induced full width. */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dv__banner-line[data-v-77586a6c] {
  display: inline-block;
}

/* ─── Stage: hero stat + featured names ─── */
/* `width: 56%` was applied on every viewport, which on mobile shrank the
 * stat block to half the screen. Full width on mobile, clamped to 56% in
 * the desktop media query below so the right-side article card stays clear. */
.dv__stage[data-v-77586a6c] {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  gap: clamp(18px, 3vw, 36px);
  /* Vertical padding tightened for ≤760px viewports. */
  padding: clamp(10px, 1.8vh, 28px) clamp(24px, 3.5vw, 48px);
  width: 100%;
  min-height: 0;
  z-index: 1;
}
.dv__stat[data-v-77586a6c] {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(2px, 0.4vh, 6px);
  position: relative;
  padding-right: clamp(16px, 2vw, 28px);
  border-right: 1px solid rgba(217, 103, 37, 0.32);
  opacity: 0;
  animation: dvFadeUp-77586a6c 0.55s ease 0.45s forwards;
}
.dv__stat-pre[data-v-77586a6c] {
  font-size: clamp(10px, 1.6vw, 12px);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(12, 10, 46, 0.55);
}
.dv__stat-value[data-v-77586a6c] {
  display: flex;
  align-items: baseline;
  gap: 4px;
  color: #d96725;
  line-height: 0.85;
  letter-spacing: -0.04em;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
}
.dv__stat-plus[data-v-77586a6c] {
  font-size: clamp(40px, 7vw, 70px);
  font-weight: 700;
  color: #d96725;
}
.dv__stat-num[data-v-77586a6c] {
  font-size: clamp(80px, 14vw, 140px);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.dv__stat-label[data-v-77586a6c] {
  font-size: clamp(11px, 1.6vw, 13px);
  font-weight: 500;
  color: rgba(12, 10, 46, 0.7);
  margin-top: clamp(4px, 0.6vh, 8px);
  max-width: 18ch;
  line-height: 1.35;
}

/* Featured partner list */
.dv__partners[data-v-77586a6c] {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  /* Partner card gap reduced on short viewports so two stacked cards fit
   * inside the panel without the second clipping. */
  gap: clamp(8px, 1.2vh, 18px);
  min-width: 0;
}
.dv__partner[data-v-77586a6c] {
  position: relative;
  opacity: 0;
  transform: translateY(10px);
  animation: dvFadeUp-77586a6c 0.6s cubic-bezier(0.2, 0.85, 0.2, 1) var(--delay, 0.5s) forwards;
}
.dv__partner-meta[data-v-77586a6c] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: clamp(4px, 0.8vh, 8px);
}
.dv__partner-tag[data-v-77586a6c] {
  font-size: clamp(8px, 1.4vw, 10px);
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #d96725;
  background: rgba(217, 103, 37, 0.14);
  padding: 3px 8px;
  border-radius: 2px;
}
.dv__partner-country[data-v-77586a6c] {
  font-size: clamp(8px, 1.4vw, 10px);
  font-weight: 600;
  letter-spacing: 0.12em;
  color: rgba(12, 10, 46, 0.45);
}
.dv__partner-name[data-v-77586a6c] {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(20px, 3.4vw, 30px);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.05;
  color: #0c0a2e;
}
.dv__partner-role[data-v-77586a6c] {
  margin-top: clamp(2px, 0.5vh, 6px);
  font-size: clamp(10px, 1.5vw, 12px);
  font-weight: 500;
  color: rgba(12, 10, 46, 0.6);
}

/* ─── Context line (existing donors) ─── */
/* Full width on mobile, clamped to 56% in the desktop media query so it
 * lines up with the stage block above and doesn't run under the article card. */
.dv__context[data-v-77586a6c] {
  position: relative;
  width: 100%;
  /* Bottom padding tightened for ≤760px laptop viewports. */
  padding: 0 clamp(24px, 3.5vw, 48px) clamp(10px, 1.6vh, 24px);
  z-index: 1;
  opacity: 0;
  animation: dvFadeUp-77586a6c 0.5s ease 1.4s forwards;
}
.dv__line[data-v-77586a6c] {
  height: 1px;
  background: rgba(12, 10, 46, 0.2);
  margin-bottom: clamp(10px, 1.4vh, 14px);
}
.dv__context-text[data-v-77586a6c] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
  font-size: clamp(9px, 1.4vw, 11px);
  line-height: 1.5;
}
.dv__context-label[data-v-77586a6c] {
  font-weight: 600;
  letter-spacing: 0.04em;
  color: rgba(12, 10, 46, 0.55);
  text-transform: uppercase;
  font-size: clamp(9px, 1.3vw, 10px);
}
.dv__context-names[data-v-77586a6c] {
  color: rgba(12, 10, 46, 0.5);
  font-weight: 400;
}
@keyframes dvFadeIn-77586a6c {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes dvFadeUp-77586a6c {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes dvBannerSlide-77586a6c {
from {
    transform: translateX(-100%);
}
to {
    transform: translateX(0);
}
}
@media (min-width: 1025px) {
.dv__banner[data-v-77586a6c] {
    /* Desktop top-offset also vh-scaled so the banner sits higher on short
     * laptop screens (≤760px) without losing breathing room on 1080p+. */
    margin-top: calc(var(--we2-nav-clearance, 24px) + clamp(24px, 6vh, 80px));
    padding: clamp(14px, 2.2vh, 28px) clamp(60px, 8vw, 100px) clamp(14px, 2.2vh, 28px)
      clamp(28px, 3vw, 44px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 36px) 100%, 0 100%);
    /* 68% at narrow-desktop widths so the long title fits on one line.
     * The large-screen rule below tightens this back to 58% once there's
     * enough horizontal room — at ≥1400px the banner edge was crashing
     * into the article card on the right (Ross feedback). */
    max-width: 68%;
}
.dv__banner-eyebrow[data-v-77586a6c] {
    font-size: clamp(10px, 0.8vw, 12px);
}
  /* Title scaled with both width AND height to keep one-line layout on
   * short laptops. Previously 4.2vw could grow to 53px at 1280px width and
   * with the narrower banner that wrapped. */
.dv__banner-title[data-v-77586a6c] {
    font-size: clamp(34px, min(3.6vw, 5.4vh), 58px);
}
.dv__stage[data-v-77586a6c] {
    width: 56%;
    padding: clamp(28px, 4vh, 48px) clamp(32px, 3vw, 56px);
}
.dv__context[data-v-77586a6c] {
    width: 56%;
    padding: 0 clamp(32px, 3vw, 56px) clamp(28px, 4vh, 40px);
}
.dv__partner-name[data-v-77586a6c] {
    font-size: clamp(24px, 2.4vw, 38px);
}
}

/* Large-viewport guard — at ≥1400px there is enough horizontal room for
 * the article card on the right that the banner can shrink back without
 * the title re-wrapping. Pulling max-width to 58% prevents the banner's
 * right edge from slamming into the body card (Ross feedback). */
@media (min-width: 1400px) {
.dv__banner[data-v-77586a6c] {
    max-width: 58%;
}
}

/* src/podpacks/we2/lib/source/WE2EastSouthernAfricaScene.vue#style0 (scoped) */

.esa[data-v-02cd2eab] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: 'Poppins', sans-serif;
  background-color: #f7e9b8;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #0c0a2e;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 100vh 0 100vh #f7e9b8;
}
.esa__hero[data-v-02cd2eab] {
  position: relative;
  width: 100%;
  height: 42%;
  flex-shrink: 0;
  overflow: hidden;
  opacity: 0;
  animation: esaFadeIn-02cd2eab 0.6s ease 0.05s forwards;
}
.esa__photo[data-v-02cd2eab] {
  /* Hi-res Kenya.jpg (3096×2064) — woman in a pink headscarf pointing at
   * a community-engagement chart, with the KCERP banner on the right.
   * On wide desktop the hero band's aspect ratio (very wide, ~3-4:1)
   * forces object-fit:cover to scale by width and aggressively crop
   * vertically. Anchoring the Y axis at 25% (combined with the taller
   * 52% hero band above) keeps the woman's face inside the visible
   * crop on every viewport tested. */
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Y nudged 40% -> 48% so the face sits higher in the hero band on
   * wide desktops. The face is anchored near the top of the visible
   * crop without going so far that it scrolls behind the navy banner. */
  object-position: 15% 48%;
  display: block;
}
.esa__photo-vignette[data-v-02cd2eab] {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom right,
    rgba(12, 10, 46, 0) 35%,
    rgba(12, 10, 46, 0.25) 100%
  );
  pointer-events: none;
}
.esa__banner[data-v-02cd2eab] {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0c0a2e;
  clip-path: polygon(0 0, 100% 0, calc(100% - 26px) 100%, 0 100%);
  padding: clamp(14px, 2.4vh, 22px) clamp(48px, 7vw, 80px) clamp(14px, 2.4vh, 22px)
    clamp(20px, 4vw, 36px);
  max-width: 80%;
  transform: translateX(-100%);
  animation: esaBannerSlide-02cd2eab 0.7s cubic-bezier(0.2, 0.85, 0.2, 1) 0.25s forwards;
}
.esa__banner-eyebrow[data-v-02cd2eab] {
  font-size: clamp(9px, 1.6vw, 11px);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(245, 200, 76, 0.55);
  margin-bottom: 6px;
}
.esa__banner-title[data-v-02cd2eab] {
  margin: 0;
  font-weight: 600;
  font-size: clamp(24px, 4.6vw, 42px);
  line-height: 1.02;
  letter-spacing: -0.02em;
  color: #f5c84c;
}
.esa__lower[data-v-02cd2eab] {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 1.4vh, 16px);
  padding: clamp(12px, 2vh, 24px) clamp(20px, 3.5vw, 40px) clamp(12px, 2.2vh, 24px);
  min-height: 0;
  opacity: 0;
  animation: esaFadeUp-02cd2eab 0.6s ease 0.55s forwards;
}
.esa__map[data-v-02cd2eab] {
  display: none;
}
.esa__quote[data-v-02cd2eab] {
  position: relative;
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
  column-gap: clamp(8px, 1.5vw, 14px);
  row-gap: clamp(4px, 0.8vh, 8px);
  align-content: start;
}
.esa__quote-label[data-v-02cd2eab] {
  grid-column: 1 / -1;
  font-size: clamp(11px, 2vw, 13px);
  font-weight: 600;
  color: rgba(12, 10, 46, 0.55);
  letter-spacing: 0.06em;
}
.esa__quote-marks[data-v-02cd2eab] {
  grid-column: 1;
  grid-row: 2 / 3;
  display: flex;
  align-items: flex-start;
  gap: clamp(3px, 0.6vw, 5px);
  flex-shrink: 0;
  padding-top: 2px;
  opacity: 0;
  transform: scale(0.6);
  transform-origin: top left;
  animation: esaStamp-02cd2eab 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s forwards;
}
.esa__quote-mark[data-v-02cd2eab] {
  display: block;
  width: clamp(18px, 3.5vw, 24px);
  height: clamp(40px, 8.5vw, 54px);
  background: #b8b2d4;
  clip-path: polygon(0 28%, 100% 0, 100% 100%, 0 100%);
}
.esa__quote-mark--s[data-v-02cd2eab] {
  width: clamp(18px, 3.5vw, 24px);
  height: clamp(40px, 8.5vw, 54px);
}
.esa__quote-body[data-v-02cd2eab] {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(4px, 0.8vh, 8px);
}
.esa__quote-bold[data-v-02cd2eab] {
  margin: 0;
  font-size: clamp(16px, min(4vw, 2.8vh), 22px);
  line-height: 1.32;
  font-weight: 700;
  color: #0c0a2e;
  letter-spacing: -0.005em;
}
.esa__quote-rest[data-v-02cd2eab] {
  margin: 0;
  font-size: clamp(13px, min(2.8vw, 2vh), 17px);
  line-height: 1.55;
  font-weight: 400;
  color: rgba(12, 10, 46, 0.82);
}
.esa__line[data-v-02cd2eab] {
  display: block;
  overflow: hidden;
}
.esa__line-inner[data-v-02cd2eab] {
  display: inline-block;
  transform: translateY(110%);
  opacity: 0;
  animation: esaLineUp-02cd2eab 0.55s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  animation-delay: var(--delay, 0s);
}
.esa__quote-attr[data-v-02cd2eab] {
  grid-column: 2;
  grid-row: 3;
  margin: clamp(4px, 1vh, 8px) 0 0;
  font-size: clamp(9px, 1.6vw, 11px);
  font-weight: 500;
  color: rgba(12, 10, 46, 0.55);
  text-align: right;
  opacity: 0;
  animation: esaFadeIn-02cd2eab 0.5s ease 2.4s forwards;
}
.esa__caption[data-v-02cd2eab] {
  margin: clamp(12px, 2.4vh, 32px) 0 0;
  padding-top: clamp(8px, 1.4vh, 14px);
  border-top: 1px solid rgba(12, 10, 46, 0.16);
  font-size: clamp(8px, 1.25vw, 9.5px);
  line-height: 1.55;
  font-weight: 400;
  color: rgba(12, 10, 46, 0.42);
  letter-spacing: 0.01em;
  opacity: 0;
  animation: esaFadeIn-02cd2eab 0.5s ease 2.6s forwards;
}
@keyframes esaFadeIn-02cd2eab {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes esaFadeUp-02cd2eab {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes esaBannerSlide-02cd2eab {
from {
    transform: translateX(-100%);
}
to {
    transform: translateX(0);
}
}
@keyframes esaStamp-02cd2eab {
0% {
    opacity: 0;
    transform: scale(0.6);
}
60% {
    opacity: 1;
    transform: scale(1.06);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes esaLineUp-02cd2eab {
from {
    opacity: 0;
    transform: translateY(110%);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (min-width: 768px) {
.esa__hero[data-v-02cd2eab] {
    height: 42%;
}
.esa__banner[data-v-02cd2eab] {
    padding: clamp(20px, 3vh, 32px) clamp(60px, 8vw, 100px) clamp(20px, 3vh, 32px)
      clamp(28px, 3vw, 44px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 36px) 100%, 0 100%);
}
.esa__banner-eyebrow[data-v-02cd2eab] {
    font-size: clamp(10px, 0.8vw, 12px);
}
.esa__banner-title[data-v-02cd2eab] {
    font-size: clamp(36px, 3.6vw, 58px);
}
.esa__lower[data-v-02cd2eab] {
    width: 52%;
    gap: clamp(14px, 1.8vh, 22px);
    padding: clamp(20px, 2.6vh, 32px) clamp(28px, 3vw, 48px) clamp(20px, 2.6vh, 32px);
}
.esa__map[data-v-02cd2eab] {
    height: clamp(88px, 10vh, 118px);
}
.esa__quote-bold[data-v-02cd2eab] {
    font-size: clamp(18px, 1.55vw, 24px);
    line-height: 1.3;
}
.esa__quote-rest[data-v-02cd2eab] {
    font-size: clamp(13px, 1vw, 16px);
    line-height: 1.55;
}
.esa__quote-attr[data-v-02cd2eab] {
    font-size: clamp(10px, 0.7vw, 11px);
}
.esa__quote-mark[data-v-02cd2eab] {
    width: clamp(22px, 1.7vw, 28px);
    height: clamp(50px, 3.8vw, 62px);
}
.esa__quote-mark--s[data-v-02cd2eab] {
    width: clamp(17px, 1.3vw, 22px);
    height: clamp(38px, 2.9vw, 48px);
}
.esa__caption[data-v-02cd2eab] {
    font-size: clamp(9px, 0.7vw, 11px);
}
}

/* src/podpacks/we2/lib/source/WE2EndnoteScene.vue#style0 (scoped) */

.cta[data-v-0d2fb2b8] {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: 'Poppins', sans-serif;
  background: #f7e9b8;
  color: #0c0a2e;
  overflow: hidden;
  display: flex;
  align-items: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 100vh 0 100vh #f7e9b8;
}
.cta__grid[data-v-0d2fb2b8] {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(12, 10, 46, 0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(12, 10, 46, 0.04) 1px, transparent 1px);
  background-size: clamp(40px, 5vw, 64px) clamp(40px, 5vw, 64px);
  pointer-events: none;
  opacity: 0;
  animation: ctaFadeIn-0d2fb2b8 0.7s ease 0.2s forwards;
}
.cta__corner[data-v-0d2fb2b8] {
  position: absolute;
  top: 0;
  right: 0;
  width: clamp(120px, 18vw, 220px);
  height: clamp(120px, 18vw, 220px);
  background: #d96725;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  opacity: 0;
  animation: ctaFadeIn-0d2fb2b8 0.6s ease 0.05s forwards;
  pointer-events: none;
  z-index: 1;
}

/* ─── LEFT: editorial content ─── */
.cta__content[data-v-0d2fb2b8] {
  position: relative;
  z-index: 2;
  flex: 1 1 56%;
  width: 56%;
  padding: calc(var(--we2-nav-clearance, 24px) + 32px) clamp(28px, 4vw, 64px) clamp(32px, 5vh, 64px);
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 2vh, 22px);
}
.cta__eyebrow[data-v-0d2fb2b8] {
  font-size: clamp(10px, 1.5vw, 12px);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(12, 10, 46, 0.5);
  opacity: 0;
  animation: ctaFadeUp-0d2fb2b8 0.5s ease 0.25s forwards;
}
.cta__headline[data-v-0d2fb2b8] {
  margin: 0;
  font-weight: 600;
  font-size: clamp(40px, 6.5vw, 96px);
  line-height: 0.92;
  letter-spacing: -0.035em;
  color: #0c0a2e;
  display: flex;
  flex-direction: column;
}
.cta__headline span[data-v-0d2fb2b8] {
  display: block;
  opacity: 0;
  transform: translateY(18px);
  animation: ctaTitleIn-0d2fb2b8 0.7s cubic-bezier(0.2, 0.85, 0.2, 1) forwards;
}
.cta__headline span[data-v-0d2fb2b8]:nth-child(1) {
  animation-delay: 0.4s;
}
.cta__headline span[data-v-0d2fb2b8]:nth-child(2) {
  animation-delay: 0.55s;
  color: #d96725;
}
.cta__lede[data-v-0d2fb2b8] {
  margin: 0;
  font-size: clamp(13px, 1.5vw, 16px);
  font-weight: 400;
  line-height: 1.55;
  color: rgba(12, 10, 46, 0.7);
  max-width: 56ch;
  opacity: 0;
  animation: ctaFadeUp-0d2fb2b8 0.55s ease 0.7s forwards;
}

/* ─── Actions ─── */
.cta__actions[data-v-0d2fb2b8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(10px, 1.4vw, 14px);
  margin-top: clamp(4px, 1vh, 8px);
}
.cta__btn[data-v-0d2fb2b8] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 999px;
  text-decoration: none;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease;
  white-space: nowrap;
  opacity: 0;
}
.cta__btn--primary[data-v-0d2fb2b8] {
  background: #0c0a2e;
  color: #f5c84c;
  font-weight: 700;
  font-size: clamp(13px, 1.6vw, 15px);
  letter-spacing: 0.01em;
  padding: clamp(12px, 1.6vh, 16px) clamp(20px, 2.6vw, 28px);
  box-shadow: 0 8px 24px rgba(12, 10, 46, 0.25);
  animation: ctaFadeUp-0d2fb2b8 0.55s ease 0.95s forwards;
}
.cta__btn--primary[data-v-0d2fb2b8]:hover {
  transform: translateY(-1px);
  background: #1a1748;
  box-shadow: 0 12px 32px rgba(12, 10, 46, 0.35);
}
.cta__btn--ghost[data-v-0d2fb2b8] {
  background: transparent;
  color: rgba(12, 10, 46, 0.78);
  font-weight: 500;
  font-size: clamp(11px, 1.35vw, 13px);
  letter-spacing: 0.02em;
  padding: clamp(10px, 1.35vh, 13px) clamp(14px, 1.8vw, 20px);
  border: 1px solid rgba(12, 10, 46, 0.22);
  animation: ctaFadeUp-0d2fb2b8 0.55s ease 1.1s forwards;
}
.cta__btn--ghost[data-v-0d2fb2b8]:hover {
  background: rgba(12, 10, 46, 0.04);
  border-color: rgba(12, 10, 46, 0.5);
  color: #0c0a2e;
}
.cta__btn svg[data-v-0d2fb2b8] {
  transition: transform 0.18s ease;
}
.cta__btn:hover svg[data-v-0d2fb2b8] {
  transform: translateX(3px);
}

/* ─── Stat strip ─── */
.cta__stats[data-v-0d2fb2b8] {
  list-style: none;
  margin: clamp(8px, 1.5vh, 14px) 0 0;
  padding: clamp(14px, 2vh, 20px) 0 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(8px, 1.4vw, 18px);
  border-top: 1px solid rgba(12, 10, 46, 0.16);
  max-width: 56ch;
}
.cta__stat[data-v-0d2fb2b8] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  opacity: 0;
  transform: translateY(8px);
  animation: ctaFadeUp-0d2fb2b8 0.5s ease var(--delay, 0.7s) forwards;
}
.cta__stat-value[data-v-0d2fb2b8] {
  font-size: clamp(14px, 1.8vw, 20px);
  font-weight: 700;
  letter-spacing: -0.015em;
  color: #0c0a2e;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.cta__stat-label[data-v-0d2fb2b8] {
  font-size: clamp(9px, 1.2vw, 11px);
  font-weight: 500;
  color: rgba(12, 10, 46, 0.55);
  letter-spacing: 0.04em;
  line-height: 1.3;
}

/* ─── RIGHT: stylized report cover mockup ─── */
.cta__cover-wrap[data-v-0d2fb2b8] {
  position: relative;
  z-index: 2;
  /* Give the cover thumbnail more horizontal real estate so the book
   * itself can render larger without leaving the editorial copy cramped. */
  flex: 0 0 50%;
  padding: clamp(40px, 6vh, 80px) clamp(20px, 3vw, 48px) clamp(40px, 6vh, 80px) 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta__cover[data-v-0d2fb2b8] {
  position: relative;
  /* Bumped from clamp(180, 22vw, 280) → clamp(240, 32vw, 420). The book-
   * like 2025 cover thumbnail now reads as the visual anchor on the
   * right rather than a small companion icon. */
  width: clamp(240px, 32vw, 420px);
  aspect-ratio: 5 / 7;
  transform: perspective(1200px) rotateY(-6deg) rotateX(2deg) translateY(0);
  opacity: 0;
  animation: ctaCoverIn-0d2fb2b8 0.9s cubic-bezier(0.2, 0.85, 0.2, 1) 0.4s forwards;
}
.cta__cover-glow[data-v-0d2fb2b8] {
  position: absolute;
  inset: -12% -10% -10% -10%;
  background: radial-gradient(closest-side, rgba(245, 200, 76, 0.55), rgba(245, 200, 76, 0));
  filter: blur(20px);
  z-index: 0;
}
.cta__cover-photo[data-v-0d2fb2b8] {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: 6px;
  box-shadow:
    0 24px 60px rgba(12, 10, 46, 0.35),
    0 4px 12px rgba(12, 10, 46, 0.18);
  z-index: 1;
}
@keyframes ctaFadeIn-0d2fb2b8 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes ctaFadeUp-0d2fb2b8 {
from {
    opacity: 0;
    transform: translateY(8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes ctaTitleIn-0d2fb2b8 {
from {
    opacity: 0;
    transform: translateY(18px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes ctaCoverIn-0d2fb2b8 {
from {
    opacity: 0;
    transform: perspective(1200px) rotateY(-12deg) rotateX(4deg) translateY(20px);
}
to {
    opacity: 1;
    transform: perspective(1200px) rotateY(-6deg) rotateX(2deg) translateY(0);
}
}
@media (max-width: 768px) {
.cta[data-v-0d2fb2b8] {
    flex-direction: column;
}
.cta__content[data-v-0d2fb2b8] {
    width: 100%;
    flex: 0 0 auto;
}
.cta__cover-wrap[data-v-0d2fb2b8] {
    flex: 0 0 auto;
    padding: 0 clamp(20px, 4vw, 40px) clamp(36px, 6vh, 60px);
}
.cta__stats[data-v-0d2fb2b8] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

/* src/podpacks/we2/lib/source/WE2FlexibleFundingScene.vue#style0 (scoped) */

.ff[data-v-7b9b0988] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: 'Poppins', sans-serif;
  background-color: #f7e9b8;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #0c0a2e;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 100vh 0 100vh #f7e9b8;
}
.ff__banner[data-v-7b9b0988] {
  align-self: flex-start;
  /* Was +60px which on ~720px laptop viewports forced the donut chart past
   * the fold. The vh term shrinks the offset on short screens. */
  margin-top: calc(var(--we2-nav-clearance, 24px) + clamp(12px, 3vh, 50px));
  background: #0c0a2e;
  clip-path: polygon(0 0, 100% 0, calc(100% - 26px) 100%, 0 100%);
  padding: clamp(10px, 1.8vh, 20px) clamp(48px, 7vw, 80px) clamp(10px, 1.8vh, 20px)
    clamp(20px, 4vw, 36px);
  max-width: 70%;
  transform: translateX(-100%);
  animation: ffBannerSlide-7b9b0988 0.7s cubic-bezier(0.2, 0.85, 0.2, 1) 0.15s forwards;
  z-index: 2;
}
.ff__banner-eyebrow[data-v-7b9b0988] {
  font-size: clamp(9px, 1.6vw, 11px);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(245, 200, 76, 0.55);
  margin-bottom: 6px;
}
.ff__banner-title[data-v-7b9b0988] {
  margin: 0;
  font-weight: 600;
  font-size: clamp(28px, 5.2vw, 46px);
  line-height: 1;
  letter-spacing: -0.02em;
  color: #f5c84c;
}
.ff__chart-wrap[data-v-7b9b0988] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* Full width on mobile so the donut has room to breathe; the desktop
     media query below clamps it to ~56% so the article card on the right
     doesn't cover it. */
  width: 100%;
  padding: clamp(8px, 1.6vh, 24px) clamp(20px, 3vw, 36px);
  min-height: 0;
}
.ff__chart[data-v-7b9b0988] {
  flex: 1;
  width: 100%;
  /* min-height was 280 → 220 so the donut can shrink in ≤760px viewports
   * instead of forcing the caption past the fold. */
  max-height: 480px;
  min-height: 220px;
}
.ff__chart-caption[data-v-7b9b0988] {
  margin: clamp(8px, 1vh, 14px) 0 0;
  font-size: clamp(10px, 1.7vw, 12px);
  font-weight: 500;
  color: rgba(12, 10, 46, 0.55);
  text-align: center;
  max-width: 360px;
  line-height: 1.45;
}
@keyframes ffFadeIn-7b9b0988 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes ffBannerSlide-7b9b0988 {
from {
    transform: translateX(-100%);
}
to {
    transform: translateX(0);
}
}
@media (min-width: 1025px) {
.ff__banner[data-v-7b9b0988] {
    margin-top: calc(var(--we2-nav-clearance, 24px) + clamp(24px, 6vh, 80px));
    padding: clamp(14px, 2.2vh, 28px) clamp(60px, 8vw, 100px) clamp(14px, 2.2vh, 28px)
      clamp(28px, 3vw, 44px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 36px) 100%, 0 100%);
}
.ff__banner-eyebrow[data-v-7b9b0988] {
    font-size: clamp(10px, 0.8vw, 12px);
}
  /* Title scaled with both width AND height so short-laptop viewports get a
   * smaller title that leaves room for the donut chart below. */
.ff__banner-title[data-v-7b9b0988] {
    font-size: clamp(34px, min(3.6vw, 5.4vh), 58px);
}
  /* Desktop only: chart hugs the left ~56% so the article column on the
   * right has room. Below 1025px the chart fills the full visual width so
   * the donut + labels never overlap the article card or each other. */
.ff__chart-wrap[data-v-7b9b0988] {
    width: 56%;
}
}

/* src/podpacks/we2/lib/source/WE2ForewordScene.vue#style0 (scoped) */

.fw[data-v-acd3ef78] {
  width: 100%;
  height: 100%;
  font-family: 'Poppins', sans-serif;
  color: #08075e;
  overflow: hidden;
  background-color: #f2dda6;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
.fw__inner[data-v-acd3ef78] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(24px, 5vh, 40px) clamp(20px, 6vw, 40px);
  gap: clamp(16px, 3vh, 28px);
  opacity: 0;
  animation: fadeUp-acd3ef78 0.65s ease 0.06s forwards;
}

/* ── Quote ── */
.fw__quote-row[data-v-acd3ef78] {
  display: flex;
  align-items: flex-start;
  gap: clamp(10px, 2.5vw, 16px);
}
.fw__marks[data-v-acd3ef78] {
  display: flex;
  align-items: flex-end;
  gap: clamp(4px, 1vw, 6px);
  flex-shrink: 0;
  padding-top: 3px;
}
.fw__mark[data-v-acd3ef78] {
  display: block;
  width: clamp(18px, 5vw, 26px);
  height: clamp(44px, 13vw, 64px);
  background: #b8b2d4;
  clip-path: polygon(0 28%, 100% 0, 100% 100%, 0 100%);
}
.fw__mark--s[data-v-acd3ef78] {
  height: clamp(44px, 13vw, 64px);
}
.fw__quote[data-v-acd3ef78] {
  margin: 0;
  font-size: clamp(16px, 4.5vw, 21px);
  line-height: 1.35;
  font-weight: 600;
  color: #06045f;
  overflow-wrap: break-word;
}
.fw__word[data-v-acd3ef78] {
  color: rgba(6, 4, 95, 0.12);
  animation: wordReveal-acd3ef78 0.5s ease forwards;
}

/* ── Author block ── */
.fw__authors[data-v-acd3ef78] {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 2vh, 16px);
  align-items: center;
  opacity: 0;
  animation: fadeUp-acd3ef78 0.5s ease 0.45s forwards;
}
.fw__author[data-v-acd3ef78] {
  display: flex;
  align-items: center;
  gap: clamp(10px, 3vw, 14px);
  width: 100%;
  max-width: 280px;
}
.fw__circle[data-v-acd3ef78] {
  width: clamp(50px, 14vw, 64px);
  height: clamp(50px, 14vw, 64px);
  border-radius: 50%;
  background: #f5c446;
  overflow: hidden;
  flex-shrink: 0;
}
.fw__circle img[data-v-acd3ef78] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
  display: block;
}
.fw__author-info[data-v-acd3ef78] {
  display: flex;
  flex-direction: column;
}
.fw__eyebrow[data-v-acd3ef78] {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: rgba(8, 7, 94, 0.55);
  opacity: 0;
  animation: fadeUp-acd3ef78 0.5s ease 0.2s forwards;
}
.fw__name[data-v-acd3ef78] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #06045f;
}
.fw__role[data-v-acd3ef78] {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(8, 7, 94, 0.48);
  line-height: 1.35;
}

/* ═══ Desktop ═══ */
@media (min-width: 768px) {
.fw__inner[data-v-acd3ef78] {
    max-width: 55%;
    padding: clamp(32px, 5vh, 56px) clamp(32px, 4vw, 64px);
    gap: clamp(28px, 4vh, 48px);
}
.fw__mark[data-v-acd3ef78] {
    width: clamp(28px, 2.8vw, 42px);
    height: clamp(72px, 7vw, 100px);
}
.fw__mark--s[data-v-acd3ef78] {
    height: clamp(72px, 7vw, 100px);
}
.fw__quote[data-v-acd3ef78] {
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.28;
    max-width: 38ch;
}
.fw__authors[data-v-acd3ef78] {
    flex-direction: row;
    align-items: flex-start;
    gap: clamp(28px, 3vw, 48px);
    padding-left: calc(
      clamp(28px, 2.8vw, 42px) * 2 + clamp(4px, 1vw, 6px) + clamp(12px, 1.2vw, 18px)
    );
}
.fw__author[data-v-acd3ef78] {
    max-width: none;
    gap: clamp(12px, 1vw, 16px);
}
.fw__circle[data-v-acd3ef78] {
    width: clamp(68px, 6vw, 90px);
    height: clamp(68px, 6vw, 90px);
}
.fw__name[data-v-acd3ef78] {
    font-size: clamp(16px, 1.15vw, 18px);
}
.fw__role[data-v-acd3ef78] {
    font-size: clamp(12px, 0.8vw, 14px);
}
.fw__eyebrow[data-v-acd3ef78] {
    font-size: clamp(11px, 0.85vw, 13px);
    letter-spacing: 0.36em;
}
}
@keyframes fadeUp-acd3ef78 {
from {
    opacity: 0;
    transform: translateY(14px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes wordReveal-acd3ef78 {
to {
    color: #06045f;
}
}

/* src/podpacks/we2/lib/source/WE2GlanceScene.vue#style0 (scoped) */

.gl[data-v-c7b6366e] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: 'Poppins', sans-serif;
  background: #0c0a2e;
  color: #e8e6f0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Extend background beyond frame to cover unstick gap */
  box-shadow: 0 100vh 0 100vh #0c0a2e;
}

/* Mobile: illustration as dark background */
.gl__image[data-v-c7b6366e] {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.gl__illustration[data-v-c7b6366e] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  /* Mobile: keep more of the illustration's color visible so the visual
   * surface reads as a distinct layer behind the dark article card. With
   * the previous 0.2 the navy base swallowed the illustration and the
   * card blended into the background. Desktop bumps this back down (see
   * @media below) because there the card sits beside the illustration. */
  opacity: 0.72;
  transform: translateZ(0);
}

/* Mobile only: a slight dim overlay on top of the illustration so the
 * stat values + labels read cleanly against the busy purple/yellow
 * cubist artwork. Removed on desktop because the stats sit next to the
 * illustration, not on top of it. */
.gl__image[data-v-c7b6366e]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(12, 10, 46, 0.42);
  pointer-events: none;
}
.gl__data[data-v-c7b6366e] {
  position: relative;
  z-index: 1;
  flex: 1;
  padding: clamp(24px, 5vh, 40px) clamp(20px, 5vw, 32px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 2 columns, 3 rows — cleaner on mobile */
.gl__grid[data-v-c7b6366e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(20px, 5vw, 32px) clamp(16px, 4vw, 24px);
}
.gl__stat[data-v-c7b6366e] {
  display: flex;
  flex-direction: column;
  gap: clamp(3px, 0.6vh, 6px);
  opacity: 0;
  animation: statFadeIn-c7b6366e 0.5s ease forwards;
  animation-delay: calc(0.3s + var(--i) * 100ms);
}
@keyframes statFadeIn-c7b6366e {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.gl__stat-icon[data-v-c7b6366e] {
  width: clamp(38px, 10vw, 50px);
  height: clamp(38px, 10vw, 50px);
  object-fit: contain;
}
.gl__stat-value[data-v-c7b6366e] {
  margin: clamp(4px, 1vh, 8px) 0 0;
  font-size: clamp(32px, 9vw, 42px);
  /* Bumped to 600 + a soft dark text-shadow so the yellow stat number
   * reads cleanly against the cubist illustration underneath. */
  font-weight: 600;
  color: #f5c84c;
  line-height: 1;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-shadow: 0 1px 4px rgba(12, 10, 46, 0.55);
}
.gl__stat-label[data-v-c7b6366e] {
  margin: clamp(2px, 0.4vh, 4px) 0 0;
  font-size: 13px;
  font-weight: 500;
  /* Maxed to full opacity + matching shadow for the small label text
   * which sits closest to the illustration's brightest yellow patches. */
  color: #ffffff;
  line-height: 1.35;
  text-shadow: 0 1px 4px rgba(12, 10, 46, 0.55);
}

/* ═══ Desktop only (≥1024px) ═══
 * Threshold raised in step with Key Results so iPad-class widths fall to
 * the mobile illustration-top layout — keeps the visual centered and
 * full-frame when the article card is floating in mobile flow. */
@media (min-width: 1024px) {
.gl[data-v-c7b6366e] {
    flex-direction: row;
}
.gl__data[data-v-c7b6366e] {
    flex: 0 0 48%;
    padding: clamp(32px, 5vh, 56px) clamp(32px, 4vw, 64px);
}
.gl__image[data-v-c7b6366e] {
    position: relative;
    flex: 1;
    height: 100%;
    order: 2;
}
.gl__data[data-v-c7b6366e] {
    order: 1;
}
.gl__illustration[data-v-c7b6366e] {
    opacity: 1;
    object-position: center center;
}
  /* Desktop: hide the mobile dim overlay — illustration sits beside the
   * stats, not behind them. */
.gl__image[data-v-c7b6366e]::after {
    display: none;
}
.gl__grid[data-v-c7b6366e] {
    grid-template-columns: 1fr 1fr;
    gap: clamp(28px, 3.5vh, 42px) clamp(20px, 2vw, 32px);
}
.gl__stat-icon[data-v-c7b6366e] {
    width: clamp(40px, 3.5vw, 54px);
    height: clamp(40px, 3.5vw, 54px);
}
.gl__stat-value[data-v-c7b6366e] {
    font-size: clamp(32px, 2.8vw, 44px);
}
.gl__stat-label[data-v-c7b6366e] {
    font-size: 13px;
}
}

/* src/podpacks/we2/lib/source/WE2GlobalPortfolioScene.vue#style0 (scoped) */

.gpo[data-v-5a14b75e] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: 'Poppins', sans-serif;
  background-color: #0c0a2e;
  color: #f5c84c;
  overflow: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.gpo__video[data-v-5a14b75e] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  opacity: 0;
  animation: gpoFadeIn-5a14b75e 0.7s ease 0.1s forwards;
}
.gpo__vignette[data-v-5a14b75e] {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      ellipse at 30% 50%,
      rgba(12, 10, 46, 0) 0%,
      rgba(12, 10, 46, 0.55) 70%,
      rgba(12, 10, 46, 0.85) 100%
    ),
    linear-gradient(120deg, rgba(12, 10, 46, 0.5) 0%, rgba(12, 10, 46, 0) 60%);
  pointer-events: none;
}
.gpo__title-wrap[data-v-5a14b75e] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  text-align: left;
  padding: clamp(24px, 6vh, 64px) clamp(20px, 5vw, 32px);
  gap: clamp(12px, 2vh, 18px);
  pointer-events: none;
}
.gpo__eyebrow[data-v-5a14b75e] {
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(245, 200, 76, 0.7);
  opacity: 0;
  animation: gpoFadeUp-5a14b75e 0.5s ease 0.5s forwards;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}
.gpo__title[data-v-5a14b75e] {
  margin: 0;
  font-weight: 600;
  /* Mobile: title bumped to use viewport width so it reads as a real
   * masthead instead of a small caption. clamp(36, 11vw, 56) gives
   * ~41px on a 375px phone, scaling smoothly up to 56px on tablets. */
  font-size: clamp(36px, 11vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.02em;
  color: #f5c84c;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.5);
}
.gpo__title-line[data-v-5a14b75e] {
  display: inline-block;
  opacity: 0;
  transform: translateY(28px);
  animation: gpoTitleUp-5a14b75e 0.7s cubic-bezier(0.2, 0.85, 0.2, 1) forwards;
}
.gpo__title-line--1[data-v-5a14b75e] {
  animation-delay: 0.65s;
}
.gpo__title-line--2[data-v-5a14b75e] {
  animation-delay: 0.85s;
}
.gpo__title-line--3[data-v-5a14b75e] {
  animation-delay: 1.05s;
}
.gpo__corner[data-v-5a14b75e] {
  position: absolute;
  right: 0;
  bottom: 0;
  width: clamp(60px, 14vw, 130px);
  height: clamp(60px, 14vw, 130px);
  background: #d96725;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  opacity: 0;
  transform: translate(20%, 20%);
  animation: gpoCornerIn-5a14b75e 0.6s cubic-bezier(0.2, 0.85, 0.2, 1) 1.3s forwards;
  pointer-events: none;
}
@keyframes gpoFadeIn-5a14b75e {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes gpoFadeUp-5a14b75e {
from {
    opacity: 0;
    transform: translateY(8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes gpoTitleUp-5a14b75e {
from {
    opacity: 0;
    transform: translateY(28px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes gpoCornerIn-5a14b75e {
from {
    opacity: 0;
    transform: translate(20%, 20%);
}
to {
    opacity: 1;
    transform: translate(0, 0);
}
}
@media (min-width: 768px) {
.gpo__title-wrap[data-v-5a14b75e] {
    padding: clamp(48px, 8vh, 100px) clamp(36px, 5vw, 96px);
    /* Desktop reverts to the original left-aligned bottom-anchored
     * layout (matches the printed-PDF reference). */
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
}
.gpo__eyebrow[data-v-5a14b75e] {
    font-size: 12px;
}
.gpo__title[data-v-5a14b75e] {
    font-weight: 500;
    font-size: clamp(32px, 4vw, 56px);
    line-height: 1.05;
    align-items: flex-start;
}
}

/* src/podpacks/we2/lib/source/WE2In2024Scene.vue#style0 (scoped) */

.in24[data-v-b16a060d] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: 'Poppins', sans-serif;
  background-color: #e6dff4;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #0c0a2e;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 100vh 0 100vh #e6dff4;
}
.in24__grid[data-v-b16a060d] {
  position: relative;
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: center;
  padding: clamp(16px, 2.5vh, 28px) clamp(18px, 3.5vw, 36px);
}
.in24__cell[data-v-b16a060d] {
  display: flex;
  align-items: flex-start;
  gap: clamp(10px, 2vw, 16px);
  padding: clamp(10px, 1.4vh, 14px) clamp(10px, 1.5vw, 18px);
  border-bottom: 1px solid rgba(12, 10, 46, 0.14);
  opacity: 0;
  animation: in24FadeIn-b16a060d 0.55s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  animation-delay: calc(0.2s + var(--i) * 130ms);
}

/* Vertical dividers between paired-row cells (1|2, 3|4, 5|6) */
.in24__cell--1[data-v-b16a060d],
.in24__cell--3[data-v-b16a060d],
.in24__cell--5[data-v-b16a060d] {
  border-right: 1px solid rgba(12, 10, 46, 0.14);
}

/* Full-width rows for stats 7, 8, 9 (matches PDF page 12) */
.in24__cell--7[data-v-b16a060d],
.in24__cell--8[data-v-b16a060d],
.in24__cell--9[data-v-b16a060d] {
  grid-column: 1 / -1;
}

/* Last row — no bottom line */
.in24__cell--9[data-v-b16a060d] {
  border-bottom: none;
}
.in24__cell-icon[data-v-b16a060d] {
  width: clamp(40px, 9vw, 56px);
  height: clamp(40px, 9vw, 56px);
  object-fit: contain;
  flex-shrink: 0;
  margin-top: 2px;
}
.in24__cell-body[data-v-b16a060d] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.in24__cell-value[data-v-b16a060d] {
  margin: 0;
  font-size: clamp(26px, 6vw, 36px);
  /* Match the visual weight of GCERF at a Glance.
   * That scene uses 500 on a DARK background — dark backgrounds make text
   * read thinner, so 500 there looks similar to 600 on this light bg. */
  font-weight: 600;
  color: #0c0a2e;
  line-height: 1;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.in24__cell-label[data-v-b16a060d] {
  margin: 4px 0 0;
  font-size: clamp(11px, 2.5vw, 13px);
  font-weight: 500;
  color: #0c0a2e;
  line-height: 1.4;
}
.in24__footnote[data-v-b16a060d] {
  margin: 0;
  padding: 0 clamp(20px, 4vw, 40px) clamp(12px, 2vh, 18px);
  font-size: clamp(10px, 2vw, 11px);
  color: rgba(12, 10, 46, 0.55);
  text-align: right;
  letter-spacing: 0.02em;
}
@keyframes in24FadeIn-b16a060d {
from {
    opacity: 0;
    transform: translateY(8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* ═══ Desktop only (≥1024px): grid stays on LEFT half ═══
 * Threshold raised in step with Key Results / At a Glance so iPad-class
 * widths fall to the mobile flow instead of leaving the grid stranded
 * on the left while the article card floats above. */
@media (min-width: 1024px) {
.in24__grid[data-v-b16a060d] {
    width: 52%;
    /* Top padding clears the fixed glass nav so the first stat row stays visible. */
    padding: calc(var(--we2-nav-clearance, 72px) + 12px) clamp(28px, 3vw, 48px)
      clamp(20px, 3vh, 36px);
    align-content: start;
}
.in24__cell[data-v-b16a060d] {
    gap: clamp(16px, 1.8vw, 26px);
    padding: clamp(14px, 2vh, 22px) clamp(12px, 1.4vw, 22px);
}
.in24__cell-icon[data-v-b16a060d] {
    width: clamp(56px, 4.6vw, 76px);
    height: clamp(56px, 4.6vw, 76px);
}
.in24__cell-value[data-v-b16a060d] {
    font-size: clamp(36px, 3.2vw, 48px);
}
.in24__cell-label[data-v-b16a060d] {
    font-size: clamp(13px, 1.05vw, 15px);
}
.in24__footnote[data-v-b16a060d] {
    width: 52%;
    font-size: clamp(11px, 0.85vw, 12px);
    padding: 0 clamp(28px, 3vw, 48px) clamp(20px, 2.5vh, 28px);
}
}

/* src/podpacks/we2/lib/source/WE2InvestmentMap.vue#style0 (scoped) */

.imap[data-v-c614c3da] {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #ede0c8;
}
.imap[data-v-c614c3da] svg {
  display: block;
  overflow: hidden;
}
.imap[data-v-c614c3da] .country {
  transition: fill 0.5s ease;
}
.imap[data-v-c614c3da] .data-label {
  pointer-events: none;
}

/* src/podpacks/we2/lib/source/WE2KeyResultsScene.vue#style0 (scoped) */

.kr[data-v-404c9658] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: 'Poppins', sans-serif;
  background-color: #f7e9b8;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #0c0a2e;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 100vh 0 100vh #f7e9b8;
}

/* On mobile: illustration on top (small banner), grid below.
 *
 * 18% balances the two competing constraints: enough banner to anchor
 * the scene visually, but not so tall that the 7-stat grid pushes off
 * the 100svh frame. Cells stretch via align-content: stretch so they
 * fill the remaining height evenly instead of clustering near the top. */
.kr__illustration[data-v-404c9658] {
  position: relative;
  width: 100%;
  height: 18%;
  overflow: hidden;
  background: #d96725;
  flex-shrink: 0;
  order: 1;
}
.kr__illustration-img[data-v-404c9658] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 25%;
  display: block;
}
.kr__grid[data-v-404c9658] {
  position: relative;
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* Stretch the rows to fill the remaining height after the banner so the
   * stats spread top-to-bottom instead of bunching near the illustration. */
  align-content: stretch;
  padding: clamp(12px, 1.8vh, 18px) clamp(14px, 3vw, 24px) clamp(14px, 2vh, 22px);
  order: 2;
  min-height: 0;
}
.kr__cell[data-v-404c9658] {
  display: flex;
  align-items: flex-start;
  gap: clamp(8px, 1.8vw, 14px);
  padding: clamp(8px, 1.4vh, 14px) clamp(8px, 1.2vw, 14px);
  border-bottom: 1px solid rgba(12, 10, 46, 0.14);
  opacity: 0;
  animation: krFadeIn-404c9658 0.55s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  animation-delay: calc(0.2s + var(--i) * 150ms);
  min-width: 0;
}

/* Vertical dividers between paired-row cells */
.kr__cell--1[data-v-404c9658],
.kr__cell--5[data-v-404c9658] {
  border-right: 1px solid rgba(12, 10, 46, 0.14);
}

/* Full-width rows for items 3, 4, 7 (matches PDF page 15) */
.kr__cell--3[data-v-404c9658],
.kr__cell--4[data-v-404c9658],
.kr__cell--7[data-v-404c9658] {
  grid-column: 1 / -1;
}

/* Last row — no bottom line */
.kr__cell--7[data-v-404c9658] {
  border-bottom: none;
}
.kr__cell-icon[data-v-404c9658] {
  width: clamp(28px, 7vw, 44px);
  height: clamp(28px, 7vw, 44px);
  object-fit: contain;
  flex-shrink: 0;
  margin-top: 2px;
}
.kr__cell-body[data-v-404c9658] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.kr__cell-value[data-v-404c9658] {
  margin: 0;
  font-size: clamp(20px, 5vw, 30px);
  /* Match At a Glance perceptual weight (500 on dark ≈ 600 on light). */
  font-weight: 600;
  color: #0c0a2e;
  line-height: 1;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.kr__cell-label[data-v-404c9658] {
  margin: 3px 0 0;
  font-size: clamp(10px, 2.2vw, 12px);
  font-weight: 500;
  color: #0c0a2e;
  line-height: 1.3;
}
@keyframes krFadeIn-404c9658 {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* ═══ Desktop: grid LEFT (PDF layout), illustration RIGHT ═══
 *
 * 7 stats × 5 rows must fit between the fixed nav (≈72px) and the bottom
 * edge inside a 100svh frame. Cells are intentionally tighter than At a
 * Glance to absorb the extra two rows without bleeding past the viewport.
 *
 * Threshold lifted from 768 → 1024 after Dawn flagged the mid-size case
 * (iPad-class widths): at those widths the page is in force-mobile flow
 * with the article card floating centered, so the side-by-side split
 * leaves the illustration stranded on the right with the stats grid on
 * the left — which read as the visual being "stuck to the left". Below
 * 1024 we now use the mobile illustration-top / grid-below layout so
 * the visual fills the full frame consistently. */
@media (min-width: 1024px) {
.kr[data-v-404c9658] {
    flex-direction: row;
}
.kr__grid[data-v-404c9658] {
    order: 1;
    width: 52%;
    padding: calc(var(--we2-nav-clearance, 72px) + 8px) clamp(24px, 2.6vw, 40px)
      clamp(16px, 2.4vh, 28px);
    align-content: start;
    row-gap: 0;
}
.kr__cell[data-v-404c9658] {
    gap: clamp(12px, 1.4vw, 20px);
    padding: clamp(8px, 1.2vh, 13px) clamp(10px, 1.2vw, 18px);
}
.kr__illustration[data-v-404c9658] {
    order: 2;
    width: 48%;
    height: 100%;
    flex-shrink: 0;
}
.kr__illustration-img[data-v-404c9658] {
    object-position: center center;
}
.kr__cell-icon[data-v-404c9658] {
    width: clamp(44px, 3.4vw, 58px);
    height: clamp(44px, 3.4vw, 58px);
}
.kr__cell-value[data-v-404c9658] {
    font-size: clamp(28px, 2.4vw, 38px);
}
.kr__cell-label[data-v-404c9658] {
    font-size: clamp(11.5px, 0.9vw, 13.5px);
    line-height: 1.35;
}
}

/* src/podpacks/we2/lib/source/WE2MiddleEastNorthAfricaScene.vue#style0 (scoped) */

.mena[data-v-1204bc61] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: 'Poppins', sans-serif;
  background-color: #f7e9b8;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #0c0a2e;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 100vh 0 100vh #f7e9b8;
}
.mena__hero[data-v-1204bc61] {
  position: relative;
  width: 100%;
  height: 42%;
  flex-shrink: 0;
  overflow: hidden;
  opacity: 0;
  animation: menaFadeIn-1204bc61 0.6s ease 0.05s forwards;
}
.mena__photo[data-v-1204bc61] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
  display: block;
}
.mena__photo-vignette[data-v-1204bc61] {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom right,
    rgba(12, 10, 46, 0) 35%,
    rgba(12, 10, 46, 0.25) 100%
  );
  pointer-events: none;
}
.mena__banner[data-v-1204bc61] {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0c0a2e;
  clip-path: polygon(0 0, 100% 0, calc(100% - 26px) 100%, 0 100%);
  padding: clamp(14px, 2.4vh, 22px) clamp(48px, 7vw, 80px) clamp(14px, 2.4vh, 22px)
    clamp(20px, 4vw, 36px);
  max-width: 84%;
  transform: translateX(-100%);
  animation: menaBannerSlide-1204bc61 0.7s cubic-bezier(0.2, 0.85, 0.2, 1) 0.25s forwards;
}
.mena__banner-eyebrow[data-v-1204bc61] {
  font-size: clamp(9px, 1.6vw, 11px);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(245, 200, 76, 0.55);
  margin-bottom: 6px;
}
.mena__banner-title[data-v-1204bc61] {
  margin: 0;
  font-weight: 600;
  font-size: clamp(24px, 4.4vw, 40px);
  line-height: 1.02;
  letter-spacing: -0.02em;
  color: #f5c84c;
}
.mena__lower[data-v-1204bc61] {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 1.4vh, 16px);
  padding: clamp(12px, 2vh, 24px) clamp(20px, 3.5vw, 40px) clamp(12px, 2.2vh, 24px);
  min-height: 0;
  opacity: 0;
  animation: menaFadeUp-1204bc61 0.6s ease 0.55s forwards;
}
.mena__map[data-v-1204bc61] {
  display: none;
}
.mena__quote[data-v-1204bc61] {
  position: relative;
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
  column-gap: clamp(8px, 1.5vw, 14px);
  row-gap: clamp(4px, 0.8vh, 8px);
  align-content: start;
}
.mena__quote-label[data-v-1204bc61] {
  grid-column: 1 / -1;
  font-size: clamp(11px, 2vw, 13px);
  font-weight: 600;
  color: rgba(12, 10, 46, 0.55);
  letter-spacing: 0.06em;
}
.mena__quote-marks[data-v-1204bc61] {
  grid-column: 1;
  grid-row: 2 / 3;
  display: flex;
  align-items: flex-start;
  gap: clamp(3px, 0.6vw, 5px);
  flex-shrink: 0;
  padding-top: 2px;
  opacity: 0;
  transform: scale(0.6);
  transform-origin: top left;
  animation: menaStamp-1204bc61 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s forwards;
}
.mena__quote-mark[data-v-1204bc61] {
  display: block;
  width: clamp(18px, 3.5vw, 24px);
  height: clamp(40px, 8.5vw, 54px);
  background: #b8b2d4;
  clip-path: polygon(0 28%, 100% 0, 100% 100%, 0 100%);
}
.mena__quote-mark--s[data-v-1204bc61] {
  width: clamp(18px, 3.5vw, 24px);
  height: clamp(40px, 8.5vw, 54px);
}
.mena__quote-body[data-v-1204bc61] {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(4px, 0.8vh, 8px);
}
.mena__quote-bold[data-v-1204bc61] {
  margin: 0;
  font-size: clamp(16px, min(4vw, 2.8vh), 22px);
  line-height: 1.32;
  font-weight: 700;
  color: #0c0a2e;
  letter-spacing: -0.005em;
}
.mena__quote-rest[data-v-1204bc61] {
  margin: 0;
  font-size: clamp(13px, min(2.8vw, 2vh), 17px);
  line-height: 1.55;
  font-weight: 400;
  color: rgba(12, 10, 46, 0.82);
}
.mena__line[data-v-1204bc61] {
  display: block;
  overflow: hidden;
}
.mena__line-inner[data-v-1204bc61] {
  display: inline-block;
  transform: translateY(110%);
  opacity: 0;
  animation: menaLineUp-1204bc61 0.55s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  animation-delay: var(--delay, 0s);
}
.mena__quote-attr[data-v-1204bc61] {
  grid-column: 2;
  grid-row: 3;
  margin: clamp(4px, 1vh, 8px) 0 0;
  font-size: clamp(9px, 1.6vw, 11px);
  font-weight: 500;
  color: rgba(12, 10, 46, 0.55);
  text-align: right;
  opacity: 0;
  animation: menaFadeIn-1204bc61 0.5s ease 2.2s forwards;
}
.mena__caption[data-v-1204bc61] {
  margin: clamp(12px, 2.4vh, 32px) 0 0;
  padding-top: clamp(8px, 1.4vh, 14px);
  border-top: 1px solid rgba(12, 10, 46, 0.16);
  font-size: clamp(8px, 1.25vw, 9.5px);
  line-height: 1.55;
  font-weight: 400;
  color: rgba(12, 10, 46, 0.42);
  letter-spacing: 0.01em;
  opacity: 0;
  animation: menaFadeIn-1204bc61 0.5s ease 2.4s forwards;
}
@keyframes menaFadeIn-1204bc61 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes menaFadeUp-1204bc61 {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes menaBannerSlide-1204bc61 {
from {
    transform: translateX(-100%);
}
to {
    transform: translateX(0);
}
}
@keyframes menaStamp-1204bc61 {
0% {
    opacity: 0;
    transform: scale(0.6);
}
60% {
    opacity: 1;
    transform: scale(1.06);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes menaLineUp-1204bc61 {
from {
    opacity: 0;
    transform: translateY(110%);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (min-width: 768px) {
.mena__banner[data-v-1204bc61] {
    padding: clamp(20px, 3vh, 32px) clamp(60px, 8vw, 100px) clamp(20px, 3vh, 32px)
      clamp(28px, 3vw, 44px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 36px) 100%, 0 100%);
}
.mena__banner-eyebrow[data-v-1204bc61] {
    font-size: clamp(10px, 0.8vw, 12px);
}
.mena__banner-title[data-v-1204bc61] {
    font-size: clamp(34px, 3.4vw, 54px);
}
.mena__lower[data-v-1204bc61] {
    width: 52%;
    gap: clamp(14px, 1.8vh, 22px);
    padding: clamp(20px, 2.6vh, 32px) clamp(28px, 3vw, 48px) clamp(20px, 2.6vh, 32px);
}
.mena__map[data-v-1204bc61] {
    height: clamp(88px, 10vh, 118px);
}
.mena__quote-bold[data-v-1204bc61] {
    font-size: clamp(18px, 1.55vw, 24px);
    line-height: 1.3;
}
.mena__quote-rest[data-v-1204bc61] {
    font-size: clamp(13px, 1vw, 16px);
    line-height: 1.55;
}
.mena__quote-attr[data-v-1204bc61] {
    font-size: clamp(10px, 0.7vw, 11px);
}
.mena__quote-mark[data-v-1204bc61] {
    width: clamp(22px, 1.7vw, 28px);
    height: clamp(50px, 3.8vw, 62px);
}
.mena__quote-mark--s[data-v-1204bc61] {
    width: clamp(22px, 1.7vw, 28px);
    height: clamp(50px, 3.8vw, 62px);
}
.mena__caption[data-v-1204bc61] {
    font-size: clamp(9px, 0.7vw, 11px);
}
}

/* src/podpacks/we2/lib/source/WE2SahelScene.vue#style0 (scoped) */

.sah[data-v-5ffffd94] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: 'Poppins', sans-serif;
  background-color: #f7e9b8;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #0c0a2e;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 100vh 0 100vh #f7e9b8;
}
.sah__hero[data-v-5ffffd94] {
  position: relative;
  width: 100%;
  height: 42%;
  flex-shrink: 0;
  overflow: hidden;
  opacity: 0;
  animation: sahFadeIn-5ffffd94 0.6s ease 0.05s forwards;
}
.sah__photo[data-v-5ffffd94] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  display: block;
}
.sah__photo-vignette[data-v-5ffffd94] {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom right,
    rgba(12, 10, 46, 0) 35%,
    rgba(12, 10, 46, 0.25) 100%
  );
  pointer-events: none;
}
.sah__banner[data-v-5ffffd94] {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0c0a2e;
  clip-path: polygon(0 0, 100% 0, calc(100% - 26px) 100%, 0 100%);
  padding: clamp(14px, 2.4vh, 22px) clamp(48px, 7vw, 80px) clamp(14px, 2.4vh, 22px)
    clamp(20px, 4vw, 36px);
  max-width: 70%;
  transform: translateX(-100%);
  animation: sahBannerSlide-5ffffd94 0.7s cubic-bezier(0.2, 0.85, 0.2, 1) 0.25s forwards;
}
.sah__banner-eyebrow[data-v-5ffffd94] {
  font-size: clamp(9px, 1.6vw, 11px);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(245, 200, 76, 0.55);
  margin-bottom: 6px;
}
.sah__banner-title[data-v-5ffffd94] {
  margin: 0;
  font-weight: 600;
  font-size: clamp(28px, 5.2vw, 46px);
  line-height: 1;
  letter-spacing: -0.02em;
  color: #f5c84c;
}
.sah__lower[data-v-5ffffd94] {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 1.4vh, 16px);
  padding: clamp(12px, 2vh, 24px) clamp(20px, 3.5vw, 40px) clamp(12px, 2.2vh, 24px);
  min-height: 0;
  opacity: 0;
  animation: sahFadeUp-5ffffd94 0.6s ease 0.55s forwards;
}
.sah__map[data-v-5ffffd94] {
  display: none;
}
.sah__quote[data-v-5ffffd94] {
  position: relative;
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
  column-gap: clamp(8px, 1.5vw, 14px);
  row-gap: clamp(4px, 0.8vh, 8px);
  align-content: start;
}
.sah__quote-label[data-v-5ffffd94] {
  grid-column: 1 / -1;
  font-size: clamp(11px, 2vw, 13px);
  font-weight: 600;
  color: rgba(12, 10, 46, 0.55);
  letter-spacing: 0.06em;
}
.sah__quote-marks[data-v-5ffffd94] {
  grid-column: 1;
  grid-row: 2 / 3;
  display: flex;
  align-items: flex-start;
  gap: clamp(3px, 0.6vw, 5px);
  flex-shrink: 0;
  padding-top: 2px;
  opacity: 0;
  transform: scale(0.6);
  transform-origin: top left;
  animation: sahStamp-5ffffd94 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s forwards;
}
.sah__quote-mark[data-v-5ffffd94] {
  display: block;
  width: clamp(18px, 3.5vw, 24px);
  height: clamp(40px, 8.5vw, 54px);
  background: #b8b2d4;
  clip-path: polygon(0 28%, 100% 0, 100% 100%, 0 100%);
}
.sah__quote-mark--s[data-v-5ffffd94] {
  width: clamp(18px, 3.5vw, 24px);
  height: clamp(40px, 8.5vw, 54px);
}
.sah__quote-body[data-v-5ffffd94] {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(4px, 0.8vh, 8px);
}
.sah__quote-bold[data-v-5ffffd94] {
  margin: 0;
  font-size: clamp(16px, min(4vw, 2.8vh), 22px);
  line-height: 1.32;
  font-weight: 700;
  color: #0c0a2e;
  letter-spacing: -0.005em;
}
.sah__quote-rest[data-v-5ffffd94] {
  margin: 0;
  font-size: clamp(13px, min(2.8vw, 2vh), 17px);
  line-height: 1.55;
  font-weight: 400;
  color: rgba(12, 10, 46, 0.82);
}
.sah__line[data-v-5ffffd94] {
  display: block;
  overflow: hidden;
}
.sah__line-inner[data-v-5ffffd94] {
  display: inline-block;
  transform: translateY(110%);
  opacity: 0;
  animation: sahLineUp-5ffffd94 0.55s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  animation-delay: var(--delay, 0s);
}
.sah__quote-attr[data-v-5ffffd94] {
  grid-column: 2;
  grid-row: 3;
  margin: clamp(4px, 1vh, 8px) 0 0;
  font-size: clamp(9px, 1.6vw, 11px);
  font-weight: 500;
  color: rgba(12, 10, 46, 0.55);
  text-align: right;
  opacity: 0;
  animation: sahFadeIn-5ffffd94 0.5s ease 2.2s forwards;
}
.sah__caption[data-v-5ffffd94] {
  margin: clamp(12px, 2.4vh, 32px) 0 0;
  padding-top: clamp(8px, 1.4vh, 14px);
  border-top: 1px solid rgba(12, 10, 46, 0.16);
  font-size: clamp(8px, 1.25vw, 9.5px);
  line-height: 1.55;
  font-weight: 400;
  color: rgba(12, 10, 46, 0.42);
  letter-spacing: 0.01em;
  opacity: 0;
  animation: sahFadeIn-5ffffd94 0.5s ease 2.4s forwards;
}
@keyframes sahFadeIn-5ffffd94 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes sahFadeUp-5ffffd94 {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes sahBannerSlide-5ffffd94 {
from {
    transform: translateX(-100%);
}
to {
    transform: translateX(0);
}
}
@keyframes sahStamp-5ffffd94 {
0% {
    opacity: 0;
    transform: scale(0.6);
}
60% {
    opacity: 1;
    transform: scale(1.06);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes sahLineUp-5ffffd94 {
from {
    opacity: 0;
    transform: translateY(110%);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (min-width: 768px) {
.sah__banner[data-v-5ffffd94] {
    padding: clamp(20px, 3vh, 32px) clamp(60px, 8vw, 100px) clamp(20px, 3vh, 32px)
      clamp(28px, 3vw, 44px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 36px) 100%, 0 100%);
}
.sah__banner-eyebrow[data-v-5ffffd94] {
    font-size: clamp(10px, 0.8vw, 12px);
}
.sah__banner-title[data-v-5ffffd94] {
    font-size: clamp(42px, 4.2vw, 68px);
}
.sah__lower[data-v-5ffffd94] {
    width: 52%;
    gap: clamp(14px, 1.8vh, 22px);
    padding: clamp(20px, 2.6vh, 32px) clamp(28px, 3vw, 48px) clamp(20px, 2.6vh, 32px);
}
.sah__map[data-v-5ffffd94] {
    height: clamp(88px, 10vh, 118px);
}
.sah__quote-bold[data-v-5ffffd94] {
    font-size: clamp(18px, 1.55vw, 24px);
    line-height: 1.3;
}
.sah__quote-rest[data-v-5ffffd94] {
    font-size: clamp(13px, 1vw, 16px);
    line-height: 1.55;
}
.sah__quote-attr[data-v-5ffffd94] {
    font-size: clamp(10px, 0.7vw, 11px);
}
.sah__quote-mark[data-v-5ffffd94] {
    width: clamp(22px, 1.7vw, 28px);
    height: clamp(50px, 3.8vw, 62px);
}
.sah__quote-mark--s[data-v-5ffffd94] {
    width: clamp(22px, 1.7vw, 28px);
    height: clamp(50px, 3.8vw, 62px);
}
.sah__caption[data-v-5ffffd94] {
    font-size: clamp(9px, 0.7vw, 11px);
}
}

/* src/podpacks/we2/lib/source/WE2SouthSouthEastAsiaScene.vue#style0 (scoped) */

.ssea[data-v-72193d7a] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: 'Poppins', sans-serif;
  background-color: #f7e9b8;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #0c0a2e;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 100vh 0 100vh #f7e9b8;
}
.ssea__hero[data-v-72193d7a] {
  position: relative;
  width: 100%;
  height: 42%;
  flex-shrink: 0;
  overflow: hidden;
  opacity: 0;
  animation: sseaFadeIn-72193d7a 0.6s ease 0.05s forwards;
}
.ssea__photo[data-v-72193d7a] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Philippines.jpg subject is near the top of the native image; 18% keeps
   * faces clear of the fixed nav while still reading as a group photo. */
  object-position: center 18%;
  display: block;
}
.ssea__photo-vignette[data-v-72193d7a] {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom right,
    rgba(12, 10, 46, 0) 35%,
    rgba(12, 10, 46, 0.25) 100%
  );
  pointer-events: none;
}
.ssea__banner[data-v-72193d7a] {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0c0a2e;
  clip-path: polygon(0 0, 100% 0, calc(100% - 26px) 100%, 0 100%);
  padding: clamp(14px, 2.4vh, 22px) clamp(48px, 7vw, 80px) clamp(14px, 2.4vh, 22px)
    clamp(20px, 4vw, 36px);
  max-width: 80%;
  transform: translateX(-100%);
  animation: sseaBannerSlide-72193d7a 0.7s cubic-bezier(0.2, 0.85, 0.2, 1) 0.25s forwards;
}
.ssea__banner-eyebrow[data-v-72193d7a] {
  font-size: clamp(9px, 1.6vw, 11px);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(245, 200, 76, 0.55);
  margin-bottom: 6px;
}
.ssea__banner-title[data-v-72193d7a] {
  margin: 0;
  font-weight: 600;
  font-size: clamp(24px, 4.6vw, 42px);
  line-height: 1.02;
  letter-spacing: -0.02em;
  color: #f5c84c;
}
.ssea__lower[data-v-72193d7a] {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 1.4vh, 16px);
  padding: clamp(12px, 2vh, 24px) clamp(20px, 3.5vw, 40px) clamp(12px, 2.2vh, 24px);
  min-height: 0;
  opacity: 0;
  animation: sseaFadeUp-72193d7a 0.6s ease 0.55s forwards;
}
.ssea__map[data-v-72193d7a] {
  display: none;
}
.ssea__quote[data-v-72193d7a] {
  position: relative;
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
  column-gap: clamp(8px, 1.5vw, 14px);
  row-gap: clamp(4px, 0.8vh, 8px);
  align-content: start;
}
.ssea__quote-label[data-v-72193d7a] {
  grid-column: 1 / -1;
  font-size: clamp(11px, 2vw, 13px);
  font-weight: 600;
  color: rgba(12, 10, 46, 0.55);
  letter-spacing: 0.06em;
}
.ssea__quote-marks[data-v-72193d7a] {
  grid-column: 1;
  grid-row: 2 / 3;
  display: flex;
  align-items: flex-start;
  gap: clamp(3px, 0.6vw, 5px);
  flex-shrink: 0;
  padding-top: 2px;
  opacity: 0;
  transform: scale(0.6);
  transform-origin: top left;
  animation: sseaStamp-72193d7a 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s forwards;
}
.ssea__quote-mark[data-v-72193d7a] {
  display: block;
  width: clamp(18px, 3.5vw, 24px);
  height: clamp(40px, 8.5vw, 54px);
  background: #b8b2d4;
  clip-path: polygon(0 28%, 100% 0, 100% 100%, 0 100%);
}
.ssea__quote-mark--s[data-v-72193d7a] {
  width: clamp(18px, 3.5vw, 24px);
  height: clamp(40px, 8.5vw, 54px);
}
.ssea__quote-body[data-v-72193d7a] {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(4px, 0.8vh, 8px);
}
.ssea__quote-bold[data-v-72193d7a] {
  margin: 0;
  font-size: clamp(16px, min(4vw, 2.8vh), 22px);
  line-height: 1.32;
  font-weight: 700;
  color: #0c0a2e;
  letter-spacing: -0.005em;
}
.ssea__quote-rest[data-v-72193d7a] {
  margin: 0;
  font-size: clamp(13px, min(2.8vw, 2vh), 17px);
  line-height: 1.55;
  font-weight: 400;
  color: rgba(12, 10, 46, 0.82);
}
.ssea__line[data-v-72193d7a] {
  display: block;
  overflow: hidden;
}
.ssea__line-inner[data-v-72193d7a] {
  display: inline-block;
  transform: translateY(110%);
  opacity: 0;
  animation: sseaLineUp-72193d7a 0.55s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  animation-delay: var(--delay, 0s);
}
.ssea__quote-attr[data-v-72193d7a] {
  grid-column: 2;
  grid-row: 3;
  margin: clamp(4px, 1vh, 8px) 0 0;
  font-size: clamp(9px, 1.6vw, 11px);
  font-weight: 500;
  color: rgba(12, 10, 46, 0.55);
  text-align: right;
  opacity: 0;
  animation: sseaFadeIn-72193d7a 0.5s ease 2.4s forwards;
}
.ssea__caption[data-v-72193d7a] {
  margin: clamp(12px, 2.4vh, 32px) 0 0;
  padding-top: clamp(8px, 1.4vh, 14px);
  border-top: 1px solid rgba(12, 10, 46, 0.16);
  font-size: clamp(8px, 1.25vw, 9.5px);
  line-height: 1.55;
  font-weight: 400;
  color: rgba(12, 10, 46, 0.42);
  letter-spacing: 0.01em;
  opacity: 0;
  animation: sseaFadeIn-72193d7a 0.5s ease 2.6s forwards;
}
@keyframes sseaFadeIn-72193d7a {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes sseaFadeUp-72193d7a {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes sseaBannerSlide-72193d7a {
from {
    transform: translateX(-100%);
}
to {
    transform: translateX(0);
}
}
@keyframes sseaStamp-72193d7a {
0% {
    opacity: 0;
    transform: scale(0.6);
}
60% {
    opacity: 1;
    transform: scale(1.06);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes sseaLineUp-72193d7a {
from {
    opacity: 0;
    transform: translateY(110%);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (min-width: 768px) {
.ssea__banner[data-v-72193d7a] {
    padding: clamp(20px, 3vh, 32px) clamp(60px, 8vw, 100px) clamp(20px, 3vh, 32px)
      clamp(28px, 3vw, 44px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 36px) 100%, 0 100%);
}
.ssea__banner-eyebrow[data-v-72193d7a] {
    font-size: clamp(10px, 0.8vw, 12px);
}
.ssea__banner-title[data-v-72193d7a] {
    font-size: clamp(36px, 3.6vw, 58px);
}
.ssea__lower[data-v-72193d7a] {
    width: 52%;
    gap: clamp(14px, 1.8vh, 22px);
    padding: clamp(20px, 2.6vh, 32px) clamp(28px, 3vw, 48px) clamp(20px, 2.6vh, 32px);
}
.ssea__map[data-v-72193d7a] {
    height: clamp(88px, 10vh, 118px);
}
.ssea__quote-bold[data-v-72193d7a] {
    font-size: clamp(18px, 1.55vw, 24px);
    line-height: 1.3;
}
.ssea__quote-rest[data-v-72193d7a] {
    font-size: clamp(13px, 1vw, 16px);
    line-height: 1.55;
}
.ssea__quote-attr[data-v-72193d7a] {
    font-size: clamp(10px, 0.7vw, 11px);
}
.ssea__quote-mark[data-v-72193d7a] {
    width: clamp(22px, 1.7vw, 28px);
    height: clamp(50px, 3.8vw, 62px);
}
.ssea__quote-mark--s[data-v-72193d7a] {
    width: clamp(22px, 1.7vw, 28px);
    height: clamp(50px, 3.8vw, 62px);
}
.ssea__caption[data-v-72193d7a] {
    font-size: clamp(9px, 0.7vw, 11px);
}
}

/* src/podpacks/we2/lib/source/WE2TopDonorsScene.vue#style0 (scoped) */

.td[data-v-05d3f324] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: 'Poppins', sans-serif;
  background: #fdfcf6;
  color: #0c0a2e;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 100vh 0 100vh #fdfcf6;
}

/* ─── Header — Governance-page style ───
 * Parchment surface with two diagonal accent shapes (yellow trapezoid on
 * the top-left, coral trapezoid on the top-right) framing the big navy
 * title. The header occupies the visual frame's top band so the donor list
 * panel below has clean white space to land on. */
.td__header[data-v-05d3f324] {
  position: relative;
  width: 100%;
  /* Top padding tightened — was nav-clearance + 28px which on a 720px laptop
   * viewport ate ~80px before the eyebrow even appeared. The bottom padding
   * is vh-based so it shrinks on short screens, giving the donor list room
   * to fit all 10 rows without the last 3 clipping. */
  padding: calc(var(--we2-nav-clearance, 24px) + clamp(8px, 1.4vh, 20px)) clamp(24px, 4vw, 60px)
    clamp(14px, 2.4vh, 32px);
  flex-shrink: 0;
  overflow: hidden;
  background: #fdfcf6;
}
.td__shape[data-v-05d3f324] {
  position: absolute;
  top: 0;
  display: block;
  pointer-events: none;
  opacity: 0;
  animation: tdShapeIn-05d3f324 0.6s cubic-bezier(0.2, 0.85, 0.2, 1) 0.1s forwards;
}
.td__shape--yellow[data-v-05d3f324] {
  left: -2%;
  width: clamp(160px, 22vw, 280px);
  height: clamp(72px, 12vh, 130px);
  background: #f5c84c;
  clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%);
  transform-origin: top left;
}
.td__shape--coral[data-v-05d3f324] {
  right: -2%;
  width: clamp(120px, 16vw, 220px);
  height: clamp(56px, 10vh, 110px);
  background: #d96725;
  clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
  transform-origin: top right;
  animation-delay: 0.22s;
}
.td__header-inner[data-v-05d3f324] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 1.5vh, 14px);
  /* Mobile: header takes full width so the title + stat strip don't squeeze
   * into the left third. Desktop rule below restores 56% so the article
   * card has space. */
  max-width: 100%;
  padding-top: clamp(20px, 4vh, 56px);
}
.td__eyebrow[data-v-05d3f324] {
  font-size: clamp(10px, 1.3vw, 12px);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(12, 10, 46, 0.55);
  opacity: 0;
  animation: tdFadeUp-05d3f324 0.5s ease 0.25s forwards;
}
.td__title[data-v-05d3f324] {
  margin: 0;
  font-weight: 700;
  /* Title scales with both width AND height so it doesn't dominate short
   * laptop viewports (where 78px ate four list rows of vertical space). */
  font-size: clamp(32px, min(5vw, 7vh), 68px);
  line-height: 0.96;
  letter-spacing: -0.02em;
  color: #0c0a2e;
  opacity: 0;
  transform: translateX(-12px);
  animation: tdTitleIn-05d3f324 0.6s cubic-bezier(0.2, 0.85, 0.2, 1) 0.35s forwards;
}
.td__header-stat[data-v-05d3f324] {
  display: inline-flex;
  align-items: baseline;
  gap: clamp(8px, 1.2vw, 14px);
  margin-top: clamp(6px, 1vh, 10px);
  opacity: 0;
  animation: tdFadeUp-05d3f324 0.5s ease 0.55s forwards;
}
.td__stat-value[data-v-05d3f324] {
  font-size: clamp(20px, 2.6vw, 30px);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #d96725;
  line-height: 1;
}
.td__stat-label[data-v-05d3f324] {
  font-size: clamp(9px, 1.1vw, 11px);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(12, 10, 46, 0.55);
  line-height: 1.3;
}
@keyframes tdShapeIn-05d3f324 {
from {
    opacity: 0;
    transform: translateY(-100%);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* ─── White content panel ─── */
.td__panel[data-v-05d3f324] {
  flex: 1;
  /* Full width on mobile so the donor name column has room; desktop rule
   * below trims it to ~56% so the article card on the right doesn't
   * overlap the list. Vertical padding halved so all 10 rows fit. */
  width: 100%;
  padding: clamp(8px, 1.4vh, 16px) clamp(20px, 5vw, 28px) clamp(10px, 1.8vh, 20px);
  display: flex;
  flex-direction: column;
  gap: clamp(4px, 0.8vh, 10px);
  min-height: 0;
}
.td__head[data-v-05d3f324] {
  display: grid;
  /* Mirror td__row column widths so header text + data values share the
   * exact right-edge — fixes the misalignment GCERF circled in image11. */
  grid-template-columns:
    clamp(34px, 4.6vw, 46px) clamp(26px, 3.2vw, 32px) 1fr clamp(70px, 9vw, 96px)
    clamp(70px, 9vw, 96px);
  gap: clamp(8px, 1.2vw, 12px);
  align-items: end;
  padding: 0 0 clamp(4px, 0.6vh, 8px);
  border-bottom: 1px solid rgba(12, 10, 46, 0.18);
}
.td__head-cell[data-v-05d3f324] {
  font-size: clamp(9px, 1.2vw, 10px);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(12, 10, 46, 0.45);
  text-align: right;
  font-variant-numeric: tabular-nums;
  /* Compensate for the trailing letter-spacing on the last character —
   * without this the last glyph in "CONTRIBUTIONS" / "2025" sits 0.14em
   * past the right edge of the column, so it reads as misaligned with
   * the data values ($40.5M etc.) underneath. */
  margin-right: -0.14em;
}
.td__list[data-v-05d3f324] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.td__row[data-v-05d3f324] {
  display: grid;
  /* Right columns widened (was 60–88px → 70–96px) so "Total contributions
   * 2014–2025" header wraps cleanly to one or two centered lines and the
   * column data ($40.5M etc.) sits flush-right under the header — GCERF
   * flagged the previous alignment as off. */
  grid-template-columns:
    clamp(34px, 4.6vw, 46px) clamp(26px, 3.2vw, 32px) 1fr clamp(70px, 9vw, 96px)
    clamp(70px, 9vw, 96px);
  align-items: center;
  gap: clamp(8px, 1.2vw, 12px);
  /* Row padding halved on short viewports so all 10 rows fit inside the
   * sticky 100dvh frame. Previously rows 8-10 clipped at the fold. */
  padding: clamp(3px, 0.55vh, 7px) 0;
  border-bottom: 1px solid rgba(12, 10, 46, 0.08);
  opacity: 0;
  transform: translateX(-12px);
  animation: tdRowIn-05d3f324 0.45s cubic-bezier(0.2, 0.85, 0.2, 1) var(--delay, 0.4s) forwards;
}
.td__row[data-v-05d3f324]:last-of-type {
  border-bottom: none;
}
.td__rank[data-v-05d3f324] {
  font-size: clamp(15px, 2vw, 19px);
  font-weight: 700;
  color: #d96725;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.td__flag[data-v-05d3f324] {
  width: clamp(22px, 2.8vw, 28px);
  height: clamp(15px, 1.9vw, 18px);
  border-radius: 2px;
  overflow: hidden;
  display: block;
  background: rgba(12, 10, 46, 0.06);
  border: 1px solid rgba(12, 10, 46, 0.12);
  flex-shrink: 0;
}
.td__flag-img[data-v-05d3f324] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.td__name[data-v-05d3f324] {
  font-size: clamp(11px, 1.45vw, 13px);
  font-weight: 500;
  color: #0c0a2e;
  letter-spacing: -0.005em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.td__amount[data-v-05d3f324] {
  font-size: clamp(11px, 1.45vw, 14px);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.005em;
  text-align: right;
}
.td__amount--current[data-v-05d3f324] {
  font-weight: 700;
  color: #0c0a2e;
}
.td__amount--total[data-v-05d3f324] {
  font-weight: 500;
  color: rgba(12, 10, 46, 0.55);
}
.td__footnote[data-v-05d3f324] {
  margin: 0;
  font-size: clamp(9px, 1.3vw, 11px);
  font-weight: 400;
  color: rgba(12, 10, 46, 0.45);
  font-style: italic;
}
@keyframes tdFadeIn-05d3f324 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes tdFadeUp-05d3f324 {
from {
    opacity: 0;
    transform: translateY(8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes tdTitleIn-05d3f324 {
from {
    opacity: 0;
    transform: translateX(-12px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes tdRowIn-05d3f324 {
from {
    opacity: 0;
    transform: translateX(-12px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@media (min-width: 1025px) {
.td__header-inner[data-v-05d3f324] {
    max-width: 56%;
}
.td__band[data-v-05d3f324] {
    padding: calc(var(--we2-nav-clearance, 24px) + 80px) clamp(32px, 3vw, 56px)
      clamp(28px, 4vh, 48px);
    width: 56%;
}
.td__title[data-v-05d3f324] {
    font-size: clamp(36px, 3.4vw, 52px);
}
.td__stat-value[data-v-05d3f324] {
    font-size: clamp(22px, 2.4vw, 30px);
}
.td__panel[data-v-05d3f324] {
    padding: clamp(16px, 2vh, 28px) clamp(32px, 3vw, 56px) clamp(28px, 3.5vh, 40px);
    width: 56%;
}
}

/* src/podpacks/we2/lib/source/WE2WestAfricaScene.vue#style0 (scoped) */

.wa[data-v-f6b26438] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: 'Poppins', sans-serif;
  background-color: #f7e9b8;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #0c0a2e;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 100vh 0 100vh #f7e9b8;
}

/* ─── HERO: rectangular photo with diagonal navy banner ─── */
/* Photo extends full-bleed to the very top of the visual frame — the
   transparent nav floats over it without cropping. (Earlier we pushed it
   down to clear the nav, but the photo lost a chunk of itself; reverted.) */
.wa__hero[data-v-f6b26438] {
  position: relative;
  width: 100%;
  height: 42%;
  flex-shrink: 0;
  overflow: hidden;
  opacity: 0;
  animation: waFadeIn-f6b26438 0.6s ease 0.05s forwards;
}
.wa__photo[data-v-f6b26438] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  display: block;
}

/* Soft bottom-left gradient so the banner reads against any photo content */
.wa__photo-vignette[data-v-f6b26438] {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom right,
    rgba(12, 10, 46, 0) 35%,
    rgba(12, 10, 46, 0.25) 100%
  );
  pointer-events: none;
}
.wa__banner[data-v-f6b26438] {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0c0a2e;
  /* Same diagonal stamp as Uzbekistan / SSEA — slanted top-right edge that
     "cuts" up out of the photo from the bottom-left corner. */
  clip-path: polygon(0 0, 100% 0, calc(100% - 26px) 100%, 0 100%);
  padding: clamp(14px, 2.4vh, 22px) clamp(48px, 7vw, 80px) clamp(14px, 2.4vh, 22px)
    clamp(20px, 4vw, 36px);
  max-width: 78%;
  transform: translateX(-100%);
  animation: waBannerSlide-f6b26438 0.7s cubic-bezier(0.2, 0.85, 0.2, 1) 0.25s forwards;
}
.wa__banner-eyebrow[data-v-f6b26438] {
  font-size: clamp(9px, 1.6vw, 11px);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(245, 200, 76, 0.55);
  margin-bottom: 6px;
}
.wa__banner-title[data-v-f6b26438] {
  margin: 0;
  font-weight: 600;
  font-size: clamp(28px, 5.2vw, 46px);
  line-height: 1;
  letter-spacing: -0.02em;
  color: #f5c84c;
}

/* ─── LOWER: quote (top) + map (bottom). Constrained to left ~52% so the
   article card on the right doesn't cover the readable content. ─── */
.wa__lower[data-v-f6b26438] {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(6px, 1vh, 12px);
  /* Padding tightened further on top + bottom to reclaim space for the
   * long caption — it kept clipping at iPad-class widths even after
   * round 9. The visual frame is already short (42% hero + lower);
   * shaving padding is the only safe reclaim left. */
  padding: clamp(8px, 1.4vh, 18px) clamp(20px, 3.5vw, 40px) clamp(8px, 1.4vh, 16px);
  min-height: 0;
  opacity: 0;
  animation: waFadeUp-f6b26438 0.6s ease 0.55s forwards;
}
.wa__map[data-v-f6b26438] {
  display: none;
}
.wa__quote[data-v-f6b26438] {
  position: relative;
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
  column-gap: clamp(8px, 1.5vw, 14px);
  row-gap: clamp(4px, 0.8vh, 8px);
  align-content: start;
}
.wa__quote-label[data-v-f6b26438] {
  grid-column: 1 / -1;
  font-size: clamp(11px, 2vw, 13px);
  font-weight: 600;
  color: rgba(12, 10, 46, 0.55);
  letter-spacing: 0.06em;
}
.wa__quote-marks[data-v-f6b26438] {
  grid-column: 1;
  grid-row: 2 / 3;
  display: flex;
  align-items: flex-start;
  gap: clamp(3px, 0.6vw, 5px);
  flex-shrink: 0;
  padding-top: 2px;
  opacity: 0;
  transform: scale(0.6);
  transform-origin: top left;
  animation: waStamp-f6b26438 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s forwards;
}
.wa__quote-mark[data-v-f6b26438] {
  display: block;
  width: clamp(18px, 3.5vw, 24px);
  height: clamp(40px, 8.5vw, 54px);
  background: #b8b2d4;
  clip-path: polygon(0 28%, 100% 0, 100% 100%, 0 100%);
}
.wa__quote-mark--s[data-v-f6b26438] {
  width: clamp(14px, 2.7vw, 18px);
  height: clamp(32px, 6.5vw, 42px);
}
.wa__quote-body[data-v-f6b26438] {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(4px, 0.8vh, 8px);
}
.wa__quote-bold[data-v-f6b26438] {
  margin: 0;
  font-size: clamp(16px, min(4vw, 2.8vh), 22px);
  line-height: 1.32;
  font-weight: 700;
  color: #0c0a2e;
  letter-spacing: -0.005em;
}
.wa__quote-rest[data-v-f6b26438] {
  margin: 0;
  font-size: clamp(13px, min(2.8vw, 2vh), 17px);
  line-height: 1.55;
  font-weight: 400;
  color: rgba(12, 10, 46, 0.82);
}
.wa__line[data-v-f6b26438] {
  display: block;
  overflow: hidden;
}
.wa__line-inner[data-v-f6b26438] {
  display: inline-block;
  transform: translateY(110%);
  opacity: 0;
  animation: waLineUp-f6b26438 0.55s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  animation-delay: var(--delay, 0s);
}
.wa__quote-attr[data-v-f6b26438] {
  grid-column: 2;
  grid-row: 3;
  margin: clamp(4px, 1vh, 8px) 0 0;
  font-size: clamp(9px, 1.6vw, 11px);
  font-weight: 500;
  color: rgba(12, 10, 46, 0.55);
  text-align: right;
  opacity: 0;
  animation: waFadeIn-f6b26438 0.5s ease 2.4s forwards;
}
.wa__caption[data-v-f6b26438] {
  /* West Africa's caption is the longest of the 7 region scenes (4-5
   * lines on narrow desktop widths). Round 9's first pass still let it
   * tip past the fold on Dawn's screen — compressing further: top
   * margin/padding minimised, line-height pulled in, font floor pulled
   * down 0.5px. */
  margin: clamp(4px, 0.8vh, 14px) 0 0;
  padding-top: clamp(4px, 0.6vh, 8px);
  border-top: 1px solid rgba(12, 10, 46, 0.16);
  font-size: clamp(7.5px, 1vw, 8.5px);
  line-height: 1.38;
  font-weight: 400;
  color: rgba(12, 10, 46, 0.42);
  letter-spacing: 0.01em;
  opacity: 0;
  animation: waFadeIn-f6b26438 0.5s ease 2.6s forwards;
}
@keyframes waFadeIn-f6b26438 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes waFadeUp-f6b26438 {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes waBannerSlide-f6b26438 {
from {
    transform: translateX(-100%);
}
to {
    transform: translateX(0);
}
}
@keyframes waStamp-f6b26438 {
0% {
    opacity: 0;
    transform: scale(0.6);
}
60% {
    opacity: 1;
    transform: scale(1.06);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes waLineUp-f6b26438 {
from {
    opacity: 0;
    transform: translateY(110%);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (min-width: 768px) {
.wa__hero[data-v-f6b26438] {
    height: 42%;
}
.wa__banner[data-v-f6b26438] {
    padding: clamp(20px, 3vh, 32px) clamp(60px, 8vw, 100px) clamp(20px, 3vh, 32px)
      clamp(28px, 3vw, 44px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 36px) 100%, 0 100%);
}
.wa__banner-eyebrow[data-v-f6b26438] {
    font-size: clamp(10px, 0.8vw, 12px);
}
.wa__banner-title[data-v-f6b26438] {
    font-size: clamp(42px, 4.2vw, 68px);
}
.wa__lower[data-v-f6b26438] {
    width: 52%;
    gap: clamp(16px, 2vh, 24px);
    padding: clamp(24px, 3vh, 36px) clamp(28px, 3vw, 48px) clamp(28px, 3vh, 40px);
}
.wa__map[data-v-f6b26438] {
    height: clamp(96px, 12vh, 130px);
}
.wa__quote-bold[data-v-f6b26438] {
    font-size: clamp(18px, 1.55vw, 24px);
    line-height: 1.3;
}
.wa__quote-rest[data-v-f6b26438] {
    font-size: clamp(13px, 1vw, 16px);
    line-height: 1.55;
}
.wa__quote-attr[data-v-f6b26438] {
    font-size: clamp(10px, 0.7vw, 11px);
}
.wa__quote-mark[data-v-f6b26438],
  .wa__quote-mark--s[data-v-f6b26438] {
    width: clamp(22px, 1.7vw, 28px);
    height: clamp(50px, 3.8vw, 62px);
}
.wa__caption[data-v-f6b26438] {
    font-size: clamp(9px, 0.7vw, 11px);
}
}

/* src/podpacks/we2/lib/source/WE2WesternBalkansScene.vue#style0 (scoped) */

.wb[data-v-6a50565b] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: 'Poppins', sans-serif;
  background-color: #f7e9b8;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #0c0a2e;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 100vh 0 100vh #f7e9b8;
}
.wb__hero[data-v-6a50565b] {
  position: relative;
  width: 100%;
  height: 42%;
  flex-shrink: 0;
  overflow: hidden;
  opacity: 0;
  animation: wbFadeIn-6a50565b 0.6s ease 0.05s forwards;
}
.wb__photo[data-v-6a50565b] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Kosovo.jpg subject (panel speakers + student audience in a school gym)
   * sits in the lower half. center 35% only showed the ceiling/windows;
   * pull crop down so people are visible above the title banner. */
  object-position: center 70%;
  display: block;
}
.wb__photo-vignette[data-v-6a50565b] {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom right,
    rgba(12, 10, 46, 0) 35%,
    rgba(12, 10, 46, 0.25) 100%
  );
  pointer-events: none;
}
.wb__banner[data-v-6a50565b] {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0c0a2e;
  clip-path: polygon(0 0, 100% 0, calc(100% - 26px) 100%, 0 100%);
  padding: clamp(14px, 2.4vh, 22px) clamp(48px, 7vw, 80px) clamp(14px, 2.4vh, 22px)
    clamp(20px, 4vw, 36px);
  max-width: 78%;
  transform: translateX(-100%);
  animation: wbBannerSlide-6a50565b 0.7s cubic-bezier(0.2, 0.85, 0.2, 1) 0.25s forwards;
}
.wb__banner-eyebrow[data-v-6a50565b] {
  font-size: clamp(9px, 1.6vw, 11px);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(245, 200, 76, 0.55);
  margin-bottom: 6px;
}
.wb__banner-title[data-v-6a50565b] {
  margin: 0;
  font-weight: 600;
  font-size: clamp(28px, 5.2vw, 46px);
  line-height: 1;
  letter-spacing: -0.02em;
  color: #f5c84c;
}
.wb__lower[data-v-6a50565b] {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 1.4vh, 16px);
  padding: clamp(12px, 2vh, 24px) clamp(20px, 3.5vw, 40px) clamp(12px, 2.2vh, 24px);
  min-height: 0;
  opacity: 0;
  animation: wbFadeUp-6a50565b 0.6s ease 0.55s forwards;
}
.wb__map[data-v-6a50565b] {
  display: none;
}
.wb__quote[data-v-6a50565b] {
  position: relative;
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
  column-gap: clamp(8px, 1.5vw, 14px);
  row-gap: clamp(4px, 0.8vh, 8px);
  align-content: start;
}
.wb__quote-label[data-v-6a50565b] {
  grid-column: 1 / -1;
  font-size: clamp(11px, 2vw, 13px);
  font-weight: 600;
  color: rgba(12, 10, 46, 0.55);
  letter-spacing: 0.06em;
}
.wb__quote-marks[data-v-6a50565b] {
  grid-column: 1;
  grid-row: 2 / 3;
  display: flex;
  align-items: flex-start;
  gap: clamp(3px, 0.6vw, 5px);
  flex-shrink: 0;
  padding-top: 2px;
  opacity: 0;
  transform: scale(0.6);
  transform-origin: top left;
  animation: wbStamp-6a50565b 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s forwards;
}
.wb__quote-mark[data-v-6a50565b] {
  display: block;
  width: clamp(18px, 3.5vw, 24px);
  height: clamp(40px, 8.5vw, 54px);
  background: #b8b2d4;
  clip-path: polygon(0 28%, 100% 0, 100% 100%, 0 100%);
}
.wb__quote-mark--s[data-v-6a50565b] {
  width: clamp(18px, 3.5vw, 24px);
  height: clamp(40px, 8.5vw, 54px);
}
.wb__quote-body[data-v-6a50565b] {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(4px, 0.8vh, 8px);
}
.wb__quote-bold[data-v-6a50565b] {
  margin: 0;
  font-size: clamp(16px, min(4vw, 2.8vh), 22px);
  line-height: 1.32;
  font-weight: 700;
  color: #0c0a2e;
  letter-spacing: -0.005em;
}
.wb__quote-rest[data-v-6a50565b] {
  margin: 0;
  font-size: clamp(13px, min(2.8vw, 2vh), 17px);
  line-height: 1.55;
  font-weight: 400;
  color: rgba(12, 10, 46, 0.82);
}
.wb__line[data-v-6a50565b] {
  display: block;
  overflow: hidden;
}
.wb__line-inner[data-v-6a50565b] {
  display: inline-block;
  transform: translateY(110%);
  opacity: 0;
  animation: wbLineUp-6a50565b 0.55s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  animation-delay: var(--delay, 0s);
}
.wb__quote-attr[data-v-6a50565b] {
  grid-column: 2;
  grid-row: 3;
  margin: clamp(4px, 1vh, 8px) 0 0;
  font-size: clamp(9px, 1.6vw, 11px);
  font-weight: 500;
  color: rgba(12, 10, 46, 0.55);
  text-align: right;
  opacity: 0;
  animation: wbFadeIn-6a50565b 0.5s ease 2.4s forwards;
}
.wb__caption[data-v-6a50565b] {
  margin: clamp(12px, 2.4vh, 32px) 0 0;
  padding-top: clamp(8px, 1.4vh, 14px);
  border-top: 1px solid rgba(12, 10, 46, 0.16);
  font-size: clamp(8px, 1.25vw, 9.5px);
  line-height: 1.55;
  font-weight: 400;
  color: rgba(12, 10, 46, 0.42);
  letter-spacing: 0.01em;
  opacity: 0;
  animation: wbFadeIn-6a50565b 0.5s ease 2.6s forwards;
}
@keyframes wbFadeIn-6a50565b {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes wbFadeUp-6a50565b {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes wbBannerSlide-6a50565b {
from {
    transform: translateX(-100%);
}
to {
    transform: translateX(0);
}
}
@keyframes wbStamp-6a50565b {
0% {
    opacity: 0;
    transform: scale(0.6);
}
60% {
    opacity: 1;
    transform: scale(1.06);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes wbLineUp-6a50565b {
from {
    opacity: 0;
    transform: translateY(110%);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (min-width: 768px) {
.wb__banner[data-v-6a50565b] {
    padding: clamp(20px, 3vh, 32px) clamp(60px, 8vw, 100px) clamp(20px, 3vh, 32px)
      clamp(28px, 3vw, 44px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 36px) 100%, 0 100%);
}
.wb__banner-eyebrow[data-v-6a50565b] {
    font-size: clamp(10px, 0.8vw, 12px);
}
.wb__banner-title[data-v-6a50565b] {
    font-size: clamp(42px, 4.2vw, 68px);
}
.wb__lower[data-v-6a50565b] {
    width: 52%;
    gap: clamp(14px, 1.8vh, 22px);
    padding: clamp(20px, 2.6vh, 32px) clamp(28px, 3vw, 48px) clamp(20px, 2.6vh, 32px);
}
.wb__map[data-v-6a50565b] {
    height: clamp(88px, 10vh, 118px);
}
.wb__quote-bold[data-v-6a50565b] {
    font-size: clamp(18px, 1.55vw, 24px);
    line-height: 1.3;
}
.wb__quote-rest[data-v-6a50565b] {
    font-size: clamp(13px, 1vw, 16px);
    line-height: 1.55;
}
.wb__quote-attr[data-v-6a50565b] {
    font-size: clamp(10px, 0.7vw, 11px);
}
.wb__quote-mark[data-v-6a50565b] {
    width: clamp(22px, 1.7vw, 28px);
    height: clamp(50px, 3.8vw, 62px);
}
.wb__quote-mark--s[data-v-6a50565b] {
    width: clamp(22px, 1.7vw, 28px);
    height: clamp(50px, 3.8vw, 62px);
}
.wb__caption[data-v-6a50565b] {
    font-size: clamp(9px, 0.7vw, 11px);
}
}

/* src/components/primitives/AnimatedCaptions.vue#style0 (scoped) */

.animated-captions[data-v-131eb294] {
  position: absolute;
  left: 50%;
  bottom: var(--131eb294-\`\$\{desktopOffsetPx\}px\`);
  transform: translateX(-50%);
  width: 100%;
  max-width: 900px;
  z-index: 20;
  padding: 0 20px;
  pointer-events: none;
}
.caption-container[data-v-131eb294] {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 80px;
}
.current-words[data-v-131eb294] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  z-index: 2; /* above the slider */
}
.caption-word[data-v-131eb294] {
  display: inline-block;
  font-size: 48px;
  font-weight: 700;
  color: var(--131eb294-textColorIdleCss);
  text-shadow: var(--131eb294-props\.textShadow\ \?\ \"2px\ 2px\ 8px\ rgba\(0\,0\,0\,0\.8\)\"\ \:\ \"none\");
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  line-height: 1.2;
}
.caption-word.active[data-v-131eb294] {
  color: var(--131eb294-props\.textColorActive);
  transform: scale(1.05);
}
.caption-word.highlighted[data-v-131eb294] {
  color: var(--131eb294-props\.textColorActive);
  transform: scale(1.1);
  text-shadow:
    0 0 20px rgba(0, 0, 0, 0.2),
    2px 2px 8px rgba(0, 0, 0, 0.6);
}
.highlight-slider[data-v-131eb294] {
  position: absolute;
  /* top is set dynamically; we center with translateY(-50%) */
  background: var(--131eb294-bubbleColorCss);
  border: 2px solid var(--131eb294-bubbleColorCss);
  border-radius: 8px;
  z-index: 1;
  will-change: left, width, height, top, opacity;
  transition:
    left 0.12s linear,
    width 0.12s linear,
    height 0.12s linear,
    top 0.12s linear,
    opacity 0.08s linear;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

/* Responsive */
@media (max-width: 1024px) and (min-width: 769px) {
.animated-captions[data-v-131eb294] {
    bottom: var(--131eb294-\`\$\{tabletOffsetPx\}px\`);
}
}
@media (max-width: 768px) {
.animated-captions[data-v-131eb294] {
    bottom: var(--131eb294-\`\$\{phoneOffsetPx\}px\`);
    padding: 0 15px;
}
.caption-word[data-v-131eb294] {
    font-size: 36px;
}
.current-words[data-v-131eb294] {
    gap: 15px;
}
.highlight-slider[data-v-131eb294] {
    border-radius: 6px;
}
}
@media (max-width: 480px) {
.caption-word[data-v-131eb294] {
    font-size: 28px;
}
.current-words[data-v-131eb294] {
    gap: 12px;
}
.highlight-slider[data-v-131eb294] {
    border-radius: 4px;
}
}
@media (prefers-reduced-motion: reduce) {
.caption-word[data-v-131eb294],
  .highlight-slider[data-v-131eb294] {
    transition: none !important;
}
}

/* src/components/primitives/CTAButton.vue#style0 (scoped) */

.cta-button[data-v-48fdcdc9] {
  height: 56px;
  background-color: var(--cta-bg);
  color: var(--cta-text);
  border-color: var(--cta-border);
  border-width: var(--cta-border-width, 1px);
}
.cta-button[data-v-48fdcdc9]:hover {
  background-color: var(--cta-hover-bg);
  color: var(--cta-hover-text);
  border-color: var(--cta-hover-border);
}
.cta-button[data-v-48fdcdc9]:focus-visible {
  outline: 2px solid var(--cta-focus-ring);
  outline-offset: 2px;
}

/* src/components/primitives/HeroLogo.vue#style0 (scoped) */

.logo-img[data-v-336c2d01] {
  width: var(--logo-width-phone);
}
@media (min-width: 768px) {
.logo-img[data-v-336c2d01] { width: var(--logo-width-tablet);
}
}
@media (min-width: 1024px) {
.logo-img[data-v-336c2d01] { width: var(--logo-width-desktop);
}
}
.focus-in[data-v-336c2d01] {
  animation: focus-in-336c2d01 var(--anim-dur) ease-out both;
  animation-delay: var(--anim-delay, 0ms);
  will-change: transform, filter, opacity;
}
@keyframes focus-in-336c2d01 {
from { filter: blur(4px); transform: scale(.98); opacity: 0;
}
to   { filter: blur(0);   transform: scale(1);   opacity: 1;
}
}
.sheen[data-v-336c2d01] {
  background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,.26) 50%, transparent 80%);
  mix-blend-mode: screen;
  opacity: 0;
  transform: translateX(-120%);
}
.sheen-run[data-v-336c2d01] {
  opacity: 1;
  animation: sheen-pass-336c2d01 var(--anim-dur) cubic-bezier(.3,.6,.2,1) both;
  animation-delay: var(--anim-delay, 0ms);
}
@keyframes sheen-pass-336c2d01 {
to { transform: translateX(120%); opacity: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.focus-in[data-v-336c2d01], .sheen-run[data-v-336c2d01] { animation: none !important;
}
}

/* src/components/primitives/HeroVideo.vue#style0 (scoped) */

video[data-v-edeab837] {
  object-fit: cover;
}
.center-play[data-v-edeab837] {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 96px;
  height: 96px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.center-play .icon[data-v-edeab837] {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.35));
}

/* src/components/primitives/PodA11yWarningList.vue#style0 (scoped) */

.pod-a11y-warnings[data-v-74acbe7a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background-color: rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(15, 23, 42, 0.08);
  font-size: 0.8125rem;
  line-height: 1.4;
}
.pod-a11y-warnings__header[data-v-74acbe7a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: inherit;
  text-align: left;
}
.pod-a11y-warnings__title[data-v-74acbe7a] {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(15, 23, 42, 0.62);
}
.pod-a11y-warnings__count[data-v-74acbe7a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.125rem;
  padding: 0 0.375rem;
  height: 1.125rem;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 600;
  background-color: rgba(15, 23, 42, 0.1);
  color: rgba(15, 23, 42, 0.7);
}
.pod-a11y-warnings__spacer[data-v-74acbe7a] {
  flex: 1 1 auto;
}
.pod-a11y-warnings__chevron[data-v-74acbe7a] {
  color: rgba(15, 23, 42, 0.5);
  transition: transform 120ms ease-out;
}
.pod-a11y-warnings__chevron--collapsed[data-v-74acbe7a] {
  transform: rotate(-90deg);
}
.pod-a11y-warnings__list[data-v-74acbe7a] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.pod-a11y-warning[data-v-74acbe7a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem 0.625rem;
  border-radius: 0.375rem;
  border: 1px solid transparent;
}
.pod-a11y-warning--info[data-v-74acbe7a] {
  background-color: rgba(59, 130, 246, 0.08);
  border-color: rgba(59, 130, 246, 0.2);
}
.pod-a11y-warning--warn[data-v-74acbe7a] {
  background-color: rgba(234, 179, 8, 0.08);
  border-color: rgba(234, 179, 8, 0.28);
}
.pod-a11y-warning--error[data-v-74acbe7a] {
  background-color: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.28);
}
.pod-a11y-warning__row[data-v-74acbe7a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.6875rem;
}
.pod-a11y-warning__badge[data-v-74acbe7a] {
  display: inline-flex;
  align-items: center;
  padding: 0.0625rem 0.375rem;
  border-radius: 0.25rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background-color: rgba(15, 23, 42, 0.08);
  color: rgba(15, 23, 42, 0.7);
}
.pod-a11y-warning--info .pod-a11y-warning__badge[data-v-74acbe7a] {
  background-color: rgba(59, 130, 246, 0.18);
  color: rgb(30, 64, 175);
}
.pod-a11y-warning--warn .pod-a11y-warning__badge[data-v-74acbe7a] {
  background-color: rgba(234, 179, 8, 0.2);
  color: rgb(133, 77, 14);
}
.pod-a11y-warning--error .pod-a11y-warning__badge[data-v-74acbe7a] {
  background-color: rgba(239, 68, 68, 0.2);
  color: rgb(153, 27, 27);
}
.pod-a11y-warning__field[data-v-74acbe7a] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.6875rem;
  color: rgba(15, 23, 42, 0.6);
}
.pod-a11y-warning__message[data-v-74acbe7a] {
  margin: 0;
  color: rgba(15, 23, 42, 0.84);
}

/* src/components/primitives/PodBackdrop.vue#style0 (scoped) */

.pod-backdrop-vignette[data-v-69f922c3] {
  background:
    radial-gradient(circle at 50% 46%, transparent 0%, transparent 34%, rgba(0, 0, 0, 0.36) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.3), transparent 28%, transparent 64%, rgba(0, 0, 0, 0.42));
}

/* src/components/primitives/PodSurface.vue#style0 (scoped) */

.pod-surface-scroll[data-v-eb6f39ed] {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
.pod-surface-scroll[data-v-eb6f39ed] {
    overflow: hidden;
}
}

/* src/components/primitives/StoryIcon.vue#style0 (scoped) */

.story-icon[data-v-3c0aea14] {
  display: inline-flex;
}
.story-icon--img[data-v-3c0aea14] {
  object-fit: contain;
}
.story-icon--svg[data-v-3c0aea14] svg {
  width: 100%;
  height: 100%;
  display: block;
}