/* Shared identity: existing CDDC seal, serif name, restrained sans descriptor. */
:root{--brand-navy:#111827;--brand-navy-light:#141c2e;--brand-depth:#0d1424;--brand-silver:#bfcedd}
.brand{display:flex;align-items:center;gap:14px;white-space:nowrap;text-decoration:none}
.brand-mark{display:block;width:52px;height:52px;flex:0 0 auto}
.brand-name{display:flex;flex-direction:column;line-height:1.08}
.brand-name strong{font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:400;letter-spacing:.005em;color:#f8f7f4}
.brand-name small{margin-top:7px;font-family:"Helvetica Neue",Arial,sans-serif;font-size:10px;line-height:1.2;font-weight:500;letter-spacing:.17em;text-transform:uppercase;color:var(--brand-silver)}
.nav-inner{min-height:84px;gap:20px}
.desktop-nav a{font-size:14px}
.site-header{color:#f8f7f4}
.footer-name strong{font-size:25px}
.footer-name small{font-size:10px}
.footer-meta{color:#a9b6c6}
.eyebrow{font-size:12px;letter-spacing:.16em}
.hero .eyebrow{color:var(--brand-silver)}
.hero h1{font-family:"Helvetica Neue",Arial,sans-serif}
.hero-side-note,.hero-bottom-note,.about-art .tiny{font-size:12px;letter-spacing:.14em}
.service-card p{font-size:16px}
.top .wrap{min-height:88px;gap:20px}
.back{flex-shrink:0;font-size:14px}
.card h1{overflow-wrap:anywhere;letter-spacing:-.035em}
.card h2{color:var(--brand-navy-light)}
@media(max-width:720px){
  .nav-inner{min-height:78px;gap:12px}
  .brand{gap:10px}
  .brand-mark{width:44px;height:44px}
  .brand-name strong{font-size:24px}
  .brand-name small{font-size:10px;letter-spacing:.1em;margin-top:5px}
  .orb-wrap{max-width:100%}
  .hero-visual{min-width:0}
  .hero h1{letter-spacing:-.035em}
  .mobile-nav{max-height:calc(100dvh - 78px)}
}
@media(max-width:460px){
  .top .wrap{flex-wrap:wrap;padding-block:16px;gap:14px}
  .top .back{margin-left:54px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}
/* Desktop About: keep the biography wide and the quote below it. */
@media(min-width:981px){
  .about-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .about-copy{grid-template-columns:minmax(0,1fr);gap:28px}
  .about-main .section-title{font-size:clamp(38px,3.4vw,48px);line-height:1.08}
  .quote{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}
  .quote-mark{display:none}
  .quote p{margin-top:0}
  .quote small{margin-top:12px}
}