:root{--ink: #111;--paper: #fff;--muted: #626262}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Arial, Helvetica, sans-serif}body{width:calc(100% - 48px);max-width:1240px;margin:0 auto}a{color:inherit;text-decoration:none}.skip-link{position:absolute;z-index:10;top:-100px;left:16px;padding:8px 12px;background:var(--ink);color:var(--paper)}.skip-link:focus{top:12px}.page-intro{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:baseline;padding:24px 0 16px;border-bottom:1px solid var(--ink);font-size:14px}.page-intro p{margin:0;color:var(--muted);text-align:right}.page-intro a:hover,.page-intro a:focus-visible,footer a:hover,footer a:focus-visible{text-decoration:underline;text-underline-offset:3px}.name-link{font-weight:700}.space-map{display:grid;grid-template-columns:minmax(240px, 1.25fr) minmax(0, 3fr);gap:clamp(28px, 5vw, 76px);align-items:center;min-height:720px;padding:48px 0}.space-hub{display:grid;align-self:center;justify-self:center;width:100%;max-width:320px;aspect-ratio:1;margin:0;border:2px solid var(--ink);border-radius:50%;font-size:clamp(34px, 4vw, 58px);font-weight:400;letter-spacing:-.055em;line-height:.9;text-align:center}.space-hub a{display:grid;place-content:center;width:100%;height:100%;border-radius:50%;transition:background-color 160ms ease, color 160ms ease}.space-hub a:hover,.space-hub a:focus-visible{background:var(--ink);color:var(--paper);outline:none}.space-hub a:focus-visible{box-shadow:0 0 0 4px var(--paper),0 0 0 6px var(--ink)}.space-hub strong{display:block;font-weight:700}.link-group{display:flex;flex-direction:column;align-items:center;justify-content:center}.link-groups{display:grid;grid-template-columns:repeat(3, minmax(112px, 1fr));gap:clamp(12px, 2.5vw, 34px);align-items:center;min-height:600px}.work-group{gap:24px}.interests-group{gap:58px}.social-group{gap:20px}.space-link{display:grid;align-self:center;justify-self:center;place-content:center;width:112px;aspect-ratio:1;padding:12px;border:2px solid var(--ink);border-radius:50%;font-size:14px;font-weight:700;line-height:1.1;text-align:center;transform:translateX(var(--arc-x, 0));transition:background-color 160ms ease, color 160ms ease, transform 160ms ease}.space-link:hover,.space-link:focus-visible{background:var(--ink);color:var(--paper);outline:none;transform:translateX(var(--arc-x, 0)) translateY(-4px)}.space-link:focus-visible{box-shadow:0 0 0 4px var(--paper),0 0 0 6px var(--ink)}.link-chinese{font-size:20px}.work-group .space-link:first-child,.work-group .space-link:last-child{--arc-x: -14px}.work-group .space-link:nth-child(2){--arc-x: 18px}.interests-group .space-link:first-child,.interests-group .space-link:last-child{--arc-x: -14px}.interests-group .space-link:nth-child(2){--arc-x: 18px}.social-group .space-link:first-child,.social-group .space-link:last-child{--arc-x: -14px}.social-group .space-link:nth-child(2),.social-group .space-link:nth-child(3){--arc-x: 12px}footer{display:flex;justify-content:space-between;align-items:center;padding:16px 0 24px;border-top:1px solid var(--ink);font-size:12px}.footer-signature .fa-fw{display:inline-block;width:1.25em;text-align:center}.footer-signature .fa-heart::before{content:"♥"}.footer-signature .fa-music::before{content:"♫"}.footer-coffee-link{line-height:1.2;text-align:right}@media (max-width: 900px){.space-map{grid-template-columns:minmax(180px, 1.1fr) minmax(0, 3fr);gap:clamp(18px, 3vw, 36px);min-height:600px;padding:36px 0}.space-hub{max-width:230px;font-size:clamp(30px, 5vw, 44px)}.link-groups{grid-template-columns:repeat(3, minmax(94px, 1fr));gap:10px;min-height:520px}.work-group{gap:18px}.interests-group{gap:40px}.social-group{gap:14px}.space-link{width:94px;padding:10px;font-size:12px}.link-chinese{font-size:18px}}@media (max-width: 640px){body{width:calc(100% - 32px)}.page-intro{grid-template-columns:auto 1fr;gap:8px 20px}.page-intro p{text-align:right}.space-map{grid-template-columns:1fr;gap:32px;min-height:0;padding:40px 0}.space-hub{width:230px}.link-groups{grid-template-columns:1fr;gap:24px;min-height:0}.link-group{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(8px, 2.5vw, 14px);width:100%}.link-groups .link-group .space-link{--arc-x: 0;flex:0 0 auto;width:clamp(62px, 18vw, 84px);padding:7px;font-size:12px}.link-chinese{font-size:18px}}@media (prefers-reduced-motion: reduce){.space-hub a,.space-link{transition:none}}