/* Site-wide professional editorial refinement */

:root {
  --editorial-ink: #11263f;
  --editorial-muted: #6b7b89;
  --editorial-line: #dfe7ee;
  --editorial-blue: #176fd1;
  --editorial-teal: #0d9b9a;
}

.site-header {
  background: rgba(255,255,255,.97) !important;
  border-bottom: 1px solid var(--editorial-line) !important;
  backdrop-filter: blur(12px);
}

.header-inner { min-height: 68px !important; }
.site-brand-block { display: flex; flex-direction: column; gap: 1px; text-decoration: none; }
.site-brand-block .site-name { color: var(--editorial-ink) !important; font-size: .98rem; font-weight: 800; letter-spacing: -.015em; }
.site-role { color: #738391; font-size: .57rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.site-navigation a { color: #314b64 !important; font-size: .8rem; font-weight: 700; }
.site-navigation a:hover { color: var(--editorial-blue) !important; }
.site-navigation .nav-appointment { padding: 8px 11px; border-radius: 5px; color: #fff !important; background: var(--editorial-blue); }

/* Bring interior pages down to an editorial scale */
.writing-page-hero,
.projects-page-hero,
.research-page-hero,
.about-page-hero,
.project-hero,
.blog-post {
  padding-top: 56px !important;
  padding-bottom: 44px !important;
}

.writing-page-hero h1,
.projects-page-hero h1,
.research-page-hero h1,
.about-page-hero h1,
.project-hero h1,
.blog-post h1,
.section > .container > h1 {
  max-width: 880px;
  color: var(--editorial-ink) !important;
  font-size: clamp(2.35rem, 5vw, 4rem) !important;
  line-height: 1.03 !important;
  letter-spacing: -.035em !important;
}

.section-heading h2,
.contact-section h2,
.writing-principles-section h2,
.projects-page-hero + .section h2 {
  font-size: clamp(1.65rem, 3vw, 2.35rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
}

.writing-page-intro,
.projects-page-intro,
.section-introduction,
.project-hero p,
.blog-post-content,
.about-role-line,
.about-copy,
.contact-content {
  font-size: .98rem !important;
  line-height: 1.65 !important;
}

.featured-writing,
.writing-item,
.projects-page-card,
.research-card,
.project-showcase-item {
  border-radius: 4px !important;
}

.featured-writing,
.writing-item {
  box-shadow: none !important;
}

.featured-writing {
  border-top: 2px solid var(--editorial-teal) !important;
}

.writing-item,
.projects-page-card,
.research-card {
  border-color: var(--editorial-line) !important;
}

.writing-item h3,
.projects-page-card h3,
.research-card h3,
.featured-writing h3,
.project-showcase-content h3 {
  font-size: 1.18rem !important;
  line-height: 1.28 !important;
}

.eyebrow,
.writing-category,
.projects-page-label,
.project-showcase-category,
.research-category,
.fact-label {
  font-size: .7rem !important;
  letter-spacing: .1em !important;
}

.button,
.text-link,
.projects-page-link,
.project-showcase-link,
.contact-email {
  font-size: .86rem !important;
}

.section { padding-top: 54px !important; padding-bottom: 54px !important; }

.site-footer {
  background: #fff !important;
  border-top: 1px solid var(--editorial-line) !important;
  color: #52697d !important;
}

@media (max-width: 760px) {
  .writing-page-hero h1,
  .projects-page-hero h1,
  .research-page-hero h1,
  .about-page-hero h1,
  .project-hero h1,
  .blog-post h1,
  .section > .container > h1 {
    font-size: clamp(2rem, 10vw, 2.85rem) !important;
  }

  .section { padding-top: 40px !important; padding-bottom: 40px !important; }
  .site-role { display: none; }
}