.about{padding-top:clamp(96px,12vw,160px)}.about-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);padding:0 var(--gutter) clamp(80px,10vw,160px);align-items:end}.about-portrait{grid-column:1 / span 5;margin:0;position:relative;overflow:hidden;background:#000}.about-portrait video{display:block;width:100%;height:auto;aspect-ratio:9 / 16;object-fit:cover}.about-portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px)}.about-portrait:hover video{animation:about-glitch .45s steps(5) 1}@keyframes about-glitch{0%{transform:translate(0);filter:none}25%{transform:translate(-6px);filter:drop-shadow(6px 0 #6fb7ff) drop-shadow(-6px 0 #9fd4ff);clip-path:inset(0 0 55% 0)}50%{transform:translate(5px);clip-path:inset(40% 0 10% 0)}75%{transform:translate(-2px);clip-path:inset(70% 0 0 0)}to{transform:none;filter:none;clip-path:none}}.about-text{grid-column:7 / span 6;display:grid;gap:20px}.about-name{font-size:clamp(48px,7vw,112px);font-weight:500;letter-spacing:-.035em;line-height:.95}.about-role{font-size:clamp(20px,1.8vw,26px);color:var(--text-dim)}.about-bio{font-size:clamp(18px,1.4vw,21px);line-height:1.55;max-width:52ch}.about-label{color:var(--accent);margin-top:16px}.about-facts{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:18px}.about-work-section{padding:0 var(--gutter) clamp(80px,10vw,160px)}.about-work{list-style:none;padding:0;margin:16px 0 0;border-top:1px solid var(--rule)}.about-work a{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--text)}.about-work a:hover .about-work-title,.about-work a:focus-visible .about-work-title{color:var(--accent)}.about-work-title{font-size:clamp(20px,2vw,28px);letter-spacing:-.01em}.about-work .label{color:var(--text-dim);white-space:nowrap}.page-about .site-header{position:absolute}@media(max-width:900px){.about-portrait{grid-column:1 / -1;max-width:420px}.about-text{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.about-portrait:hover video{animation:none}}