/* Editorial: cool white, dark ink, selective color, and crisp movement. */
html[data-mode="professional"] {
  --font-main:Arial,Helvetica,sans-serif;
  --font-display:Didot,"Bodoni 72","Bodoni MT","Times New Roman",serif;
  --bg:#fdfdfd;
  --bg-alt:#f7f7f7;
  --bg-card:rgba(255,255,255,.95);
  --fg:#101010;
  --fg-soft:#333;
  --fg-muted:#626262;
  --border:rgba(0,0,0,.26);
  --border-soft:rgba(0,0,0,.13);
  --overlay:rgba(255,255,255,.94);
  --sage:#385d87;
  --sage-dark:#24466f;
  --chart-sage:#71816b;
  --chart-blue:#315d9b;
  --chart-coral:#c4493e;
  --chart-yellow:#d6af45;
  --chart-mauve:#77677f;
  --role-title:#101010;
  --glass-shadow:0 12px 28px rgba(0,0,0,.065);
}

html[data-mode="professional"] body {
  background:radial-gradient(circle at 50% 6%,#fff 0%,rgba(255,255,255,0) 48%),#fcfcfc;
}
html[data-mode="professional"] #hero,
html[data-mode="professional"] #vibe {
  background:radial-gradient(circle at 50% 12%,#fff 0%,rgba(255,255,255,0) 62%),var(--bg);
}
html[data-mode="professional"] #values,
html[data-mode="professional"] #version {
  background:var(--bg-alt);
}
html[data-mode="professional"] nav {
  border:1px solid var(--border);
  border-radius:22px;
  background:var(--overlay);
  box-shadow:0 10px 28px rgba(20,20,20,.07);
}
html[data-mode="professional"] .brand-mark {
  border-color:var(--border-soft);
  background:#fff;
  box-shadow:0 7px 20px rgba(0,0,0,.07);
}
html[data-mode="professional"] .hero-photo { filter:drop-shadow(0 26px 38px rgba(0,0,0,.11)); }
html[data-mode="professional"] .nav-center a,
html[data-mode="professional"] .hero-role-link,
html[data-mode="professional"] .h-link {
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
}
html[data-mode="professional"] .hero-name,
html[data-mode="professional"] .section-label,
html[data-mode="professional"] .section-title,
html[data-mode="professional"] .ver-title {
  font-family:var(--font-display);
  font-weight:700;
  text-transform:uppercase;
}
html[data-mode="professional"] .hero-name {
  letter-spacing:-.065em;
  line-height:1;
}
html[data-mode="professional"] .section-label {
  width:min(100%,900px);
  padding-top:13px;
  border-top:2px solid var(--fg);
  font-size:clamp(1.7rem,2.7vw,2.45rem);
  letter-spacing:-.025em;
  line-height:1.12;
}
html[data-mode="professional"] .section-title { letter-spacing:-.025em; }
html[data-mode="professional"] .role-section .role-title {
  padding-bottom:10px;
  border-bottom:1px solid var(--fg);
  color:var(--fg);
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-.015em;
}
html[data-mode="professional"] #ventures .p-card-name,
html[data-mode="professional"] .view-card-title {
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-.035em;
}
html[data-mode="professional"] .hero-role-link,
html[data-mode="professional"] .h-link {
  border-radius:999px;
  border-color:var(--border-soft);
  background:rgba(255,255,255,.72);
  color:var(--pill-ink,var(--fg));
}
html[data-mode="professional"] .hero-role-link:nth-of-type(1),
html[data-mode="professional"] .hero-role-link:nth-of-type(4),
html[data-mode="professional"] .h-link:nth-child(3) { --pill-ink:var(--chart-coral); }
html[data-mode="professional"] .hero-role-link:nth-of-type(2),
html[data-mode="professional"] .h-link:nth-child(1) { --pill-ink:var(--chart-blue); }
html[data-mode="professional"] .hero-role-link:nth-of-type(3),
html[data-mode="professional"] .h-link:nth-child(2) { --pill-ink:color-mix(in srgb,var(--chart-sage) 80%,black); }
html[data-mode="professional"] .hero-role-link:hover,
html[data-mode="professional"] .hero-role-link:focus-visible,
html[data-mode="professional"] .h-link:hover,
html[data-mode="professional"] .h-link:focus-visible {
  border-color:currentColor;
  background:#fff;
  color:var(--pill-ink,var(--fg));
}
html[data-mode="professional"] .mode-control select,
html[data-mode="professional"] .chip,
html[data-mode="professional"] .views-more a {
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--bg-card);
  color:var(--fg);
  box-shadow:none;
}
html[data-mode="professional"] .chip:hover,
html[data-mode="professional"] .views-more a:hover {
  border-color:var(--chart-coral);
  background:#f2f2f2;
  color:var(--chart-coral);
}
html[data-mode="professional"] .nav-center a { position:relative; }
html[data-mode="professional"] .nav-center a::after {
  content:"";
  position:absolute;
  left:calc(50% - 3px);
  bottom:2px;
  width:5px;
  height:5px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  opacity:0;
  transform:translateY(-4px) rotate(45deg);
  transition:opacity .2s ease,transform .2s ease;
}
html[data-mode="professional"] .nav-center a:hover::after,
html[data-mode="professional"] .nav-center a:focus-visible::after {
  opacity:.8;
  transform:translateY(0) rotate(45deg);
}
html[data-mode="professional"] .section-motion,
html[data-mode="professional"] .filter-panel,
html[data-mode="professional"] .cv-col,
html[data-mode="professional"] .vitae-card,
html[data-mode="professional"] .profile-chart-card {
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--bg-card);
  box-shadow:0 8px 24px rgba(20,20,20,.05);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
html[data-mode="professional"] #ventures .p-card,
html[data-mode="professional"] .view-card {
  border-radius:10px;
  box-shadow:inset 0 0 0 1px var(--border),0 10px 25px rgba(20,20,20,.07);
  transition:transform .22s ease,box-shadow .22s ease;
}
html[data-mode="professional"] #ventures .p-card:hover,
html[data-mode="professional"] #ventures .p-card:focus-visible,
html[data-mode="professional"] .view-card:hover,
html[data-mode="professional"] .view-card:focus-visible {
  transform:translateY(-3px);
  box-shadow:inset 0 0 0 1px var(--fg),0 14px 30px rgba(20,20,20,.11);
}
html[data-mode="professional"] #ventures .p-card-visual,
html[data-mode="professional"] .view-card-thumb {
  filter:contrast(1.04);
  transition:filter .22s ease,opacity .22s ease;
}
html[data-mode="professional"] #ventures .p-card:hover .p-card-visual,
html[data-mode="professional"] #ventures .p-card:focus-visible .p-card-visual,
html[data-mode="professional"] .view-card:hover .view-card-thumb,
html[data-mode="professional"] .view-card:focus-visible .view-card-thumb {
  filter:contrast(1.02);
}
html[data-mode="professional"] .view-card {
  border:1px solid var(--border);
  background:var(--bg-card);
}
html[data-mode="professional"] .view-card:nth-child(n) {
  background:var(--bg-card);
}
html[data-mode="professional"] .view-card::before { display:none; }
html[data-mode="professional"] .view-card-tag,
html[data-mode="professional"] #ventures .p-card-tag { color:var(--chart-coral); }
html[data-mode="professional"] .profile-chart-card,
html[data-mode="professional"] .vitae-card { border-left:3px solid var(--fg); }

@media (prefers-reduced-motion:reduce) {
  html[data-mode="professional"] .nav-center a::after,
  html[data-mode="professional"] #ventures .p-card,
  html[data-mode="professional"] .view-card,
  html[data-mode="professional"] #ventures .p-card-visual,
  html[data-mode="professional"] .view-card-thumb { transition:none; }
}
