/* PCAA official two-colour experience: crimson red and Pakistan green. */
:root{--pcaa-primary-red:#b31632;--pcaa-china-red:#de2910;--pcaa-primary-green:#01411c;--pcaa-red-highlight:#f05b72}
/* Homepage header: deliberately RED, never near-black green. */
body:not([data-page]) .site-header .nav-shell{
 background:linear-gradient(107deg,rgba(146,9,39,.97),rgba(184,18,51,.96) 63%,rgba(125,9,38,.97))!important;
 border:1px solid rgba(255,196,198,.50)!important;
 box-shadow:0 12px 40px rgba(57,0,18,.36),inset 0 1px 0 rgba(255,255,255,.18)!important;
 backdrop-filter:blur(24px) saturate(1.3)
}
body:not([data-page]) .site-header.scrolling .nav-shell{background:linear-gradient(105deg,#8e0e27f5,#be2040fa 58%,#9a142cff)!important}
body:not([data-page]) .wordmark-text>span{color:#ffdfb7!important}
body:not([data-page]) .wordmark-sub{border-left-color:#ffb1c17d;color:#ffe9e5}
body:not([data-page]) .nav-links a{color:#fff1ec!important}
body:not([data-page]) .nav-links a:hover{color:#ffe9a2!important}
body:not([data-page]) .nav-links a:after{background:#ffd29d!important}
body:not([data-page]) .nav-cta{background:#01411c!important;border:1px solid #51b789!important;box-shadow:0 10px 25px #18060942;color:#fff!important}
body:not([data-page]) .nav-cta:hover{background:#046435!important}
body:not([data-page]) .menu-button{border-color:#ffe2de93;background:#6d092333}
body:not([data-page]) .menu-button span{background:#fff7ee}
#menu-overlay.menu-overlay{
 background:radial-gradient(ellipse 69% 90% at 12% 48%,#d6324c 0%,transparent 67%),linear-gradient(115deg,#7a0826,#ad1335 51%,#320c17)!important
}
#menu-overlay:before{content:"";pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(114deg,transparent 0,transparent 92px,rgba(255,255,255,.025) 93px,transparent 95px);opacity:.8}
#menu-overlay .menu-primary a{color:white;letter-spacing:-.065em}
#menu-overlay .menu-primary a:hover,#menu-overlay .menu-primary a:focus-visible{color:#b0f8cb!important;transform:translateX(14px)}
#menu-overlay .menu-secondary a,#menu-overlay .menu-heading,#menu-overlay .menu-bottom{color:#ffe0df}
#menu-overlay .menu-bottom span{color:#b9f5cf!important}
/* Shared inner pages: the header also actually RED, with emerald actions. */
body[data-page] #site-header.site-header{
 background:linear-gradient(104deg,#a41432,#cf2042 67%,#95122c)!important;
 border-bottom:1px solid #f9b3ba69!important;
 box-shadow:0 14px 28px rgba(80,0,17,.24)!important
}
body[data-page] #site-header .brand,body[data-page] #site-header .desktop-nav a{color:#fff!important}
body[data-page] #site-header .brand-wordmark small{color:#ffeff0!important}
body[data-page] #site-header .nav-join{background:#01411c!important;border-color:#77cca2!important;color:#fff!important}
body[data-page] #site-header .mobile-toggle{background:#61091d7d!important;border-color:#ffe5e5!important}
body[data-page] #site-header .mobile-menu{background:linear-gradient(145deg,#a31131,#6c0b24)!important;border-color:#f8b1c1!important}
body[data-page] #site-header .mobile-menu a{color:#fff!important}
body[data-page] #site-header .mobile-menu a:hover{color:#b5ebcc!important}
/* Alternating cinematic sections: each colour has an unambiguous role. */
#touch{background:radial-gradient(ellipse 67% 58% at 67% 48%,rgba(204,34,65,.21),transparent 71%),linear-gradient(118deg,#001e19 0%,#004d32 50%,#3d1323 100%)!important}
#touch:after{background:linear-gradient(90deg,#001a15ed 0%,#02281c75 27%,transparent 66%),linear-gradient(0deg,#002016a6,transparent 31%,transparent 78%,#20050b52)!important}
#touch .touch-content{max-width:470px!important}
#touch .touch-content h2{font-size:clamp(59px,7vw,115px)!important}
#touch .touch-content h2 em{color:#ff6b81!important}
#touch .under-link{border-bottom-color:#ff576a!important;color:#fff}
#touch.scrollrig-ready .model-canvas{opacity:1!important}
#about.dark-manifesto{background:radial-gradient(ellipse 72% 65% at 72% 48%,#a01b3939,transparent 68%),linear-gradient(120deg,#370618,#69142a 48%,#021e17)!important}
#about.dark-manifesto .manifesto-head span{color:#ff6f86!important}
#about .dragon-vignette{background:linear-gradient(90deg,#260711af,transparent 67%),linear-gradient(0deg,#220713a8,transparent 32%,transparent 80%)!important}
#about.dark-manifesto .manifesto-footer p{color:#ffe5e9}
#about.dark-manifesto .text-link{border-color:#ff6381;color:#fff}
#about.dark-manifesto:before{background:url('/assets/generated/dragon-light-trails.svg') center /cover no-repeat,url('/assets/generated/dragon-mist.webp') center /cover no-repeat!important;opacity:.57;mix-blend-mode:screen}
#members .framework-intro h2 span{color:#c51a3b!important}
#members .framework-indicator i{background:#be1b39}
#community-activity{border-top:8px solid #af1735;background:#f7f4ed}
#community-activity .i3-marquee{background:#a81635!important;color:white!important}
#community-activity .mosaic-heading em{color:#bf1638!important}
#join.immersive-temple{background:radial-gradient(ellipse at 75% 65%,#bd23443c,transparent 60%),linear-gradient(110deg,#00452e,#041f18 50%,#4d1025)!important}
#join.immersive-temple .join-button{background:#bd1939!important;border:1px solid #ff728c!important}
#join.immersive-temple .join-button:hover{background:#01411c!important}
#join.immersive-temple .temple-shade{background:url('/assets/generated/temple-depth.svg') center /cover no-repeat,linear-gradient(90deg,#001a13e8 0%,#001c1599 32%,transparent 71%),linear-gradient(0deg,#001e17b9,transparent 40%)!important}
/* Correct the giant model sections without putting a card around 3D geometry. */
#touch .model-canvas,#about .model-canvas,#join .model-canvas{width:100vw!important;height:100%!important;left:0!important;right:0!important;top:0!important;bottom:0!important}
.no-webgl #touch:before{background:url('/assets/fallback/touch-model.webp') center 51%/min(88vw,1400px) auto no-repeat!important;opacity:1!important;filter:drop-shadow(0 17px 48px #dc465f5e)!important;animation:none}
.no-webgl #about:before{background:url('/assets/fallback/dragon-model.webp') 52% 48%/min(95vw,1400px) auto no-repeat!important;filter:brightness(1.4) drop-shadow(0 12px 32px #de4d7590)!important;opacity:.85!important}
.no-webgl #join.immersive-temple:before{background:url('/assets/generated/temple-cinematic.webp') center 60% /cover no-repeat!important;opacity:.96!important}
@media(max-width:760px){
 body:not([data-page]) .site-header .nav-shell{background:linear-gradient(100deg,#97112bf0,#c01b3bf5)!important}
 #touch .touch-content h2{font-size:clamp(51px,12.4vw,77px)!important}
 #touch:after{background:linear-gradient(180deg,#001a17e5 0%,#00281a86 28%,transparent 65%,#001e17ac 100%)!important}
 #about.dark-manifesto{background:linear-gradient(165deg,#4c0c20,#0e2e22 78%)!important}
 #about .manifesto-head{font-size:clamp(44px,11vw,71px)!important}
 #join.immersive-temple .temple-shade{background:linear-gradient(180deg,#001b15e5,transparent 56%,#001e16bb)!important}
}
@media(prefers-reduced-motion:reduce){#touch:before,#about:before,#join.immersive-temple:before{animation:none!important}}

/* Preserve the actual supplied models as full-width visual placeholders
   during GLB load, then reveal the live rendered model. */
#touch:not(.scrollrig-ready):before{background:url('/assets/fallback/touch-model.webp') 68% 51% / min(90vw,1500px) auto no-repeat,url('/assets/generated/touch-aura.webp') center /cover no-repeat!important;mix-blend-mode:normal!important;filter:drop-shadow(0 18px 34px #ff436345)!important;opacity:.89!important}
#about:not(.scrollrig-ready):before{background:url('/assets/fallback/dragon-model.webp') center 49% / min(98vw,1650px) auto no-repeat,url('/assets/generated/dragon-mist.webp') center / cover no-repeat!important;mix-blend-mode:screen!important;opacity:.92!important}
#join.immersive-temple:not(.scrollrig-ready):before{background:url('/assets/generated/temple-cinematic.webp') center 57% / cover no-repeat!important;filter:none!important;opacity:.97!important}
@media(max-width:760px){#touch:not(.scrollrig-ready):before{background-size:120vw auto,cover!important;background-position:53% 63%!important}#about:not(.scrollrig-ready):before{background-size:140vw auto,cover!important}}