.eb-stories{width:100%;display:grid;gap:0;margin:22px 0 0;scroll-margin-top:90px}
.eb-band{--eb-parallax:0px;position:relative;isolation:isolate;overflow:hidden;min-height:clamp(540px,72svh,660px);background:#2b2136;color:#fff}
.eb-photo{position:absolute;inset:0;z-index:-2;overflow:hidden}
.eb-photo img{display:block;position:absolute;inset:0;width:100%;height:calc(100% + 22px);max-width:none;object-fit:cover;object-position:50% 0;border-radius:0;transform:translateY(var(--eb-parallax));will-change:transform}
.eb-band::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#201529ed 0,#241a31df 20%,#281d35b8 35%,#2b1f3d47 58%,#281d3508 83%),linear-gradient(0deg,#1c142c38,transparent 42%)}
.eb-content{position:relative;display:flex;align-items:center;min-height:inherit;padding-block:64px}
.eb-copy{width:min(44%,490px);min-width:0}
.eb-copy .eyebrow{color:#e5d7f0;font-size:10px;letter-spacing:1.5px;margin-bottom:22px}
.eb-copy h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(38px,4.1vw,58px);line-height:1.13;letter-spacing:-1.8px;font-weight:550;color:#fff;margin:0 0 24px}
.eb-copy h2 span{color:#d9e5c8}
.eb-description{font-size:15px;line-height:1.85;color:#fffffff0;max-width:450px;margin:0 0 18px}
.eb-source{display:block;font-size:11px;line-height:1.8;color:#e5dcebf0;max-width:440px}
.eb-copy .text-link{display:inline-flex;font-size:13px;line-height:1.7;color:#fff;border-color:#ffffff80;margin-top:27px;max-width:100%;gap:15px}
.eb-copy .text-link:hover{border-color:#fff;color:#e5efd6}
.eb-copy .text-link:focus-visible{outline-color:#fff}
@media(max-width:1100px){.eb-band{min-height:590px}.eb-copy{width:47%;max-width:460px}.eb-copy h2{font-size:43px}.eb-description{font-size:14px}.eb-copy .text-link{font-size:12px}.eb-band::after{background:linear-gradient(90deg,#201529ed 0,#241a31e6 22%,#281d35b8 40%,#2b1f3d33 65%,#281d3508 90%)}}
@media(max-width:780px){
  .eb-stories{margin-top:20px;scroll-margin-top:75px}
  .eb-band{min-height:760px}
  .eb-photo{inset:0 0 auto;height:440px}
  .eb-photo img{object-position:100% 0;height:calc(100% + 16px)}
  .eb-band::after{background:linear-gradient(0deg,#2b2136 0,#2b2136 32%,#2b2136eb 43%,#2b21364d 62%,#2b213600 86%)}
  .eb-content{align-items:end;padding-block:325px 42px}
  .eb-copy{width:100%;max-width:560px}
  .eb-copy .eyebrow{font-size:9px;margin-bottom:17px}
  .eb-copy h2{font-size:39px;letter-spacing:-1.4px;line-height:1.16;margin-bottom:20px}
  .eb-description{font-size:14px;line-height:1.85;max-width:530px;margin-bottom:16px}
  .eb-source{font-size:10px;line-height:1.8;max-width:520px}
  .eb-copy .text-link{font-size:12px;margin-top:23px}
}
@media(max-width:390px){.eb-photo{height:370px}.eb-band{min-height:765px}.eb-content{padding-bottom:38px}.eb-copy h2{font-size:36px;letter-spacing:-1.1px}.eb-description{font-size:13px}.eb-copy .text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.eb-photo img{transform:none!important;will-change:auto}}

/* An open pause between two operational stories. */
.eb-contact-break {
  background: var(--paper, #fcfbfe);
  color: var(--purple, #483264);
  padding-block: 72px;
}

.eb-contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 48px;
}

.eb-contact-layout > div {
  min-width: 0;
}

.eb-contact-break .eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  color: var(--accent, #74578e);
  font-size: 9px;
  line-height: 1.7;
  letter-spacing: 1.4px;
}

.eb-contact-break .eyebrow::before {
  content: '';
  flex: 0 0 24px;
  height: 2px;
  background: #b4c695;
}

.eb-contact-break h2 {
  margin: 0;
  font-family: Manrope, Arial, sans-serif;
  font-size: clamp(31px, 3.4vw, 46px);
  font-weight: 550;
  line-height: 1.18;
  letter-spacing: -1.3px;
  color: var(--purple, #483264);
}

.eb-contact-break h2 > span {
  color: var(--accent, #74578e);
}

.eb-contact-break .btn {
  justify-self: end;
  max-width: 100%;
  min-height: 48px;
  white-space: normal;
  text-align: center;
}

.eb-contact-break .btn:focus-visible {
  outline: 2px solid var(--purple, #483264);
  outline-offset: 5px;
}

@media (max-width: 780px) {
  .eb-contact-break {
    padding-block: 60px;
  }

  .eb-contact-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  .eb-contact-break .eyebrow {
    font-size: 8px;
    letter-spacing: 1.1px;
    margin-bottom: 16px;
  }

  .eb-contact-break h2 {
    font-size: clamp(30px, 6vw, 40px);
    letter-spacing: -1px;
  }

  .eb-contact-break .btn {
    justify-self: start;
  }
}
