/* Liberty Commons groundbreaking feature */
.lc-break-hero { background: #091d34; color: #fff; padding: clamp(1.5rem, 5vw, 4rem) 0; border-bottom: 4px solid #d7ad58; }
.lc-break-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(1.5rem, 4vw, 4rem); }
.lc-break-copy { min-width: 0; }
.lc-break-kicker { margin: 0 0 .8rem; font-size: .78rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.lc-break-hero .lc-break-kicker { color: #f1ca7a; }
.lc-break-copy h2 { margin: 0 0 1rem; color: #fff; font-size: clamp(2.05rem, 5.25vw, 4.5rem); line-height: 1.02; letter-spacing: -.04em; }
.lc-break-copy > p:not(.lc-break-kicker) { max-width: 46ch; margin: 0 0 1.4rem; color: #e4edf7; font-size: clamp(1rem, 1.45vw, 1.15rem); line-height: 1.6; }
.lc-break-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.lc-break-primary, .lc-break-secondary { display: inline-flex; align-items: center; min-height: 44px; padding: .65rem 1rem; border: 1px solid transparent; border-radius: .25rem; font-weight: 800; line-height: 1.25; text-decoration: none; }
.lc-break-primary { background: #f1ca7a; color: #091d34; }
.lc-break-primary:hover { background: #ffdf9b; color: #091d34; }
.lc-break-secondary { border-color: #bdccdd; color: #fff; }
.lc-break-secondary:hover { background: #203955; color: #fff; }
.lc-break-hero a:focus-visible, .lc-break-recap a:focus-visible { outline: 3px solid #3c83ce; outline-offset: 4px; }
.lc-break-photo, .lc-break-gallery figure { margin: 0; min-width: 0; }
.lc-break-photo img { display: block; width: 100%; height: auto; border-radius: .4rem; }
.lc-break-photo figcaption { margin-top: .55rem; color: #e4edf7; font-size: .82rem; }
.lc-break-recap { background: #f8f4eb; color: #152a40; padding: clamp(2rem, 5vw, 4rem) 0; scroll-margin-top: 8rem; }
.lc-break-recap .lc-break-kicker { color: #654813; }
.lc-break-recap h2 { margin: 0 0 .7rem; font-size: clamp(1.8rem, 4vw, 3.1rem); line-height: 1.12; }
.lc-break-story { max-width: 68ch; line-height: 1.65; }
.lc-break-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.6rem 0; }
.lc-break-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center 58%; border-radius: .4rem; }
.lc-break-gallery figcaption { margin-top: .45rem; font-size: .86rem; }
@media (max-width: 760px) {
  .lc-break-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .lc-break-gallery { grid-template-columns: 1fr; }
}