.author-profile-page .author-profile-hero {
  background: linear-gradient(112deg, #08283b 0%, #123a56 58%, #314e89 100%);
}

.author-profile-icon {
  display: inline-grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(215, 249, 78, .55);
  border-radius: 50%;
  color: var(--acid);
  font-size: 1.1rem;
  font-weight: 800;
}

.author-profile-layout {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.72fr);
  align-items: start;
  gap: clamp(42px, 6vw, 88px);
}

.author-profile-card {
  position: sticky;
  top: 122px;
  overflow: hidden;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 22px 58px rgba(10, 37, 54, .1);
}

.author-profile-card img,
.author-profile-monogram {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 20px;
  object-fit: cover;
}

.author-profile-monogram {
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 70% 20%, rgba(215, 249, 78, .34), transparent 30%), #0d3148;
  color: var(--acid);
  font-family: var(--font-display);
  font-size: clamp(4.8rem, 9vw, 7.4rem);
  letter-spacing: -.08em;
}

.author-profile-card > div:not(.author-profile-monogram) { padding: 25px 8px 14px; }
.author-profile-card h2 { margin: 8px 0 4px; font-size: clamp(2rem, 3vw, 3rem); }
.author-profile-role { margin: 0; color: var(--text-soft); font-weight: 700; }
.author-profile-card .text-link { display: inline-flex; margin: 4px 8px 8px; }

.author-profile-content { display: grid; gap: 62px; }
.author-profile-content > section { padding-bottom: 54px; border-bottom: 1px solid var(--line); }
.author-profile-content > section:last-child { padding-bottom: 0; border-bottom: 0; }
.author-profile-content h2 { max-width: 780px; margin: 10px 0 22px; font-size: clamp(2.35rem, 4.8vw, 4.65rem); line-height: .95; letter-spacing: -.055em; }
.author-profile-content p { max-width: 820px; font-size: 1.08rem; line-height: 1.75; }

.author-specialty-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.author-specialty-grid span {
  padding: 11px 15px;
  border: 1px solid #b9ccca;
  border-radius: 999px;
  background: #f7faf7;
  color: #0a2a3f;
  font-weight: 750;
}

.author-editorial-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.author-editorial-grid article {
  min-height: 220px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #f8f5ed;
}

.author-editorial-grid h3 { margin: 0 0 14px; font-size: 1.22rem; }
.author-editorial-grid p { margin: 0; font-size: .98rem; line-height: 1.6; }

.author-guide-list {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #fff;
}

.author-guide-list a {
  display: grid;
  grid-template-columns: minmax(190px, .72fr) minmax(0, 1.28fr) auto;
  align-items: center;
  gap: 25px;
  padding: 22px 24px;
  border-bottom: 1px solid var(--line);
  color: var(--ink-deep);
  text-decoration: none;
}

.author-guide-list a:last-child { border-bottom: 0; }
.author-guide-list a:hover { background: #f3f9dc; }
.author-guide-list strong { font-size: 1.08rem; }
.author-guide-list span { color: var(--text-soft); line-height: 1.45; }
.author-guide-list b { color: var(--orange); font-size: 1.35rem; }

.author-profile-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 34px;
  padding: clamp(30px, 5vw, 58px);
  border: 1px solid #2f5368;
  border-radius: 28px;
  background: #0d3148;
  color: #fff;
}

.author-profile-cta h2 { max-width: 760px; margin: 10px 0 12px; color: #fff; font-size: clamp(2.1rem, 4vw, 4rem); line-height: .98; }
.author-profile-cta p { max-width: 690px; margin: 0; color: rgba(255,255,255,.82); }
.author-profile-cta .content-eyebrow { color: var(--acid); }

@media (max-width: 900px) {
  .author-profile-layout { grid-template-columns: 1fr; }
  .author-profile-card { position: static; display: grid; grid-template-columns: minmax(170px, 260px) 1fr; align-items: center; gap: 20px; }
  .author-profile-card .text-link { grid-column: 2; }
  .author-editorial-grid { grid-template-columns: 1fr; }
  .author-editorial-grid article { min-height: 0; }
}

@media (max-width: 640px) {
  .author-profile-card { display: block; }
  .author-profile-card .text-link { margin-top: 0; }
  .author-guide-list a { grid-template-columns: 1fr auto; gap: 8px 16px; }
  .author-guide-list span { grid-column: 1; }
  .author-guide-list b { grid-column: 2; grid-row: 1 / span 2; }
  .author-profile-cta { grid-template-columns: 1fr; }
}
