.about-box{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:28px clamp(32px,1rem + 4vw,80px);display:grid}.about-card{flex-direction:column;gap:14px;display:flex}.about-img{aspect-ratio:4/5;object-fit:cover;object-position:center top;border:1px solid var(--border);border-radius:12px;width:100%}.about-card__caption{flex-direction:column;gap:3px;padding-top:14px;display:flex;position:relative}.about-card__caption:before{content:"";background-color:var(--accent);border-radius:2px;width:36px;height:3px;position:absolute;top:0;left:0}.about-card__name{font-size:var(--text-md);font-weight:700;line-height:1.25}.about-card__role{font-size:var(--text-sm);color:var(--text-secondary)}.about-card__place{font-size:var(--text-xs);color:var(--text-muted)}.about-card__links{font-size:var(--text-sm);gap:16px;display:flex}.about-card__links a{color:var(--accent-ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent-ink) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--accent-ink) 40%, transparent);transition:text-decoration-color .2s}.about-card__links a:hover{text-decoration-color:currentColor}.about-body{flex-direction:column;gap:28px;max-width:68ch;display:flex}.about-text p{font-size:var(--text-md);line-height:1.7}.about-text p+p{margin-top:1em}.about-text .accent{color:var(--accent-ink);font-weight:600}.about-text .tech{border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;border-radius:6px;padding:1px 7px;font-size:.9em}.about-note{border:1px solid var(--border);background-color:var(--card-bg);border-radius:12px;padding:20px;transition:border-color .2s}.about-note:hover{border-color:var(--accent)}.about-note p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65}.about-note .accent{color:var(--text-color);font-weight:600}@media (max-width:900px){.about-box{grid-template-columns:minmax(0,1fr)}.about-card{grid-template-rows:auto 1fr;grid-template-columns:128px minmax(0,1fr);gap:12px 20px;display:grid}.about-img{grid-row:1/span 2}.about-card__links{align-self:end}}.accent{color:var(--accent)}
