/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "GT America", sans-serif;
    --font-serif: "Ivory", sans-serif;
    --font-mono: "Config Mono", monospace;
    --spacing: 0.25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.25rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-wider: 0.05em;
    --leading-normal: 1.5;
    --radius-sm: 0.25rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --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-white: #fff;
    --color-transparent: transparent;
    --color-cream: #f3eeeb;
    --color-cream-light: #f9f7f5;
    --color-off-black: #1c1c1e;
    --color-indigo-light: #c8bbff;
    --color-indigo: #7d5cf7;
    --color-gray-light: #d4d4d4;
    --color-gray: #9d9d9d;
    --color-gray-dark: #5b5b5d;
    --color-blue-light: #b3d7ff;
    --color-blue: #419dff;
    --color-green-light: #b5ffb3;
    --color-green: #41cc3e;
    --color-yellow-light: #ffebb1;
    --color-yellow: #ffc108;
    --color-orange-light: #ffd2b3;
    --color-orange: #ff8c40;
    --color-red-light: #ffab88;
    --color-red: #f7443e;
    --color-violet-light: #f1c8ff;
    --color-violet: #d681f3;
    --color-glass: #e0e0e0;
    --color-media: #4672a0;
    --text-md: 1.125rem;
    --opacity-btn-disabled: 0.5;
    --opacity-form-disabled: 0.5;
    --radius-media: 1.5rem;
    --background-image-arrow-right: url("data:image/svg+xml,%3Csvg%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='m18.5%2010.99-4.71-4.71c-.4-.4-.4-1.04%200-1.43.4-.4%201.04-.4%201.43%200l6.44%206.44c.4.4.4%201.04%200%201.43l-6.44%206.44c-.4.4-1.04.4-1.43%200s-.4-1.04%200-1.43l4.71-4.71h-16.45v-1.01s0-1.01%200-1.01h16.45z'%20fill='%231c1c1e'/%3E%3C/svg%3E");
    --background-image-check: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M2.2%208.6L5.6%2012L13.8%203.2'%20fill='none'%20stroke='%23fff'%20stroke-width='2.25'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
    --background-image-radio: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 13.3c2.9 0 5.3-2.4 5.3-5.3s-2.4-5.3-5.3-5.3-5.3 2.4-5.3 5.3 2.4 5.3 5.3 5.3z' fill='%23fff' /%3E%3C/svg%3E");
    --background-image-select: url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='m11.5 14.5-3.6-3.6s-.1-.1-.1-.2 0-.1 0-.2 0-.2.1-.4c0-.1.2-.1.3-.1h7.6c.1 0 .3.1.4.1.1.1.1.2.1.4 0 0-.1.1-.2.3l-3.6 3.6c-.1.1-.2.1-.2.2-.1 0-.2.1-.3.1s-.2 0-.3-.1c-.1 0-.1 0-.2-.1z' fill='%231c1c1e'/></svg>");
  }
}
@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%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         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;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentcolor;
    }
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::placeholder {
        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 {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .glass {
    background-color: color-mix(in srgb, #e0e0e0 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .glass {
      background-color: color-mix(in oklab, var(--color-glass) 10%, transparent);
    }
  }
  .glass {
    --tw-backdrop-blur: blur(var(--blur-sm));
    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,);
    box-shadow: inset 4px 0 10px -6px color-mix(in srgb, #1c1c1e, transparent 95%), inset 0 4px 10px -6px color-mix(in srgb, #1c1c1e, transparent 95%),  inset -4px 0 4px -4px color-mix(in srgb, #fff, transparent 25%), inset 0 -4px 4px -4px color-mix(in srgb, #fff, transparent 25%);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .glass {
      box-shadow: inset 4px 0 10px -6px color-mix(in srgb, var(--color-off-black), transparent 95%), inset 0 4px 10px -6px color-mix(in srgb, var(--color-off-black), transparent 95%),  inset -4px 0 4px -4px color-mix(in srgb, var(--color-white), transparent 25%), inset 0 -4px 4px -4px color-mix(in srgb, var(--color-white), transparent 25%);
    }
  }
  .glass::before {
    --bg-border: linear-gradient(to bottom right,
            color-mix(in srgb, #fff, transparent 50%) 0%,
            color-mix(in srgb, #fff, transparent 70%) 40%,
            color-mix(in srgb, #fff, transparent 100%) 50%,
            color-mix(in srgb, #fff, transparent 70%) 60%,
            color-mix(in srgb, #fff, transparent 50%) 100%
        );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .glass::before {
      --bg-border: linear-gradient(to bottom right,
            color-mix(in srgb, var(--color-white), transparent 50%) 0%,
            color-mix(in srgb, var(--color-white), transparent 70%) 40%,
            color-mix(in srgb, var(--color-white), transparent 100%) 50%,
            color-mix(in srgb, var(--color-white), transparent 70%) 60%,
            color-mix(in srgb, var(--color-white), transparent 50%) 100%
        );
    }
  }
  .glass::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: var(--bg-border);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .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;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0;
  }
  .top-\[45vh\] {
    top: 45vh;
  }
  .left-0 {
    left: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-50 {
    z-index: 50;
  }
  .order-first\! {
    order: -9999 !important;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .\!m-0 {
    margin: 0 !important;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-0 {
    margin-block: 0;
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-9 {
    margin-block: calc(var(--spacing) * 9);
  }
  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }
  .my-auto {
    margin-block: auto;
  }
  .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-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }
  .mt-auto {
    margin-top: auto;
  }
  :is(.last-mb-0 > *):last-child {
    margin-bottom: 0;
  }
  .mb-0 {
    margin-bottom: 0;
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .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-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .aspect-550\/560\! {
    aspect-ratio: 550/560 !important;
  }
  .aspect-550\/600\! {
    aspect-ratio: 550/600 !important;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .max-w-100 {
    max-width: calc(var(--spacing) * 100);
  }
  .max-w-110 {
    max-width: calc(var(--spacing) * 110);
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[360px\] {
    max-width: 360px;
  }
  .max-w-\[440px\] {
    max-width: 440px;
  }
  .max-w-\[540px\] {
    max-width: 540px;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[920px\] {
    max-width: 920px;
  }
  .min-w-0 {
    min-width: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .resize {
    resize: both;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-x-8 {
    -moz-column-gap: calc(var(--spacing) * 8);
         column-gap: calc(var(--spacing) * 8);
  }
  .overflow-clip {
    overflow: clip;
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-media {
    border-radius: var(--radius-media);
  }
  .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-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-\[red\] {
    border-color: red;
  }
  .border-gray-light {
    border-color: var(--color-gray-light);
  }
  .bg-blue {
    background-color: var(--color-blue);
  }
  .bg-blue-light {
    background-color: var(--color-blue-light);
  }
  .bg-cream {
    background-color: var(--color-cream);
  }
  .bg-cream-light {
    background-color: var(--color-cream-light);
  }
  .bg-green {
    background-color: var(--color-green);
  }
  .bg-green-light {
    background-color: var(--color-green-light);
  }
  .bg-indigo {
    background-color: var(--color-indigo);
  }
  .bg-indigo-light {
    background-color: var(--color-indigo-light);
  }
  .bg-media {
    background-color: var(--color-media);
  }
  .bg-orange-light {
    background-color: var(--color-orange-light);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-yellow {
    background-color: var(--color-yellow);
  }
  .bg-yellow-light {
    background-color: var(--color-yellow-light);
  }
  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab;
    }
  }
  .bg-linear-to-b {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[url\(\/launch-assets\/dist\/img\/astronaut-balloon-3\.avif\)\] {
    background-image: url(/launch-assets/dist/img/astronaut-balloon-3.avif);
  }
  .bg-\[url\(\/launch-assets\/dist\/img\/bubble-person-floating-2\.avif\)\] {
    background-image: url(/launch-assets/dist/img/bubble-person-floating-2.avif);
  }
  .bg-\[url\(\/launch-assets\/dist\/img\/closeup-feet\.avif\)\] {
    background-image: url(/launch-assets/dist/img/closeup-feet.avif);
  }
  .bg-\[url\(\/launch-assets\/dist\/img\/clouds-dots\.png\)\] {
    background-image: url(/launch-assets/dist/img/clouds-dots.png);
  }
  .bg-\[url\(\/launch-assets\/dist\/img\/cta-bg\.avif\)\] {
    background-image: url(/launch-assets/dist/img/cta-bg.avif);
  }
  .bg-\[url\(\/launch-assets\/dist\/img\/fish-person-floating\.avif\)\] {
    background-image: url(/launch-assets/dist/img/fish-person-floating.avif);
  }
  .bg-\[url\(\/launch-assets\/dist\/img\/people-floating-1-flip\.avif\)\] {
    background-image: url(/launch-assets/dist/img/people-floating-1-flip.avif);
  }
  .bg-\[url\(\/launch-assets\/dist\/img\/whale-floating\.avif\)\] {
    background-image: url(/launch-assets/dist/img/whale-floating.avif);
  }
  .bg-\[url\(\/launch-assets\/dist\/img\/whale-person-floating\.avif\)\] {
    background-image: url(/launch-assets/dist/img/whale-person-floating.avif);
  }
  .from-\[\#4380ab\] {
    --tw-gradient-from: #4380ab;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#958db1\] {
    --tw-gradient-to: #958db1;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-size-\[150\%\] {
    background-size: 150%;
  }
  .bg-size-\[auto_140\%\] {
    background-size: auto 140%;
  }
  .bg-size-\[auto_170\%\] {
    background-size: auto 170%;
  }
  .bg-size-\[auto_200\%\] {
    background-size: auto 200%;
  }
  .bg-bottom {
    background-position: bottom;
  }
  .bg-position-\[30\%_70\%\] {
    background-position: 30% 70%;
  }
  .bg-position-\[40\%_30\%\] {
    background-position: 40% 30%;
  }
  .bg-position-\[47\%_37\%\] {
    background-position: 47% 37%;
  }
  .bg-position-\[50\%_50\%\] {
    background-position: 50% 50%;
  }
  .bg-position-\[50\%_70\%\] {
    background-position: 50% 70%;
  }
  .bg-position-\[77\%_20\%\] {
    background-position: 77% 20%;
  }
  .object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .p-0 {
    padding: 0;
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-\[calc\(var\(--pt\)\*var\(--breakpoint-x\)\)\] {
    padding-block: calc(var(--pt) * var(--breakpoint-x));
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-80 {
    padding-bottom: calc(var(--spacing) * 80);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-\[\.2em\] {
    vertical-align: .2em;
  }
  .align-\[\.15em\] {
    vertical-align: .15em;
  }
  .align-\[\.25em\] {
    vertical-align: .25em;
  }
  .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-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[3\.5rem\] {
    font-size: 3.5rem;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-gray {
    color: var(--color-gray);
  }
  .text-gray-dark {
    color: var(--color-gray-dark);
  }
  .text-indigo {
    color: var(--color-indigo);
  }
  .text-off-black {
    color: var(--color-off-black);
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-10 {
    opacity: 10%;
  }
  .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,);
  }
  .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-filter {
    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,);
  }
  .\[grid-area\:1\/1\] {
    grid-area: 1/1;
  }
  @media (hover: hover) {
    .hover\:text-off-black:hover {
      color: var(--color-off-black);
    }
  }
  @media (width < 56.25rem) {
    .max-md\:order-last {
      order: 9999;
    }
  }
  @media (width < 56.25rem) {
    .max-md\:max-w-100 {
      max-width: calc(var(--spacing) * 100);
    }
  }
  @media (width < 56.25rem) {
    .max-md\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  @media (width < 56.25rem) {
    .max-md\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  @media (width < 56.25rem) {
    .max-md\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  @media (width < 56.25rem) {
    .max-md\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  @media (width < 37.5rem) {
    .max-sm\:hidden {
      display: none;
    }
  }
  @media (width >= 37.5rem) {
    .sm\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 37.5rem) {
    .sm\:hidden {
      display: none;
    }
  }
  @media (width >= 37.5rem) {
    .sm\:aspect-840\/430 {
      aspect-ratio: 840/430;
    }
  }
  @media (width >= 37.5rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 37.5rem) {
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 37.5rem) {
    .sm\:items-start {
      align-items: flex-start;
    }
  }
  @media (width >= 37.5rem) {
    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 37.5rem) {
    .sm\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 37.5rem) {
    .sm\:bg-size-\[120\%\] {
      background-size: 120%;
    }
  }
  @media (width >= 37.5rem) {
    .sm\:bg-position-\[40\%_54\%\] {
      background-position: 40% 54%;
    }
  }
  @media (width >= 37.5rem) {
    .sm\:bg-position-\[40\%_65\%\] {
      background-position: 40% 65%;
    }
  }
  @media (width >= 56.25rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 56.25rem) {
    .md\:row-span-2 {
      grid-row: span 2 / span 2;
    }
  }
  @media (width >= 56.25rem) {
    .md\:my-10 {
      margin-block: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 56.25rem) {
    .md\:my-12 {
      margin-block: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 56.25rem) {
    .md\:my-16 {
      margin-block: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 56.25rem) {
    .md\:my-20 {
      margin-block: calc(var(--spacing) * 20);
    }
  }
  @media (width >= 56.25rem) {
    .md\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 56.25rem) {
    .md\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 56.25rem) {
    .md\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 56.25rem) {
    .md\:mt-16 {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 56.25rem) {
    .md\:mt-24 {
      margin-top: calc(var(--spacing) * 24);
    }
  }
  @media (width >= 56.25rem) {
    .md\:mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 56.25rem) {
    .md\:mb-16 {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 56.25rem) {
    .md\:mb-20 {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  @media (width >= 56.25rem) {
    .md\:aspect-2\/1 {
      aspect-ratio: 2/1;
    }
  }
  @media (width >= 56.25rem) {
    .md\:w-50 {
      width: calc(var(--spacing) * 50);
    }
  }
  @media (width >= 56.25rem) {
    .md\:w-\[265px\] {
      width: 265px;
    }
  }
  @media (width >= 56.25rem) {
    .md\:max-w-\[500px\] {
      max-width: 500px;
    }
  }
  @media (width >= 56.25rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 56.25rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 56.25rem) {
    .md\:grid-cols-\[1fr_2fr\] {
      grid-template-columns: 1fr 2fr;
    }
  }
  @media (width >= 56.25rem) {
    .md\:grid-rows-\[auto_1fr\] {
      grid-template-rows: auto 1fr;
    }
  }
  @media (width >= 56.25rem) {
    .md\:content-center {
      align-content: center;
    }
  }
  @media (width >= 56.25rem) {
    .md\:content-end {
      align-content: flex-end;
    }
  }
  @media (width >= 56.25rem) {
    .md\:justify-center {
      justify-content: center;
    }
  }
  @media (width >= 56.25rem) {
    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 56.25rem) {
    .md\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 56.25rem) {
    .md\:gap-x-12 {
      -moz-column-gap: calc(var(--spacing) * 12);
           column-gap: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 56.25rem) {
    .md\:bg-size-\[100\%_auto\] {
      background-size: 100% auto;
    }
  }
  @media (width >= 56.25rem) {
    .md\:bg-size-\[auto_280\%\] {
      background-size: auto 280%;
    }
  }
  @media (width >= 56.25rem) {
    .md\:bg-size-\[auto_290\%\] {
      background-size: auto 290%;
    }
  }
  @media (width >= 56.25rem) {
    .md\:bg-position-\[0\%_50\%\] {
      background-position: 0% 50%;
    }
  }
  @media (width >= 56.25rem) {
    .md\:bg-position-\[0\%_64\%\] {
      background-position: 0% 64%;
    }
  }
  @media (width >= 56.25rem) {
    .md\:bg-position-\[50\%_63\%\] {
      background-position: 50% 63%;
    }
  }
  @media (width >= 56.25rem) {
    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 56.25rem) {
    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 56.25rem) {
    .md\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 56.25rem) {
    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 56.25rem) {
    .md\:py-\[8\%\] {
      padding-block: 8%;
    }
  }
  @media (width >= 56.25rem) {
    .md\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 56.25rem) {
    .md\:pb-0 {
      padding-bottom: 0;
    }
  }
  @media (width >= 75rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 75rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 75rem) {
    .lg\:gap-32 {
      gap: calc(var(--spacing) * 32);
    }
  }
  @media (width >= 75rem) {
    .lg\:bg-size-\[100\%\] {
      background-size: 100%;
    }
  }
  @media (width >= 75rem) {
    .lg\:bg-position-\[50\%_80\%\] {
      background-position: 50% 80%;
    }
  }
  @media (width >= 75rem) {
    .lg\:py-\[12\%\] {
      padding-block: 12%;
    }
  }
}
.swiper {
  --swiper-pagination-color: var(--color-gray-dark);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-bullet-size: .5rem;
  --swiper-pagination-bullet-inactive-color: var(--color-gray-light);
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 4px;
  --swiper-scrollbar-sides-offset: 0%;
  --swiper-scrollbar-bg-color: var(--color-gray-light);
  --swiper-scrollbar-drag-bg-color: var(--color-gray-dark);
  --swiper-scrollbar-size: 4px;
}
.swiper--has-scrollbar {
  padding-bottom: calc(var(--spacing) * 4) !important;
}
.swiper-slide {
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.swiper-navigation {
  pointer-events: none;
}
.swiper-navigation .swiper-nav-prev, .swiper-navigation .swiper-nav-next {
  pointer-events: auto;
}
.swiper-navigation--hide-disabled .btn:disabled {
  --tw-scale-x: 0%;
  --tw-scale-y: 0%;
  --tw-scale-z: 0%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  opacity: 0%;
}
.swiper .swiper-button-lock {
  display: none;
}
.swiper .swiper-pagination {
  position: static;
  margin-top: calc(var(--spacing) * 6);
  display: flex;
  justify-content: center;
  --tw-leading: 1;
  line-height: 1;
}
.swiper .swiper-pagination:empty {
  display: none;
}
@layer base {
  :root {
    --header-height: 88px;
    interpolate-size: allow-keywords;
  }
  @media (width >= 60rem) {
    :root {
      --header-height: 136px;
    }
  }
  html {
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  body {
    overflow-x: hidden;
    background-color: var(--color-cream-light);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    color: var(--color-off-black);
    font-optical-sizing: auto;
  }
  a {
    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));
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  * {
    scroll-margin-top: var(--header-height);
  }
}
.container {
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-padding-x);
  --container-max-width: 90rem;
  --container-padding-x: 1.5rem;
  --container-space-x: calc((100vw - var(--scrollbar-width, 0px) - var(--container-width,100%)) * .5);
}
@media (width >= 56.25rem) {
  .container {
    --container-padding-x: 3rem;
  }
}
.container--xs {
  --container-max-width: 46rem;
}
.container--sm {
  --container-max-width: 61rem;
}
.container--md {
  --container-max-width: 76rem;
}
.container--full {
  --container-max-width: none;
}
.container.px-x0 {
  --container-padding-x: 0;
}
@media (width >= 56.25rem) {
  .container.px-x0 {
    --container-padding-x: 0;
  }
}
.container.px-x0\.5 {
  --container-padding-x: .75rem;
}
@media (width >= 56.25rem) {
  .container.px-x0\.5 {
    --container-padding-x: 1.5rem;
  }
}
.container .-mx-container {
  margin-inline: calc(max(var(--container-padding-x), var(--container-space-x)) * -1);
}
.container .px-container {
  padding-inline: max(var(--container-padding-x), var(--container-space-x));
}
@layer base {
  @font-face {
    font-family: 'GT America';
    src: url('./fonts/gt-america-standard-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'GT America';
    src: url('./fonts/gt-america-standard-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: 'GT America';
    src: url('./fonts/gt-america-standard-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'GT America';
    src: url('./fonts/gt-america-standard-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: 'GT America';
    src: url('./fonts/gt-america-standard-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'GT America';
    src: url('./fonts/gt-america-standard-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: 'GT America';
    src: url('./fonts/gt-america-standard-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'GT America';
    src: url('./fonts/gt-america-standard-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Ivory";
    src: url("./fonts/ivoryllvarsub-[wght].woff2") format("woff2");
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Ivory";
    src: url("./fonts/ivoryllvarsub-italic-[wght].woff2") format("woff2");
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Config Mono";
    src: url("./fonts/configmono-regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
  }
  :root {
    --fluid-from-screen: 360;
    --fluid-to-screen: 1800;
  }
  h1, h2, h3, h4, h5, h6, p, div, ul, ol, a, span, button, label, input, select, textarea, summary {
    --fluid-type-slope: calc(
                (var(--text-to) - var(--text-from)) /
                (var(--fluid-to-screen) - var(--fluid-from-screen))
        );
    --fluid-type-y-intercept: calc(
                (var(--text-from) - var(--fluid-type-slope) * var(--fluid-from-screen)) / 16 * 1rem
        );
    font-size: clamp( calc(var(--text-from) / 16 * 1rem), calc(var(--fluid-type-slope) * 100vw) + var(--fluid-type-y-intercept), calc(var(--text-to) / 16 * 1rem) );
  }
  .fixed-type, .fixed-type * {
    font-size: inherit;
  }
  :where(.wysiwyg) h1, .h1 {
    margin-bottom: .333em;
    font-family: var(--font-serif);
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-wrap: balance;
    --text-from: 32;
    --text-to: 48;
  }
  :where(.wysiwyg) h1.accent, :where(.wysiwyg) h1 .accent, :where(.wysiwyg) h1 em, .h1.accent, .h1 .accent, .h1 em {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    font-style: italic;
  }
  :where(.wysiwyg) :is(h1, .h1) {
    margin-top: 1.25em;
  }
  :where(.wysiwyg) h2, .h2 {
    margin-bottom: .333em;
    font-family: var(--font-serif);
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-wrap: balance;
    --text-from: 24;
    --text-to: 36;
  }
  :where(.wysiwyg) h2.accent, :where(.wysiwyg) h2 .accent, :where(.wysiwyg) h2 em, .h2.accent, .h2 .accent, .h2 em {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    font-style: italic;
  }
  :where(.wysiwyg) :is(h2, .h2) {
    margin-top: 1.25em;
  }
  :where(.wysiwyg) h3, .h3 {
    margin-bottom: .5em;
    font-family: var(--font-serif);
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-wrap: balance;
    --text-from: 20;
    --text-to: 24;
  }
  :where(.wysiwyg) h3.accent, :where(.wysiwyg) h3 .accent, :where(.wysiwyg) h3 em, .h3.accent, .h3 .accent, .h3 em {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    font-style: italic;
  }
  :where(.wysiwyg) :is(h3, .h3) {
    margin-top: 1.5em;
  }
  :where(.wysiwyg) h4, .h4 {
    margin-bottom: .5em;
    font-family: var(--font-serif);
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    --text-from: 18;
    --text-to: 20;
  }
  :where(.wysiwyg) h4.accent, :where(.wysiwyg) h4 .accent, :where(.wysiwyg) h4 em, .h4.accent, .h4 .accent, .h4 em {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    font-style: italic;
  }
  :where(.wysiwyg) :is(h4, .h4) {
    margin-top: 1.5em;
  }
  :where(.wysiwyg) h5, .h5 {
    margin-bottom: .5em;
    font-family: var(--font-serif);
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    --text-from: 16;
    --text-to: 18;
  }
  :where(.wysiwyg) h5.accent, :where(.wysiwyg) h5 .accent, :where(.wysiwyg) h5 em, .h5.accent, .h5 .accent, .h5 em {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    font-style: italic;
  }
  :where(.wysiwyg) :is(h5, .h5) {
    margin-top: 1.5em;
  }
  :where(.wysiwyg) h6, .h6 {
    margin-bottom: .5em;
    font-family: var(--font-serif);
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    --text-from: 14;
    --text-to: 16;
  }
  :where(.wysiwyg) h6.accent, :where(.wysiwyg) h6 .accent, :where(.wysiwyg) h6 em, .h6.accent, .h6 .accent, .h6 em {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    font-style: italic;
  }
  :where(.wysiwyg) :is(h6, .h6) {
    margin-top: 1em;
  }
  :where(.wysiwyg) .subhead, .subhead {
    margin-bottom: .25em;
    font-family: var(--font-mono);
    --tw-leading: 1.2;
    line-height: 1.2;
    --text-from: 14;
    --text-to: 18;
  }
  :where(.wysiwyg) :is(.subhead) {
    margin-top: 1em;
  }
  :where(.wysiwyg) .subhead-2, .subhead-2 {
    margin-bottom: .25em;
    font-family: var(--font-mono);
    --tw-leading: 1.2;
    line-height: 1.2;
    --text-from: 11;
    --text-to: 14;
  }
  :where(.wysiwyg) :is(.subhead-2) {
    margin-top: 1em;
  }
  .body-1 {
    --text-from: 18;
    --text-to: 22;
  }
  .body-2 {
    --text-from: 14;
    --text-to: 18;
  }
  .body-3 {
    --text-from: 12;
    --text-to: 12;
  }
  .fine-print {
    --text-from: 9;
    --text-to: 9;
  }
  .eyebrow {
    font-family: var(--font-mono);
    --text-from: 14;
    --text-to: 18;
  }
}
@layer base {
  [data-theme] {
    background-color: var(--bg-color,transparent);
    color: var(--text-color,var(--color-off-black));
    --logo-color: var(--text-color);
  }
  [data-theme="light"] {
    --text-color: var(--color-off-black);
    --btn-primary-text: var(--color-white);
    --btn-primary-bg: var(--color-off-black);
    --btn-primary-text-hover: var(--color-white);
    --btn-primary-bg-hover: var(--color-off-black);
    --btn-secondary-text: var(--color-off-black);
    --btn-secondary-bg: var(--color-transparent);
    --btn-secondary-text-hover: var(--color-off-black);
    --btn-secondary-bg-hover: var(--color-transparent);
  }
  [data-theme="dark"] {
    --text-color: var(--color-white);
    --btn-primary-text: var(--color-off-black);
    --btn-primary-bg: var(--color-white);
    --btn-primary-text-hover: var(--color-off-black);
    --btn-primary-bg-hover: var(--color-white);
    --btn-secondary-text: var(--color-white);
    --btn-secondary-bg: var(--color-transparent);
    --btn-secondary-text-hover: var(--color-white);
    --btn-secondary-bg-hover: var(--color-transparent);
  }
}
@layer components {
  :where(.wysiwyg) {
    min-width: 0;
  }
  :where(.wysiwyg) :is( h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .subhead, .subhead-2, .eyebrow, .body-1, .body-2, .body-3 ) + :is( h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .subhead, .subhead-2, .eyebrow, .body-1, .body-2, .body-3 ) {
    margin-top: 0;
  }
  :where(.wysiwyg) :is( h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .subhead, .subhead-2, .eyebrow, .body-1, .body-2, .body-3 ):has(+ :is( h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .subhead, .subhead-2, .eyebrow, .body-1, .body-2, .body-3 )) {
    margin-bottom: calc(var(--spacing) * 4);
  }
  :where(.wysiwyg) a {
    text-decoration-line: underline;
  }
  @media (hover: hover) {
    :where(.wysiwyg) a:hover {
      text-decoration-line: none;
    }
  }
  :where(.wysiwyg) p {
    margin-bottom: 1em;
  }
  :where(.wysiwyg) ul, :where(.wysiwyg) ol {
    margin-block: 2em;
  }
  :where(.wysiwyg) ul ul, :where(.wysiwyg) ul ol, :where(.wysiwyg) ol ul, :where(.wysiwyg) ol ol {
    margin-block: 1.25em;
  }
  :where(.wysiwyg) li:not(:last-child) {
    margin-bottom: .75em;
  }
  :where(.wysiwyg) a {
    text-decoration-line: underline;
  }
  @media (hover: hover) {
    :where(.wysiwyg) a:hover {
      text-decoration-line: none;
    }
  }
  :where(.wysiwyg) hr {
    margin-block: calc(var(--spacing) * 8);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-light);
  }
  @media (width >= 56.25rem) {
    :where(.wysiwyg) hr {
      margin-block: calc(var(--spacing) * 12);
    }
  }
  :where(.wysiwyg) img {
    margin-inline: auto;
    margin-block: calc(var(--spacing) * 10);
  }
  :where(.wysiwyg) img:last-child {
    margin-bottom: 0;
  }
  @media (width >= 56.25rem) {
    :where(.wysiwyg) img {
      margin-block: calc(var(--spacing) * 12);
    }
  }
  :where(.wysiwyg) img.alignleft {
    margin-left: 0;
  }
  :where(.wysiwyg) table, :where(.wysiwyg) .table-responsive {
    margin-bottom: 1em;
  }
  :where(.wysiwyg) .table-responsive table {
    margin-bottom: 0;
  }
  :where(.wysiwyg) > :first-child {
    margin-top: 0;
  }
  :where(.wysiwyg) > :last-child:not(:only-child) {
    margin-bottom: 0;
  }
  .wysiwyg__cols {
    display: grid;
    -moz-column-gap: calc(var(--spacing) * 6);
         column-gap: calc(var(--spacing) * 6);
    row-gap: calc(var(--spacing) * 10);
  }
  @media (width >= 56.25rem) {
    .wysiwyg__cols {
      grid-auto-columns: minmax(0, 1fr);
    }
  }
  @media (width >= 56.25rem) {
    .wysiwyg__cols {
      grid-auto-flow: column;
    }
  }
}
@layer components {
  .form {
    display: grid;
    gap: calc(var(--spacing) * 3);
  }
  .form__header > :last-child {
    margin-bottom: 0;
  }
  .form__main {
    display: grid;
    gap: calc(var(--spacing) * 3);
  }
  .form__actions {
    margin-top: calc(var(--spacing) * 3);
    text-align: left;
  }
  .form-group {
    text-align: left;
  }
  .form-group:has([disabled]) .form-label {
    opacity: var(--opacity-form-disabled);
  }
  .form-label {
    margin-bottom: calc(var(--spacing) * 2);
    display: inline-block;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-gray);
  }
  .form-control {
    display: block;
    height: var(--size);
    width: 100%;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray);
    background-color: var(--color-white);
    padding-inline: var(--px);
    padding-block: var(--py);
    color: var(--color-gray-dark);
  }
  .form-control::-moz-placeholder {
    color: var(--color-gray);
  }
  .form-control::placeholder {
    color: var(--color-gray);
  }
  .form-control {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
    --px: 1rem;
    --py: .5rem;
    --size: 2rem;
    --text-from: 12;
    --text-to: 18;
  }
  .form-control:focus {
    border-color: var(--color-gray-dark);
  }
  .form-control:disabled {
    opacity: var(--opacity-form-disabled);
  }
  @media (width < 56.25rem) {
    .form-control {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  @media (width >= 56.25rem) {
    .form-control {
      --py: .75rem;
    }
  }
  @media (width >= 56.25rem) {
    .form-control {
      --size: 2.5rem;
    }
  }
  .form-check, .form-radio {
    display: flex;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .form-check__control, .form-radio__control {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
    flex-shrink: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray);
    background-color: var(--color-white);
    background-image: var(--background-image-check);
    background-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    will-change: transform;
    --tw-outline-style: none;
    outline-style: none;
  }
  .form-check__control:checked, .form-radio__control:checked {
    border-color: var(--color-gray-dark);
  }
  .form-check__control:checked, .form-radio__control:checked {
    background-color: var(--color-gray-dark);
  }
  .form-check__control:checked, .form-radio__control:checked {
    background-size: .75rem;
  }
  .form-check__control:disabled, .form-radio__control:disabled {
    opacity: var(--opacity-form-disabled);
  }
  .form-check__label, .form-radio__label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-off-black);
  }
  .form-check:has([disabled]) .form-check__label, .form-check:has([disabled]) .form-radio__label, .form-radio:has([disabled]) .form-check__label, .form-radio:has([disabled]) .form-radio__label {
    opacity: var(--opacity-form-disabled);
  }
  .form-radio__control {
    border-radius: calc(infinity * 1px);
    background-image: var(--background-image-radio);
  }
  .form-radio__control:checked {
    background-size: .75rem;
  }
}
select.form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: var(--background-image-select);
  background-size: 1.5rem;
  background-position: center right 1rem;
  background-repeat: no-repeat;
  padding-right: calc(var(--spacing) * 10);
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
@layer components {
  .icon, .icon > svg {
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    shape-rendering: geometricPrecision;
  }
  .icon > svg {
    display: block;
  }
}
@layer components {
  .btn {
    display: inline-flex;
    min-height: var(--size);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    -moz-column-gap: calc(var(--spacing) * 2);
         column-gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: var(--border-width);
    border-color: currentcolor;
    padding-inline: calc(var(--px) - var(--border-width,0px));
    padding-block: calc(var(--py) - var(--border-width,0px));
    text-align: center;
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-decoration-line: none;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
    --border-width: 0px;
    --icon-size: 1.125em;
    --icon-translate: .5rem;
    --px: 1.5rem;
    --py: .5rem;
    --size: 2rem;
    --text-from: 12;
    --text-to: 18;
  }
  .btn:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
  }
  .btn:focus-visible {
    --tw-ring-color: var(--color-indigo);
  }
  .btn:disabled {
    opacity: var(--opacity-btn-disabled);
  }
  @media (width >= 56.25rem) {
    .btn {
      --px: 2rem;
    }
  }
  @media (width >= 56.25rem) {
    .btn {
      --py: .75rem;
    }
  }
  @media (width >= 56.25rem) {
    .btn {
      --size: 2.5rem;
    }
  }
  .btn.btn--disabled {
    pointer-events: none;
    cursor: default;
    opacity: var(--opacity-btn-disabled);
  }
  .btn--primary {
    background-color: var(--btn-primary-bg,var(--color-off-black));
    padding-inline: calc(var(--px) - var(--border-width,0px));
    padding-block: calc(var(--py) - var(--border-width,0px));
    color: var(--btn-primary-text,var(--color-white));
    --border-width: 0px;
  }
  @media (hover: hover) {
    .btn--primary:enabled:hover {
      background-color: var(--btn-primary-bg-hover,var(--color-off-black));
    }
  }
  @media (hover: hover) {
    .btn--primary:enabled:hover {
      color: var(--btn-primary-text-hover,var(--color-white));
    }
  }
  @media (hover: hover) {
    .btn--primary:is(a:not(.btn--disabled)):hover, .btn--primary:is(summary:not(.btn--disabled)):hover {
      background-color: var(--btn-primary-bg-hover,var(--color-off-black));
    }
  }
  @media (hover: hover) {
    .btn--primary:is(a:not(.btn--disabled)):hover, .btn--primary:is(summary:not(.btn--disabled)):hover {
      color: var(--btn-primary-text-hover,var(--color-white));
    }
  }
  .btn--secondary {
    background-color: var(--btn-secondary-bg,var(--color-transparent));
    padding-inline: calc(var(--px) - var(--border-width,0px));
    padding-block: calc(var(--py) - var(--border-width,0px));
    color: var(--btn-secondary-text,var(--color-off-black));
    --border-width: 1px;
  }
  @media (hover: hover) {
    .btn--secondary:enabled:hover {
      background-color: var(--btn-secondary-bg,var(--color-transparent));
    }
  }
  @media (hover: hover) {
    .btn--secondary:enabled:hover {
      color: var(--btn-secondary-text,var(--color-off-black));
    }
  }
  @media (hover: hover) {
    .btn--secondary:is(a:not(.btn--disabled)):hover, .btn--secondary:is(summary:not(.btn--disabled)):hover {
      background-color: var(--btn-secondary-bg,var(--color-transparent));
    }
  }
  @media (hover: hover) {
    .btn--secondary:is(a:not(.btn--disabled)):hover, .btn--secondary:is(summary:not(.btn--disabled)):hover {
      color: var(--btn-secondary-text,var(--color-off-black));
    }
  }
  .btn--secondary.btn--circle {
    padding-inline: calc(var(--py) - var(--border-width,0px));
  }
  .btn--text {
    min-height: 0;
    border-radius: var(--radius-sm);
    background-color: transparent;
    color: var(--color-off-black);
    --icon-size: 1.125em;
    --px: 0;
    --py: .25rem;
    --size: 0;
    --text-from: 12;
    --text-to: 18;
  }
  @media (hover: hover) {
    .btn--text:enabled:hover {
      background-color: transparent;
    }
  }
  @media (hover: hover) {
    .btn--text:enabled:hover {
      color: var(--color-off-black);
    }
  }
  @media (hover: hover) {
    .btn--text:is(a:not(.btn--disabled)):hover, .btn--text:is(summary:not(.btn--disabled)):hover {
      background-color: transparent;
    }
  }
  @media (hover: hover) {
    .btn--text:is(a:not(.btn--disabled)):hover, .btn--text:is(summary:not(.btn--disabled)):hover {
      color: var(--color-off-black);
    }
  }
  .btn--circle {
    width: var(--size);
    --px: 0;
    --py: 0;
  }
  .btn .icon {
    font-size: var(--icon-size);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .btn--arrow-left:hover .icon--left {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .btn--arrow-right:hover .icon--right {
    --tw-translate-x: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .btn--hover-arrow {
    position: relative;
    --tw-duration: 250ms;
    transition-duration: 250ms;
    --shift: .5rem;
  }
  .btn--hover-arrow::after {
    position: absolute;
    right: calc(var(--spacing) * 3.5);
    width: var(--icon-size);
    height: var(--icon-size);
    --tw-translate-x: var(--shift);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-image: var(--background-image-arrow-right);
    background-size: contain;
    background-position: center;
    opacity: 0%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-content: '';
    content: var(--tw-content);
  }
  .btn--hover-arrow:hover {
    padding-right: calc(var(--px) + var(--shift));
    padding-left: calc(var(--px) - var(--shift));
    --direction: 2;
  }
  .btn--hover-arrow:hover::after {
    --tw-translate-x: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 100%;
  }
  [data-theme="light"] .btn--hover-arrow::after {
    --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,);
  }
  [data-theme="light"] [data-theme="dark"] .btn--hover-arrow::after {
    --tw-invert: invert(0%);
    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,);
  }
  [data-theme="dark"] .btn--hover-arrow::after {
    --tw-invert: invert(0%);
    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,);
  }
  [data-theme="dark"] [data-theme="light"] .btn--hover-arrow::after {
    --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,);
  }
  .no-btn {
    min-height: 0;
    border-radius: var(--radius-sm);
    padding: 0;
    --size: 0;
  }
}
@layer components {
  .module {
    --mt-x-default: 0;
    --mb-x-default: 0;
    --pt-x-default: 1;
    --pb-x-default: 1;
  }
  .module-container {
    --mt-x-default: 0;
    --mb-x-default: 0;
    --pt-x-default: 0;
    --pb-x-default: 0;
  }
  .module, .module-container {
    --mt: 8rem;
    --mb: 8rem;
    --pt: 8rem;
    --pb: 8rem;
    position: relative;
    --breakpoint-x: .5;
  }
  @media (width >= 56.25rem) {
    .module, .module-container {
      --breakpoint-x: .75;
    }
  }
  @media (width >= 93.75rem) {
    .module, .module-container {
      --breakpoint-x: 1;
    }
  }
  .module, .module-container {
    margin-top: calc(var(--mt) * var(--mt-x,var(--mt-x-default)) * var(--breakpoint-x));
    margin-bottom: calc(var(--mb) * var(--mb-x,var(--mb-x-default)) * var(--breakpoint-x));
    padding-top: calc((var(--pt) * var(--pt-x,var(--pt-x-default)) * var(--breakpoint-x)) + var(--pt-extra,0px));
    padding-bottom: calc(var(--pb) * var(--pb-x,var(--pb-x-default)) * var(--breakpoint-x));
  }
  .module.mt-x0, .module .mt-x0, .module-container.mt-x0, .module-container .mt-x0 {
    --mt-x: 0;
  }
  .module.mt-x0\.25, .module .mt-x0\.25, .module-container.mt-x0\.25, .module-container .mt-x0\.25 {
    --mt-x: .25;
  }
  .module.mt-x0\.5, .module .mt-x0\.5, .module-container.mt-x0\.5, .module-container .mt-x0\.5 {
    --mt-x: .5;
  }
  .module.mt-x0\.75, .module .mt-x0\.75, .module-container.mt-x0\.75, .module-container .mt-x0\.75 {
    --mt-x: .75;
  }
  .module.mt-x1, .module .mt-x1, .module-container.mt-x1, .module-container .mt-x1 {
    --mt-x: 1;
  }
  .module.mt-x1\.25, .module .mt-x1\.25, .module-container.mt-x1\.25, .module-container .mt-x1\.25 {
    --mt-x: 1.25;
  }
  .module.mt-x1\.5, .module .mt-x1\.5, .module-container.mt-x1\.5, .module-container .mt-x1\.5 {
    --mt-x: 1.5;
  }
  .module.mt-x1\.75, .module .mt-x1\.75, .module-container.mt-x1\.75, .module-container .mt-x1\.75 {
    --mt-x: 1.75;
  }
  .module.mt-x2, .module .mt-x2, .module-container.mt-x2, .module-container .mt-x2 {
    --mt-x: 2;
  }
  .module.mb-x0, .module .mb-x0, .module-container.mb-x0, .module-container .mb-x0 {
    --mb-x: 0;
  }
  .module.mb-x0\.25, .module .mb-x0\.25, .module-container.mb-x0\.25, .module-container .mb-x0\.25 {
    --mb-x: .25;
  }
  .module.mb-x0\.5, .module .mb-x0\.5, .module-container.mb-x0\.5, .module-container .mb-x0\.5 {
    --mb-x: .5;
  }
  .module.mb-x0\.75, .module .mb-x0\.75, .module-container.mb-x0\.75, .module-container .mb-x0\.75 {
    --mb-x: .75;
  }
  .module.mb-x1, .module .mb-x1, .module-container.mb-x1, .module-container .mb-x1 {
    --mb-x: 1;
  }
  .module.mb-x1\.25, .module .mb-x1\.25, .module-container.mb-x1\.25, .module-container .mb-x1\.25 {
    --mb-x: 1.25;
  }
  .module.mb-x1\.5, .module .mb-x1\.5, .module-container.mb-x1\.5, .module-container .mb-x1\.5 {
    --mb-x: 1.5;
  }
  .module.mb-x1\.75, .module .mb-x1\.75, .module-container.mb-x1\.75, .module-container .mb-x1\.75 {
    --mb-x: 1.75;
  }
  .module.mb-x2, .module .mb-x2, .module-container.mb-x2, .module-container .mb-x2 {
    --mb-x: 2;
  }
  .module.pt-x0, .module .pt-x0, .module-container.pt-x0, .module-container .pt-x0 {
    --pt-x: 0;
  }
  .module.pt-x0\.25, .module .pt-x0\.25, .module-container.pt-x0\.25, .module-container .pt-x0\.25 {
    --pt-x: .25;
  }
  .module.pt-x0\.5, .module .pt-x0\.5, .module-container.pt-x0\.5, .module-container .pt-x0\.5 {
    --pt-x: .5;
  }
  .module.pt-x0\.75, .module .pt-x0\.75, .module-container.pt-x0\.75, .module-container .pt-x0\.75 {
    --pt-x: .75;
  }
  .module.pt-x1, .module .pt-x1, .module-container.pt-x1, .module-container .pt-x1 {
    --pt-x: 1;
  }
  .module.pt-x1\.25, .module .pt-x1\.25, .module-container.pt-x1\.25, .module-container .pt-x1\.25 {
    --pt-x: 1.25;
  }
  .module.pt-x1\.5, .module .pt-x1\.5, .module-container.pt-x1\.5, .module-container .pt-x1\.5 {
    --pt-x: 1.5;
  }
  .module.pt-x1\.75, .module .pt-x1\.75, .module-container.pt-x1\.75, .module-container .pt-x1\.75 {
    --pt-x: 1.75;
  }
  .module.pt-x2, .module .pt-x2, .module-container.pt-x2, .module-container .pt-x2 {
    --pt-x: 2;
  }
  .module.pt-ignore-header, .module .pt-ignore-header, .module-container.pt-ignore-header, .module-container .pt-ignore-header {
    --pt-extra: 0px !important;
  }
  .module.pb-x0, .module .pb-x0, .module-container.pb-x0, .module-container .pb-x0 {
    --pb-x: 0;
  }
  .module.pb-x0\.25, .module .pb-x0\.25, .module-container.pb-x0\.25, .module-container .pb-x0\.25 {
    --pb-x: .25;
  }
  .module.pb-x0\.5, .module .pb-x0\.5, .module-container.pb-x0\.5, .module-container .pb-x0\.5 {
    --pb-x: .5;
  }
  .module.pb-x0\.75, .module .pb-x0\.75, .module-container.pb-x0\.75, .module-container .pb-x0\.75 {
    --pb-x: .75;
  }
  .module.pb-x1, .module .pb-x1, .module-container.pb-x1, .module-container .pb-x1 {
    --pb-x: 1;
  }
  .module.pb-x1\.25, .module .pb-x1\.25, .module-container.pb-x1\.25, .module-container .pb-x1\.25 {
    --pb-x: 1.25;
  }
  .module.pb-x1\.5, .module .pb-x1\.5, .module-container.pb-x1\.5, .module-container .pb-x1\.5 {
    --pb-x: 1.5;
  }
  .module.pb-x1\.75, .module .pb-x1\.75, .module-container.pb-x1\.75, .module-container .pb-x1\.75 {
    --pb-x: 1.75;
  }
  .module.pb-x2, .module .pb-x2, .module-container.pb-x2, .module-container .pb-x2 {
    --pb-x: 2;
  }
  .module.bg-dot-grid, .module-container.bg-dot-grid {
    position: relative;
  }
  .module.bg-dot-grid::before, .module-container.bg-dot-grid::before {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 0;
    background-repeat: repeat;
    --tw-content: '';
    content: var(--tw-content);
    background-image: url('/launch-assets/dist/img/module-grid.svg');
  }
  .module.bg-dot-grid .module, .module.bg-dot-grid .container, .module-container.bg-dot-grid .module, .module-container.bg-dot-grid .container {
    position: relative;
    z-index: 1;
  }
  .module.bg-dot-grid--fade-top::before, .module-container.bg-dot-grid--fade-top::before {
    mask-image: linear-gradient(to top, black calc(100% - 200px), transparent 100%);
    -webkit-mask-image: linear-gradient(to top, black calc(100% - 200px), transparent 100%);
  }
  .module.bg-dot-grid--fade-bottom::before, .module-container.bg-dot-grid--fade-bottom::before {
    mask-image: linear-gradient(to bottom, black calc(100% - 200px), transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 200px), transparent 100%);
  }
  .module.bg-dot-grid--fade-1\/4::before, .module-container.bg-dot-grid--fade-1\/4::before {
    mask-image: linear-gradient(to bottom, black 25%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 25%, transparent 100%);
  }
  .module[data-variant="cream"] {
    --bg-color: var(--color-cream);
  }
  .module[data-variant="cream-light"] {
    --bg-color: var(--color-cream-light);
  }
  .module[data-variant="cream-light-to-cream"] {
    --tw-gradient-position: to bottom;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .module[data-variant="cream-light-to-cream"] {
      --tw-gradient-position: to bottom in oklab;
    }
  }
  .module[data-variant="cream-light-to-cream"] {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-cream-light);
    --tw-gradient-to: var(--color-cream);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .module[data-variant="cream-to-cream-light"] {
    --tw-gradient-position: to bottom;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .module[data-variant="cream-to-cream-light"] {
      --tw-gradient-position: to bottom in oklab;
    }
  }
  .module[data-variant="cream-to-cream-light"] {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-cream);
    --tw-gradient-to: var(--color-cream-light);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .page-wrapper > .module:first-of-type, .page-wrapper > .module-container:first-of-type > .module:first-of-type {
    --pt-extra: var(--header-height);
  }
}
@layer components {
  .header {
    pointer-events: none;
    position: fixed;
    inset-inline: 0;
    top: 0;
    z-index: 10;
    touch-action: manipulation;
    background-color: transparent;
    --tw-gradient-position: to bottom;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .header {
      --tw-gradient-position: to bottom in oklab;
    }
  }
  .header {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, var(--color-off-black) 15%, transparent);
    --tw-gradient-to: color-mix(in oklab, var(--color-off-black) 0%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  @media (width >= 60rem) {
    .header > * {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  @media (width >= 60rem) {
    .header > * {
      opacity: 0%;
    }
  }
  @media (width >= 60rem) {
    .header > * {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  @media (width >= 60rem) {
    .header > * {
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
  }
  @media (width >= 60rem) {
    .header.theme-loaded > * {
      --tw-translate-y: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  @media (width >= 60rem) {
    .header.theme-loaded > * {
      opacity: 100%;
    }
  }
  .header__brand {
    flex-shrink: 0;
  }
  .header__brand-logo {
    height: auto;
    width: calc(var(--spacing) * 30);
  }
  .header__brand-logo path {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 6);
  }
  :is(.header__container > *) {
    pointer-events: auto;
  }
  @media (width >= 60rem) {
    .header__container {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  @media (width < 60rem) {
    .header__action .btn {
      --btn-primary-bg: var(--color-off-black);
    }
  }
  @media (width < 60rem) {
    .header__action .btn {
      --btn-primary-text: var(--color-white);
    }
  }
  .header[data-theme] .nav__menu {
    --active-item-bg-color: color-mix(in srgb, #fff, transparent 0%);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .header[data-theme] .nav__menu {
      --active-item-bg-color: color-mix(in srgb, var(--color-white), transparent 0%);
    }
  }
  .header[data-theme="dark"] .nav__menu {
    --active-item-bg-color: color-mix(in srgb, #1c1c1e, transparent 0%);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .header[data-theme="dark"] .nav__menu {
      --active-item-bg-color: color-mix(in srgb, var(--color-off-black), transparent 0%);
    }
  }
}
@layer components {
  .nav {
    overscroll-behavior: contain;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  @media (width < 60rem) {
    .nav {
      background-color: color-mix(in srgb, #e0e0e0 10%, transparent);
      --tw-backdrop-blur: blur(var(--blur-sm));
      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,);
      box-shadow: inset 4px 0 10px -6px color-mix(in srgb, #1c1c1e, transparent 95%), inset 0 4px 10px -6px color-mix(in srgb, #1c1c1e, transparent 95%),  inset -4px 0 4px -4px color-mix(in srgb, #fff, transparent 25%), inset 0 -4px 4px -4px color-mix(in srgb, #fff, transparent 25%);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .nav {
        background-color: color-mix(in oklab, var(--color-glass) 10%, transparent);
      }
    }
    @supports (color: color-mix(in lab, red, red)) {
      .nav {
        box-shadow: inset 4px 0 10px -6px color-mix(in srgb, var(--color-off-black), transparent 95%), inset 0 4px 10px -6px color-mix(in srgb, var(--color-off-black), transparent 95%),  inset -4px 0 4px -4px color-mix(in srgb, var(--color-white), transparent 25%), inset 0 -4px 4px -4px color-mix(in srgb, var(--color-white), transparent 25%);
      }
    }
    .nav::before {
      --bg-border: linear-gradient(to bottom right,
            color-mix(in srgb, #fff, transparent 50%) 0%,
            color-mix(in srgb, #fff, transparent 70%) 40%,
            color-mix(in srgb, #fff, transparent 100%) 50%,
            color-mix(in srgb, #fff, transparent 70%) 60%,
            color-mix(in srgb, #fff, transparent 50%) 100%
        );
    }
    @supports (color: color-mix(in lab, red, red)) {
      .nav::before {
        --bg-border: linear-gradient(to bottom right,
            color-mix(in srgb, var(--color-white), transparent 50%) 0%,
            color-mix(in srgb, var(--color-white), transparent 70%) 40%,
            color-mix(in srgb, var(--color-white), transparent 100%) 50%,
            color-mix(in srgb, var(--color-white), transparent 70%) 60%,
            color-mix(in srgb, var(--color-white), transparent 50%) 100%
        );
      }
    }
    .nav::before {
      content: '';
      position: absolute;
      inset: 0;
      padding: 1px;
      border-radius: inherit;
      background: var(--bg-border);
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
    }
  }
  @media (width < 60rem) {
    .nav {
      visibility: hidden;
    }
  }
  @media (width < 60rem) {
    .nav {
      position: fixed;
    }
  }
  @media (width < 60rem) {
    .nav {
      inset: var(--container-padding-x);
    }
  }
  @media (width < 60rem) {
    .nav {
      top: calc(var(--header-height) - .75rem);
    }
  }
  @media (width < 60rem) {
    .nav {
      display: flex;
    }
  }
  @media (width < 60rem) {
    .nav {
      flex-direction: column;
    }
  }
  @media (width < 60rem) {
    .nav {
      gap: calc(var(--spacing) * 3);
    }
  }
  @media (width < 60rem) {
    .nav {
      border-radius: var(--radius-3xl);
    }
  }
  @media (width < 60rem) {
    .nav {
      padding: calc(var(--spacing) * 3);
    }
  }
  @media (width < 60rem) {
    .nav {
      color: var(--text-color);
    }
  }
  @media (width < 60rem) {
    .nav {
      opacity: 0%;
    }
  }
  @media (width < 60rem) {
    .nav {
      --tw-blur: blur(var(--blur-xs));
      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,);
    }
  }
  @media (width < 60rem) {
    .nav {
      --text-color: var(--color-off-black);
    }
  }
  @media (width >= 60rem) {
    .nav {
      display: contents;
    }
  }
  @media (width < 60rem) {
    .nav__container {
      display: flex;
    }
  }
  @media (width < 60rem) {
    .nav__container {
      min-height: 0;
    }
  }
  @media (width < 60rem) {
    .nav__container {
      flex-grow: 1;
    }
  }
  @media (width < 60rem) {
    .nav__container {
      flex-direction: column;
    }
  }
  @media (width < 60rem) {
    .nav__container {
      overflow-x: hidden;
    }
  }
  @media (width < 60rem) {
    .nav__container {
      overflow-y: auto;
    }
  }
  @media (width < 60rem) {
    .nav__container {
      border-radius: var(--radius-xl);
    }
  }
  @media (width < 60rem) {
    .nav__container {
      background-color: var(--color-white);
    }
  }
  @media (width < 60rem) {
    .nav__container {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  @media (width < 60rem) {
    .nav__container {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 60rem) {
    .nav__container {
      display: contents;
    }
  }
  .nav__preview {
    position: relative;
    display: block;
    aspect-ratio: 14/6;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: var(--radius-lg);
    background-color: var(--color-cream);
  }
  @media (width >= 60rem) {
    .nav__preview {
      display: none;
    }
  }
  .nav__preview-media {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .nav__preview-media--active {
    opacity: 100%;
  }
  .nav__menu-container {
    flex-grow: 1;
  }
  @media (width < 60rem) {
    .nav__menu-container {
      padding-top: var(--spacing);
    }
  }
  @media (width >= 60rem) {
    .nav__menu-container {
      display: contents;
    }
  }
  @media (width >= 60rem) {
    .nav__menu {
      display: flex;
    }
  }
  @media (width >= 60rem) {
    .nav__menu {
      gap: calc(var(--spacing) * 2);
    }
  }
  .nav__menu-item__container {
    cursor: pointer;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (width >= 60rem) {
    .nav__menu-item__container {
      background-color: color-mix(in srgb, #e0e0e0 10%, transparent);
      --tw-backdrop-blur: blur(var(--blur-sm));
      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,);
      box-shadow: inset 4px 0 10px -6px color-mix(in srgb, #1c1c1e, transparent 95%), inset 0 4px 10px -6px color-mix(in srgb, #1c1c1e, transparent 95%),  inset -4px 0 4px -4px color-mix(in srgb, #fff, transparent 25%), inset 0 -4px 4px -4px color-mix(in srgb, #fff, transparent 25%);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .nav__menu-item__container {
        background-color: color-mix(in oklab, var(--color-glass) 10%, transparent);
      }
    }
    @supports (color: color-mix(in lab, red, red)) {
      .nav__menu-item__container {
        box-shadow: inset 4px 0 10px -6px color-mix(in srgb, var(--color-off-black), transparent 95%), inset 0 4px 10px -6px color-mix(in srgb, var(--color-off-black), transparent 95%),  inset -4px 0 4px -4px color-mix(in srgb, var(--color-white), transparent 25%), inset 0 -4px 4px -4px color-mix(in srgb, var(--color-white), transparent 25%);
      }
    }
    .nav__menu-item__container::before {
      --bg-border: linear-gradient(to bottom right,
            color-mix(in srgb, #fff, transparent 50%) 0%,
            color-mix(in srgb, #fff, transparent 70%) 40%,
            color-mix(in srgb, #fff, transparent 100%) 50%,
            color-mix(in srgb, #fff, transparent 70%) 60%,
            color-mix(in srgb, #fff, transparent 50%) 100%
        );
    }
    @supports (color: color-mix(in lab, red, red)) {
      .nav__menu-item__container::before {
        --bg-border: linear-gradient(to bottom right,
            color-mix(in srgb, var(--color-white), transparent 50%) 0%,
            color-mix(in srgb, var(--color-white), transparent 70%) 40%,
            color-mix(in srgb, var(--color-white), transparent 100%) 50%,
            color-mix(in srgb, var(--color-white), transparent 70%) 60%,
            color-mix(in srgb, var(--color-white), transparent 50%) 100%
        );
      }
    }
    .nav__menu-item__container::before {
      content: '';
      position: absolute;
      inset: 0;
      padding: 1px;
      border-radius: inherit;
      background: var(--bg-border);
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
    }
  }
  @media (width >= 60rem) {
    .nav__menu-item__container {
      display: flex;
    }
  }
  @media (width >= 60rem) {
    .nav__menu-item__container {
      border-radius: calc(infinity * 1px);
    }
  }
  @media (width >= 60rem) {
    .nav__menu-item__container {
      padding: var(--spacing);
    }
  }
  .nav__menu-item__text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 6);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (width < 60rem) {
    .nav__menu-item__text {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  @media (width < 60rem) {
    .nav__menu-item__text {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  @media (width < 60rem) {
    .nav__menu-item__text {
      color: var(--color-gray);
    }
  }
  @media (width < 60rem) {
    @media (hover: hover) {
      .nav__menu-item__text:hover {
        color: var(--color-off-black);
      }
    }
  }
  @media (width >= 60rem) {
    .nav__menu-item__text {
      min-height: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 60rem) {
    .nav__menu-item__text {
      gap: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 60rem) {
    .nav__menu-item__text {
      border-radius: calc(infinity * 1px);
    }
  }
  @media (width >= 60rem) {
    .nav__menu-item__text {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 60rem) {
    .nav__menu-item__text {
      padding-block: calc(var(--spacing) * 0.5);
    }
  }
  @media (width >= 60rem) {
    .nav__menu-item__text {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  @media (width >= 60rem) {
    .nav__menu-item__text {
      --tw-tracking: var(--tracking-wider);
      letter-spacing: var(--tracking-wider);
    }
  }
  @media (width >= 60rem) {
    .nav__menu-item__text {
      color: var(--text-color);
    }
  }
  @media (width >= 75rem) {
    .nav__menu-item__text {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 75rem) {
    .nav__menu-item__text {
      font-size: var(--text-md);
    }
  }
  .nav__menu-item .icon {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (width < 60rem) {
    .nav__menu-item:not(:last-child) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  @media (width < 60rem) {
    .nav__menu-item:not(:last-child) {
      border-color: var(--color-gray-light);
    }
  }
  @media (width >= 60rem) {
    .nav__menu-item:has(.nav__submenu) .nav__menu-item__container .icon {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .nav__menu-item:has(.nav__submenu) .nav__menu-item__container .icon.arrow {
    display: none;
    rotate: 90deg;
  }
  @media (width >= 60rem) {
    .nav__menu-item:has(.nav__submenu) .nav__menu-item__container .icon.arrow {
      display: block;
    }
  }
  @media (width >= 60rem) {
    .nav__menu-item:has(.nav__submenu) .nav__menu-item__container .icon.plus {
      display: none;
    }
  }
  @media (width >= 60rem) {
    .nav__menu-item:not(.nav__menu-item:has(.nav__submenu)) .nav__menu-item__container .icon.arrow {
      display: none;
    }
  }
  @media (width < 60rem) {
    .nav__menu-item--submenu-open .nav__menu-item__text {
      color: var(--color-off-black);
    }
  }
  .nav__menu-item--submenu-open .nav__menu-item__text .icon.plus {
    rotate: 45deg;
  }
  .nav__menu-item--submenu-open .nav__submenu {
    grid-template-rows: 1fr;
  }
  .nav__menu-item--submenu-open .nav__submenu .nav__submenu-container {
    visibility: visible;
  }
  @media (min-width: 60rem) {
    @media (width >= 60rem) {
      .nav__menu-item:hover .nav__submenu, .nav__menu-item:focus-within .nav__submenu {
        visibility: visible;
      }
    }
    @media (width >= 60rem) {
      .nav__menu-item:hover .nav__submenu, .nav__menu-item:focus-within .nav__submenu {
        --tw-translate-y: 0;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    @media (width >= 60rem) {
      .nav__menu-item:hover .nav__submenu, .nav__menu-item:focus-within .nav__submenu {
        opacity: 100%;
      }
    }
    @media (width >= 60rem) {
      .nav__menu-item:hover .nav__submenu, .nav__menu-item:focus-within .nav__submenu {
        --tw-blur:  ;
        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,);
      }
    }
    .nav__menu-item:hover .nav__submenu::after, .nav__menu-item:focus-within .nav__submenu::after {
      position: absolute;
      inset-inline: 0;
      bottom: 100%;
      height: calc(var(--spacing) * 6);
      --tw-content: '';
      content: var(--tw-content);
    }
    .nav__menu-item:hover .nav__menu-item__container .icon.arrow, .nav__menu-item:focus-within .nav__menu-item__container .icon.arrow {
      rotate: calc(90deg * -1) !important;
    }
  }
  @media (width >= 60rem) {
    .nav__menu-item--active .nav__menu-item__text {
      background-color: var(--active-item-bg-color);
    }
  }
  .nav__submenu {
    color: var(--color-off-black);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  @media (width < 60rem) {
    .nav__submenu {
      display: grid;
    }
  }
  @media (width < 60rem) {
    .nav__submenu {
      grid-template-rows: 0fr;
    }
  }
  @media (width < 60rem) {
    .nav__submenu {
      overflow: hidden;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu {
      background-color: color-mix(in srgb, #e0e0e0 10%, transparent);
      --tw-backdrop-blur: blur(var(--blur-sm));
      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,);
      box-shadow: inset 4px 0 10px -6px color-mix(in srgb, #1c1c1e, transparent 95%), inset 0 4px 10px -6px color-mix(in srgb, #1c1c1e, transparent 95%),  inset -4px 0 4px -4px color-mix(in srgb, #fff, transparent 25%), inset 0 -4px 4px -4px color-mix(in srgb, #fff, transparent 25%);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .nav__submenu {
        background-color: color-mix(in oklab, var(--color-glass) 10%, transparent);
      }
    }
    @supports (color: color-mix(in lab, red, red)) {
      .nav__submenu {
        box-shadow: inset 4px 0 10px -6px color-mix(in srgb, var(--color-off-black), transparent 95%), inset 0 4px 10px -6px color-mix(in srgb, var(--color-off-black), transparent 95%),  inset -4px 0 4px -4px color-mix(in srgb, var(--color-white), transparent 25%), inset 0 -4px 4px -4px color-mix(in srgb, var(--color-white), transparent 25%);
      }
    }
    .nav__submenu::before {
      --bg-border: linear-gradient(to bottom right,
            color-mix(in srgb, #fff, transparent 50%) 0%,
            color-mix(in srgb, #fff, transparent 70%) 40%,
            color-mix(in srgb, #fff, transparent 100%) 50%,
            color-mix(in srgb, #fff, transparent 70%) 60%,
            color-mix(in srgb, #fff, transparent 50%) 100%
        );
    }
    @supports (color: color-mix(in lab, red, red)) {
      .nav__submenu::before {
        --bg-border: linear-gradient(to bottom right,
            color-mix(in srgb, var(--color-white), transparent 50%) 0%,
            color-mix(in srgb, var(--color-white), transparent 70%) 40%,
            color-mix(in srgb, var(--color-white), transparent 100%) 50%,
            color-mix(in srgb, var(--color-white), transparent 70%) 60%,
            color-mix(in srgb, var(--color-white), transparent 50%) 100%
        );
      }
    }
    .nav__submenu::before {
      content: '';
      position: absolute;
      inset: 0;
      padding: 1px;
      border-radius: inherit;
      background: var(--bg-border);
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu {
      visibility: hidden;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu {
      position: absolute;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu {
      top: calc(100% - 1.5rem);
    }
  }
  @media (width >= 60rem) {
    .nav__submenu {
      left: calc(1 / 2 * 100%);
    }
  }
  @media (width >= 60rem) {
    .nav__submenu {
      width: calc(100% - 6rem);
    }
  }
  @media (width >= 60rem) {
    .nav__submenu {
      max-width: 76rem;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  @media (width >= 60rem) {
    .nav__submenu {
      --tw-translate-y: var(--spacing);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  @media (width >= 60rem) {
    .nav__submenu {
      border-radius: var(--radius-3xl);
    }
  }
  @media (width >= 60rem) {
    .nav__submenu {
      padding: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 60rem) {
    .nav__submenu {
      opacity: 0%;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu {
      --tw-blur: blur(var(--blur-xs));
      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,);
    }
  }
  @media (width < 60rem) {
    .nav__submenu-container {
      visibility: hidden;
    }
  }
  @media (width < 60rem) {
    .nav__submenu-container {
      min-height: 0;
    }
  }
  @media (width < 60rem) {
    .nav__submenu-container {
      transition-property: visibility;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  @media (width < 60rem) {
    .nav__submenu-container {
      --tw-duration: inherit;
      transition-duration: inherit;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu-container {
      display: flex;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu-container {
      align-items: stretch;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu-container {
      gap: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 60rem) {
    .nav__submenu-container {
      border-radius: var(--radius-xl);
    }
  }
  @media (width >= 60rem) {
    .nav__submenu-container {
      background-color: var(--color-white);
    }
  }
  @media (width >= 60rem) {
    .nav__submenu-container {
      padding: calc(var(--spacing) * 8);
    }
  }
  .nav__submenu-media {
    position: relative;
    order: 2;
    display: none;
    flex-shrink: 0;
    flex-grow: 0;
    overflow: hidden;
    border-radius: var(--radius-lg);
    background-color: var(--color-cream);
  }
  @media (width >= 60rem) {
    .nav__submenu-media {
      display: block;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu-media {
      min-height: 240px;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu-media {
      width: 60%;
    }
  }
  .nav__submenu-media video {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  @media (width >= 60rem) {
    .nav__submenu-list {
      min-height: 240px;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu-list {
      flex-grow: 1;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu-list {
      padding-left: 5%;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu-list:has(a:hover) a:not(:hover) {
      color: var(--color-gray);
    }
  }
  @media (width < 60rem) {
    .nav__submenu-item:last-child {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .nav__submenu-item__container {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  @media (width >= 60rem) {
    .nav__submenu-item__container {
      max-width: 220px;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu-item__container {
      justify-content: space-between;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu-item__container {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 60rem) {
    .nav__submenu-item__container {
      font-size: var(--text-md);
    }
  }
  .nav__submenu-item__container:hover .icon.arrow {
    --tw-translate-x: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (width < 60rem) {
    .nav__submenu-item__container .icon {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  @media (width >= 60rem) {
    .nav__submenu-item:not(:last-child) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  @media (width >= 60rem) {
    .nav__submenu-item:not(:last-child) {
      border-color: var(--color-gray-light);
    }
  }
  .nav__action {
    text-wrap: nowrap;
  }
  .nav-toggle {
    --size: 2.25rem;
  }
  @media (width >= 60rem) {
    .nav-toggle {
      display: none;
    }
  }
  .nav-toggle .icon-close {
    display: none;
  }
  .nav-open {
    overflow: hidden;
  }
  .nav-open .nav-toggle .icon-open {
    display: none;
  }
  .nav-open .nav-toggle .icon-close {
    display: block;
  }
  @media (width < 60rem) {
    .nav-open .nav {
      visibility: visible;
    }
  }
  @media (width < 60rem) {
    .nav-open .nav {
      opacity: 100%;
    }
  }
  @media (width < 60rem) {
    .nav-open .nav {
      --tw-blur:  ;
      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,);
    }
  }
}
@layer components {
  .footer__links-menu {
    display: flex;
    flex-direction: column;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .footer__links-menu a {
    display: inline-block;
    padding-block: var(--spacing);
    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));
  }
  .footer__links-menu:has(a:hover) a:not(:hover) {
    color: var(--color-gray);
  }
}
@layer components {
  .dot {
    display: inline-flex;
    width: var(--size);
    height: var(--size);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: currentcolor;
    --size: .625rem;
  }
  .dot--number {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
    align-items: center;
    justify-content: center;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-off-black);
  }
  @media (width >= 56.25rem) {
    .dot--number {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 56.25rem) {
    .dot--number {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
}
@property --spin-progress {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%;
}
@property --parallax-progress {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}
@layer components {
  .logo-carousel__path {
    position: relative;
    margin-inline: auto;
  }
  .logo-carousel__item {
    display: flex;
    aspect-ratio: 1 / 1;
    height: auto;
    width: calc(var(--item-width) * 100%);
    align-items: center;
    justify-content: center;
    border-radius: 15%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .logo-carousel__item img {
    width: 100%;
  }
  .logo-carousel__item:nth-child(1) {
    --i: 0;
  }
  .logo-carousel__item:nth-child(2) {
    --i: 1;
  }
  .logo-carousel__item:nth-child(3) {
    --i: 2;
  }
  .logo-carousel__item:nth-child(4) {
    --i: 3;
  }
  .logo-carousel__item:nth-child(5) {
    --i: 4;
  }
  .logo-carousel__item:nth-child(6) {
    --i: 5;
  }
  .logo-carousel__item:nth-child(7) {
    --i: 6;
  }
  .logo-carousel__item:nth-child(8) {
    --i: 7;
  }
  .logo-carousel--spin {
    --carousel-width: 75%;
    --duration: 25s;
    --item-width: .35;
  }
  @media (width >= 56.25rem) {
    .logo-carousel--spin {
      --carousel-width: 60%;
    }
  }
  .logo-carousel--spin {
    padding-block: calc(var(--item-width) * var(--carousel-width) / 2);
  }
  .logo-carousel--spin .logo-carousel__path {
    aspect-ratio: 10/6;
    width: 70%;
    border-radius: 50%;
  }
  @media (width >= 56.25rem) {
    .logo-carousel--spin .logo-carousel__path {
      width: 50%;
    }
  }
  .logo-carousel--spin .logo-carousel__item {
    position: absolute;
    padding: 7.5%;
    offset-path: border-box;
    offset-rotate: 0deg;
    offset-distance: var(--spin-progress);
    animation: logo-carousel-spin var(--duration) linear infinite;
    animation-delay: calc(var(--duration) / var(--items) * var(--i) * -1);
  }
  .logo-carousel--parallax {
    --item-width: .05;
  }
  .logo-carousel--parallax .logo-carousel__path {
    display: flex;
    aspect-ratio: auto;
    height: auto;
    width: 100%;
    justify-content: space-between;
  }
  .logo-carousel--parallax .logo-carousel__item {
    position: static;
    margin-inline: -2%;
    width: auto;
    padding: 3%;
    --level: 0;
    animation: logo-carousel-parallax ease-out both;
    animation-timeline: view(block);
    animation-range: cover 0% cover 80%;
    transform: translateY(calc(var(--level) * 15% * (4 * var(--parallax-progress) - 1)));
  }
  .logo-carousel--parallax .logo-carousel__item:nth-child(1) {
    --level: 1.3;
  }
  .logo-carousel--parallax .logo-carousel__item:nth-child(2) {
    --level: .2;
  }
  .logo-carousel--parallax .logo-carousel__item:nth-child(3) {
    --level: -.75;
  }
  .logo-carousel--parallax .logo-carousel__item:nth-child(4) {
    --level: -.15;
  }
  .logo-carousel--parallax .logo-carousel__item:nth-child(5) {
    --level: .6;
  }
  .logo-carousel--parallax .logo-carousel__item:nth-child(6) {
    --level: .1;
  }
  .logo-carousel--parallax .logo-carousel__item:nth-child(7) {
    --level: -1.15;
  }
  .logo-carousel--parallax .logo-carousel__item:nth-child(8) {
    --level: 0;
  }
}
@keyframes logo-carousel-spin {
  from {
    --spin-progress: 0%;
  }
  to {
    --spin-progress: 100%;
  }
}
@keyframes logo-carousel-parallax {
  from {
    --parallax-progress: 1;
  }
  to {
    --parallax-progress: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .logo-carousel__item {
    animation: none;
    --parallax-progress: 0;
  }
}
@layer components {
  .typewriter::after {
    content: '|';
    display: inline-block;
    margin-inline-start: .05em;
    animation: typewriter-blink 1s step-end infinite;
  }
}
@keyframes typewriter-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .typewriter::after {
    animation: none;
  }
}
@property --parallax-y {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}
@layer components {
  .scroll-parallax {
    --distance-y-from: 50;
    --distance-y-to: -50;
    animation: scroll-parallax linear both;
    animation-timeline: view(block);
    animation-range: cover 0% cover 100%;
    transform: translateY(calc(var(--parallax-y) * 1px));
  }
}
@keyframes scroll-parallax {
  from {
    --parallax-y: var(--distance-y-from);
  }
  to {
    --parallax-y: var(--distance-y-to);
  }
}
@media (prefers-reduced-motion: reduce) {
  .scroll-parallax {
    animation: none;
  }
}
@layer components {
  .plus {
    position: relative;
    display: inline-flex;
    width: 1em;
    height: 1em;
  }
  .plus::before, .plus::after {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 2 * 100%);
    height: 1px;
    width: .75em;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: currentcolor;
    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));
    --tw-content: '';
    content: var(--tw-content);
  }
  .plus::after {
    rotate: 90deg;
  }
}
@layer components {
  .accordion {
    position: relative;
  }
  .accordion__tools {
    margin-bottom: calc(var(--spacing) * 4);
    text-align: right;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  @media (width >= 56.25rem) {
    .accordion__tools {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .accordion__tools button {
    text-decoration-line: none;
  }
  @media (hover: hover) {
    .accordion__tools button:hover {
      text-decoration-line: underline;
    }
  }
  .accordion__item {
    --px: 0rem;
    --py: 1rem;
  }
  @media (width >= 56.25rem) {
    .accordion__item {
      --px: 0rem;
    }
  }
  .accordion__item::details-content {
    content-visibility: visible;
  }
  .accordion__item-toggle {
    position: relative;
    margin-bottom: 0;
    display: flex;
    cursor: pointer;
    -moz-column-gap: calc(var(--spacing) * 3);
         column-gap: calc(var(--spacing) * 3);
    padding-inline: var(--px);
    padding-block: var(--py);
    color: var(--color-gray);
    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));
  }
  @media (hover: hover) {
    .accordion__item-toggle:hover {
      color: var(--color-off-black);
    }
  }
  .accordion__item-toggle::marker, .accordion__item-toggle::-webkit-details-marker {
    display: none;
  }
  .accordion__item-toggle .plus {
    margin-top: .25em;
    margin-left: auto;
    flex-shrink: 0;
    color: var(--color-gray-dark) !important;
  }
  .accordion__item-toggle .dot {
    position: absolute;
    top: calc(var(--py) + .5em * 1.5 - var(--size) * 0.5);
    left: calc(var(--spacing) * -6);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 0%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .accordion__item-toggle.h3 .dot {
    top: calc(var(--py) + .5em * 1.2 - var(--size) * 0.5);
  }
  .accordion__item-toggle .toggle-icon {
    margin-top: .2em;
    margin-left: auto;
    flex-shrink: 0;
  }
  .accordion__item-toggle .toggle-icon .icon {
    display: flex;
    font-size: 2rem;
    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));
  }
  .accordion__item-toggle h3 {
    margin-bottom: 0;
  }
  .accordion__item-toggle:is(.h1, .h2, .h3, .h4) .plus, .accordion__item-toggle:is(.h1, .h2, .h3, .h4) .toggle-icon {
    margin-top: .1em;
  }
  .accordion__item-toggle:has(.toggle-icon) {
    align-items: center;
  }
  .accordion__item-body {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: var(--duration,.3s);
    transition-duration: var(--duration,.3s);
  }
  .accordion__item-body__content-wrapper {
    visibility: hidden;
    position: relative;
    min-height: 0;
    padding-inline: var(--px);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: inherit;
    transition-duration: inherit;
  }
  .accordion__item-body__content {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .accordion__item-body__content .wysiwyg > *:last-child {
    margin-bottom: 0;
  }
  .accordion__item[open] .accordion__item-toggle {
    color: var(--color-off-black);
  }
  .accordion__item[open] .accordion__item-toggle .plus::before {
    content: var(--tw-content);
    rotate: 45deg;
  }
  .accordion__item[open] .accordion__item-toggle .plus::after {
    content: var(--tw-content);
    rotate: 135deg;
  }
  .accordion__item[open] .accordion__item-toggle .dot {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 100%;
  }
  .accordion__item[open] .accordion__item-toggle .toggle-icon .icon {
    --tw-scale-y: -1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .accordion__item[open] .accordion__item-body {
    grid-template-rows: 1fr;
  }
  .accordion__item[open] .accordion__item-body__content-wrapper {
    visibility: visible;
  }
  .accordion--no-transition .accordion__item-body {
    transition-property: none;
  }
  .accordion--separated {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-light);
  }
  .accordion--separated .accordion__item::after {
    content: var(--tw-content);
    margin-block: 0;
  }
  .accordion--separated .accordion__item::after {
    content: var(--tw-content);
    display: block;
  }
  .accordion--separated .accordion__item::after {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .accordion--separated .accordion__item::after {
    content: var(--tw-content);
    border-color: var(--color-gray-light);
  }
}
@layer components {
  @media (width >= 37.5rem) {
    .docs {
      --nav-width: 200px;
    }
  }
  @media (width >= 75rem) {
    .docs {
      --nav-width: 320px;
    }
  }
  .docs__container {
    display: grid;
    gap: calc(var(--spacing) * 12);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 250ms;
    transition-duration: 250ms;
  }
  @media (width >= 37.5rem) {
    .docs__container {
      grid-template-columns: 0 1fr;
    }
  }
  .docs__nav {
    position: relative;
    border-color: var(--color-off-black);
    --pr: 2.5rem;
  }
  @media (width >= 37.5rem) {
    .docs__nav {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .docs__nav-container {
    overflow: hidden;
  }
  @media (width >= 37.5rem) {
    .docs__nav-container {
      position: sticky;
    }
  }
  @media (width >= 37.5rem) {
    .docs__nav-container {
      top: calc(var(--header-height));
    }
  }
  @media (width >= 37.5rem) {
    .docs__nav-container {
      margin-right: calc(var(--spacing) * 10);
    }
  }
  .docs__nav-toggle {
    display: flex;
    cursor: pointer;
    gap: calc(var(--spacing) * 4);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .docs__nav-toggle--mobile {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-block: calc(var(--spacing) * 2);
  }
  @media (width >= 37.5rem) {
    .docs__nav-toggle--mobile {
      display: none;
    }
  }
  @media (width >= 37.5rem) {
    .docs__nav-toggle--mobile .icon.open {
      display: none;
    }
  }
  .docs__nav-toggle--mobile .icon.close {
    display: none;
  }
  .docs__nav-toggle--desktop {
    position: absolute;
    top: calc(var(--spacing) * -2);
    right: calc(var(--spacing) * -6);
    bottom: calc(var(--spacing) * -2);
    z-index: 10;
    width: calc(var(--spacing) * 12);
    --tw-scale-x: -1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    align-items: stretch;
  }
  @media (width < 37.5rem) {
    .docs__nav-toggle--desktop {
      display: none;
    }
  }
  @media (width >= 37.5rem) {
    .docs__nav-toggle--desktop .icon {
      position: sticky;
    }
  }
  @media (width >= 37.5rem) {
    .docs__nav-toggle--desktop .icon {
      top: calc(var(--header-height));
    }
  }
  @media (width < 37.5rem) {
    .docs__nav .docs-nav {
      display: grid;
    }
  }
  @media (width < 37.5rem) {
    .docs__nav .docs-nav {
      grid-template-rows: 0fr;
    }
  }
  @media (width < 37.5rem) {
    .docs__nav .docs-nav {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  @media (width < 37.5rem) {
    .docs__nav .docs-nav {
      --tw-duration: 250ms;
      transition-duration: 250ms;
    }
  }
  @media (width < 37.5rem) {
    .docs__nav .docs-nav__menu {
      overflow: hidden;
    }
  }
  @media (width < 37.5rem) {
    .docs__nav .docs-nav__menu > li:last-child {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .docs__search {
    position: relative;
    width: calc(var(--nav-width) - var(--pr) - 1px);
  }
  .docs__search-input {
    height: calc(var(--spacing) * 7);
    width: 100%;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray);
    padding-block: var(--spacing);
    padding-right: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 7);
    font-family: var(--font-sans);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    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));
  }
  .docs__search-input:focus-visible {
    border-color: var(--color-off-black);
  }
  .docs__search-input:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  .docs__search-input:focus + .docs__search-submit {
    color: var(--color-off-black);
  }
  .docs__search-submit {
    position: absolute;
    inset: 0 auto 0 0;
    display: flex;
    width: calc(var(--spacing) * 7);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    padding-left: calc(var(--spacing) * 0.5);
    color: var(--color-gray);
    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));
  }
  .docs__content {
    min-width: 0;
  }
  .docs__content .container {
    --container-max-width: 55rem !important;
    --container-padding-x: 0 !important;
  }
  @media (width >= 37.5rem) {
    .docs.is-expanded .docs__container {
      grid-template-columns: var(--nav-width) 1fr;
    }
  }
  @media (width < 37.5rem) {
    .docs.is-expanded .docs__nav-toggle--mobile .icon.open {
      display: none;
    }
  }
  @media (width < 37.5rem) {
    .docs.is-expanded .docs__nav-toggle--mobile .icon.close {
      display: block;
    }
  }
  .docs.is-expanded .docs__nav-toggle--desktop {
    --tw-scale-x: 1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  @media (width < 37.5rem) {
    .docs.is-expanded .docs__nav .docs-nav {
      grid-template-rows: 1fr;
    }
  }
  .docs--no-transition .docs__container, .docs--no-transition .docs__nav-toggle, .docs--no-transition .docs .docs-nav {
    transition-property: none;
  }
}
@layer components {
  .docs-nav {
    width: calc(var(--nav-width) - var(--pr) - 1px);
    gap: calc(var(--spacing) * 12);
  }
  @media (width < 37.5rem) {
    .docs-nav {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  @media (width < 37.5rem) {
    .docs-nav {
      border-color: currentcolor;
    }
  }
  .docs-nav__menu {
    display: grid;
    gap: var(--spacing);
  }
  .docs-nav__menu-item__link {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    padding-block: var(--spacing);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--color-gray);
    --text-from: 12;
    --text-to: 18;
  }
  @media (hover: hover) {
    .docs-nav__menu-item__link:hover {
      color: var(--color-off-black);
    }
  }
  .docs-nav__menu-item__link:has(+.docs-nav__submenu) {
    margin-bottom: calc(var(--spacing) * 2);
    color: var(--color-off-black);
  }
  .docs-nav__menu-item__link .icon {
    margin-left: auto;
  }
  .docs-nav__submenu {
    display: grid;
    padding-bottom: var(--spacing);
    padding-left: calc(var(--spacing) * 12);
  }
  .docs-nav__submenu-item {
    position: relative;
  }
  .docs-nav__submenu-item__link {
    display: grid;
    gap: calc(var(--spacing) * 0.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .docs-nav__submenu-item__link:hover .docs-nav__submenu-item__title {
    text-decoration-line: underline;
  }
  .docs-nav__submenu-item__subtitle {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-gray);
  }
  .docs-nav__submenu-item .dot {
    position: absolute;
    top: calc(var(--spacing) * 2.5);
    left: calc(var(--spacing) * -5);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 0%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --size: .5rem;
  }
  .docs-nav__submenu-item.active .dot {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 100%;
  }
}
@layer components {
  .frame-card {
    display: flex;
    overflow: clip;
    border-radius: var(--radius-3xl);
    padding: calc(var(--spacing) * 3);
  }
  .frame-card__content {
    display: flex;
    min-width: 0;
    flex-grow: 1;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    background-color: var(--color-cream-light);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 6);
  }
  :is(.frame-card__content > *):last-child {
    margin-bottom: 0;
  }
  @media (width >= 56.25rem) {
    .frame-card__content {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
}
@layer components {
  .link-underline {
    text-decoration-line: underline;
  }
  @media (hover: hover) {
    .link-underline:hover {
      text-decoration-line: none;
    }
  }
  .link-stretched::before {
    content: var(--tw-content);
    position: absolute;
  }
  .link-stretched::before {
    content: var(--tw-content);
    inset: 0;
  }
}
@layer components {
  .list-dot-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -moz-column-gap: calc(var(--gap) * .5);
         column-gap: calc(var(--gap) * .5);
    row-gap: calc(var(--spacing) * 1.5);
    --gap: 1.5rem;
  }
  .list-dot-inline > li {
    position: relative;
    padding-right: calc(var(--gap) * .5);
  }
  .list-dot-inline > li::after {
    content: var(--tw-content);
    position: absolute;
  }
  .list-dot-inline > li::after {
    content: var(--tw-content);
    top: .6em;
  }
  .list-dot-inline > li::after {
    content: var(--tw-content);
    right: 0;
  }
  .list-dot-inline > li::after {
    content: var(--tw-content);
    width: .25em;
    height: .25em;
  }
  .list-dot-inline > li::after {
    content: var(--tw-content);
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .list-dot-inline > li::after {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px);
  }
  .list-dot-inline > li::after {
    content: var(--tw-content);
    background-color: currentcolor;
  }
  .list-dot-inline > li:last-child {
    padding-right: 0;
  }
  .list-dot-inline > li:last-child::after {
    content: var(--tw-content);
    --tw-content: none;
    content: none;
  }
}
@layer components {
  .tag {
    display: inline-flex;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: var(--spacing);
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tag--violet {
    background-color: var(--color-violet-light);
    color: var(--color-violet);
  }
  .tag--indigo {
    background-color: var(--color-indigo-light);
    color: var(--color-indigo);
  }
  .tag--gray {
    background-color: var(--color-gray-light);
    color: var(--color-gray);
  }
  .tag--blue {
    background-color: var(--color-blue-light);
    color: var(--color-blue);
  }
  .tag--green {
    background-color: var(--color-green-light);
    color: var(--color-green);
  }
  .tag--yellow {
    background-color: var(--color-yellow-light);
    color: var(--color-yellow);
  }
  .tag--orange {
    background-color: var(--color-orange-light);
    color: var(--color-orange);
  }
  .tag--red {
    background-color: var(--color-red-light);
    color: var(--color-red);
  }
}
@layer components {
  .table-responsive {
    overflow-x: auto;
  }
  .table-default {
    width: 100%;
    border-collapse: collapse;
  }
  .table-default th, .table-default td {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 3);
    vertical-align: top;
  }
  .table-default th:first-child, .table-default td:first-child {
    padding-left: 0;
  }
  .table-default th:last-child, .table-default td:last-child {
    padding-right: 0;
  }
  .table-default th {
    text-align: left;
    font-family: var(--font-mono);
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray);
    --text-from: 14;
    --text-to: 18;
  }
  .table-default td {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray);
  }
  .table-default thead tr:first-child th {
    padding-top: 0;
  }
  .table-default tr:last-child td {
    padding-bottom: 0;
  }
}
@layer components {
  .calendar {
    margin-inline: auto;
    max-width: 700px;
  }
  .calendar__row {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: calc(var(--spacing) * 6);
  }
  .calendar__row-head {
    padding-block: calc(var(--spacing) * 2);
    text-align: right;
  }
  .calendar__row-body {
    display: grid;
    grid-template-rows: minmax(3rem,auto) minmax(3rem,auto);
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-light);
    padding-block: calc(var(--spacing) * 2);
  }
  .calendar__row-slot {
    border-radius: var(--radius-lg);
    background-color: var(--color-cream);
    padding: calc(var(--spacing) * 2.5);
  }
  @media (width >= 56.25rem) {
    .calendar__row-slot {
      border-radius: var(--radius-xl);
    }
  }
  @media (width >= 56.25rem) {
    .calendar__row-slot {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .calendar__row:first-child .calendar__row-body {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
}
@layer components {
  .tabs {
    position: relative;
  }
  .tabs__list {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    min-height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    text-wrap: nowrap;
    --text-from: 12;
    --text-to: 16;
  }
  @media (width >= 56.25rem) {
    .tabs__list--left {
      justify-content: flex-start;
    }
  }
  .tabs__list-item {
    border-radius: calc(infinity * 1px);
    padding: var(--spacing);
    filter: drop-shadow(3px 3px 8px rgba(28, 28, 30, .1));
  }
  .tabs__list-item a {
    display: block;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2);
    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));
  }
  .tabs__list-item a[aria-selected] {
    background-color: var(--color-white);
  }
}
@layer components {
  .people__swiper {
    padding-top: calc(var(--spacing) * 12);
    padding-bottom: calc(var(--spacing) * 18);
  }
  .people__swiper:not(.swiper-initialized) .frame-card {
    opacity: 0%;
  }
  .people__swiper .swiper-wrapper {
    align-items: stretch;
  }
  .people__swiper .swiper-slide {
    position: relative !important;
    display: flex !important;
    height: auto !important;
    width: 320px !important;
  }
  .people__swiper .swiper-slide .frame-card {
    --tw-scale-x: 70%;
    --tw-scale-y: 70%;
    --tw-scale-z: 70%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 0%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .people__swiper .swiper-slide-next + .swiper-slide .frame-card, .people__swiper .swiper-slide:has(+.swiper-slide-prev) .frame-card {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 100%;
  }
  .people__swiper .swiper-slide-prev .frame-card, .people__swiper .swiper-slide-next .frame-card {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 100%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .people__swiper .swiper-slide-active {
    z-index: 10;
  }
  .people__swiper .swiper-slide-active .frame-card {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 100%;
  }
  .people__swiper .swiper-slide-active .person-card__header {
    grid-template-rows: 0fr;
  }
  .people__swiper .swiper-slide-active .person-card__detail {
    grid-template-rows: 1fr;
  }
  .people__swiper .swiper-slide-prev, .people__swiper .swiper-slide-next {
    z-index: 9;
  }
  .people__swiper .swiper-slide:has(+.swiper-slide-prev), .people__swiper .swiper-slide-next + .swiper-slide {
    z-index: 8;
  }
  .people__swiper .swiper-slide:has(+.swiper-slide-prev) .frame-card {
    transform-origin: 100%;
  }
  .people__swiper .swiper-slide-next + .swiper-slide .frame-card {
    transform-origin: 0;
  }
  .people__swiper .swiper-scrollbar {
    position: relative !important;
    margin-top: calc(var(--spacing) * 12);
  }
  @media (width >= 56.25rem) {
    .people__swiper .swiper-scrollbar {
      margin-top: calc(var(--spacing) * 16);
    }
  }
}
@layer components {
  .person-card {
    display: grid;
    height: 100%;
    width: 100%;
    grid-template-rows: auto 1fr;
    border-radius: var(--radius-2xl);
    padding: calc(var(--spacing) * 3);
  }
  .person-card__header {
    display: grid;
    grid-template-rows: 1fr;
    overflow: clip;
    border-radius: var(--radius-lg);
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 250ms;
    transition-duration: 250ms;
  }
  .person-card__header-inner {
    aspect-ratio: 280/190;
    min-height: 0;
    overflow: clip;
  }
  .person-card__header-inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .person-card__main {
    display: flex;
    min-height: 0;
    flex-direction: column;
    background-color: var(--color-cream-light);
    padding: calc(var(--spacing) * 3);
  }
  .person-card__detail {
    display: grid;
    height: 100%;
    min-height: 0;
    grid-template-rows: 0fr;
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 250ms;
    transition-duration: 250ms;
  }
  .person-card__detail-inner {
    display: flex;
    min-height: 0;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    overflow: clip;
  }
}
@layer components {
  .card-swiper .swiper-wrapper {
    align-items: stretch !important;
  }
  .card-swiper .swiper-slide {
    display: flex !important;
    height: auto !important;
  }
  @media (width >= 37.5rem) {
    .card-swiper .swiper-pagination {
      display: none !important;
    }
  }
  @media not (min-width: 600px) {
    .card-swiper .swiper-slide {
      width: 320px !important;
    }
    .card-swiper .swiper-slide .frame-card {
      --tw-scale-x: 70%;
      --tw-scale-y: 70%;
      --tw-scale-z: 70%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      opacity: 0%;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
    .card-swiper .swiper-slide-next + .swiper-slide .frame-card, .card-swiper .swiper-slide:has(+.swiper-slide-prev) .frame-card {
      --tw-scale-x: 80%;
      --tw-scale-y: 80%;
      --tw-scale-z: 80%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      opacity: 100%;
    }
    .card-swiper .swiper-slide-prev .frame-card, .card-swiper .swiper-slide-next .frame-card {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      opacity: 100%;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .card-swiper .swiper-slide-active {
      z-index: 10;
    }
    .card-swiper .swiper-slide-active .frame-card {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      opacity: 100%;
    }
    .card-swiper .swiper-slide-prev, .card-swiper .swiper-slide-next {
      z-index: 9;
    }
    .card-swiper .swiper-slide:has(+.swiper-slide-prev), .card-swiper .swiper-slide-next + .swiper-slide {
      z-index: 8;
    }
    .card-swiper .swiper-slide:has(+.swiper-slide-prev) .frame-card {
      transform-origin: 100%;
    }
    .card-swiper .swiper-slide-next + .swiper-slide .frame-card {
      transform-origin: 0;
    }
  }
}
@layer components {
  .m-hero {
    position: relative;
    display: grid;
    min-height: 100lvh;
  }
  .m-hero__media {
    pointer-events: none;
    position: absolute;
    inset: 0;
  }
  .m-hero__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 80% 70%;
       object-position: 80% 70%;
  }
  .m-hero__image--desktop {
    display: none;
  }
  @media (width >= 37.5rem) {
    .m-hero__image--desktop {
      display: block;
    }
  }
  @media (width >= 37.5rem) {
    .m-hero__image--mobile {
      display: none;
    }
  }
  .m-hero__content {
    position: relative;
    z-index: 1;
  }
  @media (width >= 56.25rem) {
    .m-hero__content {
      align-content: center;
    }
  }
  @media (width >= 56.25rem) {
    .m-hero__content {
      padding-bottom: 15lvh;
    }
  }
}
@layer components {
  .m-wysiwyg-media__container {
    display: grid;
    gap: calc(var(--spacing) * 12);
  }
  @media (width >= 56.25rem) {
    .m-wysiwyg-media__container {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 56.25rem) {
    .m-wysiwyg-media__container {
      align-items: flex-start;
    }
  }
  .m-wysiwyg-media__image {
    margin-inline: auto;
    overflow: clip;
    border-radius: var(--radius-media);
  }
  @media (width < 56.25rem) {
    .m-wysiwyg-media__image {
      max-width: 400px;
    }
  }
  .m-wysiwyg-media__actions {
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 3);
  }
  @media (width >= 56.25rem) {
    .m-wysiwyg-media__actions {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 56.25rem) {
    .m-wysiwyg-media--content-center .m-wysiwyg-media__container {
      align-items: center;
    }
  }
  @media (width >= 56.25rem) {
    .m-wysiwyg-media--flip-x .m-wysiwyg-media__aside {
      order: 1;
    }
  }
  @media (width >= 56.25rem) {
    .m-wysiwyg-media--flip-x .m-wysiwyg-media__main {
      order: 2;
    }
  }
  @media (width < 56.25rem) {
    .m-wysiwyg-media--flip-y .m-wysiwyg-media__aside {
      order: 1;
    }
  }
  @media (width < 56.25rem) {
    .m-wysiwyg-media--flip-y .m-wysiwyg-media__main {
      order: 2;
    }
  }
}
@media (width >= 37.5rem) {
  .m-scroll-accordion__accordion {
    min-height: var(--height);
  }
}
.m-scroll-accordion__accordion .accordion__main {
  margin-left: calc(var(--spacing) * 6);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-gray-light);
}
@media (width >= 37.5rem) {
  .m-scroll-accordion__accordion .accordion__main {
    position: sticky;
  }
}
@media (width >= 37.5rem) {
  .m-scroll-accordion__accordion .accordion__main {
    top: var(--sticky-top,20vh);
  }
}
.m-scroll-accordion__accordion .accordion__item:not(:last-child)::after {
  content: var(--tw-content);
  margin-block: 0;
}
.m-scroll-accordion__accordion .accordion__item:not(:last-child)::after {
  content: var(--tw-content);
  display: block;
}
.m-scroll-accordion__accordion .accordion__item:not(:last-child)::after {
  content: var(--tw-content);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.m-scroll-accordion__accordion .accordion__item:not(:last-child)::after {
  content: var(--tw-content);
  border-color: var(--color-gray-light);
}
.m-scroll-accordion__accordion .accordion__guide {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 100%;
  z-index: 50;
  display: flex;
  height: var(--height);
  width: calc(var(--spacing) * 4);
  flex-direction: column;
  background-color: pink;
  opacity: 0%;
}
.m-scroll-accordion__accordion .accordion__guide[data-order="odd"] {
  right: calc(100% + 1.25rem);
}
.m-scroll-accordion__accordion .accordion__guide > div:nth-child(odd) {
  background-color: #00f;
}
.m-scroll-accordion__accordion .accordion__guide > div:nth-child(even) {
  background-color: #f00;
}
.m-scroll-accordion__media {
  aspect-ratio: 550/700;
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-media);
  background-image: url(/launch-assets/dist/img/sky-clouds-550x700.avif);
  background-size: cover;
  background-position: center;
  padding: var(--padding);
  --padding: 1.5rem;
}
@media (width >= 37.5rem) {
  .m-scroll-accordion__media {
    position: sticky;
  }
}
@media (width >= 37.5rem) {
  .m-scroll-accordion__media {
    top: calc(45vh - var(--height,0px) * .5);
  }
}
@media (width >= 37.5rem) {
  .m-scroll-accordion__media {
    order: 9999;
  }
}
@media (width >= 56.25rem) {
  .m-scroll-accordion__media {
    --padding: 2rem;
  }
}
@media (width >= 75rem) {
  .m-scroll-accordion__media {
    --padding: 3rem;
  }
}
.m-scroll-accordion__media-scroller {
  display: grid;
  gap: calc(var(--spacing) * 6);
}
.m-scroll-accordion__media-frame {
  border-radius: calc(var(--padding) * .5);
  padding: calc(var(--padding) * .5);
}
.m-scroll-accordion__media-frame img {
  border-radius: calc(var(--padding) * .25);
}
@media (width >= 37.5rem) {
  .m-scroll-accordion__swiper {
    display: none;
  }
}
.m-scroll-accordion__swiper .swiper-slide {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-light);
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.m-scroll-accordion__swiper .swiper-slide:not(.swiper-slide-active) {
  opacity: 40%;
}
:is(.m-scroll-accordion__swiper .swiper-slide .wysiwyg > *):last-child {
  margin-bottom: 0;
}
.m-scroll-accordion--no-media .m-scroll-accordion__media {
  aspect-ratio: auto;
  border-radius: 0;
  background-image: none;
  padding: 0;
}
body.debug .m-scroll-accordion .accordion__guide {
  opacity: 50%;
}
@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  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-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-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@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-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-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-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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-duration: 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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-content: "";
      --spin-progress: 0%;
      --parallax-progress: 0;
      --parallax-y: 0;
    }
  }
}


/*# sourceMappingURL=main.css.map */

/* MOJO-2607: keep the portrait visible behind the active card */
.people__swiper .swiper-slide-active .person-card__main {
  background-image:
    linear-gradient(
      rgba(249, 247, 245, 0.55),
      rgba(249, 247, 245, 0.90)
    ),
    var(--person-photo, none);
  background-image:
    linear-gradient(
      color-mix(in srgb, var(--color-cream-light) 55%, transparent),
      color-mix(in srgb, var(--color-cream-light) 90%, transparent)
    ),
    var(--person-photo, none);
  background-size: cover;
  background-position: var(--person-photo-position, 50% 20%);
  background-repeat: no-repeat;
}