@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@300;400;500;600;700&display=swap');

*,
: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(198 174 110 / .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;
}

::backdrop {
  --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(198 174 110 / .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;
}

*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.08);
}

:before,
:after {
  --tw-content: "";
}

html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: 'Inter', system-ui, sans-serif;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  line-height: inherit;
  background-color: #0f0f0f;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  text-decoration: underline dotted;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-feature-settings: normal;
  font-variation-settings: 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;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button,
select {
  text-transform: none;
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: rgba(255, 255, 255, 0.4);
}

button,
[role=button] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

img,
video {
  max-width: 100%;
  height: auto;
}

[hidden]:where(:not([hidden=until-found])) {
  display: none;
}

:root {
  --background: 0 0% 6%;
  --foreground: 0 0% 98%;
  --ink: 0 0% 98%;
  --ink-soft: 0 0% 90%;
  --cream: 0 0% 98%;
  --cream-dark: 0 0% 90%;
  --card: 0 0% 8%;
  --card-foreground: 0 0% 98%;
  --popover: 0 0% 8%;
  --popover-foreground: 0 0% 98%;
  --primary: 0 0% 98%;
  --primary-foreground: 0 0% 6%;
  --secondary: 0 0% 12%;
  --secondary-foreground: 0 0% 98%;
  --muted: 0 0% 15%;
  --muted-foreground: 0 0% 65%;
  --accent: 43 48% 60%;
  --accent-foreground: 0 0% 6%;
  --accent-soft: 43 38% 70%;
  --destructive: 0 70% 45%;
  --destructive-foreground: 0 0% 98%;
  --border: 0 0% 15%;
  --input: 0 0% 15%;
  --ring: 43 48% 60%;
  --radius: .25rem;
  --gradient-ink: linear-gradient(135deg, #f5f5f5, #ffffff);
  --gradient-amber: linear-gradient(135deg, #c6ae6e, #d4c08c);
  --gradient-veil: linear-gradient(180deg, rgba(15, 15, 15, .95), rgba(15, 15, 15, .65) 60%, rgba(15, 15, 15, .98));
  --shadow-elegant: 0 30px 60px -30px rgba(0, 0, 0, .75);
  --shadow-soft: 0 10px 30px -15px rgba(0, 0, 0, .5);
  --shadow-amber: 0 20px 50px -20px rgba(198, 174, 110, .35);
  --font-display: "Fraunces", "Times New Roman", serif;
  --font-body: "Inter", system-ui, sans-serif;
  --ease-out-soft: cubic-bezier(.22, 1, .36, 1);
}

.dark {
  --background: 0 0% 6%;
  --foreground: 0 0% 98%;
  --card: 0 0% 8%;
  --card-foreground: 0 0% 98%;
  --popover: 0 0% 8%;
  --popover-foreground: 0 0% 98%;
  --primary: 0 0% 98%;
  --primary-foreground: 0 0% 6%;
  --secondary: 0 0% 12%;
  --secondary-foreground: 0 0% 98%;
  --muted: 0 0% 15%;
  --muted-foreground: 0 0% 70%;
  --accent: 43 48% 60%;
  --accent-foreground: 0 0% 6%;
  --border: 0 0% 15%;
  --input: 0 0% 15%;
  --ring: 43 48% 60%;
}

* {
  border-color: hsl(var(--border));
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #0f0f0f;
  color: hsl(var(--foreground));
  font-family: var(--font-body);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: -0.02em;
}

.display {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 0.98;
}

.eyebrow {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.22em;
}

.accent-rule {
  display: inline-block;
  height: 2px;
  width: 3rem;
  background-color: #c6ae6e;
  vertical-align: middle;
}

.section-pad {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

@media (min-width: 768px) {
  .section-pad {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}

.container-narrow {
  margin-left: auto;
  margin-right: auto;
  max-width: 48rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.container-wide {
  margin-left: auto;
  margin-right: auto;
  max-width: 72rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.grain:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  opacity: 0.04;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.8'/></svg>");
  mix-blend-mode: overlay;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }
.visible { visibility: visible; }
.invisible { visibility: hidden; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
.inset-x-0 { left: 0; right: 0; }
.inset-y-0 { top: 0; bottom: 0; }
.-bottom-12 { bottom: -3rem; }
.-bottom-6 { bottom: -1.5rem; }
.-left-12 { left: -3rem; }
.-right-12 { right: -3rem; }
.-right-6 { right: -1.5rem; }
.-top-12 { top: -3rem; }
.bottom-0 { bottom: 0; }
.bottom-8 { bottom: 2rem; }
.left-0 { left: 0; }
.left-1\/2 { left: 50%; }
.right-0 { right: 0; }
.right-2 { right: 0.5rem; }
.right-4 { right: 1rem; }
.top-0 { top: 0; }
.top-1\/2 { top: 50%; }
.top-2 { top: 0.5rem; }
.z-10 { z-index: 10; }
.z-50 { z-index: 50; }
.z-\[1\] { z-index: 1; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.mx-auto { margin-left: auto; margin-right: auto; }
.mb-10 { margin-bottom: 2.5rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-20 { margin-bottom: 5rem; }
.mb-24 { margin-bottom: 6rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.ml-3 { margin-left: 0.75rem; }
.mt-1 { margin-top: 0.25rem; }
.mt-10 { margin-top: 2.5rem; }
.mt-12 { margin-top: 3rem; }
.mt-14 { margin-top: 3.5rem; }
.mt-16 { margin-top: 4rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-4 { margin-top: 1rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mt-auto { margin-top: auto; }
.block { display: block; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
.hidden { display: none; }
.aspect-\[3\/4\] { aspect-ratio: 3/4; }
.aspect-\[4\/5\] { aspect-ratio: 4/5; }
.aspect-\[5\/4\] { aspect-ratio: 5/4; }
.h-10 { height: 2.5rem; }
.h-16 { height: 4rem; }
.h-4 { height: 1rem; }
.h-5 { height: 1.25rem; }
.h-6 { height: 1.5rem; }
.h-full { height: 100%; }
.h-px { height: 1px; }
.w-16 { width: 4rem; }
.w-4 { width: 1rem; }
.w-5 { width: 1.25rem; }
.w-6 { width: 1.5rem; }
.w-7 { width: 1.75rem; }
.w-\[62\%\] { width: 62%; }
.w-\[68\%\] { width: 68%; }
.w-full { width: 100%; }
.w-px { width: 1px; }
.max-w-3xl { max-width: 48rem; }
.max-w-4xl { max-width: 56rem; }
.max-w-xl { max-width: 36rem; }
.flex-1 { flex: 1 1 0%; }
.shrink-0 { flex-shrink: 0; }
.-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-\[-50\%\] { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-\[-50\%\] { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@keyframes ken-burns {
  0% { transform: scale(1); }
  to { transform: scale(1.08); }
}
.animate-ken-burns { animation: ken-burns 18s ease-out forwards; }
.cursor-pointer { cursor: pointer; }
.resize-none { resize: none; }
.list-none { list-style-type: none; }
.flex-col { flex-direction: column; }
.flex-col-reverse { flex-direction: column-reverse; }
.flex-wrap { flex-wrap: wrap; }
.items-start { align-items: flex-start; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-1 { gap: 0.25rem; }
.gap-10 { gap: 2.5rem; }
.gap-12 { gap: 3rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }
.gap-x-3 { column-gap: 0.75rem; }
.gap-y-2 { row-gap: 0.5rem; }
.space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }
.space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); }
.space-y-24 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(6rem * var(--tw-space-y-reverse)); }
.space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); }
.space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); }
.divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); }
.divide-ink\/10 > :not([hidden]) ~ :not([hidden]) { border-color: rgba(255, 255, 255, 0.1); }
.overflow-hidden { overflow: hidden; }
.whitespace-pre-line { white-space: pre-line; }
.text-balance { text-wrap: balance; }
.rounded-full { border-radius: 9999px; }
.rounded-md { border-radius: calc(var(--radius) - 2px); }
.border { border-width: 1px; }
.border-2 { border-width: 2px; }
.border-4 { border-width: 4px; }
.border-y { border-top-width: 1px; border-bottom-width: 1px; }
.border-b { border-bottom-width: 1px; }
.border-b-2 { border-bottom-width: 2px; }
.border-l { border-left-width: 1px; }
.border-l-2 { border-left-width: 2px; }
.border-t { border-top-width: 1px; }
.border-accent { border-color: #c6ae6e; }
.border-cream\/10 { border-color: rgba(255, 255, 255, 0.1); }
.border-cream\/15 { border-color: rgba(255, 255, 255, 0.15); }
.border-cream\/20 { border-color: rgba(255, 255, 255, 0.2); }
.border-destructive { border-color: hsl(var(--destructive)); }
.border-ink { border-color: #f5f5f5; }
.border-ink\/10 { border-color: rgba(255, 255, 255, 0.1); }
.border-ink\/15 { border-color: rgba(255, 255, 255, 0.15); }
.border-ink\/20 { border-color: rgba(255, 255, 255, 0.2); }
.border-transparent { border-color: transparent; }
.bg-accent { background-color: #c6ae6e; }
.bg-cream { background-color: #0f0f0f; }
.bg-cream-dark { background-color: #0a0a0a; }
.bg-cream-dark\/40 { background-color: rgba(10, 10, 10, 0.4); }
.bg-cream\/\[0\.03\] { background-color: rgba(15, 15, 15, 0.03); }
.bg-destructive { background-color: hsl(var(--destructive)); }
.bg-ink { background-color: #0f0f0f; }
.bg-ink-soft { background-color: #1a1a1a; }
.bg-ink\/10 { background-color: rgba(15, 15, 15, 0.1); }
.bg-ink\/20 { background-color: rgba(15, 15, 15, 0.2); }
.bg-ink\/30 { background-color: rgba(15, 15, 15, 0.3); }
.bg-transparent { background-color: transparent; }
.bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
.bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); }
.from-ink { --tw-gradient-from: #0f0f0f var(--tw-gradient-from-position); --tw-gradient-to: rgba(15, 15, 15, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-ink\/60 { --tw-gradient-from: rgba(15, 15, 15, 0.6) var(--tw-gradient-from-position); --tw-gradient-to: rgba(15, 15, 15, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.via-ink\/85 { --tw-gradient-to: rgba(15, 15, 15, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(15, 15, 15, 0.85) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.via-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to); }
.to-ink { --tw-gradient-to: #0f0f0f var(--tw-gradient-to-position); }
.to-ink\/30 { --tw-gradient-to: rgba(15, 15, 15, 0.3) var(--tw-gradient-to-position); }
.to-ink\/40 { --tw-gradient-to: rgba(15, 15, 15, 0.4) var(--tw-gradient-to-position); }
.to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); }
.object-cover { object-fit: cover; }
.object-\[75\%_center\] { object-position: 75% center; }
.p-6 { padding: 1.5rem; }
.p-8 { padding: 2rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.pb-32 { padding-bottom: 8rem; }
.pb-4 { padding-bottom: 1rem; }
.pb-8 { padding-bottom: 2rem; }
.pl-6 { padding-left: 1.5rem; }
.pt-16 { padding-top: 4rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-4 { padding-top: 1rem; }
.pt-6 { padding-top: 1.5rem; }
.pt-8 { padding-top: 2rem; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.font-display { font-family: 'Fraunces', 'Times New Roman', serif; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.text-5xl { font-size: 3rem; line-height: 1; }
.text-6xl { font-size: 3.75rem; line-height: 1; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.font-bold { font-weight: 700; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.uppercase { text-transform: uppercase; }
.italic { font-style: italic; }
.not-italic { font-style: normal; }
.leading-\[1\.05\] { line-height: 1.05; }
.leading-none { line-height: 1; }
.leading-relaxed { line-height: 1.625; }
.leading-snug { line-height: 1.375; }
.tracking-tight { letter-spacing: -0.025em; }
.text-accent { color: #c6ae6e; }
.text-accent-foreground { color: #0f0f0f; }
.text-accent-soft { color: #d4c08c; }
.text-cream { color: #f5f5f5; }
.text-cream\/30 { color: rgba(245, 245, 245, 0.3); }
.text-cream\/50 { color: rgba(245, 245, 245, 0.5); }
.text-cream\/60 { color: rgba(245, 245, 245, 0.6); }
.text-cream\/70 { color: rgba(245, 245, 245, 0.7); }
.text-cream\/75 { color: rgba(245, 245, 245, 0.75); }
.text-cream\/80 { color: rgba(245, 245, 245, 0.8); }
.text-destructive { color: hsl(var(--destructive)); }
.text-ink { color: #f5f5f5; }
.text-ink-soft { color: #e5e5e5; }
.text-ink\/60 { color: rgba(245, 245, 245, 0.6); }
.text-ink\/70 { color: rgba(245, 245, 245, 0.7); }
.text-ink\/80 { color: rgba(245, 245, 245, 0.8); }
.underline { text-decoration-line: underline; }
.opacity-0 { opacity: 0; }
.opacity-90 { opacity: 0.9; }
.shadow-amber { --tw-shadow: var(--shadow-amber); --tw-shadow-colored: var(--shadow-amber); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-elegant { --tw-shadow: var(--shadow-elegant); --tw-shadow-colored: var(--shadow-elegant); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-soft { --tw-shadow: var(--shadow-soft); --tw-shadow-colored: var(--shadow-soft); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.outline-none { outline: 2px solid transparent; outline-offset: 2px; }
.grayscale { --tw-grayscale: grayscale(100%); 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 { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; }
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; }
.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; }
.duration-1000 { transition-duration: 1s; }
.duration-200 { transition-duration: .2s; }
.duration-300 { transition-duration: .3s; }
.duration-700 { transition-duration: .7s; }
.ease-in-out { transition-timing-function: cubic-bezier(.4,0,.2,1); }
@keyframes enter {
  0% { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); }
}
@keyframes exit {
  to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); }
}
.animate-in { animation-name: enter; animation-duration: .15s; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; }
.fade-in-0 { --tw-enter-opacity: 0; }
.zoom-in-95 { --tw-enter-scale: .95; }
.hover\:bg-accent:hover { background-color: #c6ae6e; }
.hover\:bg-accent-soft:hover { background-color: #d4c08c; }
.hover\:bg-cream\/5:hover { background-color: rgba(15, 15, 15, 0.05); }
.hover\:text-accent:hover { color: #c6ae6e; }
.hover\:text-accent-foreground:hover { color: #0f0f0f; }
.hover\:no-underline:hover { text-decoration-line: none; }
.hover\:grayscale-0:hover { --tw-grayscale: grayscale(0); 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); }
.focus\:border-accent:focus { border-color: #c6ae6e; }
.focus\:border-destructive:focus { border-color: hsl(var(--destructive)); }
.focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; }
.disabled\:opacity-50:disabled { opacity: 0.5; }
.group:hover .group-hover\:translate-x-1 { --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group\/menu-item:hover .group-hover\/menu-item\:opacity-100,
.group:hover .group-hover\:opacity-100 { opacity: 1; }
.group.destructive .group-\[\.destructive\]\:border-muted\/40 { border-color: rgba(255, 255, 255, 0.4); }
.group.toaster .group-\[\.toaster\]\:border-border { border-color: hsl(var(--border)); }
.group.toast .group-\[\.toast\]\:bg-muted { background-color: hsl(var(--muted)); }
.group.toast .group-\[\.toast\]\:bg-primary { background-color: hsl(var(--primary)); }
.group.toaster .group-\[\.toaster\]\:bg-background { background-color: hsl(var(--background)); }
.group.destructive .group-\[\.destructive\]\:text-red-300 { --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); }
.group.toast .group-\[\.toast\]\:text-muted-foreground { color: hsl(var(--muted-foreground)); }
.group.toast .group-\[\.toast\]\:text-primary-foreground { color: hsl(var(--primary-foreground)); }
.group.toaster .group-\[\.toaster\]\:text-foreground { color: hsl(var(--foreground)); }
.group.toaster .group-\[\.toaster\]\:shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover { border-color: hsl(var(--destructive) / .3); }
.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover { background-color: hsl(var(--destructive)); }
.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover { color: hsl(var(--destructive-foreground)); }
.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover { --tw-text-opacity: 1; color: rgb(254 242 242 / var(--tw-text-opacity, 1)); }
.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus { --tw-ring-color: hsl(var(--destructive)); }
.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1)); }
.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus { --tw-ring-offset-color: #dc2626; }
.peer:disabled ~ .peer-disabled\:cursor-not-allowed { cursor: not-allowed; }
.peer:disabled ~ .peer-disabled\:opacity-70 { opacity: 0.7; }
.has-\[\:disabled\]\:opacity-50:has(:disabled) { opacity: 0.5; }
.aria-disabled\:pointer-events-none[aria-disabled="true"] { pointer-events: none; }
.aria-disabled\:opacity-50[aria-disabled="true"] { opacity: 0.5; }
.data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; }
.data-\[side\=bottom\]\:translate-y-1[data-side=bottom] { --tw-translate-y: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[side\=left\]\:-translate-x-1[data-side=left] { --tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[side\=right\]\:translate-x-1[data-side=right] { --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[side\=top\]\:-translate-y-1[data-side=top] { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[state\=open\]\:rotate-180[data-state=open] { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] { --tw-translate-x: var(--radix-toast-swipe-end-x); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] { --tw-translate-x: var(--radix-toast-swipe-move-x); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@keyframes accordion-up {
  0% { height: var(--radix-accordion-content-height); }
  to { height: 0; }
}
.data-\[state\=closed\]\:animate-accordion-up[data-state=closed] { animation: accordion-up .2s ease-out; }
@keyframes accordion-down {
  0% { height: 0; }
  to { height: var(--radix-accordion-content-height); }
}
.data-\[state\=open\]\:animate-accordion-down[data-state=open] { animation: accordion-down .2s ease-out; }
.data-\[state\=open\]\:bg-accent[data-state=open] { background-color: #c6ae6e; }
.data-\[state\=open\]\:bg-accent\/50[data-state=open] { background-color: rgba(198, 174, 110, 0.5); }
.data-\[state\=open\]\:text-accent-foreground[data-state=open] { color: #0f0f0f; }
.data-\[state\=open\]\:opacity-100[data-state=open] { opacity: 1; }
.data-\[swipe\=move\]\:transition-none[data-swipe=move] { transition-property: none; }
.data-\[state\=closed\]\:duration-300[data-state=closed] { transition-duration: .3s; }
.data-\[state\=open\]\:duration-500[data-state=open] { transition-duration: .5s; }
.data-\[state\=open\]\:animate-in[data-state=open] { animation-name: enter; animation-duration: .15s; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; }
.data-\[state\=closed\]\:animate-out[data-state=closed] { animation-name: exit; animation-duration: .15s; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; }
.data-\[state\=closed\]\:fade-out-0[data-state=closed] { --tw-exit-opacity: 0; }
.data-\[state\=closed\]\:fade-out-80[data-state=closed] { --tw-exit-opacity: .8; }
.data-\[state\=open\]\:fade-in-0[data-state=open] { --tw-enter-opacity: 0; }
.data-\[state\=closed\]\:zoom-out-95[data-state=closed] { --tw-exit-scale: .95; }
.data-\[state\=open\]\:zoom-in-95[data-state=open] { --tw-enter-scale: .95; }
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] { --tw-enter-translate-y: -0.5rem; }
.data-\[side\=left\]\:slide-in-from-right-2[data-side=left] { --tw-enter-translate-x: 0.5rem; }
.data-\[side\=right\]\:slide-in-from-left-2[data-side=right] { --tw-enter-translate-x: -0.5rem; }
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] { --tw-enter-translate-y: 0.5rem; }
.data-\[state\=closed\]\:slide-out-to-left[data-state=closed] { --tw-exit-translate-x: -100%; }
.data-\[state\=closed\]\:slide-out-to-right[data-state=closed] { --tw-exit-translate-x: 100%; }
.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed] { --tw-exit-translate-x: 100%; }
.data-\[state\=open\]\:slide-in-from-bottom[data-state=open] { --tw-enter-translate-y: 100%; }
.data-\[state\=open\]\:slide-in-from-top-full[data-state=open] { --tw-enter-translate-y: -100%; }
.data-\[state\=closed\]\:duration-300[data-state=closed] { animation-duration: .3s; }
.data-\[state\=open\]\:duration-500[data-state=open] { animation-duration: .5s; }
@media (min-width: 640px) {
  .sm\:bottom-0 { bottom: 0; }
  .sm\:right-0 { right: 0; }
  .sm\:top-auto { top: auto; }
  .sm\:flex { display: flex; }
  .sm\:flex-row { flex-direction: row; }
  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }
  .sm\:text-6xl { font-size: 3.75rem; line-height: 1; }
  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open] { --tw-enter-translate-y: 100%; }
}
@media (min-width: 768px) {
  .md\:absolute { position: absolute; }
  .md\:block { display: block; }
  .md\:inline-flex { display: inline-flex; }
  .md\:max-w-\[420px\] { max-width: 420px; }
  .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\:flex-row { flex-direction: row; }
  .md\:items-center { align-items: center; }
  .md\:space-y-32 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(8rem * var(--tw-space-y-reverse)); }
  .md\:to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); }
  .md\:object-\[80\%_center\] { object-position: 80% center; }
  .md\:p-10 { padding: 2.5rem; }
  .md\:p-8 { padding: 2rem; }
  .md\:py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  .md\:pb-40 { padding-bottom: 10rem; }
  .md\:pl-8 { padding-left: 2rem; }
  .md\:pt-28 { padding-top: 7rem; }
  .md\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
  .md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .md\:text-5xl { font-size: 3rem; line-height: 1; }
  .md\:text-7xl { font-size: 4.5rem; line-height: 1; }
  .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
  .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
}
@media (min-width: 1024px) {
  .lg\:order-1 { order: 1; }
  .lg\:order-2 { order: 2; }
  .lg\:col-span-1 { grid-column: span 1 / span 1; }
  .lg\:col-span-3 { grid-column: span 3 / span 3; }
  .lg\:col-span-4 { grid-column: span 4 / span 4; }
  .lg\:col-span-5 { grid-column: span 5 / span 5; }
  .lg\:col-span-6 { grid-column: span 6 / span 6; }
  .lg\:col-span-7 { grid-column: span 7 / span 7; }
  .lg\:col-start-3 { grid-column-start: 3; }
  .lg\:col-start-6 { grid-column-start: 6; }
  .lg\:block { display: block; }
  .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lg\:gap-12 { gap: 3rem; }
  .lg\:gap-14 { gap: 3.5rem; }
  .lg\:gap-16 { gap: 4rem; }
  .lg\:gap-20 { gap: 5rem; }
  .lg\:gap-8 { gap: 2rem; }
  .lg\:p-10 { padding: 2.5rem; }
  .lg\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
  .lg\:text-5xl { font-size: 3rem; line-height: 1; }
  .lg\:text-6xl { font-size: 3.75rem; line-height: 1; }
  .lg\:text-\[5\.5rem\] { font-size: 5.5rem; }
}
.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div { --tw-translate-y: -3px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.\[\&\>svg\]\:absolute>svg { position: absolute; }
.\[\&\>svg\]\:left-4>svg { left: 1rem; }
.\[\&\>svg\]\:top-4>svg { top: 1rem; }
.\[\&\>svg\]\:size-3\.5>svg { width: 0.875rem; height: 0.875rem; }
.\[\&\>svg\]\:size-4>svg { width: 1rem; height: 1rem; }
.\[\&\>svg\]\:shrink-0>svg { flex-shrink: 0; }
.\[\&\>svg\]\:text-destructive>svg { color: hsl(var(--destructive)); }
.\[\&\>svg\]\:text-foreground>svg { color: hsl(var(--foreground)); }
.\[\&\>svg\]\:text-muted-foreground>svg { color: hsl(var(--muted-foreground)); }
.\[\&\>svg\~\*\]\:pl-7>svg~* { padding-left: 1.75rem; }
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-left: .5rem; padding-right: .5rem; }
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-top: .375rem; padding-bottom: .375rem; }
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: .75rem; line-height: 1rem; }
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { font-weight: 500; }
.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { color: hsl(var(--muted-foreground)); }
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group] { padding-top: 0; }
.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-left: .5rem; padding-right: .5rem; }
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: 1.25rem; }
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: 1.25rem; }
.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: 3rem; }
.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-left: .5rem; padding-right: .5rem; }
.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-top: .75rem; padding-bottom: .75rem; }
.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: 1.25rem; }
.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: 1.25rem; }
.\[\&_p\]\:leading-relaxed p { line-height: 1.625; }
.\[\&_svg\]\:pointer-events-none svg { pointer-events: none; }
.\[\&_svg\]\:size-4 svg { width: 1rem; height: 1rem; }
.\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; }
.\[\&_tr\:last-child\]\:border-0 tr:last-child { border-width: 0px; }
.\[\&_tr\]\:border-b tr { border-bottom-width: 1px; }

/* Custom animations */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-up {
  animation: fadeUp 0.8s var(--ease-out-soft) forwards;
}

/* Accordion styles */
.accordion-content {
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}

.accordion-content[data-state="open"] {
  animation: accordion-down 0.2s ease-out;
}

.accordion-content[data-state="closed"] {
  animation: accordion-up 0.2s ease-out;
}

/* === VYLEPŠENIA PRE LUXUSNÝ DIZAJN === */
main {
  background-color: #0f0f0f;
}

/* Zabezpečí, aby pôvodné svetlé pozadia boli tmavé */
.bg-cream,
section[class*="bg-cream"] {
  background-color: #0f0f0f !important;
}

.bg-cream-dark,
section[class*="bg-cream-dark"] {
  background-color: #0a0a0a !important;
}

.text-ink {
  color: #f5f5f5 !important;
}

.text-ink-soft {
  color: #e5e5e5 !important;
}

.text-ink\/60,
.text-ink\/70,
.text-ink\/80 {
  color: rgba(245, 245, 245, 0.7) !important;
}

.border-ink\/10,
.border-ink\/15,
.border-ink\/20 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.border-cream\/10,
.border-cream\/15,
.border-cream\/20 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.bg-ink {
  background-color: #0f0f0f !important;
}

.bg-ink-soft {
  background-color: #1a1a1a !important;
}

.bg-ink\/10,
.bg-ink\/20,
.bg-ink\/30 {
  background-color: rgba(15, 15, 15, 0.2) !important;
}

.shadow-soft {
  box-shadow: 0 10px 30px -15px rgba(0, 0, 0, 0.7) !important;
}

.shadow-elegant {
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.9) !important;
}

form.bg-cream {
  background-color: #1a1a1a !important;
  border: 1px solid rgba(198, 174, 110, 0.2);
}

form input,
form select,
form textarea {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #f5f5f5 !important;
  border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}

form input:focus,
form select:focus,
form textarea:focus {
  border-bottom-color: #c6ae6e !important;
}

form label {
  color: #c6ae6e !important;
}

button[type="submit"] {
  background-color: #c6ae6e !important;
  color: #0f0f0f !important;
  font-weight: 600;
  transition: all 0.3s ease;
}

button[type="submit"]:hover {
  background-color: #d4c08c !important;
}

footer {
  background-color: #0a0a0a !important;
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

.grayscale:hover {
  filter: grayscale(0%) !important;
}

.hover\:bg-cream\/5:hover {
  background-color: rgba(255, 255, 255, 0.03) !important;
}

/* FAQ button styles */
button.flex-1 {
  color: #f5f5f5;
}

button.flex-1:hover {
  color: #c6ae6e;
}

/* Jemný zlatý glow pre akcentové prvky */
.text-accent,
.hover\:text-accent:hover {
  text-shadow: 0 0 20px rgba(198, 174, 110, 0.3);
}

/* Vylepšené referencie */
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, #0f0f0f, #1a1a1a) !important;
}




/* Elegantný countdown štýl */
.countdown-number {
    font-family: var(--font-display);
    font-size: 3rem;
    font-weight: 600;
    color: #c6ae6e;
    line-height: 1;
    letter-spacing: -0.02em;
}

.countdown-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255, 255, 255, 0.6);
    margin-left: 0.25rem;
}

.countdown-sep {
    font-family: var(--font-display);
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 0.3);
    margin: 0 0.5rem;
}

@media (min-width: 768px) {
    .countdown-number {
        font-size: 4rem;
    }
}


/* Oprava dropdown/select options - biele texty */
select,
select option {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

select option:hover,
select option:focus,
select option:checked {
    background-color: #c6ae6e !important;
    color: #0f0f0f !important;
}

/* Pre všetky selecty vo formulári */
#multiStepForm select,
#multiStepForm select option {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
}

#multiStepForm select {
    border: 1px solid #555 !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    width: 100% !important;
}

/* Toto je kľúčové pre rozbalené options */
select:focus > option:checked,
select:focus option:hover,
select option:checked {
    background: #c6ae6e !important;
    color: #0f0f0f !important;
}