.page-head {
  position: relative; isolation: isolate; overflow: clip;
  margin-top: calc(-1 * (var(--top-h) + var(--top-gap)));
  padding: calc(var(--top-h) + var(--top-gap) + clamp(28px, 4.4vw, 64px)) 0 clamp(36px, 4.6vw, 64px);
  background:
    radial-gradient(52% 80% at 92% 0%, #FAD0DE 0%, rgb(250 208 222 / 0) 64%),
    radial-gradient(44% 70% at 2% 0%, #E2DAFC 0%, rgb(226 218 252 / 0) 62%),
    radial-gradient(60% 70% at 60% 120%, #FFE0CF 0%, rgb(255 224 207 / 0) 64%),
    var(--bg);
}
.page-head__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(24px, 5vw, 80px); align-items: center; }
.page-head:not(.page-head--media) .page-head__copy { max-width: 920px; margin-inline: auto; text-align: center; }
.page-head:not(.page-head--media) .crumbs { justify-content: center; }
.page-head:not(.page-head--media) .page-head__lead { margin-inline: auto; }
.page-head:not(.page-head--media) .page-head__cta { justify-content: center; }
.page-head--media .page-head__grid { grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr); }
.page-head__title { font-size: clamp(2.4rem, 5.4vw, 4.5rem); }
.page-head__lead { max-width: 54ch; margin: clamp(18px, 2.4vw, 28px) 0 0; color: var(--ink); font-size: clamp(1.1rem, 1.5vw, 1.3rem); line-height: 1.5; }
.page-head__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: clamp(24px, 3vw, 36px); }
.page-head__visual { position: relative; justify-self: end; width: min(100%, 380px); }
.page-head__visual::before { content: ""; position: absolute; z-index: -1; right: -18%; top: -10%; width: 80%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, #FFD3BC 0%, rgb(255 211 188 / 0) 68%); }
.page-head__photo { aspect-ratio: 4 / 5; overflow: hidden; border-radius: 999px 999px var(--r-card) var(--r-card); background: var(--blush); }
.page-head__photo img { width: 100%; height: 100%; object-fit: cover; }
.is-landing .page-head { margin-top: 0; padding-top: clamp(28px, 4.4vw, 64px); }
.page-head + .section { padding-top: clamp(40px, 5vw, 72px); }
.page-head + .perks { margin-top: -40px; }

.crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0 0 clamp(16px, 2vw, 24px); color: var(--muted); font-size: .92rem; }
.crumbs a { color: var(--ink); text-decoration: none; }
.crumbs a:hover { text-decoration: underline; text-underline-offset: .2em; }
.crumbs__sep { color: var(--muted); }

@media (prefers-reduced-motion: no-preference) {
  .page-head__copy > * { animation: fade-up .9s var(--ease) both; }
  .page-head__copy > :nth-child(2) { animation-delay: .08s; }
  .page-head__copy > :nth-child(3) { animation-delay: .16s; }
  .page-head__copy > :nth-child(4) { animation-delay: .24s; }
  .page-head__photo { animation: fade-up 1.1s var(--ease) .12s both; }
}

@media (max-width: 767px) {
  .page-head--media .page-head__grid { grid-template-columns: 1fr; }
  .page-head__visual { justify-self: center; width: min(72%, 300px); }
  .page-head__cta .btn { flex: 1 1 100%; }
}