/* Editorial company page with a decorative networking diagram. */
.about-page{--paper:#f8f7f3;--ink:#22251f}
.about-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;padding:70px 0 75px;align-items:end}
.about-intro-heading>.eyebrow{margin-bottom:24px}
.about-intro h1{font-size:clamp(72px,8.4vw,122px);line-height:.98;letter-spacing:-.065em;margin:0}
.about-intro-copy{padding-bottom:7px;max-width:470px;justify-self:end}
.about-intro-copy .about-lead{font-size:clamp(26px,3vw,42px);font-weight:500;line-height:1.18;letter-spacing:-.04em;color:var(--ink);margin:0 0 25px}
.about-intro-copy>p:not(.about-lead){font-size:17px;color:#596052;margin:0 0 27px;max-width:410px}
.about-intro-copy .text-link{font-size:13px}
.about-people{display:grid;grid-template-columns:1.08fr 1fr;gap:80px;align-items:center;padding-bottom:85px}
.people-panel{background:#283027;color:#f5f3e9;padding:42px 45px 30px;position:relative;overflow:hidden}
.people-panel:after{content:'';position:absolute;width:390px;height:390px;border:1px solid #ffffff12;border-radius:50%;top:50px;right:-230px;pointer-events:none}
.people-panel>.eyebrow{color:#c7d0bc;font-size:9px}
.people-panel h2{font-size:clamp(58px,6.8vw,100px);font-weight:400;line-height:1.04;letter-spacing:-.065em;margin:65px 0 55px;position:relative;z-index:1}
.people-panel h2>span{font-family:Georgia,serif;font-style:italic;color:#bcc9a3;font-size:.8em}
.people-panel-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;padding-top:25px;font-size:9px;letter-spacing:.12em;color:#c7d0bc}
.people-panel-bottom svg{width:39px;height:39px;fill:none;stroke:#dce3ce;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.people-copy>.eyebrow{color:#626959;margin-bottom:24px}
.people-copy h3{font-size:clamp(27px,2.8vw,40px);line-height:1.12;letter-spacing:-.045em;margin:0 0 25px;max-width:470px}
.people-copy>p{font-size:15px;line-height:1.7;color:#596052;max-width:440px;margin:0 0 19px}
.people-copy>.text-link{font-size:13px;margin-top:3px}
.network-art{max-width:430px;margin-top:40px;color:#58634c}
.network-label{display:block;font-size:10px;letter-spacing:.13em;font-weight:600;width:104px;border:1px solid #cbd2bf;text-align:center;padding:10px 5px;margin:0 auto;background:#ebeee4}
.network-line{width:1px;height:24px;background:#c3ccb7;margin:auto}
.network-branches{display:grid;grid-template-columns:1fr 1fr;gap:22px;position:relative;padding-top:24px}
.network-branches:before{content:'';position:absolute;height:1px;width:calc(50% + 11px);top:0;left:calc(25% - 5.5px);background:#c3ccb7}
.network-branches>span{position:relative;border:1px solid #cbd2bf;text-align:center;padding:11px 6px;font-size:8px;letter-spacing:.09em;background:#f2f3ed;font-weight:500;white-space:nowrap}
.network-branches>span:before{content:'';position:absolute;width:1px;height:24px;top:-25px;left:50%;background:#c3ccb7}
.about-services{padding:65px 0 90px;display:grid;grid-template-columns:1fr 1.25fr;gap:100px;border-top:1px solid var(--line)}
.about-section-heading h2{font-size:clamp(36px,3.9vw,57px);line-height:1.06;margin:24px 0 25px}
.about-section-heading>p{font-size:15px;line-height:1.7;max-width:400px;color:#596052}
.about-service-links>a{border-top:1px solid var(--line);padding:28px 0 30px;display:flex;justify-content:space-between;gap:25px;align-items:center}
.about-service-links>a:last-child{border-bottom:1px solid var(--line)}
.about-service-links>a>div>span{font-size:8px;letter-spacing:.11em;color:#626959;font-weight:500}
.about-service-links h3{font-size:28px;letter-spacing:-.04em;margin:15px 0 13px}
.about-service-links p{font-size:13px;line-height:1.6;color:#596052;margin:0;max-width:340px}
.about-link-arrow{font-size:30px;line-height:1;transition:transform .2s}
.about-service-links>a:hover .about-link-arrow{transform:translate(4px,-4px)}
.about-service-links>a:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.about-contact{background:#e2e7d8;padding:70px 0}
.about-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}
.about-contact h2{font-size:clamp(40px,4.9vw,70px);line-height:1.02;letter-spacing:-.055em;margin:22px 0 25px}
.about-contact p{font-size:16px;max-width:520px;margin:0;color:#596052}
.about-contact .button{white-space:nowrap}
.about-page .site-footer{background:#f8f7f3}
@media(max-width:1150px){.about-intro{gap:45px}.about-people{gap:45px}.people-panel{padding:35px 32px 25px}.people-panel h2{margin:55px 0 45px}.people-copy h3{font-size:32px}.about-services{gap:60px}.about-service-links h3{font-size:25px}}
@media(max-width:800px){.about-intro{padding:45px 0 50px;gap:35px}.about-intro h1{font-size:77px}.about-intro-copy .about-lead{font-size:29px}.about-intro-copy>p:not(.about-lead){font-size:15px}.about-people{grid-template-columns:1fr;gap:40px;padding-bottom:55px}.people-panel{padding:35px 36px 25px}.people-panel h2{font-size:clamp(72px,12vw,100px);margin:45px 0 40px}.people-copy h3{font-size:36px}.people-copy>p{max-width:570px}.network-art{margin-top:30px}.about-services{grid-template-columns:1fr;gap:30px;padding:50px 0 60px}.about-section-heading h2{font-size:44px;margin-bottom:22px}.about-section-heading>p{max-width:550px;margin-bottom:0}.about-contact{padding:55px 0}.about-contact-inner{flex-direction:column;align-items:start;gap:25px}.about-contact h2{font-size:49px}}
@media(max-width:540px){.about-intro{grid-template-columns:1fr;gap:30px}.about-intro h1{font-size:76px}.about-intro-copy{max-width:none;justify-self:start;padding:0}.about-intro-copy .about-lead{font-size:30px;max-width:360px}.about-intro-copy .about-lead br{display:none}.about-intro-copy>p:not(.about-lead){font-size:16px;max-width:400px}.people-panel{padding:28px 25px 23px}.people-panel h2{font-size:70px;margin:45px 0 37px}.people-panel>.eyebrow{font-size:8px}.people-panel-bottom{font-size:8px}.people-copy h3{font-size:31px}.people-copy>p{font-size:14px}.about-section-heading h2{font-size:39px}.about-service-links h3{font-size:26px}.about-contact h2{font-size:44px}.about-contact p{font-size:15px}.network-branches{gap:15px}.network-branches:before{width:calc(50% + 7.5px);left:calc(25% - 3.75px)}.network-branches>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.about-link-arrow{transition:none}}
