@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
  [data-v-a08f8efb], [data-v-a08f8efb]::before, [data-v-a08f8efb]::after, [data-v-a08f8efb]::backdrop { --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; }
}
}
.hero-title[data-v-a08f8efb] { --tw-leading: 1.08; --tw-font-weight: var(--font-weight-bold,700); line-height: 1.08; font-weight: var(--font-weight-bold,700); --tw-tracking: -.6px; letter-spacing: -0.6px; color: var(--color-text-primary,#2d2d2d); font-size: clamp(22px, 3.5vw, 28px); }
.icon-badge-brand[data-v-a08f8efb] svg { color: rgba(194, 88, 44, 0.85); }
@media screen {
  .dark .icon-badge-brand[data-v-a08f8efb] svg { color: var(--color-accent-text); }
}
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }