:root{--pcaa-red:#bc1739;--pcaa-green:#01411c;--pcaa-red-deep:#8e1029;--pcaa-paper:#f4efe3;}
.nav-shell{background:linear-gradient(90deg,rgba(188,23,57,.94),rgba(1,65,28,.88));border-color:rgba(255,255,255,.18);box-shadow:0 12px 42px rgba(0,0,0,.32)}
.wordmark-text>span,.nav-links a:after,.menu-bottom span,.menu-primary a:hover,.menu-secondary a:hover{color:#ffe1a3;background-color:transparent}
.nav-links a,.wordmark-sub,.nav-cta{color:#f5efe5}
.nav-cta{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.34)}
.nav-cta:hover{background:#fff;color:#8d1028}
.hero-copy{max-width:min(750px,86vw)}
.hero h1{max-width:10ch;text-shadow:0 12px 32px rgba(0,0,0,.28)}
.hero-accent{color:#f5d0aa}
.hero .hero-bottom{background:linear-gradient(90deg,rgba(188,23,57,.84),rgba(1,65,28,.72));padding:16px 20px;border-radius:20px;backdrop-filter:blur(14px)}
.hero .secondary-link{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.3)}
.hero .primary-link{background:var(--pcaa-red);border-color:var(--pcaa-red)}
#touch{min-height:100svh;padding:0;display:grid;align-items:end;position:relative;background:radial-gradient(circle at 60% 45%,rgba(188,23,57,.22),transparent 32%),linear-gradient(180deg,#061812,#091a15 45%,#0f261f)}
#touch .model-canvas{position:absolute;inset:0;width:100%;height:100%}
#touch .touch-grid{position:relative;z-index:2;display:grid;align-items:end;min-height:100svh;padding:7vh max(30px,calc((100vw - 1300px)/2))}
#touch .touch-content{max-width:520px;padding:32px;border-radius:24px;background:rgba(4,21,18,.42);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.24)}
#touch::before{content:'';position:absolute;inset:0;background:url('/assets/generated/touch-aura.webp') center/cover no-repeat;opacity:.34;mix-blend-mode:screen;pointer-events:none}
#members .member-card-photo img{width:100%;height:100%;object-fit:cover;display:block}
#about{min-height:760px;background:linear-gradient(120deg,#190607,#0d1611 62%,#18241d);}
#about .dragon-canvas{opacity:.08;filter:blur(2px)}
.dragon-illustration-layer{position:absolute;right:4vw;bottom:1vh;width:min(42vw,520px);z-index:1;opacity:.94;transform:translateY(0);transition:transform .2s ease-out}
.dragon-illustration-layer img{width:100%;height:auto;display:block;filter:drop-shadow(0 35px 50px rgba(0,0,0,.45))}
#about::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 76% 35%,rgba(222,41,16,.28),transparent 28%),radial-gradient(circle at 15% 72%,rgba(1,65,28,.26),transparent 34%);pointer-events:none}
#about .manifesto-head span{color:#f1c57c}
#community-activity{background:linear-gradient(180deg,#0a130f,#111814)}
#community-activity .i3-case-photo video,#community-activity .i3-case-photo img{width:100%;height:100%;object-fit:cover;display:block}
#community-activity .i3-case-caption{background:linear-gradient(180deg,transparent,rgba(0,0,0,.1) 15%,rgba(0,0,0,.68));}
#community-activity .case-feature .i3-case-caption h3,#community-activity .case-news .i3-case-caption h3,#community-activity .case-small .i3-case-caption h3,#community-activity .case-wide .i3-case-caption h3,#community-activity .case-join .i3-case-caption h3{font-size:clamp(26px,3vw,48px);line-height:1.02}
#community-activity .mosaic-category{color:#e5c88d}
.voices-section{background:#f1ede3;color:#10221a;padding:110px max(30px,calc((100vw - 1300px)/2))}
.voices-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}
.blueprint-card{background:#fff;border:1px solid rgba(1,65,28,.11);border-radius:24px;overflow:hidden;box-shadow:0 22px 50px rgba(1,20,14,.08)}
.blueprint-card img{display:block;width:100%;height:auto}
.blueprint-card div{padding:22px 24px 28px}
.blueprint-card h3{font-size:28px;letter-spacing:-.04em;margin-bottom:12px}
.blueprint-card p{line-height:1.75;color:#435247}
#join{min-height:88svh;padding:0;display:grid;align-items:end;background:linear-gradient(180deg,#07100e,#12231a 54%,#182b21)}
#join .model-canvas{position:absolute;inset:-2% 0 0 0;width:100%;height:108%}
#join .temple-shade{background:linear-gradient(180deg,rgba(7,16,14,.15),rgba(7,16,14,.22) 20%,rgba(7,16,14,.56) 60%,rgba(7,16,14,.86));}
#join::before{content:'';position:absolute;inset:0;background:url('/assets/generated/temple-fog.webp') center/cover no-repeat;opacity:.33;mix-blend-mode:screen;pointer-events:none}
#join h2,#join p,#join .join-button,#join .join-zh{position:relative;z-index:2}
#join h2{max-width:11ch;text-shadow:0 14px 34px rgba(0,0,0,.45)}
#join .join-button{background:var(--pcaa-red);color:#fff}
#join .join-button span{color:#ffe0a6}
.framework-slide{background:#f2efe7}
.framework-slide:nth-child(even){background:#ece7da}
.member-card-details a{color:var(--pcaa-red);font-weight:800}
.menu-overlay{background:linear-gradient(135deg,#1d0a11,#08130f 68%)}
.menu-bottom{color:#ebd9c4}
.footer{background:#091510}
.footer-logo span,.footer-bottom b{color:#df4a5c}
@media(max-width:930px){
  .voices-panels{grid-template-columns:1fr}
  .dragon-illustration-layer{width:min(72vw,420px);right:-3vw;bottom:6vh;opacity:.62}
  #touch .touch-content{max-width:100%;padding:24px}
}
@media(max-width:640px){
  .hero .hero-bottom{left:18px;right:18px}
  #touch .touch-grid{padding:0 18px 24px}
  #join h2{font-size:clamp(42px,13vw,72px)}
  .blueprint-card h3{font-size:23px}
}


/* Oct 21 current-site asset integration */
:root{--pcaa-red:#c51632;--pcaa-red-deep:#8f1027;--pcaa-green:#0d5a28;--pcaa-green-deep:#073a1a;--pcaa-gold:#f0d08d}
.site-header .nav-shell,.nav-shell{background:linear-gradient(90deg,rgba(197,22,50,.98),rgba(197,22,50,.92) 66%,rgba(12,72,31,.9));}
.site-header.entered .nav-shell,.site-header.scrolled .nav-shell{background:linear-gradient(90deg,rgba(197,22,50,.99),rgba(153,18,39,.97) 60%,rgba(8,53,23,.95));}
.nav-links a,.wordmark-sub,.nav-cta,.desktop-nav a,.brand-wordmark small{color:#fff8ef}
.wordmark-text,.brand-wordmark strong{color:#fff}
.nav-cta,.nav-join{background:linear-gradient(180deg,#d61e3e,#b5122f);border-color:rgba(255,233,205,.42);color:#fff8ef}
.nav-cta:hover,.nav-join:hover{background:#fff3e4;color:#951229}
.menu-button span,.mobile-toggle span{background:#fff}
.hero .primary-link{background:linear-gradient(180deg,#d61e3e,#b5122f)!important}
.hero .secondary-link{border-color:rgba(255,255,255,.35);color:#fff}
.hero .hero-bottom{background:linear-gradient(90deg,rgba(197,22,50,.85),rgba(12,72,31,.78))}
.hero-accent{color:#ffcc98}

/* Ideas in motion section uses supplied flag image and illustrated dragon */
#about.ideas-motion-flag{min-height:860px;background:linear-gradient(115deg,#12070b,#07120d 60%,#0b1b13);overflow:hidden}
#about.ideas-motion-flag::before{content:'';position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(9,12,12,.92) 0%,rgba(11,14,14,.74) 36%,rgba(12,16,14,.46) 56%,rgba(9,12,12,.86) 100%),
 url('/assets/uploads/pak-china-flags.jpg') center/cover no-repeat;opacity:.88;filter:saturate(1.12) contrast(1.02);pointer-events:none}
#about.ideas-motion-flag .manifesto-top,#about.ideas-motion-flag .manifesto-head,#about.ideas-motion-flag .manifesto-footer{position:relative;z-index:4}
#about.ideas-motion-flag .manifesto-head{max-width:10ch;text-shadow:0 14px 36px rgba(0,0,0,.35)}
#about.ideas-motion-flag .manifesto-head span{color:var(--pcaa-red)!important}
#about.ideas-motion-flag .manifesto-footer p{max-width:620px;color:#efe7dc}
#about .dragon-canvas{display:none!important}
#about .dragon-vignette{z-index:3;background:linear-gradient(90deg,rgba(6,11,10,.92) 0%,rgba(6,11,10,.45) 38%,rgba(6,11,10,.2) 64%,rgba(6,11,10,.78) 100%),linear-gradient(0deg,rgba(4,8,7,.7),transparent 36%,transparent 82%)}
.dragon-illustration-layer{right:4vw;bottom:-2vh;width:min(40vw,540px);z-index:2;opacity:1;animation:dragonFloat 6.5s ease-in-out infinite}
.dragon-illustration-layer::after{content:'';position:absolute;inset:-10% -12% -10% -12%;background:radial-gradient(circle at 46% 42%,rgba(255,72,72,.22),transparent 30%),radial-gradient(circle at 72% 22%,rgba(255,215,150,.18),transparent 22%);mix-blend-mode:screen;pointer-events:none}
.dragon-illustration-layer img{filter:drop-shadow(0 24px 48px rgba(0,0,0,.55)) drop-shadow(0 0 26px rgba(255,57,57,.16))}
@keyframes dragonFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}

/* Cards / mosaic */
#community-activity .i3-title-row a,#community-activity .i3-case-caption b{color:#ffe0a6}
#community-activity .i3-case{border-color:rgba(229,194,132,.18)}
#community-activity .case-feature .i3-case-photo img{filter:saturate(1.08) contrast(1.04)}
#community-activity .case-news .i3-case-photo video,#community-activity .case-small .i3-case-photo video{filter:saturate(1.05) contrast(1.05)}

/* Founding member cards */
#members .framework-intro h2 span{color:var(--pcaa-red)}
#members .member-card-details a{color:var(--pcaa-red)}
#members .member-card-photo{background:linear-gradient(180deg,#e8decc,#fff)}
#members .member-overlay{background:linear-gradient(0deg,rgba(7,11,11,.3),transparent 42%)}

/* Blueprint section */
.voices-lead h2 em{color:var(--pcaa-red)}
.blueprint-card{border-color:rgba(197,22,50,.13)}

/* A story worth staying part of */
#join.story-fullbleed{min-height:96svh;background:linear-gradient(180deg,#07110d,#0f1b15 48%,#162821)}
#join.story-fullbleed .model-canvas{position:absolute;inset:-1% 0 0 0;width:100%;height:110%;opacity:.95}
#join.story-fullbleed::before{content:'';position:absolute;inset:0;background:url('/assets/generated/temple-fog.webp') center/cover no-repeat;opacity:.5;mix-blend-mode:screen;pointer-events:none}
#join.story-fullbleed .temple-shade{background:linear-gradient(90deg,rgba(7,17,13,.88) 0%,rgba(7,17,13,.58) 30%,rgba(7,17,13,.18) 58%,rgba(7,17,13,.78) 100%),linear-gradient(0deg,rgba(7,17,13,.9),rgba(7,17,13,.12) 36%,rgba(7,17,13,.12) 82%,rgba(7,17,13,.72) 100%)}
#join.story-fullbleed h2,#join.story-fullbleed p{max-width:700px;text-shadow:0 14px 34px rgba(0,0,0,.42)}
#join.story-fullbleed .join-button{background:linear-gradient(180deg,#d61e3e,#b5122f);border-color:#f2c48a;color:#fff}

/* Inner site menu red accents */
.brand-seal i,.footer-brand .brand-seal i{background:var(--pcaa-red)}
.footer-upper .btn-ivory{background:linear-gradient(180deg,#d61e3e,#b5122f);color:#fff;border:none}
.footer-upper .btn-ivory:hover{background:#fff4e7;color:#8b1026}

@media (max-width: 960px){
  #about.ideas-motion-flag{min-height:760px}
  .dragon-illustration-layer{width:min(68vw,430px);right:-4vw;bottom:8vh;opacity:.86}
}
@media (max-width: 640px){
  .nav-shell{background:linear-gradient(90deg,rgba(197,22,50,.98),rgba(150,17,39,.96))}
  #about.ideas-motion-flag .manifesto-head{max-width:9ch}
  .dragon-illustration-layer{width:min(82vw,360px);right:-10vw;bottom:7vh;opacity:.5}
  #join.story-fullbleed h2{max-width:8.5ch}
}


/* Oct22 refinement patch */
html{scroll-behavior:smooth}
body{font-size:15px}
p,li,a,button,input,textarea,select{font-size:clamp(.9rem,.86rem + .14vw,1rem)}
.display-title,h1,h2{letter-spacing:-.03em}
h1{font-size:clamp(2.6rem,4vw,4.6rem)!important;line-height:.96}
h2{font-size:clamp(2rem,3.1vw,3.55rem)!important;line-height:1}
.hero-copy{max-width:760px}
.hero-copy h1{max-width:13ch}
.nav-links a{font-size:.88rem;text-transform:uppercase;letter-spacing:.12em}
.menu-primary a,.menu-secondary a{font-size:clamp(1rem,1.2vw,1.45rem)}

/* full-bleed hands background */
.touch-section{position:relative;min-height:92svh;overflow:hidden;background:linear-gradient(135deg,#061310 0%,#0b1e18 48%,#03100d 100%)}
.touch-section .model-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.97}
.touch-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 52% 48%,rgba(255,230,195,.18),transparent 16%),radial-gradient(circle at 50% 52%,rgba(197,22,50,.18),transparent 26%),linear-gradient(90deg,rgba(4,16,12,.76) 0%,rgba(4,16,12,.24) 38%,rgba(4,16,12,.12) 62%,rgba(4,16,12,.76) 100%);z-index:1;pointer-events:none}
.touch-grid,.touch-content{position:relative;z-index:2}
.touch-content{max-width:430px;background:rgba(9,20,16,.42);backdrop-filter:blur(12px);padding:28px;border:1px solid rgba(244,214,166,.16);border-radius:24px;box-shadow:0 18px 40px rgba(0,0,0,.2)}
.touch-content h2{max-width:8ch}
.touch-content p{max-width:32ch}

/* one-model story section */
.story-fullbleed{overflow:hidden;min-height:96svh}
.story-fullbleed .model-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.story-fullbleed .join-grid,.story-fullbleed .join-zh{position:relative;z-index:2}
.story-fullbleed h2,.story-fullbleed p,.story-fullbleed .join-button{position:relative;z-index:2}
.story-fullbleed::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,14,11,.86) 0%,rgba(4,14,11,.58) 32%,rgba(4,14,11,.16) 58%,rgba(4,14,11,.78) 100%);pointer-events:none;z-index:1}
.story-fullbleed h2{max-width:8ch}
.story-fullbleed p{max-width:34ch}

/* smaller artwork labels */
.i3-case-caption{padding:18px 18px 16px}
.i3-case-caption .mosaic-category{font-size:.64rem;letter-spacing:.16em}
.i3-case-caption h3,.small-art-title{font-size:clamp(1.05rem,.95rem + .55vw,1.42rem)!important;line-height:1.02;max-width:13ch}
.i3-case-caption p{font-size:.88rem;line-height:1.35;max-width:28ch}
.i3-case.case-news .i3-case-caption,.i3-case.case-small .i3-case-caption{align-self:end}

/* new concept images */
.blueprint-card img,.i3-case-photo img{object-fit:cover}
.blueprint-card img{aspect-ratio:16/10;border-radius:18px}

/* overall smaller typography on inner pages */
.inner-page .display-title{font-size:clamp(2.35rem,3.3vw,3.7rem)!important}
.inner-page .section-context{font-size:1rem;max-width:62ch}
.inner-page h3{font-size:1.2rem}
.inner-page .nav-shell{background:linear-gradient(90deg,rgba(197,22,50,.98),rgba(161,18,42,.96) 58%,rgba(7,53,24,.94))}

/* reveal animations */
.reveal-on-scroll{opacity:0;transform:translate3d(0,26px,0) scale(.985);transition:opacity .8s ease, transform .9s cubic-bezier(.18,.82,.25,1);transition-delay:var(--reveal-delay,0ms);will-change:transform,opacity}
.reveal-on-scroll.revealed{opacity:1;transform:translate3d(0,0,0) scale(1)}
.framework-slide.reveal-on-scroll{transform:translate3d(28px,0,0) scale(.99)}
.framework-slide.reveal-on-scroll.revealed{transform:translate3d(0,0,0) scale(1)}

/* login page */
.login-hero{min-height:100svh;display:grid;place-items:center;background:linear-gradient(135deg,#14070b 0%,#1f0b12 32%,#0d2817 100%);position:relative;overflow:hidden}
.login-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(197,22,50,.24),transparent 20%),radial-gradient(circle at 78% 68%,rgba(9,78,37,.24),transparent 20%),linear-gradient(180deg,rgba(255,255,255,.05),transparent);pointer-events:none}
.login-panel{max-width:560px;background:rgba(255,248,240,.92);backdrop-filter:blur(12px);padding:30px;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.24);border:1px solid rgba(197,22,50,.16)}
.login-form{display:grid;gap:18px}.login-form label{display:grid;gap:8px;font-weight:700;color:#1c1715}.login-form input{padding:14px 16px;border-radius:14px;border:1px solid rgba(15,29,22,.14);background:#fff;font:inherit}.login-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.login-meta{display:flex;justify-content:space-between;color:#5e5149;font-size:.88rem}

@media (max-width: 780px){body{font-size:14px}.touch-content{max-width:min(88vw,420px);padding:22px}.i3-case-caption h3,.small-art-title{font-size:1rem!important;max-width:11ch}.i3-case-caption p{font-size:.82rem}.login-panel{padding:22px}}

.site-header .nav-shell{background:linear-gradient(90deg,rgba(197,22,50,.98),rgba(161,18,42,.96) 58%,rgba(7,53,24,.94))!important;border:1px solid rgba(255,230,214,.18);box-shadow:0 14px 34px rgba(17,8,10,.24)}
.site-header .wordmark-text,.site-header .wordmark-sub,.site-header .nav-links a,.site-header .nav-cta{color:#fff !important}