/* split-head-photo
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/split-head-photo.css. */
.split-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: var(--s7); align-items: center; padding: var(--s6) 0 var(--s7); }
.split-head h1 { font-size: clamp(40px, 5.2vw, 68px); font-weight: 500; line-height: 1.05; }
.split-head .split-photo { margin: 0; border-radius: var(--r-panel); overflow: hidden; aspect-ratio: 5 / 4; }
.split-head .split-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 45% 30%; }
.split-head .actions { margin-top: var(--s4); }
@media (max-width: 900px) {
  .split-head { grid-template-columns: minmax(0, 1fr); gap: var(--s5); padding: var(--s5) 0 var(--s6); }
  .split-head .split-photo { aspect-ratio: 16 / 10; order: -1; }
}