/*
Theme Name: Bole Addis Escort
Theme URI: https://boleaddisescort.com
Author: Bole Addis Escort
Description: Production light package. Requires BAE Core.
Version: 1.2.0-light
Requires Plugins: bae-core
Text Domain: bole-addis-escort
*/

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-6xl: 72rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-lg: 24px;
    --radius-xl: 28px;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --shadow-soft: 0 22px 55px rgba(0, 0, 0, 0.28);
    --shadow-card: 0 12px 40px rgba(0, 0, 0, 0.22);
    --shadow-glow: 0 0 0 1px color-mix(in srgb, #D4A855 22%, transparent), 0 18px 48px color-mix(in srgb, #D4A855 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --shadow-glow: 0 0 0 1px color-mix(in srgb, var(--color-brass) 22%, transparent), 0 18px 48px color-mix(in srgb, var(--color-brass) 12%, transparent);
    }
    --glass-bg: color-mix(in srgb, #261C12 88%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --glass-bg: color-mix(in srgb, var(--color-surface) 88%, transparent);
    }
    --glass-border: color-mix(in srgb, #4D3826 70%, #D4A855 30%);
    @supports (color: color-mix(in lab, red, red)) {
      --glass-border: color-mix(in srgb, var(--color-border) 70%, var(--color-brass) 30%);
    }
    --radius-pill: 999px;
    --color-bg: #1C140C;
    --color-surface: #261C12;
    --color-surface-raised: #302418;
    --color-border: #4D3826;
    --color-ink: #F5EDE3;
    --color-ink-muted: #C4A88A;
    --color-brass: #D4A855;
    --color-brass-light: #E8C878;
    --color-emerald: #B85A3A;
    --color-emerald-light: #D4744F;
    --font-display: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
    --radius-card: 14px;
  }
}
@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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, 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-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-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;
  }
  :-moz-focusring:where(:not(iframe)) {
    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: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        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 utilities {
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .blur {
    --tw-blur: blur(8px);
    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,);
  }
  .filter {
    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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
@layer base {
  ::selection {
    background: color-mix(in srgb, #D4A855 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-brass) 35%, transparent);
    }
    color: var(--color-ink);
  }
  :focus-visible {
    outline: 2px solid color-mix(in srgb, #E8C878 85%, white);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 2px solid color-mix(in srgb, var(--color-brass-light) 85%, white);
    }
    outline-offset: 3px;
  }
  body {
    background-color: var(--color-bg);
    background-image: radial-gradient(ellipse 120% 80% at 100% -20%, color-mix(in srgb, #D4A855 9%, transparent), transparent 55%),	radial-gradient(ellipse 90% 60% at -10% 40%, color-mix(in srgb, #B85A3A 8%, transparent), transparent 50%),	linear-gradient(180deg, var(--color-bg) 0%, color-mix(in srgb, #1C140C 94%, black) 100%);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: radial-gradient(ellipse 120% 80% at 100% -20%, color-mix(in srgb, var(--color-brass) 9%, transparent), transparent 55%),	radial-gradient(ellipse 90% 60% at -10% 40%, color-mix(in srgb, var(--color-emerald) 8%, transparent), transparent 50%),	linear-gradient(180deg, var(--color-bg) 0%, color-mix(in srgb, var(--color-bg) 94%, black) 100%);
    }
    background-attachment: fixed;
  }
  body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.035;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  .site-topbar,	.site-header,	.site-footer,	main,	section,	.ap-shell {
    position: relative;
    z-index: 1;
  }
}
@layer components {
  .glass-panel {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: var(--shadow-soft);
  }
  .glow-ring:hover {
    box-shadow: var(--shadow-glow);
  }
  .btn {
    letter-spacing: 0.02em;
    box-shadow: 0 1px 0 color-mix(in srgb, white 8%, transparent) inset;
  }
  .btn-primary {
    background: linear-gradient(135deg, color-mix(in srgb, #E8C878 88%, white), var(--color-brass));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in srgb, var(--color-brass-light) 88%, white), var(--color-brass));
    }
    box-shadow: 0 10px 28px color-mix(in srgb, #D4A855 28%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 10px 28px color-mix(in srgb, var(--color-brass) 28%, transparent);
    }
  }
  .btn-primary:hover {
    opacity: 1;
    box-shadow: 0 14px 36px color-mix(in srgb, #D4A855 38%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 14px 36px color-mix(in srgb, var(--color-brass) 38%, transparent);
    }
    transform: translateY(-1px);
  }
  .btn-ghost:hover {
    background: color-mix(in srgb, #302418 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-surface-raised) 60%, transparent);
    }
  }
  .site-topbar {
    background: color-mix(in srgb, #261C12 92%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-surface) 92%, transparent);
    }
    backdrop-filter: blur(10px);
  }
  .site-header {
    transition: background-color 220ms var(--ease-out-strong), box-shadow 220ms var(--ease-out-strong), border-color 220ms var(--ease-out-strong);
  }
  .site-header.is-scrolled {
    background-color: color-mix(in srgb, #1C140C 88%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-bg) 88%, transparent);
    }
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
    border-color: color-mix(in srgb, #D4A855 18%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 18%, var(--color-border));
    }
  }
  .primary-nav a {
    position: relative;
    transition: color 180ms var(--ease-out-strong);
  }
  .primary-nav a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--color-brass), var(--color-brass-light));
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 220ms var(--ease-out-strong);
  }
  .primary-nav a:hover::after,	.primary-nav a.is-active::after {
    transform: scaleX(1);
  }
  .site-logo {
    letter-spacing: -0.02em;
  }
  .contact-chip {
    transition: transform 160ms var(--ease-out-strong), border-color 160ms, box-shadow 160ms;
  }
  .contact-chip:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  }
  .hero::before {
    filter: blur(70px);
    opacity: 0.95;
    transform: translateY(var(--hero-parallax, 0));
  }
  .hero h1 {
    letter-spacing: -0.02em;
  }
  .section-head h2 {
    letter-spacing: -0.015em;
  }
  .cta-banner,	.have-questions-banner,	.browse-description-banner {
    box-shadow: var(--shadow-card);
    background: linear-gradient(135deg, color-mix(in srgb, #D4A855 10%, #261C12), var(--color-surface));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in srgb, var(--color-brass) 10%, var(--color-surface)), var(--color-surface));
    }
  }
  .profile-card,	.duo-card,	.review-card,	.blog-card,	.blog-featured-card,	.trust-card,	.faq-item,	.filter-panel,	.browse-toolbar,	.filter-journey {
    box-shadow: var(--shadow-card);
  }
  .filter-journey-pill:hover,	.filter-facet-row:hover {
    box-shadow: var(--shadow-glow);
  }
  .profile-card:hover,	.duo-card:hover,	.blog-card:hover {
    box-shadow: var(--shadow-glow);
    transform: translateY(-3px);
  }
  .profile-card,	.duo-card,	.review-card {
    transition: transform 220ms var(--ease-out-strong), box-shadow 220ms var(--ease-out-strong);
  }
  .profile-card-photo::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.45));
    opacity: 0.85;
  }
  .home-search-bar,	.browse-toolbar-search {
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 6%, transparent);
  }
  .bae-rail-arrow {
    transition: transform 160ms var(--ease-out-strong), border-color 160ms, box-shadow 160ms;
  }
  .bae-rail-arrow:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  }
  .profile-photo-stage {
    box-shadow: var(--shadow-soft);
  }
  .profile-detail-grid > div {
    border-radius: var(--radius-xl);
  }
  .booking-select,	.booking-field-label + input,	.booking-field-label + select,	.booking-field-label + textarea,	.form-input,	.ap-input {
    transition: border-color 160ms, box-shadow 160ms, background-color 160ms;
  }
  .booking-select:focus,	.form-input:focus,	input.booking-select:focus,	textarea.booking-select:focus {
    border-color: var(--color-brass);
    box-shadow: 0 0 0 3px color-mix(in srgb, #D4A855 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-brass) 18%, transparent);
    }
    outline: none;
  }
  .mnav-bar {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    background: color-mix(in srgb, #1C140C 90%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-bg) 90%, transparent) !important;
    }
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.35);
  }
  .mnav-drawer {
    box-shadow: 24px 0 60px rgba(0, 0, 0, 0.45);
  }
  .site-footer {
    position: relative;
    overflow: hidden;
  }
  .site-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--color-brass), transparent);
    opacity: 0.45;
  }
  .footer-col h4 {
    font-family: var(--font-display);
  }
  .footer-brand-copy {
    color: var(--color-ink-muted);
    font-size: 0.9em;
    max-width: 32ch;
    line-height: 1.65;
    margin: 0;
  }
  .trust-strip {
    background: color-mix(in srgb, #261C12 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-surface) 60%, transparent);
    }
  }
  .content-page h1 {
    letter-spacing: -0.02em;
  }
  .age-gate-card {
    box-shadow: var(--shadow-glow);
  }
  .site-search-overlay {
    backdrop-filter: blur(8px);
  }
  .site-search-form input {
    box-shadow: var(--shadow-card);
  }
  .bae-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.65s var(--ease-out-strong), transform 0.65s var(--ease-out-strong);
  }
  .bae-reveal.is-visible {
    opacity: 1;
    transform: none;
  }
  .bae-reveal-delay-1 {
    transition-delay: 80ms;
  }
  .bae-reveal-delay-2 {
    transition-delay: 160ms;
  }
  .bae-reveal-delay-3 {
    transition-delay: 240ms;
  }
  @media (prefers-reduced-motion: reduce) {
    .bae-reveal {
      opacity: 1;
      transform: none;
      transition: none;
    }
    .btn-primary:hover {
      transform: none;
    }
  }
}
@layer base {
  [data-style="cold-luxury"] {
    --theme-glow-a: color-mix(in srgb, #5B7FB5 14%, transparent);
    --theme-glow-b: color-mix(in srgb, #3D6163 10%, transparent);
  }
  [data-style="midnight-rose"] {
    --theme-glow-a: color-mix(in srgb, #C2427A 16%, transparent);
    --theme-glow-b: color-mix(in srgb, #5B3A8E 12%, transparent);
  }
  [data-style="desert-gold"] {
    --theme-glow-a: color-mix(in srgb, #D4A855 22%, transparent);
    --theme-glow-b: color-mix(in srgb, #B85A3A 14%, transparent);
  }
  [data-style="modern-minimal"] {
    --theme-glow-a: color-mix(in srgb, #C81E3A 8%, transparent);
    --theme-glow-b: color-mix(in srgb, #2B2825 5%, transparent);
  }
  [data-style="neon-noir"] {
    --theme-glow-a: color-mix(in srgb, #22D3EE 14%, transparent);
    --theme-glow-b: color-mix(in srgb, #D946EF 12%, transparent);
  }
  [data-style="ruby-gold"] {
    --theme-glow-a: color-mix(in srgb, #E8C468 14%, transparent);
    --theme-glow-b: color-mix(in srgb, #8B1E2B 10%, transparent);
  }
  [data-style="emerald-noir"] {
    --theme-glow-a: color-mix(in srgb, #2F9E6E 14%, transparent);
    --theme-glow-b: color-mix(in srgb, #B08D57 10%, transparent);
  }
  [data-style="velvet-plum"] {
    --theme-glow-a: color-mix(in srgb, #9B4F9E 14%, transparent);
    --theme-glow-b: color-mix(in srgb, #C08A4E 10%, transparent);
  }
  [data-style="onyx-silver"] {
    --theme-glow-a: color-mix(in srgb, #B8BEC7 12%, transparent);
    --theme-glow-b: color-mix(in srgb, #5B8FA8 10%, transparent);
  }
  [data-style="amber-noir"] {
    --theme-glow-a: color-mix(in srgb, #D97C2B 14%, transparent);
    --theme-glow-b: color-mix(in srgb, #6B3F2A 10%, transparent);
  }
  [data-style="old-money-mahogany"] {
    --theme-glow-a: color-mix(in srgb, #B8863E 14%, transparent);
    --theme-glow-b: color-mix(in srgb, #6B1F24 10%, transparent);
  }
  [data-style="art-deco-gold"] {
    --theme-glow-a: color-mix(in srgb, #C9A227 14%, transparent);
    --theme-glow-b: color-mix(in srgb, #1F5C4E 10%, transparent);
  }
  [data-style="modern-platinum"] {
    --theme-glow-a: color-mix(in srgb, #A8AFB8 12%, transparent);
    --theme-glow-b: color-mix(in srgb, #4E7A94 10%, transparent);
  }
  [data-style="rose-gold-modern"] {
    --theme-glow-a: color-mix(in srgb, #C58B7A 14%, transparent);
    --theme-glow-b: color-mix(in srgb, #8C5A54 10%, transparent);
  }
  [data-style="quiet-luxury-sage"] {
    --theme-glow-a: color-mix(in srgb, #6E7F5C 14%, transparent);
    --theme-glow-b: color-mix(in srgb, #B08A5C 10%, transparent);
  }
  html[data-style] body {
    background-image: radial-gradient(ellipse 120% 80% at 100% -20%, var(--theme-glow-a, color-mix(in srgb, #D4A855 9%, transparent)), transparent 55%),	radial-gradient(ellipse 90% 60% at -10% 40%, var(--theme-glow-b, color-mix(in srgb, #B85A3A 8%, transparent)), transparent 50%),	linear-gradient(180deg, var(--color-bg) 0%, color-mix(in srgb, #1C140C 94%, black) 100%);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: radial-gradient(ellipse 120% 80% at 100% -20%, var(--theme-glow-a, color-mix(in srgb, var(--color-brass) 9%, transparent)), transparent 55%),	radial-gradient(ellipse 90% 60% at -10% 40%, var(--theme-glow-b, color-mix(in srgb, var(--color-emerald) 8%, transparent)), transparent 50%),	linear-gradient(180deg, var(--color-bg) 0%, color-mix(in srgb, var(--color-bg) 94%, black) 100%);
    }
  }
  html[data-style] body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: linear-gradient(180deg, color-mix(in srgb, #1C140C 92%, transparent) 0%, color-mix(in srgb, #1C140C 78%, transparent) 42%, color-mix(in srgb, #1C140C 94%, transparent) 100%),	linear-gradient(105deg, color-mix(in srgb, #1C140C 94%, transparent) 0%, transparent 32%, transparent 68%, color-mix(in srgb, #1C140C 92%, transparent) 100%),	var(--site-ambient-image, none);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(180deg, color-mix(in srgb, var(--color-bg) 92%, transparent) 0%, color-mix(in srgb, var(--color-bg) 78%, transparent) 42%, color-mix(in srgb, var(--color-bg) 94%, transparent) 100%),	linear-gradient(105deg, color-mix(in srgb, var(--color-bg) 94%, transparent) 0%, transparent 32%, transparent 68%, color-mix(in srgb, var(--color-bg) 92%, transparent) 100%),	var(--site-ambient-image, none);
    }
    background-size: cover;
    background-position: center 18%;
    background-repeat: no-repeat;
    opacity: var(--site-ambient-opacity, 0.32);
    filter: saturate(1.02) contrast(1.02);
  }
  html[data-style] body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 70% 55% at 78% 22%, color-mix(in srgb, #D4A855 8%, transparent), transparent 62%),	radial-gradient(ellipse 55% 45% at 12% 78%, color-mix(in srgb, #B85A3A 6%, transparent), transparent 58%);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(ellipse 70% 55% at 78% 22%, color-mix(in srgb, var(--color-brass) 8%, transparent), transparent 62%),	radial-gradient(ellipse 55% 45% at 12% 78%, color-mix(in srgb, var(--color-emerald) 6%, transparent), transparent 58%);
    }
    opacity: 0.45;
  }
  html[data-style] body > * {
    position: relative;
    z-index: 1;
  }
  [data-style="modern-minimal"] body::before {
    opacity: min(var(--site-ambient-opacity, 0.32), 0.18);
    filter: saturate(0.88) contrast(1.01);
  }
  @media (max-width: 767px) {
    html[data-style] body::before {
      background-position: 68% 22%;
      opacity: var(--site-ambient-opacity-mobile, 0.24);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html[data-style] body::before,	html[data-style] body::after {
      opacity: min(var(--site-ambient-opacity, 0.32), 0.18);
    }
  }
  [data-style="desert-gold"] body::before {
    filter: saturate(1.06) contrast(1.01) sepia(0.14);
  }
  [data-style="desert-gold"] body::after {
    opacity: 0.52;
    background: radial-gradient(ellipse 78% 62% at 80% 16%, color-mix(in srgb, #D4A855 14%, transparent), transparent 64%),	radial-gradient(ellipse 58% 48% at 10% 80%, color-mix(in srgb, #B85A3A 9%, transparent), transparent 58%),	radial-gradient(ellipse 50% 40% at 50% 100%, color-mix(in srgb, #D4A855 6%, transparent), transparent 70%);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(ellipse 78% 62% at 80% 16%, color-mix(in srgb, var(--color-brass) 14%, transparent), transparent 64%),	radial-gradient(ellipse 58% 48% at 10% 80%, color-mix(in srgb, var(--color-emerald) 9%, transparent), transparent 58%),	radial-gradient(ellipse 50% 40% at 50% 100%, color-mix(in srgb, var(--color-brass) 6%, transparent), transparent 70%);
    }
  }
  [data-style="desert-gold"] .glass-panel,	[data-style="desert-gold"] .auth-card.glass-panel {
    border-color: color-mix(in srgb, #D4A855 18%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 18%, var(--color-border));
    }
    box-shadow: 0 20px 56px rgba(12, 8, 4, 0.42), inset 0 1px 0 color-mix(in srgb, #E8C878 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 20px 56px rgba(12, 8, 4, 0.42), inset 0 1px 0 color-mix(in srgb, var(--color-brass-light) 12%, transparent);
    }
  }
  [data-style="modern-minimal"] .glass-panel,	[data-style="modern-minimal"] .auth-card.glass-panel {
    --glass-bg: color-mix(in srgb, #261C12 92%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --glass-bg: color-mix(in srgb, var(--color-surface) 92%, transparent);
    }
    box-shadow: 0 18px 50px rgba(26, 24, 22, 0.08);
  }
}
@layer components {
  .auth-shell {
    position: relative;
    overflow: hidden;
    padding: clamp(32px, 6vw, 72px) 0;
    min-height: min(88vh, 920px);
    display: flex;
    align-items: center;
  }
  .auth-shell-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(180deg, color-mix(in srgb, #1C140C 78%, transparent), color-mix(in srgb, #1C140C 92%, transparent)),	radial-gradient(circle at 15% 20%, var(--theme-glow-a, color-mix(in srgb, #D4A855 18%, transparent)), transparent 42%),	radial-gradient(circle at 85% 75%, var(--theme-glow-b, color-mix(in srgb, #B85A3A 14%, transparent)), transparent 38%),	var(--site-ambient-image, none);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(180deg, color-mix(in srgb, var(--color-bg) 78%, transparent), color-mix(in srgb, var(--color-bg) 92%, transparent)),	radial-gradient(circle at 15% 20%, var(--theme-glow-a, color-mix(in srgb, var(--color-brass) 18%, transparent)), transparent 42%),	radial-gradient(circle at 85% 75%, var(--theme-glow-b, color-mix(in srgb, var(--color-emerald) 14%, transparent)), transparent 38%),	var(--site-ambient-image, none);
    }
    background-size: cover, auto, auto, cover;
    background-position: center, 15% 20%, 85% 75%, center 15%;
    background-repeat: no-repeat;
    opacity: var(--site-ambient-auth-opacity, 0.78);
  }
  .auth-shell .container-wide {
    position: relative;
    z-index: 1;
    width: 100%;
  }
  .auth-page {
    min-height: 0;
    padding: 0;
  }
  .auth-card.glass-panel {
    max-width: 440px;
    padding: clamp(28px, 4vw, 44px) clamp(24px, 4vw, 36px);
    border-radius: var(--radius-xl, 28px);
  }
  .auth-reg-layout {
    display: grid;
    gap: clamp(24px, 4vw, 40px);
    max-width: 920px;
    margin: 0 auto;
  }
  @media (min-width: 860px) {
    .auth-reg-layout {
      grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
      align-items: start;
    }
  }
  .auth-reg-aside {
    padding: clamp(20px, 3vw, 28px);
    border-radius: var(--radius-xl, 28px);
  }
  .auth-reg-aside h2 {
    font-family: var(--font-display);
    font-size: 1.35rem;
    margin: 0 0 10px;
    color: var(--color-ink);
  }
  .auth-reg-aside p,	.auth-reg-aside li {
    color: var(--color-ink-muted);
    font-size: 0.88em;
    line-height: 1.6;
  }
  .auth-reg-aside ul {
    margin: 14px 0 0;
    padding-left: 18px;
  }
  .auth-alert {
    border-radius: 14px;
    border: 1px solid color-mix(in srgb, #D4A855 45%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-brass) 45%, var(--color-border));
    }
    background: color-mix(in srgb, #D4A855 8%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-brass) 8%, var(--color-surface));
    }
    padding: 14px 16px;
    margin-bottom: 18px;
    font-size: 0.88em;
    color: var(--color-ink);
  }
  .auth-alert.is-error {
    border-color: color-mix(in srgb, #EF4E6B 50%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, #EF4E6B 50%, var(--color-border));
    }
    background: color-mix(in srgb, #EF4E6B 8%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, #EF4E6B 8%, var(--color-surface));
    }
  }
  .auth-alert.is-success {
    border-color: color-mix(in srgb, #D4744F 50%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-emerald-light) 50%, var(--color-border));
    }
    background: color-mix(in srgb, #D4744F 10%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-emerald-light) 10%, var(--color-surface));
    }
  }
  .auth-shell--member .auth-shell-bg {
    background: radial-gradient(circle at 12% 18%, color-mix(in srgb, #D4A855 22%, transparent), transparent 44%),	radial-gradient(circle at 88% 82%, color-mix(in srgb, #E8C878 12%, transparent), transparent 40%);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--color-brass) 22%, transparent), transparent 44%),	radial-gradient(circle at 88% 82%, color-mix(in srgb, var(--color-brass-light) 12%, transparent), transparent 40%);
    }
  }
  .auth-shell--model .auth-shell-bg {
    background: radial-gradient(circle at 18% 22%, color-mix(in srgb, #D4744F 20%, transparent), transparent 42%),	radial-gradient(circle at 82% 78%, color-mix(in srgb, #7c6bff 14%, transparent), transparent 38%);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--color-emerald-light) 20%, transparent), transparent 42%),	radial-gradient(circle at 82% 78%, color-mix(in srgb, #7c6bff 14%, transparent), transparent 38%);
    }
  }
  .auth-shell--login .auth-shell-bg,	.auth-shell--agent .auth-shell-bg {
    background: radial-gradient(circle at 16% 18%, color-mix(in srgb, #D4A855 18%, transparent), transparent 44%),	radial-gradient(circle at 84% 78%, color-mix(in srgb, #D4744F 12%, transparent), transparent 38%);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--color-brass) 18%, transparent), transparent 44%),	radial-gradient(circle at 84% 78%, color-mix(in srgb, var(--color-emerald-light) 12%, transparent), transparent 38%);
    }
  }
  .auth-role-pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: var(--radius-pill, 999px);
    font-size: 0.72em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 14px;
    border: 1px solid var(--color-border);
  }
  .auth-role-pill--member {
    color: var(--color-brass-light);
    background: color-mix(in srgb, #D4A855 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-brass) 12%, transparent);
    }
    border-color: color-mix(in srgb, #D4A855 35%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 35%, var(--color-border));
    }
  }
  .auth-role-pill--model {
    color: var(--color-emerald-light);
    background: color-mix(in srgb, #D4744F 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-emerald-light) 10%, transparent);
    }
    border-color: color-mix(in srgb, #D4744F 35%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-emerald-light) 35%, var(--color-border));
    }
  }
  .auth-logo-mark--member {
    background: linear-gradient(135deg, var(--color-brass), var(--color-brass-light));
  }
  .auth-logo-mark--model {
    background: linear-gradient(135deg, var(--color-emerald-light), #5eead4);
    color: #042f2e;
  }
  .auth-aside--model {
    border-color: color-mix(in srgb, #D4744F 22%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-emerald-light) 22%, var(--color-border));
    }
  }
  .auth-aside-note {
    margin-top: 16px;
    font-size: 0.82em;
    color: var(--color-ink-muted);
    line-height: 1.55;
  }
  .auth-card--member,	.auth-card--model {
    max-width: none;
  }
  .auth-field-label {
    display: block;
    font-size: 0.78em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-ink-muted);
    margin: 0 0 8px;
  }
  .auth-input {
    width: 100%;
    border-radius: 14px;
    border: 1px solid var(--color-border);
    background: color-mix(in srgb, #302418 88%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-surface-raised) 88%, transparent);
    }
    color: var(--color-ink);
    padding: 13px 14px;
    font-size: 0.95em;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
  .auth-input:focus {
    outline: none;
    border-color: var(--color-brass);
    box-shadow: 0 0 0 3px color-mix(in srgb, #D4A855 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-brass) 18%, transparent);
    }
  }
  .auth-shell--model .auth-input:focus {
    border-color: var(--color-emerald-light);
    box-shadow: 0 0 0 3px color-mix(in srgb, #D4744F 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-emerald-light) 18%, transparent);
    }
  }
  .auth-form .auth-field-label:not(:first-child) {
    margin-top: 16px;
  }
  .auth-submit {
    width: 100%;
    margin-top: 18px;
  }
  .auth-check-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    font-size: 0.84em;
    color: var(--color-ink-muted);
    cursor: pointer;
  }
  .auth-check-row input {
    accent-color: var(--color-brass);
  }
  .auth-shell--model .auth-check-row input {
    accent-color: var(--color-emerald-light);
  }
  .auth-step-meta {
    font-size: 0.84em;
    color: var(--color-ink-muted);
    margin: 0 0 14px;
  }
  .auth-inline-link {
    background: none;
    border: 0;
    padding: 0;
    color: var(--color-brass-light);
    font: inherit;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .auth-links--stack {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-top: 22px;
  }
  .auth-alt-portal {
    font-weight: 700;
  }
  .auth-trust-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--color-border);
    font-size: 0.72em;
    color: var(--color-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  .auth-trust-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--color-border);
  }
  .apply-wizard-tabs {
    display: flex;
    gap: 8px;
    padding: 4px;
    border-radius: var(--radius-pill, 999px);
    background: color-mix(in srgb, #302418 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-surface-raised) 80%, transparent);
    }
    border: 1px solid var(--color-border);
    margin-bottom: 22px;
  }
  .apply-wizard-tab {
    flex: 1;
    border: 0;
    background: transparent;
    border-radius: var(--radius-pill, 999px);
    padding: 10px 14px;
    font: inherit;
    font-size: 0.78em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-ink-muted);
    cursor: pointer;
    transition: background-color 180ms, color 180ms, box-shadow 180ms;
  }
  .apply-wizard-tab.is-active {
    background: linear-gradient(135deg, color-mix(in srgb, #E8C878 88%, white), var(--color-brass));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in srgb, var(--color-brass-light) 88%, white), var(--color-brass));
    }
    color: var(--color-bg);
    box-shadow: 0 8px 22px color-mix(in srgb, #D4A855 28%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 8px 22px color-mix(in srgb, var(--color-brass) 28%, transparent);
    }
  }
  .apply-wizard-tab:disabled:not(.is-active) {
    opacity: 0.45;
    cursor: not-allowed;
  }
  .apply-wizard-tab.is-complete:not(.is-active) {
    color: var(--color-emerald-light);
  }
  .filter-panel-head {
    background: linear-gradient(135deg, var(--color-brass), color-mix(in srgb, #E8C878 70%, #D4A855));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, var(--color-brass), color-mix(in srgb, var(--color-brass-light) 70%, var(--color-brass)));
    }
  }
  .filter-panel-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--color-bg);
    color: var(--color-brass);
    font-size: 0.72em;
    font-weight: 800;
    margin-left: 8px;
  }
  .filter-active-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--color-border);
    background: color-mix(in srgb, #302418 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-surface-raised) 70%, transparent);
    }
  }
  .filter-active-summary-label {
    font-size: 0.72em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-ink-muted);
    margin-right: 4px;
  }
  .filter-accordion-cat {
    transition: background-color 160ms, color 160ms, transform 160ms;
  }
  .filter-accordion-cat:hover:not(.is-active) {
    background: color-mix(in srgb, #302418 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-surface-raised) 80%, transparent);
    }
  }
  .filter-accordion-cat.has-value:not(.is-active) {
    box-shadow: inset 2px 0 0 var(--color-emerald-light);
  }
  .filter-facet-count {
    color: var(--color-ink-muted);
    font-size: 0.92em;
    font-weight: 600;
  }
  .filter-accordion-submit {
    position: sticky;
    bottom: 0;
    z-index: 2;
    box-shadow: 0 -12px 24px color-mix(in srgb, #1C140C 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 -12px 24px color-mix(in srgb, var(--color-bg) 80%, transparent);
    }
  }
  .mnav-drawer-filters .filter-accordion {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .mnav-drawer-filters .filter-bridge-hint {
    margin: 10px 14px 0;
    flex-shrink: 0;
  }
  .mnav-drawer-filters .filter-accordion-opts {
    flex: 1;
    overflow-y: auto;
  }
  .mnav-btn-has-badge {
    position: relative;
  }
  .mnav-filter-badge {
    position: absolute;
    top: 4px;
    right: 18%;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: var(--color-brass);
    color: var(--color-bg);
    font-size: 0.58rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }
  .dash-shell {
    display: grid;
    gap: clamp(20px, 3vw, 32px);
    align-items: start;
  }
  @media (min-width: 960px) {
    .dash-shell {
      grid-template-columns: 240px minmax(0, 1fr);
    }
    .dash-shell-model {
      grid-template-columns: 220px minmax(0, 1fr);
    }
    .dash-shell-model .model-dash-tabs {
      display: none;
    }
  }
  .dash-sidebar {
    padding: 18px 16px;
    border-radius: var(--radius-xl, 28px);
    position: sticky;
    top: 96px;
  }
  @media (max-width: 959px) {
    .dash-sidebar {
      position: static;
      display: none;
    }
  }
  .dash-sidebar-head {
    padding-bottom: 14px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--color-border);
  }
  .dash-sidebar-head b {
    display: block;
    font-family: var(--font-display);
    font-size: 1.1rem;
    color: var(--color-ink);
  }
  .dash-sidebar-head span {
    font-size: 0.78em;
    color: var(--color-ink-muted);
  }
  .dash-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .dash-nav a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 0.86em;
    font-weight: 600;
    color: var(--color-ink-muted);
    text-decoration: none;
    transition: background-color 160ms, color 160ms;
  }
  .dash-nav a:hover {
    color: var(--color-brass-light);
    background: color-mix(in srgb, #D4A855 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-brass) 8%, transparent);
    }
  }
  .dash-nav a.is-active {
    color: var(--color-brass-light);
    background: color-mix(in srgb, #D4A855 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-brass) 12%, transparent);
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, #D4A855 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-brass) 25%, transparent);
    }
  }
  .dash-nav a.is-muted {
    opacity: 0.55;
  }
  .dash-nav-icon {
    width: 18px;
    text-align: center;
    flex-shrink: 0;
    opacity: 0.85;
  }
  .dash-main {
    min-width: 0;
  }
  .dash-welcome {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(16px, 3vw, 28px);
    flex-wrap: wrap;
    padding: clamp(18px, 3vw, 26px);
    margin-bottom: clamp(18px, 2.5vw, 24px);
    border-radius: var(--radius-xl, 28px);
    background: linear-gradient(135deg, color-mix(in srgb, #D4A855 8%, #261C12), var(--color-surface));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in srgb, var(--color-brass) 8%, var(--color-surface)), var(--color-surface));
    }
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-card, 0 12px 40px rgba(0, 0, 0, 0.22));
  }
  .dash-welcome h1 {
    margin: 6px 0 0;
    font-family: var(--font-display);
    font-size: clamp(1.35rem, 2.5vw, 1.75rem);
    color: var(--color-ink);
  }
  .dash-welcome-lede {
    margin: 8px 0 0;
    font-size: 0.9em;
    line-height: 1.55;
    color: var(--color-ink-muted);
    max-width: 42ch;
  }
  .dash-welcome-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
  }
  .dash-welcome-meta span {
    font-size: 0.82em;
    color: var(--color-ink-muted);
    line-height: 1.4;
  }
  .dash-welcome-meta strong {
    color: var(--color-brass-light);
    font-size: 1.15em;
  }
  .dash-quick-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
  }
  .dash-page {
    padding-top: clamp(24px, 4vw, 48px);
    padding-bottom: clamp(48px, 6vw, 72px);
  }
  .dash-mobile-nav {
    display: none;
    gap: 8px;
    overflow-x: auto;
    padding: 4px 2px 14px;
    margin-bottom: 4px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .dash-mobile-nav::-webkit-scrollbar {
    display: none;
  }
  .dash-mobile-nav a {
    flex-shrink: 0;
    padding: 9px 14px;
    border-radius: 999px;
    font-size: 0.78em;
    font-weight: 700;
    text-decoration: none;
    color: var(--color-ink-muted);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    transition: border-color 160ms, color 160ms, background-color 160ms;
  }
  .dash-mobile-nav a:hover {
    color: var(--color-brass-light);
    border-color: color-mix(in srgb, #D4A855 35%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 35%, var(--color-border));
    }
  }
  .dash-mobile-nav a.is-active {
    color: var(--color-ink);
    background: color-mix(in srgb, #D4A855 12%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-brass) 12%, var(--color-surface));
    }
    border-color: var(--color-brass);
    box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.2);
  }
  @media (max-width: 959px) {
    .dash-mobile-nav {
      display: flex;
    }
    .model-dash-tabs {
      display: none;
    }
  }
  .model-dash-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .model-dash-tabs::-webkit-scrollbar {
    display: none;
  }
  .model-dash-tab {
    white-space: nowrap;
    flex-shrink: 0;
    transition: transform 160ms, box-shadow 160ms, border-color 160ms;
  }
  .model-dash-tab:hover {
    border-color: var(--color-brass);
    transform: translateY(-1px);
  }
  .model-dash-card {
    box-shadow: var(--shadow-card, 0 12px 40px rgba(0, 0, 0, 0.22));
    border-radius: var(--radius-xl, 28px);
  }
  .progress-card,	.vip-tier-card {
    box-shadow: var(--shadow-card, 0 8px 28px rgba(0, 0, 0, 0.18));
  }
  .gem-ladder {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 14px;
    margin-top: 12px;
  }
  .gem-tier-card {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl, 20px);
    padding: 18px 16px;
    background: linear-gradient(165deg, var(--gem-color, #D4A855), var(--color-surface));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(165deg, color-mix(in srgb, var(--gem-color, var(--color-brass)) 8%, var(--color-surface)), var(--color-surface));
    }
    border-top: 3px solid var(--gem-color, var(--color-brass));
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 100%;
  }
  .gem-tier-card.is-current {
    box-shadow: 0 0 0 1px var(--gem-color, var(--color-brass)), var(--shadow-card, 0 8px 28px rgba(0, 0, 0, 0.18));
  }
  .gem-tier-head {
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }
  .gem-tier-icon {
    font-size: 1.5rem;
    line-height: 1;
  }
  .gem-tier-head h4 {
    margin: 0;
    font-family: var(--font-display);
    font-size: 1.05rem;
  }
  .gem-tier-badge {
    display: inline-block;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-ink-muted);
    margin-top: 2px;
  }
  .gem-tier-price {
    margin: 0;
    font-size: 0.85em;
    color: var(--color-brass-light);
  }
  .gem-tier-features {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
  }
  .gem-tier-features li {
    font-size: 0.82em;
    color: var(--color-ink-muted);
    padding: 4px 0 4px 14px;
    position: relative;
  }
  .gem-tier-features li::before {
    content: '◆';
    position: absolute;
    left: 0;
    font-size: 0.55em;
    color: var(--gem-color, var(--color-brass));
    top: 8px;
  }
  .gem-status-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-radius: var(--radius-lg, 16px);
    border: 1px solid var(--gem-color);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--gem-color) 40%, var(--color-border));
    }
    background: var(--gem-color);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--gem-color) 6%, var(--color-surface));
    }
    margin-bottom: 18px;
  }
  .gem-status-icon {
    font-size: 1.75rem;
  }
  .gem-status-card p {
    margin: 4px 0 0;
    font-size: 0.85em;
    color: var(--color-ink-muted);
  }
  .gem-services-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
  }
  .gem-service-chip {
    display: inline-flex;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid var(--color-border);
    font-size: 0.78em;
    color: var(--color-ink-muted);
    text-decoration: none;
  }
  .gem-service-chip:hover {
    border-color: var(--color-brass);
    color: var(--color-ink);
  }
  .gem-reception-card {
    padding: 20px;
    border-radius: var(--radius-xl, 20px);
    margin-bottom: 20px;
  }
  .gem-reception-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 18px;
  }
  .gem-tier-request-form .booking-select {
    width: 100%;
  }
  .model-online-card,	.model-playwin-card {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl, 20px);
    padding: 18px;
    margin-bottom: 16px;
    background: var(--color-surface);
  }
  .model-online-card.is-online {
    border-color: color-mix(in srgb, #34C759 35%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, #34C759 35%, var(--color-border));
    }
    background: color-mix(in srgb, #34C759 6%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, #34C759 6%, var(--color-surface));
    }
  }
  .model-online-card.is-offline {
    border-color: color-mix(in srgb, #C4A88A 25%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-ink-muted) 25%, var(--color-border));
    }
  }
  .model-online-head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
  }
  .model-online-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-top: 5px;
    flex-shrink: 0;
    background: #888;
    box-shadow: 0 0 0 4px color-mix(in srgb, #888 20%, transparent);
  }
  .model-online-card.is-online .model-online-dot {
    background: #34C759;
    box-shadow: 0 0 0 4px color-mix(in srgb, #34C759 22%, transparent);
  }
  .model-online-head p {
    margin: 4px 0 0;
    font-size: 0.85em;
    color: var(--color-ink-muted);
  }
  .model-online-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
  }
  .model-playwin-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    border-color: color-mix(in srgb, #D4A855 35%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 35%, var(--color-border));
    }
    background: linear-gradient(135deg, color-mix(in srgb, #D4A855 8%, #261C12), var(--color-surface));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in srgb, var(--color-brass) 8%, var(--color-surface)), var(--color-surface));
    }
  }
  .model-playwin-card p {
    margin: 6px 0 0;
    font-size: 0.85em;
    color: var(--color-ink-muted);
  }
  .mnav-drawer-head {
    background: linear-gradient(180deg, var(--color-surface), color-mix(in srgb, #261C12 90%, #1C140C));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, var(--color-surface), color-mix(in srgb, var(--color-surface) 90%, var(--color-bg)));
    }
  }
  .mnav-section-label {
    padding: 16px 18px 6px;
    font-size: 0.68em;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-brass-light);
  }
  .mnav-list a.is-active,	.mnav-list-link-btn.is-active {
    color: var(--color-brass-light);
    background: color-mix(in srgb, #D4A855 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-brass) 8%, transparent);
    }
  }
  .mnav-user-chip {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 16px 0;
    padding: 12px 14px;
    border-radius: 14px;
    background: color-mix(in srgb, #D4A855 10%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-brass) 10%, var(--color-surface));
    }
    border: 1px solid color-mix(in srgb, #D4A855 22%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-brass) 22%, var(--color-border));
    }
  }
  .mnav-user-chip b {
    display: block;
    font-size: 0.88em;
    color: var(--color-ink);
  }
  .mnav-user-chip span {
    font-size: 0.75em;
    color: var(--color-ink-muted);
  }
  .mnav-user-chip a {
    margin-left: auto;
    font-size: 0.78em;
    font-weight: 700;
    color: var(--color-brass-light);
  }
  .member-bookings-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .member-booking-card {
    border-radius: 16px;
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    padding: 16px 18px;
    box-shadow: var(--shadow-card, 0 8px 28px rgba(0, 0, 0, 0.18));
  }
  .member-booking-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
  }
  .member-booking-ref {
    display: block;
    font-size: 0.78em;
    color: var(--color-ink-muted);
    margin-top: 2px;
  }
  .member-booking-status {
    font-size: 0.72em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--color-border);
    color: var(--color-ink-muted);
  }
  .member-booking-status--pending {
    border-color: var(--color-brass);
    color: var(--color-brass-light);
  }
  .member-booking-status--confirmed {
    border-color: var(--color-emerald-light);
    color: var(--color-emerald-light);
  }
  .member-booking-status--completed {
    border-color: var(--color-emerald);
    color: var(--color-emerald-light);
  }
  .member-booking-status--cancelled,	.member-booking-status--no-show {
    opacity: 0.7;
  }
  .member-booking-meta {
    margin: 8px 0 0;
    font-size: 0.88em;
    color: var(--color-ink-muted);
  }
  .member-booking-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
  }
  .model-booking-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .dash-shell-future .dash-sidebar,	.dash-shell-future .dash-welcome,	.dash-shell-future .model-dash-card,	.dash-shell-future .progress-card,	.dash-shell-future .vip-tier-card {
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.04) 0%, transparent 42%),	var(--color-surface);
    backdrop-filter: blur(12px);
  }
  .dash-shell-future .dash-welcome {
    position: relative;
    overflow: hidden;
  }
  .dash-shell-future .dash-welcome::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--color-brass), transparent);
    opacity: 0.55;
  }
  .dash-shell-future .model-dash-stat {
    border: 1px solid color-mix(in srgb, #D4A855 18%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-brass) 18%, var(--color-border));
    }
    box-shadow: 0 0 24px rgba(212, 175, 55, 0.06);
  }
  .dash-activation-banner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px 20px;
    align-items: center;
    padding: clamp(16px, 2.5vw, 22px);
    margin-bottom: clamp(16px, 2.5vw, 22px);
    border-radius: var(--radius-xl, 28px);
    border: 1px solid var(--color-border);
    background: linear-gradient(135deg, color-mix(in srgb, #B85A3A 8%, #261C12), var(--color-surface));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in srgb, var(--color-emerald) 8%, var(--color-surface)), var(--color-surface));
    }
    box-shadow: var(--shadow-card, 0 12px 40px rgba(0, 0, 0, 0.22));
  }
  .dash-activation-banner-copy strong {
    display: block;
    font-family: var(--font-display);
    font-size: 1.15rem;
    color: var(--color-ink);
    margin-top: 4px;
  }
  .dash-activation-banner-copy p {
    margin: 8px 0 0;
    font-size: 0.9em;
    color: var(--color-ink-muted);
  }
  .dash-activation-until {
    display: block;
    margin-top: 6px;
    font-size: 0.78em;
    color: var(--color-brass-light);
  }
  .dash-activation-cta {
    grid-column: 1 / -1;
    justify-self: start;
  }
  .dash-activation-ring {
    --activation-pct: 50%;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: conic-gradient(var(--color-emerald-light) 0 var(--activation-pct), var(--color-border) var(--activation-pct) 100%);
    box-shadow: inset 0 0 0 6px var(--color-surface);
    flex-shrink: 0;
  }
  .dash-activation-ring span {
    text-align: center;
    line-height: 1.1;
  }
  .dash-activation-ring b {
    display: block;
    font-family: var(--font-display);
    font-size: 1.35rem;
    color: var(--color-ink);
  }
  .dash-activation-ring small {
    font-size: 0.62em;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-ink-muted);
  }
  .dash-activation-ring-lg {
    width: 112px;
    height: 112px;
  }
  .dash-activation-banner--weeks,	.dash-shell-model.dash-activation-weeks .dash-welcome {
    border-color: color-mix(in srgb, #f59e0b 35%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, #f59e0b 35%, var(--color-border));
    }
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), var(--color-surface));
  }
  .dash-activation-banner--weeks .dash-activation-ring {
    background: conic-gradient(#f59e0b 0 var(--activation-pct), var(--color-border) var(--activation-pct) 100%);
  }
  .dash-activation-banner--critical,	.dash-shell-model.dash-activation-critical .dash-welcome {
    border-color: color-mix(in srgb, #ef4444 40%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, #ef4444 40%, var(--color-border));
    }
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.12), var(--color-surface));
  }
  .dash-activation-banner--critical .dash-activation-ring {
    background: conic-gradient(#ef4444 0 var(--activation-pct), var(--color-border) var(--activation-pct) 100%);
  }
  .dash-activation-banner--expired,	.dash-shell-model.dash-activation-expired .dash-welcome {
    border-color: color-mix(in srgb, #ef4444 25%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, #ef4444 25%, var(--color-border));
    }
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.08), var(--color-surface));
    opacity: 0.95;
  }
  .dash-activation-mini {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    margin-bottom: 16px;
    border-radius: 16px;
    border: 1px solid var(--color-border);
    background: var(--color-surface-raised);
  }
  .dash-activation-mini b {
    display: block;
    color: var(--color-ink);
  }
  .dash-activation-mini span {
    font-size: 0.82em;
    color: var(--color-ink-muted);
  }
  .dash-activation-mini--weeks {
    border-color: rgba(245, 158, 11, 0.45);
  }
  .dash-activation-mini--critical {
    border-color: rgba(239, 68, 68, 0.45);
  }
  .dash-activation-detail {
    padding: 4px 0 8px;
  }
  .dash-activation-detail-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
  }
  .dash-activation-progress {
    height: 8px;
    border-radius: 999px;
    background: var(--color-border);
    overflow: hidden;
    margin: 12px 0;
  }
  .dash-activation-progress i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--color-emerald), var(--color-brass));
  }
  .dash-activation-detail--weeks .dash-activation-progress i {
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
  }
  .dash-activation-detail--critical .dash-activation-progress i {
    background: linear-gradient(90deg, #ef4444, #f97316);
  }
  .dash-activation-meta {
    color: var(--color-ink-muted);
    font-size: 0.88em;
    margin: 0;
  }
  .dash-activation-alert {
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 0.86em;
  }
  .dash-activation-alert--weeks {
    border: 1px solid rgba(245, 158, 11, 0.4);
    background: rgba(245, 158, 11, 0.08);
    color: #fcd34d;
  }
  .dash-activation-alert--critical {
    border: 1px solid rgba(239, 68, 68, 0.45);
    background: rgba(239, 68, 68, 0.1);
    color: #fca5a5;
  }
  @media (max-width: 640px) {
    .dash-activation-banner {
      grid-template-columns: 1fr;
    }
    .dash-activation-ring {
      justify-self: start;
    }
  }
  .dash-comms-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: clamp(16px, 2.5vw, 22px);
  }
  .dash-comms-card {
    padding: clamp(16px, 2.5vw, 22px);
    border-radius: var(--radius-xl, 28px);
    border: 1px solid var(--color-border);
  }
  .dash-comms-guide {
    background: linear-gradient(135deg, color-mix(in srgb, #D4A855 10%, #261C12), var(--color-surface));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in srgb, var(--color-brass) 10%, var(--color-surface)), var(--color-surface));
    }
  }
  .dash-comms-update {
    background: linear-gradient(135deg, color-mix(in srgb, #38bdf8 8%, #261C12), var(--color-surface));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in srgb, #38bdf8 8%, var(--color-surface)), var(--color-surface));
    }
    border-color: color-mix(in srgb, #38bdf8 25%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, #38bdf8 25%, var(--color-border));
    }
  }
  .dash-comms-update > summary {
    list-style: none;
    cursor: pointer;
  }
  .dash-comms-update > summary::-webkit-details-marker {
    display: none;
  }
  .dash-comms-summary {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
  }
  .dash-comms-summary-main {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
  }
  .dash-comms-summary-title {
    font-family: var(--font-display);
    font-size: 1.05rem;
    color: var(--color-ink);
    line-height: 1.35;
  }
  .dash-comms-summary-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
  }
  .dash-comms-toggle-label {
    font-size: 0.72em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-brass-light);
    white-space: nowrap;
  }
  .dash-comms-update[open] .dash-comms-summary {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid color-mix(in srgb, #38bdf8 18%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in srgb, #38bdf8 18%, var(--color-border));
    }
  }
  .dash-comms-card h3 {
    margin: 8px 0 0;
    font-family: var(--font-display);
    font-size: 1.05rem;
    color: var(--color-ink);
  }
  .dash-comms-body {
    margin-top: 10px;
    font-size: 0.9em;
    line-height: 1.6;
    color: var(--color-ink-muted);
  }
  .dash-comms-body a {
    color: var(--color-brass-light);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .dash-comms-body a:hover {
    color: var(--color-brass);
  }
  .dash-comms-body p {
    margin: 0 0 0.65em;
  }
  .dash-comms-time {
    display: block;
    font-size: 0.75em;
    color: var(--color-ink-muted);
    opacity: 0.85;
  }
  .term-seo-copy {
    padding: clamp(18px, 2.5vw, 26px);
    border-radius: var(--radius-xl, 28px);
    font-size: 0.92em;
    line-height: 1.65;
    color: var(--color-ink-muted);
  }
  .term-seo-copy p {
    margin: 0 0 0.75em;
  }
  .term-seo-copy p:last-child {
    margin-bottom: 0;
  }
  .location-pills .location-pill:not(a) {
    cursor: default;
    pointer-events: none;
    opacity: 0.92;
  }
  .site-faq-page .site-faq-group {
    margin-top: clamp(22px, 3vw, 32px);
  }
  .site-faq-group-title {
    font-family: var(--font-display);
    font-size: 1.15rem;
    margin: 0 0 12px;
    color: var(--color-brass-light);
  }
  .site-faq-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 820px;
  }
  .site-faq-item {
    padding: 0;
    overflow: hidden;
    border-radius: var(--radius-xl, 28px);
  }
  .site-faq-item > summary {
    list-style: none;
    cursor: pointer;
  }
  .site-faq-item > summary::-webkit-details-marker {
    display: none;
  }
  .site-faq-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: clamp(14px, 2vw, 18px) clamp(16px, 2.5vw, 22px);
  }
  .site-faq-question {
    font-weight: 600;
    color: var(--color-ink);
    line-height: 1.45;
  }
  .site-faq-toggle {
    width: 10px;
    height: 10px;
    border-right: 2px solid var(--color-brass);
    border-bottom: 2px solid var(--color-brass);
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    flex-shrink: 0;
    margin-top: -4px;
  }
  .site-faq-item[open] .site-faq-toggle {
    transform: rotate(-135deg);
    margin-top: 4px;
  }
  .site-faq-answer {
    padding: 0 clamp(16px, 2.5vw, 22px) clamp(16px, 2.5vw, 20px);
    color: var(--color-ink-muted);
    font-size: 0.92em;
    line-height: 1.65;
    border-top: 1px solid color-mix(in srgb, #4D3826 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in srgb, var(--color-border) 80%, transparent);
    }
  }
  .site-faq-answer p {
    margin: 0 0 0.65em;
  }
  .site-faq-answer p:last-child {
    margin-bottom: 0;
  }
  .site-faq-cta p {
    margin: 0 0 12px;
    color: var(--color-ink-muted);
  }
  .apply-page .apply-page-inner {
    display: grid;
    gap: clamp(24px, 4vw, 40px);
    align-items: start;
    position: relative;
    z-index: 1;
    padding: clamp(24px, 4vw, 48px) 0 clamp(48px, 6vw, 72px);
  }
  @media (min-width: 1024px) {
    .apply-page .apply-page-inner {
      grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    }
  }
  .apply-page-aside-inner {
    padding: clamp(22px, 3vw, 28px);
    border-radius: var(--radius-xl, 28px);
    position: sticky;
    top: 96px;
  }
  .apply-aside-title {
    margin: 16px 0 0;
    font-family: var(--font-display);
    font-size: clamp(1.35rem, 2.5vw, 1.65rem);
    color: var(--color-ink);
    line-height: 1.15;
  }
  .apply-aside-lede {
    margin: 12px 0 0;
    font-size: 0.92em;
    line-height: 1.6;
    color: var(--color-ink-muted);
  }
  .apply-aside-steps {
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .apply-aside-steps li {
    display: grid;
    gap: 4px;
    padding-left: 14px;
    border-left: 2px solid color-mix(in srgb, #D4744F 45%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-left: 2px solid color-mix(in srgb, var(--color-emerald-light) 45%, var(--color-border));
    }
  }
  .apply-aside-steps strong {
    font-size: 0.88em;
    color: var(--color-ink);
  }
  .apply-aside-steps span {
    font-size: 0.78em;
    color: var(--color-ink-muted);
  }
  .apply-aside-trust {
    margin-top: 24px;
  }
  .apply-shell {
    padding: clamp(20px, 3vw, 32px);
    border-radius: var(--radius-xl, 28px);
    border: 1px solid var(--color-border);
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.04) 0%, transparent 38%), var(--color-surface);
    box-shadow: var(--shadow-card, 0 24px 60px rgba(0, 0, 0, 0.28));
  }
  .apply-progress-head {
    margin-bottom: 18px;
  }
  .apply-progress-label {
    margin: 0 0 8px;
    font-size: 0.78em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-emerald-light);
  }
  .apply-progress-track {
    height: 6px;
    border-radius: 999px;
    background: var(--color-border);
    overflow: hidden;
  }
  .apply-progress-track i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--color-emerald), var(--color-emerald-light));
    transition: width 0.45s var(--ease-out-strong, ease);
  }
  .apply-steps-modern {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 24px;
  }
  .apply-steps-modern .apply-step {
    min-width: 0;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 6px;
    padding: 12px 8px;
    border-radius: 16px;
    font-size: 0.78em;
  }
  .apply-steps-modern .apply-step span {
    width: 28px;
    height: 28px;
  }
  .apply-alert {
    padding: 14px 16px;
    border-radius: 14px;
    margin-bottom: 18px;
    font-size: 0.9em;
  }
  .apply-alert-error {
    border: 1px solid rgba(239, 78, 107, 0.45);
    background: rgba(239, 78, 107, 0.08);
    color: #ffb4c0;
  }
  .apply-panel-intro {
    margin-bottom: 20px;
  }
  .apply-panel-intro h2 {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(1.2rem, 2.2vw, 1.45rem);
    color: var(--color-ink);
  }
  .apply-panel-intro p {
    margin: 8px 0 0;
    font-size: 0.9em;
    color: var(--color-ink-muted);
    line-height: 1.55;
  }
  .apply-card {
    padding: clamp(16px, 2.5vw, 22px);
    margin-bottom: 14px;
    border-radius: 20px;
    border: 1px solid var(--color-border);
    background: color-mix(in srgb, #302418 70%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-surface-raised) 70%, var(--color-surface));
    }
  }
  .apply-card-private {
    border-color: color-mix(in srgb, #D4744F 25%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-emerald-light) 25%, var(--color-border));
    }
    background: linear-gradient(135deg, color-mix(in srgb, #B85A3A 6%, #261C12), var(--color-surface-raised));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in srgb, var(--color-emerald) 6%, var(--color-surface)), var(--color-surface-raised));
    }
  }
  .apply-card-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    font-size: 0.95em;
    font-weight: 700;
    color: var(--color-ink);
  }
  .apply-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: color-mix(in srgb, #D4744F 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-emerald-light) 12%, transparent);
    }
    font-size: 0.95em;
    flex-shrink: 0;
  }
  .apply-card-lede {
    margin: -6px 0 14px;
    font-size: 0.84em;
    color: var(--color-ink-muted);
    line-height: 1.5;
  }
  .apply-field-span-2 {
    grid-column: 1 / -1;
  }
  .apply-field-narrow {
    max-width: 280px;
    margin-top: 12px;
  }
  .apply-details {
    margin-bottom: 14px;
    border-radius: 20px;
    border: 1px dashed var(--color-border);
    background: color-mix(in srgb, #261C12 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-surface) 80%, transparent);
    }
    overflow: hidden;
  }
  .apply-details-summary {
    padding: 14px 18px;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.88em;
    color: var(--color-ink-muted);
    list-style: none;
  }
  .apply-details-summary::-webkit-details-marker {
    display: none;
  }
  .apply-details[open] .apply-details-summary {
    color: var(--color-ink);
    border-bottom: 1px solid var(--color-border);
  }
  .apply-details-body {
    padding: 16px 18px 18px;
  }
  .apply-radio-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  @media (max-width: 520px) {
    .apply-radio-cards {
      grid-template-columns: 1fr;
    }
  }
  .apply-radio-card {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    cursor: pointer;
    transition: border-color 160ms, box-shadow 160ms;
  }
  .apply-radio-card:has(input:checked) {
    border-color: var(--color-emerald-light);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, #D4744F 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-emerald-light) 35%, transparent);
    }
  }
  .apply-radio-card span {
    font-size: 0.88em;
    color: var(--color-ink);
    line-height: 1.4;
  }
  .apply-payment-grid {
    gap: 8px;
  }
  .apply-payment-pill:has(input:checked) {
    border-color: var(--color-emerald-light);
    color: var(--color-emerald-light);
  }
  .apply-upload-dropzone-modern {
    position: relative;
    padding: 32px 20px;
    border-radius: 20px;
    background: linear-gradient(145deg, color-mix(in srgb, #B85A3A 5%, #261C12), var(--color-surface-raised));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(145deg, color-mix(in srgb, var(--color-emerald) 5%, var(--color-surface)), var(--color-surface-raised));
    }
  }
  .apply-upload-dropzone-verify {
    background: linear-gradient(145deg, color-mix(in srgb, #D4A855 6%, #261C12), var(--color-surface-raised));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(145deg, color-mix(in srgb, var(--color-brass) 6%, var(--color-surface)), var(--color-surface-raised));
    }
  }
  .apply-upload-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 8px;
    border-radius: 14px;
    background: color-mix(in srgb, #D4744F 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-emerald-light) 15%, transparent);
    }
    font-size: 1.25rem;
    color: var(--color-emerald-light);
  }
  .apply-upload-title {
    font-weight: 700;
    font-size: 0.95em;
    color: var(--color-ink);
  }
  .apply-service-list-modern .apply-service-price-row:has(input:checked) {
    border-color: var(--color-emerald-light);
    background: color-mix(in srgb, #B85A3A 6%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-emerald) 6%, var(--color-surface));
    }
  }
  .apply-textarea {
    resize: vertical;
    min-height: 120px;
  }
  .apply-honeypot {
    position: absolute;
    left: -9999px;
    opacity: 0;
    pointer-events: none;
  }
  .apply-nav-sticky {
    position: sticky;
    bottom: 0;
    margin-top: 28px;
    padding: 16px 0 4px;
    background: linear-gradient(180deg, transparent, var(--color-surface) 28%);
    backdrop-filter: blur(8px);
    z-index: 2;
  }
  .apply-nav-primary {
    margin-left: auto;
    display: flex;
    gap: 10px;
  }
  .apply-shell .apply-input:focus {
    border-color: var(--color-emerald-light);
    box-shadow: 0 0 0 3px color-mix(in srgb, #D4744F 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-emerald-light) 18%, transparent);
    }
  }
  @media (max-width: 1023px) {
    .apply-page-aside {
      order: -1;
    }
    .apply-page-aside-inner {
      position: static;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .apply-progress-track i {
      transition: none;
    }
  }
  .model-academy-meta {
    color: var(--color-ink-muted);
    font-size: 0.88em;
    margin: 0 0 16px;
  }
  .model-academy-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
    margin-top: 16px;
  }
  .model-academy-card {
    padding: 18px 20px;
  }
  .model-academy-card h3 {
    margin: 0 0 8px;
    font-size: 1.05rem;
  }
  .model-academy-card p {
    color: var(--color-ink-muted);
    font-size: 0.88em;
    margin: 0 0 12px;
  }
  .model-academy-card-meta {
    list-style: none;
    padding: 0;
    margin: 0 0 14px;
    font-size: 0.82em;
    color: var(--color-brass-light);
  }
  .model-academy-card-meta li + li {
    margin-top: 4px;
  }
  .model-academy-card.is-complete {
    opacity: 0.82;
    border-color: color-mix(in srgb, #B85A3A 35%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-emerald) 35%, var(--color-border));
    }
  }
  .model-academy-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.75em;
    font-weight: 700;
    background: color-mix(in srgb, #B85A3A 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-emerald) 18%, transparent);
    }
    color: var(--color-emerald-light);
  }
  .model-academy-play {
    margin-top: 20px;
  }
  .model-academy-play-head {
    margin-bottom: 18px;
  }
  .model-academy-question {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card, 14px);
    padding: 14px 16px;
    margin-bottom: 14px;
    background: color-mix(in srgb, #261C12 92%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-surface) 92%, transparent);
    }
  }
  .model-academy-question legend {
    font-weight: 600;
    margin-bottom: 10px;
    padding: 0;
  }
  .model-academy-option {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 6px 0;
    cursor: pointer;
    font-size: 0.92em;
  }
  .model-academy-match-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-bottom: 10px;
  }
  .model-academy-match-left {
    font-size: 0.92em;
    font-weight: 600;
  }
  .model-academy-result {
    margin-top: 18px;
    padding: 16px 18px;
    border-radius: var(--radius-card, 14px);
    border: 1px solid var(--color-border);
    background: color-mix(in srgb, #302418 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-surface-raised) 90%, transparent);
    }
  }
  .model-academy-feedback {
    margin: 12px 0 0;
    padding-left: 18px;
    font-size: 0.88em;
  }
  .model-academy-feedback li.is-ok {
    color: var(--color-emerald-light);
  }
  .model-academy-feedback li.is-bad {
    color: var(--color-brass-light);
  }
  .model-academy-feedback small {
    display: block;
    color: var(--color-ink-muted);
    margin-top: 4px;
  }
  .model-academy-reward-box {
    padding: 16px 18px;
    margin-bottom: 18px;
  }
  .model-academy-location-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
  }
  .model-academy-location-row select {
    flex: 1;
    min-width: 200px;
  }
  .bae-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--color-brass-light);
  }
  .bae-icon-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 12px;
    background: linear-gradient(145deg, color-mix(in srgb, #D4A855 18%, #261C12), var(--color-surface-raised));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(145deg, color-mix(in srgb, var(--color-brass) 18%, var(--color-surface)), var(--color-surface-raised));
    }
    border: 1px solid color-mix(in srgb, #D4A855 35%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-brass) 35%, var(--color-border));
    }
    color: var(--color-brass-light);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #E8C878 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 1px 0 color-mix(in srgb, var(--color-brass-light) 12%, transparent);
    }
  }
  .bae-icon-chip svg {
    width: 1.05rem;
    height: 1.05rem;
  }
  .bae-icon-chip-lg {
    width: 3rem;
    height: 3rem;
    border-radius: 16px;
  }
  .bae-icon-chip-lg svg {
    width: 1.35rem;
    height: 1.35rem;
  }
  .site-topbar .contact-chip:not(.contact-chip-telegram) svg,	.site-header-right .favorites-link svg,	.site-side-rail .side-rail-btn svg,	.mnav-btn svg,	.home-search-bar button svg,	.browse-toolbar-search button svg,	.section-link svg,	.dash-nav-icon,	.category-icon-item svg {
    color: var(--color-brass-light);
    stroke: currentColor;
  }
  .contact-chip svg {
    color: var(--color-brass-light);
  }
  .contact-chip .bae-icon-chip {
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 999px;
    padding: 0;
  }
  .contact-chip-telegram .bae-icon-chip {
    border-color: color-mix(in srgb, #67C2E4 45%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, #67C2E4 45%, var(--color-border));
    }
    background: color-mix(in srgb, #67C2E4 12%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, #67C2E4 12%, var(--color-surface));
    }
  }
  .contact-chip-telegram svg {
    color: #67C2E4 !important;
  }
  .bae-main {
    min-height: 50vh;
  }
  .bae-ui-2026 .section {
    position: relative;
  }
  .bae-ui-2026 .section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(92%, 680px);
    height: 1px;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, #D4A855 35%, transparent), transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-brass) 35%, transparent), transparent);
    }
    opacity: 0.35;
    pointer-events: none;
  }
  .bae-ui-2026 .section:first-of-type::before {
    display: none;
  }
  .bae-page-hero {
    padding: clamp(2.5rem, 6vw, 4rem) 0 clamp(1.5rem, 3vw, 2rem);
    position: relative;
    overflow: hidden;
  }
  .bae-page-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 55% 80% at 100% 0%, color-mix(in srgb, #D4A855 12%, transparent), transparent 55%),	radial-gradient(ellipse 40% 60% at 0% 100%, color-mix(in srgb, #B85A3A 8%, transparent), transparent 50%);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(ellipse 55% 80% at 100% 0%, color-mix(in srgb, var(--color-brass) 12%, transparent), transparent 55%),	radial-gradient(ellipse 40% 60% at 0% 100%, color-mix(in srgb, var(--color-emerald) 8%, transparent), transparent 50%);
    }
    opacity: 0.9;
  }
  .bae-page-hero .container-wide {
    position: relative;
    z-index: 1;
  }
  .bae-page-hero h1 {
    font-size: clamp(2rem, 4.5vw, 3rem);
    margin: 0 0 0.5rem;
    letter-spacing: -0.025em;
  }
  .bae-page-hero .bae-page-lede {
    color: var(--color-ink-muted);
    font-size: 1.05em;
    max-width: 52ch;
    margin: 0;
    line-height: 1.65;
  }
  .bae-content-shell {
    max-width: 820px;
    margin: 0 auto;
    padding: clamp(1.5rem, 4vw, 2.25rem);
    border-radius: var(--radius-xl, 28px);
    background: var(--glass-bg, color-mix(in srgb, #261C12 88%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      background: var(--glass-bg, color-mix(in srgb, var(--color-surface) 88%, transparent));
    }
    border: 1px solid var(--glass-border, color-mix(in srgb, #4D3826 70%, #D4A855 30%));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid var(--glass-border, color-mix(in srgb, var(--color-border) 70%, var(--color-brass) 30%));
    }
    backdrop-filter: blur(14px);
    box-shadow: var(--shadow-soft);
  }
  .bae-ui-2026 .content-page {
    max-width: none;
  }
  .bae-ui-2026 .content-page h1 {
    font-size: clamp(1.85rem, 3.5vw, 2.5rem);
    margin-bottom: 0.75rem;
  }
  .bae-ui-2026 .content-page h2 {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-top: 2rem;
  }
  .bae-ui-2026 .content-page h2::before {
    content: "";
    width: 4px;
    height: 1.1em;
    border-radius: 4px;
    background: linear-gradient(180deg, var(--color-brass-light), var(--color-brass));
    flex-shrink: 0;
  }
  .bae-ui-2026 .content-page .entry-content a {
    color: var(--color-brass-light);
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .bae-form-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 480px;
  }
  .bae-ui-2026 .content-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),	.bae-ui-2026 .content-page textarea,	.bae-ui-2026 .content-page select {
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid var(--color-border);
    background: var(--color-surface-raised);
    color: var(--color-ink);
    font: inherit;
    transition: border-color 160ms, box-shadow 160ms;
  }
  .bae-ui-2026 .content-page input:focus,	.bae-ui-2026 .content-page textarea:focus,	.bae-ui-2026 .content-page select:focus {
    border-color: var(--color-brass);
    box-shadow: 0 0 0 3px color-mix(in srgb, #D4A855 16%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-brass) 16%, transparent);
    }
    outline: none;
  }
  .bae-ui-2026 .trust-card,	.bae-ui-2026 .gem-reception-card,	.bae-ui-2026 .progress-card,	.bae-ui-2026 .coming-soon-card {
    background: var(--glass-bg);
    border-color: var(--glass-border);
    backdrop-filter: blur(12px);
    transition: box-shadow 220ms var(--ease-out-strong), border-color 220ms;
  }
  .bae-ui-2026 .trust-card:hover {
    box-shadow: var(--shadow-glow);
    border-color: color-mix(in srgb, #D4A855 40%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 40%, var(--color-border));
    }
  }
  .bae-ui-2026 .section-head .section-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, #D4A855 25%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-brass) 25%, var(--color-border));
    }
    background: color-mix(in srgb, #D4A855 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-brass) 6%, transparent);
    }
    transition: background 160ms, border-color 160ms, transform 160ms;
  }
  .bae-ui-2026 .section-head .section-link:hover {
    background: color-mix(in srgb, #D4A855 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-brass) 14%, transparent);
    }
    border-color: var(--color-brass);
    transform: translateX(2px);
  }
  .bae-ui-2026 .home-search-bar {
    border: 1px solid color-mix(in srgb, #D4A855 22%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-brass) 22%, var(--color-border));
    }
    box-shadow: var(--shadow-card);
  }
  .bae-ui-2026 .cta-banner,	.bae-ui-2026 .have-questions-banner {
    border: 1px solid color-mix(in srgb, #D4A855 20%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-brass) 20%, var(--color-border));
    }
    border-radius: var(--radius-xl, 28px);
    padding: clamp(1.25rem, 3vw, 1.75rem) clamp(1.25rem, 4vw, 2rem);
  }
  .bae-ui-2026 .browse-layout {
    gap: clamp(1rem, 3vw, 1.75rem);
  }
  .bae-ui-2026 .card-grid {
    gap: clamp(0.85rem, 2vw, 1.25rem);
  }
  .bae-ui-2026 .browse-description-banner {
    border-radius: var(--radius-xl, 28px);
    border: 1px solid color-mix(in srgb, #D4A855 15%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-brass) 15%, var(--color-border));
    }
    padding: clamp(1.25rem, 3vw, 1.75rem);
    margin-top: 2rem;
  }
  .bae-ui-2026 .faq-item {
    border: 1px solid var(--glass-border);
    background: var(--glass-bg);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    overflow: hidden;
    transition: box-shadow 200ms, border-color 200ms;
  }
  .bae-ui-2026 .faq-item[open],	.bae-ui-2026 .faq-item:hover {
    border-color: color-mix(in srgb, #D4A855 35%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 35%, var(--color-border));
    }
    box-shadow: var(--shadow-glow);
  }
  .bae-ui-2026 .blog-card,	.bae-ui-2026 .blog-featured-card {
    border: 1px solid var(--glass-border);
    overflow: hidden;
    transition: transform 220ms var(--ease-out-strong), box-shadow 220ms;
  }
  .bae-ui-2026 .blog-card:hover {
    transform: translateY(-3px);
  }
  .bae-ui-2026 .site-footer {
    background: linear-gradient(180deg, var(--color-surface), color-mix(in srgb, #1C140C 85%, #261C12));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, var(--color-surface), color-mix(in srgb, var(--color-bg) 85%, var(--color-surface)));
    }
  }
  .bae-ui-2026 .footer-col h4 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .bae-ui-2026 .footer-col h4::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-brass);
  }
  .bae-ui-2026 .footer-col a {
    color: var(--color-ink-muted);
    transition: color 160ms, padding-left 160ms;
    display: inline-block;
  }
  .bae-ui-2026 .footer-col a:hover {
    color: var(--color-brass-light);
    padding-left: 4px;
  }
  .bae-ui-2026 .footer-tag-row a {
    color: var(--color-brass-light);
  }
  .bae-ui-2026 .mnav-fab-call {
    box-shadow: 0 8px 24px color-mix(in srgb, #D4A855 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 8px 24px color-mix(in srgb, var(--color-brass) 35%, transparent);
    }
  }
  .bae-ui-2026 .mnav-drawer-head span {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
  }
  .bae-ui-2026 .booking-layout {
    border-radius: var(--radius-xl, 28px);
  }
  .bae-ui-2026 .booking-panel,	.bae-ui-2026 .booking-preview,	.bae-ui-2026 .booking-summary {
    border: 1px solid var(--glass-border);
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    box-shadow: var(--shadow-soft);
  }
  .bae-ui-2026 .booking-panel-head {
    color: var(--color-brass-light);
    border-bottom-color: color-mix(in srgb, #D4A855 20%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in srgb, var(--color-brass) 20%, var(--color-border));
    }
  }
  .bae-ui-2026 .reviews-page .browse-toolbar {
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-xl, 28px);
    background: var(--glass-bg);
    backdrop-filter: blur(10px);
    padding: 0.75rem 1rem;
  }
  .bae-ui-2026 .review-list .review-card {
    border: 1px solid var(--glass-border);
    transition: box-shadow 220ms, border-color 220ms, transform 220ms;
  }
  .bae-ui-2026 .review-list .review-card:hover {
    border-color: color-mix(in srgb, #D4A855 35%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 35%, var(--color-border));
    }
    box-shadow: var(--shadow-glow);
    transform: translateY(-2px);
  }
  .bae-ui-2026 .site-faq-item {
    border: 1px solid var(--glass-border);
    background: var(--glass-bg);
    backdrop-filter: blur(10px);
    transition: box-shadow 200ms, border-color 200ms;
  }
  .bae-ui-2026 .site-faq-item[open],	.bae-ui-2026 .site-faq-item:hover {
    border-color: color-mix(in srgb, #D4A855 35%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 35%, var(--color-border));
    }
    box-shadow: var(--shadow-glow);
  }
  .bae-ui-2026 .site-faq-toggle {
    border-color: color-mix(in srgb, #D4A855 40%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 40%, var(--color-border));
    }
    color: var(--color-brass-light);
  }
  .bae-ui-2026 .site-faq-group-title {
    color: var(--color-brass-light);
  }
  .bae-ui-2026 .favorites-toolbar {
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-xl, 28px);
    background: var(--glass-bg);
    padding: 0.65rem 1rem;
    margin-bottom: 1.25rem;
  }
  .bae-ui-2026 .favorites-tab.is-active {
    background: color-mix(in srgb, #D4A855 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-brass) 14%, transparent);
    }
    border-color: var(--color-brass);
    color: var(--color-brass-light);
  }
  .bae-ui-2026 .browse-pagination-row .btn,	.bae-ui-2026 .pagination .page-numbers {
    border-radius: 999px;
  }
  .bae-ui-2026 .pagination .page-numbers.current {
    background: var(--color-brass);
    color: var(--color-bg);
    border-color: var(--color-brass);
  }
  @media (max-width: 639px) {
    .bae-content-shell {
      padding: 1.15rem;
      border-radius: 20px;
    }
    .bae-page-hero {
      padding-top: 1.75rem;
    }
  }
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/cormorant-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url('../assets/fonts/cormorant-bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../assets/fonts/manrope.woff2') format('woff2');
}
@layer base {
  html {
    scroll-behavior: smooth;
  }
  :root {
    color-scheme: dark;
  }
  [data-style="modern-minimal"] {
    color-scheme: light;
  }
  body {
    background-color: var(--color-bg);
    color: var(--color-ink);
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
  }
  h1, h2, h3, h4 {
    font-family: var(--font-display);
    font-weight: 600;
    line-height: 1.12;
    text-wrap: balance;
  }
  a {
    color: var(--color-emerald-light);
  }
  a:hover {
    color: var(--color-brass-light);
  }
}
@layer components {
  .container {
    margin-inline: auto;
    width: 100%;
    max-width: var(--container-6xl);
    padding-inline: calc(var(--spacing) * 6);
    overflow-x: clip;
  }
  .container-wide {
    margin-inline: auto;
    width: 100%;
    padding-inline: calc(var(--spacing) * 6);
    max-width: 1220px;
    overflow-x: clip;
  }
  .lede {
    font-family: var(--font-display);
    font-style: italic;
    font-weight: 500;
    color: var(--color-brass-light);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .eyebrow {
    margin-bottom: calc(var(--spacing) * 2.5);
    display: inline-block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-brass);
  }
  .btn {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: 0.95em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    transition: transform 160ms var(--ease-out-strong), opacity 160ms var(--ease-out-strong), background-color 160ms var(--ease-out-strong);
  }
  .btn-primary {
    background-color: var(--color-brass);
    color: #16171B;
  }
  .btn-primary:hover {
    opacity: 90%;
  }
  .btn-primary:active {
    scale: 0.97;
  }
  .btn-ghost {
    background-color: transparent;
    color: var(--color-ink);
    border: 1px solid var(--color-border);
  }
  .btn-ghost:hover {
    border-color: var(--color-brass);
    color: var(--color-brass-light);
  }
  .btn-sm {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: 0.82em;
  }
  .site-topbar {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-block: calc(var(--spacing) * 2);
    background: linear-gradient(180deg, color-mix(in srgb, #261C12 96%, transparent), color-mix(in srgb, #261C12 88%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 96%, transparent), color-mix(in srgb, var(--color-surface) 88%, transparent));
    }
    border-color: color-mix(in srgb, #D4A855 12%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 12%, var(--color-border));
    }
  }
  .site-topbar-inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 0.75rem;
  }
  @media (min-width: 861px) {
    .site-topbar-inner {
      grid-template-columns: 1fr auto 1fr;
    }
    .site-topbar-logo {
      display: flex;
      justify-self: center;
    }
    .site-topbar-contact {
      justify-self: start;
    }
    .site-topbar-actions {
      justify-self: end;
    }
  }
  .site-topbar-contact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    justify-self: flex-start;
  }
  .contact-chip {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 0.78em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    background-color: var(--color-surface-raised);
    border-color: var(--color-border);
    color: var(--color-ink);
  }
  .contact-chip:hover {
    border-color: var(--color-brass);
    color: var(--color-brass-light);
  }
  .contact-chip-telegram {
    color: #67C2E4;
  }
  .site-logo-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: center;
    text-align: center;
  }
  .site-logo {
    font-family: var(--font-display);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-ink);
  }
  .site-logo span {
    color: var(--color-brass);
  }
  .site-logo-mark {
    color: var(--color-brass);
    display: inline-flex;
  }
  .site-tagline {
    color: var(--color-ink-muted);
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 0.68em;
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }
  .site-topbar-actions {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    justify-self: flex-end;
  }
  .site-login-link {
    color: var(--color-ink-muted);
    font-size: 0.85em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .site-login-link:hover {
    color: var(--color-brass-light);
  }
  .site-user-chip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 3);
  }
  .site-user-name {
    color: var(--color-ink-muted);
    font-size: 0.82em;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .site-dash-bar {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    background: linear-gradient(180deg, color-mix(in srgb, #D4A855 10%, #261C12), var(--color-surface));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in srgb, var(--color-brass) 10%, var(--color-surface)), var(--color-surface));
    }
    border-color: color-mix(in srgb, #D4A855 18%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 18%, var(--color-border));
    }
    box-shadow: inset 0 1px 0 color-mix(in srgb, #D4A855 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 1px 0 color-mix(in srgb, var(--color-brass) 8%, transparent);
    }
  }
  .site-dash-bar-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: center;
  }
  .site-dash-greeting {
    color: var(--color-ink-muted);
    font-size: 0.78em;
  }
  .site-dash-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
  }
  .site-dash-nav a {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 0.78em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    border-color: var(--color-border);
    color: var(--color-ink-muted);
  }
  .site-dash-nav a:hover, .site-dash-nav a.is-primary {
    border-color: var(--color-brass);
    color: var(--color-brass-light);
    background: color-mix(in srgb, #D4A855 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-brass) 8%, transparent);
    }
  }
  @media (max-width: 760px) {
    .site-topbar-contact {
      display: none;
    }
    .site-topbar-inner {
      grid-template-columns: 1fr;
    }
    .site-logo-block {
      justify-self: center;
    }
    .site-topbar-actions {
      justify-self: center;
    }
  }
  .site-header {
    position: sticky;
    top: 0px;
    z-index: 500;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    background-color: color-mix(in srgb, #1C140C 92%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-bg) 92%, transparent);
    }
    border-color: var(--color-border);
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  }
  .site-header-inner {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.85rem;
    padding-block: calc(var(--spacing) * 2);
  }
  .site-header-logo {
    display: none;
    text-decoration-line: none;
    color: var(--color-ink);
  }
  @media (min-width: 861px) {
    .site-header-inner {
      grid-template-columns: 1fr auto 1fr;
    }
    .site-header-logo {
      display: none;
    }
    .site-header .primary-nav {
      grid-column: 2;
    }
    .site-header-right {
      grid-column: 3;
      justify-self: end;
    }
  }
  .site-header-logo .site-logo {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .site-header .primary-nav {
    margin: 0px;
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 2.5);
    justify-self: center;
    padding: 0px;
  }
  .site-header .primary-nav a {
    font-size: 0.8em;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    color: var(--color-ink-muted);
    padding: 6px 3px;
    letter-spacing: 0.04em;
  }
  .site-header .primary-nav a:hover {
    color: var(--color-brass-light);
  }
  .site-header .primary-nav .sub-menu,	.site-header .primary-nav .children {
    display: none;
  }
  .site-header-right {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    justify-self: flex-end;
  }
  .site-join-cta {
    box-shadow: 0 8px 24px color-mix(in srgb, #D4A855 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 8px 24px color-mix(in srgb, var(--color-brass) 25%, transparent);
    }
  }
  .primary-nav a {
    color: var(--color-ink-muted);
    font-size: 0.86em;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
  .primary-nav a:hover, .primary-nav a.is-active {
    color: var(--color-brass-light);
  }
  .nav-toggle {
    display: none;
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: var(--color-ink);
  }
  .favorites-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--color-brass);
  }
  .favorites-link:hover {
    color: var(--color-brass-light);
  }
  .favorites-count {
    background-color: var(--color-brass);
    color: var(--color-bg);
    position: absolute;
    top: calc(var(--spacing) * -2);
    right: calc(var(--spacing) * -2.5);
    display: flex;
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    font-size: 0.62em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (max-width: 960px) {
    .primary-nav {
      display: none;
    }
    .nav-toggle {
      display: block;
    }
  }
  .site-side-rail {
    position: fixed;
    top: calc(1 / 3 * 100%);
    right: 0px;
    z-index: 400;
    display: none;
    flex-direction: column;
  }
  .side-rail-btn {
    display: flex;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-ink-muted);
  }
  .side-rail-btn:hover {
    color: var(--color-brass-light);
    border-color: var(--color-brass);
  }
  .side-rail-az {
    font-size: 0.72em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (min-width: 1180px) {
    .site-side-rail {
      display: flex;
    }
  }
  .site-search-overlay {
    position: fixed;
    inset: 0px;
    z-index: 600;
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding-top: calc(var(--spacing) * 28);
    background-color: rgba(0,0,0,0.6);
  }
  .site-search-overlay.is-open {
    display: flex;
  }
  .site-search-form {
    margin-inline: calc(var(--spacing) * 5);
    display: flex;
    width: 100%;
    max-width: 520px;
    gap: calc(var(--spacing) * 2);
  }
  .site-search-form input {
    flex: 1;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    font-size: 0.95em;
    background-color: var(--color-surface);
    border-color: var(--color-brass);
    color: var(--color-ink);
  }
  .site-search-form button {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    background-color: var(--color-brass);
    color: var(--color-bg);
  }
  .hero {
    position: relative;
    overflow: hidden;
    padding-top: calc(var(--spacing) * 20);
    padding-bottom: calc(var(--spacing) * 14);
  }
  .hero::before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: calc(30% * -1);
    right: calc(10% * -1);
    height: 60vw;
    max-height: 640px;
    width: 60vw;
    max-width: 640px;
    border-radius: calc(infinity * 1px);
    background: radial-gradient(circle, color-mix(in srgb, #D4A855 14%, transparent), transparent 65%);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(circle, color-mix(in srgb, var(--color-brass) 14%, transparent), transparent 65%);
    }
    filter: blur(50px);
  }
  .hero-grid {
    position: relative;
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 14);
    grid-template-columns: 1.1fr 0.9fr;
  }
  .hero h1 {
    font-size: clamp(2.1em, 4.2vw, 3.4em);
    margin-bottom: calc(var(--spacing) * 3);
  }
  .hero h1 em {
    color: var(--color-brass);
    font-style: italic;
  }
  .hero-lede {
    color: var(--color-ink-muted);
    margin-bottom: calc(var(--spacing) * 7);
    max-width: 46ch;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .hero-actions {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 3.5);
  }
  .hero-stats {
    display: flex;
    gap: calc(var(--spacing) * 8);
  }
  .hero-stat b {
    font-family: var(--font-display);
    color: var(--color-brass-light);
    display: block;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .hero-stat span {
    color: var(--color-ink-muted);
    font-size: 0.82em;
  }
  .hero-visual {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    aspect-ratio: 4/5;
    background: linear-gradient(160deg, var(--color-surface-raised), var(--color-surface));
    border-color: var(--color-border);
  }
  @media (max-width: 860px) {
    .hero-grid {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .hero-visual {
      aspect-ratio: 16/9;
      order: calc(1 * -1);
    }
  }
  .section {
    padding-block: calc(var(--spacing) * 16);
  }
  .section-head {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(var(--spacing) * 6);
  }
  .section-head h2 {
    margin: 0px;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .section-head .section-link {
    color: var(--color-brass);
    font-size: 0.9em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .section-guide {
    color: var(--color-ink-muted);
    margin-top: calc(var(--spacing) * -4);
    margin-bottom: calc(var(--spacing) * 6);
    max-width: var(--container-3xl);
    font-size: 0.95em;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  @media (max-width: 640px) {
    .section {
      padding-block: calc(var(--spacing) * 10);
    }
    .section-head {
      margin-bottom: calc(var(--spacing) * 5);
    }
    .section-head h2 {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .hero {
      padding-top: calc(var(--spacing) * 9);
      padding-bottom: calc(var(--spacing) * 7);
    }
  }
  .location-tiers {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 7);
  }
  .location-tier-label {
    color: var(--color-ink-muted);
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
  .location-pills {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2.5);
  }
  .location-pill {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 0.9em;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    background-color: var(--color-surface);
    color: var(--color-ink);
    border-color: var(--color-border);
  }
  .location-pill:hover {
    border-color: var(--color-brass);
    color: var(--color-brass-light);
  }
  .location-pill.is-primary {
    background-color: var(--color-brass);
    color: #16171B;
    border-color: var(--color-brass);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .location-pill.is-primary:hover {
    opacity: 90%;
    color: #16171B;
  }
  .browse-results {
    min-width: 0;
  }
  .card-grid,	.profile-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    min-width: 0;
  }
  @media (min-width: 681px) {
    .card-grid,	.profile-grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 26px;
    }
  }
  .profile-card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    min-width: 0;
    background-color: var(--color-surface);
    border-color: var(--color-border);
    transition: transform 200ms var(--ease-out-strong), border-color 200ms var(--ease-out-strong);
    content-visibility: auto;
    contain-intrinsic-size: auto 320px;
  }
  .profile-card:hover {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-color: var(--color-brass);
  }
  .profile-card-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 3.5);
    padding-bottom: calc(var(--spacing) * 2.5);
    min-width: 0;
  }
  .profile-card-name {
    color: var(--color-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    min-width: 0;
  }
  .profile-card-header-price {
    color: var(--color-brass-light);
    flex-shrink: 0;
    font-size: 0.92em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .profile-card-photo {
    aspect-ratio: 3/4;
    position: relative;
    overflow: hidden;
    background-color: var(--color-surface-raised);
  }
  .profile-card-vitals {
    position: absolute;
    top: calc(var(--spacing) * 2.5);
    left: calc(var(--spacing) * 2.5);
    font-size: 0.66em;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
    text-shadow: 0 1px 3px rgba(0,0,0,0.7);
  }
  .profile-card-img {
    position: absolute;
    inset: 0px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 120ms var(--ease-out-strong);
  }
  .profile-card-img.is-active {
    opacity: 100%;
  }
  .profile-card-gallery-dots {
    pointer-events: none;
    position: absolute;
    right: 0px;
    bottom: calc(var(--spacing) * 2);
    left: 0px;
    z-index: 10;
    display: flex;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .profile-card-gallery-dot {
    pointer-events: auto;
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: 0px;
    background: rgba(255,255,255,0.45);
  }
  .profile-card-gallery-dot.is-active {
    background: var(--color-brass-light);
    transform: scale(1.15);
  }
  .profile-card-noimg {
    position: absolute;
    inset: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    text-align: center;
    background: repeating-linear-gradient(135deg, var(--color-surface-raised), var(--color-surface-raised) 12px, var(--color-surface) 12px, var(--color-surface) 24px);
    color: var(--color-ink-muted);
  }
  .profile-card-noimg span {
    font-size: 0.72em;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
  .profile-card-price-trigger {
    text-decoration: underline dotted;
    text-underline-offset: 3px;
  }
  .profile-card-price-reveal {
    pointer-events: none;
    position: absolute;
    inset: 0px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    opacity: 0%;
    background-color: rgba(6,4,3,0.88);
    transition: opacity 200ms var(--ease-out-strong);
  }
  .profile-card-price-reveal span {
    color: var(--color-ink-muted);
    font-size: 0.8em;
  }
  .profile-card-price-reveal b {
    color: var(--color-brass-light);
    font-family: var(--font-display);
    display: block;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .profile-card:has(.profile-card-price-trigger:hover) .profile-card-price-reveal {
    pointer-events: auto;
    opacity: 100%;
  }
  .profile-card-badges {
    position: absolute;
    bottom: calc(var(--spacing) * 2.5);
    left: calc(var(--spacing) * 2.5);
    display: flex;
    max-width: 75%;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: calc(var(--spacing) * 1.5);
  }
  .profile-card-badge {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: 0.66em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    background-color: color-mix(in srgb, #1C140C 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-bg) 78%, transparent);
    }
    color: var(--color-brass-light);
  }
  .profile-card-badge.badge-verified {
    color: #6EE7B7;
  }
  .profile-card-badge.badge-new {
    color: #93C5FD;
  }
  .profile-card-badge.badge-premium {
    color: #16171B;
    background-color: var(--color-brass);
  }
  .profile-card-badge.badge-featured {
    color: var(--color-emerald-light);
  }
  .profile-card-badge.badge-available {
    color: #6EE7B7;
  }
  .profile-card-badge.badge-returned {
    color: #FBBF77;
  }
  .profile-card-rating {
    position: absolute;
    top: calc(var(--spacing) * 2.5);
    right: calc(var(--spacing) * 2.5);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: calc(var(--spacing) * 0.5);
  }
  .profile-card-rating .review-stars {
    font-size: 0.72em;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
  }
  .profile-card-rating small {
    background-color: color-mix(in srgb, #1C140C 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-bg) 75%, transparent);
    }
    color: var(--color-ink);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.62em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .profile-card-dot {
    position: absolute;
    right: calc(var(--spacing) * 2.5);
    bottom: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: rgba(255,255,255,0.6);
    background-color: var(--color-ink-muted);
  }
  .profile-card-dot.is-available {
    background-color: #22C55E;
  }
  .profile-card-dot.is-busy {
    background-color: #EF4444;
  }
  .profile-card-availability {
    color: var(--color-brass-light);
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: 0.74em;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    font-style: italic;
    background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
  }
  .profile-card-price {
    position: absolute;
    top: calc(var(--spacing) * 2.5);
    right: calc(var(--spacing) * 2.5);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: 0.72em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    background-color: color-mix(in srgb, #1C140C 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-bg) 75%, transparent);
    }
    color: var(--color-ink);
  }
  .favorite-heart {
    position: relative;
    display: flex;
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background: none;
    color: var(--color-ink-muted);
  }
  .favorite-heart:hover {
    color: var(--color-brass-light);
  }
  .favorite-heart.is-active {
    color: #EF4E6B;
  }
  .favorite-heart.is-active svg {
    fill: currentColor;
  }
  .profile-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    min-width: 0;
  }
  .profile-card-meta {
    color: var(--color-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85em;
    min-width: 0;
  }
  @media (max-width: 680px) {
    .profile-card-header, .profile-card-footer {
      padding-inline: calc(var(--spacing) * 2.5);
      padding-block: calc(var(--spacing) * 2);
    }
    .profile-card-name {
      font-size: 0.88em;
    }
    .profile-card-header-price, .profile-card-meta {
      font-size: 0.78em;
    }
    .profile-card-badge, .profile-card-price {
      padding-inline: calc(var(--spacing) * 2);
      padding-block: calc(var(--spacing) * 0.5);
      font-size: 0.64em;
    }
  }
  .category-card {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 5.5);
    padding-block: calc(var(--spacing) * 6.5);
    text-align: center;
    background: linear-gradient(160deg, var(--color-surface-raised), var(--color-surface));
    border-color: var(--color-border);
  }
  .category-card:hover {
    border-color: var(--color-emerald-light);
  }
  .category-card h3 {
    margin-bottom: var(--spacing);
    font-size: 1.05em;
  }
  .category-card span {
    color: var(--color-ink-muted);
    font-size: 0.8em;
  }
  .home-search-bar {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    gap: 0px;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    max-width: 480px;
    background-color: var(--color-surface);
    border-color: var(--color-border);
  }
  .home-search-bar input {
    min-width: 0px;
    flex: 1;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    font-size: 0.92em;
    color: var(--color-ink);
  }
  .home-search-bar button {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding-inline: calc(var(--spacing) * 6);
    font-size: 0.88em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    background-color: var(--color-brass);
    color: var(--color-bg);
  }
  .hero-banner {
    padding-top: calc(var(--spacing) * 10);
    padding-bottom: calc(var(--spacing) * 8);
  }
  .hero-banner .eyebrow {
    display: block;
    text-align: center;
  }
  .hero-banner h1 {
    margin-bottom: calc(var(--spacing) * 6);
    text-align: center;
    font-size: clamp(1.8em, 3.6vw, 2.6em);
  }
  .cta-banner {
    margin-block: calc(var(--spacing) * 10);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 6);
    border-radius: var(--radius-2xl);
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 6);
    background: linear-gradient(135deg, color-mix(in srgb, #D4A855 16%, #261C12), var(--color-surface));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in srgb, var(--color-brass) 16%, var(--color-surface)), var(--color-surface));
    }
    border: 1px solid var(--color-border);
  }
  .cta-banner p {
    margin: 0px;
    max-width: 48ch;
    color: var(--color-ink);
  }
  .bae-rail-section {
    padding-block: calc(var(--spacing) * 12);
  }
  @media (max-width: 640px) {
    .bae-rail-section {
      padding-block: calc(var(--spacing) * 7);
    }
  }
  .bae-rail {
    position: relative;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    min-width: 0;
    justify-content: center;
    justify-content: safe center;
  }
  .bae-rail-track {
    display: flex;
    gap: calc(var(--spacing) * 5);
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-bottom: calc(var(--spacing) * 2);
    min-width: 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    justify-content: center;
    justify-content: safe center;
  }
  .bae-rail-track::-webkit-scrollbar {
    display: none;
  }
  .bae-rail-item {
    flex-shrink: 0;
    width: 230px;
    scroll-snap-align: start;
  }
  .bae-rail-hero .bae-rail-item {
    width: 260px;
  }
  .bae-rail-arrow {
    display: none;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    background-color: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-ink);
  }
  .bae-rail-arrow:hover {
    border-color: var(--color-brass);
    color: var(--color-brass-light);
  }
  @media (min-width: 720px) {
    .bae-rail-arrow {
      display: flex;
    }
  }
  .bae-rail-dots {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
  }
  .bae-rail-dot {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: 0px;
    background-color: var(--color-border);
  }
  .bae-rail-dot.is-active {
    background-color: var(--color-brass);
  }
  .category-icon-grid {
    display: grid;
    gap: calc(var(--spacing) * 4);
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }
  @media (max-width: 560px) {
    .category-icon-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
    }
  }
  .category-icons-wrap {
    width: 100%;
  }
  .category-icon-grid-desktop {
    display: grid;
  }
  .category-icon-rail-mobile {
    display: none;
  }
  @media (max-width: 639px) {
    .category-icon-grid-desktop {
      display: none;
    }
    .category-icon-rail-mobile {
      display: block;
    }
  }
  .category-rail .bae-rail-track {
    gap: calc(var(--spacing) * 3);
    scroll-padding-inline: 0;
  }
  .category-rail .bae-rail-item {
    width: calc((100% - 36px) / 4);
    min-width: calc((100% - 36px) / 4);
    scroll-snap-align: start;
  }
  .category-rail .category-icon-item {
    width: 100%;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 5);
    min-height: 108px;
  }
  .category-rail .category-icon-item svg {
    width: 28px;
    height: 28px;
  }
  .category-rail .category-icon-item span {
    font-size: 0.62em;
  }
  .category-icon-rail-mobile .bae-rail-dots {
    margin-top: calc(var(--spacing) * 3);
  }
  .category-icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 2px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 7);
    text-align: center;
    background-color: var(--color-surface);
    border-color: color-mix(in srgb, #D4A855 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 55%, transparent);
    }
    color: var(--color-brass);
    transition: border-color 160ms var(--ease-out-strong), background-color 160ms var(--ease-out-strong);
  }
  .category-icon-item:hover {
    border-color: var(--color-brass);
    background-color: var(--color-surface-raised);
  }
  .category-icon-item span {
    font-size: 0.78em;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    color: var(--color-brass-light);
  }
  .category-icon-item.is-big {
    justify-content: center;
    grid-column: span 2;
    background: linear-gradient(160deg, var(--color-surface-raised), var(--color-surface));
  }
  .category-icon-item.is-big span {
    font-family: var(--font-display);
    color: var(--color-brass);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: none;
  }
  @media (max-width: 560px) {
    .category-icon-item.is-big {
      grid-column: span 2;
    }
  }
  .duo-card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    border-color: var(--color-border);
    transition: transform 200ms var(--ease-out-strong), border-color 200ms var(--ease-out-strong);
  }
  .duo-card:hover {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-color: var(--color-brass);
  }
  .duo-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-top: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 2);
  }
  .duo-card-header-left {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .duo-card-header .profile-card-badge {
    position: static;
  }
  .duo-card-header .favorite-heart {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
  }
  .duo-card-photos {
    position: relative;
    display: flex;
    aspect-ratio: 4/3;
    background-color: var(--color-surface-raised);
  }
  @media (max-width: 680px) {
    .card-grid:has(.duo-card) {
      grid-template-columns: 1fr;
    }
    .duo-card-photos {
      aspect-ratio: 5/4;
    }
  }
  .duo-card-photo {
    position: relative;
    display: block;
    width: calc(1 / 2 * 100%);
    overflow: hidden;
  }
  .duo-card-photo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .duo-card-tag {
    position: absolute;
    bottom: calc(var(--spacing) * 2.5);
    left: calc(1 / 2 * 100%);
    z-index: 10;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: var(--spacing);
    font-size: 0.66em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    white-space: nowrap;
    text-transform: uppercase;
    background-color: var(--color-brass);
    color: var(--color-bg);
  }
  .duo-card-footer {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
  }
  .duo-card-footer-half {
    display: flex;
    min-width: 0px;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .duo-card-footer-half.is-right {
    align-items: flex-end;
    text-align: right;
  }
  .duo-card-footer-half .profile-card-name {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .review-grid {
    display: grid;
    gap: calc(var(--spacing) * 5);
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  }
  @media (max-width: 420px) {
    .review-grid {
      grid-template-columns: 1fr;
    }
    .review-card {
      flex-direction: column;
    }
    .review-card-photo {
      width: 100%;
      height: 200px;
    }
  }
  .review-card {
    display: flex;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    background-color: var(--color-surface);
    border-color: var(--color-border);
  }
  .review-card-photo {
    position: relative;
    display: block;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: var(--radius-xl);
    width: 96px;
    height: 128px;
    background-color: var(--color-surface-raised);
  }
  .review-card-photo .favorite-heart {
    position: absolute;
    top: calc(var(--spacing) * 2);
    right: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    background-color: rgba(0,0,0,0.45);
    color: #fff;
  }
  .review-card-photo .favorite-heart svg {
    width: 14px;
    height: 14px;
  }
  .review-card-body {
    min-width: 0px;
    flex: 1;
  }
  .review-card-head {
    margin-bottom: var(--spacing);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .review-card-visit {
    color: var(--color-ink-muted);
    font-size: 0.8em;
  }
  .review-card-book {
    margin-left: auto;
    flex-shrink: 0;
  }
  .review-list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .review-list .review-card {
    flex-direction: row;
  }
  .review-card-total {
    color: var(--color-ink-muted);
    margin-left: calc(var(--spacing) * 1.5);
    font-size: 0.78em;
  }
  .review-card-rating {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .review-stars {
    color: var(--color-brass);
    letter-spacing: 1px;
  }
  .review-card-rating span {
    color: var(--color-ink-muted);
    font-size: 0.78em;
  }
  .review-card-text {
    color: var(--color-ink);
    margin-bottom: calc(var(--spacing) * 2);
    font-size: 0.88em;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .review-card-more {
    color: var(--color-brass-light);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
  }
  .review-card-meta {
    color: var(--color-ink-muted);
    font-size: 0.76em;
  }
  .have-questions-banner {
    margin-block: calc(var(--spacing) * 10);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 5);
    border-radius: var(--radius-2xl);
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 6);
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
  }
  .have-questions-banner span {
    color: var(--color-ink);
    max-width: 62ch;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .trust-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 8);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-block: calc(var(--spacing) * 7);
    border-color: var(--color-border);
  }
  .trust-item {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    font-size: 0.88em;
    color: var(--color-ink-muted);
  }
  .trust-item b {
    color: var(--color-ink);
  }
  .site-footer {
    margin-top: calc(var(--spacing) * 10);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing) * 14);
    padding-bottom: calc(var(--spacing) * 7);
    background-color: var(--color-surface);
    border-color: var(--color-border);
  }
  .footer-grid {
    margin-bottom: calc(var(--spacing) * 9);
    display: grid;
    gap: calc(var(--spacing) * 9);
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
  }
  .footer-col h4 {
    color: var(--color-brass);
    margin-bottom: calc(var(--spacing) * 3.5);
    font-size: 0.85em;
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  .footer-col ul {
    margin: 0px;
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    padding: 0px;
  }
  .footer-col a {
    color: var(--color-ink-muted);
    font-size: 0.9em;
  }
  .footer-col a:hover {
    color: var(--color-brass-light);
  }
  .footer-tag-row {
    margin-bottom: calc(var(--spacing) * 6);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 6);
    font-size: 0.8em;
    border-color: var(--color-border);
    color: var(--color-ink-muted);
  }
  .footer-tag-row a {
    color: var(--color-ink-muted);
  }
  .footer-tag-row a:hover {
    color: var(--color-brass-light);
  }
  .footer-tag-row span {
    color: var(--color-border);
  }
  .footer-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-top: var(--spacing);
    font-size: 0.8em;
    color: var(--color-ink-muted);
  }
  @media (max-width: 760px) {
    .footer-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .trust-badge-row {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .trust-badge {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 0.78em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
  .trust-badge.tb-verified {
    background-color: color-mix(in srgb, #10B981 18%, transparent);
    color: #6EE7B7;
  }
  .trust-badge.tb-new {
    background-color: color-mix(in srgb, #3B82F6 18%, transparent);
    color: #93C5FD;
  }
  .trust-badge.tb-premium {
    background-color: var(--color-brass);
    color: #16171B;
  }
  .trust-badge.tb-featured {
    background-color: color-mix(in srgb, #B85A3A 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-emerald) 30%, transparent);
    }
    color: var(--color-emerald-light);
  }
  .trust-badge.tb-available {
    background-color: color-mix(in srgb, #10B981 18%, transparent);
    color: #6EE7B7;
  }
  .trust-badge.tb-returned {
    background-color: color-mix(in srgb, #F59E0B 18%, transparent);
    color: #FBBF77;
  }
  .content-page {
    margin-inline: auto;
    max-width: 760px;
  }
  .content-page h1 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .content-page .lede {
    margin-bottom: calc(var(--spacing) * 8);
    display: block;
  }
  .content-page h2 {
    margin-top: calc(var(--spacing) * 10);
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .content-page p {
    color: var(--color-ink-muted);
    margin-bottom: calc(var(--spacing) * 4);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .trust-grid {
    margin-top: calc(var(--spacing) * 8);
    display: grid;
    gap: calc(var(--spacing) * 5);
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .trust-card {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 5.5);
    background-color: var(--color-surface);
    border-color: var(--color-border);
  }
  .trust-card h2, .trust-card h3 {
    margin-bottom: calc(var(--spacing) * 1.5);
    font-size: 1.05em;
    color: var(--color-ink);
  }
  .trust-card p {
    margin-bottom: 0px;
    font-size: 0.9em;
  }
  .service-icon {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-leading: 1;
    line-height: 1;
  }
  .service-hero {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .faq-list {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    max-width: 720px;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .faq-list-collapsible .faq-item {
    overflow: hidden;
    padding: 0px;
  }
  .faq-list-collapsible .faq-item summary {
    cursor: pointer;
    list-style-type: none;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
  }
  .faq-list-collapsible .faq-item summary::-webkit-details-marker {
    display: none;
  }
  .faq-list-collapsible .faq-item summary h3 {
    position: relative;
    margin: 0px;
    padding-right: calc(var(--spacing) * 6);
  }
  .faq-list-collapsible .faq-item summary h3::after {
    content: '+';
    position: absolute;
    top: 0px;
    right: 0px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-brass);
  }
  .faq-list-collapsible .faq-item[open] summary h3::after {
    content: '−';
  }
  .faq-list-collapsible .faq-item-body {
    padding-inline: calc(var(--spacing) * 5);
    padding-top: 0px;
    padding-bottom: calc(var(--spacing) * 5);
    border-top: 1px solid var(--color-border);
  }
  .faq-item {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 5);
    background-color: var(--color-surface);
    border-color: var(--color-border);
  }
  .faq-item h3 {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: 1em;
    color: var(--color-ink);
  }
  .faq-item p {
    color: var(--color-ink-muted);
    margin-bottom: 0px;
    font-size: 0.92em;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .term-seo-disclosure {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-surface);
  }
  .term-seo-disclosure-summary {
    cursor: pointer;
    list-style-type: none;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-brass-light);
  }
  .term-seo-disclosure-summary::-webkit-details-marker {
    display: none;
  }
  .term-seo-disclosure .term-seo-copy {
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-top: 1px solid var(--color-border);
  }
  @media (max-width: 680px) {
    .profile-card-header {
      padding-inline: calc(var(--spacing) * 3);
      padding-top: calc(var(--spacing) * 3);
      padding-bottom: calc(var(--spacing) * 2);
    }
    .profile-card-name {
      font-size: 0.92em;
    }
    .profile-card-header-price {
      font-size: 0.82em;
    }
    .profile-card-footer {
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 2.5);
    }
    .profile-card-meta {
      font-size: 0.78em;
    }
  }
  .bae-location-hero {
    padding: 36px 0 18px;
  }
  .bae-location-lede {
    display: block;
    max-width: 42rem;
    margin: 0 0 12px;
    color: var(--color-ink-muted);
    font-size: 0.95em;
    line-height: 1.55;
  }
  .bae-location-hero-districts {
    margin-top: 18px;
  }
  .bae-location-browse .browse-toolbar {
    margin-bottom: 12px;
  }
  @media (min-width: 960px) {
    .bae-location-browse .browse-layout {
      grid-template-columns: 260px 1fr;
      gap: 24px;
    }
  }
  .browse-layout {
    display: grid;
    gap: calc(var(--spacing) * 8);
    grid-template-columns: 300px 1fr;
    align-items: start;
    min-width: 0;
  }
  @media (max-width: 959px) {
    .browse-layout {
      grid-template-columns: 1fr;
    }
    .browse-layout .filter-panel {
      display: none;
    }
  }
  .filter-panel {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    border-color: var(--color-border);
    border-left: 3px solid var(--color-brass);
  }
  .filter-panel-v2 {
    background: color-mix(in srgb, #261C12 92%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-surface) 92%, transparent);
    }
    backdrop-filter: blur(14px);
    box-shadow: var(--shadow-card, 0 12px 40px rgba(0,0,0,0.22));
  }
  .filter-panel-head {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 4.5);
    padding-block: calc(var(--spacing) * 3.5);
    background: linear-gradient(135deg, var(--color-brass), color-mix(in srgb, #E8C878 70%, #D4A855));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, var(--color-brass), color-mix(in srgb, var(--color-brass-light) 70%, var(--color-brass)));
    }
    color: var(--color-bg);
  }
  .filter-panel-head-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .filter-panel-head-main strong {
    font-size: 0.92em;
  }
  .filter-panel-count {
    font-size: 0.82em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .filter-clear {
    color: var(--color-bg);
    font-size: 0.78em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-decoration-line: none;
    opacity: 90%;
  }
  .filter-clear:hover {
    opacity: 100%;
  }
  .filter-range {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .filter-range input {
    width: 100%;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: 0.85em;
    background-color: var(--color-surface-raised);
    border-color: var(--color-border);
    color: var(--color-ink);
  }
  .filter-panel .filter-accordion {
    flex: none;
    overflow: visible;
    display: grid;
    grid-template-columns: 118px 1fr;
    align-items: start;
  }
  .filter-panel .filter-accordion-cats {
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: calc(var(--spacing) * 0.5);
    overflow: visible;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 2);
    border-color: var(--color-border);
  }
  .filter-cats-rail-track {
    pointer-events: none;
    position: absolute;
    left: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 0.5);
    border-radius: calc(infinity * 1px);
    background: linear-gradient(180deg, var(--color-brass), color-mix(in srgb, #D4744F 60%, #D4A855));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, var(--color-brass), color-mix(in srgb, var(--color-emerald-light) 60%, var(--color-brass)));
    }
    transition: transform 220ms var(--ease-out-strong), height 220ms var(--ease-out-strong);
    top: 0;
    height: 36px;
  }
  .filter-panel .filter-accordion-cat {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    font-size: 0.72em;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    transition: background-color 160ms, color 160ms, box-shadow 160ms;
  }
  .filter-accordion-cat-dot {
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-border);
    transition: background-color 160ms, box-shadow 160ms;
  }
  .filter-accordion-cat.has-value .filter-accordion-cat-dot {
    background-color: var(--color-emerald-light);
    box-shadow: 0 0 0 3px color-mix(in srgb, #D4744F 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-emerald-light) 25%, transparent);
    }
  }
  .filter-accordion-cat.is-active .filter-accordion-cat-dot {
    background-color: var(--color-bg);
    box-shadow: none;
  }
  .filter-accordion-cat.is-linked {
    color: var(--color-brass-light);
  }
  .filter-panel .filter-accordion-cat.is-active {
    border-radius: calc(infinity * 1px);
    background-color: var(--color-brass);
    color: var(--color-bg);
    box-shadow: 0 6px 18px color-mix(in srgb, #D4A855 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 6px 18px color-mix(in srgb, var(--color-brass) 35%, transparent);
    }
  }
  .filter-panel .filter-accordion-cat.has-value:not(.is-active) {
    color: var(--color-ink);
  }
  .filter-panel .filter-cat-chips {
    padding-inline: calc(var(--spacing) * 3);
    padding-top: 0px;
    padding-bottom: calc(var(--spacing) * 2);
  }
  .filter-panel .filter-accordion-opts {
    min-height: 280px;
    overflow: visible;
    padding: calc(var(--spacing) * 4.5);
  }
  .filter-bridge-hint {
    margin-inline: calc(var(--spacing) * 4.5);
    margin-top: calc(var(--spacing) * 3);
    margin-bottom: 0px;
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: 0.76em;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    background: color-mix(in srgb, #D4A855 12%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-brass) 12%, var(--color-surface));
    }
    border: 1px solid color-mix(in srgb, #D4A855 28%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-brass) 28%, var(--color-border));
    }
    color: var(--color-brass-light);
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity 180ms, transform 180ms;
    grid-column: 1 / -1;
  }
  .filter-bridge-hint.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  .filter-bridge-hint[hidden] {
    display: none;
  }
  .filter-panel .filter-accordion-submit {
    grid-column: 1 / -1;
    margin-inline: calc(var(--spacing) * 4.5);
    margin-top: var(--spacing);
    margin-bottom: calc(var(--spacing) * 4.5);
    display: flex;
    width: calc(100% - 36px);
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 0.5);
  }
  .filter-panel .filter-accordion-submit small {
    font-size: 0.72em;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    opacity: 80%;
  }
  .browse-toolbar {
    margin-bottom: calc(var(--spacing) * 6);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3.5);
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
  }
  @media (min-width: 960px) {
    .browse-toolbar {
      position: sticky;
      z-index: 490;
      top: 68px;
    }
  }
  .browse-count {
    flex-shrink: 0;
    font-size: 0.9em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-ink);
  }
  .browse-toolbar-search {
    display: flex;
    flex: 1;
    align-items: center;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface-raised);
    border-color: var(--color-border);
    min-width: 180px;
    max-width: 360px;
  }
  .browse-search {
    min-width: 0px;
    flex: 1;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 0.88em;
    color: var(--color-ink);
  }
  .browse-toolbar-search button {
    cursor: pointer;
    align-self: stretch;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 3.5);
    color: var(--color-brass);
  }
  .browse-toolbar-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 5);
  }
  .browse-hide-unavailable {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 0.82em;
    white-space: nowrap;
    color: var(--color-ink-muted);
  }
  .browse-hide-unavailable input {
    accent-color: var(--color-brass);
  }
  .browse-sort-wrap {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 0.82em;
    color: var(--color-ink-muted);
  }
  .browse-sort {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: 0.85em;
    background-color: var(--color-surface-raised);
    border-color: var(--color-border);
    color: var(--color-ink);
  }
  @media (max-width: 640px) {
    .browse-toolbar {
      flex-direction: column;
      align-items: stretch;
    }
    .browse-toolbar-search {
      min-width: 0;
      max-width: none;
    }
    .browse-toolbar-right {
      flex-direction: column;
      align-items: stretch;
      gap: calc(var(--spacing) * 2.5);
    }
    .browse-sort-wrap {
      justify-content: space-between;
    }
    .browse-sort {
      flex: 1;
    }
  }
  .favorites-toolbar {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .favorites-tabs {
    display: flex;
    gap: calc(var(--spacing) * 2);
  }
  .favorites-tab {
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2);
    font-size: 0.85em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    background-color: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-ink-muted);
  }
  .favorites-tab.is-active {
    background-color: var(--color-brass);
    border-color: var(--color-brass);
    color: var(--color-bg);
  }
  .suggested-galleries {
    margin-bottom: calc(var(--spacing) * 6);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    background-color: var(--color-surface);
    border-color: var(--color-border);
  }
  .suggested-galleries .bae-rail-track {
    gap: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
  }
  .suggested-gallery-item {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: center;
    width: 110px;
    color: var(--color-ink-muted);
  }
  .suggested-gallery-item:hover {
    color: var(--color-brass-light);
    background-color: var(--color-surface-raised);
  }
  .suggested-gallery-item span {
    font-size: 0.7em;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .browse-pagination-row {
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .home-scroll-sentinel {
    min-height: 1px;
    margin-top: 8px;
  }
  .home-scroll-sentinel.is-loading {
    min-height: 48px;
    opacity: 0.5;
  }
  .navigation.pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .navigation.pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    font-size: 0.85em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    width: 34px;
    height: 34px;
    background-color: var(--color-surface);
    color: var(--color-ink-muted);
  }
  .navigation.pagination .page-numbers:hover {
    color: var(--color-brass-light);
  }
  .navigation.pagination .page-numbers.current {
    background-color: var(--color-brass);
    color: var(--color-bg);
  }
  .navigation.pagination .page-numbers.dots {
    background: none;
  }
  .browse-description-banner {
    margin-top: calc(var(--spacing) * 6);
    border-radius: var(--radius-2xl);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 5);
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
  }
  .browse-description-banner h2 {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: 1.1em;
    color: var(--color-brass-light);
  }
  .browse-description-banner p {
    color: var(--color-ink-muted);
    margin: 0px;
    font-size: 0.9em;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .az-grid {
    display: grid;
    gap: calc(var(--spacing) * 2);
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }
  .az-letter-head {
    color: var(--color-brass);
    font-family: var(--font-display);
    margin-top: calc(var(--spacing) * 8);
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .az-name-link {
    color: var(--color-ink-muted);
    font-size: 0.9em;
  }
  .az-name-link:hover {
    color: var(--color-brass-light);
  }
  .info-table {
    width: 100%;
    font-size: 0.88em;
    border-collapse: collapse;
  }
  .info-table tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
  }
  .info-table tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .info-table td {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .info-table td:first-child {
    color: var(--color-ink-muted);
    width: calc(1 / 2 * 100%);
  }
  .info-table td:last-child {
    color: var(--color-ink);
    text-align: right;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .price-table {
    margin-top: calc(var(--spacing) * 4);
    width: 100%;
    font-size: 0.88em;
    border-collapse: collapse;
  }
  .price-table th, .price-table td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: center;
    border-color: var(--color-border);
  }
  .price-table th {
    color: var(--color-ink-muted);
    font-size: 0.8em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
  .price-table td:first-child, .price-table th:first-child {
    text-align: left;
  }
  .availability-banner {
    margin-bottom: calc(var(--spacing) * 4);
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: 0.88em;
    font-style: italic;
    background-color: color-mix(in srgb, #D4A855 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-brass) 12%, transparent);
    }
    color: var(--color-brass-light);
  }
  .screen-reader-text {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0;
    padding: 0;
    margin: -1px;
  }
  .profile-detail {
    padding-block: calc(var(--spacing) * 6);
  }
  .profile-detail-topbar {
    margin-bottom: calc(var(--spacing) * 5);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    font-size: 0.86em;
  }
  .profile-detail-back {
    color: var(--color-ink-muted);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .profile-detail-back:hover {
    color: var(--color-brass-light);
  }
  .profile-detail-adjacent {
    display: flex;
    gap: calc(var(--spacing) * 5);
  }
  .profile-detail-adjacent a {
    color: var(--color-ink);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .profile-detail-adjacent a:hover {
    color: var(--color-brass-light);
  }
  @media (max-width: 560px) {
    .profile-detail-topbar {
      flex-direction: column;
      align-items: flex-start;
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .profile-detail-grid {
    display: grid;
    align-items: flex-start;
    gap: calc(var(--spacing) * 12);
    grid-template-columns: 1.1fr 1fr;
  }
  @media (max-width: 860px) {
    .profile-detail-grid {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: calc(var(--spacing) * 6);
    }
  }
  .profile-detail-head {
    margin-bottom: var(--spacing);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .profile-detail-head h1 {
    margin: 0px;
  }
  .profile-detail-head .favorite-heart {
    position: static;
    background: none;
    color: var(--color-ink-muted);
    height: auto;
    width: auto;
    padding: 0px;
  }
  .profile-detail-head .favorite-heart.is-active {
    color: #EF4E6B;
  }
  .profile-detail-subhead {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .profile-detail-price {
    color: var(--color-brass-light);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .profile-detail-rating {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .profile-detail-rating .review-stars {
    color: var(--color-brass);
  }
  .profile-detail-rating span {
    color: var(--color-ink-muted);
    font-size: 0.85em;
  }
  .profile-photo-module {
    margin-top: calc(var(--spacing) * 3);
  }
  .profile-photo-stage {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    aspect-ratio: 3/4;
    background-color: var(--color-surface-raised);
    border-color: var(--color-border);
  }
  .stage-img {
    pointer-events: none;
    position: absolute;
    inset: 0px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 0%;
    transition: opacity 220ms var(--ease-out-strong);
  }
  .stage-img.is-active {
    pointer-events: auto;
    opacity: 100%;
  }
  .stage-img-empty {
    background: linear-gradient(160deg, var(--color-surface-raised), var(--color-surface));
  }
  .stage-arrow {
    position: absolute;
    top: calc(1 / 2 * 100%);
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0.45);
    color: #fff;
  }
  .stage-arrow:hover {
    background-color: rgba(0,0,0,0.7);
  }
  .stage-arrow-prev {
    left: calc(var(--spacing) * 2.5);
  }
  .stage-arrow-next {
    right: calc(var(--spacing) * 2.5);
  }
  .profile-photo-dots {
    position: absolute;
    bottom: calc(var(--spacing) * 3);
    left: calc(1 / 2 * 100%);
    z-index: 10;
    display: flex;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    gap: calc(var(--spacing) * 1.5);
  }
  .profile-photo-dot {
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: 0px;
    background-color: rgba(255,255,255,0.4);
  }
  .profile-photo-dot.is-active {
    width: calc(var(--spacing) * 4);
    background-color: #fff;
  }
  .profile-photo-chip {
    position: absolute;
    top: calc(var(--spacing) * 2.5);
    right: calc(var(--spacing) * 2.5);
    z-index: 10;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 0.78em;
    background-color: rgba(0,0,0,0.45);
    color: #fff;
  }
  .stage-enlarge {
    color: #fff;
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    font-size: 0.95em;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .profile-photo-ribbon {
    position: absolute;
    top: calc(var(--spacing) * 2.5);
    left: calc(var(--spacing) * 2.5);
    z-index: 10;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 0.72em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    background-color: var(--color-brass);
    color: var(--color-bg);
  }
  .profile-photo-status-pill {
    position: absolute;
    top: calc(var(--spacing) * 2.5);
    right: calc(var(--spacing) * 2.5);
    z-index: 10;
    max-width: 62%;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    text-align: right;
    font-size: 0.75em;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .profile-photo-status-pill.is-available {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    background-color: color-mix(in srgb, #B85A3A 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-emerald) 85%, transparent);
    }
    color: #fff;
  }
  .profile-photo-status-pill.is-busy {
    background-color: rgba(0,0,0,0.55);
    color: var(--color-brass-light);
  }
  .profile-photo-watermark {
    pointer-events: none;
    position: absolute;
    bottom: calc(var(--spacing) * 2.5);
    left: calc(var(--spacing) * 2.5);
    z-index: 10;
    display: flex;
    align-items: center;
    gap: var(--spacing);
    font-size: 0.72em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    color: rgba(255,255,255,0.55);
  }
  .profile-photo-watermark span {
    color: rgba(255,255,255,0.85);
  }
  .profile-photo-controls {
    margin-top: calc(var(--spacing) * 2.5);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    font-size: 0.85em;
    color: var(--color-ink-muted);
  }
  .photo-controls-counter {
    font-variant-numeric: tabular-nums;
  }
  .photo-controls-enlarge {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: 0px;
    font-size: 0.95em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-ink-muted);
  }
  .photo-controls-enlarge:hover {
    color: var(--color-brass-light);
  }
  @media (min-width: 861px) {
    .profile-photo-dots {
      display: none;
    }
  }
  .profile-thumb-strip {
    margin-top: calc(var(--spacing) * 2.5);
    display: flex;
    gap: calc(var(--spacing) * 2);
    overflow-x: auto;
    padding-bottom: var(--spacing);
  }
  .profile-thumb {
    flex-shrink: 0;
    cursor: pointer;
    overflow: hidden;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 2px;
    padding: 0px;
    width: 58px;
    height: 78px;
    border-color: transparent;
    background: none;
  }
  .profile-thumb img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .profile-thumb.is-active {
    border-color: var(--color-brass);
  }
  @media (max-width: 860px) {
    .profile-photo-module {
      margin-left: -24px;
      margin-right: -24px;
      margin-top: 0;
    }
    .profile-photo-stage {
      border-radius: 0;
      border-width: 0;
      aspect-ratio: 4/5;
    }
    .profile-thumb-strip {
      display: none;
    }
    .profile-photo-controls {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (max-width: 560px) {
    .stage-arrow {
      height: calc(var(--spacing) * 10);
      width: calc(var(--spacing) * 10);
    }
    .profile-detail-head h1 {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .duo-detail-topbadge {
    color: var(--color-brass-light);
    font-size: 0.8em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
  .duo-detail-head {
    margin-top: var(--spacing);
    margin-bottom: var(--spacing);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .duo-detail-head-name {
    font-family: var(--font-display);
    color: var(--color-ink);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-decoration-line: none;
    min-width: 0;
  }
  .duo-detail-head-name:last-child {
    text-align: right;
  }
  .duo-detail-photos {
    position: relative;
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    gap: 3px;
  }
  .duo-detail-photos .profile-photo-module {
    margin-top: 0px;
    flex: 1;
    min-width: 0;
  }
  .duo-detail-photos .profile-photo-stage {
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    aspect-ratio: 3/4;
  }
  .duo-detail-photos .profile-card-rating {
    position: absolute;
    top: calc(var(--spacing) * 2.5);
    right: calc(var(--spacing) * 2.5);
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: calc(var(--spacing) * 0.5);
  }
  .duo-detail-tag {
    position: absolute;
    bottom: calc(var(--spacing) * 3);
    left: calc(1 / 2 * 100%);
    z-index: 20;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 0.72em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    white-space: nowrap;
    text-transform: uppercase;
    background-color: var(--color-brass);
    color: var(--color-bg);
  }
  .duo-detail-availability-row {
    margin-top: calc(var(--spacing) * 2.5);
    display: flex;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    padding-inline: var(--spacing);
  }
  .duo-detail-availability-row div {
    color: var(--color-brass-light);
    flex: 1;
    text-align: center;
    font-size: 0.85em;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    font-style: italic;
  }
  .duo-detail-stats {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    padding-inline: var(--spacing);
  }
  .duo-detail-stat-col {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .duo-detail-stat-col.is-right {
    align-items: flex-end;
    text-align: right;
  }
  .duo-detail-stat-location {
    color: var(--color-ink);
    font-size: 0.92em;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .duo-detail-stat-price {
    color: var(--color-brass-light);
    font-size: 0.88em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .duo-detail-combined-rating {
    margin-top: calc(var(--spacing) * 3.5);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    font-size: 0.92em;
    color: var(--color-ink-muted);
  }
  .duo-detail-combined-rating .review-stars {
    color: var(--color-brass);
  }
  .duo-detail-booking {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 5);
    background-color: var(--color-surface);
    border-color: var(--color-border);
  }
  .duo-detail-price {
    font-family: var(--font-display);
    color: var(--color-brass-light);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .duo-detail-book-btn {
    width: 100%;
  }
  .duo-detail-contact {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    font-size: 0.85em;
    color: var(--color-ink-muted);
  }
  .duo-detail-contact-icons {
    display: flex;
    gap: calc(var(--spacing) * 2.5);
  }
  .duo-detail-contact-icons a {
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    color: var(--color-ink-muted);
    border-color: var(--color-border);
  }
  .duo-detail-contact-icons a:hover {
    color: var(--color-brass-light);
    border-color: var(--color-brass);
  }
  @media (max-width: 680px) {
    .duo-detail-photos {
      margin-left: -24px;
      margin-right: -24px;
      border-radius: 0;
    }
  }
  .profile-lightbox {
    position: fixed;
    inset: 0px;
    z-index: 999000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 5);
    background-color: rgba(5,4,3,0.94);
  }
  .profile-lightbox.is-open {
    display: flex;
  }
  .profile-lightbox img {
    display: block;
    max-width: 92vw;
    max-height: 88vh;
    object-fit: contain;
  }
  .profile-lightbox-close {
    position: absolute;
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    color: #fff;
  }
  .profile-lightbox .stage-arrow {
    background-color: rgba(255,255,255,0.12);
  }
  .profile-lightbox .stage-arrow:hover {
    background-color: rgba(255,255,255,0.25);
  }
  .accordion-list {
    margin-top: calc(var(--spacing) * 5);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
  }
  .accordion-item {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    border-color: var(--color-border);
  }
  .accordion-item summary {
    display: flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    justify-content: space-between;
    padding-inline: calc(var(--spacing) * 4.5);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: 0.92em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    -webkit-user-select: none;
    user-select: none;
    color: var(--color-ink);
  }
  .accordion-item summary::-webkit-details-marker {
    display: none;
  }
  .accordion-item summary::after {
    content: "+";
    color: var(--color-brass);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .accordion-item[open] summary::after {
    content: "\2212";
  }
  .accordion-item[open] summary {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
  }
  .accordion-body {
    padding-inline: calc(var(--spacing) * 4.5);
    padding-block: calc(var(--spacing) * 3.5);
  }
  .accordion-body .price-table, .accordion-body .info-table {
    margin-top: 0px;
  }
  .profile-map-embed {
    margin-top: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 3);
    overflow: hidden;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    aspect-ratio: 16/10;
  }
  .profile-map-embed iframe {
    height: 100%;
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 0px;
    filter: grayscale(0.15) contrast(1.05);
  }
  .profile-map-note {
    color: var(--color-ink-muted);
    margin-bottom: calc(var(--spacing) * 2);
    font-size: 0.86em;
  }
  .coming-soon-card {
    max-width: var(--container-xl);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 6);
    background-color: var(--color-surface);
    border-color: var(--color-border);
    grid-column: 1 / -1;
  }
  .coming-soon-badge {
    margin-bottom: calc(var(--spacing) * 3);
    display: inline-block;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: 0.68em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    background-color: color-mix(in srgb, #D4A855 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-brass) 18%, transparent);
    }
    color: var(--color-brass-light);
  }
  .coming-soon-card h3 {
    margin-top: 0px;
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-ink);
  }
  .coming-soon-card p {
    color: var(--color-ink-muted);
    font-size: 0.92em;
  }
  .coming-soon-lede {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .coming-soon-fields {
    display: grid;
    gap: calc(var(--spacing) * 3);
    grid-template-columns: 1fr 1fr;
  }
  @media (max-width: 560px) {
    .coming-soon-fields {
      grid-template-columns: 1fr;
    }
  }
  .coming-soon-hint {
    color: var(--color-ink-muted);
    margin-top: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 3);
    font-size: 0.78em;
  }
  .coming-soon-notice {
    margin-bottom: calc(var(--spacing) * 4);
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: 0.88em;
    border: 1px solid var(--color-border);
  }
  .coming-soon-notice.is-success {
    border-color: var(--color-emerald-light);
    color: var(--color-emerald-light);
  }
  .coming-soon-notice.is-error {
    border-color: #EF4E6B;
    color: #EF4E6B;
  }
  .member-devices-table-wrap {
    margin-top: calc(var(--spacing) * 3);
    overflow-x: auto;
  }
  .member-devices-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.84em;
  }
  .member-devices-table th, .member-devices-table td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: left;
    border-color: var(--color-border);
  }
  .member-devices-table th {
    color: var(--color-ink-muted);
    font-size: 0.72em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
  .member-devices-footnote {
    color: var(--color-ink-muted);
    margin-top: calc(var(--spacing) * 3);
    margin-bottom: 0px;
    font-size: 0.82em;
  }
  .profile-mobile-sticky {
    position: fixed;
    right: 0px;
    left: 0px;
    z-index: 640;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    background-color: color-mix(in srgb, #1C140C 94%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-bg) 94%, transparent);
    }
    border-color: var(--color-border);
    backdrop-filter: blur(10px);
    transform: translateY(-110%);
    opacity: 0;
    pointer-events: none;
    transition: transform 220ms var(--ease-out-strong), opacity 220ms var(--ease-out-strong);
    top: var(--bae-profile-sticky-top, 52px);
  }
  .profile-mobile-sticky.is-visible {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }
  .profile-mobile-sticky-inner {
    display: flex;
    max-width: 100vw;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
  }
  .profile-mobile-sticky-id {
    display: flex;
    min-width: 0px;
    flex: 1;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .profile-mobile-sticky-photo {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    object-fit: cover;
    border-color: var(--color-border);
  }
  .profile-mobile-sticky-id strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.82em;
    color: var(--color-ink);
  }
  .profile-mobile-sticky-social {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .profile-mobile-sticky-social-btn {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    text-decoration-line: none;
    border-color: var(--color-border);
    color: var(--color-brass-light);
    background-color: var(--color-surface);
  }
  .profile-mobile-sticky-social-btn svg {
    width: 16px;
    height: 16px;
  }
  .profile-mobile-sticky-book {
    flex-shrink: 0;
    white-space: nowrap;
  }
  @media (min-width: 960px) {
    .profile-mobile-sticky {
      display: none !important;
    }
  }
  .mnav-bar {
    position: sticky;
    top: 0px;
    z-index: 650;
    display: none;
    align-items: stretch;
    justify-content: space-around;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    background-color: var(--color-surface);
    border-color: var(--color-border);
    box-shadow: 0 2px 12px rgba(0,0,0,0.2);
  }
  .mnav-btn {
    position: relative;
    display: flex;
    flex: 1;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 0.62em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    color: var(--color-ink-muted);
  }
  .mnav-btn:hover, .mnav-btn:active {
    color: var(--color-brass-light);
  }
  .mnav-favorites-count {
    background-color: var(--color-brass);
    color: var(--color-bg);
    position: absolute;
    top: calc(var(--spacing) * 0.5);
    right: 26%;
    display: flex;
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    font-size: 0.62rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  @media (max-width: 959px) {
    .mnav-bar {
      display: flex;
    }
    .site-header, .site-side-rail {
      display: none;
    }
  }
  .mnav-fab-stack {
    position: fixed;
    display: none;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
    right: 16px;
    bottom: 20px;
    z-index: 690;
  }
  .mnav-fab {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    box-shadow: 0 4px 14px rgba(0,0,0,0.35);
  }
  .mnav-fab-call {
    background-color: var(--color-brass);
    color: var(--color-bg);
  }
  .mnav-fab-message {
    background-color: var(--color-emerald);
    color: var(--color-ink);
  }
  @media (max-width: 959px) {
    .mnav-fab-stack {
      display: flex;
    }
  }
  .mnav-backdrop {
    position: fixed;
    inset: 0px;
    z-index: 750;
    display: none;
    background-color: rgba(0,0,0,0.55);
  }
  .mnav-backdrop.is-open {
    display: block;
  }
  body.mnav-lock-scroll {
    overflow: hidden;
  }
  .mnav-drawer {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 800;
    display: none;
    flex-direction: column;
    width: min(360px, 88vw);
    background-color: var(--color-bg);
    transform: translateX(-100%);
    transition: transform 260ms var(--ease-out-strong);
  }
  .mnav-drawer.is-open {
    display: flex;
    transform: translateX(0);
  }
  .mnav-drawer-galleries {
    right: 0px;
    left: auto;
    transform: translateX(100%);
  }
  .mnav-drawer-galleries.is-open {
    transform: translateX(0);
  }
  .mnav-drawer-head {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4.5);
    padding-block: calc(var(--spacing) * 3.5);
    background-color: var(--color-surface);
    border-color: var(--color-border);
  }
  .mnav-drawer-head span {
    font-family: var(--font-display);
    color: var(--color-brass);
    font-size: 1.05em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .mnav-drawer-close {
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    color: var(--color-ink);
  }
  .mnav-drawer-action {
    color: var(--color-brass-light);
    font-size: 0.82em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .mnav-list {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow-y: auto;
  }
  .mnav-list a, .mnav-list-link-btn {
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 4.5);
    padding-block: calc(var(--spacing) * 3.5);
    text-align: left;
    border-color: var(--color-border);
    color: var(--color-ink);
    font: inherit;
  }
  .mnav-list a:hover, .mnav-list-link-btn:hover {
    color: var(--color-brass-light);
  }
  .mnav-list a span {
    color: var(--color-ink-muted);
    font-size: 0.82em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .mnav-contacts {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 4.5);
    padding-block: calc(var(--spacing) * 4);
    border-color: var(--color-border);
  }
  .mnav-contacts-label {
    color: var(--color-ink-muted);
    margin-bottom: var(--spacing);
    font-size: 0.72em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
  .mnav-contacts a {
    color: var(--color-brass-light);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .filter-accordion {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
  }
  .filter-accordion-cats {
    display: flex;
    flex-shrink: 0;
    overflow-x: auto;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
  }
  .filter-accordion-cat {
    display: flex;
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: 0.8em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    border-color: transparent;
    color: var(--color-ink-muted);
  }
  .filter-accordion-cat.is-active {
    color: var(--color-brass);
    border-color: var(--color-brass);
  }
  .filter-accordion-cat-icon {
    flex-shrink: 0;
    font-size: 0.85em;
    --tw-leading: 1;
    line-height: 1;
    color: var(--color-ink-muted);
  }
  .filter-accordion-cat.has-value .filter-accordion-cat-icon {
    color: var(--color-emerald-light);
  }
  .filter-accordion-cat.is-active .filter-accordion-cat-icon {
    color: currentColor;
  }
  .filter-cat-chips {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 2);
  }
  .filter-cat-chip {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: 0.7em;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    background-color: var(--color-brass);
    color: var(--color-bg);
  }
  .filter-cat-chip:hover {
    opacity: 85%;
  }
  .filter-accordion-opts {
    flex: 1;
    overflow-y: auto;
    padding: calc(var(--spacing) * 4.5);
  }
  .filter-accordion-panel {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
    display: none;
    opacity: 0;
    transform: translateX(10px);
    transition: opacity 200ms var(--ease-out-strong), transform 200ms var(--ease-out-strong);
  }
  .filter-accordion-panel.is-active {
    display: flex;
    opacity: 1;
    transform: translateX(0);
  }
  .filter-accordion-panel.is-entering {
    animation: filterPanelIn 240ms var(--ease-out-strong);
  }
  @keyframes filterPanelIn {
    from {
      opacity: 0;
      transform: translateX(12px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  .filter-facet-row {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: var(--color-surface-raised);
    border-color: var(--color-border);
    color: var(--color-ink);
  }
  .filter-facet-row:hover {
    border-color: color-mix(in srgb, #D4A855 45%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 45%, var(--color-border));
    }
    background-color: color-mix(in srgb, #D4A855 6%, #302418);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-brass) 6%, var(--color-surface-raised));
    }
  }
  .filter-facet-row:has(input:checked) {
    border-color: var(--color-brass);
    box-shadow: 0 0 0 1px color-mix(in srgb, #D4A855 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-brass) 35%, transparent);
    }
    background: linear-gradient(135deg, color-mix(in srgb, #D4A855 10%, #302418), var(--color-surface-raised));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in srgb, var(--color-brass) 10%, var(--color-surface-raised)), var(--color-surface-raised));
    }
  }
  .filter-facet-row-label {
    flex: 1;
    font-size: 0.86em;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .filter-facet-count {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.75em;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    background-color: color-mix(in srgb, #4D3826 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-border) 60%, transparent);
    }
    color: var(--color-ink-muted);
    min-width: 2rem;
    text-align: center;
  }
  .filter-facet-row:has(input:checked) .filter-facet-count {
    background-color: color-mix(in srgb, #D4A855 22%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-brass) 22%, transparent);
    }
    color: var(--color-brass-light);
  }
  .filter-range-v2 {
    gap: calc(var(--spacing) * 3);
  }
  .filter-range-sep {
    color: var(--color-brass);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .filter-journey {
    margin-bottom: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    background: color-mix(in srgb, #261C12 88%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-surface) 88%, transparent);
    }
    border-color: color-mix(in srgb, #D4A855 25%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 25%, var(--color-border));
    }
    backdrop-filter: blur(10px);
  }
  .filter-journey.is-compact {
    margin-bottom: 0px;
    border-radius: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0px;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    padding: calc(var(--spacing) * 3.5);
    background: color-mix(in srgb, #302418 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-surface-raised) 75%, transparent);
    }
  }
  .filter-journey-head {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .filter-journey-label {
    font-size: 0.68em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    color: var(--color-ink-muted);
  }
  .filter-journey-clear {
    font-size: 0.75em;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    color: var(--color-brass-light);
  }
  .filter-journey-empty {
    margin: 0px;
    font-size: 0.84em;
    color: var(--color-ink-muted);
  }
  .filter-journey-chain {
    margin: 0px;
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    align-items: center;
    row-gap: calc(var(--spacing) * 2);
    padding: 0px;
  }
  .filter-journey-node {
    display: flex;
    align-items: center;
  }
  .filter-journey-pill {
    display: inline-flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    text-decoration-line: none;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background: linear-gradient(145deg, color-mix(in srgb, #D4A855 14%, #261C12), var(--color-surface));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(145deg, color-mix(in srgb, var(--color-brass) 14%, var(--color-surface)), var(--color-surface));
    }
    border-color: color-mix(in srgb, #D4A855 35%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 35%, var(--color-border));
    }
    color: var(--color-ink);
    min-width: 88px;
  }
  .filter-journey-pill:hover {
    border-color: var(--color-brass);
    box-shadow: 0 8px 22px color-mix(in srgb, #D4A855 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 8px 22px color-mix(in srgb, var(--color-brass) 18%, transparent);
    }
    transform: translateY(-1px);
  }
  .filter-journey-pill-group {
    font-size: 0.62em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    color: var(--color-brass-light);
  }
  .filter-journey-pill-value {
    position: relative;
    padding-right: calc(var(--spacing) * 4);
    font-size: 0.82em;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .filter-journey-pill-x {
    position: absolute;
    top: calc(var(--spacing) * 1.5);
    right: calc(var(--spacing) * 2);
    font-size: 0.9em;
    opacity: 60%;
  }
  .filter-journey-connector {
    margin-inline: var(--spacing);
    display: inline-block;
    height: 1px;
    width: calc(var(--spacing) * 6);
    background: linear-gradient(90deg, var(--color-brass), color-mix(in srgb, #D4744F 50%, #D4A855));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, var(--color-brass), color-mix(in srgb, var(--color-emerald-light) 50%, var(--color-brass)));
    }
    position: relative;
  }
  .filter-journey-connector::after {
    content: "";
    position: absolute;
    top: calc(var(--spacing) * -0.5);
    right: calc(var(--spacing) * -0.5);
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-emerald-light);
  }
  .filter-journey-next {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: left;
    background-color: var(--color-surface-raised);
    border-color: var(--color-border);
    color: var(--color-ink-muted);
    transition: border-color 160ms, box-shadow 160ms;
  }
  .filter-journey-next strong {
    color: var(--color-brass-light);
    font-size: 0.88em;
    flex: 1;
  }
  .filter-journey-next:hover {
    border-color: var(--color-brass);
    box-shadow: var(--shadow-glow, 0 0 0 1px color-mix(in srgb, #D4A855 22%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: var(--shadow-glow, 0 0 0 1px color-mix(in srgb, var(--color-brass) 22%, transparent));
    }
  }
  @media (max-width: 639px) {
    .filter-journey-chain {
      flex-wrap: nowrap;
      overflow-x: auto;
      padding-bottom: var(--spacing);
      scroll-snap-type: x mandatory;
    }
    .filter-journey-node {
      scroll-snap-align: start;
    }
    .filter-journey {
      margin-bottom: calc(var(--spacing) * 3);
      padding: calc(var(--spacing) * 3);
    }
  }
  .filter-accordion-panel input[type="checkbox"] {
    accent-color: var(--color-brass);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
  }
  .filter-accordion-panel label:not(.filter-facet-row) {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 0.88em;
    color: var(--color-ink);
  }
  .filter-accordion-panel label:not(.filter-facet-row) span {
    color: var(--color-ink-muted);
  }
  .filter-accordion-search-wrap {
    position: relative;
    margin-bottom: var(--spacing);
  }
  .filter-accordion-search {
    width: 100%;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-block: calc(var(--spacing) * 2);
    padding-right: calc(var(--spacing) * 9);
    padding-left: calc(var(--spacing) * 3.5);
    font-size: 0.85em;
    background-color: var(--color-surface-raised);
    border-color: var(--color-border);
    color: var(--color-ink);
  }
  .filter-accordion-search-icon {
    pointer-events: none;
    position: absolute;
    top: calc(1 / 2 * 100%);
    right: calc(var(--spacing) * 3.5);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--color-ink-muted);
  }
  .filter-accordion-checklist {
    display: flex;
    max-height: 260px;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    overflow-y: auto;
  }
  .filter-accordion-submit {
    margin: calc(var(--spacing) * 4.5);
    margin-top: 0px;
  }
  .booking-layout {
    display: grid;
    align-items: flex-start;
    gap: calc(var(--spacing) * 8);
    grid-template-columns: 320px 1fr;
  }
  @media (max-width: 860px) {
    .booking-layout {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .booking-preview {
    position: sticky;
    top: calc(var(--spacing) * 24);
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    border-color: var(--color-border);
  }
  @media (max-width: 860px) {
    .booking-preview {
      position: static;
    }
  }
  .booking-preview-photo {
    aspect-ratio: 3/4;
    position: relative;
    overflow: hidden;
    background-color: var(--color-surface-raised);
  }
  .booking-preview-photo img {
    position: absolute;
    inset: 0px;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .booking-preview-noimg {
    position: absolute;
    inset: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-ink-muted);
  }
  .booking-preview-body {
    padding: calc(var(--spacing) * 5);
  }
  .booking-preview-body h3 {
    font-family: var(--font-display);
    color: var(--color-ink);
    margin-bottom: var(--spacing);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .booking-preview-location {
    color: var(--color-ink-muted);
    margin-bottom: calc(var(--spacing) * 3);
    font-size: 0.85em;
  }
  .booking-preview-price {
    color: var(--color-brass-light);
    margin: 0px;
    font-size: 0.95em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .booking-system {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
  }
  .booking-panel {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    border-color: var(--color-border);
  }
  .booking-panel-head {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: 0.9em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    background-color: var(--color-brass);
    color: var(--color-bg);
  }
  .booking-panel-body {
    padding: calc(var(--spacing) * 5);
  }
  .booking-field-label {
    margin-top: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 1.5);
    display: block;
    font-size: 0.8em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    color: var(--color-ink-muted);
  }
  .booking-field-label:first-child {
    margin-top: 0px;
  }
  .booking-select {
    width: 100%;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 0.92em;
    background-color: var(--color-surface-raised);
    border-color: var(--color-border);
    color: var(--color-ink);
  }
  .booking-picker-trigger {
    width: 100%;
    cursor: pointer;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    text-align: left;
    background-color: var(--color-surface-raised);
    border-color: var(--color-border);
  }
  .booking-picker-trigger:hover {
    border-color: var(--color-brass);
  }
  .booking-picker-trigger-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 6);
    font-size: 0.9em;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink-muted);
    border: 1px dashed var(--color-border);
    border-radius: inherit;
  }
  .booking-picker-trigger-filled {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 2.5);
  }
  .booking-picker-trigger-filled img {
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    flex-shrink: 0;
    border-radius: var(--radius-lg);
    object-fit: cover;
    background-color: var(--color-surface);
  }
  .booking-picker-trigger-filled strong {
    color: var(--color-ink);
    display: block;
    font-size: 0.95em;
  }
  .booking-picker-trigger-filled small {
    color: var(--color-ink-muted);
    display: block;
    font-size: 0.8em;
  }
  .booking-picker-overlay {
    position: fixed;
    inset: 0px;
    z-index: 820;
    display: none;
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    background-color: rgba(6,5,4,0.75);
  }
  .booking-picker-modal {
    position: fixed;
    z-index: 821;
    display: none;
    flex-direction: column;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-surface);
  }
  @media (min-width: 640px) {
    .booking-picker-modal {
      top: 6vh;
      left: 50%;
      right: auto;
      bottom: auto;
      transform: translateX(-50%);
      width: 100%;
      max-width: 560px;
      max-height: 88vh;
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-brass);
    }
  }
  .booking-picker-head {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: var(--color-border);
  }
  .booking-picker-search {
    min-width: 0px;
    flex: 1;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 0.9em;
    background-color: var(--color-surface-raised);
    border-color: var(--color-border);
    color: var(--color-ink);
  }
  .booking-picker-count {
    color: var(--color-brass-light);
    flex-shrink: 0;
    font-size: 0.85em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .booking-picker-list {
    flex: 1;
    overflow-y: auto;
    padding: calc(var(--spacing) * 2);
  }
  .booking-picker-row {
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: calc(var(--spacing) * 2.5);
    text-align: left;
    background: none;
  }
  .booking-picker-row:hover {
    background-color: var(--color-surface-raised);
  }
  .booking-picker-row-photo {
    display: flex;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--radius-lg);
    background-color: var(--color-surface-raised);
    color: var(--color-ink-muted);
  }
  .booking-picker-row-photo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .booking-picker-row-body {
    display: flex;
    min-width: 0px;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .booking-picker-row-name {
    color: var(--color-ink);
    font-size: 0.92em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .booking-picker-row-rating {
    font-size: 0.72em;
    color: var(--color-ink-muted);
  }
  .booking-picker-row-rating .review-stars {
    color: var(--color-brass-light);
  }
  .booking-picker-row-price {
    color: var(--color-brass-light);
    font-size: 0.82em;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .booking-picker-row-meta {
    color: var(--color-ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.78em;
  }
  .booking-picker-empty {
    color: var(--color-ink-muted);
    padding-block: calc(var(--spacing) * 8);
    text-align: center;
    font-size: 0.9em;
  }
  .booking-field-row {
    margin-top: var(--spacing);
    display: grid;
    gap: calc(var(--spacing) * 3);
    grid-template-columns: 1fr 1fr;
  }
  @media (max-width: 480px) {
    .booking-field-row {
      grid-template-columns: 1fr;
    }
  }
  .booking-visit-toggle {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    gap: calc(var(--spacing) * 3);
  }
  .booking-visit-toggle label {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: 0.86em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    border-color: var(--color-border);
    color: var(--color-ink-muted);
  }
  .booking-visit-toggle input {
    accent-color: var(--color-brass);
  }
  .booking-recent-grid {
    display: grid;
    gap: calc(var(--spacing) * 3);
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }
  .booking-slots-grid {
    display: grid;
    gap: calc(var(--spacing) * 2);
    grid-template-columns: repeat(auto-fill, minmax(74px, 1fr));
  }
  .booking-slot-btn {
    cursor: pointer;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
    font-size: 0.82em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    background-color: var(--color-surface-raised);
    border-color: var(--color-border);
    color: var(--color-ink-muted);
  }
  .booking-slot-btn.is-active {
    background-color: var(--color-brass);
    border-color: var(--color-brass);
    color: #16171B;
  }
  .booking-slots-empty {
    color: var(--color-ink-muted);
    margin: 0px;
    font-size: 0.82em;
  }
  .booking-summary {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 5);
    background-color: var(--color-surface);
    border-color: var(--color-border);
  }
  .booking-summary-line {
    color: var(--color-ink-muted);
    margin: 0px;
    margin-bottom: var(--spacing);
    font-size: 0.8em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
  .booking-summary-total {
    font-family: var(--font-display);
    color: var(--color-brass-light);
    margin: 0px;
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .booking-summary-note {
    color: var(--color-ink-muted);
    margin-bottom: calc(var(--spacing) * 4);
    font-size: 0.78em;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .book-email-card {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 5);
    text-align: center;
    background: linear-gradient(135deg, color-mix(in srgb, #D4A855 12%, transparent), color-mix(in srgb, #D4A855 3%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in srgb, var(--color-brass) 12%, transparent), color-mix(in srgb, var(--color-brass) 3%, transparent));
    }
    border-color: color-mix(in srgb, #D4A855 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 40%, transparent);
    }
  }
  .book-email-ico {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .book-email-card h3 {
    margin-bottom: calc(var(--spacing) * 1.5);
    font-size: 1em;
  }
  .book-email-card p {
    color: var(--color-ink-muted);
    margin-bottom: calc(var(--spacing) * 4);
    font-size: 0.82em;
  }
  .profile-social-heading {
    font-family: var(--font-display);
    font-size: 1.05rem;
    margin: 0 0 12px;
    color: var(--color-ink);
  }
  .messaging-wrapper {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 5);
    border-color: color-mix(in srgb, #D4A855 22%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 22%, var(--color-border));
    }
    background: linear-gradient(160deg, color-mix(in srgb, #302418 92%, transparent), var(--color-surface));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(160deg, color-mix(in srgb, var(--color-surface-raised) 92%, transparent), var(--color-surface));
    }
    box-shadow: var(--shadow-card);
  }
  .messaging-wrapper-head {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .messaging-wrapper-eyebrow {
    color: var(--color-brass-light);
    font-size: 0.72em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
  .messaging-wrapper-head p {
    color: var(--color-ink-muted);
    margin: 0px;
    margin-top: var(--spacing);
    font-size: 0.84em;
  }
  .messaging-wrapper-grid {
    margin-top: 0;
  }
  .msg-social-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .msg-social-btn {
    display: grid;
    grid-template-columns: 44px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid var(--color-border);
    background: linear-gradient(135deg, color-mix(in srgb, #302418 80%, transparent), var(--color-surface));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in srgb, var(--color-surface-raised) 80%, transparent), var(--color-surface));
    }
    color: var(--color-ink);
    text-decoration: none;
    transition: transform 160ms var(--ease-out-strong), border-color 160ms, box-shadow 160ms;
    cursor: pointer;
  }
  .msg-social-btn:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, #D4A855 45%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 45%, var(--color-border));
    }
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
  }
  .msg-social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, currentColor 12%, var(--color-surface));
    }
  }
  .msg-social-copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
  }
  .msg-social-copy strong {
    font-size: 0.92em;
    line-height: 1.2;
  }
  .msg-social-copy small {
    font-size: 0.72em;
    color: var(--color-ink-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
  .msg-social-arrow {
    color: var(--color-ink-muted);
    font-size: 1.1em;
    transition: transform 160ms;
  }
  .msg-social-btn:hover .msg-social-arrow {
    transform: translateX(3px);
  }
  .msg-social-whatsapp {
    color: #7CE3AA;
  }
  .msg-social-whatsapp .msg-social-icon {
    background: color-mix(in srgb, #25D366 18%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, #25D366 18%, var(--color-surface));
    }
  }
  .msg-social-telegram {
    color: #8FD3F4;
  }
  .msg-social-telegram .msg-social-icon {
    background: color-mix(in srgb, #229ED9 18%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, #229ED9 18%, var(--color-surface));
    }
  }
  .msg-social-messenger {
    color: #A8B8FA;
  }
  .msg-social-messenger .msg-social-icon {
    background: color-mix(in srgb, #4C6EF5 18%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, #4C6EF5 18%, var(--color-surface));
    }
  }
  .msg-social-imessage {
    color: #9BE3AE;
  }
  .msg-social-imessage .msg-social-icon {
    background: color-mix(in srgb, #34C759 18%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, #34C759 18%, var(--color-surface));
    }
  }
  .msg-social-snapchat {
    color: #F5F3A0;
  }
  .msg-social-snapchat .msg-social-icon {
    background: color-mix(in srgb, #FFFC00 14%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, #FFFC00 14%, var(--color-surface));
    }
  }
  .msg-buttons {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
  }
  .msg-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2.5);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: 0.9em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-decoration-line: none;
  }
  .msg-btn-mark {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    flex-shrink: 0;
    border-radius: 0.25rem;
  }
  .msg-btn-whatsapp {
    background: color-mix(in srgb, #25D366 10%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, #25D366 10%, var(--color-surface));
    }
    border-color: color-mix(in srgb, #25D366 40%, transparent);
    color: #7CE3AA;
  }
  .msg-btn-whatsapp .msg-btn-mark {
    background: #25D366;
  }
  .msg-btn-telegram {
    background: color-mix(in srgb, #229ED9 10%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, #229ED9 10%, var(--color-surface));
    }
    border-color: color-mix(in srgb, #229ED9 40%, transparent);
    color: #8FD3F4;
  }
  .msg-btn-telegram .msg-btn-mark {
    background: #229ED9;
  }
  .msg-btn-row {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .msg-btn-sm {
    flex: 1;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 0.78em;
    min-width: 100px;
  }
  .msg-btn-sm .msg-btn-mark {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .msg-btn-messenger {
    background: color-mix(in srgb, #4C6EF5 10%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, #4C6EF5 10%, var(--color-surface));
    }
    border-color: color-mix(in srgb, #4C6EF5 40%, transparent);
    color: #A8B8FA;
  }
  .msg-btn-messenger .msg-btn-mark {
    background: #4C6EF5;
  }
  .msg-btn-imessage {
    background: color-mix(in srgb, #34C759 10%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, #34C759 10%, var(--color-surface));
    }
    border-color: color-mix(in srgb, #34C759 40%, transparent);
    color: #9BE3AE;
  }
  .msg-btn-imessage .msg-btn-mark {
    background: #34C759;
  }
  .msg-btn-snapchat {
    background: color-mix(in srgb, #FFFC00 8%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, #FFFC00 8%, var(--color-surface));
    }
    border-color: color-mix(in srgb, #FFFC00 30%, transparent);
    color: #F5F3A0;
  }
  .msg-btn-snapchat .msg-btn-mark {
    background: #FFFC00;
  }
  .age-gate-overlay {
    position: fixed;
    inset: 0px;
    z-index: 999998;
    display: none;
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    background-color: rgba(6,5,4,0.82);
  }
  .age-gate-glow {
    position: absolute;
    top: calc(20% * -1);
    left: calc(1 / 2 * 100%);
    height: 80vw;
    max-height: 800px;
    width: 80vw;
    max-width: 800px;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    background: radial-gradient(circle, color-mix(in srgb, #D4A855 18%, transparent), transparent 65%);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(circle, color-mix(in srgb, var(--color-brass) 18%, transparent), transparent 65%);
    }
    filter: blur(60px);
    animation: ageGlowBreathe 8s ease-in-out infinite;
  }
  .age-gate-wrapper {
    position: fixed;
    inset: 0px;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 5);
  }
  .age-gate-card {
    width: 100%;
    max-width: 420px;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 9);
    padding-top: calc(var(--spacing) * 10);
    text-align: center;
    background-color: var(--color-surface);
    border-color: var(--color-brass);
    animation: ageCardReveal 0.5s var(--ease-out-strong) both;
  }
  .age-gate-mark {
    font-family: var(--font-display);
    color: var(--color-brass);
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .age-gate-rule {
    background-color: var(--color-brass);
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 5);
    height: 1px;
    width: calc(var(--spacing) * 9);
    opacity: 50%;
  }
  .age-gate-card h2 {
    margin-bottom: calc(var(--spacing) * 3.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
  .age-gate-card p {
    color: var(--color-ink-muted);
    font-size: 0.95em;
  }
  .age-gate-actions {
    margin-top: calc(var(--spacing) * 5);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 3.5);
  }
  .age-gate-enter {
    width: 100%;
  }
  .age-gate-leave {
    color: var(--color-ink-muted);
    cursor: pointer;
    font-size: 0.85em;
    text-decoration-line: underline;
  }
  @keyframes ageGlowBreathe {
    0%, 100% {
      opacity: 0.7;
    }
    50% {
      opacity: 1;
    }
  }
  @keyframes ageCardReveal {
    from {
      opacity: 0;
      transform: translateY(14px) scale(0.98);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .age-gate-glow, .age-gate-card {
      animation: none;
    }
  }
  .contact-hub-hero {
    padding: 64px 0 28px;
    background: linear-gradient(180deg, color-mix(in srgb, #261C12 90%, transparent), transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 90%, transparent), transparent);
    }
    border-bottom: 1px solid var(--color-border);
  }
  .contact-hub-hero h1 {
    font-family: var(--font-display);
    margin-top: calc(var(--spacing) * 3);
    margin-bottom: 0px;
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    color: var(--color-ink);
  }
  .contact-hub-lede {
    margin-top: calc(var(--spacing) * 4);
    margin-bottom: 0px;
    max-width: var(--container-2xl);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-ink-muted);
  }
  .contact-hub-section {
    padding-top: 36px;
    padding-bottom: 72px;
  }
  .contact-hub-grid {
    display: grid;
    align-items: flex-start;
    gap: calc(var(--spacing) * 8);
    grid-template-columns: minmax(280px, 380px) 1fr;
  }
  @media (max-width: 960px) {
    .contact-hub-grid {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .contact-hub-aside {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
  }
  .contact-hub-card {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 6);
    border-color: var(--color-border);
  }
  .contact-hub-card h2 {
    font-family: var(--font-display);
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-ink);
  }
  .contact-hub-card h3 {
    font-family: var(--font-display);
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-ink);
  }
  .contact-hub-card-lede {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-ink-muted);
  }
  .contact-hub-channels {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
  }
  .contact-hub-channel {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3.5);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: var(--color-border);
    background-color: var(--color-surface-raised);
    color: var(--color-ink);
  }
  .contact-hub-channel:hover {
    border-color: var(--color-brass);
    color: var(--color-brass-light);
  }
  .contact-hub-channel-icon {
    flex-shrink: 0;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .contact-hub-channel-copy {
    display: flex;
    min-width: 0px;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .contact-hub-channel-copy strong {
    font-size: 0.95em;
  }
  .contact-hub-channel-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.82em;
    color: var(--color-ink-muted);
  }
  .contact-hub-channel-whatsapp:hover {
    border-color: #25D366;
    color: #25D366;
  }
  .contact-hub-channel-telegram:hover {
    border-color: #67C2E4;
    color: #67C2E4;
  }
  .contact-hub-hours {
    margin-top: calc(var(--spacing) * 5);
    margin-bottom: 0px;
    padding-top: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-top: 1px solid var(--color-border);
    color: var(--color-ink-muted);
  }
  .contact-hub-links {
    margin: 0px;
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    padding: 0px;
  }
  .contact-hub-links a {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-decoration-line: none;
    color: var(--color-brass-light);
  }
  .contact-hub-links a:hover {
    color: var(--color-brass);
  }
  .contact-hub-form-wrap {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
    border-color: var(--color-border);
  }
  .contact-hub-form-head h2 {
    font-family: var(--font-display);
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-ink);
  }
  .contact-hub-form-head p {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-ink-muted);
  }
  .contact-hub-form {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .contact-hub-field {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .contact-hub-field > span {
    font-size: 0.78em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    color: var(--color-ink-muted);
  }
  .contact-hub-submit {
    width: 100%;
    align-self: flex-start;
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .contact-hub-honeypot {
    pointer-events: none;
    height: 0px;
    width: 0px;
    overflow: hidden;
    opacity: 0%;
    position: absolute;
    left: -9999px;
  }
  .contact-hub-notice, .contact-hub-success, .contact-hub-error {
    margin-bottom: calc(var(--spacing) * 4);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .contact-hub-notice {
    border-color: color-mix(in srgb, #D4A855 40%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-brass) 40%, var(--color-border));
    }
    background-color: color-mix(in srgb, #D4A855 8%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-brass) 8%, var(--color-surface));
    }
    color: var(--color-ink);
  }
  .contact-hub-success {
    border-color: color-mix(in srgb, #25D366 40%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, #25D366 40%, var(--color-border));
    }
    background-color: color-mix(in srgb, #25D366 10%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, #25D366 10%, var(--color-surface));
    }
    color: var(--color-ink);
  }
  .contact-hub-success h3 {
    margin-bottom: var(--spacing);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-ink);
  }
  .contact-hub-error {
    border-color: color-mix(in srgb, #e05252 40%, #4D3826);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, #e05252 40%, var(--color-border));
    }
    background-color: color-mix(in srgb, #e05252 10%, #261C12);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, #e05252 10%, var(--color-surface));
    }
    color: var(--color-ink);
  }
  .blog-wrap {
    --blog-accent: var(--color-brass);
    padding-bottom: 60px;
  }
  .blog-magazine-hero {
    padding: 72px 0 36px;
    background: linear-gradient(180deg, color-mix(in srgb, #261C12 88%, transparent), transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 88%, transparent), transparent);
    }
    border-bottom: 1px solid var(--color-border);
  }
  .blog-magazine-hero h1 {
    font-family: var(--font-display);
    max-width: var(--container-3xl);
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-ink);
  }
  .blog-magazine-hero .hero-lead {
    margin-top: calc(var(--spacing) * 4);
    max-width: var(--container-2xl);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-ink-muted);
  }
  .blog-wrap-magazine.is-luxury {
    padding-top: 28px;
  }
  .blog-magazine-feature {
    position: relative;
    margin-bottom: calc(var(--spacing) * 12);
    display: grid;
    gap: 0px;
    overflow: hidden;
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    text-decoration-line: none;
    grid-template-columns: 1fr;
    background: linear-gradient(145deg, var(--color-surface), color-mix(in srgb, #302418 70%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(145deg, var(--color-surface), color-mix(in srgb, var(--color-surface-raised) 70%, transparent));
    }
    border-color: var(--blog-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--blog-accent) 35%, var(--color-border));
    }
    transition: transform 220ms var(--ease-out-strong), border-color 220ms var(--ease-out-strong);
  }
  @media (min-width: 900px) {
    .blog-magazine-feature {
      grid-template-columns: 1.15fr 1fr;
      min-height: 420px;
    }
  }
  .blog-magazine-feature:hover {
    transform: translateY(-4px);
    border-color: var(--blog-accent);
  }
  .blog-magazine-feature-photo {
    position: relative;
    min-height: 240px;
    overflow: hidden;
    background-color: var(--color-surface-raised);
  }
  .blog-magazine-feature-photo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    min-height: 240px;
  }
  .blog-magazine-feature-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .blog-magazine-feature-body h2 {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    color: var(--color-ink);
  }
  .blog-magazine-feature-body p {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-ink-muted);
  }
  .blog-featured-strip {
    margin-bottom: calc(var(--spacing) * 10);
    display: grid;
    gap: calc(var(--spacing) * 4);
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
  .blog-featured-card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    text-decoration-line: none;
    background-color: var(--color-surface);
    border-color: var(--color-border);
    transition: transform 200ms var(--ease-out-strong), border-color 200ms var(--ease-out-strong);
  }
  .blog-featured-card:hover {
    transform: translateY(-3px);
    border-color: var(--blog-accent);
  }
  .blog-featured-photo {
    aspect-ratio: 16/9;
    position: relative;
    overflow: hidden;
    background-color: var(--color-surface-raised);
  }
  .blog-featured-photo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .blog-featured-body {
    padding: calc(var(--spacing) * 4);
  }
  .blog-featured-tag {
    margin-bottom: calc(var(--spacing) * 2);
    display: inline-block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--blog-accent);
  }
  .blog-featured-body h3 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
  }
  .blog-toolbar {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .blog-search-form {
    display: flex;
    gap: calc(var(--spacing) * 2);
  }
  .blog-search-form input {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    background-color: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-ink);
  }
  .blog-search-form button {
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    background-color: var(--blog-accent);
    color: #16171B;
  }
  .blog-category-filter {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .blog-category-filter a {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.05em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration-line: none;
    border-color: var(--color-border);
    color: var(--color-ink-muted);
  }
  .blog-category-filter a.is-active {
    border-color: var(--blog-accent);
    color: var(--blog-accent);
    background: var(--blog-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--blog-accent) 12%, transparent);
    }
  }
  .blog-layout {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 10);
  }
  .blog-grid {
    display: grid;
    gap: calc(var(--spacing) * 6);
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    min-width: 0;
    flex: 1;
  }
  .blog-grid.layout-luxury {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  @media (min-width: 760px) {
    .blog-grid.layout-luxury {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .blog-grid.layout-luxury .blog-card {
    border-radius: var(--radius-3xl);
  }
  .blog-grid.layout-luxury .blog-card-title {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .blog-card-cat {
    margin-bottom: var(--spacing);
    display: inline-block;
    font-size: 0.68em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--blog-accent);
  }
  .blog-grid.layout-list {
    grid-template-columns: 1fr;
  }
  .blog-grid.layout-list .blog-card {
    flex-direction: row;
    align-items: stretch;
  }
  .blog-grid.layout-list .blog-card-photo {
    width: 240px;
    flex-shrink: 0;
    aspect-ratio: auto;
  }
  .blog-grid.layout-magazine .blog-card:first-child .blog-card-photo {
    aspect-ratio: 16/9;
  }
  .blog-grid.layout-masonry {
    columns: 260px 3;
    column-gap: 24px;
    display: block;
  }
  .blog-grid.layout-masonry .blog-card {
    margin-bottom: calc(var(--spacing) * 6);
    display: inline-block;
    width: 100%;
    break-inside: avoid;
  }
  @media (min-width: 900px) {
    .blog-layout.has-sidebar {
      flex-direction: row;
      align-items: flex-start;
    }
    .blog-grid.layout-magazine .blog-card:first-child {
      grid-column: span 2;
      grid-row: span 2;
    }
  }
  .blog-card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    text-decoration-line: none;
    min-width: 0;
    background-color: var(--color-surface);
    border-color: var(--color-border);
    transition: transform 200ms var(--ease-out-strong), border-color 200ms var(--ease-out-strong);
  }
  .blog-card:hover {
    transform: translateY(-3px);
    border-color: var(--blog-accent);
  }
  .blog-card.card-minimal {
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background: transparent;
  }
  .blog-card.card-bordered {
    border-width: 2px;
  }
  .blog-card-photo {
    aspect-ratio: 16/10;
    position: relative;
    overflow: hidden;
    background-color: var(--color-surface-raised);
  }
  .blog-card-photo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .blog-card-body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 5);
  }
  .blog-card-meta {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-ink-muted);
  }
  .blog-card-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
    font-family: var(--font-display);
  }
  .blog-card-excerpt {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-ink-muted);
  }
  .blog-empty {
    color: var(--color-ink-muted);
  }
  .blog-sidebar {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
    width: 100%;
  }
  @media (min-width: 900px) {
    .blog-sidebar {
      width: 280px;
      flex-shrink: 0;
    }
  }
  .blog-sidebar-card {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 5);
    background-color: var(--color-surface);
    border-color: var(--color-border);
  }
  .blog-sidebar-card h4 {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-ink);
  }
  .blog-sidebar-card ul {
    margin: 0px;
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    padding: 0px;
  }
  .blog-sidebar-card li a {
    display: flex;
    justify-content: space-between;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-decoration-line: none;
    color: var(--color-ink-muted);
  }
  .blog-sidebar-card li a:hover {
    color: var(--blog-accent);
  }
  .blog-sidebar-card li a span {
    color: var(--color-ink-muted);
    font-size: 0.85em;
  }
  .blog-sidebar-popular li a {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing);
  }
  .blog-sidebar-popular-title {
    color: var(--color-ink);
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .blog-sidebar-popular-meta {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-ink-muted);
  }
  .blog-sidebar-trust p {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-ink-muted);
  }
  .blog-sidebar-trust .btn {
    margin-bottom: calc(var(--spacing) * 2);
    width: 100%;
    justify-content: center;
  }
  .blog-pagination {
    margin-top: calc(var(--spacing) * 10);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
  }
  .blog-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-decoration-line: none;
    width: 36px;
    height: 36px;
    border-color: var(--color-border);
    color: var(--color-ink-muted);
  }
  .blog-pagination .page-numbers.current {
    border-color: var(--blog-accent);
    color: var(--blog-accent);
  }
  .blog-single {
    padding-block: calc(var(--spacing) * 16);
  }
  .blog-single-inner {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 10);
  }
  .blog-single-main {
    min-width: 0px;
    max-width: 760px;
    margin: 0 auto;
  }
  .blog-single.layout-wide .blog-single-main {
    max-width: 980px;
  }
  .blog-single.layout-sidebar .blog-single-main {
    max-width: none;
    margin: 0;
    flex: 1;
  }
  @media (min-width: 900px) {
    .blog-single.layout-sidebar .blog-single-inner, .blog-single.layout-centered .blog-single-inner {
      flex-direction: row;
      align-items: flex-start;
    }
    .blog-single.layout-centered .blog-single-main {
      margin: 0;
      max-width: none;
      flex: 1;
    }
  }
  .blog-toc {
    margin-bottom: calc(var(--spacing) * 8);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 5);
    background-color: color-mix(in srgb, #261C12 92%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-surface) 92%, transparent);
    }
    border-color: var(--color-border);
  }
  .blog-toc-title {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--blog-accent, var(--color-brass));
  }
  .blog-toc-list {
    margin: 0px;
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    padding: 0px;
  }
  .blog-toc-list a {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-decoration-line: none;
    color: var(--color-ink-muted);
  }
  .blog-toc-list a:hover {
    color: var(--blog-accent, var(--color-brass));
  }
  .blog-toc-level-3 {
    padding-left: calc(var(--spacing) * 4);
  }
  @media (min-width: 1100px) {
    .blog-single.layout-sidebar .blog-toc, .blog-single.layout-centered .blog-toc {
      position: sticky;
      top: 96px;
    }
  }
  .blog-single-header h1 {
    margin-top: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    font-family: var(--font-display);
    color: var(--color-ink);
  }
  .blog-single-meta {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-ink-muted);
  }
  .blog-single-featured {
    margin-block: calc(var(--spacing) * 8);
    overflow: hidden;
    border-radius: var(--radius-2xl);
    aspect-ratio: 16/9;
  }
  .blog-single-featured img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .blog-single-content {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-ink-muted);
  }
  .blog-block-heading {
    color: var(--color-ink);
    font-family: var(--font-display);
    margin-top: calc(var(--spacing) * 10);
    margin-bottom: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  h2.blog-block-heading {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  h3.blog-block-heading {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  h4.blog-block-heading {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .blog-block-text {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .blog-block-text p {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .blog-block-image {
    margin-block: calc(var(--spacing) * 8);
  }
  .blog-block-image img {
    width: 100%;
    border-radius: var(--radius-2xl);
  }
  .blog-block-image.align-center {
    text-align: center;
  }
  .blog-block-image.align-left img {
    float: left;
    margin: 0 24px 8px 0;
    max-width: 50%;
  }
  .blog-block-image.align-right img {
    float: right;
    margin: 0 0 8px 24px;
    max-width: 50%;
  }
  .blog-block-image figcaption {
    margin-top: calc(var(--spacing) * 2);
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-ink-muted);
  }
  .blog-block-quote {
    border-left: 4px solid var(--blog-accent, var(--color-brass));
    margin-block: calc(var(--spacing) * 8);
    padding-left: calc(var(--spacing) * 5);
    font-style: italic;
    color: var(--color-ink);
  }
  .blog-block-quote cite {
    margin-top: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    font-style: normal;
    color: var(--color-ink-muted);
  }
  .blog-block-cta {
    margin-block: calc(var(--spacing) * 8);
    text-align: center;
  }
  .blog-block-smart-cta {
    margin-block: calc(var(--spacing) * 10);
    text-align: center;
  }
  .btn-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: 0.95em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-decoration-line: none;
  }
  .btn-cta-primary {
    background-color: var(--blog-accent, var(--color-brass));
    color: #16171B;
  }
  .btn-cta-ghost {
    background: transparent;
    border: 1px solid var(--color-border);
    color: var(--color-ink);
  }
  .blog-block-profile-embed {
    margin-block: calc(var(--spacing) * 10);
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  .blog-block-profile-embed.layout-compact {
    max-width: 280px;
  }
  .blog-block-profile-embed.is-missing {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 5);
    text-align: center;
    border-color: var(--color-border);
    color: var(--color-ink-muted);
  }
  .blog-block-faq {
    margin-block: calc(var(--spacing) * 10);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .blog-faq-item {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-surface);
  }
  .blog-faq-item > summary {
    display: flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
  }
  .blog-faq-item > summary::-webkit-details-marker {
    display: none;
  }
  .blog-faq-toggle {
    position: relative;
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    flex-shrink: 0;
  }
  .blog-faq-toggle::before, .blog-faq-toggle::after {
    content: '';
    position: absolute;
    top: calc(1 / 2 * 100%);
    right: 0px;
    left: 0px;
    height: calc(var(--spacing) * 0.5);
    background: var(--blog-accent, var(--color-brass));
    transform: translateY(-50%);
  }
  .blog-faq-toggle::after {
    transform: translateY(-50%) rotate(90deg);
    transition: transform 200ms var(--ease-out-strong);
  }
  .blog-faq-item[open] .blog-faq-toggle::after {
    transform: translateY(-50%) rotate(0deg);
  }
  .blog-faq-answer {
    padding-inline: calc(var(--spacing) * 5);
    padding-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-ink-muted);
    border-top: 1px solid var(--color-border);
    padding-top: 14px;
  }
  .blog-block-video {
    position: relative;
    margin-block: calc(var(--spacing) * 8);
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    aspect-ratio: 16/9;
  }
  .blog-block-video iframe {
    position: absolute;
    inset: 0px;
    height: 100%;
    width: 100%;
  }
  .blog-single-tags {
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .blog-single-tags a {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    text-decoration-line: none;
    border-color: var(--color-border);
    color: var(--color-ink-muted);
  }
  .blog-author-box {
    margin-top: calc(var(--spacing) * 10);
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 5);
    background-color: var(--color-surface);
    border-color: var(--color-border);
  }
  .blog-author-box img {
    border-radius: calc(infinity * 1px);
  }
  .blog-author-box h4 {
    color: var(--color-ink);
    margin-bottom: var(--spacing);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .blog-author-box p {
    color: var(--color-ink-muted);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .blog-related {
    margin-top: calc(var(--spacing) * 12);
  }
  .blog-related h3 {
    color: var(--color-ink);
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    font-family: var(--font-display);
  }
  .blog-related-grid {
    display: grid;
    gap: calc(var(--spacing) * 4);
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
  .blog-related-card {
    display: block;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    text-decoration-line: none;
    background-color: var(--color-surface);
    border-color: var(--color-border);
  }
  .blog-related-photo {
    aspect-ratio: 16/10;
    overflow: hidden;
  }
  .blog-related-photo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .blog-related-card h4 {
    padding: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
  }
  .blog-related-body {
    padding-inline: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 3);
  }
  .blog-related-body .blog-card-meta {
    display: block;
  }
  .blog-comments {
    margin-top: calc(var(--spacing) * 12);
  }
}
[data-style="cold-luxury"] {
  --color-bg: #0A0C10;
  --color-surface: #14171C;
  --color-surface-raised: #1B1F26;
  --color-border: #282C34;
  --color-ink: #E8EAED;
  --color-ink-muted: #8B93A0;
  --color-brass: #5B7FB5;
  --color-brass-light: #86A5D1;
  --color-emerald: #3D6163;
  --color-emerald-light: #5C8E90;
}
[data-style="midnight-rose"] {
  --color-bg: #0F0A0D;
  --color-surface: #1A1216;
  --color-surface-raised: #221820;
  --color-border: #3A2530;
  --color-ink: #F3E9EC;
  --color-ink-muted: #A8919A;
  --color-brass: #C2427A;
  --color-brass-light: #E0699C;
  --color-emerald: #5B3A8E;
  --color-emerald-light: #8258C4;
}
[data-style="desert-gold"] {
  --color-bg: #1C140C;
  --color-surface: #261C12;
  --color-surface-raised: #302418;
  --color-border: #4D3826;
  --color-ink: #F5EDE3;
  --color-ink-muted: #C4A88A;
  --color-brass: #D4A855;
  --color-brass-light: #E8C878;
  --color-emerald: #B85A3A;
  --color-emerald-light: #D4744F;
}
[data-style="modern-minimal"] {
  --color-bg: #FAF8F5;
  --color-surface: #FFFFFF;
  --color-surface-raised: #F0EDE7;
  --color-border: #E0DBD1;
  --color-ink: #1A1816;
  --color-ink-muted: #6B6560;
  --color-brass: #C81E3A;
  --color-brass-light: #E0405C;
  --color-emerald: #2B2825;
  --color-emerald-light: #4A4540;
}
[data-style="neon-noir"] {
  --color-bg: #08090C;
  --color-surface: #101216;
  --color-surface-raised: #16191E;
  --color-border: #262B33;
  --color-ink: #E8ECF0;
  --color-ink-muted: #7C8896;
  --color-brass: #22D3EE;
  --color-brass-light: #67E8F9;
  --color-emerald: #D946EF;
  --color-emerald-light: #E879F9;
}
[data-style="ruby-gold"] {
  --color-bg: #22070A;
  --color-surface: #330C10;
  --color-surface-raised: #3F1116;
  --color-border: #5C1A1E;
  --color-ink: #F5E9D8;
  --color-ink-muted: #C9A98E;
  --color-brass: #E8C468;
  --color-brass-light: #F5DA8F;
  --color-emerald: #8B1E2B;
  --color-emerald-light: #B23545;
}
[data-style="emerald-noir"] {
  --color-bg: #0A0F0C;
  --color-surface: #121A15;
  --color-surface-raised: #182018;
  --color-border: #263329;
  --color-ink: #E8EDE9;
  --color-ink-muted: #8FA396;
  --color-brass: #2F9E6E;
  --color-brass-light: #4FC48D;
  --color-emerald: #B08D57;
  --color-emerald-light: #D4B37A;
}
[data-style="velvet-plum"] {
  --color-bg: #140B14;
  --color-surface: #1E1220;
  --color-surface-raised: #281A2B;
  --color-border: #3D2740;
  --color-ink: #F1E7F0;
  --color-ink-muted: #A78CA6;
  --color-brass: #9B4F9E;
  --color-brass-light: #C177C4;
  --color-emerald: #C08A4E;
  --color-emerald-light: #D9A870;
}
[data-style="onyx-silver"] {
  --color-bg: #0B0C0E;
  --color-surface: #16181B;
  --color-surface-raised: #1E2023;
  --color-border: #2E3136;
  --color-ink: #EDEEF0;
  --color-ink-muted: #8C9199;
  --color-brass: #B8BEC7;
  --color-brass-light: #D6DAE0;
  --color-emerald: #5B8FA8;
  --color-emerald-light: #7FB0C8;
}
[data-style="amber-noir"] {
  --color-bg: #140D08;
  --color-surface: #1E140C;
  --color-surface-raised: #281B10;
  --color-border: #3D2A18;
  --color-ink: #F2E6D6;
  --color-ink-muted: #B39A7D;
  --color-brass: #D97C2B;
  --color-brass-light: #F0A257;
  --color-emerald: #6B3F2A;
  --color-emerald-light: #8C5A3F;
}
[data-style="old-money-mahogany"] {
  --color-bg: #150E0A;
  --color-surface: #201510;
  --color-surface-raised: #2A1D15;
  --color-border: #4A3222;
  --color-ink: #F0E4D4;
  --color-ink-muted: #B39A80;
  --color-brass: #B8863E;
  --color-brass-light: #D4A661;
  --color-emerald: #6B1F24;
  --color-emerald-light: #8C363B;
}
[data-style="art-deco-gold"] {
  --color-bg: #0D0D0C;
  --color-surface: #171614;
  --color-surface-raised: #1F1D1A;
  --color-border: #35322C;
  --color-ink: #F2EDE3;
  --color-ink-muted: #9B9488;
  --color-brass: #C9A227;
  --color-brass-light: #E3C158;
  --color-emerald: #1F5C4E;
  --color-emerald-light: #35806E;
}
[data-style="modern-platinum"] {
  --color-bg: #0C0D0F;
  --color-surface: #16171A;
  --color-surface-raised: #1D1F23;
  --color-border: #2D3034;
  --color-ink: #EDEEF1;
  --color-ink-muted: #8D9199;
  --color-brass: #A8AFB8;
  --color-brass-light: #C7CCD3;
  --color-emerald: #4E7A94;
  --color-emerald-light: #6F9CB5;
}
[data-style="rose-gold-modern"] {
  --color-bg: #120E10;
  --color-surface: #1C1518;
  --color-surface-raised: #26191E;
  --color-border: #3D2A30;
  --color-ink: #F3E9EB;
  --color-ink-muted: #AD8F95;
  --color-brass: #C58B7A;
  --color-brass-light: #DDA895;
  --color-emerald: #8C5A54;
  --color-emerald-light: #A87369;
}
[data-style="quiet-luxury-sage"] {
  --color-bg: #0D0F0C;
  --color-surface: #171A15;
  --color-surface-raised: #1F231C;
  --color-border: #333A2C;
  --color-ink: #EDEFE8;
  --color-ink-muted: #939C87;
  --color-brass: #6E7F5C;
  --color-brass-light: #8FA378;
  --color-emerald: #B08A5C;
  --color-emerald-light: #C7A578;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@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 {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-leading: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
    }
  }
}