/* head-bleed-photo
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/head-bleed-photo.css. */
.bleed { margin-top: var(--s3); display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); background: var(--stone); min-height: 540px; }
.bleed .bleed-photo { margin: 0; }
.bleed .bleed-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 55% 60%; }
.bleed .bleed-copy { align-self: center; padding: var(--s6) max(32px, calc((100vw - 1280px) / 2)) var(--s6) clamp(40px, 6vw, 96px); }
.bleed .bleed-copy h1 { font-size: clamp(40px, 4.8vw, 66px); font-weight: 500; line-height: 1.05; }
.bleed .bleed-copy .actions { margin-top: var(--s4); }
@media (max-width: 900px) {
  .bleed { grid-template-columns: minmax(0, 1fr); min-height: 0; margin-top: var(--s2); }
  .bleed .bleed-photo { aspect-ratio: 16 / 10; }
  .bleed .bleed-copy { padding: var(--s4) 16px var(--s5); }
}
@media (min-width: 700px) and (max-width: 900px) {
  .bleed .bleed-copy { padding: var(--s5) 32px var(--s6); }
}