/* Option 1: Enhanced Ecosystem Previews */
#ecosystem .section-head{margin-bottom:44px}
#ecosystem .ecosystem-grid{gap:20px;align-items:stretch}
#ecosystem .pillar-card{background:#fff;border:1px solid #dfe5e9;box-shadow:0 16px 38px rgba(20,30,40,.08);transition:transform .25s ease,box-shadow .25s ease;border-radius:2px}
#ecosystem .pillar-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(20,30,40,.12)}
#ecosystem .real-site-thumb{position:relative!important;height:205px!important;padding:36px 14px 14px!important;background:linear-gradient(145deg,#19242d,#223442)!important;border-bottom:1px solid #dfe5e9!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
#ecosystem .real-site-thumb:before{content:""!important;position:absolute!important;left:14px!important;right:14px!important;top:12px!important;height:25px!important;border-radius:7px 7px 0 0!important;background:#eef2f5!important;border-bottom:1px solid #d5dde3!important;z-index:2!important}
#ecosystem .real-site-thumb:after{content:"•••"!important;position:absolute!important;left:24px!important;top:6px!important;color:#8d9aa5!important;font-size:15px!important;line-height:1!important;letter-spacing:3px!important;z-index:3!important}
#ecosystem .real-site-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:#fff!important;border-radius:0 0 6px 6px!important;box-shadow:0 10px 24px rgba(0,0,0,.24)!important;margin:0 auto!important;transform:none!important}
#ecosystem .pillar-card:hover .real-site-thumb img{transform:none!important}
#ecosystem .pillar-top{margin:0 24px!important;padding:22px 0 15px!important}
#ecosystem .pillar-card .venture{margin:0 24px!important}
#ecosystem .pillar-card .venture b{font-size:1.08rem!important}
#ecosystem .pillar-card .venture span{line-height:1.6!important}
#ecosystem .pillar-index{color:#a8b5bf!important}

@media(max-width:1050px){
  #ecosystem .real-site-thumb{height:230px!important}
}

@media(max-width:780px){
  /* Clean mobile hero: keep the messaging, remove the oversized decorative monogram overlap. */
  .hero-monogram{display:none!important}
  .hero-copy{padding-top:56px!important;padding-bottom:34px!important}
  .hero-inner{gap:10px!important}
  .hero-secondary-link{margin-top:22px!important}

  /* More balanced ecosystem cards on phone. */
  #ecosystem .ecosystem-grid{gap:22px!important}
  #ecosystem .pillar-card{box-shadow:0 12px 30px rgba(20,30,40,.08)!important}
  #ecosystem .real-site-thumb{height:218px!important;padding:34px 10px 10px!important}
  #ecosystem .real-site-thumb:before{left:10px!important;right:10px!important;top:10px!important;height:24px!important}
  #ecosystem .real-site-thumb:after{left:20px!important;top:4px!important}
  #ecosystem .pillar-top{margin:0 20px!important;padding:20px 0 14px!important}
  #ecosystem .pillar-card .venture{margin:0 20px!important}

  /* Reliable branded fallback for the Journal thumbnail on mobile. */
  #ecosystem .pillar-card:nth-child(3) .real-site-thumb{
    background:#172029 url('/assets/thumb-influence.svg') center 58%/82% auto no-repeat!important;
  }
  #ecosystem .pillar-card:nth-child(3) .real-site-thumb img{display:none!important}

  /* Media image should support the section, not dominate the page. */
  .media-layout{gap:34px!important}
  .media-image{height:260px!important;max-height:260px!important;border-radius:2px!important}
  .media-image img{object-fit:cover!important;object-position:center 45%!important}
  .media .section-title{font-size:clamp(2.15rem,11vw,3.15rem)!important;line-height:1.06!important}
}

@media(max-width:520px){
  #ecosystem .real-site-thumb{height:198px!important}
  .media-image{height:230px!important;max-height:230px!important}
}