.discover-hero {
  background:
    radial-gradient(ellipse at 92% 7%, #1a2846 0%, transparent 58%),
    radial-gradient(ellipse at 18% 90%, #1c1530 0%, transparent 65%),
    #090c16;
}
.discover-hero h1 { max-width: 21ch; }
.discover-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  margin-bottom: 2rem;
  font-size: .875rem;
  color: #b7bfd6;
}
.discover-breadcrumbs a { color: var(--ice); text-decoration: underline; text-underline-offset: 3px; }
.discover-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 235px), 1fr));
  gap: 14px;
  list-style: none;
  margin: 1.5rem 0 .75rem;
  padding: 0;
}
.discover-card {
  padding: 20px;
  border: 1px solid #343c54;
  border-radius: 17px;
  background: linear-gradient(145deg, #151a2a, #10131e);
}
.prose .discover-grid li { margin-top: 0; display: flex; flex-direction: column; }
.discover-pulsar {
  border-color: #647bc4;
  background: linear-gradient(145deg, #1c2443, #141a2b);
}
.discover-card h3 { margin: 8px 0 10px; }
.discover-card p { max-width: 64ch; }
.discover-card a.text-link { padding-top: 12px; margin-top: auto; align-self: flex-start; }
.discover-note { font-size: .875rem; }
.discover-steps { margin-bottom: 1.25rem; padding-left: 1.3rem; }
.discover-steps strong { color: var(--text); }
.discover-price span { font-size: .72em; color: #c9d3ee; }
.discover-bio { display: flex; flex-wrap: wrap; align-items: flex-start; gap: clamp(24px, 5vw, 64px); }
.discover-bio > div { flex: 2 1 430px; }
.discover-bio p { max-width: 70ch; }
.discover-portrait {
  width: min(100%, 320px);
  height: auto;
  object-fit: cover;
  aspect-ratio: 1;
  border-radius: 21px;
  border: 1px solid #394763;
}