/* Tailwind utilities used by the 3D hero, pre-generated (no Tailwind script needed at runtime). */
*, ::before, ::after {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:  ;--tw-pan-y:  ;--tw-pinch-zoom:  ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position:  ;--tw-gradient-via-position:  ;--tw-gradient-to-position:  ;--tw-ordinal:  ;--tw-slashed-zero:  ;--tw-numeric-figure:  ;--tw-numeric-spacing:  ;--tw-numeric-fraction:  ;--tw-ring-inset:  ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:  ;--tw-brightness:  ;--tw-contrast:  ;--tw-grayscale:  ;--tw-hue-rotate:  ;--tw-invert:  ;--tw-saturate:  ;--tw-sepia:  ;--tw-drop-shadow:  ;--tw-backdrop-blur:  ;--tw-backdrop-brightness:  ;--tw-backdrop-contrast:  ;--tw-backdrop-grayscale:  ;--tw-backdrop-hue-rotate:  ;--tw-backdrop-invert:  ;--tw-backdrop-opacity:  ;--tw-backdrop-saturate:  ;--tw-backdrop-sepia:  ;--tw-contain-size:  ;--tw-contain-layout:  ;--tw-contain-paint:  ;--tw-contain-style:  }
.pointer-events-none {pointer-events: none}
.pointer-events-auto {pointer-events: auto}
.absolute {position: absolute}
.relative {position: relative}
.sticky {position: sticky}
.inset-0 {inset: 0px}
.bottom-8 {bottom: 2rem}
.left-1\/2 {left: 50%}
.top-0 {top: 0px}
.top-1\/2 {top: 50%}
.z-0 {z-index: 0}
.z-20 {z-index: 20}
.m-0 {margin: 0px}
.mb-5 {margin-bottom: 1.25rem}
.mt-5 {margin-top: 1.25rem}
.flex {display: flex}
.aspect-\[4\/5\] {aspect-ratio: 4/5}
.h-6 {height: 1.5rem}
.h-\[100svh\] {height: 100svh}
.h-\[400vh\] {height: 400vh}
.h-\[48vmin\] {height: 48vmin}
.h-\[76vmin\] {height: 76vmin}
.h-full {height: 100%}
.w-\[48vmin\] {width: 48vmin}
.w-\[76vmin\] {width: 76vmin}
.w-full {width: 100%}
.w-px {width: 1px}
.max-w-3xl {max-width: 48rem}
.select-none {-webkit-user-select: none;user-select: none}
.flex-col {flex-direction: column}
.flex-wrap {flex-wrap: wrap}
.items-end {align-items: flex-end}
.items-center {align-items: center}
.justify-center {justify-content: center}
.gap-2 {gap: 0.5rem}
.gap-3 {gap: 0.75rem}
.gap-4 {gap: 1rem}
.overflow-hidden {overflow: hidden}
.whitespace-nowrap {white-space: nowrap}
.rounded-2xl {border-radius: 1rem}
.rounded-full {border-radius: 9999px}
.border {border-width: 1px}
.border-solid {border-style: solid}
.border-dashed {border-style: dashed}
.border-\[\#E9B44C\]\/15 {border-color: rgb(233 180 76 / 0.15)}
.border-white\/10 {border-color: rgb(255 255 255 / 0.1)}
.bg-\[\#0B0A08\] {background-color: rgb(11 10 8)}
.bg-neutral-900 {background-color: rgb(23 23 23)}
.bg-\[radial-gradient\(\#2E2A21_1px\2c transparent_1px\)\] {background-image: radial-gradient(#2E2A21 1px,transparent 1px)}
.bg-\[radial-gradient\(circle_at_center\2c rgba\(233\2c 180\2c 76\2c 0\.16\)_0\%\2c transparent_72\%\)\] {background-image: radial-gradient(circle at center,rgba(233,180,76,0.16) 0%,transparent 72%)}
.bg-gradient-to-b {background-image: linear-gradient(to bottom, var(--tw-gradient-stops))}
.bg-gradient-to-t {background-image: linear-gradient(to top, var(--tw-gradient-stops))}
.from-\[\#E9B44C\] {--tw-gradient-from: #E9B44C var(--tw-gradient-from-position);--tw-gradient-to: rgb(233 180 76 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.from-black\/80 {--tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.from-white {--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.via-black\/10 {--tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to)}
.via-white {--tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}
.to-transparent {--tw-gradient-to: transparent var(--tw-gradient-to-position)}
.to-white\/40 {--tw-gradient-to: rgb(255 255 255 / 0.4) var(--tw-gradient-to-position)}
.bg-clip-text {-webkit-background-clip: text;background-clip: text}
.object-cover {object-fit: cover}
.p-4 {padding: 1rem}
.px-4 {padding-left: 1rem;padding-right: 1rem}
.px-6 {padding-left: 1.5rem;padding-right: 1.5rem}
.text-center {text-align: center}
.font-mono {font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
.text-\[11px\] {font-size: 11px}
.text-xs {font-size: 0.75rem;line-height: 1rem}
.uppercase {text-transform: uppercase}
.tracking-\[0\.35em\] {letter-spacing: 0.35em}
.tracking-\[0\.3em\] {letter-spacing: 0.3em}
.tracking-widest {letter-spacing: 0.1em}
.text-\[\#ABA18D\] {color: rgb(171 161 141)}
.text-\[\#E9B44C\] {color: rgb(233 180 76)}
.text-\[\#F3EDE1\] {color: rgb(243 237 225)}
.text-transparent {color: transparent}
.text-white\/95 {color: rgb(255 255 255 / 0.95)}
.opacity-80 {opacity: 0.8}
.shadow-2xl {--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-black\/90 {--tw-shadow-color: rgb(0 0 0 / 0.9);--tw-shadow: var(--tw-shadow-colored)}
.ring-1 {--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.ring-white\/15 {--tw-ring-color: rgb(255 255 255 / 0.15)}
.drop-shadow-md {--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));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)}
.transition-all {transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms}
.transition-transform {transition-property: transform;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms}
.duration-500 {transition-duration: 500ms}
.duration-700 {transition-duration: 700ms}
.ease-out {transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}
.will-change-transform {will-change: transform}
.\[background-size\:28px_28px\] {background-size: 28px 28px}
.\[mask-image\:radial-gradient\(ellipse_70\%_70\%_at_50\%_50\%\2c \#000_60\%\2c transparent_100\%\)\] {-webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 50%,#000 60%,transparent 100%);mask-image: radial-gradient(ellipse 70% 70% at 50% 50%,#000 60%,transparent 100%)}
.hover\:shadow-\[\#E9B44C\]\/25:hover {--tw-shadow-color: rgb(233 180 76 / 0.25);--tw-shadow: var(--tw-shadow-colored)}
.hover\:ring-\[\#E9B44C\]\/80:hover {--tw-ring-color: rgb(233 180 76 / 0.8)}
.group:hover .group-hover\:scale-110 {--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@media (min-width: 640px) {
  .sm\:p-5 {padding: 1.25rem}
  .sm\:text-sm {font-size: 0.875rem;line-height: 1.25rem}
  .sm\:text-xs {font-size: 0.75rem;line-height: 1rem}
}