/* ============================================================
   Option C — Trade & Property Partner
   Direction: professional, calm, discreet, reliable. A B2B
   partner voice for designers, agents, landlords, developers
   and stylists — NOT a conversion-first consumer page.
   Refined ink + slate, serif display, restrained accents.
   ============================================================ */
@import url('/demo/very-well-hung/assets/shared/base.css');

:root {
  --v-ink: #1f2228;
  --v-ink-soft: #3b3f47;
  --v-body: #535862;
  --v-muted: #868c97;
  --v-paper: #ffffff;
  --v-bg: #f1f0ed;
  --v-bg-soft: #f8f8f6;
  --v-line: rgba(31,34,40,0.13);
  --v-line-soft: rgba(31,34,40,0.07);
  --v-accent: #5d6b73;          /* discreet slate */
  --v-accent-deep: #3f4a51;
  --v-accent-soft: rgba(93,107,115,0.10);
  --v-font-display: 'Fraunces', Georgia, serif;
  --v-radius: 8px;
  --v-radius-sm: 6px;
  --v-radius-lg: 12px;
  --v-maxw: 1140px;
}

/* Calm, considered headings */
h1, h2, h3, h4 { font-weight: 400; letter-spacing: -0.012em; }
.v-hero h1 em { font-style: italic; color: var(--v-accent-deep); }
.v-eyebrow { letter-spacing: 0.22em; }

/* Flat, professional cards */
.v-card { box-shadow: none; }
.v-card:hover { transform: none; box-shadow: var(--v-shadow-sm); }

/* "What needs confirming" panel — honest, visible */
.v-confirm { background: var(--v-bg-soft); border: 1px solid var(--v-line); border-left: 3px solid var(--v-accent); border-radius: var(--v-radius); padding: clamp(20px, 3vw, 32px); }
.v-confirm h2 { font-size: 1.3rem; margin: 0 0 6px; }

/* Audience row */
.v-audience { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 680px) { .v-audience { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 980px) { .v-audience { grid-template-columns: repeat(3, 1fr); } }