/* RCF Capabilities Page — page-specific styles
   Interior template baseline: About v1.4
   Visual direction: Brad's Adobe XD Home/About system
   Content source: approved RCF-Website-Capabilities-v2
*/

.capabilities-page{
  --cap-display:"Anybody","Montserrat",Arial,sans-serif;
  --cap-body:"Montserrat",Arial,sans-serif;
  --cap-burgundy:#81010F;
  --cap-red:#C32738;
  --cap-gray:#C6C6C6;
  --cap-surround:#ACACAC;
  --cap-charcoal:#313131;
  --cap-paper:#f3f3f3;
  --cap-shell:1240px;
  background:var(--cap-surround);
  font-family:var(--cap-body);
}
.capabilities-page .cap-main,.capabilities-page .site-footer{width:min(100%,1440px);margin-inline:auto;}
.cap-shell{width:min(calc(100% - 88px),var(--cap-shell));margin-inline:auto;}

/* Shared interior header treatment — mirrors approved About v1.4 */












.capabilities-page h1,.capabilities-page h2,.capabilities-page h3{font-family:var(--cap-display);font-stretch:expanded;font-variation-settings:"wdth" 125;text-transform:uppercase;}
.cap-eyebrow{margin:0 0 18px;color:var(--cap-burgundy);font:800 13px/1.2 var(--cap-body);letter-spacing:1.5px;text-transform:uppercase;}
.cap-eyebrow--light{color:#fff;}

/* Interior hero */
/* Capabilities hero */
.cap-hero{padding:68px 0 0;background:var(--cap-paper) url("../images/rcf-background.jpg") center/cover no-repeat;border-bottom:2px solid var(--cap-gray);}
.cap-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:82px;align-items:end;}
.cap-hero__lead h1{max-width:760px;margin:0 0 22px;font-size:clamp(42px,4.3vw,62px);line-height:.98;font-weight:500;letter-spacing:2.4px;}
.cap-hero__lede{max-width:760px;margin:0;font-size:17px;line-height:1.75;font-weight:500;}
.cap-hero__side>p{margin:0 0 26px;font-size:16px;line-height:1.85;font-weight:500;}
.cap-hero__actions,.cap-cta__actions{display:flex;flex-wrap:wrap;gap:14px;}
.cap-btn{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border:2px solid transparent;text-decoration:none;text-transform:uppercase;font:800 12px/1 var(--cap-body);letter-spacing:1.1px;transition:background .18s,color .18s,border-color .18s;}
.cap-btn--primary{background:var(--cap-burgundy);color:#fff;border-color:var(--cap-burgundy);}
.cap-btn--primary:hover,.cap-btn--primary:focus-visible{background:#fff;color:var(--cap-burgundy);outline:0;}
.cap-btn--secondary{background:transparent;color:var(--cap-burgundy);border-color:var(--cap-burgundy);}
.cap-btn--secondary:hover,.cap-btn--secondary:focus-visible{background:var(--cap-burgundy);color:#fff;outline:0;}
.cap-btn--outline{background:transparent;color:var(--cap-burgundy);border-color:var(--cap-burgundy);}
.cap-btn--outline:hover,.cap-btn--outline:focus-visible{background:var(--cap-burgundy);color:#fff;outline:0;}
.cap-hero__proof{display:grid;grid-template-columns:repeat(3,1fr);margin-top:46px;border-top:2px solid var(--cap-gray);border-left:2px solid var(--cap-gray);background:rgba(255,255,255,.58);}
.cap-hero__proof>div{min-height:92px;padding:19px 24px;border-right:2px solid var(--cap-gray);display:flex;flex-direction:column;justify-content:center;}
.cap-hero__proof strong{font-family:var(--cap-display);font-stretch:expanded;font-variation-settings:"wdth" 125;font-size:24px;line-height:1.05;font-weight:600;letter-spacing:1px;text-transform:uppercase;}
.cap-hero__proof span{margin-top:7px;font-size:11px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--cap-burgundy);}

/* Compact integrated-delivery band */
.cap-delivery{padding:54px 0 58px;background:#fff;border-bottom:2px solid var(--cap-gray);}
.cap-delivery__grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:end;}
.cap-delivery__intro h2{margin:0;font-size:clamp(30px,3vw,42px);line-height:1.08;font-weight:500;letter-spacing:1.8px;}
.cap-delivery__grid>p{margin:0;font-size:15px;line-height:1.8;font-weight:500;}
.cap-delivery__flow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:34px;padding:18px 20px;border-top:2px solid var(--cap-gray);border-bottom:2px solid var(--cap-gray);overflow-x:auto;white-space:nowrap;}
.cap-delivery__flow span{font-family:var(--cap-display);font-stretch:expanded;font-variation-settings:"wdth" 125;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;}
.cap-delivery__flow b{color:var(--cap-burgundy);font-size:18px;}

/* Six pillars overview merged with detail */
.cap-pillars{padding:68px 0 0;background:var(--cap-paper) url("../images/rcf-background.jpg") center/cover no-repeat;border-bottom:2px solid var(--cap-gray);}
.cap-pillars__heading{display:grid;grid-template-columns:1fr .95fr;gap:78px;align-items:end;margin-bottom:40px;}
.cap-pillars__heading h2{margin:0;font-size:clamp(34px,3.4vw,48px);line-height:1.08;font-weight:500;letter-spacing:2px;}
.cap-pillars__heading>p{margin:0;font-size:15px;line-height:1.85;font-weight:500;}
.cap-jump{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--cap-gray);border-left:2px solid var(--cap-gray);background:rgba(255,255,255,.45);}
.cap-jump a{min-height:190px;padding:26px 28px;border-right:2px solid var(--cap-gray);border-bottom:2px solid var(--cap-gray);color:#000;text-decoration:none;transition:background .18s,color .18s;}
.cap-jump a span{display:block;margin-bottom:15px;color:var(--cap-burgundy);font-weight:800;letter-spacing:1.3px;}
.cap-jump a strong{display:block;font-family:var(--cap-display);font-stretch:expanded;font-variation-settings:"wdth" 125;font-size:18px;line-height:1.22;text-transform:uppercase;letter-spacing:1.1px;}
.cap-jump a em{display:block;margin-top:14px;font-style:normal;font-size:13px;line-height:1.55;font-weight:500;}
.cap-jump a:hover,.cap-jump a:focus-visible{background:var(--cap-burgundy);color:#fff;outline:0;}
.cap-jump a:hover span,.cap-jump a:focus-visible span{color:#fff;}

/* Detailed capability pillars */
.cap-pillar{padding:84px 0 92px;background:#fff;border-bottom:2px solid var(--cap-gray);scroll-margin-top:132px;}
.cap-pillar:nth-of-type(even){background:#fafafa;}
.cap-pillar__head{display:grid;grid-template-columns:92px 1fr;gap:34px;align-items:start;padding-bottom:36px;border-bottom:2px solid var(--cap-gray);}
.cap-pillar__num{color:var(--cap-burgundy);font:800 16px/1 var(--cap-body);letter-spacing:1.44px;}
.cap-pillar__head h2{max-width:920px;margin:0 0 12px;font-size:clamp(27px,2.4vw,36px);line-height:1.08;font-weight:500;letter-spacing:1.8px;}
.cap-pillar__tagline{max-width:860px;margin:0;font-size:17px;line-height:1.65;font-weight:600;}
.cap-pillar__body{padding-top:36px;}
.cap-pillar__intro{display:grid;grid-template-columns:92px 1fr;gap:34px;}
.cap-pillar__intro::before{content:"Overview";color:var(--cap-burgundy);font:800 11px/1.4 var(--cap-body);letter-spacing:1.2px;text-transform:uppercase;}
.cap-pillar__intro p{max-width:920px;margin:0 0 34px;font-size:16px;line-height:1.9;font-weight:500;}
.cap-functions{margin-left:126px;border-top:2px solid var(--cap-gray);border-bottom:2px solid var(--cap-gray);}
.cap-functions summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;cursor:pointer;list-style:none;color:#000;font-size:13px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;}
.cap-functions summary::-webkit-details-marker{display:none;}
.cap-functions summary strong{color:var(--cap-burgundy);font-size:11px;}
.cap-functions summary::after{content:"+";margin-left:auto;color:var(--cap-burgundy);font-size:22px;line-height:1;}
.cap-functions[open] summary::after{content:"−";}
.cap-functions ul{display:grid;grid-template-columns:1fr 1fr;gap:0 46px;margin:0;padding:2px 0 30px;list-style:none;}
.cap-functions li{position:relative;padding:12px 0 12px 20px;border-top:1px solid #e5e5e5;font-size:14px;line-height:1.55;font-weight:500;}
.cap-functions li::before{content:"";position:absolute;left:0;top:20px;width:6px;height:6px;background:var(--cap-burgundy);}
.cap-outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:38px 0 0 126px;border:2px solid var(--cap-gray);}
.cap-outcome-grid article{padding:28px 30px;}
.cap-outcome-grid article+article{border-left:2px solid var(--cap-gray);}
.cap-outcome-grid span{display:block;margin-bottom:12px;color:var(--cap-burgundy);font:800 12px/1 var(--cap-body);letter-spacing:1.2px;text-transform:uppercase;}
.cap-outcome-grid p{margin:0;font-size:14px;line-height:1.75;font-weight:500;}

/* Customer result */
.cap-results{padding:92px 0 104px;background:var(--cap-paper) url("../images/rcf-background.jpg") center/cover no-repeat;}
.cap-results__grid{display:grid;grid-template-columns:1fr 1fr;margin:56px 0 0;padding:0;border-top:2px solid var(--cap-gray);border-left:2px solid var(--cap-gray);list-style:none;}
.cap-results__grid li{min-height:84px;padding:23px 28px;border-right:2px solid var(--cap-gray);border-bottom:2px solid var(--cap-gray);font-size:14px;line-height:1.6;font-weight:600;}

/* Support to transformation */
.cap-transformation{position:relative;min-height:500px;color:#fff;overflow:hidden;}
.cap-transformation__image{position:absolute;inset:0;background:url("../images/rcf-server.jpg") center/cover no-repeat;}
.cap-transformation__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.6));}
.cap-transformation__content{position:relative;z-index:2;padding-top:80px;padding-bottom:82px;}
.cap-transformation h2{max-width:880px;margin:0 0 30px;font-size:clamp(34px,3.4vw,50px);line-height:1.08;font-weight:500;letter-spacing:2px;}
.cap-transformation__flow{margin:0 0 30px;padding:20px 0;border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);font-family:var(--cap-display);font-stretch:expanded;font-variation-settings:"wdth" 125;font-size:clamp(16px,1.45vw,21px);line-height:1.8;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;}
.cap-transformation__content>p:last-child{max-width:930px;margin:0;font-size:16px;line-height:1.85;font-weight:500;}

/* Final CTA */
.cap-cta{padding:80px 0 86px;background:#fff;}
.cap-cta__grid{align-items:center;}

@media(max-width:1100px){
  
  .cap-hero__grid,.cap-delivery__grid,.cap-pillars__heading,.cap-results__heading,.cap-cta__grid{gap:50px}
  .cap-jump{grid-template-columns:1fr 1fr}
  .cap-functions,.cap-outcome-grid{margin-left:0}
}
@media(max-width:820px){
  .cap-shell,.interior-header__inner{width:min(calc(100% - 36px),var(--cap-shell))}
  
  
  .cap-hero{padding:52px 0 0}.cap-hero__grid,.cap-delivery__grid,.cap-pillars__heading,.cap-results__heading,.cap-cta__grid{grid-template-columns:1fr;gap:28px}.cap-hero__proof{grid-template-columns:1fr 1fr 1fr;margin-top:34px}
  .cap-delivery{padding:46px 0 50px}.cap-delivery__flow{justify-content:flex-start}
  .cap-pillars{padding:56px 0 0}.cap-jump{grid-template-columns:1fr 1fr}
  .cap-pillar{padding:64px 0 70px}.cap-pillar__head{grid-template-columns:54px 1fr;gap:20px}.cap-pillar__intro{grid-template-columns:1fr;gap:8px}.cap-functions ul{grid-template-columns:1fr}.cap-outcome-grid{grid-template-columns:1fr}.cap-outcome-grid article+article{border-left:0;border-top:2px solid var(--cap-gray)}
  .cap-results{padding:68px 0 76px}.cap-results__grid{grid-template-columns:1fr}
  .cap-transformation__content{padding-top:68px;padding-bottom:70px}
}
@media(max-width:520px){
  .cap-shell,.interior-header__inner{width:min(calc(100% - 28px),var(--cap-shell))}
  .cap-hero h1{font-size:36px;letter-spacing:1.4px}.cap-hero__actions,.cap-cta__actions{flex-direction:column;align-items:stretch}.cap-btn{width:100%}.cap-hero__proof{grid-template-columns:1fr}.cap-hero__proof>div{min-height:74px}
  .cap-delivery__intro h2,.cap-pillars__heading h2,.cap-results__heading h2,.cap-cta h2,.cap-transformation h2{font-size:32px;letter-spacing:1.4px}
  .cap-jump{grid-template-columns:1fr}.cap-jump a{min-height:auto}
  .cap-pillar__head{grid-template-columns:1fr}.cap-pillar__num{margin-bottom:4px}.cap-pillar__head h2{font-size:27px}.cap-functions summary{align-items:flex-start;flex-wrap:wrap}.cap-functions summary::after{margin-left:0}.cap-results__grid li{min-height:auto}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* v1.3 refinements */
.cap-back{margin:28px 0 0 126px;padding-top:18px;border-top:1px solid #dedede;}
.cap-back a{display:inline-flex;align-items:center;color:var(--cap-burgundy);font-size:12px;font-weight:800;letter-spacing:1.05px;text-decoration:none;text-transform:uppercase;}
.cap-back a:hover,.cap-back a:focus-visible{color:#000;text-decoration:underline;text-decoration-color:var(--cap-gray);text-underline-offset:5px;}
.cap-results{padding:70px 0 78px;}
.cap-results__heading{align-items:start;}
.cap-results__grid{grid-template-columns:repeat(3,1fr);margin-top:38px;}
.cap-results__grid li{min-height:148px;padding:24px 26px;display:flex;flex-direction:column;gap:10px;}
.cap-results__grid li strong{font-family:var(--cap-display);font-stretch:expanded;font-variation-settings:"wdth" 125;font-size:17px;line-height:1.2;letter-spacing:1px;text-transform:uppercase;}
.cap-results__grid li span{font-size:13px;line-height:1.55;font-weight:500;}
@media(max-width:1100px){.cap-back{margin-left:0}.cap-results__grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.cap-results__grid{grid-template-columns:1fr}.cap-results__grid li{min-height:auto}}
