.capabilities-body{background:var(--bg);color:var(--paper)}.capabilities-page{overflow:clip}.capabilities-page h1,.capabilities-page h2,.capabilities-page h3,.capabilities-page p{margin:0}.capabilities-hero,.capabilities-directory,.capabilities-closing{width:min(1360px,90%);margin:auto}.capabilities-hero{padding-top:175px;position:relative;display:grid;grid-template-columns:1.12fr 1fr;gap:50px;min-height:750px;align-items:center}.capabilities-hero-copy{position:relative;z-index:2;padding:30px 0 60px}.capabilities-hero .eyebrow{font-size:11px;letter-spacing:.23em;margin-bottom:35px}.capabilities-hero h1{font-size:clamp(65px,7.3vw,108px);line-height:1.05;letter-spacing:-.065em}.capabilities-hero h1>span,.capabilities-closing h2>span{color:var(--cyan)}.capabilities-hero .capabilities-intro{max-width:490px;line-height:1.8;font-size:17px;color:var(--muted);margin-top:30px}.capabilities-scroll{display:inline-flex;gap:28px;align-items:center;margin-top:40px;letter-spacing:.15em;font-size:10px}.capabilities-scroll>span{font-size:24px;color:var(--cyan);transition:transform .3s}.capabilities-scroll:hover>span{transform:translateY(5px)}.capabilities-art{position:relative;min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}.capabilities-art:before{content:'';position:absolute;inset:0 -15%;background:radial-gradient(ellipse,color-mix(in srgb,var(--cyan) 12%,transparent),transparent 65%);z-index:-1}.capabilities-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--cyan) 18%,transparent);width:410px;height:410px;border-radius:50%;z-index:-1}.orbit-one{transform:rotate(-30deg) scaleX(.6)}.orbit-two{transform:rotate(35deg) scaleX(.85)}.art-kicker,.art-caption,.art-foot{font-size:9px;letter-spacing:.2em;color:var(--muted)}.art-grade{position:relative;display:block;font-family:Manrope,Arial,sans-serif;font-size:240px;font-weight:600;line-height:1.3;letter-spacing:-.12em}.art-grade>span{color:var(--cyan)}.art-grade>i{font-size:42px;color:var(--cyan);position:absolute;right:-50px;top:25px;font-style:normal}.art-foot{display:flex;gap:55px;margin-top:40px;padding-top:18px;border-top:1px solid var(--line)}.capabilities-hero-foot{grid-column:1/-1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:9px;letter-spacing:.14em;color:var(--muted)}.learning-indicator{display:flex;align-items:center;gap:10px;letter-spacing:.02em;font-size:12px}.learning-indicator i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px color-mix(in srgb,var(--cyan) 35%,transparent)}.capabilities-directory{padding:70px 0 25px;scroll-margin-top:95px}.capabilities-filter{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.capabilities-filter>p{font-size:10px;letter-spacing:.18em;white-space:nowrap}.capabilities-filter>p>span{margin-left:12px;color:var(--cyan)}.capabilities-filter>div{display:flex;gap:8px;flex-wrap:wrap}.capabilities-filter button{background:transparent;color:var(--muted);border:1px solid var(--line);padding:11px 17px;border-radius:50px;font-size:12px;transition:background .2s,color .2s,border-color .2s}.capabilities-filter button[aria-pressed=true]{color:var(--bg);background:var(--cyan);border-color:var(--cyan)}.capabilities-filter button:hover{border-color:var(--cyan)}.capabilities-page .capabilities-hint{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:60px}.capability-group{display:grid;grid-template-columns:.85fr 2fr;gap:65px;border-top:1px solid var(--line);padding:46px 0 55px;scroll-margin-top:120px}.capability-group[hidden]{display:none!important}.capability-index{font-size:12px;color:var(--cyan);letter-spacing:.16em;display:block;margin-bottom:24px}.capability-heading h2{font-size:clamp(26px,2.7vw,39px);line-height:1.12;max-width:260px}.capability-heading>p{color:var(--muted);font-size:14px;line-height:1.7;margin-top:18px;max-width:250px}.capability-count{display:block;font-size:10px;letter-spacing:.08em;color:var(--muted);margin-top:24px}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.capability{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--paper) 2%,transparent);transition:border-color .25s,background .25s;min-width:0}.capability:hover,.capability[open]{border-color:color-mix(in srgb,var(--cyan) 50%,transparent);background:color-mix(in srgb,var(--cyan) 4%,transparent)}.capability summary{cursor:pointer;list-style:none;position:relative;min-height:125px;padding:24px 42px 24px 22px}.capability summary::-webkit-details-marker{display:none}.capability summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:12px}.capability-state{font-size:9px;letter-spacing:.09em;color:var(--cyan);display:block;margin-bottom:16px}.capability h3{font-size:20px;line-height:1.28;letter-spacing:-.025em}.capability-toggle{position:absolute;right:18px;top:22px;font-size:20px;font-weight:300;color:var(--muted);transition:transform .2s}.capability[open] .capability-toggle{transform:rotate(45deg);color:var(--cyan)}.capability-body{padding:0 22px 24px;color:var(--muted);font-size:14px;line-height:1.75}.capabilities-closing{padding:90px 0 100px;border-top:1px solid var(--line);text-align:center}.capabilities-closing>.eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:25px}.capabilities-closing h2{font-size:clamp(34px,4.8vw,66px);line-height:1.15}.capabilities-closing .pill{margin-top:32px}.capabilities-empty[hidden]{display:none}@media(min-width:1100px){.capability-heading{position:sticky;top:120px;align-self:start}}@media(max-width:1000px){.capabilities-hero{gap:20px;padding-top:140px;min-height:680px}.capabilities-art{min-height:390px}.art-grade{font-size:190px}.capabilities-orbit{width:340px;height:340px}.art-kicker{font-size:8px}.art-caption{font-size:8px}.capability-group{gap:30px;grid-template-columns:.8fr 1.7fr}.capabilities-filter{align-items:flex-start;flex-direction:column}.capability summary{padding-left:18px}.capability h3{font-size:18px}}@media(max-width:650px){.capabilities-hero{padding-top:115px;grid-template-columns:1fr;gap:0}.capabilities-hero-copy{padding-bottom:0}.capabilities-hero h1{font-size:62px}.capabilities-hero .eyebrow{font-size:9px;margin-bottom:25px}.capabilities-hero .capabilities-intro{font-size:15px;line-height:1.75;margin-top:24px}.capabilities-scroll{font-size:9px;margin-top:26px}.capabilities-art{min-height:290px;margin:10px 0 0}.art-grade{font-size:150px;line-height:1.15}.art-grade>i{font-size:27px;right:-35px;top:15px}.capabilities-orbit{width:260px;height:260px}.art-kicker{font-size:7px;margin-top:12px}.art-caption{font-size:7px}.art-foot{gap:45px;margin-top:25px;font-size:8px}.capabilities-hero-foot{padding:20px 0;flex-direction:column;align-items:flex-start;gap:14px}.capabilities-hero-foot>span:last-child{font-size:8px;letter-spacing:.08em}.capabilities-directory{padding-top:40px}.capabilities-filter>div{gap:6px}.capabilities-filter button{font-size:11px;padding:10px 13px}.capabilities-page .capabilities-hint{font-size:12px;margin-bottom:35px}.capability-group{grid-template-columns:1fr;gap:25px;padding:30px 0 35px}.capability-index{margin-bottom:14px}.capability-heading h2{font-size:31px;max-width:none}.capability-heading>p{max-width:none;margin-top:12px}.capability-count{margin-top:15px}.capability-grid{gap:10px}.capability summary{min-height:130px;padding:20px 30px 20px 15px}.capability-state{font-size:8px;letter-spacing:.02em;margin-bottom:15px}.capability h3{font-size:16px;line-height:1.35}.capability-toggle{right:9px;top:17px;font-size:17px}.capability-body{padding:0 15px 20px;font-size:13px}.capabilities-closing{padding:60px 0 75px}}@media(prefers-reduced-motion:reduce){.capabilities-page *{transition:none!important;animation:none!important}.capabilities-art{transform:none!important}}

/* Generated transparent learning illustration, no browser frame. */
.capabilities-learning-art{margin:0;min-height:450px;align-items:center;justify-content:center;gap:0}.skills-learning-image{display:block;width:min(110%,570px);height:auto;max-height:545px;object-fit:contain;filter:drop-shadow(0 22px 38px #0003);position:relative;z-index:1}.capabilities-learning-art figcaption{font-size:9px;color:var(--muted);letter-spacing:.16em;margin:4px 0 20px;text-align:center;line-height:1.8}.capabilities-learning-art figcaption>span{margin:0 10px;color:var(--cyan)}@media(max-width:1000px){.capabilities-learning-art{min-height:380px}.skills-learning-image{width:110%;max-height:430px}.capabilities-learning-art figcaption{font-size:8px}}@media(max-width:650px){.capabilities-learning-art{min-height:0;padding:20px 0 10px}.skills-learning-image{width:min(100%,380px);max-height:350px}.capabilities-learning-art figcaption{font-size:8px;margin:0 0 20px}}
/* Clearly readable learning-status badge on every skill card. */
.capability summary{padding-top:22px;padding-right:38px;min-height:140px}.capability-state{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 10px;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--cyan) 42%,transparent);border-radius:999px;background:color-mix(in srgb,var(--cyan) 12%,transparent);color:var(--cyan);font-size:11px;font-weight:600;line-height:1.25;letter-spacing:.01em}.capability-state:before{content:'';width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor}.capability-toggle{top:28px;right:14px}@media(max-width:650px){.capability summary{padding:18px 12px;min-height:145px}.capability-state{font-size:10px;padding:6px 8px;gap:5px;margin-bottom:15px}.capability-state:before{width:4px;height:4px}.capability-toggle{position:static;display:block;text-align:right;font-size:16px;margin-top:10px;line-height:1}.capability[open] .capability-toggle{transform:none}}