/* Team page (/team/). Everything else comes from landing.css; only the
   differences from the landing-page components live here. */

/* The page title is an h1 styled like the landing-page section headings. */
.team-intro { padding-bottom: 56px; }
.team-intro h1 { font: 650 clamp(34px, 3.3vw, 48px)/1.18 var(--display); letter-spacing: -.055em; }

/* Profile: the About band, with the portrait inside the studio-mark rings. */
.person { scroll-margin-top: 90px; }
.person-mark img { width: 168px; height: 168px; border-radius: 50%; object-fit: cover; transform: none; box-shadow: 0 15px 30px -15px #432a774a; }
.person .about-grid { align-items: start; }
.person .about-grid > div:last-child { padding-top: 8px; }
.person-links { display: flex; flex-wrap: wrap; gap: 0 28px; }

/* Selected work reuses the tech line; its entries are links here. */
.tech-line > div a:hover { color: var(--purple); }

/* On the landing page the insights section follows the about band with no top
   padding; here it follows a section, so it keeps the standard spacing. */
.team-writing.insights-section { padding-top: 104px; }