/* Author page: a light magazine-style profile with a large name. */
.ap-mag-head { padding-block: 2.5rem 3rem; background: color-mix(in srgb, var(--brand-primary) 7%, white); border-bottom: 4px solid var(--brand-accent); }
.ap-mag-row { display: flex; flex-direction: column-reverse; gap: 1.5rem; margin-top: 2rem; }
.ap-kicker { color: var(--brand-primary-ink, var(--brand-primary)); font-size: .8125rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.ap-mag-head h1 { margin-top: .5rem; color: var(--brand-secondary); font-size: clamp(2.5rem, 7vw, 5.5rem); font-weight: 800; line-height: 1; letter-spacing: -.03em; }
.ap-role { margin-top: .875rem; color: color-mix(in srgb, var(--brand-text) 75%, white); font-size: 1.25rem; }
.ap-mag-row .ap-avatar { flex-shrink: 0; border-radius: 1.5rem; box-shadow: 0 18px 40px -16px rgb(15 23 42 / .5); }
.ap-mag-row .ap-avatar img { border-radius: 1.5rem; }
.ap-mag-body { padding-block: 2.5rem 0; }
.ap-lead { color: var(--brand-secondary); font-size: 1.375rem; font-weight: 500; line-height: 1.5; }
.ap-lead::first-letter { float: left; margin: .1rem .15rem 0 0; color: var(--brand-primary-ink, var(--brand-primary)); font-size: 3.75rem; font-weight: 800; line-height: .85; }
.ap-rest { margin-top: 1.25rem; color: color-mix(in srgb, var(--brand-text) 85%, white); line-height: 1.8; }
.ap-mag-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 2rem; padding-block: 1.25rem; border-block: 1px solid var(--color-line, #e2e8f0); color: color-mix(in srgb, var(--brand-text) 80%, white); }
.ap-mag-strip strong { color: var(--brand-primary-ink, var(--brand-primary)); font-size: 1.5rem; font-weight: 700; }
@media (min-width: 768px) {
    .ap-mag-row { flex-direction: row; align-items: center; justify-content: space-between; }
}
@media (min-width: 1024px) { .ap-rest { columns: 2; column-gap: 3rem; } }