:root {
  --story-navy: #061a33;
  --story-navy-2: #0b294d;
  --story-gold: #d8ad55;
  --story-cream: #f7f5ef;
  --story-ink: #10243e;
}
.story-hero { padding: 142px 0 118px; color: #ffffff; background: radial-gradient(circle at 78% 24%, rgba(216,173,85,.15), transparent 30%), linear-gradient(115deg, #061a33, #0b294d); }
.story-hero__inner { max-width: 1050px; }
.story-eyebrow, .story-aside>span, .story-milestone>span, .story-closing>span, .story-cta>div>span { display:block; margin-bottom:22px;  color: #d8ad55; font-size:.72rem; font-weight:900; letter-spacing:.18em; }
.story-hero h1 { max-width: 950px; margin:0; font-size:clamp(3.6rem,7vw,7.2rem); line-height:.95; letter-spacing:-.055em; 
color: #ffffff}
.story-hero p { max-width:820px; margin:34px 0 0; color:rgba(255,255,255,.72); font-size:1.18rem; line-height:1.75; }
.story-hero__actions { display:flex; flex-wrap:wrap; gap:15px; margin-top:38px; }
.story-hero .btn-outline { color:#ffffff; border-color:rgba(255,255,255,.45); }
.story-article { padding:120px 0; background:#ffffff; }
.story-article__grid { display:grid; grid-template-columns:minmax(220px,.38fr) minmax(0,1fr); gap:90px; align-items:start; }
.story-aside { position:sticky; top:120px; padding:30px 0 30px 28px; border-left:3px solid var(--story-gold); }
.story-aside p { margin:0; color:#596779; line-height:1.7; }
.story-copy { max-width:850px; }
.story-copy p { margin:0 0 27px; color:#4f5f72; font-size:1.08rem; line-height:1.83; }
.story-copy__lead { color:var(--story-ink)!important; font-size:1.35rem!important; line-height:1.7!important; }
.story-copy h2 { margin:66px 0 22px; color:var(--story-ink); font-size:clamp(2.3rem,4vw,4.2rem); line-height:1.04; letter-spacing:-.04em; }
.story-questions { margin:36px 0 40px; padding:34px; border:1px solid rgba(8,31,59,.12); border-radius:18px; background:var(--story-cream); }
.story-questions p { margin:0; padding:12px 0; color:var(--story-ink); font-weight:750; border-bottom:1px solid rgba(8,31,59,.1); }
.story-questions p:last-child { border-bottom:0; }
.story-copy blockquote { margin:55px 0; padding:42px 0 42px 38px; border-left:4px solid var(--story-gold); color:var(--story-ink); font-size:clamp(1.75rem,3.4vw,3.25rem); line-height:1.22; letter-spacing:-.035em; font-weight:780; }
.story-milestone { margin:70px 0; padding:50px; border-radius:22px; color:#fff; background:linear-gradient(135deg,#092342,#0c315a); box-shadow:0 25px 55px rgba(6,26,51,.16); }
.story-milestone h2 { margin:0 0 22px; color:#fff; }
.story-milestone p { margin:0; color:rgba(255,255,255,.7); }
.story-closing { margin-top:70px; padding-top:48px; border-top:1px solid rgba(8,31,59,.15); }
.story-closing h2 { margin-top:0; }
.story-cta { padding:105px 0; background:linear-gradient(118deg,#d5a74a,#ddb457 48%,#d2a244); }
.story-cta__inner { max-width:1050px; }
.story-cta h2 { max-width:900px; margin:0; color:var(--story-navy); font-size:clamp(2.8rem,5vw,5.3rem); line-height:1.02; letter-spacing:-.045em; }
.story-cta__inner>div { display:flex; flex-wrap:wrap; align-items:center; gap:28px; margin-top:38px; }
.story-cta__button { background:var(--story-navy); color:#fff; }
.story-cta__link { color:var(--story-navy); font-weight:800; text-decoration:none; }
.story-footer { padding:42px 0; background:#041126; border-top:1px solid rgba(216,173,85,.3); }
.story-footer__inner { display:flex; justify-content:space-between; align-items:center; gap:28px; }
.story-footer .site-logo { color:#fff!important; }
.story-footer .site-logo span { color:var(--story-gold)!important; }
.story-footer p { margin:0; color:rgba(255,255,255,.62); }
@media(max-width:900px){ .story-article__grid{grid-template-columns:1fr;gap:45px}.story-aside{position:static}.story-footer__inner{flex-direction:column;text-align:center} }
@media(max-width:640px){ .story-hero{padding:100px 0 85px}.story-hero h1{font-size:3.15rem}.story-article{padding:82px 0}.story-milestone{padding:32px}.story-copy blockquote{padding-left:24px}.story-cta{padding:82px 0} }
/* Story hero contrast fix */

.story-hero h1 {
    color: #ffffff !important;
}

.story-hero p {
    color: rgba(255, 255, 255, .82);
}

.story-hero .story-eyebrow,
.story-eyebrow {
    color: #d8ad55;
}