*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cream:#f7f4ef;--ink:#1a1814;--mid:#8a8480;--rule:#dedad4}html,body{background:var(--cream);height:100%}.site{flex-direction:column;min-height:100vh;font-family:Georgia,serif;display:flex}nav{opacity:0;justify-content:flex-end;align-items:center;gap:2.5rem;padding:2rem 3rem;animation:.8s .8s forwards fadeUp;display:flex}nav a{letter-spacing:.15em;text-transform:uppercase;color:var(--mid);cursor:not-allowed;font-family:Arial,sans-serif;font-size:.78rem;font-weight:300;text-decoration:none;transition:color .2s}nav a:hover{color:var(--ink)}nav a.active{color:var(--ink);cursor:default}main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem 2rem 4rem;display:flex}.portrait-wrap{opacity:0;width:min(340px,80vw);animation:1s .1s forwards fadeUp;position:relative}.portrait-wrap img{filter:grayscale(15%)contrast(1.05);width:100%;display:block}.portrait-wrap:after{content:"";background:radial-gradient(ellipse at center, transparent 55%, var(--cream) 100%);pointer-events:none;position:absolute;inset:0}.name{letter-spacing:.25em;text-transform:uppercase;color:var(--ink);text-align:center;opacity:0;margin-top:1.5rem;font-family:Georgia,serif;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:300;animation:.8s .5s forwards fadeUp}.rule{background:var(--rule);opacity:0;width:40px;height:1px;margin:1.2rem auto 0;animation:.8s .7s forwards fadeUp}.dot{color:var(--rule)}.social-links{opacity:0;align-items:center;gap:.75rem;margin-top:1rem;animation:.8s .9s forwards fadeUp;display:flex}footer{text-align:center;letter-spacing:.08em;color:var(--mid);opacity:0;padding:1.5rem;font-family:Arial,sans-serif;font-size:.72rem;animation:.8s 1s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){nav{gap:1.5rem;padding:1.5rem}}