/* v42: system-first appearance, one-click contrast and shared typography scale. */
:root {
  --ui-font-scale: 1.5;
  --pref-shadow: 0 24px 70px rgba(14, 10, 7, .28);
  --pref-radius: 2px;
  --canvas: #1b120e;
  --ink: #f0e7db;
  --muted: #b9a28d;
  --line: rgba(214, 174, 113, .24);
  --gold-hi: #f0cb91;
  --accent: #c88b4a;
  --accent-ink: #2b190f;
  --surface-1: rgba(61, 37, 24, .92);
  --surface-2: rgba(28, 17, 12, .9);
  --surface-3: rgba(25, 14, 9, .84);
  --page-end: #120b08;
  --page-glow: rgba(224, 177, 103, .16);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) { color-scheme: dark; }
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --canvas: #f6f1e9;
    --ink: #2f251e;
    --muted: #766b60;
    --line: rgba(93, 66, 42, .19);
    --gold-hi: #98642e;
    --accent: #b57b3e;
    --accent-ink: #fffaf3;
    --surface-1: rgba(255, 253, 249, .98);
    --surface-2: rgba(247, 239, 229, .98);
    --surface-3: rgba(239, 229, 216, .78);
    --page-end: #fffaf4;
    --page-glow: rgba(191, 137, 75, .14);
  }
}
html[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #1b120e;
  --ink: #f0e7db;
  --muted: #b9a28d;
  --line: rgba(214, 174, 113, .24);
  --gold-hi: #f0cb91;
  --accent: #c88b4a;
  --accent-ink: #2b190f;
  --surface-1: rgba(61, 37, 24, .92);
  --surface-2: rgba(28, 17, 12, .9);
  --surface-3: rgba(25, 14, 9, .84);
  --page-end: #120b08;
  --page-glow: rgba(224, 177, 103, .16);
}
html[data-theme="light"] {
  color-scheme: light;
  --canvas: #f6f1e9;
  --ink: #2f251e;
  --muted: #766b60;
  --line: rgba(93, 66, 42, .19);
  --gold-hi: #98642e;
  --accent: #b57b3e;
  --accent-ink: #fffaf3;
  --surface-1: rgba(255, 253, 249, .98);
  --surface-2: rgba(247, 239, 229, .98);
  --surface-3: rgba(239, 229, 216, .78);
  --page-end: #fffaf4;
  --page-glow: rgba(191, 137, 75, .14);
}

html, body { background: var(--canvas); color: var(--ink); }
html[data-theme="dark"] body { background: radial-gradient(circle at 8% 8%, var(--page-glow), transparent 29%), radial-gradient(circle at 93% 2%, var(--page-glow), transparent 25%), linear-gradient(135deg, var(--canvas) 0%, var(--page-end) 100%) !important; }
html[data-theme="light"] body { background: radial-gradient(circle at 8% 8%, var(--page-glow), transparent 29%), linear-gradient(135deg, var(--canvas) 0%, var(--page-end) 100%) !important; }
html[data-theme="light"] body:before { opacity: .045; }

.preference-control { position: fixed; top: 92px; right: max(24px, 4vw); z-index: 90; font-family: var(--font-body, Inter, "Microsoft YaHei", sans-serif); letter-spacing: .04em; }
.preference-actions { display: inline-flex; align-items: stretch; border: 1px solid var(--line); border-radius: 999px; background: color-mix(in srgb, var(--surface-2) 88%, transparent); box-shadow: 0 12px 32px rgba(0, 0, 0, .16); backdrop-filter: blur(18px); overflow: hidden; }
.theme-toggle, .language-trigger { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; border: 0; background: transparent; color: var(--gold-hi); font: inherit; cursor: pointer; transition: background .35s ease, color .35s ease, transform .35s ease; }
.theme-toggle { padding: 7px 15px 7px 13px; }
.language-trigger { padding: 7px 14px; border-left: 1px solid var(--line); color: var(--muted); }
.theme-toggle:hover, .theme-toggle:focus-visible, .language-trigger:hover, .language-trigger:focus-visible { background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--gold-hi); outline: none; }
.theme-toggle:active { transform: scale(.98); }
.theme-toggle i, .language-trigger i { font-style: normal; opacity: .72; font-size: 18px; line-height: 1; }
.theme-toggle-copy { display: grid; gap: 1px; text-align: left; line-height: 1.15; }
.theme-toggle-copy b { font-size: 15px; font-weight: 700; letter-spacing: .06em; white-space: nowrap; }
.theme-toggle-copy small { color: var(--muted); font-size: 12px; letter-spacing: .04em; white-space: nowrap; }
.language-trigger span { font-size: 15px; font-weight: 700; letter-spacing: .06em; }
.preference-trigger-dot { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; background: linear-gradient(135deg, var(--gold-hi), var(--accent)); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent); }
.preference-panel { width: min(340px, calc(100vw - 32px)); margin-top: 10px; margin-left: auto; padding: 21px; border: 1px solid var(--line); border-radius: var(--pref-radius); background: color-mix(in srgb, var(--surface-1) 96%, transparent); color: var(--ink); box-shadow: var(--pref-shadow); backdrop-filter: blur(24px); }
.preference-panel[hidden] { display: none; }
.preference-panel-head { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.preference-kicker { display: block; color: var(--gold-hi); font-size: 12px; letter-spacing: .2em; }
.preference-panel h2 { margin: 6px 0 0; color: var(--ink); font-family: var(--font-display, Georgia, serif); font-size: 25px; font-weight: 400; }
.preference-close { width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--muted); font-size: 20px; line-height: 1; }
.preference-close:hover, .preference-close:focus-visible { color: var(--gold-hi); border-color: var(--gold-hi); outline: none; }
.preference-form { display: grid; gap: 18px; margin-top: 18px; }
.preference-form fieldset { display: grid; gap: 8px; margin: 0; padding: 0; border: 0; }
.preference-form legend { margin-bottom: 3px; color: var(--muted); font-size: 13px; letter-spacing: .14em; text-transform: uppercase; }
.preference-form label { display: flex; align-items: center; gap: 10px; min-height: 34px; color: var(--ink); font-size: 16px; cursor: pointer; }
.preference-form input { width: 16px; height: 16px; accent-color: var(--accent); }
.preference-system { justify-self: start; padding: 10px 13px; border: 1px solid var(--line); background: color-mix(in srgb, var(--accent) 8%, transparent); color: var(--gold-hi); font: inherit; font-size: 14px; letter-spacing: .04em; cursor: pointer; }
.preference-system:hover, .preference-system:focus-visible { border-color: var(--gold-hi); outline: none; }

html[data-theme="dark"] .topbar, html[data-theme="dark"] .luxury-header { background: color-mix(in srgb, var(--surface-3) 90%, transparent) !important; border-bottom-color: var(--line) !important; }
html[data-theme="light"] .topbar, html[data-theme="light"] .luxury-header { background: color-mix(in srgb, var(--surface-1) 90%, transparent) !important; border-bottom-color: var(--line) !important; }
html[data-theme="light"] .brand, html[data-theme="light"] .brand-wordmark, html[data-theme="light"] .nav-links a { color: var(--ink) !important; }
html[data-theme="light"] .nav-links { color: var(--muted) !important; }
html[data-theme="light"] .nav-links a:hover, html[data-theme="light"] .nav-links a.active { color: var(--gold-hi) !important; }
html[data-theme="light"] .hero { background: radial-gradient(ellipse at 78% 17%, var(--page-glow), transparent 30%), linear-gradient(125deg, var(--canvas) 0%, var(--page-end) 56%, #e8efe8 100%) !important; }
html[data-theme="light"] .hero h1, html[data-theme="light"] .hero .hero-subtitle { color: var(--ink) !important; }
html[data-theme="light"] .hero-film { opacity: .48; filter: sepia(.25) saturate(.7) brightness(1.22) !important; }
html[data-theme="light"] .hero-shade { background: linear-gradient(90deg, rgba(255, 250, 242, .7), rgba(255, 250, 242, .14)) !important; }
html[data-theme="light"] .hero-cinema-meta, html[data-theme="light"] .hero-scene-indicator, html[data-theme="light"] .hero-scroll-note, html[data-theme="light"] .hero-kicker, html[data-theme="light"] .hero-access-note { color: var(--gold-hi) !important; }
html[data-theme="light"] .section-head h2, html[data-theme="light"] .philosophy-copy h2, html[data-theme="light"] .details-head h2, html[data-theme="light"] .concierge-body h2 { color: var(--ink) !important; }
html[data-theme="light"] .section-note, html[data-theme="light"] .philosophy-copy p, html[data-theme="light"] .dash-top p { color: var(--muted) !important; }

html[data-theme="dark"] .panel, html[data-theme="dark"] .catalog-card, html[data-theme="dark"] .join-card, html[data-theme="dark"] .merchant-card, html[data-theme="dark"] .store-hero, html[data-theme="dark"] .dash-stat, html[data-theme="dark"] .dash-panel, html[data-theme="dark"] .side-panel, html[data-theme="dark"] .modal, html[data-theme="dark"] .concierge-modal-card, html[data-theme="dark"] .concierge-panel, html[data-theme="dark"] .product-rail-item, html[data-theme="dark"] .service-access-note, html[data-theme="dark"] .details-section .detail-viewer { background: linear-gradient(135deg, var(--surface-1), var(--surface-2)) !important; border-color: var(--line) !important; color: var(--ink) !important; }
html[data-theme="light"] .panel, html[data-theme="light"] .catalog-card, html[data-theme="light"] .join-card, html[data-theme="light"] .merchant-card, html[data-theme="light"] .store-hero, html[data-theme="light"] .dash-stat, html[data-theme="light"] .dash-panel, html[data-theme="light"] .side-panel, html[data-theme="light"] .modal, html[data-theme="light"] .concierge-modal-card, html[data-theme="light"] .concierge-panel, html[data-theme="light"] .product-rail-item, html[data-theme="light"] .service-access-note, html[data-theme="light"] .details-section .detail-viewer { background: linear-gradient(135deg, var(--surface-1), var(--surface-2)) !important; border-color: var(--line) !important; color: var(--ink) !important; box-shadow: 0 18px 44px rgba(75, 52, 31, .1); }
html[data-theme="light"] .catalog-card h3, html[data-theme="light"] .catalog-card p, html[data-theme="light"] .join-card h3, html[data-theme="light"] .join-card p, html[data-theme="light"] .panel h3, html[data-theme="light"] .panel p, html[data-theme="light"] .dash-stat span, html[data-theme="light"] .dash-stat strong, html[data-theme="light"] .dash-panel h2, html[data-theme="light"] .side-panel h3, html[data-theme="light"] .store-hero h2, html[data-theme="light"] .store-hero p, html[data-theme="light"] .modal h2, html[data-theme="light"] .modal p, html[data-theme="light"] .modal label { color: var(--ink) !important; }
html[data-theme="light"] .catalog-card p, html[data-theme="light"] .join-card p, html[data-theme="light"] .panel p, html[data-theme="light"] .dash-stat em, html[data-theme="light"] .dash-panel span, html[data-theme="light"] .side-panel span, html[data-theme="light"] .modal p { color: var(--muted) !important; }
html[data-theme="light"] .sidebar { background: linear-gradient(180deg, var(--surface-2), var(--surface-3)) !important; color: var(--ink) !important; border-color: var(--line) !important; }
html[data-theme="light"] .side-link { color: var(--muted) !important; }
html[data-theme="light"] .side-link.active, html[data-theme="light"] .side-link:hover { background: color-mix(in srgb, var(--accent) 13%, transparent) !important; color: var(--gold-hi) !important; }
html[data-theme="light"] .product-table, html[data-theme="light"] .product-name { color: var(--ink) !important; }
html[data-theme="light"] .product-table th, html[data-theme="light"] .product-table td, html[data-theme="light"] .hierarchy-item { border-color: var(--line) !important; }
html[data-theme="light"] .product-source { color: var(--muted) !important; }
html[data-theme="light"] .field input, html[data-theme="light"] .field textarea, html[data-theme="light"] .modal input { background: var(--surface-1) !important; color: var(--ink) !important; border-color: var(--line) !important; }
html[data-theme="light"] .filter, html[data-theme="light"] .tiny-button { background: var(--surface-1) !important; color: var(--ink) !important; border-color: var(--line) !important; }
html[data-theme="light"] .filter.active, html[data-theme="light"] .tiny-button.violet { background: linear-gradient(135deg, var(--accent), var(--gold-hi)) !important; color: var(--accent-ink) !important; }
html[data-theme="light"] .footer { background: var(--surface-2) !important; color: var(--muted) !important; border-color: var(--line) !important; }
html[data-theme="light"] .concierge-modal { background: rgba(40, 28, 18, .38) !important; }

@media (max-width: 680px) {
  .preference-control { top: auto; right: 15px; bottom: 15px; }
  .preference-panel { margin-top: 0; margin-bottom: 9px; }
  .preference-actions { max-width: calc(100vw - 30px); }
  .theme-toggle, .language-trigger { min-height: 42px; }
  .theme-toggle { padding: 6px 12px 6px 10px; }
  .language-trigger { padding: 6px 11px; }
  .theme-toggle-copy b, .language-trigger span { font-size: 14px; }
  .theme-toggle-copy small { font-size: 11px; }
}

.hero-slogan { position: relative; z-index: 2; display: grid; gap: 9px; width: min(100%, 780px); margin: 0 0 clamp(19px, 2.4vw, 32px); color: rgba(245, 223, 181, .9); animation: slogan-reveal .9s cubic-bezier(.2, .7, .2, 1) both; }
.hero-slogan::before { content: ""; width: 44px; height: 1px; margin-bottom: 1px; background: linear-gradient(90deg, var(--gold-hi), transparent); box-shadow: 0 0 18px rgba(224, 176, 99, .45); }
.hero-slogan-main { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 11px; font-family: var(--font-display, Georgia, serif); font-size: clamp(16px, 1.65vw, 24px); font-weight: 400; letter-spacing: .11em; line-height: 1.4; text-shadow: 0 3px 24px rgba(0, 0, 0, .35); }
.hero-slogan-main span, .hero-slogan-main em { color: inherit; font-style: normal; }
.hero-slogan-main em { color: var(--gold-hi); }
.hero-slogan-main i { color: rgba(235, 196, 126, .54); font-family: var(--font-body, Inter, sans-serif); font-size: .75em; font-style: normal; letter-spacing: 0; }
.hero-slogan small { display: block; color: rgba(246, 230, 201, .64); font-family: var(--font-body, Inter, sans-serif); font-size: 9px; font-weight: 500; letter-spacing: .22em; line-height: 1.6; text-transform: uppercase; }
html[data-theme="light"] .hero-slogan { color: rgba(66, 44, 29, .9); text-shadow: none; }
html[data-theme="light"] .hero-slogan-main em { color: var(--gold-hi); }
html[data-theme="light"] .hero-slogan small { color: var(--muted); }
@keyframes slogan-reveal { from { opacity: 0; transform: translateY(12px); letter-spacing: .2em; } to { opacity: 1; transform: translateY(0); letter-spacing: normal; } }
@media (max-width: 680px) {
  .hero-slogan { gap: 7px; margin-bottom: 20px; }
  .hero-slogan-main { font-size: 16px; letter-spacing: .08em; }
  .hero-slogan small { max-width: 290px; font-size: 8px; letter-spacing: .12em; }
}

.brand-interpretation { position: relative; margin: clamp(28px, 4vw, 54px) 0 0; padding: 23px 0 4px; border-top: 1px solid var(--line); }
.brand-interpretation::before { content: ""; position: absolute; top: -1px; left: 0; width: 74px; height: 1px; background: linear-gradient(90deg, var(--gold-hi), transparent); box-shadow: 0 0 20px color-mix(in srgb, var(--gold-hi) 55%, transparent); }
.brand-interpretation-head { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; margin-bottom: 14px; color: var(--gold-hi); font-family: var(--font-body, Inter, sans-serif); font-size: 9px; letter-spacing: .16em; text-transform: uppercase; }
.brand-interpretation-head small { color: var(--muted); font-size: 9px; letter-spacing: .06em; text-transform: none; }
.brand-interpretation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.brand-interpretation-card { position: relative; min-height: 188px; padding: 17px 18px 19px; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(145deg, color-mix(in srgb, var(--surface-1) 74%, transparent), color-mix(in srgb, var(--surface-2) 64%, transparent)); transition: transform .45s cubic-bezier(.2, .75, .2, 1), border-color .45s ease, box-shadow .45s ease; }
.brand-interpretation-card::after { content: ""; position: absolute; right: -42px; bottom: -48px; width: 150px; height: 150px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--gold-hi) 20%, transparent), transparent 67%); opacity: .32; transition: transform .6s ease, opacity .45s ease; pointer-events: none; }
.brand-interpretation-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--gold-hi) 68%, var(--line)); box-shadow: 0 20px 44px rgba(0, 0, 0, .14), 0 0 24px color-mix(in srgb, var(--gold-hi) 11%, transparent); }
.brand-interpretation-card:hover::after { transform: scale(1.35); opacity: .58; }
.brand-interpretation-card-top { display: flex; justify-content: space-between; gap: 14px; color: var(--gold-hi); font-family: var(--font-body, Inter, sans-serif); font-size: 9px; letter-spacing: .14em; }
.brand-interpretation-card-top span { font-size: 17px; font-weight: 300; letter-spacing: .06em; }
.brand-interpretation-card-top small { align-self: center; color: var(--muted); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.brand-interpretation-card h3 { position: relative; margin: 27px 0 11px; color: var(--ink); font-family: var(--font-display, Georgia, serif); font-size: clamp(19px, 2vw, 27px); font-weight: 400; letter-spacing: .05em; }
.brand-interpretation-card h3::after { content: ""; display: block; width: 26px; height: 1px; margin-top: 12px; background: var(--gold-hi); opacity: .7; }
.brand-interpretation-card p { position: relative; margin: 0; color: var(--muted); font-family: var(--font-body, Inter, "Microsoft YaHei", sans-serif); font-size: 11px; line-height: 1.95; letter-spacing: .04em; }
html[data-theme="light"] .brand-interpretation { border-top-color: var(--line); }
html[data-theme="light"] .brand-interpretation-card { background: linear-gradient(145deg, var(--surface-1), var(--surface-2)); box-shadow: 0 14px 30px rgba(75, 52, 31, .06); }
html[data-theme="light"] .brand-interpretation-card h3 { color: var(--ink); }
html[data-theme="light"] .brand-interpretation-card p { color: var(--muted); }
@media (max-width: 760px) {
  .brand-interpretation-grid { grid-template-columns: 1fr; }
  .brand-interpretation-card { min-height: 0; }
}
/* v12 brand mark: transparent symbol stays legible in both display modes. */
.brand-logo {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  overflow: visible;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}

.brand-logo::after {
  display: none !important;
}

.brand-logo img {
  display: block;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  object-fit: contain;
  filter: drop-shadow(0 5px 9px rgba(0, 0, 0, .38));
}

html[data-theme="light"] .brand-logo img {
  filter: drop-shadow(0 3px 7px rgba(83, 55, 32, .24));
}

@media (max-width: 680px) {
  .brand-logo {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }

  .brand-logo img {
    width: calc(100% + 8px);
    height: calc(100% + 8px);
  }
}

/* v42 typography: scale the existing utility and navigation sizes by 1.5 without inflating editorial headlines. */
:root {
  --ui-font-scale: 1.5;
  --ui-text-2xs: calc(8px * var(--ui-font-scale));
  --ui-text-xs: calc(9px * var(--ui-font-scale));
  --ui-text-sm: calc(10px * var(--ui-font-scale));
  --ui-text-md: calc(11px * var(--ui-font-scale));
  --ui-text-lg: calc(12px * var(--ui-font-scale));
}

.topbar { height: 94px !important; }
.topbar .brand { font-size: calc(14px * var(--ui-font-scale)) !important; }
.topbar .brand-wordmark { font-size: calc(16px * var(--ui-font-scale)) !important; }
.topbar .brand-submark { font-size: var(--ui-text-xs) !important; }
.topbar .nav-links, .topbar .nav-links a { font-size: var(--ui-text-md) !important; }
.topbar .button, .topbar .request-access { font-size: var(--ui-text-sm) !important; }
.topbar .request-access small { font-size: var(--ui-text-2xs) !important; }
.topbar .request-access i { font-size: 22px !important; }
.eyebrow, .section-label { font-size: var(--ui-text-sm) !important; }
.section-note { font-size: var(--ui-text-lg) !important; }
.hero-cinema-meta, .hero-scene-indicator, .hero-scroll-note, .hero-kicker, .hero-access-note,
.chapter-label, .visual-caption, .detail-spec, .concierge-note, .footer,
.bento-index, .service-card-top .bento-index, .service-card-badge, .service-card-context,
.service-tags span, .service-card-footer a, .category-banner-number, .category-banner-copy small,
.category-banner-copy i, .product-rail-intro span, .product-rail-intro small,
.product-rail-item small, .detail-note b, .detail-note p, .detail-viewer-footer,
.concierge-top, .concierge-primary, .concierge-secondary { font-size: var(--ui-text-xs) !important; }
.product-rail-item>i, .service-card-footer a i { font-size: 22px !important; }

/* Theme surfaces follow the resolved display mode rather than an independent accent selector. */
html[data-theme="light"] .hero {
  background: radial-gradient(ellipse at 78% 17%, var(--page-glow), transparent 30%), linear-gradient(125deg, #fffaf4 0%, #f3ede4 55%, #edf3ef 100%) !important;
}
html[data-theme="light"] .philosophy-section,
html[data-theme="light"] .collection-section,
html[data-theme="light"] .details-section,
html[data-theme="light"] .concierge-section {
  background: radial-gradient(circle at 82% 24%, var(--page-glow), transparent 29%), linear-gradient(180deg, #fffaf4 0%, #f3ede4 56%, #eef3ef 100%) !important;
}
html[data-theme="light"] .philosophy-copy h2,
html[data-theme="light"] .collection-head h2,
html[data-theme="light"] .details-head h2,
html[data-theme="light"] .concierge-body h2,
html[data-theme="light"] .service-card-copy h3,
html[data-theme="light"] .bento-card h3 { color: var(--ink) !important; }
html[data-theme="light"] .philosophy-copy>p,
html[data-theme="light"] .philosophy-copy blockquote,
html[data-theme="light"] .service-card-copy p,
html[data-theme="light"] .service-card-copy blockquote,
html[data-theme="light"] .bento-card p,
html[data-theme="light"] .concierge-copy>p { color: var(--muted) !important; }
html[data-theme="light"] .material-frame,
html[data-theme="light"] .bento-card,
html[data-theme="light"] .service-card,
html[data-theme="light"] .detail-viewer,
html[data-theme="light"] .concierge-panel,
html[data-theme="light"] .concierge-modal-card {
  background: linear-gradient(145deg, var(--surface-1), var(--surface-2)) !important;
  border-color: var(--line) !important;
  box-shadow: 0 24px 60px rgba(75, 52, 31, .12) !important;
}
html[data-theme="light"] .service-card-top .bento-index,
html[data-theme="light"] .service-card-context,
html[data-theme="light"] .service-card-badge,
html[data-theme="light"] .service-tags span,
html[data-theme="light"] .service-card-footer a,
html[data-theme="light"] .material-caption b,
html[data-theme="light"] .detail-viewer-footer,
html[data-theme="light"] .concierge-top,
html[data-theme="light"] .concierge-note { color: var(--muted) !important; }
html[data-theme="light"] .concierge-primary,
html[data-theme="light"] .concierge-secondary { color: var(--gold-hi) !important; border-color: var(--line) !important; background: color-mix(in srgb, var(--accent) 9%, transparent) !important; }
html[data-theme="light"] .sub-hero { background: radial-gradient(ellipse at 80% 10%, var(--page-glow), transparent 30%), linear-gradient(125deg, #fffaf4, #f1e7da 61%, #edf3ef) !important; color: var(--ink) !important; }
html[data-theme="light"] .dashboard-shell, html[data-theme="light"] .dashboard-main { background: var(--canvas) !important; }

@media (max-width: 1100px) and (min-width: 681px) {
  .topbar { padding-inline: 3% !important; gap: 12px; }
  .topbar .brand { gap: 8px; }
  .topbar .brand-submark { display: none !important; }
  .topbar .nav-links { gap: clamp(10px, 1.5vw, 18px) !important; justify-content: flex-end; }
  .topbar .request-access { min-width: 0 !important; padding: 10px 12px !important; }
  .topbar .request-access small { display: none !important; }
}

@media (max-width: 680px) {
  .topbar { height: 82px !important; }
  .topbar .brand, .topbar .brand-wordmark { font-size: var(--ui-text-md) !important; }
  .topbar .brand-mark { width: 34px; height: 34px; }
  .topbar .request-access { padding: 10px 10px !important; }
  .topbar .request-access small { font-size: var(--ui-text-2xs) !important; }
  .preference-control { top: auto; bottom: 18px; }
  .section-note { font-size: var(--ui-text-md) !important; }
}