/* Company pages (about, careers, contact, blog). Built on site.css primitives;
   only what is unique to these pages lives here. Prefix: co- */

/* Hero: centred breadcrumb on the centred About hero */
.page-hero--center .co-crumbs--center { justify-content: center; }
.page-hero__copy .crumbs { margin-bottom: 0; }

/* Splits that vertically centre copy against a list card */
.co-split--center { align-items: center; }
.co-prose { margin-top: var(--space-5); }
.co-prose p:last-child { margin-bottom: 0; }

/* List card (mission, why join) */
.co-listcard { padding: 28px; }
.co-ilist { gap: 0; }
.co-ilist li { padding: 16px 0; border-bottom: 1px solid var(--line-subtle); line-height: 24px; }
.co-ilist li:first-child { padding-top: 0; }
.co-ilist li:last-child { padding-bottom: 0; border-bottom: 0; }

/* Values grid is a <ul> */
.co-values { margin: 0; padding: 0; list-style: none; }

/* Name story (About, Why Supersei) */
.co-name { max-width: 860px; margin-inline: auto; }
.sec--sunk .co-name { background: var(--surface); border-color: var(--line); }
.co-name blockquote p { margin: 0 0 var(--space-4); }
.co-name blockquote p:last-child { margin-bottom: 0; }
.co-name blockquote strong { color: var(--text-primary); font-weight: 600; }
.co-name__by { margin: 0; padding-top: var(--space-4); border-top: 1px solid var(--line-subtle); color: var(--text-tertiary); }

/* Team block (About) */
.co-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.co-stats .metric { font-size: clamp(32px, 3.4vw, 40px); line-height: 1.08; font-weight: 600; letter-spacing: -.02em; }
.co-teams { display: flex; flex-direction: column; gap: var(--space-4); }
.co-team__head { display: flex; align-items: center; gap: 14px; }
.co-team__head > div { display: flex; flex-direction: column; gap: 2px; }
.co-team__head .card__title { margin: 0; }
.co-team__role { margin: 0; color: var(--text-tertiary); }
@media (max-width: 520px) { .co-stats { gap: var(--space-3); } .co-stats .ss-stat__label { font-size: 13px; line-height: 18px; } }

/* Band overline (final CTA) */
.co-band-eyebrow { margin: 0; color: var(--focus-band); }

/* Final CTA directly after a sunk chapter needs its own top space */
.sec--sunk + .cta-sec { padding-top: var(--space-10); }
@media (max-width: 760px) { .sec--sunk + .cta-sec { padding-top: var(--space-9); } }

/* Careers: role cards */
.co-role .card__body { flex: 1; }

/* Contact: email rows and notes */
.co-note { display: inline-flex; align-items: center; gap: 8px; }
.co-note .ss-icon { flex-shrink: 0; color: var(--text-tertiary); }
.co-mail { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; max-width: 100%; color: var(--text-primary); font: 500 16px/24px var(--font-sans); text-decoration: none; overflow-wrap: anywhere; }
.co-mail .ss-icon { flex-shrink: 0; color: var(--brand-text); }
.co-mail:hover { color: var(--brand-text); text-decoration: underline; text-underline-offset: 4px; }
.co-sub { color: var(--text-tertiary); }
.co-inline { color: var(--brand-text); text-underline-offset: 3px; }
.co-address address { font-style: normal; }
.co-address strong { color: var(--text-primary); font-weight: 600; }
.card .ss-link + .ss-link { margin-top: 0; padding-top: 0; }

/* Blog */
.co-subhead { margin: var(--space-8) 0 var(--space-4); color: var(--text-primary); }
.co-pair { gap: 12px; }
.co-pair .ss-link { margin-top: 0; padding-top: 0; }
.co-stack { display: flex; flex-direction: column; gap: var(--space-4); }
.co-topics { margin-top: var(--space-5); }
.co-topics li { color: var(--text-primary); }