:root {
  color-scheme: dark;
  --display-font: Georgia, "Times New Roman", serif;
  --page: #0a0d0b;
  --panel: #101612;
  --panel-raised: #151d18;
  --text: #f6f2e7;
  --muted: #a7b0a9;
  --accent: #e6b55e;
  --accent-text: #e9b963;
  --accent-ink: #15140e;
  --accent-border: #e6b55e80;
  --accent-halo: #e6b55e16;
  --success: #7dc98b;
  --line: #eef7ef14;
  --line-strong: #eef7ef2b;
  --soft: #f0f8f208;
  --soft-strong: #e6b55e12;
  --header-bg: #0a0d0bd9;
  --section-bg: #0d120f;
  --ribbon-bg: #e6b55e;
  --ribbon-text: #17150e;
  --avatar-bg: #e6b55e1c;
  --hero-glow: radial-gradient(circle at 88% 18%, #36563d5c 0, transparent 34%), radial-gradient(circle at 13% 12%, #e6b55e0b 0, transparent 25%);
  --preview-back: repeating-linear-gradient(135deg, #e6b55e, #e6b55e 7px, #c99746 7px, #c99746 14px);
  --profile-featured: linear-gradient(155deg, #18241c, #101612 72%);
  --launch-bg: linear-gradient(135deg, #172219, #0d120f 70%);
  --accent-shadow: 0 12px 35px #e6b55e25;
  --panel-shadow: 0 32px 90px #0008;
  --bubble-shadow: 0 20px 55px #0007;
  --card-shadow: 0 18px 45px #0004;
  --featured-shadow: 0 28px 65px #0006;
  --preview-rotation: 1.4deg;
  background: var(--page);
  color: var(--text);
}

body {
  background:
    linear-gradient(90deg, transparent 49.8%, #ffffff04 50%, transparent 50.2%),
    var(--page);
}

.brand-name { letter-spacing: .035em; text-transform: uppercase; }
.barber-word { color: var(--accent-text); }
.hero h1 { text-transform: uppercase; }
.hero h1 span { display: block; font-style: italic; font-weight: 400; text-transform: none; }
.hero-people { object-position: 62% center; }
.feature-card:nth-child(4), .feature-card:nth-child(7) { background: linear-gradient(145deg, #162019, #101612); }
.gain-card { border-radius: 6px 24px 6px 24px; }
.profile-card h3 { text-transform: uppercase; }
.launch-card h2 { text-transform: uppercase; }

@media (max-width: 760px) {
  body { background: var(--page); }
}