/* NJA polish v4, 11 Oct 2026 (Nasir's picks). Load LAST. */
/* Hero 01 = v2 graded handshake; Hero 02 = v3 Downtown skyline (from nja-v3.css). */
.hero .hero-photo[data-photo="0"]{background-image:url(assets/hero-disputes-g.webp)!important}
/* Post-hero band = v2 version (Unsplash consultation, v2 grade and overlay). */
.support-introduction{background:#1A3050 url('assets/support-consultation-g.jpg') 62% 22%/cover no-repeat!important}
.support-introduction::before{background:linear-gradient(90deg,rgba(26,48,80,.93) 0%,rgba(26,48,80,.82) 45%,rgba(26,48,80,.50) 100%)!important}
@media(max-width:767px){html body .expertise .support-introduction{background:#1A3050 url('assets/support-consultation-g.jpg') 88% 12%/cover no-repeat!important;padding:48px 0!important;align-items:center!important;min-height:360px!important}
 .support-introduction::before{background:linear-gradient(180deg,rgba(26,48,80,.70),rgba(26,48,80,.88))!important}}
/* People band = v2 treatment (navy duotone, navy band) with the firm hierarchy:
   Jasim centred and raised by 1/3 of a tile; Nasir (left) and Taj (right) level below him;
   then the 12 colleagues in Nasir's order, left to right, top to bottom. */
.people-transition.people-v2{background:#1A3050!important}
.people-v2 .pm-copy h2{color:#fff!important}
.people-mosaic.pm-v4{display:flex!important;flex-direction:column;align-items:center;gap:14px}
.pm-v4 .pm-lead{display:flex;gap:14px;align-items:flex-start;padding-top:55px}
.pm-v4 .pm-tile{display:block;width:120px;height:150px;object-fit:cover;box-shadow:inset 0 0 0 1px #ffffff14}
.pm-v4 .pm-top{transform:translateY(-50px);outline:2px solid #BD9B54;outline-offset:-2px}
.pm-v4 .pm-lead{margin-bottom:-50px}
.pm-v4 .pm-grid{display:grid;grid-template-columns:repeat(6,104px);gap:10px}
.pm-v4 .pm-grid .pm-tile{width:104px;height:130px}
.pm-v4 .pm-pending{display:grid;place-items:center;background:#ffffff0f}
.pm-v4 .pm-pending img{width:44%;filter:brightness(0) saturate(100%) invert(68%) sepia(25%) saturate(640%) hue-rotate(2deg)}
@media(max-width:1180px) and (min-width:768px){.pm-v4 .pm-grid{grid-template-columns:repeat(4,104px)}}
@media(max-width:767px){
 .people-mosaic.pm-v4{order:-1;width:100%}
 .pm-v4 .pm-lead{gap:8px;padding-top:34px;margin-bottom:-34px;width:100%;justify-content:center}
 .pm-v4 .pm-lead .pm-tile{width:calc((100% - 16px)/3.4);height:auto;aspect-ratio:4/5}
 .pm-v4 .pm-top{transform:translateY(-34px)}
 .pm-v4 .pm-grid{grid-template-columns:repeat(4,1fr);gap:6px;width:100%}
 .pm-v4 .pm-grid .pm-tile{width:100%;height:auto;aspect-ratio:4/5}}
/* Hero 01 overlays restored to v2 exactly (slide 0 only); other slides keep v3. */
@media(min-width:768px){.hero[data-slide="0"]::before{background:linear-gradient(90deg,rgba(26,48,80,.55) 0,rgba(26,48,80,.45) 380px,rgba(26,48,80,0) 820px)!important}}
@media(max-width:767px){.hero[data-slide="0"]:after{background:linear-gradient(180deg,rgba(26,48,80,.9) 0,rgba(26,48,80,.2) 200px,rgba(26,48,80,.18) 58%,rgba(26,48,80,.40) 80%,rgba(26,48,80,.92) 100%)!important}}
/* layout fix: no negative margins; Jasim sits 1/3 tile above Nasir and Taj via their top offset */
.pm-v4 .pm-lead{padding-top:0!important;margin-bottom:0!important}
.pm-v4 .pm-top{transform:none!important}
.pm-v4 .pm-side{margin-top:50px}
.pm-v4 .pm-pending img{width:auto!important;height:62%;max-width:70%}
@media(max-width:767px){.pm-v4 .pm-lead .pm-side{margin-top:calc((100% - 16px)/3.4*1.25/3)}}
/* v4.1: Mohamed Shoeib and Hussain Al Farsi shown separately. 13 colleagues + closing monogram = 7x2 on desktop. */
.pm-v4 .pm-grid{grid-template-columns:repeat(7,96px)!important;gap:9px!important}
.pm-v4 .pm-grid .pm-tile{width:96px!important;height:120px!important}
.pm-v4 .pm-end{display:grid;place-items:center;background:#BD9B54;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.pm-v4 .pm-end img{height:56%;filter:brightness(0) saturate(100%) invert(14%) sepia(30%) saturate(1500%) hue-rotate(190deg)}
@media(max-width:1180px) and (min-width:768px){.pm-v4 .pm-grid{grid-template-columns:repeat(5,96px)!important}}
@media(max-width:767px){.pm-v4 .pm-grid{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
 .pm-v4 .pm-grid .pm-tile{width:100%!important;height:auto!important;aspect-ratio:4/5}
 .pm-v4 .pm-end{grid-column:2/span 2;aspect-ratio:auto!important;min-height:60px}}
.pm-v4 .pm-end img{height:auto!important;width:auto!important;max-height:60px;max-width:48px}
@media(max-width:767px){.pm-v4 .pm-end{grid-column:span 3!important;aspect-ratio:12/5!important;min-height:0!important}.pm-v4 .pm-end img{max-height:56px;max-width:44px}}