/* Scoped directory layout; shared portrait assets and reveal remain intact. */
.costello-system .attorney-directory{padding-block:24px 64px;scroll-margin-top:104px}
.attorney-directory .directory-entry{display:grid;grid-template-columns:112px minmax(0,1fr);gap:32px;align-items:start;padding-block:32px;border-top:1px solid var(--c-rule)}
.attorney-directory .directory-portrait{display:block;width:112px;height:auto;padding:0;margin:0;background:var(--c-canvas-alt)}
.attorney-directory .recovered-portrait-media{aspect-ratio:4/5}
.attorney-directory .directory-copy .about2-role{margin:0 0 8px;font:500 11px/1.5 var(--ff-mono);letter-spacing:.1em;color:var(--c-ink-muted);text-transform:uppercase}
.attorney-directory .directory-copy h2{margin:0;font:500 36px/1.12 var(--ff-serif);color:var(--c-ink)}
.attorney-directory .directory-distinction{max-width:62ch;margin:12px 0 8px;font:400 16px/1.65 var(--ff-sans);color:var(--c-ink-muted)}
.attorney-directory .directory-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin:0;font-size:14px}
.attorney-directory a:focus-visible{outline:2px solid var(--c-ink);outline-offset:4px}
@media(max-width:700px){.costello-system .attorney-directory{padding-block:8px 40px;scroll-margin-top:80px}.attorney-directory .directory-entry{grid-template-columns:80px minmax(0,1fr);gap:20px;padding-block:28px}.attorney-directory .directory-portrait{width:80px}.attorney-directory .directory-copy h2{font-size:30px}.attorney-directory .directory-distinction{font-size:15px}.attorney-directory .directory-copy .about2-role{font-size:10px}.attorney-directory .directory-link{font-size:13px}}

/* Prompt 03A: keep both supplied intro paragraphs in the existing text column. */
.attorneys-editorial .people-opening .directory-intro{max-width:36ch;margin-bottom:8px}
.attorneys-editorial .people-opening .directory-intro p{margin:0}
.attorneys-editorial .people-opening .directory-intro p+p{margin-top:1em}
@media(max-width:1023px){.attorneys-editorial .people-opening .directory-intro{max-width:55ch}}

/* Supplied architectural image: directory hero only. */
.attorneys-editorial .people-opening .directory-hero-image{margin:40px 0 0;aspect-ratio:3 / 1;overflow:hidden;background:var(--c-canvas-alt)}
.attorneys-editorial .directory-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%}
@media(max-width:1023px){.attorneys-editorial .people-opening .directory-hero-image{aspect-ratio:2 / 1;margin-top:32px}}
@media(max-width:600px){.attorneys-editorial .people-opening .directory-hero-image{aspect-ratio:4 / 3}}
