body[data-theme="mono-lux"] {
  --color-bg: #0d0e0e;
  --color-bg-alt: #171717;
  --color-surface: #101111;
  --color-text: #f2ede3;
  --color-text-soft: #a39b8d;
  --color-muted: #b1aa9e;
  --color-nav: #e8e1d5;
  --color-border: #3c3934;
  --color-border-strong: #8d7a5d;
  --color-accent: #b69a6f;
  --color-accent-2: #d0b789;
  --color-button-text: #0e0f0f;
  --color-program-text: #eee8dc;
  --color-program-accent: #b69a6f;
  --gradient-heading: linear-gradient(90deg, #f2ede3 0%, #b69a6f 100%);
  --gradient-button: linear-gradient(90deg, #c6aa79 0%, #e1cfac 100%);
  --gradient-programs: linear-gradient(90deg, #111212 0%, #1c1c1b 100%);
  --radius-image: 0;
  --radius-card: 0;
  --radius-button: 0;
  --shadow-card: none;
  --shadow-image: none;
  --shadow-logo: none;
}

body[data-theme="mono-lux"] {
  background-image:
    linear-gradient(rgba(182, 154, 111, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(182, 154, 111, 0.09) 1px, transparent 1px);
  background-size: 25vw 180px;
}

body[data-theme="mono-lux"] .site-header {
  color: #f2ede3;
  background: rgba(13, 14, 14, 0.88);
  border-color: #3c3934;
  backdrop-filter: blur(10px);
}

body[data-theme="mono-lux"] .brand img {
  width: 152px;
  height: 44px;
  border-radius: 0;
  object-fit: contain;
  color: #f2ede3;
  box-shadow: none;
}

body[data-theme="mono-lux"] .brand span {
  display: none;
}

body[data-theme="mono-lux"] .nav {
  justify-content: flex-end;
  gap: clamp(13px, 1.6vw, 28px);
  font-size: 10px;
  letter-spacing: 0.2em;
}

body[data-theme="mono-lux"] .header-cta,
body[data-theme="mono-lux"] .menu-button {
  color: #f2ede3;
  border-color: #8d7a5d;
  border-radius: 0;
}

body[data-theme="mono-lux"] h1,
body[data-theme="mono-lux"] h2,
body[data-theme="mono-lux"] .plan-card h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  letter-spacing: -0.055em;
  text-transform: uppercase;
}

body[data-theme="mono-lux"][data-page-key="home"] .hero {
  min-height: 860px;
  border-bottom: 1px solid #3c3934;
}

body[data-theme="mono-lux"][data-page-key="home"] .hero__bg {
  background: #0d0e0e;
}

body[data-theme="mono-lux"][data-page-key="home"] .hero__grid {
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border: 1px solid #3c3934;
}

body[data-theme="mono-lux"][data-page-key="home"] .hero__copy {
  min-height: 610px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(34px, 5vw, 76px);
  border-right: 1px solid #3c3934;
}

body[data-theme="mono-lux"][data-page-key="home"] h1 {
  font-size: clamp(40px, 4.4vw, 54px);
  line-height: 0.9;
}

body[data-theme="mono-lux"][data-page-key="home"] h2 {
  font-size: clamp(32px, 3.2vw, 40px);
}

body[data-theme="mono-lux"] h1 em {
  font-style: normal;
}

body[data-theme="mono-lux"][data-page-key="home"] .hero__media {
  min-height: 610px;
}

body[data-theme="mono-lux"][data-page-key="home"] .hero__media > img {
  width: 100%;
  height: 610px;
  object-position: 66% center;
}

body[data-theme="mono-lux"] .floating-card {
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border-width: 1px 0 0;
  background: rgba(13, 14, 14, 0.82);
  box-shadow: none;
}

body[data-theme="mono-lux"] .badge-item {
  color: #d3ccbf;
}

body[data-theme="mono-lux"] .section {
  border-bottom: 1px solid #3c3934;
  background: rgba(16, 17, 17, 0.96);
}

body[data-theme="mono-lux"] .section::after {
  display: none;
}

body[data-theme="mono-lux"] .split {
  align-items: stretch;
  gap: 0;
  border: 1px solid #3c3934;
}

body[data-theme="mono-lux"] .split .copy-block {
  max-width: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(34px, 5vw, 76px);
}

body[data-theme="mono-lux"] .image-stack,
body[data-theme="mono-lux"] .studio-image-card {
  min-height: 560px;
  padding: 0;
}

body[data-theme="mono-lux"] .image-stack__main,
body[data-theme="mono-lux"] .studio-image-card > img {
  width: 100%;
  height: 560px;
}

body[data-theme="mono-lux"] .image-stack__sub,
body[data-theme="mono-lux"] .studio-image-card__inset {
  right: 24px;
  bottom: 24px;
  width: 190px;
  border: 1px solid #8d7a5d;
}

body[data-theme="mono-lux"] .programs {
  border-bottom: 1px solid #3c3934;
}

body[data-theme="mono-lux"] .programs__grid {
  grid-template-columns: 0.72fr 1.28fr;
  gap: 0;
  border: 1px solid #3c3934;
}

body[data-theme="mono-lux"] .programs__grid > .copy-block {
  padding: 52px;
  border-right: 1px solid #3c3934;
}

body[data-theme="mono-lux"] .program-list {
  border: 0;
}

body[data-theme="mono-lux"] .program-card {
  border-color: #3c3934;
  text-transform: uppercase;
}

body[data-theme="mono-lux"] .membership {
  border-bottom: 1px solid #3c3934;
  background: linear-gradient(
    135deg,
    rgba(13, 14, 14, 0.99),
    rgba(49, 49, 49, 0.94)
  );
}

body[data-theme="mono-lux"] .plan-card,
body[data-theme="mono-lux"] .detail-card,
body[data-theme="mono-lux"] .step-card,
body[data-theme="mono-lux"] .info-card,
body[data-theme="mono-lux"] .faq-item,
body[data-theme="mono-lux"] .action-card {
  border-color: #4a4640;
  background: rgba(13, 14, 14, 0.84);
  box-shadow: none;
}

body[data-theme="mono-lux"] .final-cta {
  border-bottom: 1px solid #3c3934;
  background: #0d0e0e;
}

body[data-theme="mono-lux"] .final-cta__grid {
  border: 1px solid #3c3934;
  align-items: stretch;
  gap: 0;
}

body[data-theme="mono-lux"] .final-cta__grid > div {
  padding: 54px;
}

body[data-theme="mono-lux"] .final-cta img {
  width: 420px;
  height: 100%;
}

@media (max-width: 980px) {
  body[data-theme="mono-lux"][data-page-key="home"] .hero__grid,
  body[data-theme="mono-lux"] .programs__grid {
    grid-template-columns: 1fr;
  }

  body[data-theme="mono-lux"][data-page-key="home"] .hero__copy,
  body[data-theme="mono-lux"] .programs__grid > .copy-block {
    border-right: 0;
    border-bottom: 1px solid #3c3934;
  }
}

@media (max-width: 760px) {
  body[data-theme="mono-lux"] .brand img {
    width: 118px;
    height: 36px;
  }

  body[data-theme="mono-lux"] .menu-button,
  body[data-theme="mono-lux"] a.button,
  body[data-theme="mono-lux"] .nav a {
    min-height: 44px;
  }

  body[data-theme="mono-lux"][data-page-key="home"] .hero__copy,
  body[data-theme="mono-lux"] .programs__grid > .copy-block,
  body[data-theme="mono-lux"] .final-cta__grid > div {
    padding: 28px 22px;
  }

  body[data-theme="mono-lux"][data-page-key="home"] .hero__media > img {
    height: auto;
    aspect-ratio: 4 / 5;
  }
}
