.hero-c { padding: 24px 0 30px; background: linear-gradient(110deg, #fff 0%, #f4fbff 36%, #daf2ff 100%); border-top: 1px solid #e0f2fc; }
.c-layout { display: grid; grid-template-columns: 1fr 365px; gap: 37px; align-items: center; }
.c-story { display: grid; grid-template-columns: 1fr 230px; gap: 22px; align-items: center; min-width: 0; }
.hero-c h1 { font-size: 44px; margin-block: 19px; }
.hero-c h1.compact-copy { font-size: 36px; }
.hero-c .hero-intro { font-size: 13px; }
.c-promises { list-style: none; padding: 0; margin: 20px 0 0; display: grid; gap: 9px; font-size: 11px; color: var(--muted); }
.c-promises li:before { content: '✓'; margin-right: 7px; color: var(--blue); }
.c-portrait { position: relative; margin: 0; align-self: center; }
.c-portrait img, .c-portrait .portrait-fallback { width: 100%; height: 365px; object-fit: cover; object-position: 50% 30%; border-radius: 9px 9px 0 0; }
.c-portrait figcaption { display: grid; gap: 3px; padding: 13px 12px; background: #fff; border: 1px solid #deebf3; border-radius: 0 0 9px 9px; }
.c-portrait strong { font-size: 15px; }
.c-portrait figcaption span { color: var(--muted); font-size: 9px; }
.hero-c .booking-shell { margin-top: 0; }
.hero-c .booking-dock { padding: 24px; border-top: 3px solid var(--blue); }
.hero-c .booking-dock .row { display: grid; gap: 9px; }
.hero-c .booking-dock .badge { justify-self: start; }
.hero-c .dock-fields { grid-template-columns: 1fr 1fr; gap: 14px 10px; }
.hero-c .dock-fields > :first-child, .hero-c .dock-fields > :nth-child(4), .hero-c .dock-fields > .btn { grid-column: 1 / -1; }
.tpl-c .philosophy { gap: 65px; }
@media (max-width: 1100px) and (min-width: 701px) {
  .c-layout { grid-template-columns: 1fr 320px; gap: 25px; }
  .c-story { grid-template-columns: 1fr; }
  .c-portrait { display: grid; grid-template-columns: 58px 1fr; align-items: center; gap: 10px; margin-top: 8px; }
  .c-portrait img, .c-portrait .portrait-fallback { width: 58px; height: 58px; border-radius: 50%; object-position: 50% 25%; font-size: 22px; }
  .c-portrait figcaption { border: 0; background: none; padding: 0; }
  .hero-c h1 { font-size: 43px; }
  .hero-c .dock-fields .btn { justify-self: stretch; }
}
@media (max-width: 700px) {
  .hero-c { padding: 13px 0 18px; }
  .c-layout { grid-template-columns: 1fr; gap: 14px; }
  .c-story { grid-template-columns: 1.2fr .8fr; gap: 10px; }
  .hero-c h1 { font-size: 29px; margin-block: 12px; }
  .hero-c .hero-intro { font-size: 11px; }
  .c-promises { display: none; }
  .c-portrait img, .c-portrait .portrait-fallback { height: 172px; object-position: 53% 22%; border-radius: 7px 7px 0 0; }
  .c-portrait figcaption { padding: 8px; }
  .c-portrait strong { font-size: 12px; }
  .c-portrait figcaption span { font-size: 7px; }
  .hero-c .booking-dock { padding: 17px 16px 14px; }
  .hero-c .booking-dock .row { display: flex; gap: 9px; }
  .hero-c .dock-fields { grid-template-columns: 1fr 1fr; gap: 12px 10px; }
  .hero-c .dock-fields > :first-child, .hero-c .dock-fields > :nth-child(4) { grid-column: auto; }
  .hero-c .dock-fields > .btn { grid-column: 1 / -1; }
}