.hero{
  background:
    linear-gradient(90deg,rgba(16,29,66,.96) 0%,rgba(16,29,66,.84) 42%,rgba(16,29,66,.28) 72%,rgba(16,29,66,.08) 100%),
    var(--fds-hero-image,url("../images/fds-hero-distribution.png")) center 54%/cover no-repeat;
}
.alexia-section{background:var(--soft)}
.alexia-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);
  gap:clamp(52px,8vw,110px);
  align-items:center;
}
.alexia-layout h2{max-width:12ch}
.alexia-layout p{max-width:60ch}
.alexia-logo-panel{
  min-height:340px;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:24px;
  background:#35a8f5;
  border-radius:14px;
}
.alexia-logo-panel img{width:100%;height:100%;object-fit:contain}
@media (max-width:880px){
  .hero{
    background:
      linear-gradient(90deg,rgba(16,29,66,.96),rgba(16,29,66,.64)),
      var(--fds-hero-image,url("../images/fds-hero-distribution.png")) 62% center/cover no-repeat;
  }
  .alexia-layout{grid-template-columns:1fr}
  .alexia-logo-panel{min-height:280px}
}
@media (max-width:620px){
  .hero{
    background:
      linear-gradient(180deg,rgba(16,29,66,.91) 0%,rgba(16,29,66,.83) 58%,rgba(16,29,66,.58) 100%),
      var(--fds-hero-image,url("../images/fds-hero-distribution.png")) 67% center/cover no-repeat;
  }
  .alexia-logo-panel{min-height:220px;padding:16px}
}