/* Nolvos — the people, background and collaboration behind the tools. */
.about-page .header nav{gap:23px}
.about-page main :where(h1,h2,h3,p,a,strong,span){overflow-wrap:anywhere}
.about-page main :where(article,aside,section,div,figure){min-width:0}
.about-page main .eyebrow{color:var(--blue)}
.about-page main em{color:var(--blue)}
.about-hero{padding-top:24px;padding-bottom:68px}
.about-hero>.eyebrow{margin-bottom:24px}
.about-hero-grid{display:grid;grid-template-columns:1.14fr 1fr;gap:75px;align-items:start}
.about-hero h1{font-size:clamp(50px,5.7vw,80px);line-height:1.1;letter-spacing:-.06em}
.about-origin{padding-top:5px}
.about-origin p{font-size:17px;line-height:1.75;max-width:60ch}
.about-origin p+p{margin-top:18px;font-size:15px;color:var(--muted)}
.about-hero-image{position:relative;margin-top:42px;border-radius:5px;overflow:hidden;background:var(--light-blue)}
.about-hero-image>img{width:100%;height:clamp(280px,31vw,410px);object-fit:cover;object-position:center 54%}
.about-hero-image>figcaption{position:absolute;left:28px;bottom:25px;display:flex;align-items:flex-start;gap:14px;padding:18px 22px;background:var(--paper);box-shadow:0 8px 25px #19212b12;border-radius:3px}
.about-image-point{display:block;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--blue);flex-shrink:0}
.about-hero-image figcaption strong{display:block;font:600 18px/1.4 var(--title);letter-spacing:-.03em}
.about-hero-image figcaption div>span{display:block;font-size:12px;line-height:1.65;color:var(--muted);margin-top:5px}
.about-team{background:#fff;padding-block:75px 72px}
.about-section-heading{display:grid;grid-template-columns:.7fr 1.7fr;gap:65px;align-items:start;margin-bottom:40px}
.about-section-heading>.eyebrow{padding-top:7px;max-width:230px}
.about-section-heading h2{font-size:clamp(36px,3.75vw,52px);line-height:1.14;letter-spacing:-.05em}
.about-section-heading>div>p{font-size:16px;line-height:1.75;color:var(--muted);margin-top:23px;max-width:68ch}
.about-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.about-roles>article{padding-top:23px;border-top:1px solid #bcc7df;min-width:0}
.about-roles .about-role-label{display:block;font-size:10px;line-height:1.5;letter-spacing:.06em;color:var(--blue)}
.about-roles h3{font-size:25px;line-height:1.3;letter-spacing:-.04em;margin:20px 0 13px}
.about-roles article>p{font-size:14px;line-height:1.8;color:var(--muted)}
.about-collaboration{display:grid;grid-template-columns:1fr 38px 1.15fr 38px 1fr;align-items:center;gap:15px;margin-top:42px;padding:29px 30px;border:1px solid #cad4f1;border-radius:4px;background:var(--light-blue)}
.about-collaboration>div{min-width:0}
.about-collaboration>div>span{display:block;font-size:10px;line-height:1.5;letter-spacing:.07em;color:#54688e;margin-bottom:9px}
.about-collaboration strong{display:block;font:500 19px/1.4 var(--title);letter-spacing:-.035em}
.about-flow-arrow{font-size:28px;color:var(--blue);text-align:center}
.about-flow-centre{padding:0 18px;border-inline:1px solid #c1cdef}
.about-team>.wrap>.text-link{margin-top:20px;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.about-clients{background:var(--light-blue);padding-block:75px}
.about-client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.about-client-grid>article{display:flex;flex-direction:column;align-items:flex-start;padding:32px 33px 26px;border-radius:4px;background:#fff;border:1px solid #d2dcf7}
.about-card-kicker{font-size:10px;line-height:1.5;letter-spacing:.065em;color:var(--blue)}
.about-client-grid h3{font-size:29px;line-height:1.2;letter-spacing:-.045em;margin:21px 0 19px}
.about-client-grid article>p{font-size:14px;line-height:1.8;color:var(--muted)}
.about-client-grid ul{margin:20px 0 18px;width:100%;font-size:13px;line-height:1.7}
.about-client-grid li{padding:7px 0;border-top:1px solid #e0e6f4}
.about-client-grid li:before{content:'·';color:var(--blue);margin-right:10px;font-weight:600}
.about-client-grid .text-link{font-size:13px;margin-top:auto;text-decoration:underline;text-underline-offset:5px;min-height:48px}
.about-it-note{font-size:14px;line-height:1.8;color:#465a7d;max-width:90ch;margin-top:27px}
.about-meet{display:grid;grid-template-columns:1.45fr .8fr;gap:85px;padding-block:75px 80px}
.about-meet-project h2{font-size:clamp(35px,3.6vw,50px);line-height:1.15;margin-top:23px}
.about-meet-project>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted);max-width:59ch;margin-top:23px}
.about-meet-project .button{margin-top:26px}
.about-meet-team{align-self:stretch;border-top:2px solid var(--blue);padding-top:22px}
.about-meet-team h3{font-size:30px;line-height:1.2;letter-spacing:-.045em;margin-top:23px}
.about-meet-team>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin-top:20px}
.about-meet-team .text-link{font-size:13px;margin-top:18px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){
 .about-page .header nav{gap:16px;font-size:12px}
 .about-hero-grid{gap:40px;grid-template-columns:1.05fr 1fr}
 .about-hero h1{font-size:clamp(48px,5.7vw,65px)}
 .about-origin p{font-size:16px}.about-origin p+p{font-size:14px}
 .about-section-heading{gap:35px;grid-template-columns:.6fr 1.6fr}
 .about-roles{gap:23px}.about-roles h3{font-size:23px}
 .about-collaboration{padding:25px 23px;gap:10px;grid-template-columns:1fr 28px 1.1fr 28px 1fr}
 .about-collaboration strong{font-size:17px}.about-flow-centre{padding-inline:12px}
 .about-client-grid>article{padding:28px 26px 23px}.about-client-grid h3{font-size:27px}
 .about-meet{gap:50px;grid-template-columns:1.35fr .85fr}
}
@media(max-width:900px){
 .about-page .header nav{gap:0;font-size:17px}
 .about-hero-grid{grid-template-columns:1fr;gap:28px}
 .about-hero h1{font-size:clamp(48px,7.7vw,66px)}
 .about-origin{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:30px}
 .about-origin p+p{margin-top:0}
 .about-hero-image{margin-top:32px}
 .about-section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:33px}
 .about-section-heading>.eyebrow{padding-top:0;max-width:none}
 .about-section-heading>div>p{font-size:15px;margin-top:20px}
 .about-roles{grid-template-columns:1fr;gap:25px}
 .about-roles>article{display:grid;grid-template-columns:.8fr 1.4fr;column-gap:30px;padding-top:20px}
 .about-roles .about-role-label{grid-column:1;grid-row:1}
 .about-roles h3{grid-column:1;grid-row:2;margin:12px 0 0}
 .about-roles article>p{grid-column:2;grid-row:1/3}
 .about-collaboration{grid-template-columns:1fr;gap:14px;margin-top:32px;padding:25px 28px}
 .about-collaboration>div{padding:0}
 .about-collaboration strong br{display:none}
 .about-collaboration>div>span{margin-bottom:5px}
 .about-flow-arrow{transform:rotate(90deg);justify-self:start;margin-left:3px;line-height:1}
 .about-flow-centre{border:0}
 .about-meet{grid-template-columns:1fr;gap:40px}
 .about-meet-team{max-width:650px}
}
@media(max-width:760px){
 .about-hero{padding-top:18px;padding-bottom:44px}
 .about-hero>.eyebrow{margin-bottom:21px}
 .about-hero h1{font-size:clamp(41px,8.8vw,60px);line-height:1.12}
 .about-hero-grid{gap:26px}
 .about-origin{grid-template-columns:1fr;gap:16px}
 .about-origin p{font-size:16px;line-height:1.75}.about-origin p+p{font-size:14px;line-height:1.8}
 .about-hero-image{margin-top:28px}
 .about-hero-image>img{height:280px;object-position:57% 50%}
 .about-hero-image>figcaption{position:static;box-shadow:none;padding:17px 18px;gap:11px;background:var(--light-blue)}
 .about-hero-image figcaption strong{font-size:16px}
 .about-hero-image figcaption div>span{font-size:12px;line-height:1.65;margin-top:5px}
 .about-image-point{width:7px;height:7px;margin-top:6px}
 .about-team,.about-clients{padding-block:47px}
 .about-section-heading{gap:21px;margin-bottom:30px}
 .about-section-heading h2{font-size:34px;line-height:1.15}
 .about-section-heading>div>p{font-size:14px;line-height:1.8;margin-top:19px}
 .about-roles>article{display:block;padding-top:19px}
 .about-roles h3{font-size:25px;margin:16px 0 12px}
 .about-roles article>p{font-size:14px;line-height:1.8}
 .about-collaboration{padding:24px 21px;gap:13px}
 .about-collaboration strong{font-size:18px;line-height:1.4}
 .about-client-grid{grid-template-columns:1fr;gap:20px}
 .about-client-grid>article{padding:25px 22px 20px}
 .about-client-grid h3{font-size:27px;margin:19px 0 17px}
 .about-client-grid h3 br{display:none}
 .about-client-grid article>p{font-size:14px}
 .about-client-grid .text-link{font-size:13px}
 .about-it-note{font-size:13px;line-height:1.8;margin-top:23px}
 .about-meet{padding-block:47px 52px;gap:35px}
 .about-meet-project h2{font-size:34px;margin-top:21px}
 .about-meet-project>p:not(.eyebrow){font-size:14px;margin-top:19px}
 .about-meet-project .button{font-size:14px;margin-top:23px}
 .about-meet-team{padding-top:21px}
 .about-meet-team h3{font-size:28px;margin-top:21px}
 .about-meet-team>p:not(.eyebrow){font-size:14px;margin-top:18px}
}
@media(max-width:360px){
 .about-hero h1{font-size:38px}
 .about-section-heading h2,.about-meet-project h2{font-size:31px}
 .about-hero-image>img{height:245px}
 .about-client-grid>article{padding-inline:18px}
 .about-client-grid h3{font-size:25px}
}