/* ============ CAPABILITIES — immersive expertise navigator ============ */
.capnav{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(7rem,14vh,10rem) 0 clamp(3rem,6vh,5rem);}
.capnav__bg{position:absolute;inset:0;z-index:0;transition:opacity .8s var(--ease);
  background:radial-gradient(70% 90% at 20% 20%,var(--k-blue-deep),transparent 60%),linear-gradient(180deg,var(--k-blue-dark),var(--surface-0) 74%);}
/* per-discipline atmosphere */
.capnav[data-on="0"] .capnav__bg{background:radial-gradient(80% 90% at 25% 25%,rgba(0,58,155,.5),transparent 60%),linear-gradient(180deg,var(--k-blue-dark),var(--surface-0) 72%);}
.capnav[data-on="1"] .capnav__bg{background:radial-gradient(80% 90% at 75% 30%,rgba(31,82,167,.55),transparent 60%),linear-gradient(180deg,#001126,var(--surface-0) 72%);}
.capnav[data-on="2"] .capnav__bg{background:radial-gradient(80% 90% at 60% 25%,rgba(254,182,0,.18),transparent 58%),radial-gradient(60% 70% at 20% 60%,rgba(0,58,155,.35),transparent 60%),linear-gradient(180deg,var(--k-blue-dark),var(--surface-0) 74%);}
.capnav[data-on="3"] .capnav__bg{background:radial-gradient(80% 90% at 30% 70%,rgba(0,58,155,.5),transparent 60%),linear-gradient(180deg,#001a3d,var(--surface-0) 74%);}
.capnav__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(var(--scrim),.6),transparent 55%);pointer-events:none;}
.capnav__intro{position:relative;z-index:3;margin-bottom:clamp(2rem,5vh,3.5rem);}
.capnav__h{font-size:var(--d1);font-weight:600;letter-spacing:-.04em;line-height:.9;margin-top:1.2rem;}
.capnav__h .serif{color:var(--k-gold);margin-left:.4em;}
@media(max-width:760px){.capnav__h .serif{display:block;margin-left:0;}}

.capnav__list{position:relative;z-index:3;border-top:1px solid var(--hair);}
.capnav__row{display:flex;align-items:center;gap:1.5rem;padding:clamp(1.1rem,2.6vh,2rem) 0;border-bottom:1px solid var(--hair);cursor:pointer;position:relative;transition:padding-left .5s var(--ease);}
.capnav__row::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--k-gold);transition:width .5s var(--ease);}
.capnav__row.on{padding-left:1.2rem;} .capnav__row.on::after{width:100%;}
.capnav__idx{font-size:.8rem;color:var(--k-gold);letter-spacing:.14em;width:2.5rem;flex:none;font-variant-numeric:tabular-nums;}
.capnav__name{font-size:clamp(1.9rem,5.4vw,4.2rem);font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--text-secondary);transition:color .4s var(--ease),transform .5s var(--ease);}
.capnav__row.on .capnav__name{color:var(--text-primary);}
.capnav__tag{margin-left:auto;font-size:.8rem;color:var(--text-dim);letter-spacing:.04em;max-width:34ch;text-align:right;opacity:0;transform:translateX(12px);transition:opacity .5s var(--ease),transform .5s var(--ease);}
.capnav__row.on .capnav__tag{opacity:1;transform:none;}
.capnav__go{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;color:var(--text-primary);opacity:0;transform:scale(.7);transition:opacity .4s var(--ease),transform .4s var(--ease),background .3s;}
.capnav__row.on .capnav__go{opacity:1;transform:scale(1);} .capnav__row:hover .capnav__go{background:var(--k-gold);color:var(--surface-black);border-color:var(--k-gold);}
@media(max-width:760px){.capnav__tag{display:none;} .capnav__go{width:36px;height:36px;}}

/* live project evidence panel (real work per discipline) */
.capnav__evidence{position:absolute;top:50%;right:var(--gutter);transform:translateY(-50%);z-index:2;width:min(34vw,440px);height:min(52vh,520px);pointer-events:none;display:none;}
@media(min-width:1100px){.capnav__evidence{display:block;}}
.capev__shot{position:absolute;inset:0;border-radius:12px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 0 1px var(--hair);opacity:0;transform:scale(1.04) translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.capev__shot.on{opacity:1;transform:none;}
.capev__label{position:absolute;left:1rem;bottom:1rem;z-index:3;display:flex;flex-wrap:wrap;gap:.4rem;}
.capev__label span{font-size:.72rem;color:var(--text-primary);background:rgba(2,5,17,.6);backdrop-filter:blur(6px);border:1px solid var(--hair);border-radius:100px;padding:.3em .8em;}