.success-hero { position: relative; overflow: hidden; min-height: 620px; display: grid; align-items: end; color: #fff; background: linear-gradient(90deg, rgba(7,17,31,.97) 0%, rgba(15,23,42,.88) 45%, rgba(15,23,42,.26) 100%), var(--success-hero-image) center 30% / cover no-repeat; }
.success-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 150px; background: linear-gradient(180deg, transparent, rgba(251,252,253,.98)); pointer-events: none; }
.success-hero .container { position: relative; z-index: 1; padding-top: 116px; padding-bottom: 88px; }
.success-hero-copy { max-width: 820px; }
.success-hero h1 { max-width: 880px; }
.success-hero .hero-lede { color: #e5edf5; }
.success-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.success-meta span { padding: 8px 12px; border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.1); border-radius: 999px; font-size: 13px; font-weight: 800; backdrop-filter: blur(10px); }
.story-index-hero { padding: 92px 0 76px; background: linear-gradient(135deg, #07111f, #0f172a 48%, #1e3a8a); color: #fff; }
.story-index-hero p { color: #dbe7ea; max-width: 720px; font-size: 18px; }
.story-card-grid, .story-stat-grid, .scope-grid, .quote-grid { display: grid; gap: 20px; }
.story-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.story-card, .story-stat, .scope-card, .quote-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 16px 46px rgba(7,17,31,.08); }
.story-card { display: flex; flex-direction: column; overflow: hidden; }
.story-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.story-card-body { padding: 24px; }
.story-card-body p, .scope-card p, .quote-card p, .story-copy p { color: var(--muted); }
.story-card-body a { color: var(--brand-blue); font-weight: 850; }
.story-stats { margin-top: -48px; position: relative; z-index: 3; }
.story-stat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.story-stat { padding: 28px 22px; }
.story-stat strong { display: block; color: var(--brand-blue); font-size: clamp(32px, 4vw, 46px); line-height: 1; }
.story-stat span { display: block; margin-top: 10px; color: var(--muted); font-weight: 750; }
.story-two-col { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr); gap: 46px; align-items: center; }
.story-two-col.reverse > :first-child { order: 2; }
.story-image { width: 100%; border-radius: var(--radius); box-shadow: var(--shadow); object-fit: cover; }
.story-list { display: grid; gap: 12px; padding: 0; margin: 24px 0 0; list-style: none; }
.story-list li { position: relative; padding-left: 30px; color: #253349; font-weight: 650; }
.story-list li::before { content: ">"; position: absolute; left: 0; color: var(--brand-blue); font-weight: 900; }
.scope-grid, .quote-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.scope-card { padding: 24px; }
.scope-card span { display: inline-flex; margin-bottom: 14px; padding: 6px 9px; border-radius: 999px; background: #eef2ff; color: var(--brand-blue); font-size: 12px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.quote-card { position: relative; padding: 30px; }
.quote-card::before { content: "\201C"; position: absolute; top: 8px; right: 20px; color: rgba(30,58,138,.12); font-size: 74px; font-family: Georgia, serif; line-height: 1; }
.quote-card strong { display: block; margin-top: 20px; }
.quote-card small { color: var(--muted); }
.gallery-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; }
.gallery-grid figure { margin: 0; overflow: hidden; border-radius: var(--radius); background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow); }
.gallery-grid img { display: block; width: 100%; height: 100%; min-height: 340px; object-fit: cover; }
.gallery-grid figcaption { padding: 14px 16px; color: var(--muted); font-weight: 650; }
.timeline { display: grid; gap: 16px; counter-reset: step; }
.timeline article { position: relative; padding: 24px 24px 24px 72px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); }
.timeline article::before { counter-increment: step; content: counter(step); position: absolute; left: 24px; top: 24px; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 999px; background: var(--brand-blue); color: #fff; font-weight: 900; }
.story-cta { background: linear-gradient(135deg, #07111f, #1e3a8a); color: #fff; }
.story-cta p { color: #e5edf5; }
.academy-hero { min-height: 660px; }
.academy-gallery-feature img { min-height: 520px; }
.academy-moments article { min-height: 140px; }
@media (max-width: 860px) { .story-card-grid, .story-stat-grid, .scope-grid, .quote-grid, .story-two-col, .gallery-grid { grid-template-columns: 1fr; } .story-two-col.reverse > :first-child { order: 0; } .success-hero { min-height: 560px; background-position: center top; } }