/* PCAA identity, restrained slider, and person profile presentation. */
:root{--pcaa-deep:#073b2c;--pcaa-gold:#c9ad77;--pcaa-light:#faf9f3}
html{scroll-padding-top:86px}
body{overflow-x:hidden}
#header,.site-header{position:sticky!important;top:0!important;z-index:1200!important}
.wordmark.pcaa-logo-link,.wordmark:has(.pcaa-brand-image),.footer-logo.pcaa-logo-link,.footer-logo:has(.pcaa-footer-seal){display:flex!important;align-items:center!important;gap:11px!important;text-decoration:none!important}
.pcaa-global-logo,.pcaa-brand-image{width:47px!important;height:47px!important;object-fit:contain;flex:none;display:block;filter:drop-shadow(0 2px 4px #00201823)}
.pcaa-brand-caption{font-family:Manrope,Arial,sans-serif;font-size:clamp(10px,1vw,13px);line-height:1.25;max-width:167px;font-weight:800;letter-spacing:-.02em;text-transform:none;color:inherit}
.footer-logo .pcaa-global-logo,.pcaa-footer-seal{width:80px!important;height:80px!important;object-fit:contain;filter:drop-shadow(0 6px 15px #00160a55)}
.pcaa-hero-seal{position:absolute;z-index:10;top:clamp(130px,18vh,210px);left:max(30px,calc((100vw - 1300px)/2));width:clamp(100px,10vw,160px);height:auto;max-height:160px;object-fit:contain;filter:drop-shadow(0 16px 32px #00180a99)}
#hero .hero-copy h1{display:none!important}
#hero .hero-copy{bottom:clamp(122px,15vh,170px)!important}
#hero .hero-copy .hero-identity{font-size:11px!important;letter-spacing:.05em!important;text-transform:none!important}
#hero .hero-copy .hero-actions{margin-top:13px!important}
#hero .hero-bottom{min-height:74px!important;height:auto!important;max-height:87px;box-sizing:border-box;bottom:15px!important;left:15px!important;right:15px!important;padding:10px 20px!important;border-radius:19px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;border:1px solid #ffffff2b!important;background:linear-gradient(103deg,rgba(175,23,49,.94),rgba(5,61,30,.88))!important;backdrop-filter:blur(16px)}
#hero .hero-university{min-width:0;max-width:calc(100% - 170px);display:flex;flex-direction:column;justify-content:center;gap:2px}
#hero .selected-name{font-family:Manrope,Arial,sans-serif;font-weight:800!important;font-size:clamp(18px,1.7vw,25px)!important;line-height:1.2!important;letter-spacing:-.035em!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important;text-transform:none!important}
#hero .university-city{font-size:clamp(10px,.78vw,12px)!important;letter-spacing:.03em!important;line-height:1.5!important;opacity:.83;text-transform:none!important}
#hero .hero-controls{display:flex;align-items:center;flex-shrink:0;gap:12px!important}
#hero .hero-controls button{width:43px!important;height:43px!important;min-width:43px!important;min-height:43px!important;border-radius:50%;display:grid;place-items:center;padding:0!important;font-size:22px!important}
#hero .hero-count{font-size:11px!important;gap:9px!important;font-family:Manrope,Arial,sans-serif;font-variant-numeric:tabular-nums}
/* The diffuse glass blur now covers the entire sculpture section, not a text-only tile. */
#touch{isolation:isolate;overflow:hidden}
#touch::before{content:''!important;position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(100deg,rgba(5,30,25,.45),rgba(9,36,28,.15) 56%,rgba(4,20,16,.32))!important;backdrop-filter:blur(15px) saturate(.85)!important;-webkit-backdrop-filter:blur(15px) saturate(.85)!important;opacity:1!important;pointer-events:none!important;mix-blend-mode:normal!important}
#touch .touch-grid{z-index:4!important}
#touch .touch-content{background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;isolation:auto!important;padding:20px 0!important;max-width:min(660px,90vw)!important}
#touch .touch-content h2,#touch .touch-content p{filter:drop-shadow(0 6px 20px #000a)}
/* Actual attached green and blue GIFs, with later inherited backgrounds neutralized. */
body.pcaa-strategic-custom .inside-hero{background:linear-gradient(100deg,rgba(2,35,21,.87) 0%,rgba(3,56,32,.50) 65%,rgba(0,31,23,.30) 100%),url('/assets/motion/strategic-green-animated.gif') center center / cover no-repeat!important;background-attachment:scroll!important}
body.pcaa-framework-custom .inside-hero{background:linear-gradient(100deg,rgba(3,16,55,.85) 0%,rgba(12,38,81,.42) 65%,rgba(8,24,54,.25) 100%),url('/assets/motion/framework-blue-animated.gif') center center / cover no-repeat!important;background-attachment:scroll!important}
body.pcaa-strategic-custom .inside-hero::before,body.pcaa-framework-custom .inside-hero::before{background:transparent!important;opacity:0!important}
body.pcaa-strategic-custom .inside-hero .inside-intro,body.pcaa-framework-custom .inside-hero .inside-intro{position:relative;z-index:4}
body.pcaa-framework-custom .inside-hero h1,body.pcaa-strategic-custom .inside-hero h1{color:#fff!important;text-shadow:0 5px 24px #00190d70}
/* Consistent sentence case styling, preserving official acronyms and non Latin scripts. */
#header a,.site-header a,nav a,.menu-overlay a,.pcaa-overline,.inside-hero .section-eyebrow,.section-overline,.section-index,.mosaic-category,.mosaic-links a,.i3-case-caption b,.blueprint-open,.footer a,.footer-bottom,.member-card-details a,.under-link{text-transform:none!important}
#members .member-number{display:none!important}
#members .member-slide .member-card-details{min-width:0;max-width:calc(100vw - min(39vw,540px) - 100px)}
#members .member-card-details h3{font-family:Manrope,Arial,sans-serif;font-size:clamp(18px,2.9vw,42px)!important;line-height:1.16!important;letter-spacing:-.045em!important;white-space:nowrap!important;overflow:visible!important;max-width:none!important;margin:14px 0 15px!important;overflow-wrap:normal!important}
#members .member-open{appearance:none;border:0;background:transparent;padding:0;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-align:start;white-space:nowrap;cursor:pointer;transition:color .2s ease}
#members .member-open:hover{color:#a02645}
#members .member-open:focus-visible,.member-card-photo[role=button]:focus-visible{outline:3px solid var(--pcaa-gold);outline-offset:7px;border-radius:4px}
#members .member-card-photo[role=button]{cursor:pointer}
body.pcaa-profile-active{overflow:hidden!important}
.pcaa-profile-backdrop{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:clamp(12px,4vw,50px);background:rgba(1,18,14,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:pcaa-profile-fade .2s ease-out}
@keyframes pcaa-profile-fade{from{opacity:0}to{opacity:1}}
.pcaa-profile-dialog{width:min(1050px,100%);max-height:min(870px,90dvh);display:grid;grid-template-columns:minmax(265px,.82fr) minmax(0,1.18fr);position:relative;background:#faf9f3;overflow:hidden;border:1px solid #d6c8a9;border-radius:23px;box-shadow:0 35px 105px #000a;color:#153c2c;font-family:Manrope,Arial,sans-serif}
.pcaa-profile-close{position:absolute;z-index:4;right:20px;top:19px;width:39px;height:39px;border-radius:50%;border:1px solid #dce5d7;background:#fff;color:#15553b;font-size:16px;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px #163b2414}
.pcaa-profile-close:hover{background:#0c4d35;color:white}
.pcaa-profile-close:focus-visible,.pcaa-profile-link a:focus-visible,.pcaa-profile-source:focus-visible{outline:3px solid #c9ad77;outline-offset:3px}
.pcaa-profile-portrait{position:relative;overflow:hidden;display:flex;align-items:end;justify-content:center;min-height:520px;background:radial-gradient(circle at 45% 40%,#196d55 0%,#04412e 58%,#031f1b 100%)}
.pcaa-profile-portrait:before{content:'';position:absolute;inset:15% -26% auto;aspect-ratio:1;border:1px solid #f9e3ab44;border-radius:50%;box-shadow:0 0 0 58px #cfb67a12,0 0 0 117px #cfb67a09}
.pcaa-profile-watermark{position:absolute;top:42px;left:calc(50% - 60px);width:120px;height:120px;object-fit:contain;opacity:.2}
.pcaa-profile-person{position:relative;z-index:1;width:100%;height:100%;max-height:730px;object-fit:cover;object-position:center 20%;mask-image:linear-gradient(0deg,#000 84%,#000 100%);display:block}
.pcaa-profile-portrait-footer{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:12px;color:#fff;font-size:10px;letter-spacing:.03em;font-weight:700;padding:20px 26px;background:linear-gradient(0deg,#021e19fa,#03261a00)}
.pcaa-profile-portrait-footer img{width:42px;height:42px;object-fit:contain}
.pcaa-profile-story{padding:clamp(32px,4vw,57px);padding-right:clamp(40px,4vw,57px);overflow:auto;scrollbar-color:#8fa994 transparent}
.pcaa-profile-overline{display:block;color:#a0773c;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:none}
.pcaa-profile-story>h2{font-family:Georgia,serif;font-size:clamp(33px,3.55vw,53px);line-height:1.05;letter-spacing:-.06em;font-weight:500;color:#123b2c;margin:16px 20px 5px 0}
.pcaa-profile-position{font-size:13px;color:#8a7661;margin:7px 0 32px}
.pcaa-profile-sections{display:grid;grid-template-columns:1fr;gap:24px}
.pcaa-profile-sections section{min-width:0}
.pcaa-profile-sections h3{font-size:15px!important;font-family:Manrope,Arial,sans-serif;font-weight:800;color:#193b2c;letter-spacing:-.025em;margin:0 0 10px}
.pcaa-profile-sections section>p{font-size:13px;line-height:1.9;color:#61756a;margin:0}
.pcaa-profile-quote{padding:19px 24px;background:#e9f3e8;border:1px solid #cbdcc9;border-radius:14px}
.pcaa-profile-quote blockquote{font-family:Georgia,serif;line-height:1.52;color:#175039;font-size:clamp(17px,1.75vw,22px);margin:0;font-style:italic}
.pcaa-profile-links{display:grid;gap:9px}
.pcaa-profile-link{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e4e9e0;border-radius:10px;padding:13px 14px}
.pcaa-profile-link>div{display:grid;gap:5px;min-width:0}
.pcaa-profile-link span{font-size:10px;color:#90816b}
.pcaa-profile-link strong{font-size:12px;line-height:1.45;font-weight:700;color:#1c4731}
.pcaa-profile-link a{flex-shrink:0;font-size:11px;color:#8d662b;font-weight:800;text-decoration:none}
.pcaa-profile-link a:hover{text-decoration:underline}
.pcaa-profile-empty{font-size:12px!important;color:#718779!important}
.pcaa-profile-source{display:inline-flex;margin-top:26px;padding:13px 17px;border:1px solid #1e7050;border-radius:30px;font-size:11px;font-weight:800;text-decoration:none;color:#11563d}
.pcaa-profile-source:hover{background:#0d543c;color:white}
[dir=rtl] .pcaa-profile-dialog .pcaa-profile-close{right:auto;left:20px}
[dir=rtl] .pcaa-profile-story>h2{margin-right:0;margin-left:22px}
@media(max-width:900px){#members .member-slide .member-card-details{max-width:100%}#members .member-card-details h3{font-size:clamp(16px,3vw,28px)!important}#hero .hero-bottom{left:10px!important;right:10px!important}#header .pcaa-brand-caption{max-width:135px}}
@media(max-width:670px){
 .pcaa-brand-image,.pcaa-global-logo{width:39px!important;height:39px!important}.pcaa-brand-caption{font-size:9px;max-width:107px}
 #hero .pcaa-hero-seal{width:92px;top:145px;left:18px}
 #hero .hero-copy{bottom:123px!important;left:18px!important;right:18px!important}
 #hero .hero-copy .hero-identity{font-size:9px!important;letter-spacing:0!important}
 #hero .hero-bottom{min-height:69px!important;max-height:81px;bottom:11px!important;padding:9px 12px!important;border-radius:14px!important;gap:6px!important}
 #hero .hero-university{max-width:calc(100% - 124px)!important}
 #hero .selected-name{font-size:clamp(14px,3.4vw,19px)!important}
 #hero .university-city{font-size:9px!important}
 #hero .hero-controls{gap:5px!important}
 #hero .hero-controls button{width:33px!important;height:33px!important;min-width:33px!important;min-height:33px!important;font-size:17px!important}
 #hero .hero-count{font-size:9px!important;gap:4px!important}
 #members .member-card-details h3{font-size:clamp(14px,4vw,25px)!important;letter-spacing:-.04em!important;white-space:nowrap!important}
 #members .member-slide .member-card-details{max-width:100%}
 #touch .touch-content{max-width:100%!important;padding:18px 0!important}
 .pcaa-profile-backdrop{padding:10px;align-items:center}
 .pcaa-profile-dialog{grid-template-columns:1fr;grid-template-rows:155px minmax(0,1fr);max-height:94dvh;border-radius:17px}
 .pcaa-profile-portrait{min-height:155px;max-height:155px;justify-content:start;align-items:center}
 .pcaa-profile-watermark{position:absolute;width:120px;height:120px;left:auto;right:10%;top:15px}
 .pcaa-profile-person{height:100%;width:180px;object-fit:cover;object-position:center 12%;mask-image:linear-gradient(90deg,#000 65%,transparent 99%)}
 .pcaa-profile-portrait-footer{left:auto;right:12px;bottom:10px;width:55%;padding:7px;background:none}
 .pcaa-profile-portrait-footer img{width:29px;height:29px}
 .pcaa-profile-story{padding:25px;max-height:calc(94dvh - 155px)}
 .pcaa-profile-story>h2{font-size:33px;margin-top:7px}
 .pcaa-profile-close{right:12px;top:12px}
 .pcaa-profile-link{align-items:start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.pcaa-profile-backdrop{animation:none}#hero .hero-bottom{backdrop-filter:none}}

/* No numeric badges on the full board page either. */
.leader-number,.leader-profile .leader-number{display:none!important}
/* The supplied GIFs are single-frame exports; gentle camera movement preserves their animated visual role. */
@keyframes pcaaSectionPan{0%{background-position:center center,48% 44%}100%{background-position:center center,53% 56%}}
@media(prefers-reduced-motion:no-preference){body.pcaa-strategic-custom .inside-hero,body.pcaa-framework-custom .inside-hero{animation:pcaaSectionPan 19s ease-in-out infinite alternate}}

/* Animated visual references are used on the homepage tiles and blueprint cards too. */
#community-activity .objectives-art-tile .i3-case-photo,#community-activity .framework-art-tile .i3-case-photo{background:#052d2a}
#community-activity .objectives-art-tile .i3-case-photo img,#community-activity .framework-art-tile .i3-case-photo img,.voices-section .blueprint-card img{object-fit:cover!important;filter:saturate(1.12) contrast(1.18)}
#community-activity .objectives-art-tile .i3-case-photo::after,#community-activity .framework-art-tile .i3-case-photo::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#07241d65,#0315101a)}
.leader-profile h3{font-size:clamp(15px,1.7vw,24px)!important;letter-spacing:-.035em!important;white-space:nowrap!important;overflow:visible!important}