:root{--bg:#031b13;--fg:#faf9f1;--accent:#17a975;--lime:#d0f3a3;--canvas:#ecf2eb;--ink:#062e21;--pakistan:#01411c;--crimson-green:#073c30;--crimson:#ad3850}
body{background:#031b13}
::selection{background:#1dac79;color:white}
.nav-shell{background:rgba(1,45,28,.76);border-color:rgba(200,255,225,.16);box-shadow:0 14px 54px #0005}
.wordmark-text>span{color:#a8f0c4}.nav-cta{border-color:rgba(230,255,233,.34)}
.menu-overlay{background:#03281a}.menu-bottom span{color:#65d69c}.menu-primary a:hover{color:#b7efcc}
.site-header .nav-links a:after{background:#83e9b3}.page-progress>span{background:#84eab2}
.hero{height:100svh;min-height:690px;background:#08251c}
.hero:after{z-index:3;background:linear-gradient(90deg,rgba(0,22,14,.76) 0%,rgba(0,26,18,.51) 37%,rgba(0,19,16,.06) 88%),linear-gradient(0deg,rgba(0,14,11,.88),transparent 24%,transparent 72%,rgba(0,14,11,.30));pointer-events:none}
.hero:before{content:"";position:absolute;inset:0;z-index:4;opacity:.7;pointer-events:none;background:radial-gradient(circle 205px at var(--mouse-x,70%) var(--mouse-y,40%),transparent,rgba(0,30,19,.12) 100%);mix-blend-mode:overlay}
.hero-visual.fullbleed-photo,.hero-visual.fullbleed-photo .visual-image{position:absolute;inset:0;width:100%;height:100%;max-height:none;min-height:0;border:0;border-radius:0;box-shadow:none;transform:none;perspective:none;pointer-events:none;overflow:hidden;transition:none}
.hero-visual.fullbleed-photo{z-index:0;opacity:1!important}
.hero-visual.fullbleed-photo .visual-image{transform:scale(1.04);transition:transform .75s cubic-bezier(.2,.75,.2,1)}
.hero-visual.fullbleed-photo img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block;filter:contrast(1.08) saturate(.92);transition:opacity .6s,transform 1.5s ease;opacity:1}
.hero-visual.fullbleed-photo .visual-sheen{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(circle 320px at var(--hover-x,55%) var(--hover-y,40%),rgba(255,255,255,.14),transparent 68%);mix-blend-mode:screen;opacity:.7}
#world{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .8s ease;pointer-events:none}#world.ready{opacity:1}
.hero-kicker{position:absolute;z-index:7;top:clamp(125px,18vh,190px);left:max(32px,calc((100vw - 1300px)/2));font:10px var(--mono);letter-spacing:.18em;color:#d9f6e1;display:flex;gap:30px;align-items:center;text-shadow:0 3px 12px #0009}.hero-kicker span{color:#c2d8c4;font-size:15px}
.hero-copy{z-index:8;top:clamp(215px,28vh,320px);left:max(32px,calc((100vw - 1300px)/2));max-width:980px}
.hero h1{font-size:clamp(77px,10.3vw,174px);line-height:.9;letter-spacing:-.092em;margin:0 0 33px;color:#fff;max-width:1000px;text-shadow:0 10px 40px #0005}
.hero h1 .hero-accent{color:#d2efc9}.hero-copy>p{color:#e7eee8;font-size:clamp(13px,1.2vw,17px);max-width:510px;line-height:1.75;text-shadow:0 3px 12px #0008;margin-bottom:33px}
.primary-link{background:#dff6e2;color:#073b26;padding:17px 22px;border-radius:4px;font-size:10px}.primary-link:hover{background:white}.primary-link span{color:#01411c}.secondary-link{font-size:10px;border-bottom-color:#bdd8c4}.secondary-link span{color:#9fe8ac}
.hero-bottom{display:flex;justify-content:space-between;align-items:end;bottom:35px;left:max(32px,calc((100vw - 1300px)/2));right:max(32px,calc((100vw - 1300px)/2));gap:30px;z-index:9}
.hero-university{display:flex;flex-direction:column;gap:5px}.selected-name{white-space:normal;font-size:clamp(18px,2.2vw,31px);font-weight:700}.university-city{font:10px var(--mono);letter-spacing:.1em;color:#d0d8d0}
.hero-controls{display:flex;gap:13px;align-items:center}.hero-controls button{border:1px solid #e3f2e58c;background:#0a2d228c;color:white;border-radius:100%;width:52px;height:52px;cursor:pointer;font-size:22px;transition:background .3s,transform .3s}.hero-controls button:hover{background:#d2f0d8;color:#053d2d;transform:scale(1.07)}
.hero-count{display:flex;gap:14px;font:11px var(--mono);color:#d5e5d8}.hero-count span:last-child{color:#779d89}
/* History book, inspired by page turning mechanism while preserving independent PCAA content */
.book-intro{position:fixed;inset:0;z-index:350;background:radial-gradient(circle at 50% 42%,#12452f,#031710 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e7eee7;transition:opacity .85s,visibility .85s}
.book-intro.is-gone{opacity:0;visibility:hidden;pointer-events:none}.book-topline{position:absolute;top:5vh;left:5%;font:10px var(--mono);letter-spacing:.16em;color:#c9e4d0}.book-stage{position:relative;width:min(780px,85vw);display:flex;flex-direction:column;align-items:center}.book-glow{position:absolute;inset:-10%;background:radial-gradient(ellipse,#7ab98b24,transparent 67%);filter:blur(32px)}
.history-book{width:min(560px,75vw);aspect-ratio:1.5;position:relative;perspective:1500px;transform-style:preserve-3d;transform:rotateX(9deg) rotateY(-7deg);filter:drop-shadow(0 28px 40px #0009)}
.history-book:after{content:"";position:absolute;bottom:-6px;inset-inline:3%;height:12px;border-radius:50%;background:#f0e7cd;z-index:-1}
.book-cover,.book-spread,.book-turn{position:absolute;inset:0;border-radius:4px;backface-visibility:hidden;transform-style:preserve-3d}
.book-cover{z-index:5;transform-origin:left center;animation:openBook 2.5s .32s cubic-bezier(.45,0,.18,1) both;background:linear-gradient(132deg,#075632,#02301f 55%,#011b13);border:2px solid #d1b77d;box-shadow:inset 0 0 0 12px #0c543a,inset 0 0 0 13px #d1b77d4b;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;padding:27px;text-align:center}
.book-cover-top{font:10px var(--mono);letter-spacing:.19em;color:#e9d7ab}.book-cover-flags{display:flex;gap:9px;justify-content:center}.book-cover-flags svg{width:clamp(75px,11vw,108px);height:auto;border:2px solid #fff6;box-shadow:0 7px 22px #0005}
.book-cover strong{font-weight:800;font-size:clamp(24px,4.5vw,52px);letter-spacing:-.055em;line-height:.97}.book-cover>span{font:8px var(--mono);letter-spacing:.12em;color:#edd5aa}
.book-spread{display:grid;grid-template-columns:1fr 1fr;background:#fff8e5;color:#19422d;box-shadow:inset 0 0 24px #704e1830;overflow:hidden}.book-paper{padding:clamp(14px,3vw,37px);position:relative;display:flex;flex-direction:column;justify-content:center}.book-paper-left{border-right:4px solid #aa9e8466}.book-paper small{color:#a03e4e;font:11px var(--mono);letter-spacing:.1em}.book-paper h3{font-size:clamp(16px,2.5vw,28px);letter-spacing:-.04em;margin:8px 0}.book-paper p{font-size:clamp(9px,1.16vw,12px);line-height:1.6}.book-ornament{font-size:23px;letter-spacing:.4em;color:#9f8c63}
.book-turn{width:50%;left:50%;z-index:3;background:linear-gradient(120deg,#fff8e5,#dddfc6);border-left:2px solid #b6ac8b;transform-origin:left;animation:bookTurn 1.4s 1s ease-in-out both}.book-turn-two{animation-delay:1.7s;z-index:2;opacity:.9}
.book-status{font:10px var(--mono);letter-spacing:.13em;margin-top:48px;width:min(530px,83vw);display:flex;justify-content:space-between;color:#b5d0ba}.book-skip{position:absolute;bottom:6vh;right:5%;padding:12px 0;background:none;border:0;border-bottom:1px solid #9cbca9;color:#e9f1eb;font:10px var(--mono);cursor:pointer}.book-skip span{margin-left:14px}
@keyframes openBook{0%,20%{transform:rotateY(0deg)}85%,100%{transform:rotateY(-165deg)}}@keyframes bookTurn{from{transform:rotateY(0)}to{transform:rotateY(-175deg)}}
/* Actual GLTF art objects in their own spatial scenes */
.touch-section{background:radial-gradient(ellipse at 74% 47%,#0f654a88,transparent 47%),linear-gradient(145deg,#02462a,#012719);min-height:860px;color:white;position:relative;overflow:hidden;padding:130px max(36px,calc((100vw - 1300px)/2));isolation:isolate}.section-index,.section-overline{font:10px var(--mono);letter-spacing:.16em;color:#92c5a4}.touch-grid{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:40px;min-height:630px}.touch-content{position:relative;z-index:3}.touch-content h2{font-size:clamp(56px,7.3vw,116px);line-height:.94;letter-spacing:-.084em;margin:26px 0 30px}.touch-content h2 em,.journal-heading h2 em,.collaboration-copy h2 em,.voices-lead h2 em{font-style:normal;color:#93e5b7}.touch-content p{max-width:390px;font-size:15px;line-height:1.9;color:#c6dfd0}.under-link{display:inline-block;border-bottom:1px solid currentColor;padding:15px 0;font:10px var(--mono);letter-spacing:.12em;margin-top:20px}.touch-model-wrap{height:660px;position:relative;min-width:0}.touch-model-wrap:before{content:"";width:77%;aspect-ratio:1;position:absolute;left:12%;top:14%;border:1px solid #b6ddc14a;border-radius:50%;box-shadow:0 0 0 80px #9eeec00a,0 0 0 160px #9eeec007}.model-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;background:transparent;outline:none;z-index:1}.touch-model-wrap .model-caption{position:absolute;bottom:40px;left:15%;color:#c9d7c5;font:9px var(--mono);letter-spacing:.14em}.model-loaded{filter:drop-shadow(0 20px 35px #0003)}
/* Six authentic PCAA office bearers, no invented photographs */
#members.framework{height:710vh;background:#eff6ef}#members .framework-sticky{background:#eff6ef}
#members .framework-intro{background:#eff6ef}#members .framework-intro h2{color:#063c2b}#members .framework-intro h2 span{color:#429e6f}#members .bracket{color:#247455}
#members .framework-track{display:flex;will-change:transform;gap:0;width:600vw;left:0;right:auto}
#members .member-slide{padding:100px max(6vw,45px) 80px;display:grid;grid-template-columns:1.05fr 1fr;gap:7vw;background:#e7eee7}
#members .member-slide:nth-child(even){background:#dcebdc}
.member-card-photo{height:min(64vh,640px);position:relative;overflow:hidden;background:linear-gradient(143deg,#005330,#032a20 65%,#091d17);border:1px solid #ffffff40;box-shadow:0 40px 80px #0e24102b}
.member-card-photo:before{content:"中 巴";position:absolute;font-size:clamp(100px,17vw,280px);font-weight:800;letter-spacing:-.12em;opacity:.07;transform:rotate(-18deg);left:-15%;top:3%;color:white;white-space:nowrap}
.member-card-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(.8) contrast(1.1);transition:transform 1.2s}
.member-card-photo:hover img{transform:scale(1.055)}.member-initials{position:absolute;inset:0;display:grid;place-items:center;color:#c8efcf;font-size:clamp(90px,14vw,190px);font-weight:800;letter-spacing:-.15em}
.member-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#03271b44,transparent 45%);pointer-events:none}.member-card-details{align-self:center}.member-count{font:10px var(--mono);letter-spacing:.16em;color:#237352}.member-card-details h3{font-size:clamp(52px,6.5vw,110px);line-height:.96;letter-spacing:-.09em;color:#06402c;margin:32px 0 16px;max-width:720px}.member-card-details p{font-size:20px;color:#56725e}.member-card-details a{margin-top:40px;display:inline-block;padding-bottom:12px;border-bottom:1px solid #085735;font:11px var(--mono);color:#06452d}.member-number{position:absolute;right:2.4vw;bottom:3vh;font-size:130px;color:#09351a12;font-weight:800;letter-spacing:-.1em}
#members .framework-indicator{z-index:6}#members .framework-progress i{background:#12894e}.members-source{display:block;position:relative;background:#eef5ee;font-size:9px;color:#315343;padding:14px 30px;text-align:center}
/* Dragon flyby scene and typography */
.dark-manifesto{min-height:100svh;background:radial-gradient(ellipse at 70% 43%,#07684b,#012119 64%,#001a15);isolation:isolate}
.dark-manifesto .manifesto-head{z-index:4;position:relative;max-width:1050px;margin-top:clamp(180px,23vh,280px);font-size:clamp(62px,8vw,118px);text-shadow:0 7px 40px #001d16aa}
.dark-manifesto .manifesto-head span{color:#9bdfae}.dark-manifesto .manifesto-footer{z-index:4;position:relative}.dark-manifesto .manifesto-top{z-index:4}.dragon-canvas{z-index:2;inset:0;width:100%;height:100%}.dragon-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#001a15bd,transparent 57%),linear-gradient(0deg,#001d16a1,transparent 35%,transparent 75%)}
.intermission .intermission-image{filter:hue-rotate(39deg) saturate(.62) brightness(.78)}
/* Editorial modules influenced by the imagery rhythm from i3 */
.journal-section{padding:140px max(32px,calc((100vw - 1300px)/2));background:#f1f6ee;color:#092e1f}.journal-heading{display:flex;flex-direction:column;align-items:start;margin-bottom:48px}.journal-heading h2,.collaboration-copy h2,.voices-lead h2{font-size:clamp(55px,7vw,108px);line-height:.97;letter-spacing:-.09em;margin:25px 0}.journal-heading h2 em,.collaboration-copy h2 em,.voices-lead h2 em{color:#237e58}.journal-heading .under-link{font-size:10px;color:#165d3d}.journal-grid{display:grid;grid-template-columns:1.32fr 1fr;gap:18px}.journal-card{background:white;border:1px solid #d4e2d7;min-width:0;transition:transform .6s,box-shadow .6s}.journal-card:hover{transform:translateY(-12px);box-shadow:0 28px 80px #104c2a21}.journal-media{height:350px;overflow:hidden}.journal-media img{height:100%;width:100%;object-fit:cover;transition:transform 1.2s}.journal-card:hover .journal-media img{transform:scale(1.07)}.journal-body{padding:28px 31px 36px}.journal-body span{font:10px var(--mono);letter-spacing:.13em;color:#237b56}.journal-body h3{font-size:clamp(29px,2.6vw,42px);line-height:1.12;letter-spacing:-.05em;margin:20px 0}.journal-body p{font-size:14px;line-height:1.8;color:#637266}.journal-body a{display:inline-block;border-bottom:1px solid #085c39;font:10px var(--mono);padding:15px 0;margin-top:8px}
.collaboration-section{background:#013622;color:#eff8ec;display:grid;grid-template-columns:1fr 1fr;gap:11vw;padding:150px max(32px,calc((100vw - 1300px)/2));align-items:center}.collaboration-copy h2{font-size:clamp(55px,6vw,93px)}.collaboration-copy h2 em{color:#9ee5b8}.collaboration-copy p{color:#b6d8c4;line-height:1.85;max-width:500px;font-size:14px}.university-wordwall{display:flex;flex-direction:column}.university-wordwall a{font-size:clamp(24px,3vw,46px);font-weight:800;letter-spacing:-.075em;padding:22px 0;border-bottom:1px solid #d7f6df38;display:flex;align-items:center;justify-content:space-between;transition:padding .3s,color .3s}.university-wordwall a:hover{padding-left:18px;color:#99eeba}.university-wordwall span{font-size:16px;font-weight:400}
.voices-section{background:#e0eadf;color:#163b27;padding:135px max(32px,calc((100vw - 1300px)/2));display:grid;grid-template-columns:1fr 1.4fr;gap:8vw}.voices-lead h2{font-size:clamp(45px,5vw,72px)}.voices-lead p{font-size:13px;color:#58755e}.voices-panels{display:grid;gap:15px}.voices-panels blockquote{margin:0;padding:40px 42px;border:1px solid #bad2bf;background:#edf4eb}.voices-panels blockquote p{font-size:clamp(21px,2.1vw,33px);line-height:1.37;font-weight:600;letter-spacing:-.035em;margin:0 0 30px}.voices-panels footer{font:11px var(--mono);letter-spacing:.08em;color:#0e5733}.voices-panels footer span{display:block;margin-top:8px;color:#647e68;font-size:9px}.voices-section>small{grid-column:2;font:10px var(--mono);line-height:1.7;color:#668169}
.pathways{background:#f4f8f2}.pathways-top h2 span{color:#2f9262}.pathway:hover:before{background:#09593d}.pathway>.mono{color:#0f7f56}
/* Full temple in the final chapter */
.join-panel{background:radial-gradient(ellipse at 70% 52%,#18744d,#01271a 70%);min-height:850px;isolation:isolate}
.join-panel>:not(.temple-canvas):not(.temple-shade){position:relative;z-index:3}.join-panel .join-grid{position:absolute;z-index:0}.temple-canvas{z-index:1;inset:0 0 0 35%;width:65%;height:100%}.temple-shade{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,#012b1fe8,#013b2bc2 43%,#0b3a2954 80%),linear-gradient(0deg,#01281ccc,transparent 42%)}
.join-panel h2{font-size:clamp(59px,8.4vw,123px)}.join-panel h2 span{color:#b9f0ca}.join-button{background:#d0f4d6}.join-button span{color:#03502f}.footer{background:#012618}.footer-logo span{color:#8cdb9c}.footer-bottom b{color:#8cdb9c}
.rise-up{opacity:0;transform:translateY(40px);transition:opacity .95s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1)}.rise-up.visible{opacity:1;transform:none}
@media(max-width:980px){.touch-grid{grid-template-columns:1fr}.touch-section{padding:95px 5vw 45px}.touch-grid{gap:0}.touch-model-wrap{height:520px}.hero h1{font-size:clamp(74px,10vw,120px)}.collaboration-section{grid-template-columns:1fr;gap:25px}.voices-section{grid-template-columns:1fr;gap:25px}.voices-section>small{grid-column:1}}
@media(max-width:640px){.hero{min-height:730px;height:100svh}.hero-visual.fullbleed-photo{top:0;right:0;width:100%;height:100%;opacity:1}.hero-visual.fullbleed-photo .visual-image{top:0;right:0;width:100%;height:100%;border:0;box-shadow:none;opacity:1}.hero-visual.fullbleed-photo img{object-position:center center}.hero:after{background:linear-gradient(0deg,#00190fe8 0%,#00190fb9 40%,#00190f4a 100%)}.hero-kicker{left:22px;right:20px;top:115px;font-size:8px;justify-content:space-between}.hero-copy{top:210px;left:22px;right:20px;max-width:none}.hero h1{font-size:clamp(67px,13.1vw,85px);margin-bottom:20px;max-width:100%;line-height:.92}.hero-copy>p{font-size:13px;line-height:1.65;max-width:350px}.hero-actions{flex-wrap:wrap;gap:11px}.primary-link{font-size:9px;padding:15px}.secondary-link{font-size:9px}.hero-bottom{bottom:38px;left:22px;right:22px;gap:15px;flex-wrap:nowrap;align-items:end;justify-content:space-between}.hero-university{max-width:50%}.selected-name{font-size:17px}.university-city{font-size:8px}.hero-controls{gap:8px}.hero-controls button{width:36px;height:36px;font-size:15px}.hero-count{gap:5px;font-size:9px}.book-cover strong{font-size:27px}.book-paper h3{font-size:14px}.book-paper p{font-size:8px;line-height:1.3}.book-paper small{font-size:8px}.history-book{width:83vw}.book-status{margin-top:45px}.book-topline{font-size:8px}.touch-section{min-height:900px;padding:105px 24px 28px}.touch-content h2{font-size:clamp(54px,13vw,75px)}.touch-content p{font-size:13px}.touch-model-wrap{height:430px;margin-top:15px}.touch-model-wrap:before{top:18%}#members.framework{height:710vh}#members .framework-slide.member-slide{padding:90px 23px 55px;display:flex;flex-direction:column;justify-content:center;gap:20px}#members .member-card-photo{height:46vh;min-height:270px;width:100%;max-width:430px}#members .member-card-details{align-self:stretch}#members .member-card-details h3{font-size:clamp(48px,12vw,73px);margin:12px 0 5px}#members .member-card-details p{font-size:14px}#members .member-card-details a{font-size:9px;margin-top:14px}.member-number{font-size:65px;bottom:15px}#members .framework-intro h2{font-size:clamp(57px,13vw,83px)}.dark-manifesto{min-height:860px;padding:85px 24px}.dark-manifesto .manifesto-head{font-size:clamp(51px,12vw,78px);margin-top:185px}.dragon-canvas{width:100%;height:100%}.journal-section,.collaboration-section,.voices-section{padding:96px 24px}.journal-heading h2,.collaboration-copy h2,.voices-lead h2{font-size:clamp(49px,12vw,72px)}.journal-grid{grid-template-columns:1fr}.journal-media{height:270px}.journal-body{padding:24px}.journal-body h3{font-size:28px}.collaboration-section{grid-template-columns:1fr}.university-wordwall a{font-size:27px}.voices-section{grid-template-columns:1fr}.voices-panels blockquote{padding:30px 24px}.voices-panels blockquote p{font-size:21px}.voices-section>small{grid-column:1}.join-panel{min-height:760px;padding:120px 24px 100px}.join-panel h2{font-size:clamp(54px,13vw,84px)}.temple-canvas{inset:10% 0 0 0;width:100%;height:90%;opacity:.7}.temple-shade{background:linear-gradient(0deg,#002719ca,#00351ea3 60%,#002719c9)}.footer-logo{font-size:86px}}
@media(prefers-reduced-motion:reduce){.book-intro{display:none}.rise-up{opacity:1!important;transform:none!important}.history-book,.book-cover,.book-turn{animation:none!important}#world{display:none}.hero-visual.fullbleed-photo .visual-image{transform:none!important}.member-card-photo img{transform:none!important}}