:root {
  --bg: #e8e6e1; --bg2: #f0eee9; --text: #191b1e; --muted: #4a4c4f;
  --gold: #be9160; --gold-hover: #d0a577; --border: #cbc8c1; --ink: #141719;
  --cream: #e2e0da; --copper-dark: #80562f;
  --font: 'Spectral', Georgia, serif; --bg-page: #e8e6e1; --bg-canvas: #f0eee9;
  --fg-1: #191b1e; --fg-2: #4a4c4f; --fg-3: #4a4c4f; --forest-900: #141719;
  --forest-700: #303537; --line-default: #cbc8c1; --line-soft: #cbc8c180;
  --mist-0: #f0eee9; --sage-500: #66675f; --sage-300: #b2b4aa;
  --ink-900: #141719; --ink-700: #303537; --ink-300: #b2b4aa;
}
body { font-family: 'Spectral', Georgia, serif; color: var(--muted); background: var(--bg); }
body::before { display: none; }
h1, h2, h3, h4 { font-family: 'Grenze', Georgia, serif; font-weight: 600; line-height: 1.15; }
a { color: var(--copper-dark); }
a:hover { color: var(--text); }
.section-label, .chapter-label, .location-note, .hero-note, .quote-attr, .client-name, .client-role-title, .voices-testimonial-name, .voices-testimonial-role, .voice-attr, .form-divider { font-family: 'Chivo Mono', monospace; }
.section-label { color: var(--copper-dark); font-size: 10px; letter-spacing: .18em; font-weight: 500; }
nav { position: relative; background: var(--ink); border-bottom: 1px solid #373a3a; }
.nav-inner { height: 82px; max-width: 1600px; margin: auto; }
.nav-logo { font: 600 24px/1 'Grenze', Georgia, serif; text-transform: none; letter-spacing: .01em; color: var(--cream); }
.nav-logo:hover, .nav-links a:hover { color: var(--gold); }
.nav-links a { font: 400 10px/1.6 'Chivo Mono', monospace; text-transform: uppercase; letter-spacing: .1em; color: #c1c1b9; }
.nav-links .nav-cta, .nav-cta, .cta-button, .contact-form button { font: 500 12px/1.6 'Chivo Mono', monospace; text-transform: uppercase; letter-spacing: .11em; border-radius: 0; background: var(--gold); color: #111315; clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); }
.nav-links .nav-cta { padding: 11px 19px; }
.cta-button { padding: 17px 27px; }
.nav-links .nav-cta:hover, .cta-button:hover, .contact-form button:hover { background: var(--gold-hover); color: #111315; }
.hamburger span { background: var(--cream); }
.mobile-menu { background: var(--bg); }
.mobile-menu a { font-family: 'Grenze', Georgia, serif; font-size: 1.4rem; }
#hero { background: var(--ink); }
.hero-img-wrap img { object-position: 65% center; }
#hero::before { background: linear-gradient(90deg,rgba(16,19,21,.89) 0%,rgba(16,19,21,.62) 38%,rgba(16,19,21,.06) 76%),linear-gradient(0deg,rgba(16,19,21,.75),transparent 38%); }
.hero-text-wrap { padding-top: 95px; padding-bottom: 85px; min-height: 690px; display: flex; align-items: center; }
.hero-text { max-width: 650px; }
.hero-text .section-label { color: #d5b590; margin-bottom: 27px; }
.hero-headline { color: #f1eee6; font-size: clamp(3.2rem,5.1vw,4.65rem); line-height: 1.02; letter-spacing: -.025em; font-weight: 600; }
.hero-headline em { color: #d4ad7e; font-style: normal; font-weight: 600; }
.hero-subtitle { color: #e0ded6; font-size: 1.13rem; line-height: 1.6; max-width: 460px; }
.hero-note { color: #c3c1b9; font-size: 10px; letter-spacing: .05em; }
.hero-actions { margin-top: 34px; gap: 28px; }
.hero-actions .text-link { font: 11px/1.8 'Chivo Mono', monospace; text-transform: uppercase; letter-spacing: .07em; color: var(--cream); border-color: #a69e91; }
#companies, #featured-quote, #how-i-work, #next-step { background: #dedbd4; border-bottom-color: #c8c4bb; }
.cw-head { font: 11px/1.7 'Chivo Mono', monospace; color: #52524f; }
.cw-logo .cw-ink { background: #494a47; opacity: .7; }
.hi-jan-text h2, .about-text h2 { font-size: 2.4rem; line-height: 1.12; }
.hi-jan-text p { font-family: 'Spectral', Georgia, serif; font-size: 1.06rem; color: var(--muted); }
#reality { background: var(--ink); color: #bfc1ba; padding-top: 88px; }
#reality .section-label { color: #c6a47c; }
#reality h2, #reality h3 { color: var(--cream); }
#reality h2 { font-size: clamp(2.3rem,3.8vw,3.4rem); line-height: 1.1; max-width: 660px; }
.perspective-tabs button { font: 400 11px/1.5 'Chivo Mono', monospace; color: #bfc1ba; border-color: #444846; }
.perspective-tabs button::after { background: #444846; }
.quest-number { border-radius: 0; border-color: #72766e; color: #c3c5bd; font-size: 11px; }
.perspective-tabs [aria-selected="true"] { color: #d6b38b; border-color: var(--gold); }
.perspective-tabs [aria-selected="true"] .quest-number { color: #111315; }
.perspective-panel h3 { font-size: 2.1rem; line-height: 1.12; }
.perspective-panel p { font-size: 1.06rem; line-height: 1.7; }
.perspective-panel blockquote { color: #d4b58f; font: italic 1.6rem/1.45 'Spectral', Georgia, serif; border-color: #78644e; }
.perspective-panel blockquote span, .chapter-label { color: #aeb4a9; font: 10px/1.7 'Chivo Mono', monospace; }
.perspective-outro { color: #aeb4a9; border-color: #444846; }
.client-photo, .quote-photo, .voices-photo-cell, .voice-card, .option-card { border-radius: 0; }
.faq-question { font-family: 'Grenze', Georgia, serif; font-size: 1.3rem; font-weight: 500; }
.faq-question:hover, .faq-answer-inner a { color: var(--copper-dark); }
.faq-answer-inner { font-family: 'Spectral', Georgia, serif; font-size: 1.03rem; }
.faq-icon { border-radius: 0; width: 21px; height: 21px; border-width: 1px; }
.contact-form label { font-family: 'Chivo Mono', monospace; font-size: 11px; }
.contact-form input, .contact-form textarea { border-radius: 0; font-family: 'Spectral', Georgia, serif; }
.divider { height: 48px; overflow: hidden; }
.divider img, .botanical { display: none; }
.divider::after { content: ''; position: absolute; top: 50%; left: calc(50% - 32px); width: 64px; height: 1px; background: var(--gold); }
footer { background: var(--ink); color: #acaea7; font: 10px/2 'Chivo Mono', monospace; }
footer a, footer a.muted-link { color: #c9cac2; }
@media (max-width: 600px) { .nav-inner { height: 66px; } .nav-logo { font-size: 22px; } .hero-text-wrap { min-height: 640px; padding: 62px 26px 52px; } .hero-headline { font-size: clamp(2.9rem,11.5vw,4rem); } .hero-img-wrap img { object-position: 67% center; } #hero::before { background: linear-gradient(90deg,rgba(16,19,21,.89),rgba(16,19,21,.52)),linear-gradient(0deg,rgba(16,19,21,.65),transparent); } #reality { padding-top: 60px; } #reality h2 { font-size: 2.35rem; } .perspective-tabs { gap: 4px; grid-template-columns: repeat(5,minmax(0,1fr)); overflow: visible; } .perspective-tabs button { font-size: clamp(7.5px,2.2vw,9px); white-space: nowrap; letter-spacing: -.025em; } }