/* CLINK 8.27 — home middle sections polished for desktop and mobile */

/* Shared section rhythm */
.la24-feature,.la24-about,.la24-access{padding:64px 0!important}
.la24-feature .site-container,.la24-about .site-container,.la24-access .site-container{position:relative}
.la24-feature h2,.la24-about h2,.la24-access h2{font-size:clamp(36px,3.4vw,54px)!important;line-height:1.08!important;letter-spacing:-.03em!important;color:#17324a!important;margin:8px 0 14px!important;max-width:12ch!important}
.la24-feature h2 em,.la24-about h2 em,.la24-access h2 em{color:#b3844d!important}
.la24-feature p,.la24-about p,.la24-access p{font-size:13px!important;line-height:1.75!important;color:#667581!important}

/* Feature section */
.la24-feature{background:#fbfaf8!important;border-top:1px solid #eee6da!important;border-bottom:1px solid #eee6da!important}
.la24-feature-grid{display:grid!important;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)!important;gap:42px!important;align-items:start!important}
.la24-feature-intro{position:static!important;align-self:start!important;max-width:520px!important}
.la24-feature-intro>p{max-width:42ch!important;margin:0 0 18px!important}
.la24-text-link{display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:12px!important;font-weight:700!important;color:#8c6d44!important;text-decoration:none!important}
.la24-text-link:hover{text-decoration:underline!important}
.la24-feature-timeline{display:grid!important;gap:12px!important}
.la24-feature-timeline>div{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:14px!important;padding:18px 18px!important;background:#fff!important;border:1px solid #e8dfd2!important;border-radius:16px!important;box-shadow:0 8px 20px rgba(15,34,53,.04)!important}
.la24-feature-timeline>div>span{font:700 24px/1 Georgia,serif!important;color:#b3844d!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding-top:2px!important}
.la24-feature-timeline p{margin:0!important;min-width:0!important}
.la24-feature-timeline strong{display:block!important;font:400 24px/1.18 Georgia,serif!important;color:#17324a!important;margin-bottom:4px!important}
.la24-feature-timeline small{display:block!important;font-size:11.5px!important;line-height:1.58!important;color:#6d7b87!important}

/* About section */
.la24-about{background:#fff!important}
.la24-about-grid{display:grid!important;grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr)!important;gap:40px!important;align-items:start!important}
.la24-about-title{min-width:0!important}
.la24-about-title h2{max-width:11ch!important;margin-bottom:18px!important}
.la815-experience{display:inline-flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;padding:10px 14px!important;border-radius:999px!important;background:#f7f3ed!important;border:1px solid #e8dece!important;color:#6f7d89!important;font-size:11px!important;line-height:1.4!important}
.la815-experience strong{color:#17324a!important}
.la24-about-copy{padding-top:6px!important;min-width:0!important;display:grid!important;gap:14px!important}
.la24-about-copy p{max-width:58ch!important;margin:0!important}
.la24-about-copy p strong{color:#17324a!important}

/* Access / signatures section */
.la24-access{background:linear-gradient(135deg,#0f263b 0%,#0d2032 100%)!important;color:#fff!important;overflow:hidden!important}
.la24-access-grid{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)!important;gap:36px!important;align-items:center!important}
.la24-access h2{color:#fff!important;max-width:12ch!important}
.la24-access p{color:#c8d3dd!important;max-width:46ch!important;margin:0 0 20px!important}
.la24-access-buttons{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.la24-access-buttons .la24-button{min-width:0!important}
.la24-access-buttons .la24-button-outline{border-color:rgba(255,255,255,.18)!important;color:#fff!important;background:transparent!important}
.la24-access-buttons .la24-button-outline:hover{background:rgba(255,255,255,.06)!important}
.la24-access-emblem{display:grid!important;place-items:center!important;width:220px!important;height:220px!important;margin-left:auto!important;border-radius:26px!important;border:1px solid rgba(223,193,147,.2)!important;background:rgba(255,255,255,.02)!important;transform:none!important;position:relative!important}
.la24-access-emblem:before{content:'';position:absolute;inset:16px;border:1px solid rgba(223,193,147,.11)!important}
.la813-check-emblem{width:128px!important;height:128px!important;display:block!important;filter:drop-shadow(0 16px 30px rgba(0,0,0,.18))}

/* Desktop balance */
@media(min-width:1200px){
  .la24-feature-grid,.la24-about-grid,.la24-access-grid{gap:54px!important}
}

/* Tablet */
@media(max-width:990px){
  .la24-feature,.la24-about,.la24-access{padding:46px 0!important}
  .la24-feature-grid,.la24-about-grid,.la24-access-grid{grid-template-columns:1fr!important;gap:26px!important}
  .la24-feature h2,.la24-about h2,.la24-access h2{max-width:none!important;font-size:clamp(32px,5.8vw,42px)!important}
  .la24-feature-intro,.la24-about-title,.la24-about-copy{max-width:none!important}
  .la24-access-emblem{margin:0 auto!important;width:180px!important;height:180px!important}
  .la813-check-emblem{width:108px!important;height:108px!important}
}

/* Mobile */
@media(max-width:690px){
  .la24-feature,.la24-about,.la24-access{padding:30px 0!important}
  .la24-feature h2,.la24-about h2,.la24-access h2{font-size:clamp(28px,8vw,34px)!important;line-height:1.12!important;margin-bottom:12px!important}
  .la24-feature p,.la24-about p,.la24-access p{font-size:12px!important;line-height:1.68!important}
  .la24-feature-grid,.la24-about-grid,.la24-access-grid{gap:18px!important}
  .la24-feature-timeline{gap:10px!important}
  .la24-feature-timeline>div{grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;padding:14px 14px!important;border-radius:14px!important}
  .la24-feature-timeline>div>span{font-size:19px!important}
  .la24-feature-timeline strong{font-size:18px!important;line-height:1.2!important}
  .la24-feature-timeline small{font-size:10.5px!important;line-height:1.48!important}
  .la815-experience{display:flex!important;width:100%!important;border-radius:14px!important;padding:10px 12px!important;justify-content:flex-start!important}
  .la24-access p{margin-bottom:16px!important}
  .la24-access-buttons{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .la24-access-buttons .la24-button{width:100%!important}
  .la24-access-emblem{width:142px!important;height:142px!important}
  .la24-access-emblem:before{inset:10px!important}
  .la813-check-emblem{width:82px!important;height:82px!important}
}