/* 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{--un-leading:initial;--un-accent-opacity:100%;--un-bg-opacity:100%;--un-text-opacity:100%;--un-from-opacity:100%;--un-via-opacity:100%;--un-to-opacity:100%;--un-border-opacity:100%;--un-space-y-reverse:initial;--un-ring-opacity:100%;}}
@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-leading{syntax:"*";inherits:false;}
@property --un-accent-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-ring-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-inset-ring-color{syntax:"*";inherits:false;}
@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-inset-shadow-color{syntax:"*";inherits:false;}
@property --un-ring-color{syntax:"*";inherits:false;}
@property --un-ring-inset{syntax:"*";inherits:false;}
@property --un-ring-offset-color{syntax:"*";inherits:false;}
@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}
@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-shadow-color{syntax:"*";inherits:false;}
@property --un-from-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;}
@property --un-gradient-position{syntax:"*";inherits:false;}
@property --un-gradient-stops{syntax:"*";inherits:false;}
@property --un-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;}
@property --un-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;}
@property --un-gradient-via-stops{syntax:"*";inherits:false;}
@property --un-to-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-via-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-backdrop-blur{syntax:"*";inherits:false;}
@property --un-backdrop-brightness{syntax:"*";inherits:false;}
@property --un-backdrop-contrast{syntax:"*";inherits:false;}
@property --un-backdrop-grayscale{syntax:"*";inherits:false;}
@property --un-backdrop-hue-rotate{syntax:"*";inherits:false;}
@property --un-backdrop-invert{syntax:"*";inherits:false;}
@property --un-backdrop-opacity{syntax:"*";inherits:false;}
@property --un-backdrop-saturate{syntax:"*";inherits:false;}
@property --un-backdrop-sepia{syntax:"*";inherits:false;}
@property --un-space-y-reverse{syntax:"*";inherits:false;initial-value:0;}
/* layer: theme */
:root, :host { --spacing: 0.25rem; --container-3xl: 48rem; --container-xl: 36rem; --leading-relaxed: 1.625; --fontWeight-semibold: 600; --radius-pill: 999px; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --radius-card: 14px; --container-2xl: 42rem; --font-display: "Iowan Old Style", "Palatino Linotype", "Palatino", "Georgia", "Times New Roman", serif; --fontWeight-medium: 500; --container-md: 28rem; --colors-accent: oklch(60% 0.135 40); --container-sm: 24rem; --colors-background: oklch(97% 0.012 80); --colors-foreground: oklch(26% 0.025 55); --colors-border: oklch(26% 0.025 55 / 15%); --colors-muted-foreground: oklch(26% 0.025 55 / 62%); --colors-card: oklch(94% 0.015 80); --colors-destructive: oklch(50.1% 0.178 28.705); --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --text-2xl-fontSize: 1.5rem; --text-2xl-lineHeight: 2rem; --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-xl-fontSize: 1.25rem; --text-xl-lineHeight: 1.75rem; --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }
/* layer: base */
 *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' );  font-feature-settings: var(--default-font-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, 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-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; }  table { text-indent: 0;  border-color: inherit;  border-collapse: collapse;  }  :-moz-focusring { outline: auto; }  progress { vertical-align: baseline; }  summary { display: list-item; }  ol, ul, menu { list-style: none; }  img, svg, video, canvas, audio, iframe, embed, object { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }  ::file-selector-button { margin-inline-end: 4px; }  ::placeholder { opacity: 1; }  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px)  { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } }  textarea { resize: vertical; }  ::-webkit-search-decoration { -webkit-appearance: none; }  ::-webkit-date-and-time-value { min-height: 1lh;  text-align: inherit;  }  ::-webkit-datetime-edit { display: inline-flex; }  ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; }  ::-webkit-calendar-picker-indicator { line-height: 1; }  :-moz-ui-invalid { box-shadow: none; }  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }
/* layer: preflights */

:root {
  --color-background: oklch(97% 0.012 80);
  --color-foreground: oklch(26% 0.025 55);
  --color-card: oklch(94% 0.015 80);
  --color-muted: oklch(94% 0.015 80);
  --color-muted-foreground: oklch(26% 0.025 55 / 62%);
  --color-accent: oklch(60% 0.135 40);
  --color-secondary: oklch(56% 0.07 150);
  --color-primary: oklch(26% 0.025 55);
  --color-border: oklch(26% 0.025 55 / 15%);
  --color-destructive: oklch(50.1% 0.178 28.705);
  --color-ink-deep: oklch(20% 0.02 55);
  --radius-card: 14px;
  --radius-pill: 999px;
  --font-display: "Iowan Old Style", "Palatino Linotype", "Palatino", "Georgia", "Times New Roman", serif;
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --background: var(--color-background);
  --foreground: var(--color-foreground);
  --card: var(--color-card);
  --muted-foreground: var(--color-muted-foreground);
  --accent: var(--color-accent);
  --secondary: var(--color-secondary);
  --border: var(--color-border);
  --destructive: var(--color-destructive);
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

body {
  background: var(--color-background);
  color: var(--color-foreground);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100;
  background: var(--color-foreground);
  color: var(--color-background);
  padding: 0.75rem 1.25rem;
  border-radius: 0 0 0.75rem;
  font-weight: 600;
  text-decoration: none;
}
.skip-link:focus {
  left: 0;
}

.eyebrow {
  font-family: var(--font-sans);
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: var(--color-accent);
  font-size: 0.74rem;
  font-weight: 600;
}

.display {
  font-family: var(--font-display);
  letter-spacing: -0.01em;
  text-wrap: balance;
  font-size: clamp(2.4rem, 1.2rem + 4vw, 4.6rem);
  font-weight: 400;
  line-height: 1.02;
}

.heading-section {
  font-family: var(--font-display);
  letter-spacing: -0.01em;
  text-wrap: balance;
  font-size: clamp(1.9rem, 1.1rem + 2.6vw, 3rem);
  font-weight: 400;
  line-height: 1.05;
}

#site-header:not(.is-scrolled) {
  border-bottom-color: transparent;
}

/* layer: default */
.text-\[0\.85rem\]{font-size:0.85rem;}
.text-\[0\.95rem\]{font-size:0.95rem;}
.text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));}
.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}
.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}
.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}
.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}
.text-accent{color:color-mix(in srgb, var(--colors-accent) var(--un-text-opacity), transparent);}
.text-background{color:color-mix(in srgb, var(--colors-background) var(--un-text-opacity), transparent);}
.text-background\/75{color:color-mix(in srgb, var(--colors-background) 75%, transparent);}
.text-background\/80{color:color-mix(in srgb, var(--colors-background) 80%, transparent);}
.text-background\/85{color:color-mix(in srgb, var(--colors-background) 85%, transparent);}
.text-border{color:color-mix(in srgb, var(--colors-border) var(--un-text-opacity), transparent);}
.text-destructive{color:color-mix(in srgb, var(--colors-destructive) var(--un-text-opacity), transparent);}
.text-foreground{color:color-mix(in srgb, var(--colors-foreground) var(--un-text-opacity), transparent);}
.text-muted-foreground{color:color-mix(in srgb, var(--colors-muted-foreground) var(--un-text-opacity), transparent);}
.hover\:text-foreground:hover{color:color-mix(in srgb, var(--colors-foreground) var(--un-text-opacity), transparent);}
.placeholder\:text-muted-foreground::placeholder{color:color-mix(in srgb, var(--colors-muted-foreground) var(--un-text-opacity), transparent);}
.leading-relaxed{--un-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);}
.font-display{font-family:var(--font-display);}
.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}
.font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}
.mx-auto{margin-inline:auto;}
.mt-1{margin-top:calc(var(--spacing) * 1);}
.mt-10{margin-top:calc(var(--spacing) * 10);}
.mt-12{margin-top:calc(var(--spacing) * 12);}
.mt-2{margin-top:calc(var(--spacing) * 2);}
.mt-3{margin-top:calc(var(--spacing) * 3);}
.mt-4{margin-top:calc(var(--spacing) * 4);}
.mt-5{margin-top:calc(var(--spacing) * 5);}
.mt-6{margin-top:calc(var(--spacing) * 6);}
.mt-7{margin-top:calc(var(--spacing) * 7);}
.mt-8{margin-top:calc(var(--spacing) * 8);}
.p-6{padding:calc(var(--spacing) * 6);}
.px-2{padding-inline:calc(var(--spacing) * 2);}
.px-4{padding-inline:calc(var(--spacing) * 4);}
.px-5{padding-inline:calc(var(--spacing) * 5);}
.px-6{padding-inline:calc(var(--spacing) * 6);}
.px-7{padding-inline:calc(var(--spacing) * 7);}
.py-12{padding-block:calc(var(--spacing) * 12);}
.py-2\.5{padding-block:calc(var(--spacing) * 2.5);}
.py-20{padding-block:calc(var(--spacing) * 20);}
.py-28{padding-block:calc(var(--spacing) * 28);}
.py-3{padding-block:calc(var(--spacing) * 3);}
.py-3\.5{padding-block:calc(var(--spacing) * 3.5);}
.py-5{padding-block:calc(var(--spacing) * 5);}
.py-8{padding-block:calc(var(--spacing) * 8);}
.pl-7{padding-left:calc(var(--spacing) * 7);}
.text-center{text-align:center;}
.focus\:outline-none:focus{--un-outline-style:none;outline-style:none;}
.accent-accent{accent-color:color-mix(in srgb, var(--colors-accent) var(--un-accent-opacity), transparent);}
.border{border-width:1px;}
.border-2{border-width:2px;}
.border-y{border-block-width:1px;}
.border-b{border-bottom-width:1px;}
.border-t{border-top-width:1px;}
.aria-\[invalid\=true\]\:border-destructive[aria-invalid=true]{border-color:color-mix(in srgb, var(--colors-destructive) var(--un-border-opacity), transparent);}
.border-accent{border-color:color-mix(in srgb, var(--colors-accent) var(--un-border-opacity), transparent);}
.border-background\/50{border-color:color-mix(in srgb, var(--colors-background) 50%, transparent);}
.border-border{border-color:color-mix(in srgb, var(--colors-border) var(--un-border-opacity), transparent);}
.border-foreground\/30{border-color:color-mix(in srgb, var(--colors-foreground) 30%, transparent);}
.hover\:border-background:hover{border-color:color-mix(in srgb, var(--colors-background) var(--un-border-opacity), transparent);}
.hover\:border-foreground:hover{border-color:color-mix(in srgb, var(--colors-foreground) var(--un-border-opacity), transparent);}
.focus-visible\:border-accent:focus-visible{border-color:color-mix(in srgb, var(--colors-accent) var(--un-border-opacity), transparent);}
.rounded-\[10px\]{border-radius:10px;}
.rounded-card{border-radius:var(--radius-card);}
.rounded-pill{border-radius:var(--radius-pill);}
.bg-accent{background-color:color-mix(in srgb, var(--colors-accent) var(--un-bg-opacity), transparent);}
.bg-background{background-color:color-mix(in srgb, var(--colors-background) var(--un-bg-opacity), transparent);}
.bg-background\/90{background-color:color-mix(in srgb, var(--colors-background) 90%, transparent);}
.bg-card{background-color:color-mix(in srgb, var(--colors-card) var(--un-bg-opacity), transparent);}
.hover\:bg-background:hover{background-color:color-mix(in srgb, var(--colors-background) var(--un-bg-opacity), transparent);}
.hover\:bg-foreground:hover{background-color:color-mix(in srgb, var(--colors-foreground) var(--un-bg-opacity), transparent);}
.disabled\:opacity-60:disabled{opacity:60%;}
.underline{text-decoration-line:underline;}
.underline-offset-2{text-underline-offset:2px;}
.flex{display:flex;}
.inline-flex{display:inline-flex;}
.shrink-0{flex-shrink:0;}
.flex-wrap{flex-wrap:wrap;}
.gap-1\.5{gap:calc(var(--spacing) * 1.5);}
.gap-10{gap:calc(var(--spacing) * 10);}
.gap-12{gap:calc(var(--spacing) * 12);}
.gap-2{gap:calc(var(--spacing) * 2);}
.gap-3{gap:calc(var(--spacing) * 3);}
.gap-4{gap:calc(var(--spacing) * 4);}
.gap-5{gap:calc(var(--spacing) * 5);}
.gap-6{gap:calc(var(--spacing) * 6);}
.gap-8{gap:calc(var(--spacing) * 8);}
.grid{display:grid;}
.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);}
.size-full{width:100%;height:100%;}
.h-\[68px\]{height:68px;}
.h-7{height:calc(var(--spacing) * 7);}
.max-w-\[72rem\]{max-width:72rem;}
.max-w-2xl{max-width:var(--container-2xl);}
.max-w-3xl{max-width:var(--container-3xl);}
.max-w-md{max-width:var(--container-md);}
.max-w-sm{max-width:var(--container-sm);}
.max-w-xl{max-width:var(--container-xl);}
.w-auto{width:auto;}
.w-full{width:100%;}
.aspect-\[16\/10\]{aspect-ratio:16/10;}
.aspect-\[4\/3\]{aspect-ratio:4/3;}
.block{display:block;}
.inline-block{display:inline-block;}
.hidden{display:none;}
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}
.resize-y{resize:vertical;}
.whitespace-nowrap{white-space:nowrap;}
.focus-visible\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.focus-visible\:ring-accent:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-accent) var(--un-ring-opacity), transparent);}
.shadow-sm{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.duration-200{--un-duration:200ms;transition-duration:200ms;}
.items-start{align-items:flex-start;}
.items-center{align-items:center;}
.inset-0{inset:calc(var(--spacing) * 0);}
.top-0{top:calc(var(--spacing) * 0);}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.absolute{position:absolute;}
.relative{position:relative;}
.sticky{position:sticky;}
.z-40{z-index:40;}
.overflow-hidden{overflow:hidden;}
.from-foreground\/70{--un-from-opacity:70%;--un-gradient-from:color-mix(in oklab, var(--colors-foreground) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.to-foreground\/80{--un-to-opacity:80%;--un-gradient-to:color-mix(in oklab, var(--colors-foreground) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.via-foreground\/55{--un-via-opacity:55%;--un-gradient-via:color-mix(in oklab, var(--colors-foreground) var(--un-via-opacity), transparent);--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-via-stops);}
.bg-gradient-to-b{--un-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--un-gradient-stops));}
.object-cover{object-fit:cover;}
.backdrop-blur{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}
.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.space-y-2{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--un-space-y-reverse)));}
}
.space-y-3{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--un-space-y-reverse)));}
}
@supports (color: color-mix(in lab, red, red)){
.text-accent{color:color-mix(in oklab, var(--colors-accent) var(--un-text-opacity), transparent);}
.text-background{color:color-mix(in oklab, var(--colors-background) var(--un-text-opacity), transparent);}
.text-background\/75{color:color-mix(in oklab, var(--colors-background) 75%, transparent);}
.text-background\/80{color:color-mix(in oklab, var(--colors-background) 80%, transparent);}
.text-background\/85{color:color-mix(in oklab, var(--colors-background) 85%, transparent);}
.text-border{color:color-mix(in oklab, var(--colors-border) var(--un-text-opacity), transparent);}
.text-destructive{color:color-mix(in oklab, var(--colors-destructive) var(--un-text-opacity), transparent);}
.text-foreground{color:color-mix(in oklab, var(--colors-foreground) var(--un-text-opacity), transparent);}
.text-muted-foreground{color:color-mix(in oklab, var(--colors-muted-foreground) var(--un-text-opacity), transparent);}
.hover\:text-foreground:hover{color:color-mix(in oklab, var(--colors-foreground) var(--un-text-opacity), transparent);}
.placeholder\:text-muted-foreground::placeholder{color:color-mix(in oklab, var(--colors-muted-foreground) var(--un-text-opacity), transparent);}
.accent-accent{accent-color:color-mix(in oklab, var(--colors-accent) var(--un-accent-opacity), transparent);}
.aria-\[invalid\=true\]\:border-destructive[aria-invalid=true]{border-color:color-mix(in oklab, var(--colors-destructive) var(--un-border-opacity), transparent);}
.border-accent{border-color:color-mix(in oklab, var(--colors-accent) var(--un-border-opacity), transparent);}
.border-background\/50{border-color:color-mix(in oklab, var(--colors-background) 50%, transparent);}
.border-border{border-color:color-mix(in oklab, var(--colors-border) var(--un-border-opacity), transparent);}
.border-foreground\/30{border-color:color-mix(in oklab, var(--colors-foreground) 30%, transparent);}
.hover\:border-background:hover{border-color:color-mix(in oklab, var(--colors-background) var(--un-border-opacity), transparent);}
.hover\:border-foreground:hover{border-color:color-mix(in oklab, var(--colors-foreground) var(--un-border-opacity), transparent);}
.focus-visible\:border-accent:focus-visible{border-color:color-mix(in oklab, var(--colors-accent) var(--un-border-opacity), transparent);}
.bg-accent{background-color:color-mix(in oklab, var(--colors-accent) var(--un-bg-opacity), transparent);}
.bg-background{background-color:color-mix(in oklab, var(--colors-background) var(--un-bg-opacity), transparent);}
.bg-background\/90{background-color:color-mix(in oklab, var(--colors-background) 90%, transparent);}
.bg-card{background-color:color-mix(in oklab, var(--colors-card) var(--un-bg-opacity), transparent);}
.hover\:bg-background:hover{background-color:color-mix(in oklab, var(--colors-background) var(--un-bg-opacity), transparent);}
.hover\:bg-foreground:hover{background-color:color-mix(in oklab, var(--colors-foreground) var(--un-bg-opacity), transparent);}
.focus-visible\:ring-accent:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-accent) var(--un-ring-opacity), transparent);}
}
@media (min-width: 40rem){
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width: 48rem){
.md\:text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));}
.md\:p-7{padding:calc(var(--spacing) * 7);}
.md\:p-8{padding:calc(var(--spacing) * 8);}
.md\:px-10{padding-inline:calc(var(--spacing) * 10);}
.md\:py-28{padding-block:calc(var(--spacing) * 28);}
.md\:py-40{padding-block:calc(var(--spacing) * 40);}
.md\:flex{display:flex;}
.md\:gap-16{gap:calc(var(--spacing) * 16);}
.md\:col-span-2{grid-column:span 2/span 2;}
.md\:grid-cols-\[1fr_1\.1fr\]{grid-template-columns:1fr 1.1fr;}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.md\:items-start{align-items:flex-start;}
.md\:items-center{align-items:center;}
}
@media (min-width: 64rem){
.lg\:row-span-2{grid-row:span 2/span 2;}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.lg\:aspect-\[3\/4\]{aspect-ratio:3/4;}
}