.dpn-portrait{width:100%;max-width:420px;margin:0}.dpn-portrait__frame{aspect-ratio:4/5;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);position:relative;overflow:hidden}.dpn-portrait__frame img,.dpn-portrait__frame canvas{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.dpn-portrait__frame canvas{pointer-events:none}.dpn-portrait__caption{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-top:10px}.dpn-section__title-sm{font-size:var(--text-2xl);color:var(--text-strong);margin:0}.dpn-about__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.dpn-about__illustration{max-width:420px;margin-bottom:var(--space-5)}.dpn-about-hero{padding:88px 0}.dpn-about-hero__inner{max-width:var(--container-lg);padding:0 var(--gutter);gap:var(--space-12);grid-template-columns:1.1fr .9fr;align-items:center;margin:0 auto;display:grid}.dpn-about-hero__copy{max-width:560px}.dpn-about-hero__title{font-size:var(--text-3xl);color:var(--text-strong);overflow-wrap:break-word;margin:0 0 18px}.dpn-about-hero__bio{font-size:var(--text-lg);color:var(--text);margin:0 0 18px;line-height:1.7}.dpn-about-hero__collab{font-family:var(--font-mono);color:var(--brand-deep);font-size:var(--text-14);margin:0}.dpn-about-hero__portrait{justify-self:end}@media (width<=880px){.dpn-about-hero{padding:40px 0 56px}.dpn-about-hero__inner{gap:var(--space-8);grid-template-columns:1fr}.dpn-about-hero__portrait{order:-1;justify-self:center;max-width:300px}.dpn-about__illustration{max-width:none}}