@custom-variant dark (&:is(.dark *));@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-clay: var(--clay); --color-clay-deep: var(--clay-deep); --color-olive: var(--olive); --color-sand: var(--sand); --color-sand-deep: var(--sand-deep); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --radius-sm: calc(var(--radius) - 2px); --radius-md: var(--radius); --radius-lg: calc(var(--radius) + 6px); --font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif; --font-display: "Fraunces", ui-serif, Georgia, serif; --animate-accordion-down: accordion-down .2s ease-out; --animate-accordion-up: accordion-up .2s ease-out; --animate-caret-blink: caret-blink 1.25s ease-out infinite; }@property --tw-enter-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);translate:var(--tw-enter-translate-x, 0) var(--tw-enter-translate-y, 0);scale:var(--tw-enter-scale, 1);rotate:var(--tw-enter-rotate, 0)}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);translate:var(--tw-exit-translate-x, 0) var(--tw-exit-translate-y, 0);scale:var(--tw-exit-scale, 1);rotate:var(--tw-exit-rotate, 0)}}@utility animate-in{animation-name: enter; animation-duration: var(--tw-duration, .15s); animation-timing-function: var(--tw-ease, ease);}@utility animate-out{animation-name: exit; animation-duration: var(--tw-duration, .15s); animation-timing-function: var(--tw-ease, ease); animation-fill-mode: forwards;}@utility fade-in{ --tw-enter-opacity: 0; }@utility fade-in-*{ --tw-enter-opacity: calc(--value(number)*.01) ; }@utility fade-out{ --tw-exit-opacity: 0; }@utility fade-out-*{ --tw-exit-opacity: calc(--value(number)*.01) ; }@utility zoom-in-*{ --tw-enter-scale: calc(--value(number)*.01) ; }@utility zoom-out-*{ --tw-exit-scale: calc(--value(number)*.01) ; }@utility slide-in-from-top{ --tw-enter-translate-y: -100%; }@utility slide-in-from-top-*{ --tw-enter-translate-y: calc(-1*--spacing(--value(number))) ; --tw-enter-translate-y: calc(-100%*--value(ratio)) ; --tw-enter-translate-y: calc(-1*--value([percentage])) ; }@utility slide-in-from-bottom{ --tw-enter-translate-y: 100%; }@utility slide-in-from-bottom-*{ --tw-enter-translate-y: --spacing(--value(number)); --tw-enter-translate-y: calc(100%*--value(ratio)) ; --tw-enter-translate-y: --value([percentage]); }@utility slide-in-from-left{ --tw-enter-translate-x: -100%; }@utility slide-in-from-left-*{ --tw-enter-translate-x: calc(-1*--spacing(--value(number))) ; --tw-enter-translate-x: calc(-100%*--value(ratio)) ; --tw-enter-translate-x: calc(-1*--value([percentage])) ; }@utility slide-in-from-right{ --tw-enter-translate-x: 100%; }@utility slide-in-from-right-*{ --tw-enter-translate-x: --spacing(--value(number)); --tw-enter-translate-x: calc(100%*--value(ratio)) ; --tw-enter-translate-x: --value([percentage]); }@utility slide-out-to-top{ --tw-exit-translate-y: -100%; }@utility slide-out-to-top-*{ --tw-exit-translate-y: calc(-1*--spacing(--value(number))) ; --tw-exit-translate-y: calc(-100%*--value(ratio)) ; --tw-exit-translate-y: calc(-1*--value([percentage])) ; }@utility slide-out-to-bottom{ --tw-exit-translate-y: 100%; }@utility slide-out-to-bottom-*{ --tw-exit-translate-y: --spacing(--value(number)); --tw-exit-translate-y: calc(100%*--value(ratio)) ; --tw-exit-translate-y: --value([percentage]); }@utility slide-out-to-left{ --tw-exit-translate-x: -100%; }@utility slide-out-to-left-*{ --tw-exit-translate-x: calc(-1*--spacing(--value(number))) ; --tw-exit-translate-x: calc(-100%*--value(ratio)) ; --tw-exit-translate-x: calc(-1*--value([percentage])) ; }@utility slide-out-to-right{ --tw-exit-translate-x: 100%; }@utility slide-out-to-right-*{ --tw-exit-translate-x: --spacing(--value(number)); --tw-exit-translate-x: calc(100%*--value(ratio)) ; --tw-exit-translate-x: --value([percentage]); }:root{--radius: .125rem;--background: #fbfaf7;--foreground: #1b1916;--card: #ffffff;--card-foreground: #1b1916;--popover: #ffffff;--popover-foreground: #1b1916;--primary: #1b1916;--primary-foreground: #f7f4ee;--secondary: #efeae1;--secondary-foreground: #2a2723;--muted: #f1ede5;--muted-foreground: #6f6a5f;--accent: #f1ede5;--accent-foreground: #1b1916;--destructive: #9c3b26;--destructive-foreground: #fbfaf7;--border: #e5dfd2;--input: #d8d1c2;--ring: #9c4a2f;--clay: #9c4a2f;--clay-deep: #7c3a24;--olive: #23261f;--sand: #efe9dd;--sand-deep: #e3dbc9;--sidebar: #f4f0e8;--sidebar-foreground: #2a2723;--sidebar-primary: #1b1916;--sidebar-primary-foreground: #f7f4ee;--sidebar-accent: #efeae1;--sidebar-accent-foreground: #1b1916;--sidebar-border: #e5dfd2;--sidebar-ring: #9c4a2f}.dark{--background: #1b1916;--foreground: #f7f4ee;--card: #23201b;--card-foreground: #f7f4ee;--popover: #23201b;--popover-foreground: #f7f4ee;--primary: #f7f4ee;--primary-foreground: #1b1916;--secondary: #2e2a24;--secondary-foreground: #f7f4ee;--muted: #2e2a24;--muted-foreground: #a8a193;--accent: #2e2a24;--accent-foreground: #f7f4ee;--destructive: #c05a41;--destructive-foreground: #fbfaf7;--border: #35312a;--input: #35312a;--ring: #c98a6b;--sidebar: #23201b;--sidebar-foreground: #f7f4ee;--sidebar-primary: #f7f4ee;--sidebar-primary-foreground: #1b1916;--sidebar-accent: #2e2a24;--sidebar-accent-foreground: #f7f4ee;--sidebar-border: #35312a;--sidebar-ring: #c98a6b}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground font-sans antialiased;}::selection{background:#9c4a2f;color:#fbfaf7}h1,h2,h3{font-family:var(--font-display)}button:not(:disabled),[role=button]:not(:disabled):not([aria-disabled=true]),summary,select:not(:disabled),input:not(:disabled):is([type=checkbox],[type=radio],[type=submit],[type=button],[type=reset]){cursor:pointer}button:disabled,select:disabled,[role=button][aria-disabled=true],input:disabled:is([type=checkbox],[type=radio],[type=submit],[type=button],[type=reset]){cursor:not-allowed}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}}@layer components{.page-x{@apply mx-auto w-full max-w-[1240px] px-5 sm:px-8;}.field{@apply w-full border border-input bg-white px-3.5 py-2.5 text-[15px] text-foreground placeholder:text-muted-foreground/70 focus-visible:border-foreground;}.label{@apply mb-1.5 block text-[11px] font-semibold uppercase tracking-[.14em] text-muted-foreground;}.btn-ink{@apply inline-flex items-center justify-center gap-2 bg-primary px-6 py-3 text-[13px] font-semibold uppercase tracking-[.16em] text-primary-foreground transition-colors hover:bg-olive disabled:opacity-50;}.btn-outline{@apply inline-flex items-center justify-center gap-2 border border-foreground/70 px-6 py-3 text-[13px] font-semibold uppercase tracking-[.16em] text-foreground transition-colors hover:bg-foreground hover:text-background disabled:opacity-50;}.btn-quiet{@apply inline-flex items-center justify-center gap-2 text-[13px] font-semibold uppercase tracking-[.14em] text-foreground underline-offset-4 hover:underline;}.eyebrow{@apply text-[11px] font-semibold uppercase tracking-[.22em] text-clay;}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.22,.61,.21,1),transform .7s cubic-bezier(.22,.61,.21,1)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}.marquee-track{animation:none!important}}.marquee-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.img-frame{overflow:hidden;background:#efe9dd}.img-frame img{transition:transform .8s cubic-bezier(.22,.61,.21,1)}.group:hover .img-frame img{transform:scale(1.045)}