.about-section{padding-block:var(--space-2xl) var(--space-xl);background-color:#010101d1;border-top:1px solid #ffffff14}.about-section__inner{width:min(100% - 2rem, var(--max-width));gap:var(--space-xl);flex-direction:column;margin-inline:auto;display:flex}.about-section__top{gap:var(--space-lg);grid-template-columns:1fr;align-items:stretch;display:grid}.about-section__portrait{aspect-ratio:4/5;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);transition:border-color var(--transition-base);position:relative;overflow:hidden}.about-section__portrait:hover{border-color:var(--color-border-hover)}.about-section__portrait-image{object-fit:cover;object-position:center;transition:transform .5s}.about-section__portrait:hover .about-section__portrait-image{transform:scale(1.03)}.about-section__portrait-placeholder,.about-work-area__placeholder{width:100%;height:100%;min-height:12rem;padding:var(--space-md);text-align:center;color:var(--color-muted);background:linear-gradient(160deg,#131210e6,#010101f2);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.about-section__placeholder-path,.about-work-area__placeholder-path{color:#fff6;word-break:break-all;font-size:.75rem}.about-section__content{gap:var(--space-md);flex-direction:column;display:flex}.about-section__eyebrow{margin-bottom:var(--space-sm);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);font-weight:600}.about-section__title{margin-bottom:var(--space-sm);font-size:clamp(1.75rem,3.2vw,2.4rem)}.about-section__rule{width:3rem;height:2px;margin-bottom:var(--space-md);background-color:var(--color-accent);display:block}.about-section__name{font-family:var(--font-family-display);color:var(--color-text);margin:0;font-size:1.35rem;font-weight:700}.about-section__role{font-size:var(--font-size-sm);letter-spacing:.03em;text-transform:uppercase;color:var(--color-muted);margin:.35rem 0 0;font-weight:600}.about-section__lead{margin:var(--space-sm) 0 0;font-size:var(--font-size-lg);color:var(--color-text)}.about-section__copy{gap:var(--space-sm);flex-direction:column;display:flex}.about-section__copy p{margin:0}.about-section__qualifications{border-top:1px solid #ffffff1f;margin:0;padding:0;list-style:none}.about-section__qualification{border-bottom:1px solid #ffffff1f;grid-template-columns:auto 1fr;align-items:baseline;gap:.85rem;padding-block:.9rem;display:grid}.about-section__qualification-index{font-family:var(--font-family-display);font-size:var(--font-size-sm);letter-spacing:.06em;color:var(--color-accent);transition:color var(--transition-base);font-weight:700}.about-section__qualification:hover .about-section__qualification-index{color:var(--color-red-medium)}.about-section__qualification-text{color:var(--color-text);font-size:var(--font-size-sm)}.about-section__actions{margin-top:var(--space-md)}.about-work-area__media{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);flex-direction:column;display:flex;overflow:hidden}.about-work-area__frame{aspect-ratio:4/3;background-color:var(--color-surface);width:100%;position:relative}.about-work-area__image{object-fit:cover;object-position:center}.about-work-area__panel{z-index:2;padding:var(--space-md);background-color:#010101eb;border-top:1px solid #ffffff1f}.about-work-area__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin:0 0 .45rem;font-size:.7rem;font-weight:700}.about-work-area__title{margin:0 0 .45rem;font-size:1.15rem}.about-work-area__text{font-size:var(--font-size-sm);margin:0}@media (min-width:48rem){.about-section__top{gap:var(--space-xl);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.about-work-area__media{position:relative}.about-work-area__frame{aspect-ratio:16/7}.about-work-area__panel{border-radius:var(--radius-sm);background-color:#010101e0;border:1px solid #fff3;max-width:28rem;position:absolute;bottom:1rem;left:1rem}}@media (min-width:64rem){.about-section{padding-block:5rem var(--space-2xl)}.about-section__top{grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);gap:3rem}.about-work-area__frame{aspect-ratio:16/5}.about-work-area__panel{padding:var(--space-lg) var(--space-md);bottom:1.25rem;left:1.25rem}}@media (prefers-reduced-motion:reduce){.about-section__portrait,.about-section__portrait-image,.about-section__qualification-index{transition:none}.about-section__portrait:hover .about-section__portrait-image{transform:none}}
