.hero-d { background: linear-gradient(180deg, #e5f6ff, #fff 95%); }
.d-cover { height: 225px; position: relative; overflow: hidden; background: #a7dcfc; }
.d-cover > img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.d-cover > span { position: absolute; top: 23px; right: max(28px, calc((100% - 1160px) / 2)); font-size: 10px; letter-spacing: 2px; color: #123b59; padding: 7px 12px; background: #ffffffed; border-radius: 4px; }
.d-profile { position: relative; display: grid; grid-template-columns: 108px 1fr auto; gap: 25px; align-items: center; padding-block: 26px 37px; }
.d-avatar { position: relative; overflow: hidden; width: 108px; height: 108px; border: 5px solid #fff; box-shadow: 0 8px 20px #0875c912; border-radius: 50%; margin-top: -60px; background: #fff; }
.d-avatar > img, .d-avatar .portrait-fallback { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; font-size: 40px; }
.d-name { font-size: 13px; font-weight: 600; }
.d-name span { color: var(--muted); font-size: 11px; font-weight: 400; margin-left: 12px; }
.hero-d h1, .hero-d h1.compact-copy { font-size: 32px; margin: 9px 0; font-weight: 600; }
.hero-d .hero-intro { font-size: 12px; }
.hero-d .booking-shell { margin-top: -8px; }
@media (max-width: 1100px) and (min-width: 701px) {
  .d-profile { grid-template-columns: 90px 1fr; }
  .d-profile > .hero-story-link { display: none; }
  .d-avatar { width: 90px; height: 90px; }
}
@media (max-width: 700px) {
  .d-cover { height: 135px; }
  .d-cover > span { top: 12px; right: 16px; font-size: 8px; letter-spacing: 1px; padding: 5px 8px; }
  .d-profile { grid-template-columns: 62px 1fr; gap: 13px; padding-block: 16px 26px; }
  .d-avatar { width: 68px; height: 68px; border-width: 4px; margin-top: -55px; }
  .d-avatar .portrait-fallback { font-size: 26px; }
  .d-name { font-size: 11px; }
  .d-name span { font-size: 9px; display: block; margin: 0; }
  .hero-d h1, .hero-d h1.compact-copy { font-size: 22px; line-height: 1.45; margin: 7px 0; }
  .hero-d .hero-intro { font-size: 10px; line-height: 1.9; }
  .d-profile > .hero-story-link { display: none; }
  .hero-d .booking-shell { margin-top: 0; }
}