.about-intro{padding-top:36px}
.about-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;padding-bottom:58px}
.about-hero h1{font-size:clamp(48px,5.2vw,72px);line-height:1.1;letter-spacing:-3px;margin-block:20px 25px}
.about-hero h1 em{font-family:Georgia,serif;color:var(--green);font-weight:400}
.about-lead{font-size:17px;line-height:1.85;color:var(--muted);max-width:480px}
.about-links{display:flex;align-items:center;gap:30px;margin-top:30px}
.about-portrait{margin:0}
.about-photo{height:490px;background:#e3e6dc;border-radius:160px 160px 8px 8px;position:relative;overflow:hidden;isolation:isolate}
.about-photo::before{content:"";position:absolute;width:330px;height:330px;border:1px solid #bcc5b4;border-radius:50%;top:95px;left:50%;transform:translateX(-50%)}
.about-photo img{display:block;height:100%;width:100%;object-fit:cover;object-position:center top;position:relative}
.photo-label{position:absolute;left:50%;top:48px;transform:translateX(-50%);font-size:8px;letter-spacing:1px;white-space:nowrap;color:var(--green)}
.photo-signature{position:absolute;bottom:22px;right:22px;color:var(--paper);font:italic 33px Georgia,serif;z-index:1;transform:rotate(-8deg)}
.about-portrait figcaption{display:flex;justify-content:center;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin-top:17px}
.about-facts{border-block:1px solid var(--line);padding-block:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.about-facts>div+div{border-left:1px solid var(--line);padding-left:35px}
.about-facts .eyebrow{font-size:9px;color:var(--muted)}
.about-facts p{font-size:17px;margin:7px 0 0}
.about-story,.about-background{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.story-copy{padding-top:35px}
.story-copy p,.background-note,.education-detail>p{font-size:16px;color:var(--muted);line-height:1.85}
.story-copy .text-link{margin-top:8px}
.about-approach{background:#e9ece2}
.approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:48px}
.approach-grid article+article{border-left:1px solid #ced3c5;padding-left:32px}
.approach-number{display:block;font-size:12px;color:var(--green);margin-bottom:30px;font-family:monospace}
.approach-grid h3{font-size:22px}
.approach-grid p{font-size:15px;color:var(--muted);line-height:1.85;margin-bottom:0}
.background-note{max-width:350px}
.education-detail{border-top:1px solid var(--line);padding-top:23px;margin-top:6px}
.education-detail h3{font-size:25px;font-weight:400;margin-block:15px;line-height:1.4}
.education-project{margin:23px 0;border-top:1px solid var(--line);padding-top:20px}
.education-project .eyebrow{font-size:9px;color:var(--green)}
.education-project p{color:var(--muted);font-size:14px}
.outside-code{border-top:1px solid var(--line);padding-block:65px;display:grid;grid-template-columns:1fr 1fr;gap:70px}
.outside-code>div>p:not(.eyebrow){font-size:16px;line-height:1.85;color:var(--muted)}
.outside-code ul{list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 0;padding:0}
.outside-code li{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:5px 13px;color:var(--green)}
.about-contact{margin-bottom:8px}
@media(max-width:1000px){.about-hero{gap:35px}.about-photo{height:450px}.about-hero h1{font-size:53px}.about-story,.about-background,.outside-code{gap:40px}.approach-grid{gap:22px}.approach-grid article+article{padding-left:22px}.about-facts p{font-size:15px}}
@media(max-width:700px){.about-intro{padding-top:25px}.about-hero{grid-template-columns:1fr;gap:35px;padding-bottom:35px}.about-hero h1{font-size:49px;letter-spacing:-2px}.about-lead{font-size:16px}.about-hero .section-number{font-size:9px}.about-portrait{width:min(100%,390px);margin-inline:auto}.about-photo{height:400px}.photo-label{top:35px;font-size:7px}.about-facts{grid-template-columns:1fr;gap:15px;padding-block:22px}.about-facts>div{display:flex;justify-content:space-between;gap:15px;align-items:center}.about-facts>div+div{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.about-facts .eyebrow{margin:0;font-size:8px}.about-facts p{margin:0;font-size:14px}.about-story,.about-background,.outside-code{grid-template-columns:1fr;gap:15px}.story-copy{padding-top:0}.about-story h2,.about-background h2{margin-bottom:10px}.approach-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.approach-grid article+article{border-left:0;border-top:1px solid #ced3c5;padding:25px 0 0}.approach-number{margin-bottom:15px}.education-detail{margin-top:8px}.outside-code{padding-block:45px}.outside-code h2{margin-bottom:10px}.about-contact h2{font-size:38px}}