@font-face{font-family: "Inter";font-style: normal;font-weight: 400 800;font-display: swap;src: url("../fonts/inter-var-latin-RJRmawd.woff2") format("woff2")}@font-face{font-family: "Bricolage Grotesque";font-style: normal;font-weight: 500 800;font-display: swap;src: url("../fonts/bricolage-var-latin-e84JNbz.woff2") format("woff2")}@font-face{font-family: "Inter Fallback";src: local("Arial"),local("Helvetica Neue"),local("Helvetica");size-adjust: 107%;ascent-override: 90%;descent-override: 22%;line-gap-override: 0%}@font-face{font-family: "Bricolage Fallback";src: local("Arial"),local("Helvetica Neue");size-adjust: 102%;ascent-override: 92%;descent-override: 24%;line-gap-override: 0%}:root{--lake-50: #edf7f8;--lake-100: #d3ecef;--lake-200: #a8d8df;--lake-300: #6fc3d1;--lake-400: #3a9aab;--lake-500: #167d90;--lake-600: #0b6576;--lake-700: #0a5260;--lake-800: #0b404b;--lake-900: #0a2f37;--lake-950: #061d23;--reed-50: #f5fce6;--reed-100: #e8f8c6;--reed-200: #d4f193;--reed-300: #b9e75a;--reed-400: #a2d63a;--reed-500: #82b51f;--reed-600: #638e14;--reed-700: #4e7a10;--reed-800: #3b5a12;--reed-900: #263d0c;--reed-950: #1a2e05;--sand-0: #ffffff;--sand-25: #fcfbf8;--sand-50: #f7f5f0;--sand-100: #efece5;--sand-200: #e3ded4;--sand-300: #cec7b9;--sand-400: #a79f90;--sand-500: #827a6c;--sand-600: #615a4e;--sand-700: #484237;--sand-800: #302c25;--sand-900: #1e1c18;--sand-950: #12110e;--night-950: #081113;--night-900: #0c1719;--night-850: #0f1d20;--night-800: #13242a;--night-700: #1a3036;--night-600: #24404a;--night-500: #3a5760;--coral-50: #fdf0ee;--coral-100: #fbdcd7;--coral-400: #ef6a5a;--coral-500: #e5484d;--coral-600: #c0362c;--coral-700: #9c2a22;--amber-50: #fff8e8;--amber-100: #fff0cc;--amber-300: #f7c95c;--amber-400: #f2b640;--amber-500: #d9941a;--amber-700: #8a5a00;--amber-800: #6b4600;color-scheme: light;--color-bg: var(--sand-50);--color-bg-accent: var(--lake-50);--color-surface: var(--sand-0);--color-surface-2: var(--sand-25);--color-surface-sunken: var(--sand-100);--color-surface-raised: var(--sand-0);--color-surface-inverse: var(--lake-950);--color-border: var(--sand-200);--color-border-strong: var(--sand-300);--color-divider: color-mix(in srgb,var(--sand-900) 8%,transparent);--color-text: var(--sand-900);--color-heading: var(--sand-950);--color-text-muted: var(--sand-600);--color-text-subtle: #736b5e;--color-text-inverse: var(--sand-0);--color-text-on-photo: #ffffff;--color-primary: var(--lake-600);--color-primary-hover: var(--lake-700);--color-primary-active: var(--lake-800);--color-primary-contrast: #ffffff;--color-primary-soft: var(--lake-50);--color-primary-soft-2: var(--lake-100);--color-primary-text: var(--lake-700);--color-link: var(--lake-600);--color-link-hover: var(--lake-800);--color-accent: var(--reed-300);--color-accent-hover: var(--reed-400);--color-accent-active: var(--reed-500);--color-accent-contrast: var(--reed-950);--color-accent-soft: var(--reed-50);--color-accent-text: var(--reed-700);--color-success: var(--reed-700);--color-success-soft: var(--reed-50);--color-warning: var(--amber-700);--color-warning-soft: var(--amber-50);--color-danger: var(--coral-600);--color-danger-soft: var(--coral-50);--color-info: var(--lake-700);--color-info-soft: var(--lake-50);--color-like: var(--coral-500);--color-like-text: var(--coral-600);--color-like-soft: var(--coral-50);--color-premium: var(--amber-400);--color-premium-text: var(--amber-700);--color-premium-soft: var(--amber-50);--color-focus: var(--lake-500);--color-focus-ring: color-mix(in srgb,var(--lake-500) 40%,transparent);--color-overlay: rgb(6 29 35 / 0.55);--color-scrim-photo: linear-gradient(180deg,rgb(6 29 35 / 0) 40%,rgb(6 29 35 / 0.78) 100%);--color-skeleton: var(--sand-100);--color-skeleton-shine: var(--sand-25);--color-map-bg: #dfeef0;--map-tile-filter: saturate(0.85) contrast(0.96);--font-sans: "Inter","Inter Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-display: "Bricolage Grotesque","Bricolage Fallback",var(--font-sans);--font-mono: ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,monospace;--fs-2xs: 0.6875rem;--fs-xs: 0.75rem;--fs-sm: 0.875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: clamp(1.625rem,1.3rem + 1.1vw,2rem);--fs-3xl: clamp(2rem,1.55rem + 1.8vw,2.75rem);--fs-4xl: clamp(2.375rem,1.6rem + 3.2vw,4rem);--lh-tight: 1.1;--lh-snug: 1.25;--lh-base: 1.55;--lh-prose: 1.7;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-heavy: 800;--tracking-tight: -0.022em;--tracking-snug: -0.011em;--tracking-normal: 0;--tracking-wide: 0.06em;--space-0: 0;--space-px: 1px;--space-0-5: 0.125rem;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--space-10: 4rem;--space-11: 5rem;--space-12: 6rem;--gutter: clamp(1rem,0.6rem + 1.6vw,2rem);--section-gap: clamp(2.5rem,1.8rem + 3vw,4.5rem);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-pill: 999px;--radius-card: var(--radius-lg);--radius-control: var(--radius-md);--shadow-color: 196 60% 10%;--shadow-xs: 0 1px 2px hsl(var(--shadow-color) / 0.06);--shadow-sm: 0 1px 2px hsl(var(--shadow-color) / 0.06),0 2px 6px hsl(var(--shadow-color) / 0.06);--shadow-md: 0 2px 4px hsl(var(--shadow-color) / 0.05),0 8px 20px hsl(var(--shadow-color) / 0.08);--shadow-lg: 0 4px 8px hsl(var(--shadow-color) / 0.05),0 16px 40px hsl(var(--shadow-color) / 0.12);--shadow-xl: 0 8px 16px hsl(var(--shadow-color) / 0.08),0 32px 64px hsl(var(--shadow-color) / 0.18);--shadow-inset: inset 0 1px 2px hsl(var(--shadow-color) / 0.08);--shadow-focus: 0 0 0 2px var(--color-surface),0 0 0 4px var(--color-focus);--shadow-cta: 0 1px 0 rgb(255 255 255 / 0.4) inset,0 6px 16px -4px color-mix(in srgb,var(--reed-600) 55%,transparent);--z-below: -1;--z-base: 0;--z-raised: 1;--z-overlay: 2;--z-dropdown: 1000;--z-sticky: 1020;--z-header: 1030;--z-bottom-nav: 1030;--z-fab: 1035;--z-offcanvas-backdrop: 1040;--z-offcanvas: 1045;--z-modal-backdrop: 1050;--z-modal: 1055;--z-popover: 1070;--z-tooltip: 1080;--z-toast: 1090;--z-skip-link: 1100;--ease-out: cubic-bezier(0.2,0.8,0.2,1);--ease-in-out: cubic-bezier(0.65,0,0.35,1);--ease-spring: cubic-bezier(0.34,1.56,0.64,1);--dur-instant: 80ms;--dur-fast: 140ms;--dur-base: 220ms;--dur-slow: 360ms;--dur-skeleton: 1.4s;--container-max: 1240px;--container-narrow: 760px;--prose-max: 68ch;--header-h: 64px;--bottom-nav-h: 64px;--tap-min: 44px;--safe-bottom: env(safe-area-inset-bottom,0px)}/* Dark theme --------------------------------------------------------------- Applied when <html data-bs-theme="dark">(set by the inline head script or the theme toggle). The media-query block is the no-JS fallback and is a verbatim copy of it — edit the first block,then copy (or run the one-liner in DESIGN.md). */ [data-bs-theme="dark"]{color-scheme: dark;--color-bg: var(--night-900);--color-bg-accent: var(--night-850);--color-surface: var(--night-850);--color-surface-2: var(--night-800);--color-surface-sunken: var(--night-950);--color-surface-raised: var(--night-800);--color-surface-inverse: var(--sand-50);--color-border: var(--night-700);--color-border-strong: var(--night-600);--color-divider: rgb(255 255 255 / 0.07);--color-text: #e6edee;--color-heading: #f4f8f8;--color-text-muted: #9db0b3;--color-text-subtle: #8aa0a4;--color-text-inverse: var(--sand-900);--color-primary: var(--lake-300);--color-primary-hover: #8fd2dd;--color-primary-active: var(--lake-200);--color-primary-contrast: var(--night-950);--color-primary-soft: rgb(111 195 209 / 0.12);--color-primary-soft-2: rgb(111 195 209 / 0.2);--color-primary-text: var(--lake-200);--color-link: var(--lake-300);--color-link-hover: var(--lake-200);--color-accent: var(--reed-300);--color-accent-hover: var(--reed-200);--color-accent-active: var(--reed-400);--color-accent-contrast: var(--reed-950);--color-accent-soft: rgb(185 231 90 / 0.12);--color-accent-text: var(--reed-300);--color-success: var(--reed-300);--color-success-soft: rgb(185 231 90 / 0.12);--color-warning: var(--amber-300);--color-warning-soft: rgb(242 182 64 / 0.12);--color-danger: var(--coral-400);--color-danger-soft: rgb(239 106 90 / 0.14);--color-info: var(--lake-200);--color-info-soft: rgb(111 195 209 / 0.12);--color-like: var(--coral-400);--color-like-text: var(--coral-400);--color-like-soft: rgb(239 106 90 / 0.14);--color-premium: var(--amber-300);--color-premium-text: var(--amber-300);--color-premium-soft: rgb(242 182 64 / 0.12);--color-focus: var(--lake-300);--color-focus-ring: rgb(111 195 209 / 0.45);--color-overlay: rgb(3 10 12 / 0.7);--color-skeleton: var(--night-800);--color-skeleton-shine: var(--night-700);--color-map-bg: #10262b;--map-tile-filter: invert(1) hue-rotate(180deg) brightness(0.92) contrast(0.88) saturate(0.6);--shadow-color: 190 80% 2%;--shadow-sm: 0 1px 2px hsl(var(--shadow-color) / 0.4),0 2px 6px hsl(var(--shadow-color) / 0.3);--shadow-md: 0 2px 4px hsl(var(--shadow-color) / 0.35),0 8px 20px hsl(var(--shadow-color) / 0.45);--shadow-lg: 0 4px 8px hsl(var(--shadow-color) / 0.35),0 16px 40px hsl(var(--shadow-color) / 0.55);--shadow-xl: 0 8px 16px hsl(var(--shadow-color) / 0.4),0 32px 64px hsl(var(--shadow-color) / 0.6);--shadow-cta: 0 6px 18px -6px rgb(185 231 90 / 0.35)}@media (prefers-color-scheme: dark){:root:not([data-bs-theme]){color-scheme: dark;--color-bg: var(--night-900);--color-bg-accent: var(--night-850);--color-surface: var(--night-850);--color-surface-2: var(--night-800);--color-surface-sunken: var(--night-950);--color-surface-raised: var(--night-800);--color-surface-inverse: var(--sand-50);--color-border: var(--night-700);--color-border-strong: var(--night-600);--color-divider: rgb(255 255 255 / 0.07);--color-text: #e6edee;--color-heading: #f4f8f8;--color-text-muted: #9db0b3;--color-text-subtle: #8aa0a4;--color-text-inverse: var(--sand-900);--color-primary: var(--lake-300);--color-primary-hover: #8fd2dd;--color-primary-active: var(--lake-200);--color-primary-contrast: var(--night-950);--color-primary-soft: rgb(111 195 209 / 0.12);--color-primary-soft-2: rgb(111 195 209 / 0.2);--color-primary-text: var(--lake-200);--color-link: var(--lake-300);--color-link-hover: var(--lake-200);--color-accent: var(--reed-300);--color-accent-hover: var(--reed-200);--color-accent-active: var(--reed-400);--color-accent-contrast: var(--reed-950);--color-accent-soft: rgb(185 231 90 / 0.12);--color-accent-text: var(--reed-300);--color-success: var(--reed-300);--color-success-soft: rgb(185 231 90 / 0.12);--color-warning: var(--amber-300);--color-warning-soft: rgb(242 182 64 / 0.12);--color-danger: var(--coral-400);--color-danger-soft: rgb(239 106 90 / 0.14);--color-info: var(--lake-200);--color-info-soft: rgb(111 195 209 / 0.12);--color-like: var(--coral-400);--color-like-text: var(--coral-400);--color-like-soft: rgb(239 106 90 / 0.14);--color-premium: var(--amber-300);--color-premium-text: var(--amber-300);--color-premium-soft: rgb(242 182 64 / 0.12);--color-focus: var(--lake-300);--color-focus-ring: rgb(111 195 209 / 0.45);--color-overlay: rgb(3 10 12 / 0.7);--color-skeleton: var(--night-800);--color-skeleton-shine: var(--night-700);--color-map-bg: #10262b;--map-tile-filter: invert(1) hue-rotate(180deg) brightness(0.92) contrast(0.88) saturate(0.6);--shadow-color: 190 80% 2%;--shadow-sm: 0 1px 2px hsl(var(--shadow-color) / 0.4),0 2px 6px hsl(var(--shadow-color) / 0.3);--shadow-md: 0 2px 4px hsl(var(--shadow-color) / 0.35),0 8px 20px hsl(var(--shadow-color) / 0.45);--shadow-lg: 0 4px 8px hsl(var(--shadow-color) / 0.35),0 16px 40px hsl(var(--shadow-color) / 0.55);--shadow-xl: 0 8px 16px hsl(var(--shadow-color) / 0.4),0 32px 64px hsl(var(--shadow-color) / 0.6);--shadow-cta: 0 6px 18px -6px rgb(185 231 90 / 0.35)}}@media (prefers-reduced-motion: reduce){:root{--dur-instant: 0.01ms;--dur-fast: 0.01ms;--dur-base: 0.01ms;--dur-slow: 0.01ms;--dur-skeleton: 0s}}