:root{color-scheme:dark;--ink:#96f254;--teal:#2d464a;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:var(--teal);color:var(--ink);min-height:100svh}
#mesh{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.page{position:relative;z-index:1;width:100%;min-height:100svh;padding:32px 4vw;display:flex;flex-direction:column}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--ink);font-size:.875rem;font-weight:600}
a{color:inherit;text-decoration:none}
.wordmark{font-size:1.125rem;letter-spacing:-.04em}
.profile{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:80px 0 88px;align-items:start;flex:1}
h1{font-size:clamp(5rem,10vw,10rem);line-height:.94;font-weight:600;letter-spacing:-.065em;margin:-8px 0 0}
.period{color:var(--ink)}
.bio{padding:24px;background:transparent}
p{font-size:1.0625rem;line-height:1.6;letter-spacing:-.015em;margin:0 0 24px}
p:last-child{margin-bottom:0}
.intro{font-size:clamp(1.35rem,2.05vw,1.9rem);line-height:1.36;font-weight:600;letter-spacing:-.035em;margin-bottom:32px}
footer{border-top:1px solid var(--ink);padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}
footer>span{font-size:.875rem;font-weight:600}
footer a{font-size:clamp(1.4rem,3vw,2.5rem);letter-spacing:-.045em;font-weight:600;display:inline-flex;gap:24px;align-items:center;min-height:44px}
a:hover{text-decoration:underline;text-underline-offset:6px}
a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
@media(min-width:1600px){.profile{padding-top:100px}}
@media(max-width:850px){.page{padding:24px}.profile{grid-template-columns:1fr;gap:48px;padding:48px 0}h1{font-size:clamp(5rem,16vw,8rem)}.bio{padding:20px}.intro{font-size:1.5rem}header{font-size:.8125rem;gap:12px}footer a{font-size:1.5rem;gap:12px}}
@media(max-width:400px){.page{padding:24px 20px}header>span{max-width:105px;text-align:right}footer{align-items:flex-start;flex-direction:column;gap:12px}}

.bio a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.bio a:hover{text-decoration-thickness:2px}