:root{--bg: #f8f4ef;--ink: #2a2118;--ink-soft: #6b6057;--ink-muted: #a49889;--accent: #8b7355;--accent-hover: #7a6449;--accent-contrast: #faf7f3;--card: #ffffff;--card-border: rgba(42, 33, 24, .06);--card-shadow: 0 1px 2px rgba(42, 33, 24, .04), 0 4px 16px rgba(42, 33, 24, .05);--card-shadow-hover: 0 2px 4px rgba(42, 33, 24, .06), 0 8px 28px rgba(42, 33, 24, .08);--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:Montserrat,sans-serif;font-weight:400;color:var(--ink);background:radial-gradient(ellipse 800px 600px at 22% 3%,rgba(200,175,145,.2) 0%,transparent 60%),radial-gradient(ellipse 600px 500px at 78% 92%,rgba(190,170,145,.14) 0%,transparent 55%),linear-gradient(175deg,#faf7f2,#f2ece3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hub{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:40px 24px;position:relative}.grain{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:radial-gradient(rgba(42,33,24,.55) .5px,transparent .5px);background-size:3px 3px;z-index:2}.glow{position:fixed;top:18%;left:50%;transform:translate(-50%);width:520px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(200,175,145,.1) 0%,transparent 65%);pointer-events:none}.hub-card{width:min(400px,100%);position:relative;z-index:1}.portrait{width:156px;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;margin:0 auto 28px;box-shadow:0 4px 20px #2a211814,0 1px 3px #2a21180f;animation:fadeIn .8s var(--ease) both}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}h1{margin:0;font-family:Trirong,serif;font-weight:700;font-style:italic;font-size:clamp(2rem,8.5vw,2.6rem);letter-spacing:-.1em;line-height:1.05;text-align:center;color:var(--ink);animation:fadeUp .7s var(--ease) both .1s}.eyebrow{margin:.3rem 0 0;text-transform:uppercase;letter-spacing:.55em;font-size:.58rem;font-weight:700;color:var(--ink-muted);text-align:center;padding-left:.55em;animation:fadeUp .7s var(--ease) both .2s}.intro{margin:1.1rem auto 2rem;color:var(--ink-muted);font-size:.82rem;font-weight:300;line-height:1.65;text-align:center;max-width:300px;letter-spacing:.01em;animation:fadeUp .7s var(--ease) both .3s}.hub-links{display:grid;gap:.55rem}.hub-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;padding:.9rem 1.1rem;border-radius:14px;border:1px solid var(--card-border);background:var(--card);color:var(--ink);font-weight:400;font-size:.87rem;letter-spacing:.01em;box-shadow:var(--card-shadow);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .28s ease}.hub-link:after{content:"\2192";font-size:.78rem;color:var(--ink-muted);transition:transform .35s var(--ease),color .28s ease;flex-shrink:0;margin-left:12px}.hub-link:hover,.hub-link:focus-visible{transform:translateY(-2px);box-shadow:var(--card-shadow-hover);border-color:#2a21181a;outline:none}.hub-link:hover:after,.hub-link:focus-visible:after{transform:translate(3px);color:var(--ink-soft)}.hub-link:active{transform:translateY(0);box-shadow:var(--card-shadow);transition-duration:.1s}.hub-link-featured{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:500}.hub-link-featured:after{color:var(--accent-contrast);opacity:.5}.hub-link-featured:hover,.hub-link-featured:focus-visible{background:var(--accent-hover);border-color:var(--accent-hover)}.hub-link-featured:hover:after,.hub-link-featured:focus-visible:after{color:var(--accent-contrast);opacity:.8}.hub-link:nth-child(1){animation:fadeUp .6s var(--ease) both .38s}.hub-link:nth-child(2){animation:fadeUp .6s var(--ease) both .44s}.hub-link:nth-child(3){animation:fadeUp .6s var(--ease) both .5s}.hub-link:nth-child(4){animation:fadeUp .6s var(--ease) both .56s}.hub-link:nth-child(5){animation:fadeUp .6s var(--ease) both .62s}.hub-link:nth-child(6){animation:fadeUp .6s var(--ease) both .68s}.hub-link:nth-child(7){animation:fadeUp .6s var(--ease) both .74s}.hub-footer{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center;font-size:.68rem;color:var(--ink-muted);letter-spacing:.02em;animation:fadeUp .6s var(--ease) both .82s}.hub-footer a{color:inherit;text-decoration:none;transition:color .22s ease}.hub-footer a:hover{color:var(--ink-soft)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:460px){.hub{padding:32px 18px}.hub-link{padding:.82rem 1rem;border-radius:12px}}@media(max-height:680px){.hub{align-items:flex-start}}@media(prefers-color-scheme:dark){:root{--bg: #0f0d0b;--ink: #e4dcd0;--ink-soft: #8a7e70;--ink-muted: #5c5347;--accent: #c4a265;--accent-hover: #d4b575;--accent-contrast: #1a1510;--card: rgba(255, 248, 238, .04);--card-border: rgba(228, 220, 208, .08);--card-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 4px 16px rgba(0, 0, 0, .1);--card-shadow-hover: 0 2px 4px rgba(0, 0, 0, .16), 0 8px 28px rgba(0, 0, 0, .14)}body{background:radial-gradient(ellipse 700px 550px at 50% 36%,rgba(30,24,18,1) 0%,transparent 100%),radial-gradient(ellipse 900px 650px at 50% 38%,rgba(196,162,101,.025) 0%,transparent 100%),var(--bg)}.grain{opacity:.045;background-image:radial-gradient(rgba(228,220,208,.4) .5px,transparent .5px);background-size:4px 4px}.glow{background:radial-gradient(circle,rgba(196,162,101,.04) 0%,transparent 70%)}.portrait{box-shadow:0 4px 24px #00000040,0 1px 3px #0003}.hub-link:hover,.hub-link:focus-visible{border-color:#e4dcd024}.hub-link-featured:hover,.hub-link-featured:focus-visible{border-color:var(--accent-hover)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}