*{box-sizing:border-box;margin:0;padding:0}
:root{--blue:#1B3A8C;--ink:#2A2F36;--muted:rgba(42,47,54,.74);--line:rgba(42,47,54,.12)}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:'Jost',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.8;
  font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
::selection{background:#1B3A8C;color:#fff}

.nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;
  justify-content:space-between;gap:16px;padding:16px clamp(20px,5vw,72px);
  background:rgba(255,255,255,.82);backdrop-filter:blur(8px);box-shadow:0 8px 30px -20px rgba(0,0,0,.6)}
.nav__brand{font-family:'Cinzel',serif;font-weight:700;letter-spacing:.2em;color:var(--ink);
  font-size:14px;text-transform:uppercase}
.nav__brand:hover{text-decoration:none;color:var(--blue)}
.nav__back{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;
  color:rgba(42,47,54,.74)}
.nav__back:hover{color:var(--blue);text-decoration:none}

.head{position:relative;text-align:center;overflow:hidden;
  padding:clamp(140px,20vh,196px) clamp(20px,5vw,40px) clamp(40px,6vw,64px)}
.halo{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);
  width:min(760px,120vw);height:min(760px,120vw);border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(27,58,140,.10) 0%,rgba(27,58,140,.04) 42%,transparent 66%)}
.kicker{position:relative;z-index:1;font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--blue);font-weight:600}
.head h1{position:relative;z-index:1;font-family:'Cinzel',serif;font-weight:700;color:var(--ink);
  font-size:clamp(34px,7vw,58px);letter-spacing:.02em;line-height:1.05;margin:16px 0 0}
.head__meta{position:relative;z-index:1;margin-top:18px;font-size:13px;letter-spacing:.05em;color:var(--muted)}

.wrap{max-width:760px;margin:0 auto;padding:0 clamp(20px,5vw,40px) clamp(64px,10vw,120px)}
.sec{padding:clamp(30px,5vw,50px) 0;border-top:1px solid var(--line)}
.sec__label{font-family:'Cinzel',serif;font-size:13.5px;font-weight:600;color:var(--blue);
  letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px}
.sec p{margin:0 0 14px;max-width:64ch}
.note-line{color:var(--muted);margin:-8px 0 18px;font-size:14px}

.org{font-family:'Cinzel',serif;font-weight:600;color:var(--blue);font-size:18px;
  letter-spacing:.02em;margin:0 0 4px}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:11px 34px;margin:20px 0 0}
.facts dt{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-top:5px}
.facts dd{color:var(--ink)}
.facts dd a{word-break:break-word}
.facts dd small{color:var(--muted)}

.foot{border-top:1px solid var(--line);padding:32px clamp(20px,5vw,72px);text-align:center;
  font-size:12px;letter-spacing:.06em;color:var(--muted)}
.foot a{color:var(--muted)}
.foot a:hover{color:var(--blue);text-decoration:none}

@media (max-width:600px){
  .facts{grid-template-columns:1fr;gap:2px 0}
  .facts dt{padding-top:14px}
}
@media (prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}
}