/* Generated by Web Design 2.1. Do not edit directly. */
@layer design-os.tokens, design-os.atomic, design-os.recipes;

@layer design-os.tokens {
  :root {
    --primitive-arch-radius: 50% 50% 0 0;
    --primitive-arch-ratio: 6 / 1;
    --primitive-arch-width: min(120vw, 90rem);
    --primitive-duration-drift: 42s;
    --primitive-duration-settle: 620ms;
    --primitive-easing-linear: linear;
    --primitive-easing-settle: cubic-bezier(0.16, 0.84, 0.36, 1);
    --primitive-family-grotesk: Archivo, 'Archivo Fallback', system-ui, sans-serif;
    --primitive-ink-black: #0a0a0a;
    --primitive-ink-grey50: #8a8a8a;
    --primitive-ink-grey70: #b3b3b3;
    --primitive-ink-line: #1f1f1f;
    --primitive-ink-raised: #121212;
    --primitive-ink-veil08: rgba(255, 255, 255, 0.08);
    --primitive-ink-veil14: rgba(255, 255, 255, 0.14);
    --primitive-ink-veil28: rgba(255, 255, 255, 0.28);
    --primitive-ink-white: #ffffff;
    --primitive-leading-relaxed: 1.65;
    --primitive-leading-snug: 1.35;
    --primitive-leading-tight: 1.1;
    --primitive-measure-column: 38rem;
    --primitive-measure-mark-large: 11rem;
    --primitive-measure-mark-small: 7rem;
    --primitive-measure-prose: 42ch;
    --primitive-pattern-scaffold: repeating-linear-gradient(90deg, var(--semantic-border-scaffold) 0, var(--semantic-border-scaffold) var(--semantic-stroke-hair), transparent var(--semantic-stroke-hair), transparent var(--semantic-rhythm-scaffold));
    --primitive-pattern-scaffold-compact: repeating-linear-gradient(90deg, var(--semantic-border-scaffold) 0, var(--semantic-border-scaffold) var(--semantic-stroke-hair), transparent var(--semantic-stroke-hair), transparent var(--semantic-rhythm-scaffold-compact));
    --primitive-rhythm-scaffold-step: 5.5rem;
    --primitive-rhythm-scaffold-step-compact: 3.25rem;
    --primitive-size-lg: 1.25rem;
    --primitive-size-md: 1rem;
    --primitive-size-sm: 0.875rem;
    --primitive-size-xl: clamp(1.75rem, 1.2rem + 2.4vw, 2.75rem);
    --primitive-size-xs: 0.75rem;
    --primitive-space-1: 0.25rem;
    --primitive-space-12: 3rem;
    --primitive-space-16: 4rem;
    --primitive-space-2: 0.5rem;
    --primitive-space-24: 6rem;
    --primitive-space-3: 0.75rem;
    --primitive-space-4: 1rem;
    --primitive-space-6: 1.5rem;
    --primitive-space-8: 2rem;
    --primitive-stroke-hair: 1px;
    --primitive-stroke-rule: 2px;
    --primitive-structure-auto: auto;
    --primitive-structure-center-x: translateX(-50%);
    --primitive-structure-full: 100%;
    --primitive-structure-half: 50%;
    --primitive-structure-line-style: solid;
    --primitive-structure-opaque: 1;
    --primitive-structure-page-rows: 1fr auto;
    --primitive-structure-screen-height: 100dvh;
    --primitive-structure-smoothing: antialiased;
    --primitive-structure-zero: 0;
    --primitive-tracking-normal: 0em;
    --primitive-tracking-tight: -0.02em;
    --primitive-tracking-wide: 0.18em;
    --primitive-tracking-wider: 0.32em;
    --primitive-transition-link: border-color var(--semantic-motion-settle-duration) var(--semantic-motion-settle-easing), color var(--semantic-motion-settle-duration) var(--semantic-motion-settle-easing);
    --primitive-weight-bold: 700;
    --primitive-weight-medium: 500;
    --primitive-weight-regular: 400;
    --semantic-border-scaffold: var(--primitive-ink-veil08);
    --semantic-border-solid: var(--primitive-ink-line);
    --semantic-border-strong: var(--primitive-ink-veil28);
    --semantic-border-subtle: var(--primitive-ink-veil14);
    --semantic-focus-ring: var(--primitive-ink-white);
    --semantic-motion-drift-duration: var(--primitive-duration-drift);
    --semantic-motion-drift-easing: var(--primitive-easing-linear);
    --semantic-motion-link-transition: var(--primitive-transition-link);
    --semantic-motion-settle-duration: var(--primitive-duration-settle);
    --semantic-motion-settle-easing: var(--primitive-easing-settle);
    --semantic-rhythm-scaffold: var(--primitive-rhythm-scaffold-step);
    --semantic-rhythm-scaffold-compact: var(--primitive-rhythm-scaffold-step-compact);
    --semantic-scaffold-horizon-radius: var(--primitive-arch-radius);
    --semantic-scaffold-horizon-ratio: var(--primitive-arch-ratio);
    --semantic-scaffold-horizon-width: var(--primitive-arch-width);
    --semantic-scaffold-pattern: var(--primitive-pattern-scaffold);
    --semantic-scaffold-pattern-compact: var(--primitive-pattern-scaffold-compact);
    --semantic-size-column-max: var(--primitive-measure-column);
    --semantic-size-mark-compact: var(--primitive-measure-mark-small);
    --semantic-size-mark-default: var(--primitive-measure-mark-large);
    --semantic-size-prose-max: var(--primitive-measure-prose);
    --semantic-space-inline-gap: var(--primitive-space-8);
    --semantic-space-link-pad-block: var(--primitive-space-2);
    --semantic-space-page-block: var(--primitive-space-12);
    --semantic-space-page-inline: var(--primitive-space-6);
    --semantic-space-stack-default: var(--primitive-space-6);
    --semantic-space-stack-loose: var(--primitive-space-12);
    --semantic-space-stack-section: var(--primitive-space-16);
    --semantic-space-stack-tight: var(--primitive-space-3);
    --semantic-stroke-hair: var(--primitive-stroke-hair);
    --semantic-stroke-rule: var(--primitive-stroke-rule);
    --semantic-structure-auto-size: var(--primitive-structure-auto);
    --semantic-structure-center-anchor: var(--primitive-structure-half);
    --semantic-structure-center-shift: var(--primitive-structure-center-x);
    --semantic-structure-full-width: var(--primitive-structure-full);
    --semantic-structure-line-style: var(--primitive-structure-line-style);
    --semantic-structure-none: var(--primitive-structure-zero);
    --semantic-structure-page-rows: var(--primitive-structure-page-rows);
    --semantic-structure-screen-height: var(--primitive-structure-screen-height);
    --semantic-structure-text-smoothing: var(--primitive-structure-smoothing);
    --semantic-surface-canvas: var(--primitive-ink-black);
    --semantic-surface-raised: var(--primitive-ink-raised);
    --semantic-text-muted: var(--primitive-ink-grey50);
    --semantic-text-primary: var(--primitive-ink-white);
    --semantic-text-secondary: var(--primitive-ink-grey70);
    --semantic-type-body-leading: var(--primitive-leading-relaxed);
    --semantic-type-body-size: var(--primitive-size-md);
    --semantic-type-body-weight: var(--primitive-weight-regular);
    --semantic-type-family: var(--primitive-family-grotesk);
    --semantic-type-heading-leading: var(--primitive-leading-tight);
    --semantic-type-heading-size: var(--primitive-size-xl);
    --semantic-type-heading-tracking: var(--primitive-tracking-tight);
    --semantic-type-heading-weight: var(--primitive-weight-bold);
    --semantic-type-label-size: var(--primitive-size-xs);
    --semantic-type-label-tracking: var(--primitive-tracking-wider);
    --semantic-type-label-weight: var(--primitive-weight-medium);
    --semantic-type-link-size: var(--primitive-size-sm);
    --semantic-type-link-tracking: var(--primitive-tracking-wide);
    --semantic-type-link-weight: var(--primitive-weight-medium);
  }
}

@layer design-os.atomic {
  .ds-s-layout-column {
    position: relative;
    width: var(--semantic-structure-full-width);
    max-width: var(--semantic-size-column-max);
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .ds-s-layout-footer {
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: var(--semantic-space-stack-loose);
  }
  .ds-s-layout-inline-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--semantic-space-inline-gap);
  }
  .ds-s-layout-page {
    position: relative;
    min-height: var(--semantic-structure-screen-height);
    display: grid;
    grid-template-rows: var(--semantic-structure-page-rows);
    padding-inline: var(--semantic-space-page-inline);
    padding-block: var(--semantic-space-page-block);
    overflow: hidden;
    isolation: isolate;
  }
  .ds-s-layout-stack-default {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--semantic-space-stack-default);
  }
  .ds-s-layout-stack-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--semantic-space-stack-section);
  }
  @media (max-width: 40rem) {
    .ds-s-layout-stack-section {
      gap: var(--semantic-space-stack-loose);
    }
  }
  .ds-s-layout-stack-tight {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--semantic-space-stack-tight);
  }
  .ds-s-link-contact {
    display: inline-flex;
    align-items: center;
    gap: var(--semantic-space-stack-tight);
    font-size: var(--semantic-type-link-size);
    font-weight: var(--semantic-type-link-weight);
    letter-spacing: var(--semantic-type-link-tracking);
    text-transform: uppercase;
    color: var(--semantic-text-primary);
    text-decoration: none;
    padding-block: var(--semantic-space-link-pad-block);
    border-bottom-width: var(--semantic-stroke-hair);
    border-bottom-style: var(--semantic-structure-line-style);
    border-bottom-color: var(--semantic-border-subtle);
    transition: var(--semantic-motion-link-transition);
  }
  .ds-s-link-contact:hover {
    border-bottom-color: var(--semantic-text-primary);
  }
  .ds-s-link-contact:focus-visible {
    outline-width: var(--semantic-stroke-rule);
    outline-style: var(--semantic-structure-line-style);
    outline-color: var(--semantic-focus-ring);
    outline-offset: var(--primitive-space-2);
  }
  .ds-s-mark-brand {
    display: block;
    width: var(--semantic-structure-auto-size);
    height: var(--semantic-size-mark-default);
    color: var(--semantic-text-primary);
  }
  @media (max-width: 40rem) {
    .ds-s-mark-brand {
      height: var(--semantic-size-mark-compact);
    }
  }
  .ds-s-rule-short {
    width: var(--primitive-space-16);
    height: var(--semantic-stroke-hair);
    background-color: var(--semantic-border-strong);
    border-width: var(--semantic-structure-none);
    margin: var(--semantic-structure-none);
  }
  .ds-s-scaffold-backdrop {
    position: absolute;
    inset: var(--semantic-structure-none);
    background-image: var(--semantic-scaffold-pattern);
    pointer-events: none;
  }
  @media (max-width: 40rem) {
    .ds-s-scaffold-backdrop {
      background-image: var(--semantic-scaffold-pattern-compact);
    }
  }
  .ds-s-scaffold-horizon {
    position: absolute;
    bottom: var(--semantic-structure-none);
    left: var(--semantic-structure-center-anchor);
    transform: var(--semantic-structure-center-shift);
    width: var(--semantic-scaffold-horizon-width);
    aspect-ratio: var(--semantic-scaffold-horizon-ratio);
    border-top-width: var(--semantic-stroke-hair);
    border-top-style: var(--semantic-structure-line-style);
    border-top-color: var(--semantic-border-subtle);
    border-radius: var(--semantic-scaffold-horizon-radius);
    pointer-events: none;
  }
  .ds-s-surface-canvas {
    background-color: var(--semantic-surface-canvas);
    color: var(--semantic-text-primary);
    font-family: var(--semantic-type-family);
    -webkit-font-smoothing: var(--semantic-structure-text-smoothing);
  }
  .ds-s-text-body {
    font-size: var(--semantic-type-body-size);
    font-weight: var(--semantic-type-body-weight);
    line-height: var(--semantic-type-body-leading);
    color: var(--semantic-text-secondary);
    max-width: var(--semantic-size-prose-max);
    text-wrap: pretty;
    margin: var(--semantic-structure-none);
  }
  .ds-s-text-heading {
    font-size: var(--semantic-type-heading-size);
    font-weight: var(--semantic-type-heading-weight);
    line-height: var(--semantic-type-heading-leading);
    letter-spacing: var(--semantic-type-heading-tracking);
    color: var(--semantic-text-primary);
    text-wrap: balance;
    margin: var(--semantic-structure-none);
  }
  .ds-s-text-label {
    font-size: var(--semantic-type-label-size);
    font-weight: var(--semantic-type-label-weight);
    letter-spacing: var(--semantic-type-label-tracking);
    text-transform: uppercase;
    color: var(--semantic-text-muted);
    margin: var(--semantic-structure-none);
  }
}

@layer design-os.recipes {
}