/* Reference color from the homepage collaboration cards. */
.site-design.subpage-design .about-capabilities{--about-brand:#123e46}
/* Alternating, restrained surfaces for the three About sections. */
.site-design.subpage-design main .about-introduction{background:var(--about-brand);border:0;border-radius:25px;padding:52px 5%;margin:24px 3% 40px;gap:24px 56px;color:#fff}
.site-design.subpage-design main .about-introduction :is(.eyebrow,h2,p){color:#fff}
.site-design.subpage-design main .about-introduction h2{font-size:clamp(29px,3.3vw,44px);line-height:1.18;letter-spacing:-1.3px}
.site-design.subpage-design main .about-introduction>p{font-size:17px;line-height:1.85}
.site-design.subpage-design main .about-competencies{background:transparent;border:0;border-radius:0;padding:52px 5%;color:var(--about-brand)}
.site-design.subpage-design main .about-competencies :is(h2,h3,p,li,.eyebrow){color:var(--about-brand)}
.site-design.subpage-design main .about-competencies .about-section-heading{gap:40px;margin-bottom:30px}
.site-design.subpage-design main .about-competencies .about-tabs{gap:12px;margin-bottom:32px}
.site-design.subpage-design main .about-competencies .about-tabs button{background:var(--about-brand);border:1px solid var(--about-brand);color:#fff;justify-content:center;min-height:64px;padding:16px 20px;border-radius:18px!important;box-shadow:none;transform:none}
.site-design.subpage-design main .about-competencies .about-tabs button:hover{background:var(--about-brand);border-color:var(--about-brand);color:#fff;box-shadow:none}
.site-design.subpage-design main .about-competencies .about-tabs button[aria-selected="true"]{background:var(--about-brand);border-color:var(--about-brand);color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--about-brand)}
.site-design.subpage-design main .about-competencies .about-competency-panel{gap:38px;color:var(--about-brand)}
.site-design.subpage-design main .about-competencies .about-competency-panel li{border-color:color-mix(in srgb,var(--about-brand) 25%,transparent)}
.site-design.subpage-design main .about-competencies .about-panel-note{background:#f5f5f5;border-left:2px solid var(--about-brand);border-radius:0 14px 14px 0;padding:16px 20px}
.site-design.subpage-design main .about-competencies .about-competency-panel figure{border-radius:22px;box-shadow:none;height:480px}
.site-design.subpage-design main .about-team{padding-top:64px;padding-bottom:64px}
.site-design.subpage-design main .about-team .about-section-heading :is(h2,p,.eyebrow){color:var(--about-brand)}
.site-design.subpage-design main .about-team-explorer{background:var(--about-brand);border:0;border-radius:25px;padding:30px;gap:0 38px;color:#fff}
.site-design.subpage-design main .about-team-explorer .about-team-tabs{gap:12px;margin-bottom:30px}
.site-design.subpage-design main .about-team-explorer .about-team-tabs button{border:1px solid #ffffff80;background:transparent;color:#fff;border-radius:18px!important;min-height:68px;padding:17px 16px;box-shadow:none;transform:none;justify-content:center}
.site-design.subpage-design main .about-team-explorer .about-team-tabs button:is(:hover,[aria-selected="true"]){background:#fff;border-color:#fff;color:var(--about-brand);box-shadow:none}
.site-design.subpage-design main .about-team-explorer .about-team-tabs button>span{display:none!important}
.site-design.subpage-design main .about-team-explorer .about-team-panels{background:transparent;padding:18px 0;min-width:0}
.site-design.subpage-design main .about-team-explorer :is(h3,p,strong,.eyebrow){color:#fff}
.site-design.subpage-design main .about-team-explorer .about-team-panel strong{border-color:#ffffff40}
.site-design.subpage-design main .about-team-explorer .about-team-photo{border-radius:20px;height:470px}
.site-design.subpage-design main .about-team-explorer .about-team-photo figcaption{color:#fff}
.site-design.subpage-design main .about-competencies :is(button,[role="tabpanel"]):focus-visible{outline:2px solid var(--about-brand);outline-offset:5px}
.site-design.subpage-design main .about-team-explorer :is(button,[role="tabpanel"]):focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:1000px){
 .site-design.subpage-design main .about-introduction{gap:24px 32px}
 .site-design.subpage-design main .about-team-explorer{column-gap:26px;padding:25px}
 .site-design.subpage-design main .about-competencies .about-competency-panel{gap:28px}
}
@media(max-width:760px){
 .site-design.subpage-design main .about-introduction{padding:32px 24px;margin:20px 3% 30px;border-radius:22px}
 .site-design.subpage-design main .about-introduction h2{font-size:29px;letter-spacing:-.9px;margin-bottom:24px}
 .site-design.subpage-design main .about-introduction>p{font-size:16px;line-height:1.8}
 .site-design.subpage-design main .about-competencies{padding:32px 24px;border-radius:0}
 .site-design.subpage-design main .about-competencies .about-section-heading{margin-bottom:26px}
 .site-design.subpage-design main .about-competencies .about-tabs{gap:10px;margin-bottom:26px}
 .site-design.subpage-design main .about-competencies .about-tabs button{min-height:60px;padding:15px;font-size:14px}
 .site-design.subpage-design main .about-competencies .about-competency-panel{gap:20px}
 .site-design.subpage-design main .about-competencies .about-competency-panel figure{height:260px;border-radius:18px}
 .site-design.subpage-design main .about-team{padding-top:45px;padding-bottom:45px}
 .site-design.subpage-design main .about-team-explorer{padding:18px;border-radius:22px;gap:0}
 .site-design.subpage-design main .about-team-explorer .about-team-tabs{gap:10px;margin-bottom:24px}
 .site-design.subpage-design main .about-team-explorer .about-team-tabs button{min-height:72px;padding:14px 10px;font-size:12px;overflow-wrap:anywhere}
 .site-design.subpage-design main .about-team-explorer .about-team-photo{height:300px;border-radius:18px}
 .site-design.subpage-design main .about-team-explorer .about-team-panels{padding:28px 6px 8px}
}

/* Photographic depth on large green surfaces, with a stable dark overlay. */
.site-design.subpage-design main :is(.about-introduction,.about-team-explorer){position:relative;isolation:isolate;overflow:hidden;background:var(--about-brand)}
.site-design.subpage-design main :is(.about-introduction,.about-team-explorer)::before{content:"";position:absolute;inset:-8px;z-index:0;pointer-events:none;background-size:cover;background-position:center;filter:blur(3px)}
.site-design.subpage-design main .about-introduction::before{background-image:linear-gradient(90deg,#123e46f2,#123e46d9),url('/assets/user-194916.webp');background-position:center 45%}
.site-design.subpage-design main .about-team-explorer::before{background-image:linear-gradient(90deg,#123e46ed,#123e46dc),url('/assets/screen-webdesign.webp');background-position:center 55%}
.site-design.subpage-design main :is(.about-introduction,.about-team-explorer)>*{position:relative;z-index:1}

/* Softer corners across the About page, retaining the open competency layout. */
.site-design.subpage-design main .about-capabilities :is(.about-introduction,.about-team-explorer,.about-together figure),
.site-design.subpage-design main .about-soft .opening-about-frame,
.site-design.subpage-design main .about-soft .about-soft-image,
.site-design.subpage-design main .about-competencies .about-competency-panel figure,
.site-design.subpage-design main .about-team-explorer .about-team-photo{border-radius:36px;overflow:hidden}
.site-design.subpage-design main .about-competencies .about-panel-note{border-radius:0 24px 24px 0}
.site-design.subpage-design main .about-competencies .about-tabs button,
.site-design.subpage-design main .about-team-explorer .about-team-tabs button{border-radius:100px!important}
.site-design.subpage-design main .about-team-explorer .about-team-tabs button,
.site-design.subpage-design main .about-team-explorer .about-team-tabs button:is(:hover,[aria-selected="true"]){background:#fff;border-color:#fff;color:#000}
.site-design.subpage-design main .about-team-explorer .about-team-tabs button[aria-selected="true"]{box-shadow:inset 0 0 0 3px var(--about-brand)}
.site-design.subpage-design main .about-capabilities+.company-invitation{border-radius:36px}
@media(max-width:760px){
 .site-design.subpage-design main .about-capabilities :is(.about-introduction,.about-team-explorer,.about-together figure),
 .site-design.subpage-design main .about-soft .opening-about-frame,
 .site-design.subpage-design main .about-soft .about-soft-image,
 .site-design.subpage-design main .about-competencies .about-competency-panel figure,
 .site-design.subpage-design main .about-team-explorer .about-team-photo,
 .site-design.subpage-design main .about-capabilities+.company-invitation{border-radius:28px}
}