#complior-cloud .ab-hero{background:var(--paper)}
#complior-cloud .ab-hero .cc-breadcrumbs{color:var(--muted)}
#complior-cloud .ab-hero .cc-breadcrumbs span[aria-current]{color:var(--ink)}
#complior-cloud .ab-intro{display:grid;grid-template-columns:1fr 1.08fr;gap:58px;align-items:center;padding:24px 0 58px}
#complior-cloud .ab-intro h1{font-size:clamp(40px,4.2vw,62px);max-width:15ch}
#complior-cloud .ab-intro .cc-lead{max-width:39ch;font-size:20px;line-height:1.6;margin-top:22px}
#complior-cloud .ab-office img{display:block;width:100%;height:360px;object-fit:cover;border-radius:3px 24px 3px 3px}
#complior-cloud .ab-office figcaption{font-size:13px;color:var(--muted);margin-top:12px}
#complior-cloud .ab-profile{padding-top:54px;border-top:1px solid var(--line)}
#complior-cloud .ab-profile-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:100px;align-items:start}
#complior-cloud .ab-profile h2{max-width:20ch}
#complior-cloud .ab-profile-copy>p{margin-top:24px;max-width:60ch}
#complior-cloud .ab-sectors{list-style:none;padding:0;display:flex;gap:9px 23px;flex-wrap:wrap;margin-top:22px;color:var(--ink);font-size:15px}
#complior-cloud .ab-sectors li{display:flex;align-items:baseline;gap:9px}
#complior-cloud .ab-sectors li::before{content:'•';color:var(--brand)}
#complior-cloud .ab-facts{margin:0;padding:0;border-top:1px solid #9cb8a5}
#complior-cloud .ab-facts>div{padding:17px 0;border-bottom:1px solid var(--line)}
#complior-cloud .ab-facts dt{font-size:12px;color:var(--muted);margin-bottom:5px}
#complior-cloud .ab-facts dd{font-size:20px;font-weight:600;color:var(--ink);margin:0}
#complior-cloud .ab-profile a{margin-top:22px}
#complior-cloud .ab-team{background:#f7f8f7}
#complior-cloud .ab-people{list-style:none;padding:0;border-top:1px solid #9cb8a5}
#complior-cloud .ab-person{display:grid;grid-template-columns:1fr 180px 1.4fr;gap:30px;padding:23px 0;border-bottom:1px solid var(--line);align-items:baseline}
#complior-cloud .ab-person h3{font-size:23px;line-height:1.3}
#complior-cloud .ab-role{font-size:15px;color:var(--brand)}
#complior-cloud .ab-person p{font-size:16px;max-width:54ch}
#complior-cloud .ab-journey{background:var(--sage)}
#complior-cloud .ab-milestones{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
#complior-cloud .ab-milestones li{border-top:1px solid #9cb8a5;padding-top:22px}
#complior-cloud .ab-milestones li>span{display:block;font-size:31px;line-height:1.2;letter-spacing:-.03em;color:var(--brand);margin-bottom:17px}
#complior-cloud .ab-milestones h3{font-size:22px;margin-bottom:12px}
#complior-cloud .ab-milestones p{font-size:16px;max-width:37ch}
#complior-cloud .ab-journey a{margin-top:26px}
#complior-cloud .ab-closing{padding:56px 0}
#complior-cloud .ab-closing-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px}
#complior-cloud .ab-closing h2{font-size:clamp(32px,3.2vw,46px)}
#complior-cloud .ab-closing p{max-width:43ch;margin-top:18px}
#complior-cloud .ab-closing .cc-actions{margin-top:0;justify-content:flex-end}
@media(max-width:1050px){
 #complior-cloud .ab-intro{gap:36px}
 #complior-cloud .ab-profile-grid{gap:50px}
 #complior-cloud .ab-person{grid-template-columns:1fr 155px 1.25fr;gap:24px}
 #complior-cloud .ab-office img{height:325px}
 #complior-cloud .ab-milestones{gap:26px}
}
@media(max-width:760px){
 #complior-cloud .ab-intro,#complior-cloud .ab-profile-grid,#complior-cloud .ab-closing-grid{grid-template-columns:1fr;gap:30px}
 #complior-cloud .ab-intro{padding:18px 0 36px}
 #complior-cloud .ab-intro h1{max-width:16ch}
 #complior-cloud .ab-office img{height:auto;aspect-ratio:1.65;object-position:center 46%}
 #complior-cloud .ab-profile{padding-top:40px}
 #complior-cloud .ab-profile h2{max-width:100%}
 #complior-cloud .ab-profile-copy>p{margin-top:20px}
 #complior-cloud .ab-person{grid-template-columns:1fr;gap:7px;padding:22px 0}
 #complior-cloud .ab-person p{margin-top:3px}
 #complior-cloud .ab-milestones{grid-template-columns:1fr;gap:27px}
 #complior-cloud .ab-milestones p{max-width:50ch}
 #complior-cloud .ab-closing{padding:44px 0}
 #complior-cloud .ab-closing .cc-actions{justify-content:flex-start}
}
@media(max-width:480px){
 #complior-cloud .ab-intro h1{font-size:39px}
 #complior-cloud .ab-intro .cc-lead{font-size:18px;line-height:1.6;margin-top:20px}
 #complior-cloud .ab-intro .cc-actions{gap:8px 20px;margin-top:22px}
 #complior-cloud .ab-intro .cc-button{font-size:15px;padding:11px 19px;gap:15px}
 #complior-cloud .ab-intro .cc-text-link{font-size:14px}
}

#complior-cloud .ab-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 26px}
#complior-cloud .ab-person.ab-with-portrait{display:flex;flex-direction:column;gap:10px;align-items:flex-start;border:0;padding:0}
#complior-cloud .ab-portrait{width:100%;height:auto;aspect-ratio:930/1024;object-fit:cover;border-radius:3px 22px 3px 3px;margin-bottom:8px;display:block}
#complior-cloud .ab-with-portrait h3{font-size:22px}
#complior-cloud .ab-person:not(.ab-with-portrait){grid-column:1/-1;border-top:1px solid var(--line);border-bottom:0;margin-top:8px}
@media(max-width:900px){#complior-cloud .ab-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}
@media(max-width:480px){#complior-cloud .ab-people{grid-template-columns:1fr;gap:32px}#complior-cloud .ab-person.ab-with-portrait{display:grid;grid-template-columns:100px minmax(0,1fr);gap:6px 20px;align-items:start}#complior-cloud .ab-portrait{grid-row:1/4;width:100px;margin:0;border-radius:3px 14px 3px 3px}#complior-cloud .ab-with-portrait h3{font-size:20px}#complior-cloud .ab-with-portrait p{grid-column:2;margin:0;font-size:15px}#complior-cloud .ab-person:not(.ab-with-portrait){margin:0}}