
:root{--blue:#0052a5;--navy:#061b3d;--ink:#0d1424;--muted:#667085;--paper:#f8f6ef;--line:#d8dce3;--gold:#b8943f;--white:#fff;--shadow:0 16px 36px rgba(6,27,61,.12)}
*{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} body{margin:0;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;font-size:18px;line-height:1.55} img{max-width:100%;height:auto;display:block} button{font:inherit}
.site-header{width:100%;background:#fff;border-bottom:1px solid var(--line);padding:14px 16px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.brand{display:block;max-width:100%}.brand img{width:min(100%,360px)}.nav{display:flex;gap:14px 18px;flex-wrap:wrap}.nav a{text-decoration:none;color:var(--navy);font-weight:900;font-size:.92rem;letter-spacing:.02em}
.hero,.section{width:100%;padding:38px 18px}.hero{background:linear-gradient(135deg,#fff 0%,#f7f3e8 100%)}.hero-copy,.section>*,.card-grid{max-width:1180px;margin-left:auto;margin-right:auto}.eyebrow{margin:0 0 12px;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.22em;font-size:.82rem} h1,h2,h3{color:var(--navy);line-height:1.05;margin:0 0 18px}h1{font-size:clamp(2.7rem,12vw,5.8rem);letter-spacing:-.06em}h2{font-size:clamp(2rem,9vw,4rem);letter-spacing:-.05em}h3{font-size:1.45rem;letter-spacing:-.02em}.lead,.section p{font-family:Georgia,serif;color:var(--muted);font-size:1.25rem}.actions{display:grid;gap:12px;margin:26px 0}.btn{display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--blue);color:#fff;padding:15px 18px;text-decoration:none;font-weight:900;box-shadow:var(--shadow)}.btn-ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}.hero-image{max-width:1180px;margin:34px auto 0;background:#fff;border:1px solid var(--line);padding:10px;box-shadow:var(--shadow)}.hero-image img{width:100%;object-fit:contain}.hero-image figcaption{font-family:Georgia,serif;color:var(--muted);font-style:italic;padding:12px 6px 2px}.split{display:block}.panel{margin-top:28px;padding:26px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow)}.dark,.dark-section{background:var(--navy);color:#fff}.dark h2,.dark h3,.dark-section h2,.dark-section h3{color:#fff}.dark li,.dark p,.dark-section p{color:#e2ebf7}.panel ul{margin:0;padding-left:22px}.panel li{margin:10px 0}.timeline-section{background:#fbfcfe}.timeline{border-left:6px solid var(--blue);padding-left:28px;display:grid;gap:26px}.timeline article{position:relative}.timeline article:before{content:"";position:absolute;left:-42px;top:4px;width:20px;height:20px;border-radius:50%;background:var(--gold);border:4px solid #fff;box-shadow:0 0 0 2px var(--gold)}time{font-weight:900;color:var(--navy);font-size:1.25rem}.section-intro{max-width:920px}.card-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:26px}.card{width:100%;overflow:hidden;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.card .image-button{width:100%;display:block;border:0;background:transparent;padding:0;margin:0;cursor:pointer}.card img{width:100%;height:auto;object-fit:contain;background:#f6f7f9}.card-body{padding:22px}.card span{display:block;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;margin-bottom:10px}.card p{font-size:1.18rem;margin:0}.dark-section .card{background:#092653;border-color:#29496f}.dark-section .card h3{color:#fff}.dark-section .card span{color:#b6d6ff}.dark-section .card p{color:#dbe6f5}.contribute{background:var(--navy);color:#fff}.contribute h2,.contribute p{color:#fff}footer{padding:32px 18px;text-align:center;background:#03142e;color:#dbe6f5}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;background:rgba(3,11,25,.94);z-index:999;display:grid;place-items:center;padding:18px}.lightbox img{max-width:96vw;max-height:80vh;object-fit:contain;background:#fff}.lightbox p{color:#fff;text-align:center;font-weight:800}.lightbox-close{position:absolute;top:14px;right:14px;background:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:34px;line-height:1;cursor:pointer}
@media (min-width:820px){body{background:linear-gradient(90deg,#eef3f7 0,#fff 8%,#fff 92%,#efe9dc 100%)}.site-header{position:sticky;top:0;z-index:10;padding:18px 48px;flex-direction:row;align-items:center;justify-content:space-between}.brand img{width:380px}.nav{justify-content:flex-end}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:42px;align-items:center;padding:70px 48px}.hero-copy{margin:0}.hero-image{margin:0}.section{padding:74px 48px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:44px}.panel{margin-top:0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.card img{height:340px;object-fit:cover}.dark-section .card img{object-fit:contain;height:420px}.actions{display:flex;flex-wrap:wrap}.btn{min-width:200px}.lead,.section p{font-size:1.45rem}}
@media (min-width:1180px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding-left:70px;padding-right:70px}.section{padding-left:70px;padding-right:70px}.card img{height:310px}.dark-section .card img{height:380px}}
