@font-face{font-family:"Chiron Sung HK";src:url("fonts/chiron-sung-hk-700-latin.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Gelasio";src:url("fonts/gelasio-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Sintony";src:url("fonts/sintony-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --maroon:#7C0B2E; --maroon-deep:#5C0821; --sand:#C1A88A; --sand-ink:#75593D;
  --cream:#F5EDE3; --paper:#FBF7F1; --ink:#2B2522; --ink-soft:#5A4C43;
  --display:"Chiron Sung HK",Georgia,serif; --body:"Gelasio",Georgia,serif; --label:"Sintony","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  min-height:100vh;background:var(--cream);color:var(--ink);font-family:var(--body);
  display:flex;justify-content:center;
  padding:max(28px,env(safe-area-inset-top)) 16px max(40px,env(safe-area-inset-bottom));
  background-image:linear-gradient(var(--maroon),var(--maroon));background-size:100% 6px;background-repeat:no-repeat;
}
.wrap{width:100%;max-width:440px;text-align:center}

.logo{display:block;width:min(260px,72%);margin:8px auto 26px}
.logo img{display:block;width:100%;height:auto}

.hero{margin-bottom:24px}
.av{
  display:inline-flex;align-items:center;justify-content:center;
  width:92px;height:92px;border-radius:50%;
  background:var(--maroon);color:var(--cream);
  font-family:var(--display);font-weight:700;font-size:34px;letter-spacing:.04em;
  box-shadow:0 0 0 4px var(--cream),0 0 0 6px var(--sand);margin-bottom:16px;
}
.av.sm{width:44px;height:44px;font-size:16px;margin:0;flex-shrink:0;box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--sand)}
h1{font-family:var(--display);font-weight:700;font-size:32px;line-height:1.1;color:var(--ink)}
.eyebrow{font-family:var(--label);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--maroon);margin-top:10px;line-height:1.5}
.about{font-size:16px;line-height:1.6;color:var(--ink-soft);margin:12px auto 0;max-width:380px}

.links{display:flex;flex-direction:column;gap:12px}
a.link{
  display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);
  background:var(--paper);border:1px solid rgba(193,168,138,.65);border-radius:12px;
  padding:15px 16px;font-family:var(--label);font-weight:700;font-size:15px;text-align:left;
  transition:transform .12s ease,border-color .12s ease,background .12s ease;
}
a.link:hover{transform:translateY(-1px);border-color:var(--maroon)}
a.link:focus-visible,a.member:focus-visible,.logo:focus-visible{outline:3px solid var(--maroon);outline-offset:3px}
a.link .tx{flex:1;min-width:0}
a.link small,a.member small{display:block;font-family:var(--body);font-weight:400;font-size:13px;color:var(--ink-soft);margin-top:3px;overflow-wrap:anywhere}
.ic{width:22px;height:22px;color:var(--maroon);flex-shrink:0}
.arw{width:18px;height:18px;color:var(--sand-ink);flex-shrink:0}
a.primary{background:var(--maroon);border-color:var(--maroon);color:var(--cream)}
a.primary small{color:rgba(245,237,227,.82)}
a.primary .ic,a.primary .arw{color:var(--cream)}
a.primary:hover{background:var(--maroon-deep);border-color:var(--maroon-deep)}
a.back{background:transparent;border-style:dashed}

.team{margin-top:34px;padding-top:26px;border-top:1px solid rgba(193,168,138,.7)}
.team h2{font-family:var(--label);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--sand-ink);margin-bottom:14px}
.members{display:flex;flex-direction:column;gap:10px}
a.member{
  display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);text-align:left;
  background:var(--paper);border:1px solid rgba(193,168,138,.65);border-radius:12px;padding:12px 14px;
  transition:transform .12s ease,border-color .12s ease;
}
a.member:hover{transform:translateY(-1px);border-color:var(--maroon)}
a.member .mtx{flex:1;min-width:0}
a.member strong{font-family:var(--display);font-weight:700;font-size:17px}

.foot{margin-top:34px;font-size:12.5px;color:var(--ink-soft)}
@media (prefers-reduced-motion:reduce){a.link,a.member{transition:none}a.link:hover,a.member:hover{transform:none}}