.about{padding-top:24px;padding-bottom:112px}
.about-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(48px,7vw,110px);align-items:start;border-top:1px solid var(--line);padding-top:76px}
.about-content{min-width:0}
.about h2{font-size:clamp(40px,4.45vw,66px);font-weight:500;max-width:12ch;text-wrap:balance}
.about-copy{max-width:530px;margin-top:30px}
.about-copy p{font-size:18px;line-height:1.75;text-wrap:pretty}
.about-copy p+p{margin-top:17px}
.about-copy .text-link{margin-top:17px}
.about-portrait,.about-work{margin:0;min-width:0}
.about-portrait{padding-top:6px}
.about-photo{position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;width:100%;min-width:0;background:var(--surface);color:var(--muted);border-radius:14px}
.about-photo:before,.about-photo:after{content:'';position:absolute;width:36px;height:36px;border-color:var(--accent);border-style:solid;pointer-events:none;z-index:1}
.about-photo:before{left:20px;top:20px;border-width:2px 0 0 2px}
.about-photo:after{right:20px;bottom:20px;border-width:0 2px 2px 0}
.about-photo[data-about-photo=portrait]{aspect-ratio:4/5;min-height:360px}
.about-photo[data-about-photo=work]{aspect-ratio:2.4/1;min-height:160px}
.about-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.about-placeholder{text-align:center;padding:42px 24px}
.about-placeholder>span{display:block;font-size:13px;line-height:1.5;letter-spacing:.02em}
.about-placeholder>strong{display:block;font-family:Sora,Arial,sans-serif;font-size:25px;font-weight:400;letter-spacing:-.045em;line-height:1.3;color:var(--ink);margin-bottom:7px}
.about-portrait figcaption{padding-top:22px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px 20px}
.about-person{display:block;min-width:0}
.about-person strong{font-size:25px;font-weight:500;letter-spacing:-.03em;line-height:1.3;display:block}
.about-person>span{display:block;margin-top:5px;font-size:14px;line-height:1.6;color:var(--muted)}
.about-person-label{font-size:12px;color:var(--muted);padding-top:6px;white-space:nowrap}
.about-work{margin-top:35px;max-width:530px}
.about-work figcaption{font-size:12px;line-height:1.6;color:var(--muted);padding-top:12px}
@media(max-width:1100px){.about-layout{gap:50px}.about-portrait figcaption{display:block}.about-person-label{display:block;margin-top:10px;padding-top:0}.about-copy p{font-size:17px}}
@media(max-width:800px){.about{padding-bottom:80px}.about-layout{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:34px;padding-top:48px}.about h2{font-size:clamp(35px,5.2vw,43px)}.about-copy{margin-top:24px}.about-copy p{font-size:16px;line-height:1.7}.about-photo[data-about-photo=portrait]{min-height:340px}.about-person strong{font-size:23px}.about-person>span{font-size:13px}.about-work{margin-top:26px}.about-photo[data-about-photo=work]{aspect-ratio:1.65/1;min-height:150px}.about-placeholder>strong{font-size:22px}.about-photo:before,.about-photo:after{width:26px;height:26px}.about-photo:before{left:16px;top:16px}.about-photo:after{right:16px;bottom:16px}}
@media(max-width:600px){.about-layout{grid-template-columns:minmax(0,1fr);gap:32px}.about h2{font-size:clamp(38px,7vw,46px);max-width:14ch}.about-portrait{padding-top:0;max-width:420px}.about-photo[data-about-photo=portrait]{min-height:0;aspect-ratio:4/5}.about-photo[data-about-photo=work]{aspect-ratio:2.4/1;min-height:150px}.about-portrait figcaption{display:flex}.about-person-label{margin-top:0;padding-top:5px}.about-work{max-width:none}}
@media(max-width:500px){.about{padding-top:10px;padding-bottom:64px}.about-layout{padding-top:38px}.about h2{font-size:clamp(35px,9.5vw,43px)}.about-copy{margin-top:24px}.about-copy p{font-size:16px}.about-copy .text-link{font-size:14px}.about-person strong{font-size:23px}.about-person-label{font-size:11px}.about-placeholder>strong{font-size:21px}.about-photo{border-radius:10px}.about-work figcaption{font-size:11px}}