.about{padding:80px 0 70px;border-top:1px solid rgba(234,240,236,.14)}
.about .wrap{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:56px;align-items:start}
.about figure{margin:0;aspect-ratio:4/5;background:rgba(10,46,51,.72);border:1px solid rgba(234,240,236,.25);display:grid;place-items:center;color:var(--chalk-2);font-family:var(--f-m);font-size:11px;letter-spacing:.12em;overflow:hidden}
.about figure.portrait{position:relative;display:block;background:#1a1a1a}
.about figure.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(1) contrast(1.05)}
.about figure.portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,46,51,0) 55%,rgba(10,46,51,.55) 100%);mix-blend-mode:multiply;pointer-events:none}
.about figure.portrait figcaption{position:absolute;left:14px;bottom:12px;z-index:1;font-family:var(--f-m);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--chalk)}
.about h2{font-size:clamp(28px,3.6vw,42px);letter-spacing:-.03em;line-height:1.05;margin:10px 0 20px}
.about h2 em{font-family:var(--f-z);font-style:italic;font-weight:700;color:var(--lemon)}
.about p{font-size:16.5px;color:var(--chalk-2);margin:0 0 14px}
@media (max-width:820px){.about .wrap{grid-template-columns:1fr}.about figure{max-width:420px}}