/* v3 team page (team.html). The page hand-writes the v3 header, sheet and footer, because the manifest keeps its
   navigation bespoke, so this sheet only lays out its two sections: the founder's letter and the team card with the
   track record notes. Everything else comes from /assets/v3/v3-site.css. Selectors carry html.v3 so they outrank
   the shared sheet, which loads after this one in <body>. */

/* The founder's letter: a centred heading over a left-aligned prose column. */
/* the shared sheet sets every direct child of .v3-sheet to position: relative, which un-hides a visually hidden h1 */
html.v3 .v3-sheet > .v3-sr-only { position: absolute; }
html.v3 .v3-prose > .v3t-sign { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 1.6em; }
html.v3 .v3t-sign .v3-note { --r: -4deg; font-size: clamp(34px, 2.6vw, 50px); }
html.v3 .v3-prose > .v3t-jump { margin-top: 1.6em; font-size: var(--v3-fs-card); }
html.v3 .v3t-jump svg { display: inline-block; vertical-align: middle; margin-left: .3em; }

/* The founder card: a paper card holding a taped print, the name, the credentials and the logo row. */
html.v3 .v3-card.v3t-founder { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 520px; margin: 0 auto; padding-top: clamp(36px, 3vw, 56px); }
html.v3 .v3-photo.v3t-photo { margin: 0 auto clamp(20px, 2vw, 32px); }
html.v3 .v3t-role { margin: .4em 0 0; }
html.v3 .v3t-creds { margin: .9em 0 0; }
html.v3 .v3t-reg { font-size: .85em; }
html.v3 .v3t-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px; margin-top: clamp(20px, 2vw, 32px); }
html.v3 .v3t-logo { display: block; width: auto; max-width: none; filter: brightness(0); }
html.v3 .v3t-logo--pwc { height: 24px; opacity: .6; }
html.v3 .v3t-logo--icaew { height: 36px; opacity: .7; transition: opacity .15s; }
html.v3 .v3t-logo-link:hover .v3t-logo--icaew { opacity: 1; }
html.v3 .v3t-linkedin { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--v3-ink); border: 1px solid var(--v3-ink); background: transparent; transition: background-color .15s; }
html.v3 .v3t-linkedin:hover { background: rgba(20, 20, 20, .06); }

/* The track record: three torn notes abreast, one column on phones and small tablets. */
html.v3 .v3t-record { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(28px, 3vw, 56px); align-items: start; max-width: 1180px; margin: clamp(64px, 6vw, 112px) auto 0; padding-top: 14px; }
html.v3 .v3t-record > :nth-child(2) { margin-top: 22px; }
html.v3 .v3t-record > .v3-card--torn { text-align: center; }
html.v3 .v3t-co { display: block; height: 36px; width: auto; max-width: 100%; object-fit: contain; margin: 0 auto 18px; }
html.v3 .v3t-co--tall { height: 52px; }
@media (max-width: 900px) {
  html.v3 .v3t-record { grid-template-columns: minmax(0, 1fr); row-gap: 44px; max-width: 440px; }
  html.v3 .v3t-record > :nth-child(2) { margin-top: 0; }
}