.capabilities-section{background:#fff;overflow:clip}
.capabilities-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:end;margin-bottom:58px}
.capabilities-heading .eyebrow{color:var(--deep);margin-bottom:24px}
.capabilities-heading>div:last-child{max-width:370px;justify-self:end}
.capabilities-heading>div:last-child>p{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:15px}
.capability-network{display:grid;grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);grid-template-rows:auto auto;gap:28px 26px;position:relative;isolation:isolate}
.capability-network:before{content:'';position:absolute;inset:4% -4%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#a38ac61c,transparent 66%)}
.capability-connections{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}
.capability-connections path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
.capability-lines path{stroke:#c6b4d7;stroke-width:1}
.capability-flow path{stroke:var(--deep);stroke-width:2;stroke-dasharray:18 300;animation:capability-connect 9s linear infinite;animation-play-state:paused}
.capability-flow path:nth-child(2){animation-delay:-2s}.capability-flow path:nth-child(3){animation-delay:-4s}.capability-flow path:nth-child(4){animation-delay:-6s}
.capability-hub{grid-column:2;grid-row:1/3;align-self:center;justify-self:center;position:relative;text-align:center;width:170px;z-index:2}
.capability-hub-core{position:relative;width:134px;height:134px;border-radius:50%;margin:auto;background:var(--purple);box-shadow:0 0 0 11px #a38ac61a,0 14px 30px #694e851f;display:grid;place-items:center}
.capability-hub-core img{width:85%;height:85%;object-fit:contain}
.capability-hub-ring{position:absolute;top:-12px;left:5px;width:160px;height:160px;border:1px dashed #a38ac6aa;border-radius:50%;animation:capability-orbit 32s linear infinite;animation-play-state:paused}
.capability-hub p{font-family:var(--serif);color:var(--deep);font-size:21px;line-height:1.1;margin-top:30px}
.capability-card{background:#f8f6f2;border:1px solid #dfd7e4;position:relative;padding:38px 32px 28px;min-width:0;display:flex;flex-direction:column;align-items:start;box-shadow:0 10px 30px #51396105;transition:box-shadow .45s,border-color .45s,translate .55s cubic-bezier(.19,1,.22,1)}
.capability-card:hover,.capability-card:focus-within{translate:0 -6px;border-color:#a38ac6;box-shadow:0 18px 42px #694e8512}
.capability-identity{grid-column:1;grid-row:1}.capability-web{grid-column:3;grid-row:1;background:#f2eef6}.capability-digital{grid-column:1;grid-row:2;background:#ede7f3}.capability-consulting{grid-column:3;grid-row:2;background:#f8f6f2}
.capability-role{font-size:8px;letter-spacing:.11em;text-transform:uppercase;color:var(--deep);font-weight:600;line-height:1.6;margin-bottom:23px;max-width:70%}
.capability-card h3{font-size:clamp(30px,2.8vw,42px);line-height:1.03;margin-bottom:22px;max-width:90%;position:relative}
.capability-card h3 em{font-size:1.14em;color:var(--deep)}
.capability-card>p:not(.capability-role){font-size:13px;line-height:1.85;color:#625b66;max-width:325px;margin-bottom:28px}
.capability-link{display:inline-flex;padding:12px 0 9px;border-bottom:1px solid var(--deep);font-size:11px;font-weight:600;line-height:1.5;margin-top:auto;color:var(--ink)}
.capability-link:hover{color:var(--deep)}
.capability-visual{position:absolute;right:23px;top:24px;width:80px;height:66px;pointer-events:none;opacity:.72;animation:capability-drift 7s ease-in-out infinite;animation-play-state:paused}
.identity-visual>span{font-family:var(--serif);font-size:47px;color:var(--deep);line-height:1;display:block;text-align:center}
.identity-visual>div{display:flex;gap:0;justify-content:center;margin-top:5px}.identity-visual i{width:19px;height:5px;background:var(--ink)}.identity-visual i:nth-child(2){background:var(--purple)}.identity-visual i:nth-child(3){background:#ded7cd}
.web-visual{border:1px solid #a995bd;background:#fff;border-radius:4px;transform:rotate(7deg);height:56px;top:29px}
.mini-browser-top{height:12px;display:flex;align-items:center;gap:3px;border-bottom:1px solid #e4dce9;padding-left:5px}.mini-browser-top i{height:3px;width:3px;background:#a38ac6;border-radius:50%}
.mini-browser-body{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:7px}.mini-browser-body span{height:9px;background:#ede6f4}.mini-browser-body span:first-child{grid-column:1/-1;background:var(--purple);height:11px}
.digital-visual{display:flex;align-items:center;justify-content:center;gap:5px;animation-delay:-2s}
.digital-visual i{width:5px;height:22px;background:var(--deep);border-radius:5px;animation:capability-signal 2s ease-in-out infinite;animation-play-state:paused}
.digital-visual i:nth-child(2){height:38px;animation-delay:-.3s}.digital-visual i:nth-child(3){height:54px;animation-delay:-.6s}.digital-visual i:nth-child(4){height:38px;animation-delay:-.9s}.digital-visual i:nth-child(5){animation-delay:-1.2s}
.consulting-visual{animation-delay:-4s}.consulting-visual span{position:absolute;width:58px;height:43px;border:1px solid #9d82b9;border-radius:50%;left:4px;top:10px;transform:rotate(-32deg)}.consulting-visual span:nth-child(2){left:17px;transform:rotate(32deg)}.consulting-visual i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--deep);top:27px;left:34px;box-shadow:0 0 0 7px #a38ac624}
.capabilities-note{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:34px;padding-top:24px;border-top:1px solid #e3dce7}
.capabilities-note>span{font-family:var(--serif);font-size:24px;color:var(--deep)}
.motion-ready:not(.motion-paused):not(.motion-document-hidden) .capability-network.is-motion-inview :is(.capability-flow path,.capability-hub-ring,.capability-visual,.digital-visual i){animation-play-state:running}
@keyframes capability-connect{to{stroke-dashoffset:-636}}
@keyframes capability-orbit{to{rotate:360deg}}
@keyframes capability-drift{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes capability-signal{0%,100%{scale:1 .65;opacity:.5}50%{scale:1 1;opacity:1}}
@media(max-width:1100px){.capabilities-heading{gap:50px}.capability-network{grid-template-columns:minmax(0,1fr) 135px minmax(0,1fr);gap:24px 18px}.capability-card{padding:32px 25px 25px}.capability-visual{width:64px;right:18px;scale:.8;transform-origin:top right}.capability-role{font-size:7px;max-width:65%}.capability-hub{width:130px}.capability-hub-core{width:104px;height:104px}.capability-hub-ring{width:130px;height:130px;left:0}.capability-hub p{font-size:19px}.capability-card h3{font-size:33px}}
@media(max-width:850px){.capabilities-heading{gap:30px}.capabilities-heading h2{font-size:45px}.capabilities-heading>div:last-child>p{font-size:13px}.capability-network{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:23px}.capability-hub{grid-column:1/-1;grid-row:1;width:170px;margin:8px 0 16px}.capability-hub-core{width:120px;height:120px}.capability-hub-ring{left:11px;top:-15px;width:148px;height:148px}.capability-hub p{margin-top:24px;font-size:20px}.capability-connections{display:none}.capability-identity{grid-column:1;grid-row:2}.capability-web{grid-column:2;grid-row:2}.capability-digital{grid-column:1;grid-row:3}.capability-consulting{grid-column:2;grid-row:3}.capability-card h3{font-size:33px}.capability-card>p:not(.capability-role){font-size:13px}.capability-role{font-size:8px}.capabilities-note>span{font-size:21px}}
@media(max-width:600px){.capabilities-heading{display:block;margin-bottom:32px}.capabilities-heading h2{font-size:44px}.capabilities-heading>div:last-child{max-width:none;margin-top:26px}.capabilities-heading .eyebrow{margin-bottom:20px}.capability-network{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:20px}.capability-hub{grid-column:1;grid-row:auto;margin:12px auto 24px}.capability-card{grid-column:1;grid-row:auto;padding:30px 26px 26px}.capability-card h3{font-size:36px;max-width:85%}.capability-card h3 br{display:none}.capability-card>p:not(.capability-role){max-width:none;margin-bottom:24px}.capability-role{font-size:8px;margin-bottom:26px;max-width:70%}.capability-visual{scale:.8;right:20px;top:21px}.capabilities-note{display:block;margin-top:30px;padding-top:22px}.capabilities-note>span{font-size:23px;display:block}.capabilities-note .text-link{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.capability-card:hover,.capability-card:focus-within{translate:none}.capability-flow path,.capability-hub-ring,.capability-visual,.digital-visual i{animation:none!important}}
html.motion-paused .capability-card:hover,html.motion-paused .capability-card:focus-within{translate:none}