.about-page{min-height:100dvh;background:var(--void)}.about-main{width:min(760px,calc(100% - 40px));margin-inline:auto;padding-block:clamp(112px,13vw,160px) 88px}.about-back{display:inline-flex;align-items:center;gap:8px;color:var(--dim);font-size:13px;text-decoration:none}.about-back svg{width:15px;height:15px}.about-intro{margin-block:52px 56px;padding-bottom:40px;border-bottom:1px solid var(--rule-2)}.about-kicker{margin:0;color:var(--dim);font:600 11px / 1.5 var(--font-mono);letter-spacing:.14em}.about-intro h1{max-width:690px;margin-block:18px 22px;color:var(--paper);font-size:clamp(46px,7vw,80px);font-weight:650;line-height:1.04;letter-spacing:-.055em;text-wrap:balance}.about-intro h1 span{color:var(--accent)}.about-description{max-width:450px;margin:0;color:var(--dim);font-size:17px;line-height:1.7;text-wrap:pretty}.about-socials{display:flex;gap:12px;margin-top:26px}.about-social-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--rule-2);border-radius:var(--r-md);background:var(--panel);color:var(--paper)}.about-social-icon svg{width:18px;height:18px}.about-essay{max-width:650px}.about-essay h2{margin:0 0 30px;color:var(--paper);font-size:clamp(26px,4vw,34px);font-weight:600;line-height:1.25;letter-spacing:-.035em;text-wrap:balance}.about-essay p{margin-block:0 24px;color:var(--dim);font-size:17px;line-height:1.85;text-wrap:pretty}.about-essay .about-greeting{color:var(--paper);font-size:19px;line-height:1.75}.about-essay h3{margin-block:48px 20px;color:var(--paper);font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.025em}.about-signoff{margin-top:40px}.about-signoff p{margin:0}.about-signoff p+p{color:var(--paper);font-weight:600}.about-project{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:64px;padding:28px;border:1px solid var(--rule-2);border-radius:var(--r-lg);background:var(--panel)}.about-project h2{margin-top:10px;color:var(--paper);font-size:21px;font-weight:600;line-height:1.35;letter-spacing:-.025em}.about-project a{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;border-bottom:1px solid currentColor;padding-bottom:3px;color:var(--paper);font-size:14px;font-weight:600;text-decoration:none}.about-project svg{width:16px;height:16px}.about-back:hover,.about-social-icon:hover,.about-project a:hover{color:var(--accent)}.about-back:focus-visible,.about-social-icon:focus-visible,.about-project a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:480px){.about-main{width:calc(100% - 32px);padding-bottom:56px}.about-intro{margin-block:36px 40px}.about-project{flex-direction:column;align-items:flex-start;padding:24px}}