body.history-page{background:#f7f9fc;color:var(--navy)}
.history-page .page{overflow:clip}
.history-hero-shell{padding:16px 18px 86px;background:#fff}
.history-page .hero{height:clamp(650px,82svh,780px);min-height:650px;border-radius:30px;overflow:hidden;position:relative;background:#00152f}
.history-page .hero-media img{object-position:center 44%;filter:saturate(.78) contrast(1.02)}
.history-page .hero-media:after{background:linear-gradient(90deg,rgba(0,21,47,.93) 0%,rgba(0,21,47,.70) 34%,rgba(0,21,47,.20) 66%,rgba(0,21,47,.12) 100%)}
.history-page .site-header{top:20px;left:50%;right:auto;width:min(1430px,calc(100% - 120px));transform:translateX(-50%)}
.history-page .hero-copy{left:7.2%;top:auto;bottom:72px;width:min(720px,48%);padding:0;background:transparent;border:0;backdrop-filter:none;box-shadow:none}
.history-page .hero-kicker{color:#dbe7f5}
.history-page .hero-title{font-size:clamp(62px,6.4vw,108px);line-height:.88;letter-spacing:-.065em;margin:18px 0 24px}
.history-page .hero-lead{max-width:610px;color:#e5edf6;font-size:18px;line-height:1.55}
.history-page .hero-actions{margin-top:30px}
.history-page .hero-meta{margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.22);display:flex;gap:34px}
.history-page .hero-meta b{color:#fff}.history-page .hero-meta span{color:#9cb0c7}
.history-seal{position:absolute;right:8%;bottom:42px;width:clamp(210px,24vw,390px);aspect-ratio:1;display:grid;place-items:center;pointer-events:none}
.history-seal:before{content:"";position:absolute;inset:-22%;border-radius:50%;background:radial-gradient(circle,rgba(191,255,102,.15),rgba(0,74,173,.04) 48%,transparent 70%);filter:blur(12px)}
.history-seal img{width:100%;height:100%;object-fit:contain;position:relative;filter:drop-shadow(0 22px 48px rgba(0,0,0,.28))}
.history-scroll{position:absolute;right:34px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center;color:rgba(255,255,255,.62);font-size:10px;text-transform:uppercase;letter-spacing:.18em}

.history-intro{padding:110px 0 54px;background:#fff;position:relative}
.history-intro .ghost{font-size:clamp(150px,18vw,350px);top:-70px;left:1%;color:rgba(0,74,173,.028)}
.history-intro-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px;align-items:start}
.history-intro h2{font-size:clamp(54px,6vw,94px);line-height:.92;letter-spacing:-.065em;margin:0}.history-intro h2 em{font-weight:420}
.history-intro-copy{font-size:19px;line-height:1.65;color:#65758a;max-width:780px}
.history-intro-copy strong{color:var(--navy)}
.history-nav-wrap{position:sticky;top:18px;z-index:30;margin-top:58px}
.history-nav{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding:8px;background:rgba(255,255,255,.78);border:1px solid rgba(0,74,173,.10);backdrop-filter:blur(18px);border-radius:18px;box-shadow:0 16px 44px rgba(0,30,75,.06)}
.history-nav::-webkit-scrollbar{display:none}.history-nav a{white-space:nowrap;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:650;color:#506176;transition:background .35s,color .35s}.history-nav a:hover,.history-nav a.is-active{background:var(--navy);color:#fff}

.history-timeline{padding:48px 0 120px;background:#fff}
.era{scroll-margin-top:120px;position:relative;padding:42px 0}
.era-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:42px;align-items:start}
.era-year{position:sticky;top:104px;padding-top:10px}.era-year span{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-weight:750}.era-year strong{display:block;font-size:clamp(54px,5.3vw,82px);line-height:.92;letter-spacing:-.07em;margin-top:7px}
.era-card{border:1px solid var(--line);border-radius:26px;background:#f8fafc;overflow:hidden;position:relative;box-shadow:0 18px 54px rgba(0,30,70,.05)}
.era-card.white{background:#fff}.era-card.blue{background:var(--navy);color:#fff;border-color:rgba(255,255,255,.05)}.era-card.soft{background:var(--soft-blue)}
.era-card-inner{padding:clamp(28px,4vw,54px)}
.era-label{display:flex;align-items:center;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:750;color:var(--blue);margin-bottom:20px}.blue .era-label{color:var(--lime)}.era-label i{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 6px color-mix(in srgb,currentColor 12%,transparent)}
.era-card h3{font-size:clamp(40px,4.3vw,68px);line-height:.94;letter-spacing:-.06em;margin:0 0 24px;max-width:900px}.era-card h3 em{font-weight:420}.era-card p{font-size:17px;line-height:1.65;color:#647489;max-width:880px;margin:0}.era-card.blue p{color:#b9c7d8}
.era-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.era-fact{min-height:108px;border-radius:18px;border:1px solid rgba(0,74,173,.10);background:rgba(255,255,255,.72);padding:20px}.blue .era-fact{border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.055)}.era-fact b{display:block;font-size:28px;letter-spacing:-.045em}.era-fact span{display:block;font-size:12px;color:#718196;margin-top:5px}.blue .era-fact span{color:#8498b0}
.era-card.has-art{display:grid;grid-template-columns:1.1fr .9fr}.era-art{position:relative;min-height:440px;background:linear-gradient(150deg,#edf4ff,#dfeaff);display:grid;place-items:center;overflow:hidden}.era-art:before{content:"DEM";position:absolute;font-size:190px;font-weight:800;letter-spacing:-.1em;color:rgba(0,74,173,.035);bottom:-24px;right:-12px}.era-art img{width:min(62%,330px);position:relative;z-index:2;filter:drop-shadow(0 22px 35px rgba(0,46,108,.12))}
.era-bento{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;margin-top:14px}.era-mini{min-height:220px;border-radius:22px;padding:28px;border:1px solid var(--line);background:#fff;position:relative;overflow:hidden}.era-mini.blue{background:#0757bd;color:#fff;border-color:#0757bd}.era-mini b{display:block;font-size:42px;line-height:1;letter-spacing:-.06em}.era-mini span{font-size:13px;color:#6d7d90;display:block;margin-top:10px}.era-mini.blue span{color:#dbe8fa}.era-mini:after{content:"";position:absolute;right:-45px;bottom:-55px;width:160px;height:160px;border-radius:50%;border:1px solid rgba(0,74,173,.08)}.era-mini.blue:after{border-color:rgba(255,255,255,.15)}

.history-quote{margin:26px 0 0;padding:24px 28px;border-radius:20px;background:rgba(191,255,114,.13);border:1px solid rgba(145,209,72,.22);font-size:24px;line-height:1.25;letter-spacing:-.035em;font-weight:620;color:var(--navy)}
.history-quote em{font-weight:420}
.history-close{padding:30px 0 120px;background:#fff}.history-close-card{min-height:500px;border-radius:28px;overflow:hidden;background:var(--navy);color:#fff;position:relative;padding:clamp(34px,5vw,70px);display:grid;grid-template-columns:1fr .7fr;align-items:end}.history-close-card:before{content:"100";position:absolute;right:-25px;top:-44px;font-size:clamp(210px,27vw,460px);font-weight:800;line-height:.8;letter-spacing:-.1em;color:rgba(255,255,255,.035)}.history-close-card h2{font-size:clamp(58px,7vw,110px);line-height:.86;letter-spacing:-.07em;margin:0 0 24px;position:relative}.history-close-card h2 em{font-weight:420}.history-close-card p{color:#aabbd0;font-size:18px;line-height:1.6;max-width:680px;position:relative}.history-close-logo{justify-self:end;width:min(340px,80%);position:relative}.history-close-logo img{width:100%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.3))}
.source-note{padding-top:26px;font-size:12px;color:#8493a5}.source-note a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}

@media(max-width:1100px){
 .history-page .site-header{width:calc(100% - 62px)}.history-page .hero-copy{width:58%}.history-seal{width:260px;right:4%}
 .history-intro-grid{grid-template-columns:1fr;gap:34px}.era-grid{grid-template-columns:130px minmax(0,1fr);gap:24px}.era-card.has-art{grid-template-columns:1fr}.era-art{min-height:320px}.history-close-card{grid-template-columns:1fr .45fr}
}
@media(max-width:780px){
 .history-hero-shell{padding:8px 8px 70px}.history-page .hero{height:auto;min-height:820px;border-radius:22px}.history-page .site-header{top:11px;width:calc(100% - 24px)}.history-page .hero-media:after{background:linear-gradient(180deg,rgba(0,21,47,.17),rgba(0,21,47,.90) 62%,rgba(0,21,47,.99))}.history-page .hero-copy{position:absolute;left:24px;right:24px;bottom:54px;width:auto}.history-page .hero-title{font-size:clamp(54px,14vw,72px)}.history-page .hero-lead{font-size:16px}.history-page .hero-meta{gap:12px}.history-seal{width:190px;right:18px;top:140px;bottom:auto;opacity:.9}.history-scroll{display:none}
 .history-intro{padding-top:82px}.history-intro h2{font-size:50px}.history-intro-copy{font-size:17px}.history-nav-wrap{top:10px}.history-nav{border-radius:15px}
 .history-timeline{padding-top:24px}.era{padding:28px 0}.era-grid{grid-template-columns:1fr;gap:13px}.era-year{position:relative;top:auto;display:flex;align-items:end;gap:12px}.era-year strong{font-size:46px}.era-card{border-radius:22px}.era-card h3{font-size:42px}.era-card p{font-size:16px}.era-facts{grid-template-columns:1fr}.era-bento{grid-template-columns:1fr}.era-art{min-height:260px}.history-close-card{grid-template-columns:1fr;min-height:620px;padding:34px 26px}.history-close-logo{justify-self:start;width:190px;margin-top:36px}
}