/* BIOS Blog author profile — canonical editorial system. */

body.author-page {
  --author-ink: #101114;
  --author-muted: #6e6e73;
  --author-soft: #f5f5f7;
  --author-blue: #0071e3;
  --author-line: rgba(16, 17, 20, .11);
  min-width: 320px;
  color: var(--author-ink);
  background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Arial, sans-serif;
}

body.author-page main { overflow: clip; }
.author-kicker { margin: 0 0 18px; color: var(--author-blue); font-size: 14px; font-weight: 650; letter-spacing: -.01em; }

.author-hero { padding: clamp(48px, 6vw, 82px) 0 clamp(86px, 9vw, 126px); }
.author-breadcrumbs { display: flex; margin: 0 0 clamp(60px, 7vw, 92px); color: #86868b; align-items: center; gap: 10px; font-size: 12px; }
.author-breadcrumbs a { color: inherit; }
.author-breadcrumbs a:hover { color: var(--author-blue); }
.author-hero-grid { display: grid; grid-template-columns: minmax(260px, 380px) minmax(0, 1fr); align-items: center; gap: clamp(58px, 9vw, 132px); }
.author-portrait { display: grid; aspect-ratio: 1 / 1.04; margin: 0; overflow: hidden; border-radius: 34px; background: radial-gradient(circle at 65% 20%, #fff 0, #eef5ff 38%, #e7e8ff 100%); place-items: end center; }
.author-portrait img { width: 88%; height: 94%; object-fit: cover; object-position: center top; filter: saturate(.92); }
.author-intro h1 { max-width: 760px; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Arial, sans-serif; font-size: clamp(58px, 6.2vw, 86px); font-weight: 600; letter-spacing: -.055em; line-height: .96; text-wrap: balance; }
.author-role { margin: 26px 0 0; color: var(--author-blue); font-size: 18px; font-weight: 650; letter-spacing: -.02em; }
.author-lead { max-width: 690px; margin: 22px 0 0; color: var(--author-muted); font-size: clamp(20px, 1.8vw, 25px); letter-spacing: -.018em; line-height: 1.48; }
.author-topics { display: flex; margin: 34px 0 0; padding: 0; list-style: none; flex-wrap: wrap; gap: 9px; }
.author-topics li { padding: 9px 14px; border-radius: 999px; color: #45464b; background: var(--author-soft); font-size: 12px; font-weight: 600; }

.author-about { padding: clamp(96px, 10vw, 142px) 0; background: var(--author-soft); }
.author-about-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .72fr); gap: clamp(68px, 9vw, 130px); }
.author-about h2, .author-section-head h2, .author-principles h2, .author-follow h2 { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Arial, sans-serif; font-weight: 600; letter-spacing: -.048em; line-height: 1.03; text-wrap: balance; }
.author-about h2 { max-width: 710px; font-size: clamp(42px, 4.6vw, 64px); }
.author-about-copy { padding-top: 34px; }
.author-about-copy p { margin: 0; color: #35363a; font-size: 18px; line-height: 1.68; }
.author-about-copy p + p { margin-top: 24px; }

.author-publications { padding: clamp(102px, 11vw, 152px) 0; }
.author-section-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.author-section-head h2 { font-size: clamp(46px, 5vw, 68px); }
.author-section-head > p { margin: 0 0 8px; color: var(--author-muted); font-size: 14px; }
.author-section-head > p strong { color: var(--author-ink); font-weight: 650; }
.author-publications-grid { display: grid; max-width: 980px; margin-top: 54px; grid-template-columns: 1fr; gap: 18px; }
.author-publication-card { display: grid; grid-template-columns: minmax(280px, .82fr) minmax(360px, 1fr); min-height: 390px; overflow: hidden; border-radius: 30px; background: var(--author-soft); }
.author-publication-media { min-height: 100%; overflow: hidden; }
.author-publication-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.author-publication-card:hover .author-publication-media img { transform: scale(1.025); }
.author-publication-copy { display: flex; min-width: 0; padding: 32px; flex-direction: column; }
.author-publication-meta { display: flex; margin: 0; color: #86868b; justify-content: space-between; gap: 18px; font-size: 11px; }
.author-publication-meta span { color: var(--author-blue); font-weight: 650; }
.author-publication-copy h3 { margin: 42px 0 0; font-size: clamp(26px, 2.5vw, 34px); font-weight: 600; letter-spacing: -.041em; line-height: 1.06; }
.author-publication-copy h3 a:hover { color: var(--author-blue); }
.author-publication-copy > p:not(.author-publication-meta) { margin: 18px 0 0; color: var(--author-muted); font-size: 14px; line-height: 1.55; }
.author-publication-link { display: inline-flex; margin-top: auto; padding-top: 26px; color: var(--author-blue); align-items: center; gap: 8px; font-size: 13px; font-weight: 650; }

.author-principles { padding: 10px; background: #fff; }
.author-principles-inner { display: grid; padding: clamp(78px, 9vw, 124px) clamp(28px, 6vw, 82px); border-radius: 38px; color: #f5f5f7; background: radial-gradient(circle at 88% 5%, rgba(0,113,227,.28), transparent 37%), #101114; grid-template-columns: minmax(0, 1fr) minmax(320px, .78fr); gap: clamp(64px, 9vw, 130px); }
.author-principles .author-kicker { color: #a1a1a6; }
.author-principles h2 { max-width: 650px; color: #f5f5f7; font-size: clamp(42px, 4.6vw, 64px); }
.author-principles-list { display: grid; }
.author-principles-list > div { display: grid; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.14); grid-template-columns: 42px 1fr; gap: 12px; }
.author-principles-list span { color: #2997ff; font-size: 12px; font-weight: 700; }
.author-principles-list p { margin: -3px 0 0; color: #d2d2d7; font-size: 16px; line-height: 1.5; }

.author-follow { padding: clamp(104px, 11vw, 150px) 0; }
.author-follow-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .68fr); align-items: end; gap: clamp(60px, 9vw, 130px); }
.author-follow h2 { max-width: 720px; font-size: clamp(44px, 4.8vw, 66px); }
.author-follow-inner > div:last-child p { margin: 0; color: var(--author-muted); font-size: 17px; line-height: 1.55; }
.author-follow-inner > div:last-child a { display: inline-flex; min-height: 49px; margin-top: 28px; padding: 0 21px; border-radius: 999px; color: #fff; background: var(--author-blue); align-items: center; gap: 8px; font-size: 14px; font-weight: 650; }

@media (max-width: 980px) {
  .author-hero-grid { grid-template-columns: 300px minmax(0, 1fr); gap: 52px; }
  .author-about-grid, .author-principles-inner, .author-follow-inner { grid-template-columns: 1fr; }
  .author-about-copy { max-width: 720px; padding-top: 0; }
  .author-publications-grid { grid-template-columns: 1fr; }
  .author-publication-card { max-width: 900px; }
}

@media (max-width: 720px) {
  .author-hero-grid { grid-template-columns: 1fr; gap: 44px; }
  .author-portrait { width: min(74vw, 340px); }
  .author-intro h1 { font-size: clamp(50px, 14vw, 68px); }
  .author-publication-card { grid-template-columns: 1fr; }
  .author-publication-media { min-height: 330px; }
}

@media (max-width: 580px) {
  body.author-page .shell { width: min(100% - 36px, 1180px); }
  .author-hero { padding: 38px 0 82px; }
  .author-breadcrumbs { margin-bottom: 54px; }
  .author-portrait { width: 100%; border-radius: 28px; }
  .author-lead { font-size: 19px; }
  .author-about, .author-publications, .author-follow { padding: 84px 0; }
  .author-about h2, .author-section-head h2, .author-principles h2, .author-follow h2 { font-size: clamp(38px, 10.8vw, 46px); }
  .author-section-head { align-items: flex-start; flex-direction: column; gap: 18px; }
  .author-publications-grid { margin-top: 38px; }
  .author-publication-card { border-radius: 26px; }
  .author-publication-media { min-height: 260px; }
  .author-publication-copy { min-height: 350px; padding: 26px 22px; }
  .author-publication-copy h3 { margin-top: 36px; font-size: 28px; }
  .author-principles-inner { width: 100%; padding: 72px 24px; border-radius: 28px; gap: 52px; }
}

@media (prefers-reduced-motion: reduce) {
  .author-publication-media img { transition: none; }
}