.about-layout {
    display:grid;
    grid-template-columns:1fr;
    gap:2.5em;
    align-items:start;
}
.about-photo-wrap {
    overflow:hidden;
    border-radius:18px;
    background:#fff;
}
.about-photo-wrap img {
    display:block;
    width:100%;
    height:auto;
}
.about-copy { max-width:680px; }
.about-kicker {
    margin:0 0 .8em;
    font-size:.9em;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#666;
}
.about-copy h1 {
    margin:0 0 .8em;
    font-size:clamp(2.6rem,7vw,4.6rem);
    line-height:1;
    font-weight:650;
}
.about-copy p {
    margin:0 0 1.1em;
    font-size:1.13em;
    line-height:1.65;
}
.underline-text {
    box-shadow: inset 0 -0.4em 0 #F9DCE6;
    transition: box-shadow 0.6s ease-in-out;
}
.underline-text:hover {
    box-shadow: inset 0 -1.2em 0 #F9DCE6;
}
.connect-block { margin-top:2.5em; padding-top:1.6em; border-top:1px solid #c7cbd0; }
.connect-block h2 { margin:0 0 .7em; font-size:1.35em; }
.connect-links { display:flex; flex-wrap:wrap; gap:1.1em; }
.connect-links a { color:#111; text-decoration:underline; text-underline-offset:.2em; }
@media (min-width:800px) {
    .about-layout { grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:4.5em; }
    .about-photo-wrap { position:sticky; top:2em; max-width:370px; }
    .about-photo-wrap img { aspect-ratio:3/4; object-fit:cover; }
}