/* Capability statement, moved up under the audience cards and turned into a 3D document */
.cap-sec.cap-sec--up{background:linear-gradient(180deg,var(--navy) 0,var(--navy) 120px,#F4F6FA 120px);padding:0 0 72px}
.cap-sec--up .cap{position:relative;box-shadow:0 30px 70px rgba(11,31,58,.28)}

.cap-sec--up .cap__stage{perspective:1200px;padding:56px 32px 72px}
.cap-sec--up .cap__doc{
  --rx:8deg; --ry:-24deg; --rz:-2deg; --gx:30%; --gy:20%;
  width:min(270px,70%);
  transform-style:preserve-3d;
  transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz));
  transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease;
  /* stacked pages give the document real thickness */
  box-shadow:
    1px 1px 0 #eef2f8, 2px 2px 0 #e3e9f2, 3px 3px 0 #d8e0eb, 4px 4px 0 #ccd5e2,
    5px 5px 0 #c1cbda, 6px 6px 0 #b5c0d1,
    24px 34px 50px rgba(0,0,0,.5);
}
.cap-sec--up .cap__doc::before{display:none}
.cap-sec--up .cap__doc::after{
  content:"";position:absolute;inset:0;border-radius:6px;pointer-events:none;
  background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,255,255,.55),rgba(255,255,255,0) 45%);
  mix-blend-mode:soft-light;opacity:.9;transition:opacity .4s ease;
}
.cap-sec--up .cap__doc:hover,
.cap-sec--up .cap__doc:focus-visible{box-shadow:
    1px 1px 0 #eef2f8, 2px 2px 0 #e3e9f2, 3px 3px 0 #d8e0eb, 4px 4px 0 #ccd5e2,
    5px 5px 0 #c1cbda, 6px 6px 0 #b5c0d1,
    30px 44px 64px rgba(0,0,0,.55)}
/* floor reflection under the document */
.cap-sec--up .cap__stage .cap__floor{position:absolute;left:50%;bottom:58px;width:62%;height:26px;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.45),rgba(0,0,0,0) 70%);filter:blur(4px);pointer-events:none}
.cap-sec--up .cap__hint{position:absolute;top:16px;left:50%;transform:translateX(-50%);font-family:var(--font-head);font-weight:700;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(223,231,243,.75);white-space:nowrap}

@media(max-width:760px){
  .cap-sec.cap-sec--up{background:linear-gradient(180deg,var(--navy) 0,var(--navy) 60px,#F4F6FA 60px);padding:0 0 48px}
  .cap-sec--up .cap__doc{--ry:-16deg;width:min(210px,62%)}
  .cap-sec--up .cap__hint{display:none}
}
@media(prefers-reduced-motion:reduce){
  .cap-sec--up .cap__doc{transition:none}
}

/* Hero SDVOSB coin (top of the home page): same 3D coin as Federal Supply, lit for the navy hero */
.fx-coin--hero{margin-bottom:6px}
.fx-coin--hero .fx-coin-stage{margin:0 auto 18px;filter:drop-shadow(0 12px 26px rgba(0,0,0,.5))}
.fx-coin--hero .fx-coin-stage::before{content:"";position:absolute;inset:-18px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(126,217,87,.18),rgba(61,139,242,.12) 45%,rgba(0,0,0,0) 70%)}
.fx-coin--hero .fx-coin-shadow{opacity:.55}
@media(max-width:560px){.fx-coin--hero .fx-coin-stage{transform:scale(.85);margin-bottom:10px}}

/* Tablets: stack the capability block so the document gets room; no cursor hint on touch screens */
@media(max-width:900px) and (min-width:761px){
  .cap-sec--up .cap{grid-template-columns:1fr}
  .cap-sec--up .cap__doc{width:min(240px,46%)}
}
@media(hover:none){.cap-sec--up .cap__hint{display:none}}