.action-link{border:1px solid var(--ink);min-height:3rem;transition:background .22s var(--ease-out), color .22s var(--ease-out), transform .22s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:.8rem;padding:.75rem 1.1rem .75rem 1.25rem;font-size:.9rem;font-weight:650;display:inline-flex}.action-link:hover{transform:translateY(-2px)}.action-link--primary{background:var(--ink);color:#fff}.action-link--primary:hover{background:var(--blue);border-color:var(--blue)}.action-link--secondary{background:0 0}.action-link--secondary:hover{background:var(--surface)}.action-link__arrow{width:1.1rem;transition:transform .22s var(--ease-out)}.action-link:hover .action-link__arrow{transform:translate(3px)}
.hero{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero__inner{min-height:calc(100svh - 4.5rem);padding-top:clamp(2rem,5vw,4.5rem);padding-bottom:2rem;position:relative}.hero__topline{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.hero__topline p{margin:0}.hero__discipline{color:var(--muted);font-size:.75rem}.hero__content{z-index:2;grid-template-columns:minmax(0,1fr) clamp(23rem,32vw,31.5rem);align-items:center;gap:clamp(3rem,5vw,6rem);margin-top:clamp(3.5rem,8vh,6rem);display:grid;position:relative}.hero__intro{min-width:0}.hero__name{max-width:100%;color:var(--blue);letter-spacing:-.065em;margin:0;font-size:clamp(4rem,7.25vw,8rem);font-style:italic;font-weight:470;line-height:.88}.hero__name>span{width:fit-content;display:block}.hero__statement{letter-spacing:-.04em;max-width:26ch;margin:clamp(1.5rem,3vh,2.5rem) 0 0;font-size:clamp(1.35rem,2.2vw,2.15rem);font-weight:520;line-height:1.08}.hero__statement span,.hero__statement em{display:block}.hero__statement em{width:fit-content;color:var(--muted);letter-spacing:-.035em;margin-top:.12em;font-style:normal;font-weight:470}.hero__support{gap:.7rem;max-width:46rem;margin-top:clamp(2rem,4vh,3rem);display:grid}.hero__support>p{max-width:36rem;color:var(--muted);margin:0;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.65}.hero__actions{gap:.65rem;margin-top:clamp(1.75rem,3vh,2.5rem);display:flex}.hero__support>.hero__education{color:var(--ink);font-family:var(--font-mono), monospace;letter-spacing:.015em;align-items:center;gap:.65rem;font-size:clamp(.9rem,1.15vw,1.05rem);display:flex}.hero__education>span:first-child{color:var(--blue);font-weight:700}.hero__education-copy{min-width:0;display:block;position:relative}.hero__education-accessible{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.hero__education-placeholder{visibility:hidden}.hero__education-typed{position:absolute;inset:0}.hero__socials{color:var(--muted);font-family:var(--font-mono), monospace;text-transform:uppercase;align-items:center;gap:.65rem;margin-top:.8rem;font-size:.66rem;display:flex}.hero__socials a{color:var(--ink)}.hero__todo{color:var(--muted)}.hero__portrait{justify-self:end;width:100%;max-width:31.5rem;position:relative}.hero__portrait-frame{aspect-ratio:3/4;border:1px solid var(--line);background:var(--canvas-soft);border-radius:50%;position:relative;overflow:hidden;transform:scale(.95)}.hero__portrait-image{object-fit:cover;object-position:center 32%}.hero__portrait-ring{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero__portrait-ring path{fill:none;stroke:var(--blue);stroke-width:.3px;stroke-dasharray:310;stroke-dashoffset:310px}.hero[data-hero-ready=true] .hero__portrait-ring path{animation:portrait-trace 1.7s .6s var(--ease-out) forwards}@keyframes portrait-trace{to{stroke-dashoffset:0}}@media (max-width:980px){.hero__content{grid-template-columns:1fr}.hero__portrait{justify-self:start;max-width:28rem}}@media (max-width:640px){.hero__inner{min-height:auto;padding-top:1.5rem;padding-bottom:5rem}.hero__discipline{display:none}.hero__content{gap:3rem;margin-top:3rem}.hero__name{font-size:clamp(3.75rem,17vw,5.6rem)}.hero__statement{max-width:22ch;font-size:clamp(1.25rem,6vw,1.7rem)}.hero__statement em{width:auto}.hero__support{margin-top:2rem}.hero__actions,.hero__socials{flex-wrap:wrap}.hero__portrait{margin-top:1rem}}@media (prefers-reduced-motion:reduce){.hero__education-placeholder{visibility:visible}.hero__education-typed{display:none}.hero[data-hero-ready=true] .hero__portrait-ring path{stroke-dashoffset:0;animation:none}}