*{box-sizing:border-box}
body{margin:0;background:#f5f0e6;color:#17334a;font-family:Arial,Helvetica,sans-serif}
.hero{background:#062b3a;color:#fff;border-bottom:3px solid #d6a21b;padding:18px 6% 54px}
.logo{width:480px;max-width:70%;height:auto;display:block;margin-bottom:44px}
.kicker{color:#f2aa18;font-size:15px;font-weight:800;letter-spacing:3px;margin-bottom:16px}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.8rem,5.2vw,5.4rem);line-height:1.05;font-weight:500;margin:0;max-width:none;color:#fff;white-space:nowrap}
.hero h1 span{color:#f2aa18}
.hero .lead{font-size:19px;line-height:1.55;max-width:900px;margin:25px 0 0;color:#f4f4f1}
.content{max-width:1180px;margin:auto;padding:42px 5% 75px}
.section-title{font-family:Georgia,"Times New Roman",serif;font-size:2.35rem;font-weight:500;margin:0 0 12px;color:#123047}
.section-intro{font-size:17px;line-height:1.6;color:#536e81;margin:0 0 28px;max-width:900px}
.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.pillar{background:#fffdfa;border:1px solid #d9d3c7;border-top:4px solid #d6a21b;border-radius:16px;padding:25px 27px 28px;box-shadow:0 5px 16px rgba(15,45,65,.06)}
.pillar-number{font-family:Georgia,"Times New Roman",serif;font-size:2.1rem;color:#d29a18;font-weight:700;line-height:1;margin-bottom:10px}
.pillar h2{font-family:Georgia,"Times New Roman",serif;font-size:1.65rem;font-weight:500;color:#123047;margin:0 0 12px}
.pillar p{font-size:17px;line-height:1.65;margin:0;color:#28465a}
.references{margin-top:38px;background:#fffdfa;border:1px solid #d9d3c7;border-radius:16px;padding:25px 28px}
.references h2{font-family:Georgia,"Times New Roman",serif;font-size:1.75rem;font-weight:500;margin:0 0 18px}
.source{padding:15px 0;border-top:1px solid #e1ddd4}
.source:first-of-type{border-top:0}
.ref{font-weight:800;color:#9a6512;font-size:14px;margin-bottom:7px}
.source p{font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.65;margin:0;color:#243f51}
.back{display:inline-block;margin-top:28px;color:#2e7259;text-decoration:none;font-size:16px;font-weight:700}
.back:hover{text-decoration:underline}
@media(max-width:760px){.pillars{grid-template-columns:1fr}.hero h1{font-size:2.35rem;white-space:nowrap}.logo{max-width:92%}.content{padding-top:30px}}