/* AI-Author: Claude (Anthropic) — small shared rules for Claude-owned inner pages (team, privacy). */
.page-hero { padding-top: calc(var(--section-pad) + 3rem); }
.placeholder {
  color: var(--ink-500); border-bottom: 1px dashed currentColor;
  font-style: italic; font-family: var(--sans); font-size: .92em;
}
.section--black .placeholder { color: var(--ink-400); }
.draft-note { margin-top: 4rem; font-size: var(--fs-small); color: var(--ink-500); letter-spacing: .05em; }
.people { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gutter); }
.person .portrait { aspect-ratio: 4 / 5; background: var(--ink-100); border: 1px solid var(--ink-200); margin-bottom: 1.6rem; }
.person p { margin: .4rem 0; }
.legal p { margin: 0 0 1.4rem; }
@media (max-width: 860px) { .people { grid-template-columns: 1fr; } }
/* CEO letter on the Team page (2026-10-10). */
.ceo-letter p { margin: 0 0 1.4rem; font-size: clamp(1.05rem, 1.25vw, 1.2rem); line-height: 1.7; color: var(--ink-600); }
.ceo-letter .h-lg { margin: 0 0 2.4rem; max-width: 24ch; }
.ceo-letter .h-md { margin: 2.6rem 0; color: var(--black); }
.ceo-letter .ceo-close { margin-top: 2.4rem; color: var(--black); }
.ceo-sign { display: flex; flex-direction: column; gap: .2rem; margin-top: 2.6rem; padding-top: 1.6rem; border-top: 1px solid var(--line-l); max-width: 18rem; }
.ceo-name { font-family: var(--serif); font-size: 1.5rem; color: var(--black); }
.ceo-role { font-size: var(--fs-small); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-500); }
/* Privacy notice headings (Matin's final text, 2026-10-09). */
.legal h2 { margin: 2.8rem 0 1rem; }
.legal h2:first-child { margin-top: 0; }
.ceo-letter p.h-md { font-size: var(--fs-md); line-height: 1.2; }
.ceo-letter p.eyebrow { font-size: var(--fs-small); line-height: 1.4; color: var(--ink-500); margin-bottom: 2rem; }
/* Two-person team (CEO + CFO, 2026-10-11): portraits fill the 4:5 frame. */
/* Chosen 2026-10-13: under each other, one card per row, centred. */
.people--two { grid-template-columns: 1fr; max-width: 30rem; margin-inline: auto; row-gap: calc(var(--gutter) * 2); }
.person .portrait { overflow: hidden; }
.person .portrait img { display: block; width: 100%; height: 100%; object-fit: cover; }
.person .text-link { color: inherit; border-bottom: 1px solid var(--line-l); text-decoration: none; }
@media (max-width: 860px) { .people--two { grid-template-columns: 1fr; } }
/* Bio and contact exist in the markup for the layout options in the draft preview
   (tools/preview); hidden in the chosen under-each-other layout. */
.person .person-bio, .person .person-contact-toggle, .person .person-contact { display: none; }
/* Phone design pass (2026-10-13): portraits a little shorter (4:4.5) so each
   person no longer fills the whole screen; framed per person. */
@media (max-width: 860px) {
  .person .portrait { aspect-ratio: 4 / 4.5; margin-bottom: 1.2rem; }
  .person:nth-child(1) .portrait img { object-position: center 15%; }
  .person:nth-child(2) .portrait img { object-position: center 45%; }
  .people--two { row-gap: calc(var(--gutter) * 2.5); }
}