.about-page{--ink:#2d473e;--white:#fff;--accent:#dce436;--soft:#f4f5f1;--space:clamp(20px,5vw,72px);--container:1120px}
.about-page *{box-sizing:border-box}
.about-page{margin:0;background:var(--white);color:var(--ink);font:400 17px/1.65 Manrope,Arial,sans-serif}
.about-page h1,.about-page h2,.about-page h3,.about-page p,.about-page figure{margin:0}
.about-page a{color:inherit;text-decoration:none}
.about-page button{font:inherit}
.about-page a:focus-visible,.about-page button:focus-visible,.about-page summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.about-page header{padding:28px var(--space);display:flex;align-items:center;justify-content:space-between;gap:28px}
.about-page .logo{font-size:34px;line-height:1;font-weight:600;letter-spacing:-.07em}
.about-page nav{display:flex;gap:32px;align-items:center;font-size:15px}
.about-page nav a:hover,.about-page .plain-link:hover{text-decoration:underline;text-underline-offset:5px}
.about-page .button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 26px;background:var(--ink);color:var(--white);font-size:16px;font-weight:600;transition:transform .2s}
.about-page .button:hover{transform:translateY(-2px)}
.about-page{padding-top:32px}
.about-page .profile,.about-page .company{width:calc(100% - var(--space)*2);max-width:var(--container);margin-inline:auto}
.about-page .profile{display:grid;grid-template-columns:46% 54%;align-items:start;gap:0}
.about-page .profile figure{position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--soft)}
.about-page .profile img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;filter:none;animation:none}
.about-page .profile-copy{padding:0 0 0 48px}
.about-page h1{font:400 clamp(44px,4.5vw,64px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.04em}
.about-page .role{font-size:21px;margin-top:10px}
.about-page .biography{margin-top:30px}
.about-page .biography p+p{margin-top:24px}
.about-page .profile-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:30px}
.about-page .plain-link{font-size:15px}
.about-page .company{padding-top:112px;padding-bottom:104px}
.about-page h2{font:400 clamp(34px,3.5vw,46px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.03em}
.about-page .accordion{margin-top:36px}
.about-page .accordion details{background:var(--soft);margin-top:10px;overflow-anchor:none}
.about-page .accordion summary{padding:23px 28px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:20px;font-weight:600}
.about-page .accordion summary::-webkit-details-marker{display:none}
.about-page .accordion summary::after{content:'+';font-size:25px;line-height:1}
.about-page .accordion details[open] summary::after{content:'−'}
.about-page .accordion details>div{display:flow-root;padding:0 28px 28px;max-width:900px}
.about-page .accordion p+p{margin-top:18px}
.about-page .accordion h3{font-size:18px;margin-top:20px;font-weight:600}
.about-page .accordion h3+p{margin-top:6px}
.about-page .contact{background:var(--ink);color:var(--white);padding:70px max(var(--space),calc((100vw - var(--container))/2))}
.about-page .contact>p{margin-top:20px}
.about-page .choices{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.about-page .choices button{border:0;padding:14px 24px;min-height:50px;background:var(--white);color:var(--ink);cursor:pointer;font-weight:600;transition:transform .2s}
.about-page .choices button[aria-pressed=true]{background:var(--accent)}
.about-page .choices button:hover{transform:translateY(-2px)}
.about-page .contact>.button{background:var(--accent);color:var(--ink);margin-top:24px}
.about-page .contact a:focus-visible,.about-page .contact button:focus-visible{outline-color:var(--white)}
.about-page footer{padding:48px var(--space);display:flex;align-items:center;gap:28px;flex-wrap:wrap;font-size:15px}
.about-page footer .logo{margin-right:auto}
.about-page .preview-note{width:100%;font-size:14px}
.about-page .skip{position:absolute;top:-100px;left:20px;z-index:10;background:var(--white);padding:12px}
.about-page .skip:focus{top:10px}
@media(max-width:1000px){.about-page .profile-copy{padding-left:32px}
.about-page .profile{grid-template-columns:43% 57%}
.about-page .profile figure{aspect-ratio:3/5}

.about-page h1{font-size:46px}
.about-page .biography{margin-top:24px}
.about-page .biography p+p{margin-top:18px}
.about-page .profile-actions{gap:16px}
.about-page .company{padding-top:80px;padding-bottom:80px}
}
@media(max-width:650px){.about-page header{padding-block:22px}
.about-page .logo{font-size:30px}
.about-page nav>a:not(.button){display:none}
.about-page{padding-top:20px}
.about-page .profile{display:flex;flex-direction:column;gap:28px}
.about-page .profile figure{width:100%;aspect-ratio:1/1.1}

.about-page .profile-copy{padding:0}
.about-page h1{font-size:46px}
.about-page .role{font-size:20px;margin-top:6px}
.about-page .biography{margin-top:24px}
.about-page .profile-actions{display:flex;gap:20px;margin-top:24px}
.about-page .company{padding-top:68px;padding-bottom:68px}
.about-page h2{font-size:36px}
.about-page .accordion{margin-top:26px}
.about-page .accordion summary{padding:20px;font-size:18px}
.about-page .accordion details>div{padding:0 20px 24px}
.about-page .contact{padding-block:58px}
.about-page .choices{display:grid}
.about-page .contact>.button{width:100%;font-size:15px}
.about-page footer{display:block;padding-block:40px}
.about-page footer>*{display:block;margin-top:18px}
.about-page footer .logo{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.about-page *,.about-page *:before,.about-page *:after{animation:none!important;transition:none!important}
}
.about-page .profile figure{aspect-ratio:1/1}

@media(max-width:1000px){.about-page .profile figure{aspect-ratio:1/1}

}
@media(max-width:650px){.about-page .profile figure{aspect-ratio:1/1}

}

.about-page .button{border:0;border-radius:0}.about-page h1,.about-page h2,.about-page h3{color:var(--ink)}
.about-page .contact h2{color:var(--white)}