/* Dark capability chapter: warm-white practice → charcoal capabilities → warm awards. */
#capabilities{background:#111113;color:#f3efe6;--line:#ffffff24;--ink:#f3efe6;--quiet:#b9b2a9}
#capabilities>header small{color:#e78a75}
#capabilities .domains .folio-row{background:#1c1c1f;border-color:#ffffff20;box-shadow:none}
#capabilities .domains small{color:#f3efe6}
#capabilities .domains p{color:#b9b2a9}
#capabilities .domain-glow{background:linear-gradient(#1c1c1f,#1c1c1f) padding-box,conic-gradient(from var(--angle),#da6449,#e1ae83,#b82e25,#da6449) border-box}
#capabilities .skill-panel{background:#1b1b1e;border-color:#ffffff22}
#capabilities .credential-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:72px}
.credential-collection>h3{margin:0 0 12px;grid-column:1/-1}
.credential-deck{position:relative;height:370px;perspective:1000px;cursor:pointer;outline:none;touch-action:pan-y;--rx:0deg;--ry:0deg;--flip:0deg;--lift:1;--gx:50%;--gy:40%}
.credential-body{height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(calc(var(--ry) + var(--flip))) scale(var(--lift));transition:transform .55s cubic-bezier(.22,.8,.25,1)}
.credential-front,.credential-back{position:absolute;inset:0;padding:25px 27px;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #d9c5aa36;overflow:hidden;background:linear-gradient(145deg,#272528,#19191c 70%);box-shadow:0 14px 34px #0003;display:flex;flex-direction:column}
.credential-front:after,.credential-back:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--gx) var(--gy),#ffe5cc18,transparent 65%);opacity:0;transition:opacity .2s}
.credential-deck:hover .credential-front:after,.credential-deck:hover .credential-back:after{opacity:1}
.credential-deck:focus-visible{outline:2px solid #e78a75;outline-offset:7px;border-radius:18px}
.credential-art{width:100%;height:205px;color:#db917b;flex:none;filter:drop-shadow(0 0 14px #dd755a24)}
.credential-deck:nth-of-type(2) .credential-art{color:#e06454}.credential-deck:nth-of-type(3) .credential-art{color:#d6b68d}.credential-deck:nth-of-type(4) .credential-art{color:#c7bba5}.credential-deck:nth-of-type(5) .credential-art{color:#e3a393}
#capabilities .credential-count{font:400 11px/1.5 var(--mono);color:#bdb3a6;letter-spacing:.08em}
.credential-deck h4{font:500 18px/1.4 var(--cn);margin:10px 0;color:#f4efe6}
.credential-action{margin-top:auto;padding-top:15px;border-top:1px solid #ffffff1c;font:400 12px/1.5 var(--cn);color:#d3c9bc;display:flex;align-items:center;justify-content:space-between;gap:12px}
.credential-action b{font-size:20px;font-weight:400;color:#e78a75}
.credential-back{transform:rotateY(180deg);background:#242326}
.credential-back ul{list-style:none;padding:0;margin:10px 0;overflow-y:auto;flex:1;scrollbar-width:thin}
.credential-back li{border-top:1px solid #ffffff18;padding:10px 0}
#capabilities .credential-back small{display:block;font:400 9px/1.4 var(--mono);color:#e1a28e;margin-bottom:4px}
.credential-back li span{display:block;font:400 14px/1.5 var(--cn);color:#eee8df}
.credential-deck[aria-expanded=true]{--flip:180deg}
@media(max-width:960px){#capabilities .credential-collection{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#capabilities .credential-collection{grid-template-columns:1fr}.credential-deck{height:370px}}
@media(prefers-reduced-motion:reduce){.credential-body{transition:none;transform:rotateY(var(--flip))}.credential-front:after,.credential-back:after{transition:none}}
/* Full-bleed photographic fiber collection, five across on desktop. */
#capabilities .credential-collection{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.credential-deck{height:clamp(330px,28vw,420px);min-width:0}
.credential-front{padding:20px;justify-content:flex-end;background:#090b0e}
.credential-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:-2}
.credential-front:before{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#080a0c65 40%,#080a0ce8);z-index:-1;pointer-events:none}
.credential-front h4{font-size:clamp(13px,1.2vw,18px);line-height:1.4;min-height:2.8em;display:flex;align-items:flex-end;margin:0 0 16px;letter-spacing:.02em}
.credential-front .credential-action{margin-top:0;font-size:11px}
.credential-back{padding:20px 16px}
.credential-back h4{font-size:15px}.credential-back li span{font-size:13px}
@media(max-width:760px){#capabilities .credential-collection{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:16px;scroll-snap-type:x proximity;padding:12px 4px 24px;scrollbar-width:thin;scrollbar-color:#a16e60 #242326}.credential-collection>h3{position:absolute;top:0;left:0}.credential-collection{position:relative;padding-top:62px!important}.credential-deck{flex:0 0 240px;height:370px;scroll-snap-align:start}.credential-front h4{font-size:17px}}
.credential-front{isolation:isolate}
/* Quiet logo-only credential covers. */
.credential-logo-zone{position:absolute;inset:0 0 116px;display:flex;align-items:center;justify-content:center;background:#f2f0ea;padding:28px;z-index:0}
.credential-logo-zone>img,.credential-logo-zone>svg,.credential-logo-zone>span{display:block;width:100%;max-width:145px;max-height:110px;object-fit:contain}
.credential-logo-zone>svg{width:78px;height:78px}
.credential-logo-zone>span{display:flex;justify-content:center}.credential-logo-zone>span img{max-height:115px;max-width:100%;object-fit:contain}
.credential-front:before{display:none}.credential-front{background:#19191c}.credential-front h4,.credential-front .credential-action{position:relative;z-index:1}
#capabilities .domains p .phrase{display:inline-block;max-width:100%;text-wrap:pretty}
html[lang=en] #capabilities .domains p .phrase{display:inline}

/* Compact aligned credential fronts; intrinsic title rows prevent overlap. */
#capabilities .credential-deck{height:280px}
.credential-front{padding:0;display:grid;grid-template-rows:150px minmax(62px,auto) 1fr;align-content:stretch;justify-content:stretch}
.credential-logo-zone{position:relative;inset:auto;padding:22px;min-width:0}
.credential-logo-zone>img{max-height:85px;max-width:100%}
.credential-logo-zone>svg{height:64px;width:64px}
.credential-front h4{display:block;min-width:0;min-height:0;margin:0;padding:14px 16px 8px;font-size:13px;line-height:1.4;overflow-wrap:anywhere;align-self:center}
.credential-front .credential-action{margin:0 16px;padding:10px 0 13px;align-self:end;min-width:0}
.credential-back h4{overflow-wrap:anywhere}
@media(max-width:760px){
  #capabilities .credential-deck{
    flex:0 0 min(78vw,320px);
    height:300px;
  }
  .credential-front{grid-template-rows:164px minmax(62px,auto) 1fr}
  .credential-logo-zone{padding:24px}
  .credential-logo-zone>img{width:auto;max-width:88%;max-height:94px}
  .credential-front h4{
    font-size:14px;
    word-break:normal;
    overflow-wrap:normal;
    text-wrap:pretty;
  }
}