@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@400;500;600&display=swap');
:root{
  --gold:#B8963E; --gold-2:#D4B15F; --ink:#1A1A1A; --mute:#5C5C5C; --rule:#D9CFB4;
  --navy:#0B1F3A; --navy-ink:#F3EAD3; --navy-mute:#B9AE8E; --navy-rule:#2A3F60;
  --w:90mm; --h:55mm;
}
.card{width:var(--w);height:var(--h);box-sizing:border-box;position:relative;overflow:hidden;
  font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:#FFFDF8;-webkit-font-smoothing:antialiased}
.card *{margin:0;padding:0}
.card .name{font-family:'EB Garamond',Georgia,serif;font-weight:500;letter-spacing:.01em}
.card .caps{text-transform:uppercase;letter-spacing:.22em;font-weight:500}
.card .emblem{display:block}

/* ---------- Variant A: classic, centred ---------- */
.a{padding:4.5mm 6mm 4.5mm;text-align:center;display:flex;flex-direction:column;align-items:center}
.a .emblem{height:14mm;width:auto}
.a .org{margin-top:1.6mm;font-size:5.6pt;color:var(--gold);line-height:1.5}
.a .org b{display:block;font-weight:600}
.a .org span{display:block;letter-spacing:.32em;font-size:5pt}
.a hr{width:12mm;border:0;border-top:.2mm solid var(--gold);margin:2.4mm auto 2.2mm}
.a .name{font-size:14pt;line-height:1;color:var(--ink)}
.a .title{margin-top:1.4mm;font-size:6.2pt;color:var(--mute);letter-spacing:.06em}
.a .title i{font-style:normal;color:var(--gold);padding:0 .9mm}
.a .foot{margin-top:auto;width:100%;display:flex;justify-content:space-between;align-items:flex-end;
  font-size:5.6pt;color:var(--mute);line-height:1.45;border-top:.15mm solid var(--rule);padding-top:1.8mm}
.a .foot .l{text-align:left}.a .foot .r{text-align:right}
.a .foot b{font-weight:600;color:var(--ink)}

/* ---------- Variant B: navy, emblem left ---------- */
.b{background:var(--navy);color:var(--navy-ink);display:grid;grid-template-columns:24mm 1fr;
  padding:5.5mm 6mm 5mm 6mm;column-gap:4.5mm}
.b .left{display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  border-right:.15mm solid var(--navy-rule);padding-right:4.5mm}
.b .emblem{height:19mm;width:auto}
.b .left .org{font-size:4.4pt;color:var(--gold-2);text-align:center;line-height:1.6;letter-spacing:.14em}
.b .right{display:flex;flex-direction:column}
.b .name{font-size:14.5pt;line-height:1.05;color:#FFF9EA}
.b .title{margin-top:1.6mm;font-size:6pt;color:var(--gold-2);letter-spacing:.08em;line-height:1.5}
.b .foot{margin-top:auto;font-size:5.6pt;color:var(--navy-mute);line-height:1.5}
.b .foot b{color:#FFF9EA;font-weight:500;font-size:6.6pt;letter-spacing:.02em}
.b .foot .k{display:inline-block;width:6.5mm;color:var(--gold-2);font-size:4.6pt;letter-spacing:.15em}
.b.back .right{justify-content:center}