/* pages.css, shared styles for the interior pages (services, about, attorneys, contact) */

.nav a.active{color:var(--ink)}
.nav a.active::after{content:"";display:block;height:2px;background:var(--brass);margin-top:3px}
@media (max-width:880px){.nav a.active::after{display:none}}

/* page hero (smaller than the home hero) */
.page-hero{padding-block:62px 18px;border-bottom:1px solid var(--line)}
.page-hero .crumb{font-family:var(--mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.page-hero .crumb a{color:var(--brass-deep)}
.page-hero h1{font-size:clamp(2.25rem,5vw,3.75rem);margin:16px 0 18px}
.page-hero .lede{max-width:56ch}

/* prose / article content */
.prose{max-width:68ch}
/* when .prose is on the .wrap itself, keep full wrap width (left-aligned) and
   constrain only the text blocks to a readable measure, so these sections match
   the rest of the page instead of becoming a narrow centered column */
.wrap.prose{max-width:var(--maxw)}
.wrap.prose>p,.wrap.prose>ul,.wrap.prose>h2,.wrap.prose>h3,.wrap.prose>.facts{max-width:68ch}
.prose h2{margin-top:8px;margin-bottom:14px}
.prose h3{margin-top:6px;margin-bottom:8px}
.prose p{margin-bottom:16px}
.prose p+h2{margin-top:40px}
.prose ul{list-style:none;display:grid;gap:12px;margin:8px 0 20px}
.prose ul li{padding-left:24px;position:relative;color:var(--ink-soft)}
.prose ul li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:1px;background:var(--brass)}

/* detailed feature blocks (e.g. services in depth) */
.deep{display:grid;gap:0;border-top:1px solid var(--line)}
.deep-item{display:grid;grid-template-columns:300px 1fr;gap:40px;padding:34px 0;border-bottom:1px solid var(--line)}
.deep-item .label{font-family:var(--mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-deep)}
.deep-item h2{margin:0;font-size:1.5rem}
.deep-item .detail p{margin-bottom:14px}
.deep-item .deliverable{font-size:.9375rem;color:var(--ink-soft);border-left:3px solid var(--brass);padding-left:14px;margin-top:6px}
.deep-item .deliverable b{color:var(--ink);font-weight:600}
@media (max-width:760px){.deep-item{grid-template-columns:1fr;gap:14px}}

/* two-column content (about) */
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.split .media img{width:100%;height:auto;display:block;border-radius:var(--r-md)}
.split .media .cap{font-family:var(--mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:14px}
@media (max-width:880px){.split{grid-template-columns:1fr;gap:32px}.split .media{max-width:360px}}

/* fact list (about credentials / record) */
.facts{display:grid;gap:0;border-top:1px solid var(--line);margin-top:8px}
.fact{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}
.fact .k{font-family:var(--mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.fact .v{color:var(--ink-soft);font-size:.9375rem}
.fact .v b{color:var(--ink);font-weight:600}
@media (max-width:680px){.fact{grid-template-columns:1fr;gap:4px}}

/* slim CTA band for interior pages */
.cta-slim{background:var(--ink);color:var(--on-ink);border-bottom:none}
.cta-slim .wrap{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.cta-slim h2{color:#fff;max-width:22ch}
.cta-slim p{color:rgba(243,238,228,.72);margin-top:8px}
.cta-slim .eyebrow{color:var(--brass)}

/* contact layout */
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.contact-aside .ch{display:block;padding:18px 0;border-bottom:1px solid var(--line)}
.contact-aside .ch .k{font-family:var(--mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.contact-aside .ch .v{font-size:1.0625rem;margin-top:4px}
.contact-form .field input,.contact-form .field select,.contact-form .field textarea{background:var(--bg-elev)}
@media (max-width:880px){.contact-grid{grid-template-columns:1fr;gap:36px}}