/* Cinematic About and Selected Works only; shared fonts and content are unchanged. */
.about .hero-reveal-line,.about .hero,.about .position,.about .bio,.about .location{animation:none}
.about{padding-top:48px;padding-bottom:80px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:7%;row-gap:32px;align-items:start}
.about h1{grid-column:1;grid-row:1;width:100%;min-width:0;font-size:clamp(64px,7.4vw,108px);line-height:1.02;letter-spacing:-.045em;margin:0;text-align:left;white-space:nowrap}
.kinetic-line{display:block;overflow:hidden;padding-block:.1em;margin-block:-.1em}
.about h1 .hero-reveal-line{display:block;letter-spacing:inherit}
.about .intro{grid-column:1;grid-row:2;max-width:510px;min-width:0}
.about .hero{grid-column:2;grid-row:1/3;width:100%;max-width:none;justify-self:end;align-self:center}
.selected-works{padding-bottom:56px;background:var(--paper)}
.selected-heading{padding-top:36px;padding-bottom:28px;align-items:center}
.selected-heading h2{font-size:clamp(32px,3.5vw,48px)}
.selected-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0;overflow:hidden;scroll-snap-type:none;touch-action:pan-y}
.selected-grid::after{content:none}
.selected-project{grid-area:1/1;width:100%;display:grid;grid-template-columns:minmax(0,375px) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,88px);visibility:hidden;pointer-events:none}
.selected-project.is-leaving{visibility:visible}
.selected-project.is-current{visibility:visible;pointer-events:auto}
.selected-image{width:100%;aspect-ratio:3/4;max-width:375px;height:auto;margin:0;background:#fff}
.selected-image img{object-fit:contain;transform:none;transition:none}
.selected-project:hover .selected-image img{transform:none}
.selected-caption{padding:0;min-width:0}
.selected-caption::before{content:'0' attr(data-number);display:block;font-size:48px;line-height:1;color:#c9c9c9;margin-bottom:20px}
.selected-caption h3{font-size:clamp(24px,2.5vw,36px);line-height:1.45;height:auto;display:block;overflow:visible;white-space:pre-line;margin:14px 0 20px}
.selected-category{font-size:14px;letter-spacing:.04em}
.selected-link{margin-top:0}
.cinematic-flight{position:fixed;z-index:5;pointer-events:none;object-fit:contain;max-width:none;max-height:none;margin:0;background:#fff}
@media(max-width:1023px){.about{row-gap:28px;padding-top:32px;padding-bottom:64px}}
@media(max-width:600px){
 .about{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:32px;padding-top:28px;padding-bottom:56px}
 .about h1{font-size:clamp(60px,16vw,88px);line-height:1.05}
 .about .hero{grid-column:1;grid-row:3}
 .about .intro{max-width:none}
 .selected-heading{padding-top:28px;gap:16px}
 .selected-heading h2{font-size:32px}
 .selected-project{grid-template-columns:minmax(0,1fr);gap:24px;align-content:start}
 .selected-image{max-width:255px;justify-self:center}
 .selected-caption::before{float:right;font-size:36px;margin:0 0 0 16px}
 .selected-caption h3{font-size:22px}
}
