.biography-main{max-width:1160px}
.biography-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);align-items:center;gap:45px;margin:24px 0 55px}
.biography-main .biography-hero h1{font-size:clamp(38px,4.5vw,65px);margin:22px 0}
.biography-main .biography-hero .lead{font-size:19px}
.biography-portrait{margin:0;border:1px solid #d3b895;padding:8px;border-radius:48% 48% 7px 7px;overflow:hidden;background:#f1e2d8;box-shadow:0 10px 30px #896f5514}
.biography-portrait img{display:block;width:100%;height:430px;object-fit:cover;object-position:center 30%;border-radius:48% 48% 3px 3px}
.biography-main>section{padding:16px 0;border-top:1px solid #dfcfc1;max-width:900px}
.biography-main>section h2{font-size:32px;margin:23px 0 18px}
.biography-main>section p{color:#79675a}
.biography-main .biography-contact{max-width:none;background:linear-gradient(120deg,#f1e0d7,#fffaf4);border:1px solid #d6bda3;border-radius:7px;padding:28px;margin-top:40px}
.biography-contact .actions{margin-top:20px}
.about .about-introduction{line-height:1.8}
.about .about-more{margin:20px 0}
@media(max-width:760px){.biography-hero{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.biography-portrait{width:min(100%,400px);box-sizing:border-box;justify-self:center}.biography-portrait img{height:380px}.biography-main .biography-hero h1{font-size:42px}.biography-main .biography-contact{padding:23px}.biography-main>section h2{font-size:29px}.biography-contact .actions .button{margin:0;width:100%;text-align:center;box-sizing:border-box}}