/* PCAA visual system 2026. Forest, jade, warm gold, soft ivory and partnership red. */
:root{--pcaa-forest:#053d2d;--pcaa-jade:#147251;--pcaa-gold:#c9ad77;--pcaa-cream:#f8f6f0;--pcaa-ink:#18372d;--pcaa-red:#a92842}
:where(.site-header,#header){position:sticky!important;top:0!important;z-index:1400!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
:where(.site-header,#header) .pcaa-global-logo{object-fit:contain}
:where(.inside-hero,.pcaa-live-hero){isolation:isolate;position:relative;overflow:hidden}
/* Every top section has a calm pointer reactive light source and responsive parallax. */
.pcaa-pointer-hero{--pcaa-pointer-x:50%;--pcaa-pointer-y:50%;--pcaa-parallax-x:0px;--pcaa-parallax-y:0px}
.pcaa-pointer-hero:after{content:'';pointer-events:none;position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 43% 62% at var(--pcaa-pointer-x) var(--pcaa-pointer-y),rgba(222,192,116,.20),rgba(20,174,133,.085) 27%,transparent 70%);transition:opacity .3s;mix-blend-mode:screen}
.pcaa-pointer-hero:before{will-change:transform}
.inside-hero.pcaa-pointer-hero .inside-intro,.pcaa-live-hero.pcaa-pointer-hero .pcaa-inner-width{position:relative;z-index:3;transform:translate3d(calc(var(--pcaa-parallax-x)*.35),calc(var(--pcaa-parallax-y)*.35),0);transition:transform .16s ease-out}
.inside-hero.pcaa-pointer-hero .inside-orbit{transform:translate3d(var(--pcaa-parallax-x),var(--pcaa-parallax-y),0);transition:transform .15s ease-out}
#hero.pcaa-pointer-hero:after{z-index:6;background:radial-gradient(circle 35vw at var(--pcaa-pointer-x) var(--pcaa-pointer-y),rgba(255,242,190,.18),transparent 68%);mix-blend-mode:screen}
#hero.pcaa-pointer-hero .hero-visual{transform:translate3d(calc(var(--pcaa-parallax-x)*-.35),calc(var(--pcaa-parallax-y)*-.35),0) scale(1.025);transition:transform .20s ease-out}
#hero.pcaa-pointer-hero .hero-copy,#hero.pcaa-pointer-hero .hero-bottom,#hero.pcaa-pointer-hero .pcaa-hero-seal{z-index:12}
/* Real looping assets: originals arrived with only a single frame. */
body.pcaa-strategic-custom .inside-hero{background:linear-gradient(90deg,rgba(1,40,26,.82),rgba(6,42,26,.22)),url('/assets/motion/strategic-green-animated.gif') 50% 50%/cover no-repeat!important;animation:none!important}
body.pcaa-framework-custom .inside-hero{background:linear-gradient(90deg,rgba(2,16,50,.86),rgba(8,31,65,.21)),url('/assets/motion/framework-blue-animated.gif') 50% 50%/cover no-repeat!important;animation:none!important}
body.pcaa-strategic-custom .objectives-detail-art{background-image:linear-gradient(90deg,#003624bb,#053b290d),url('/assets/motion/strategic-green-animated.gif')!important;background-size:cover!important;background-position:center!important}
body.pcaa-framework-custom .framework-detail-art{background-image:linear-gradient(90deg,#061631c9,#053c6218),url('/assets/motion/framework-blue-animated.gif')!important;background-size:cover!important;background-position:center!important}
#community-activity .objectives-art-tile img,#community-activity .framework-art-tile img,.voices-section .blueprint-card img{width:100%;height:100%;object-fit:cover}
/* Consistent editorial typographic treatments without altering names or proper nouns. */
:where(.pcaa-live-section,.pcaa-gallery-section,.paper-section,.leadership-grid) h2{letter-spacing:-.025em}
.pcaa-overline,.pcaa-card-kicker{letter-spacing:.065em!important;text-transform:none!important}
.pcaa-card-profile-trigger,.pcaa-card-title-button,.pcaa-view-profile,.pcaa-leader-name,.pcaa-leader-photo-btn{appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer}
.pcaa-card-profile-trigger{display:block;width:100%;height:100%}
.pcaa-card-title-button:hover,.pcaa-leader-name:hover{color:#087e54}
.pcaa-card-title-button:focus-visible,.pcaa-view-profile:focus-visible,.pcaa-leader-name:focus-visible,.pcaa-leader-photo-btn:focus-visible{outline:3px solid #d6ae61;outline-offset:4px}
.pcaa-view-profile{font-weight:800;color:#0b6247;font-size:12px;white-space:nowrap}
.pcaa-live-card[hidden],.pcaa-gallery-photo[hidden]{display:none!important}
.pcaa-news-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px;flex-wrap:wrap}
.pcaa-news-categories{display:flex;flex-wrap:wrap;gap:9px;flex:1}
.pcaa-news-categories button,.pcaa-gallery-filters button{cursor:pointer;border:1px solid #d5e0d6;padding:10px 16px;background:#fff;border-radius:30px;color:#286046;font-size:12px;font-weight:700;transition:background .2s,color .2s,transform .2s}
.pcaa-news-categories button.active,.pcaa-gallery-filters button.active{color:#fff;background:#084e39;border-color:#084e39}
.pcaa-news-categories button:hover,.pcaa-gallery-filters button:hover{transform:translateY(-2px)}
.pcaa-news-search input{width:min(245px,100%);border:1px solid #d5e0d6;background:white;border-radius:30px;padding:11px 17px;color:#184835;outline-color:var(--pcaa-gold)}
.pcaa-news-empty{font-size:15px;color:#53665b}
/* Leadership cards are photo-led editorial cards, with two separate, usable actions. */
.leadership-grid-expanded{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px!important}
.leader-profile-expanded{display:flex!important;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #d8e4d8!important;border-radius:20px!important;background:#fff!important;box-shadow:0 20px 55px rgba(4,52,34,.09)!important;padding:22px!important;transition:transform .3s,box-shadow .3s}
.leader-profile-expanded:hover{transform:translateY(-6px);box-shadow:0 28px 64px rgba(4,52,34,.16)!important}
.leader-profile-expanded .leader-number{display:none!important}
.leader-profile-expanded .pcaa-leader-photo-btn{display:block;width:100%;height:250px;background:radial-gradient(circle at 50% 42%,#2f835b,#064832 72%);border-radius:12px;overflow:hidden;margin-bottom:19px;position:relative}
.leader-profile-expanded .pcaa-leader-photo-btn:after{content:'View profile ↗';position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#01190fbd,transparent);padding:30px 17px 17px;color:#fff;font-size:12px;font-weight:700;text-align:left;opacity:0;transition:opacity .2s}
.leader-profile-expanded .pcaa-leader-photo-btn:hover:after,.leader-profile-expanded .pcaa-leader-photo-btn:focus-visible:after{opacity:1}
.leader-profile-expanded .pcaa-leader-photo-btn img{width:100%!important;height:100%!important;display:block;object-fit:cover!important;object-position:center 24%;border-radius:0!important;filter:none!important;margin:0!important;transition:transform .4s ease}
.leader-profile-expanded .pcaa-leader-photo-btn:hover img{transform:scale(1.055)}
.leader-profile-expanded .pcaa-leader-photo-fallback img{width:110px!important;height:110px!important;object-fit:contain!important;margin:auto!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.leader-profile-expanded h3{font-size:clamp(18px,1.55vw,23px)!important;line-height:1.3;white-space:normal!important;overflow-wrap:break-word;margin:4px 0 8px!important;letter-spacing:-.02em!important}
.leader-profile-expanded .leader-background,.leader-profile-expanded .leader-bio{font-size:12px!important;line-height:1.75!important}
.leader-profile-expanded .leader-bio{flex:1}
.pcaa-leader-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:20px}
.pcaa-leader-actions .leader-source,.pcaa-leader-view{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:10px 15px!important;border-radius:25px!important;border:1px solid #b6d2c1!important;font-family:Manrope,Arial,sans-serif;font-size:11px!important;font-weight:800!important;line-height:1.3;color:#0d583d!important;text-decoration:none;transition:background .2s}
.pcaa-leader-view{background:#064e38!important;color:#fff!important;border-color:#064e38!important}
.pcaa-leader-actions .leader-source:hover{background:#e8f2e8!important}.pcaa-leader-view:hover{background:#087e54!important}
/* Scrollable, accessible profile dialogs on any viewport height. */
.pcaa-profile-dialog{height:min(820px,92dvh)!important;max-height:92dvh!important;min-height:0;grid-template-rows:minmax(0,1fr)}
.pcaa-profile-story{overflow-y:auto!important;overscroll-behavior:contain;min-height:0;height:100%;padding-bottom:65px!important;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#7dab91 #f1f3ec}
.pcaa-profile-story:focus-visible{outline:2px solid var(--pcaa-gold);outline-offset:-6px}
.pcaa-profile-portrait{min-height:0!important;height:100%}
/* A credible, curated picture wall rather than the old university gallery. */
.pcaa-gallery-section{padding:clamp(56px,8vw,112px) 0 125px;position:relative;isolation:isolate;background:#f7f7f3}
.pcaa-gallery-heading{max-width:850px;margin-bottom:29px}
.pcaa-gallery-heading h2{font-family:Georgia,serif;font-size:clamp(44px,6.8vw,89px);font-weight:500;color:#124432;line-height:1;margin:12px 0;letter-spacing:-.065em}
.pcaa-gallery-heading h2 span{color:#c19b64}.pcaa-gallery-heading p{font-size:13px;color:#6a7b6e}
.pcaa-gallery-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:29px}
.pcaa-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:115px;gap:14px}
.pcaa-gallery-photo{grid-column:span 4;grid-row:span 3;position:relative;overflow:hidden;border:0;cursor:pointer;border-radius:15px;background:#173e31;color:#fff;display:block;text-align:left;padding:0;isolation:isolate}
.pcaa-gallery-photo-0{grid-column:span 5;grid-row:span 5}
.pcaa-gallery-photo-1{grid-column:span 4;grid-row:span 3}
.pcaa-gallery-photo-2{grid-column:span 3;grid-row:span 3}
.pcaa-gallery-photo-3{grid-column:span 7;grid-row:span 4}
.pcaa-gallery-photo-4{grid-column:span 5;grid-row:span 3}
.pcaa-gallery-photo-5{grid-column:span 4;grid-row:span 3}
.pcaa-gallery-photo-6{grid-column:span 8;grid-row:span 4}
.pcaa-gallery-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.93)}
.pcaa-gallery-photo:hover img,.pcaa-gallery-photo:focus-visible img{transform:scale(1.045);filter:saturate(1.14)}
.pcaa-gallery-photo-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;gap:10px;padding:23px;color:#fff;background:linear-gradient(180deg,transparent 25%,#031c17c9 85%,#031c17f0)}
.pcaa-gallery-photo-overlay strong{font-size:clamp(17px,1.65vw,24px);font-weight:700;letter-spacing:-.035em;line-height:1.2;max-width:450px}
.pcaa-gallery-photo-overlay>span:last-child{font-size:11px;letter-spacing:.02em;font-weight:700;opacity:.8}
.pcaa-photo-pill{font-size:10px;font-weight:800;color:#f3d7a0;border:1px solid #f3d7a075;border-radius:20px;padding:6px 10px;backdrop-filter:blur(8px)}
.pcaa-gallery-context{margin-top:35px;display:flex;align-items:center;gap:17px;max-width:730px;color:#536f5b;font-size:12px;line-height:1.8}
.pcaa-gallery-context img{width:62px;height:62px;object-fit:contain}
.pcaa-gallery-open{overflow:hidden!important}
.pcaa-gallery-lightbox{position:fixed;inset:0;z-index:21000;background:rgba(0,13,11,.85);backdrop-filter:blur(13px);display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,42px)}
.pcaa-gallery-dialog{background:#faf9f4;position:relative;width:min(1300px,100%);height:min(800px,93dvh);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.65fr);border-radius:22px;overflow:hidden;box-shadow:0 30px 90px #0009}
.pcaa-gallery-large{background:#092a23;overflow:hidden;display:grid;place-items:center;min-height:0}
.pcaa-gallery-full-img{width:100%;height:100%;object-fit:contain;min-height:0}
.pcaa-gallery-side{display:flex;flex-direction:column;align-items:flex-start;gap:17px;padding:clamp(22px,3vw,45px);overflow:auto;color:#1c4636}
.pcaa-gallery-logo{width:64px;height:64px;object-fit:contain}
.pcaa-gallery-count{font-family:Georgia,serif;font-size:15px;color:#9b7b50}
.pcaa-gallery-full-caption{margin-top:auto}
.pcaa-gallery-full-caption h2{font-family:Georgia,serif;font-size:clamp(24px,2.3vw,36px);font-weight:500;color:#18412f;line-height:1.2}
.pcaa-gallery-full-caption p{line-height:1.8;font-size:13px;color:#567065}
.pcaa-gallery-full-caption small{color:#8d876f;font-size:11px}
.pcaa-gallery-full-source{border:1px solid #0c6644;border-radius:24px;padding:10px 15px;font-size:12px;font-weight:700;color:#0b6947;text-decoration:none}
.pcaa-gallery-full-source[hidden]{display:none}
.pcaa-gallery-arrows{display:flex;gap:10px;margin-top:10px}
.pcaa-gallery-arrows button,.pcaa-gallery-close{border:1px solid #aacaba;background:#fefefe;border-radius:50%;width:46px;height:46px;color:#0e5f43;font-size:21px;cursor:pointer}
.pcaa-gallery-close{position:absolute;z-index:4;right:17px;top:17px;width:39px;height:39px;font-size:16px}
.pcaa-gallery-arrows button:hover,.pcaa-gallery-close:hover{color:white;background:#0a543c}
.pcaa-gallery-photo:focus-visible,.pcaa-gallery-arrows button:focus-visible,.pcaa-gallery-close:focus-visible{outline:3px solid #e7ba70;outline-offset:3px}
@media(max-width:1000px){.leadership-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.pcaa-gallery-grid{grid-auto-rows:90px}.pcaa-gallery-photo-overlay{padding:18px}}
@media(max-width:680px){.leadership-grid-expanded{grid-template-columns:1fr}.leader-profile-expanded .pcaa-leader-photo-btn{height:290px}.pcaa-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:125px;gap:9px}.pcaa-gallery-photo,.pcaa-gallery-photo-0,.pcaa-gallery-photo-1,.pcaa-gallery-photo-2,.pcaa-gallery-photo-3,.pcaa-gallery-photo-4,.pcaa-gallery-photo-5,.pcaa-gallery-photo-6{grid-column:span 1;grid-row:span 2}.pcaa-gallery-photo-0,.pcaa-gallery-photo-3,.pcaa-gallery-photo-6{grid-column:span 2;grid-row:span 3}.pcaa-gallery-photo-overlay strong{font-size:16px}.pcaa-gallery-dialog{height:96dvh;grid-template-columns:1fr;grid-template-rows:minmax(0,1.1fr) minmax(260px,.9fr);border-radius:15px}.pcaa-gallery-side{padding:20px;gap:9px}.pcaa-gallery-logo{width:43px;height:43px}.pcaa-gallery-full-caption h2{font-size:23px}.pcaa-gallery-full-caption p{font-size:11px}.pcaa-gallery-large{min-height:0}.pcaa-profile-dialog{grid-template-rows:145px minmax(0,1fr)!important;height:min(700px,96dvh)!important;max-height:96dvh!important}.pcaa-profile-portrait{min-height:145px!important;height:145px!important}.pcaa-profile-story{height:auto!important;max-height:none!important;min-height:0!important;overflow-y:auto!important}.pcaa-news-search{width:100%}.pcaa-news-search input{width:100%}.pcaa-gallery-section{padding-bottom:75px}}
@media(prefers-reduced-motion:reduce){.pcaa-pointer-hero:after{display:none}.inside-hero.pcaa-pointer-hero .inside-intro,.pcaa-live-hero.pcaa-pointer-hero .pcaa-inner-width,#hero.pcaa-pointer-hero .hero-visual{transform:none!important}.pcaa-gallery-photo img,.leader-profile-expanded,.leader-profile-expanded img{transition:none!important}body.pcaa-strategic-custom .inside-hero{background-image:linear-gradient(90deg,rgba(1,40,26,.82),rgba(6,42,26,.22)),url('/assets/motion/strategic-green-still.png')!important}body.pcaa-framework-custom .inside-hero{background-image:linear-gradient(90deg,rgba(2,16,50,.86),rgba(8,31,65,.21)),url('/assets/motion/framework-blue-still.png')!important}}


.pcaa-leadership-ribbon{margin:30px 0 34px;min-height:138px;border:1px solid #d1b87c66;overflow:hidden;border-radius:17px;padding:23px 30px;display:flex;gap:30px;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#043e2f 0%,#0c573e 61%,#073928 100%);box-shadow:0 18px 45px #103c291d;position:relative;color:#fff}
.pcaa-leadership-ribbon:before{content:'';inset:0;position:absolute;opacity:.16;background:radial-gradient(circle at 65% 15%,#f0d8a7,transparent 36%),url('/assets/pak-china-partnership.jpg') center /cover;pointer-events:none}
.pcaa-leadership-ribbon>div{display:flex;align-items:center;gap:20px;position:relative;z-index:1}
.pcaa-leadership-ribbon img{height:80px;width:80px;object-fit:contain;filter:drop-shadow(0 7px 12px #0005)}
.pcaa-leadership-ribbon p{display:grid;gap:9px;margin:0}.pcaa-leadership-ribbon strong{font:500 clamp(21px,2vw,31px) Georgia,serif}.pcaa-leadership-ribbon span{font:500 12px Manrope,Arial,sans-serif;color:#c9ddcd}
.pcaa-leadership-ribbon>a{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:12px 19px;border:1px solid #f2dba987;background:#e7d19c;color:#0a3d2d;border-radius:25px;text-decoration:none;font-size:12px;font-weight:800;position:relative;z-index:1}
.pcaa-leadership-ribbon>a:hover{background:#fff}
@media(max-width:680px){.pcaa-leadership-ribbon{flex-direction:column;align-items:stretch;padding:20px}.pcaa-leadership-ribbon img{height:62px;width:62px}.pcaa-leadership-ribbon>div{gap:12px}.pcaa-leadership-ribbon>a{width:100%}}