/* ROUND 109 — About Sentinel Homes columns + Our Promise stories (doc 8 Oct). */

/* 1. The Sentinel Way: FIND OUT MORE text link (.link-btn) 24px under the last paragraph, like the
      Foundation community card (card gap 16px + link margin 8px). The column's block gap is 40px. */
.sh-r109 .sy-cols__cta{margin-top:-16px}

/* 2. The lead photo above the heading: the column's full width, the same 346px as the photo on the
      right, and the two columns top-aligned so the two photos start on one line. */
.sh-r109 .sy-cols--lead .sy-cols__inner{align-items:flex-start}
/* ROUND 114: the photo sits above the last subheading (template), square corners, and the two columns are
   equal (the right column was a fixed 624px, so the left one grew wider on most screens); the 96px gap and the
   full-width photos stay. */
.sh-r109 .sy-cols__lead{margin:0;height:346px;overflow:hidden;border-radius:0}
@media (min-width:1024px){
  .sh-r109 .sy-cols--lead .sy-cols__text,.sh-r109 .sy-cols--lead .sy-cols__side{flex:1 1 0;width:auto;min-width:0}
}
.sh-r109 .sy-cols__lead img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:1023px){
  .sh-r109 .sy-cols__lead{height:auto;aspect-ratio:16 / 9}
}

/* 3. Our Promise, "Owner-operated in every region": the last story spans both story columns with the
      same 580fr / 636fr split and gap as the grid above, so its photo fills the left column and its
      copy starts on the right column's line at every width (round 77 used fixed 580px / 636px). */
@media (min-width:1024px){
  .sh-r109.sh-page-our-promise .sy-stories__col--l .sy-story:last-child{display:grid;grid-template-columns:580fr 636fr;gap:0 128px;align-items:start;width:calc(100% * 1216 / 580 + 128px)}
  .sh-r109.sh-page-our-promise .sy-stories__col--l .sy-story:last-child .sy-story__photo{flex:none;width:100%;min-width:0}
  .sh-r109.sh-page-our-promise .sy-stories__col--l .sy-story:last-child .sy-story__text{flex:none;max-width:468px;min-width:0}
}
@media (min-width:1024px) and (max-width:1200px){
  .sh-r109.sh-page-our-promise .sy-stories__col--l .sy-story:last-child{gap:0 64px;width:calc(100% * 1216 / 580 + 64px)}
}
