.capability-main{padding-top:92px;background:#fff;color:#03203e}.capability-overview{padding:2.5rem clamp(1.25rem,4vw,4rem);background:radial-gradient(ellipse at 0% 0%,rgba(166,132,51,.1),transparent 40%),linear-gradient(135deg,#fff,#f5f7f9)}.capability-intro{text-align:center;max-width:1300px;margin:0 auto 2rem}.capability-intro .eyebrow{color:#680f0e;font-size:.875rem;margin:0 0 .75rem}.capability-intro h1{font-size:clamp(2rem,3.3vw,3.8rem);line-height:1.15;letter-spacing:-.03em;margin:0 0 1rem}.capability-intro h1 em{font-style:normal;color:#680f0e;background:none}.capability-intro>p:last-child{font-size:1.1rem;line-height:1.55;color:#405568;margin:0}.capability-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;max-width:1560px;margin:auto}.capability-market{display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:linear-gradient(125deg,#680f0e,#420b13);color:#fff;border:1px solid #680f0e30;box-shadow:0 12px 30px #03203e15}.capability-image{height:190px;overflow:hidden;border-bottom:3px solid #a68433;background:#03203e}.capability-image img{width:100%;height:100%;object-fit:cover;object-position:center 54%}.capability-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:1.5rem;flex:1}.capability-title{display:flex;align-items:center;justify-content:center;gap:.8rem;min-height:70px;width:100%}.capability-title svg{width:64px;height:64px;flex:none;padding:8px;border:1px solid #fff0c540;border-bottom:2px solid #a68433;border-radius:16px;fill:none;stroke:#fff0c5;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;background:#ffffff08}.capability-title h2{font-size:clamp(1.35rem,2vw,2.2rem);line-height:1.2;letter-spacing:-.025em;margin:0;color:#fff}.capability-benefit{font-size:1.1rem;line-height:1.45;font-weight:700;margin:0;min-height:3.2rem;display:flex;align-items:center;justify-content:center;max-width:620px}.capability-content ul{display:grid;gap:.4rem;margin:0;padding:.9rem 0;list-style:none;border-top:1px solid #fff0c530;border-bottom:1px solid #fff0c530;width:100%;font-size:1rem;line-height:1.5;color:#f2e9e8}.capability-content li:before{content:"•";margin-right:.6rem;color:#fff0c5}.capability-content .cap-open{font:inherit;font-weight:700;cursor:pointer;background:#fff;color:#03203e;border:1px solid #fff;box-shadow:none;min-height:48px;min-width:220px;border-radius:10px;margin-top:auto;padding:.7rem 1.3rem}.capability-content .cap-open:hover{background:#f4eddc;transform:none;box-shadow:none}.capability-main button:focus-visible,.capability-main a:focus-visible{outline:3px solid #a68433;outline-offset:5px}.capability-close{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem clamp(1.25rem,4vw,4rem);background:#03203e;color:#fff}.capability-close h2{font-size:clamp(1.6rem,2.5vw,2.7rem);line-height:1.2;margin:0 0 .7rem}.capability-close p{font-size:1rem;line-height:1.55;margin:0;color:#dce7ef}.capability-close .eyebrow{color:#fff0c5;margin-bottom:.6rem;font-size:.875rem}.capability-close .button{flex:none;background:#fff;color:#03203e;box-shadow:none}.capabilities-page .statement-section-title>svg{width:28px;height:28px;flex:none;fill:none;stroke:#680f0e;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.capabilities-page .statement-table tbody th{width:43%}.capabilities-page .statement-table tbody td:before{content:none}
@media(max-width:1000px){.capability-title h2{font-size:1.45rem}.capability-title svg{width:56px;height:56px}}
@media(max-width:700px){.capability-main{padding-top:78px}.capability-market-grid{grid-template-columns:1fr}.capability-image{height:180px}.capability-content{padding:1.25rem;gap:.85rem}.capability-title h2{font-size:1.35rem}.capability-benefit{min-height:0}.capability-close{flex-direction:column;align-items:stretch}.capability-close .button{align-self:start}.capabilities-page .statement-table tbody th{width:100%}.capabilities-page .statement-table tbody td:before{content:"What it enables"}.capability-intro h1{font-size:2.1rem}}
/* Clear category structure and restrained brand palette */
.capability-overview{background:#f3f6f8;padding-top:2.5rem}.capability-intro h1{color:#03203e;font-size:clamp(2.2rem,3.6vw,4rem)}.capability-intro .eyebrow{color:#680f0e}.cap-group-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:1300px;margin:0 auto 2.5rem}.cap-group-nav a{background:#fff;border:1px solid #d5dfe7;border-radius:8px;padding:.7rem 1rem;font-size:1rem;font-weight:700;color:#03203e}.cap-group-nav a:hover{border-color:#a68433;background:#faf7f0}.cap-category{max-width:1560px;margin:0 auto 2.5rem;scroll-margin-top:115px}.cap-category:last-child{margin-bottom:0}.cap-category-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.2rem 1.4rem;margin-bottom:1rem;background:#03203e;border-left:4px solid #a68433;border-radius:10px;color:#fff}.cap-category-heading h2{margin:0;font-size:clamp(1.5rem,2.2vw,2.1rem);line-height:1.2;letter-spacing:-.02em}.cap-category-heading p{margin:0;color:#dce7ef;font-size:1rem;line-height:1.5}.capability-market{background:#fff;border:1px solid #d5dfe7;color:#03203e;box-shadow:0 8px 24px #03203e09;border-radius:16px}.capability-title h2{color:#03203e}.capability-title svg{background:#f4f7f9;stroke:#03203e;border:1px solid #e1e7ec;border-bottom:2px solid #a68433}.capability-benefit{color:#03203e}.capability-content ul{color:#405568;border-color:#dbe3e9}.capability-content li:before{color:var(--gold-text);font-weight:650;text-shadow:none;-webkit-text-fill-color:currentColor;}.capability-content .cap-open{background:#03203e;color:#fff;border-color:#03203e}.capability-content .cap-open:hover{background:#103c60;color:#fff}.capability-image{height:160px;border-bottom:2px solid #a68433}.capability-content{padding:1.25rem 1.5rem}.capability-title{min-height:62px}.capability-title svg{width:56px;height:56px}.capability-title h2{font-size:clamp(1.35rem,1.85vw,2rem)}
@media(max-width:1000px){.cap-category-heading{align-items:start;flex-direction:column;gap:.5rem}}
@media(max-width:700px){.cap-group-nav{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.8rem}.cap-group-nav a{text-align:center;font-size:.875rem;padding:.7rem .5rem}.cap-category{scroll-margin-top:95px;margin-bottom:2rem}.cap-category-heading{padding:1rem}.capability-image{height:170px}.capability-content{padding:1.2rem}.capability-title h2{font-size:1.3rem}}
/* Contrasting cinematic wallpaper */
.capability-overview{position:relative;isolation:isolate;background:radial-gradient(ellipse at 93% 8%,rgba(166,132,51,.17),transparent 30%),radial-gradient(ellipse at 2% 45%,rgba(23,74,117,.38),transparent 42%),radial-gradient(ellipse at 92% 78%,rgba(104,15,14,.18),transparent 36%),linear-gradient(140deg,#020d19,#03203e 43%,#06172b 75%,#020b15);color:#fff}
.capability-overview:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,transparent 17%,rgba(255,255,255,.035) 17.1%,transparent 17.6%,transparent 77%,rgba(224,201,120,.045) 77.1%,transparent 77.6%),repeating-linear-gradient(125deg,transparent 0,transparent 220px,rgba(255,255,255,.018) 221px,transparent 222px);box-shadow:inset 0 1px rgba(224,201,120,.2)}
.capability-intro h1{color:#fff}.capability-intro .eyebrow{color:#fff0c5}.capability-intro>p:last-child{color:#d4e2ee}
.cap-group-nav a{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.25);color:#fff}.cap-group-nav a:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#e0c978}
.cap-category-heading{background:linear-gradient(90deg,rgba(11,46,77,.92),rgba(3,32,62,.7));border:1px solid rgba(255,255,255,.17);border-left:4px solid #a68433;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.capability-market{box-shadow:0 16px 36px rgba(0,0,0,.25);border-color:rgba(255,255,255,.5)}
/* Cinematic opening cloned from Who We Serve */
.capability-hero h1{font-size:clamp(2.6rem,4.3vw,5rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 1.2rem;color:#fff}.capability-hero h1 em{font-style:normal;background:none;-webkit-text-fill-color:transparent;color:var(--gold-text);-webkit-text-fill-color:currentColor;font-weight:650;text-shadow:none;}.capability-hero .eyebrow{font-size:.875rem;line-height:1.4;letter-spacing:.15em;margin:0 0 .75rem}.capability-hero .serve-hero-copy>p:not(.eyebrow){margin:0;line-height:1.55}.capability-hero .serve-hero-image figcaption p{margin:0;font-size:1rem;line-height:1.55}.capability-intro h2{font-size:clamp(1.8rem,2.8vw,3rem);line-height:1.2;color:#fff;margin:0 0 .7rem;letter-spacing:-.025em}
@media(max-width:700px){.capability-hero h1{font-size:clamp(2.7rem,10vw,4rem)}}

/* Inverse header palette: navy navigation, cinematic red hero */
.capabilities-page .site-header{background:linear-gradient(125deg,#071827,#103652 55%,#061522);border-bottom-color:#e0c978}
.capabilities-page .site-header>.button{background:#143c5b;color:#fff;border-color:#e0c97870;box-shadow:inset 0 1px #ffffff12}
.capabilities-page .site-header>.button:hover{background:#1c4b6d}
.capability-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 20% 15%,#aa342b66,transparent 48%),radial-gradient(ellipse at 90% 85%,#bd873225,transparent 42%),linear-gradient(120deg,#4b1018,#7a1c1b 48%,#350d18);border-bottom:1px solid #e0c97860}
.capability-hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(125deg,transparent 22%,#ffffff04 22.1%,transparent 23%,transparent 77%,#e0c97808 77.1%,transparent 78%),repeating-linear-gradient(125deg,transparent 0,transparent 210px,#ffffff03 211px,transparent 212px)}
.capability-hero .serve-hero-copy>p:not(.eyebrow){color:#f8eeee}
.capability-hero .eyebrow,.capability-hero .serve-promise strong{color:#fff0c5}
.capability-hero .serve-promise span{color:#fff}
.capability-hero .serve-hero-image{border-color:#e0c97860;box-shadow:0 20px 50px #18040c55}
.capability-hero .serve-hero-image figcaption strong{color:#fff}
.capability-hero .serve-hero-image figcaption p{color:#f2f5f8}

/* Full width category navigation with corresponding card accents */
.cap-group-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1560px;width:100%;gap:1rem;margin:0 auto 2.5rem}
.cap-group-nav a{display:flex;align-items:center;justify-content:center;min-height:68px;text-align:center;padding:.8rem 1rem;line-height:1.35;border-radius:10px;font-size:1rem;box-shadow:inset 0 1px #ffffff20,0 8px 20px #00000020}
.cap-group-nav a[href="#workplace"],#workplace{--category-color:#680f0e;--category-text:#fff;--category-border:#bd5b54;--category-icon:#680f0e}
.cap-group-nav a[href="#protection"],#protection{--category-color:#fff;--category-text:#03203e;--category-border:#fff;--category-icon:#03203e}
.cap-group-nav a[href="#modernization"],#modernization{--category-color:#03203e;--category-text:#fff;--category-border:#5c86aa;--category-icon:#03203e}
.cap-group-nav a[href="#delivery"],#delivery{--category-color:linear-gradient(115deg,#fff0c5,#c5a04a);--category-text:#03203e;--category-border:#e0c978;--category-icon:#86641d}
.cap-group-nav a{background:var(--category-color);color:var(--category-text);border:1px solid var(--category-border)}
.cap-group-nav a:hover{background:var(--category-color);color:var(--category-text);border-color:var(--category-border);filter:brightness(1.1);box-shadow:0 0 0 2px #ffffff50,0 8px 20px #00000025}
.cap-category-heading{background:var(--category-color);color:var(--category-text);border:1px solid var(--category-border);border-left:4px solid var(--category-border)}
.cap-category-heading h2,.cap-category-heading p{color:var(--category-text)}
.cap-category .capability-image{border-bottom:4px solid var(--category-border)}
#workplace .capability-image{border-bottom-color:#680f0e}
#protection .capability-image{border-bottom-color:#fff;box-shadow:0 1px 0 #d5dfe7}
#modernization .capability-image{border-bottom-color:#03203e}
.cap-category .capability-title svg{stroke:var(--category-icon);border-bottom-color:var(--category-icon)}
#workplace .cap-open{background:#680f0e;border-color:#680f0e;color:#fff}
#protection .cap-open{background:#fff;border-color:#03203e;color:#03203e}
#modernization .cap-open{background:#03203e;border-color:#03203e;color:#fff}
#delivery .cap-open{background:linear-gradient(115deg,#fff0c5,#c5a04a);border-color:#a68433;color:#03203e}
.cap-category .cap-open:hover{filter:brightness(1.12)}
@media(max-width:1100px){.cap-group-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}
@media(max-width:700px){.cap-group-nav{gap:.5rem;margin-bottom:1.8rem}.cap-group-nav a{min-height:76px;padding:.7rem .5rem;font-size:.875rem}}

/* Gold closing conversation strip */
.capability-close{background:radial-gradient(ellipse at 10% 0%,#ffffff80,transparent 55%),linear-gradient(115deg,#fff0c5 0%,#e0c978 52%,#c5a04a 100%);color:#03203e;border-top:1px solid #fff0c5;border-bottom:2px solid #a68433;box-shadow:inset 0 1px #ffffff70}
.capability-close h2,.capability-close p,.capability-close .eyebrow{color:#03203e}
.capability-close .button{background:#03203e;color:#fff;border-color:#03203e;box-shadow:0 8px 22px #03203e20}
.capability-close .button:hover{background:#103c60;color:#fff}

.capability-hero h1{max-width:none;width:100%;font-size:clamp(2rem,3.65vw,4.5rem);line-height:1.16;letter-spacing:-.04em}
.capability-hero h1 em{background:none;color:var(--gold-text);-webkit-text-fill-color:var(--gold-text);font-weight:650;text-shadow:none;-webkit-text-fill-color:currentColor;}
@media(max-width:700px){.capability-hero h1{font-size:clamp(1.7rem,7.6vw,3.4rem)}}

/* Compact desktop categories within the available screen height. */
@media (min-width: 768px) {
  .cap-group-nav {
    position: sticky;
    top: var(--desktop-header-height,92px);
    z-index: 10;
    grid-template-columns: repeat(4,minmax(0,1fr));
    padding: 10pt 0;
    margin-bottom: .65rem;
    background: #03203e;
  }
  .cap-category { margin-bottom: 1.5rem; }
  .cap-category-heading { padding: .75rem 1rem; margin-bottom: .65rem; gap: .75rem; }
  .cap-category-heading h2 { font-size: clamp(1.35rem,2vw,1.85rem); }
  .capability-market-grid { gap: 1rem; max-width: min(1560px,calc(92.45svh + 1rem)); }
  .cap-category .capability-image { height: auto; flex: none; }
  .cap-category .capability-image img { display: block; width: 100%; height: auto; object-fit: contain; object-position: center; }
  .cap-category .capability-content { padding: .75rem 1rem; gap: .4rem; }
  .cap-category .capability-title { min-height: 44px; gap: .6rem; }
  .cap-category .capability-title svg { width: 44px; height: 44px; padding: 6px; border-radius: 12px; }
  .cap-category .capability-title h2 { font-size: clamp(1.2rem,1.65vw,1.7rem); line-height: 1.2; }
  .cap-category .capability-benefit { min-height: 0; font-size: 1rem; line-height: 1.35; }
  .cap-category .capability-content ul { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .25rem .5rem; padding: .5rem 0; font-size: 1rem; line-height: 1.35; }
  .cap-category .capability-content .cap-open { min-height: 44px; min-width: 0; padding: .5rem 1rem; }
}
