.me{padding:clamp(6rem, 15vw, 15rem) var(--gut);color:var(--f-ink,#111);--me-mute:color-mix(in srgb, var(--f-ink,#111) 62%, var(--f-ground,#fff));row-gap:clamp(20px,2.4vw,32px);display:grid}@media (min-width:900px){.me{grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:clamp(32px,3.6vw,56px)}}.me-face{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--f-ink,#111) 12%, transparent);aspect-ratio:1;border-radius:clamp(14px,1.6vw,24px);width:100%;display:block;position:relative;overflow:hidden}.me-face img{width:100%;height:100%;display:block}@media (min-width:900px){.me-face{width:clamp(280px,26vw,384px)}}.me-face-lens{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.me-bio{max-width:22ch;font-family:var(--font-display), sans-serif;letter-spacing:-.054em;text-wrap:pretty;view-timeline-name:--me-bio;margin:0;font-size:clamp(26px,2.6vw,40px);font-weight:500;line-height:1.05}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.me-bio span{color:color-mix(in srgb, var(--f-ink,#111) 18%, var(--f-ground,#fff));animation:linear both me-ink;animation-timeline:--me-bio;animation-range:cover calc(40px + var(--i) / var(--n) * 300px) cover calc(40px + (var(--i) + 1) / var(--n) * 300px)}}}@keyframes me-ink{to{color:var(--f-ink,#111)}}.me-links{flex-wrap:wrap;column-gap:1.5em;margin:clamp(20px,2.4vw,32px) 0 0;padding:0;font-size:17px;list-style:none;display:flex}.me-links a{min-height:44px;color:inherit;align-items:center;gap:7px;text-decoration:none;display:inline-flex}@media (max-width:599px){.me-links{grid-template-columns:repeat(2,max-content);column-gap:2em;display:grid}}.me-links svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.me-links span{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.me-links span{transition:background-size .2s cubic-bezier(.23,1,.32,1)}}@media (hover:hover){.me-links a:hover span{background-size:100% 1px}}@media (hover:none){.me-links span{background-size:100% 1px}}.me .book{margin-top:clamp(24px,2.8vw,40px);padding:0}@media (max-width:899px){.me-text{text-align:center}.me-bio{text-wrap:balance;margin-inline:auto}.me-links{justify-content:center}}