:root{
  --paper:#f6f1e8;--ink:#0a0908;--ink-2:#141210;
  --gold:#b8893f;--gold-2:#6b4d1f;--gold-bright:#d9b56a;
  --serif:'Cormorant Garamond',serif;
  --sans:'Inter',system-ui,sans-serif;
  --mono:'JetBrains Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:var(--paper);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}

.hub-wrap{max-width:960px;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 20px 60px}

.hub-top{position:relative;padding-top:6px;margin-bottom:34px}
.hub-langs{position:absolute;top:0;right:0;display:flex;gap:5px}
.hub-langs a{font-family:var(--mono);font-size:10px;letter-spacing:.04em;padding:4px 9px;border-radius:20px;background:rgba(217,181,106,.08);color:rgba(246,241,232,.55);border:1px solid rgba(217,181,106,.25);text-decoration:none}
.hub-langs a.on{color:var(--gold-bright);border-color:rgba(217,181,106,.6);background:rgba(217,181,106,.12)}

.hub-eyebrow{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:12px}
.hub-title{font-family:var(--serif);font-weight:600;font-size:clamp(28px,5vw,40px);line-height:1.1;margin-bottom:12px;text-wrap:balance}
.hub-desc{font-size:14.5px;line-height:1.65;color:rgba(246,241,232,.75);max-width:520px}

.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.hub-card{display:block;text-decoration:none;color:inherit;background:var(--ink-2);border-radius:10px;overflow:hidden;border:1px solid rgba(217,181,106,.12);transition:transform .2s ease,border-color .2s ease}
.hub-card:hover{transform:translateY(-3px);border-color:rgba(217,181,106,.35)}
.hub-card-photo{position:relative;aspect-ratio:1/1;background:var(--ink-2)}
.hub-card-photo img{width:100%;height:100%;object-fit:cover;display:block}
.hub-card-num{position:absolute;top:10px;left:10px;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:var(--gold-bright);background:rgba(10,9,8,.6);padding:3px 8px;border-radius:20px;border:1px solid rgba(217,181,106,.35)}
.hub-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}
.hub-card-eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright)}
.hub-card-title{font-family:var(--serif);font-size:17px;font-weight:600;line-height:1.25}