/* BOTRIO About: editorial layout, a shared development story and direct contact. */
body[data-page="about"] .about-main{--about-gap:clamp(36px,6vw,104px)}
body[data-page="about"] .about-main>.page-width,body[data-page="about"] .about-team-layout{max-width:1488px}
.about-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);gap:var(--about-gap);align-items:center;padding-block:86px 64px}
.about-hero h1{font-size:clamp(44px,4.7vw,72px);line-height:1.12;letter-spacing:-.025em}
.about-hero h1 span{color:var(--brand)}
.about-hero-copy>p{max-width:710px;font-size:22px;line-height:1.65;margin-top:28px}
.about-hero-copy>.text-link{margin-top:26px;font-size:17px}
.about-experience{padding-left:36px;border-left:1px solid #50899150;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.about-experience-intro{font-size:16px;color:var(--muted);line-height:1.5}
.about-experience>strong{display:block;font-weight:500;font-size:clamp(100px,10.5vw,160px);line-height:1.05;letter-spacing:-.065em;color:var(--brand);margin-top:10px}
.about-experience>strong span{font-size:.56em;vertical-align:top;display:inline-block;padding-top:.1em;margin-left:.04em}
.about-experience-label{font-size:25px;font-weight:500;line-height:1.35;margin-top:8px}
.about-experience>p{font-size:17px;line-height:1.65;max-width:310px;margin-top:20px}
.about-office-frame{overflow:hidden;border-radius:30px;background:#e8edeb;aspect-ratio:16/9}
.about-office img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.about-office figcaption{display:flex;justify-content:space-between;gap:20px;font-size:16px;line-height:1.55;padding-block:18px;color:var(--muted)}
.about-office figcaption>span:first-child{color:var(--ink);font-weight:500}
.about-story{display:grid;grid-template-columns:1fr 1.05fr;gap:var(--about-gap);padding-block:96px 104px;align-items:start}
.about-main h2{font-size:clamp(34px,3.6vw,54px);line-height:1.2;letter-spacing:-.015em}
.about-story h2 span,.about-process h2 span{color:var(--brand)}
.about-story-copy>p{font-size:20px;line-height:1.8}
.about-story-copy>p+p{margin-top:24px}
.about-specialisms{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.about-specialisms>span{font-size:16px;line-height:1.4;border:1px solid #50899145;border-radius:100px;padding:9px 16px;color:#3c6970}
.about-team-band{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:white;padding-block:94px}
.about-team-band .argument-curves{opacity:.26}
.about-team-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.05fr;gap:var(--about-gap);align-items:start}
.about-team-band .eyebrow{color:#a9d1d7}
.about-team-copy>p{font-size:21px;line-height:1.7;color:#c2cfd7;max-width:540px;margin-top:26px}
.about-disciplines{display:flex;flex-direction:column;gap:32px}
.about-disciplines article{display:grid;grid-template-columns:34px 1fr;gap:20px}
.about-disciplines article>span{font-size:17px;line-height:1.5;color:#a9d1d7;padding-top:4px}
.about-disciplines h3{font-size:24px;line-height:1.4;font-weight:500}
.about-disciplines p{font-size:18px;line-height:1.75;color:#c2cfd7;margin-top:10px;max-width:590px}
.about-process{padding-block:100px}
.about-process-heading{display:flex;justify-content:space-between;gap:60px;align-items:end}
.about-process-heading>p{font-size:20px;line-height:1.75;max-width:460px}
.about-steps{list-style:none;padding:0;margin:55px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.about-steps>li{border-top:1px solid #50899145;padding-top:24px;min-width:0}
.about-step-number{display:flex;align-items:center;justify-content:space-between;color:var(--brand);font-size:19px;margin-bottom:28px}
.about-step-number .icon{width:22px;height:22px}
.about-steps h3{font-size:25px;line-height:1.35;font-weight:500}
.about-steps p{font-size:18px;line-height:1.75;margin-top:16px}
.about-contact-surface{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;background:#e7eff0;border-radius:30px;padding:58px}
.about-contact-copy h2 span{color:var(--brand)}
.about-contact-copy>p{font-size:19px;line-height:1.75;max-width:620px;margin-top:24px}
.about-contact-copy>.btn{margin-top:28px;font-size:17px;line-height:1.5;padding:12px 22px;max-width:100%;white-space:normal}
.about-contact-links{font-style:normal;margin:0;min-width:0}
.about-contact-links>a{position:relative;display:block;border-bottom:1px solid #50899145;padding:24px 38px 24px 0;transition:color .2s}
.about-contact-label{display:block;font-size:16px;line-height:1.5;color:var(--muted);margin-bottom:8px}
.about-contact-links strong{font-weight:500;font-size:clamp(23px,2.45vw,34px);line-height:1.35;overflow-wrap:anywhere}
.about-contact-links .icon{position:absolute;right:0;top:50%;width:22px;height:22px;color:var(--brand);transition:transform .2s}
.about-contact-links>a:hover{color:var(--brand)}
.about-contact-links>a:hover .icon{transform:translateX(4px)}
body[data-page="about"] .global-footer a[aria-current="page"]{color:var(--brand)}
@media(min-width:1600px){.about-hero{padding-block:102px 76px}}
@media(max-width:1050px){
 .about-hero{grid-template-columns:minmax(0,1.6fr) minmax(230px,.7fr);padding-block:64px 50px;gap:38px}
 .about-hero h1{font-size:clamp(42px,5vw,54px)}
 .about-hero-copy>p{font-size:20px}
 .about-experience{padding-left:28px}
 .about-experience>strong{font-size:112px}
 .about-experience-label{font-size:23px}
 .about-story,.about-team-layout{gap:44px}
 .about-contact-surface{gap:38px;padding:40px}
 .about-steps{gap:28px}
 .about-process-heading{gap:40px}
 .about-process-heading>p{max-width:350px}
}
@media(max-width:767px){
 .about-hero{grid-template-columns:1fr;padding-block:44px 36px;gap:32px}
 .about-hero h1{font-size:clamp(38px,8.3vw,54px);line-height:1.17}
 .about-hero-copy>p{font-size:19px;line-height:1.7;margin-top:22px}
 .about-hero-copy>.text-link{font-size:16px;margin-top:22px;align-items:flex-start}
 .about-experience{display:grid;grid-template-columns:126px 1fr;gap:0 22px;align-items:center;padding:24px 0 0;border-left:0;border-top:1px solid #50899145}
 .about-experience-intro{grid-column:1/-1;font-size:16px;margin-bottom:8px}
 .about-experience>strong{font-size:100px;margin:0;grid-column:1;grid-row:2}
 .about-experience-label{font-size:23px;margin:0;grid-column:2;grid-row:2}
 .about-experience>p{grid-column:1/-1;max-width:600px;font-size:17px;margin-top:16px}
 .about-office-frame{aspect-ratio:3/2;border-radius:23px}
 .about-office figcaption{flex-direction:column;gap:5px;padding-block:14px;font-size:16px}
 .about-story{grid-template-columns:1fr;gap:30px;padding-block:54px 62px}
 .about-main h2{font-size:clamp(32px,7vw,42px)}
 .about-story-copy>p{font-size:18px;line-height:1.8}
 .about-specialisms{margin-top:24px;gap:8px}
 .about-specialisms>span{padding:8px 13px}
 .about-team-band{padding-block:60px}
 .about-team-layout{grid-template-columns:1fr;gap:38px}
 .about-team-copy>p{font-size:19px;line-height:1.75;margin-top:22px}
 .about-disciplines{gap:28px}
 .about-disciplines article{grid-template-columns:26px 1fr;gap:14px}
 .about-disciplines h3{font-size:22px}
 .about-disciplines p{font-size:17px}
 .about-process{padding-block:62px}
 .about-process-heading{display:block}
 .about-process-heading>p{font-size:18px;max-width:none;margin-top:24px}
 .about-steps{grid-template-columns:1fr;gap:30px;margin-top:34px}
 .about-steps>li{padding-top:20px}
 .about-step-number{margin-bottom:18px}
 .about-steps h3{font-size:24px}
 .about-steps p{font-size:17px;margin-top:12px}
 .about-contact-surface{grid-template-columns:1fr;gap:18px;padding:30px 24px;border-radius:24px}
 .about-contact-copy>p{font-size:18px;margin-top:20px}
 .about-contact-copy>.btn{font-size:16px;margin-top:24px;padding:12px 18px}
 .about-contact-links strong{font-size:clamp(22px,5.8vw,30px)}
 .about-contact-links>a{padding-block:22px}
}
@media(max-width:374px){
 .about-hero h1{font-size:35px}
 .about-experience{grid-template-columns:110px 1fr;column-gap:14px}
 .about-experience>strong{font-size:92px}
 .about-experience-label{font-size:21px}
 .about-contact-surface{padding:26px 18px}
 .about-contact-links strong{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.about-contact-links>a,.about-contact-links .icon{transition:none}}