/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --color-black: #000;
    --color-white: #fff;
    --spacing: 1px;
    --text-xs: clamp(12.00px, 0.00vi + 12.00px, 12.00px);
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: clamp(14.00px, 0.00vi + 14.00px, 14.00px);
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: clamp(16.00px, 0.00vi + 16.00px, 16.00px);
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: clamp(20.00px, 0.00vi + 20.00px, 20.00px);
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: clamp(24.00px, 0.00vi + 24.00px, 24.00px);
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: clamp(30.00px, 0.00vi + 30.00px, 30.00px);
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: clamp(40.00px, 0.00vi + 40.00px, 40.00px);
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: clamp(50.00px, 0.00vi + 50.00px, 50.00px);
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-sm: 0.25rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-3xl: 1.5rem;
    --text-md: clamp(18.00px, 0.00vi + 18.00px, 18.00px);
  }
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mt-10 {
  margin-top: calc(var(--spacing) * 10);
}
.mt-20 {
  margin-top: calc(var(--spacing) * 20);
}
.mt-40 {
  margin-top: calc(var(--spacing) * 40);
}
.mt-50 {
  margin-top: calc(var(--spacing) * 50);
}
.mt-100 {
  margin-top: calc(var(--spacing) * 100);
}
.mb-0 {
  margin-bottom: 0;
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-10 {
  margin-bottom: calc(var(--spacing) * 10);
}
.mb-15 {
  margin-bottom: calc(var(--spacing) * 15);
}
.mb-20 {
  margin-bottom: calc(var(--spacing) * 20);
}
.mb-24 {
  margin-bottom: calc(var(--spacing) * 24);
}
.mb-25 {
  margin-bottom: calc(var(--spacing) * 25);
}
.mb-30 {
  margin-bottom: calc(var(--spacing) * 30);
}
.mb-40 {
  margin-bottom: calc(var(--spacing) * 40);
}
.mb-50 {
  margin-bottom: calc(var(--spacing) * 50);
}
.mb-80 {
  margin-bottom: calc(var(--spacing) * 80);
}
.mb-100 {
  margin-bottom: calc(var(--spacing) * 100);
}
.mb-150 {
  margin-bottom: calc(var(--spacing) * 150);
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.size-full {
  width: 100%;
  height: 100%;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.w-2\/5 {
  width: calc(2 / 5 * 100%);
}
.w-3\/5 {
  width: calc(3 / 5 * 100%);
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.flex-1 {
  flex: 1;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-10 {
  gap: calc(var(--spacing) * 10);
}
.gap-15 {
  gap: calc(var(--spacing) * 15);
}
.gap-20 {
  gap: calc(var(--spacing) * 20);
}
.gap-30 {
  gap: calc(var(--spacing) * 30);
}
.gap-40 {
  gap: calc(var(--spacing) * 40);
}
.gap-50 {
  gap: calc(var(--spacing) * 50);
}
.gap-60 {
  gap: calc(var(--spacing) * 60);
}
.gap-85 {
  gap: calc(var(--spacing) * 85);
}
.gap-100 {
  gap: calc(var(--spacing) * 100);
}
.overflow-hidden {
  overflow: hidden;
}
.rounded-3xl {
  border-radius: var(--radius-3xl);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-sm {
  border-radius: var(--radius-sm);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.bg-black {
  background-color: var(--color-black);
}
.bg-white {
  background-color: var(--color-white);
}
.object-top {
  object-position: top;
}
.pt-20 {
  padding-top: calc(var(--spacing) * 20);
}
.pb-20 {
  padding-bottom: calc(var(--spacing) * 20);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.align-middle {
  vertical-align: middle;
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-extralight {
  --tw-font-weight: var(--font-weight-extralight);
  font-weight: var(--font-weight-extralight);
}
.font-light {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.text-black {
  color: var(--color-black);
}
.text-white {
  color: var(--color-white);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.md\:col-span-2 {
  @media (width >= 48rem) {
    grid-column: span 2 / span 2;
  }
}
.md\:col-span-3 {
  @media (width >= 48rem) {
    grid-column: span 3 / span 3;
  }
}
.md\:mt-100 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 100);
  }
}
.md\:mb-20 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 20);
  }
}
.md\:mb-28 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 28);
  }
}
.md\:mb-80 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 80);
  }
}
.md\:mb-150 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 150);
  }
}
.md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
.md\:w-2\/5 {
  @media (width >= 48rem) {
    width: calc(2 / 5 * 100%);
  }
}
.md\:w-3\/5 {
  @media (width >= 48rem) {
    width: calc(3 / 5 * 100%);
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:grid-cols-3 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.md\:grid-cols-4 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.md\:grid-cols-5 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.md\:gap-50 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 50);
  }
}
.md\:gap-100 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 100);
  }
}
.lg\:flex {
  @media (width >= 64rem) {
    display: flex;
  }
}
.lg\:grid-cols-5 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.font-1 {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.font-2 {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.font-3 {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.font-4 {
  font-size: var(--text-md);
}
.font-5 {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.font-6 {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.font-7 {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.font-8 {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  @media (width >= 48rem) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  line-height: 1.15;
}
.font-9 {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
  line-height: 1.15;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  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;
}
@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-leading: initial;
      --tw-font-weight: 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;
    }
  }
}
