.about{max-width:var(--width-about);padding:clamp(3rem, 5vw, 4.5rem) var(--gutter) clamp(4rem, 8vw, 7rem);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(2.5rem,6vw,5.5rem);margin:0 auto;display:grid}.about .portrait{position:relative}.about .portrait:before{content:"";border:1px solid var(--color-hairline);position:absolute;inset:16px -16px -16px 16px}.about .portrait img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;box-shadow:var(--shadow-panel);display:block;position:relative}.about h2{font-family:var(--font-display);margin:0 0 1.25rem;font-size:clamp(2rem,3.2vw,2.8rem);font-weight:500;line-height:1.1}.about p{max-width:34rem;margin:0 0 1rem}.about p:first-of-type:first-line{font-variant:small-caps;letter-spacing:.04em}.about .link-caps{margin-top:.75rem}@media (width<=700px){.about{grid-template-columns:1fr}.about .portrait{width:min(80%,22rem)}}