.about-section{--about-background:#6c8ead;--smooth-fill:var(--about-background);background:var(--about-background);color:var(--cream);padding:72px 32px;border-radius:0 0 24px 24px;scroll-margin-top:140px}
.about-section>h2{font-size:24px;line-height:34px;font-weight:800;text-align:center;margin:0 0 72px}
.about-content{max-width:1309px;margin:auto;display:grid;grid-template-columns:500fr 769fr;gap:40px;align-items:center}
.about-copy{padding-top:0}
.about-copy p:last-of-type{margin-bottom:0}
.about-copy h2{font-size:48px;line-height:1.2;font-weight:700;margin:0 0 24px}
.about-copy p{font-size:20px;line-height:1.4;font-weight:600;margin:0 0 28px}
.about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 32px;margin-top:24px}
.about-contact.button{width:158px;padding:0;height:48px;border:2px solid var(--cream);border-radius:40px;color:var(--cream);--smooth-stroke:var(--cream);--smooth-fill:transparent}
.about-contact.button:hover{--smooth-fill:#ffebc915}
.about-collage{position:relative;aspect-ratio:769/625}
.about-photo{position:absolute;overflow:visible;border-radius:16px}
.about-photo-surface{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit}
.about-photo img{position:absolute;display:block;max-width:none}
.about-meeting{left:0;top:0;width:52.7958%;height:59.04%;box-shadow:0 0 0 12px var(--about-background);z-index:1}
.about-meeting img{width:116.02%;height:170.33%;left:-9.79%;top:-32.11%}
.about-portrait{left:54.3563%;top:1.28%;width:44.0832%;height:52.8%}
.about-portrait img{width:100%;height:136.97%;top:0;left:0}
.about-coaching{left:0;top:60.96%;width:48.2445%;height:36.96%}
.about-coaching img{width:153.11%;height:113.85%;left:-29.73%;top:-13.85%}
.about-office{left:49.8049%;top:56%;width:48.6346%;height:42.08%;z-index:0}
.about-office img{width:107.54%;height:112.19%;left:-7.54%;top:-.07%}
@media(max-width:1100px){.about-content{gap:24px}.about-copy{padding-top:0}
.about-copy p:last-of-type{margin-bottom:0}
.about-copy h2{font-size:38px}.about-copy p{font-size:18px}.about-meeting{box-shadow:0 0 0 8px var(--about-background)}}
@media(max-width:760px){.about-section{padding:56px 24px}.about-section>h2{font-size:22px;margin-bottom:40px}.about-content{grid-template-columns:1fr;max-width:540px;gap:40px}.about-copy{padding-top:0}
.about-copy p:last-of-type{margin-bottom:0}
.about-copy h2{font-size:36px}.about-collage{width:100%}.about-meeting{box-shadow:0 0 0 6px var(--about-background)}.about-copy{padding-top:0}}

.about-photo{--about-photo-scale:1.06;border:0;padding:0;text-align:left;background:var(--about-background);font:inherit;cursor:pointer;transition:transform 450ms cubic-bezier(.22,1,.36,1),box-shadow 450ms ease;transform-origin:center}
.about-photo-caption{position:absolute;inset:auto 0 0;padding:64px 24px 24px;background:linear-gradient(transparent,rgba(20,30,40,.92));color:#fff6e7;opacity:0;transform:translateY(12px);transition:opacity 300ms ease,transform 450ms cubic-bezier(.22,1,.36,1);pointer-events:none}
.about-photo-caption strong{display:block;font-size:20px;line-height:1.3;margin-bottom:8px}
.about-photo-caption>span{display:block;font-size:15px;line-height:1.45;font-weight:400}
.about-photo:focus-visible,.about-photo[aria-expanded="true"]{z-index:3;transform:scale(var(--about-photo-scale));box-shadow:0 0 0 calc(12px / var(--about-photo-scale)) var(--about-background)}
.about-photo:focus-visible .about-photo-caption,.about-photo[aria-expanded="true"] .about-photo-caption{opacity:1;transform:translateY(0)}
@media(hover:hover){.about-photo:hover{z-index:3;transform:scale(var(--about-photo-scale));box-shadow:0 0 0 calc(12px / var(--about-photo-scale)) var(--about-background)}.about-photo:hover .about-photo-caption{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.about-collage{display:grid;grid-template-columns:1fr;gap:16px;aspect-ratio:auto}.about-photo{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4/3;box-shadow:none}.about-photo-caption{padding:56px 20px 20px}.about-photo:focus-visible,.about-photo[aria-expanded="true"]{--about-photo-scale:1.02;transform:scale(var(--about-photo-scale))}}
@media(prefers-reduced-motion:reduce){.about-photo,.about-photo-caption{transition:none}}

.about-photo-caption{max-height:100%;overflow-y:auto;overscroll-behavior:auto;scrollbar-width:thin}
.about-photo:focus-visible .about-photo-caption,.about-photo[aria-expanded="true"] .about-photo-caption{pointer-events:auto}
@media(hover:hover){.about-photo:hover .about-photo-caption{pointer-events:auto}}
@media(min-width:761px) and (max-width:1200px){.about-photo-caption{padding:28px 18px 18px;background:linear-gradient(rgba(20,30,40,.75),rgba(20,30,40,.96))}.about-photo-caption strong{font-size:18px}.about-photo-caption>span{font-size:14px}}
