/* ============================================================
   hub.css — the gated entrance: two doors.
   ============================================================ */
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(1100px 620px at 50% -10%,rgba(200,169,106,.12),transparent 60%),var(--bg);
  color:var(--ink);font-family:var(--sans)}
.hub{width:920px;max-width:92vw;text-align:center;padding:48px 24px}
.hub .crest{width:64px;height:64px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;
  justify-content:center;margin:0 auto 24px;font-family:var(--serif);font-size:1.7rem;color:var(--gold)}
.hub .conf{font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:#c75f52;opacity:.85;margin-bottom:20px}
.hub .dedication{margin-bottom:28px}
.hub .ded-main{font-family:var(--serif);font-size:1.15rem;letter-spacing:.02em;color:var(--gold-soft);margin-bottom:10px}
.hub .ded-sub{font-size:.64rem;letter-spacing:.26em;text-transform:uppercase;color:#c75f52;opacity:.85}
.hub h1{font-family:var(--serif);font-weight:600;font-size:3rem;line-height:1.05;margin:0 0 10px}
.hub .sub{color:var(--muted);max-width:560px;margin:0 auto 44px;font-size:1.05rem}
.doors{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:760px;margin:0 auto}
.door{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:34px 30px;text-align:left;
  text-decoration:none;color:var(--ink);transition:.22s;position:relative;overflow:hidden}
.door::after{content:"";position:absolute;inset:0;background:radial-gradient(400px 200px at 80% 0%,rgba(200,169,106,.08),transparent);opacity:0;transition:.22s}
.door:hover{border-color:var(--gold);transform:translateY(-3px)}
.door:hover::after{opacity:1}
.door .ic{font-size:2rem;color:var(--gold);display:block;margin-bottom:16px}
.door .k{font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.door h2{font-family:var(--serif);font-weight:600;font-size:1.7rem;margin:0 0 8px}
.door-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.door-head .ic{margin-bottom:0;display:flex;align-items:center}
.door-head h2{margin:0}
.door p{color:var(--muted);font-size:.92rem;margin:0}
.door .go{margin-top:18px;color:var(--gold);font-size:.8rem;letter-spacing:.06em}
.hub .foot{margin-top:46px;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);opacity:.7}
@media(max-width:720px){.doors{grid-template-columns:1fr}.hub h1{font-size:2.3rem}}