.hp{--hp-card: var(--ap-panel);--hp-card-border: var(--ap-panel-border);--hp-card-blur: var(--ap-panel-blur);--hp-shadow: var(--ap-panel-shadow);--hp-tile: color-mix(in srgb, var(--text-color) 5%, transparent);--hp-tile-hover: color-mix(in srgb, var(--accent-color) 12%, transparent);--hp-ink: var(--text-color);--hp-muted: color-mix(in srgb, var(--text-color) 62%, transparent);--hp-rule: color-mix(in srgb, var(--text-color) 12%, transparent);--hp-accent: var(--accent-color);--hp-serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;--hp-text: 1.0625rem;--hp-small: .9375rem;--hp-gutter: clamp(1rem, 4vw, 3.5rem);--hp-card-width: 56rem;--hp-card-pad: clamp(1.25rem, 4vw, 2.25rem);--hp-radius: var(--surface-radius, 2rem);--hp-radius-inner: var(--surface-radius-inner, 1rem)}.hp{display:flex;flex-direction:column;color:var(--hp-ink);font-size:var(--hp-text);line-height:1.55}.hp a{color:inherit;text-decoration:none}.hp i{font-size:1em}.hp-shell{flex:1 0 auto;display:grid;place-items:center;padding:clamp(1.5rem,5vh,3.5rem) var(--hp-gutter)}.hp-card{width:min(100%,var(--hp-card-width));display:grid;gap:clamp(1.5rem,3vh,2rem);padding:var(--hp-card-pad);border:1px solid var(--hp-card-border);border-radius:var(--hp-radius);background:var(--hp-card);backdrop-filter:var(--hp-card-blur);-webkit-backdrop-filter:var(--hp-card-blur);box-shadow:var(--hp-shadow)}.hp-intro{display:grid;justify-items:center;gap:.75rem;text-align:center}.hp-name{margin:0;font-family:var(--hp-serif);font-weight:400;font-size:clamp(3.25rem,7vw,5rem);line-height:.95;letter-spacing:-.02em}.hp-bio{margin:0;color:var(--hp-muted)}.hp-bio:empty{display:none}.hp-social{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem}.hp-social__link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--hp-rule);border-radius:999px;background:var(--hp-tile);font-size:var(--hp-small);font-weight:700;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.hp-social__link:hover,.hp-social__link:focus-visible{background:var(--hp-tile-hover);border-color:color-mix(in srgb,var(--hp-ink) 18%,transparent);transform:translateY(-1px)}.hp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.hp-stats:empty{display:none}.hp-stat{display:grid;justify-items:center;gap:.15rem;padding:.9rem .75rem;border-radius:var(--hp-radius-inner);background:var(--hp-tile);text-align:center;transition:background-color .15s ease}.hp-stat:hover{background:var(--hp-tile-hover)}.hp-stat__value{font-family:var(--hp-serif);font-size:2.125rem;line-height:1;font-variant-numeric:tabular-nums}.hp-stat__label{font-size:var(--hp-small);color:var(--hp-muted)}.hp-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem clamp(2rem,5vw,4.5rem)}.hp-work[hidden]{display:none}.hp-work__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.5rem;padding-inline:.25rem}.hp-work__title{margin:0;font-size:var(--hp-small);font-weight:700}.hp-work__more{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--hp-small);color:var(--hp-muted);transition:color .15s ease}.hp-work__more:hover{color:var(--hp-ink)}.hp-work__list{display:grid;gap:.25rem}.hp-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:1rem;padding:.85rem 1rem;margin-inline:-.75rem;border-radius:var(--hp-radius-inner);transition:background-color .15s ease}.hp-item:hover,.hp-item:focus-visible{background:var(--hp-tile)}.hp-item__text{display:grid;gap:.1rem;min-width:0}.hp-item__title{font-weight:700;overflow-wrap:anywhere}.hp-item__desc{font-size:var(--hp-small);color:var(--hp-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-item__go{color:var(--hp-muted);transition:transform .15s ease,color .15s ease}.hp-item:hover .hp-item__go{color:var(--hp-accent);transform:translate(3px)}@media(prefers-reduced-motion:no-preference){.hp-card{animation:hp-rise .5s cubic-bezier(.2,.8,.2,1) both}}@keyframes hp-rise{0%{opacity:0;transform:translateY(10px) scale(.99)}}@media(max-width:860px){.hp-columns{grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.hp-stat{padding-inline:.25rem}}
