/* Scoped PCAA changes. Loaded after the previous visual release to override
   older rules without modifying unrelated pages. */
#header .pcaa-brand-image,#header .pcaa-global-logo,.footer .pcaa-footer-seal,
.pcaa-logo-link .pcaa-global-logo {object-fit:contain!important;object-position:center!important}

/* The alumni journey has two independently morphing particle emblems and a
   centered editorial column. No sculpture canvas remains behind the copy. */
#touch.pcaa-particle-journey{
  position:relative!important;display:grid!important;place-items:center!important;
  height:auto!important;min-height:clamp(590px,78svh,850px)!important;
  padding:clamp(72px,8vw,115px) clamp(16px,3vw,48px)!important;
  background:radial-gradient(circle at 16% 48%,rgba(4,118,76,.33),transparent 30%),
   radial-gradient(circle at 84% 52%,rgba(166,22,56,.30),transparent 32%),
   linear-gradient(115deg,#031e19,#052b20 50%,#170e19)!important;
  isolation:isolate!important;overflow:hidden!important;
}
#touch.pcaa-particle-journey:before,
#touch.pcaa-particle-journey:not(.scrollrig-ready):before{
  background:radial-gradient(ellipse at 50% 60%,rgba(232,195,115,.08),transparent 57%)!important;
  opacity:1!important;filter:none!important;mix-blend-mode:normal!important;
}
#touch.pcaa-particle-journey:after{background:linear-gradient(0deg,#021c17ac,transparent 25%,transparent 75%,#021c17bb)!important;z-index:1!important;pointer-events:none!important}
#touch.pcaa-particle-journey .touch-grid{
  position:relative!important;z-index:6!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;place-items:center!important;
  min-height:0!important;height:auto!important;width:100%!important;max-width:750px!important;
  margin:auto!important;padding:30px 20px!important;pointer-events:none!important;
}
#touch.pcaa-particle-journey .touch-content{
  width:100%!important;max-width:720px!important;margin:0 auto!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;pointer-events:auto!important;padding:35px 15px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;backdrop-filter:none!important;
}
#touch.pcaa-particle-journey .touch-content h2{
  max-width:100%!important;width:100%!important;margin:0 auto 22px!important;
  font-size:clamp(33px,4.6vw,70px)!important;line-height:1.11!important;
  text-wrap:balance!important;white-space:normal!important;letter-spacing:-.057em!important;
  color:#fff!important;font-weight:750!important;
}
#touch.pcaa-particle-journey .touch-content h2 em{
  display:inline!important;white-space:normal!important;color:#f2c577!important;
  font-weight:650!important;font-style:italic!important;
}
#touch.pcaa-particle-journey .touch-content p{
  max-width:560px!important;margin:0 auto 29px!important;font-size:clamp(14px,1.23vw,17px)!important;
  line-height:1.8!important;color:#e4ede5!important;text-align:center!important;
}
#touch.pcaa-particle-journey .touch-content .under-link{
  display:inline-flex!important;align-items:center!important;gap:16px!important;
  border:1px solid #e9c27f77!important;border-radius:100px!important;
  padding:14px 25px!important;background:#f0c47a!important;color:#092c22!important;
  font-size:12px!important;line-height:1.2!important;font-weight:800!important;
  text-decoration:none!important;letter-spacing:.03em!important;text-transform:none!important;
  transition:transform .2s ease,background .2s ease!important;
}
#touch.pcaa-particle-journey .touch-content .under-link:hover{background:#fff1cd!important;transform:translateY(-3px)}
#touch.pcaa-particle-journey .touch-content .under-link:focus-visible{outline:3px solid #fff!important;outline-offset:4px}
#touch.pcaa-particle-journey .pcaa-particle-stage{
  position:absolute!important;z-index:4!important;top:50%!important;transform:translateY(-50%)!important;
  width:clamp(205px,29vw,480px)!important;aspect-ratio:1.4!important;
  pointer-events:none!important;opacity:.97!important;
  filter:drop-shadow(0 0 18px rgba(241,194,103,.18));
}
#touch.pcaa-particle-journey .pcaa-particle-left{left:clamp(-45px,-2vw,-12px)!important}
#touch.pcaa-particle-journey .pcaa-particle-right{right:clamp(-45px,-2vw,-12px)!important}
#touch.pcaa-particle-journey .pcaa-particle-stage canvas{display:block!important;width:100%!important;height:100%!important}

/* Educational GLB replaces both the old dragon mesh and its image overlays. */
#about.pcaa-cosmic-connection{
  background:radial-gradient(ellipse at 72% 51%,rgba(206,142,55,.22),transparent 44%),
   radial-gradient(ellipse at 25% 88%,rgba(7,87,61,.30),transparent 56%),
   linear-gradient(124deg,#051e19,#0b3025 53%,#2b1421)!important;
  isolation:isolate!important;min-height:800px!important;
}
#about.pcaa-cosmic-connection:before,
#about.pcaa-cosmic-connection:not(.scrollrig-ready):before,
.no-webgl #about.pcaa-cosmic-connection:before{
  background:radial-gradient(ellipse at 73% 54%,rgba(233,172,88,.17),transparent 44%)!important;
  opacity:1!important;filter:none!important;mix-blend-mode:normal!important;
}
#about.pcaa-cosmic-connection .dragon-canvas{
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  z-index:4!important;opacity:1!important;filter:none!important;pointer-events:none!important;
}
#about.pcaa-cosmic-connection .dragon-vignette{
  z-index:5!important;background:linear-gradient(90deg,rgba(2,26,19,.86),rgba(2,26,19,.43) 47%,transparent 75%),
  linear-gradient(0deg,rgba(0,23,16,.73),transparent 28%,transparent 83%)!important;
}
#about.pcaa-cosmic-connection .manifesto-top,
#about.pcaa-cosmic-connection .manifesto-head,
#about.pcaa-cosmic-connection .manifesto-footer{position:relative!important;z-index:7!important}
#about.pcaa-cosmic-connection .manifesto-head{max-width:850px!important;text-wrap:balance!important}
#about.pcaa-cosmic-connection .manifesto-head span{color:#f4cb82!important}

/* Replace the original photo tile with the supplied artwork, fully fitted. */
#i3-cases .pcaa-alumni-art .i3-case-photo{background:#fff!important}
#i3-cases .pcaa-alumni-art .i3-case-photo img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  object-position:center!important;filter:none!important;transform:none!important;
}
#i3-cases .pcaa-alumni-art .mosaic-glow,
#i3-cases .pcaa-alumni-art .i3-case-caption{display:none!important}
#i3-cases .pcaa-alumni-art:hover .i3-case-photo img{transform:none!important;filter:none!important}
#i3-cases .case-feature .i3-case-photo video{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:center!important;filter:brightness(.77) saturate(1.06)!important;
}
@media(min-width:1050px){
 #touch.pcaa-particle-journey .touch-grid{max-width:min(46vw,680px)!important}
 #touch.pcaa-particle-journey .touch-content h2{font-size:clamp(34px,3.25vw,56px)!important}
}
@media(max-width:880px){
 #touch.pcaa-particle-journey{min-height:790px!important;padding:245px 12px 200px!important}
 #touch.pcaa-particle-journey .pcaa-particle-stage{width:42vw!important;top:125px!important;transform:none!important}
 #touch.pcaa-particle-journey .pcaa-particle-left{left:5%!important}
 #touch.pcaa-particle-journey .pcaa-particle-right{right:5%!important}
 #touch.pcaa-particle-journey .touch-grid{max-width:690px!important}
 #about.pcaa-cosmic-connection .dragon-vignette{background:linear-gradient(0deg,#031c17c9,transparent 35%,#031c17a1 94%)!important}
}
@media(max-width:480px){
 #touch.pcaa-particle-journey{min-height:670px!important;padding:210px 12px 65px!important}
 #touch.pcaa-particle-journey .pcaa-particle-stage{width:50vw!important;top:60px!important}
 #touch.pcaa-particle-journey .pcaa-particle-left{left:0!important}
 #touch.pcaa-particle-journey .pcaa-particle-right{right:0!important}
 #touch.pcaa-particle-journey .touch-grid{padding:0!important}
 #touch.pcaa-particle-journey .touch-content{padding:18px 8px!important}
 #touch.pcaa-particle-journey .touch-content h2{font-size:clamp(28px,7vw,37px)!important;letter-spacing:-.045em!important}
 #touch.pcaa-particle-journey .touch-content p{font-size:13px!important;line-height:1.7!important}
 #about.pcaa-cosmic-connection{min-height:690px!important}
 #i3-cases .pcaa-alumni-art .i3-case-photo img{object-fit:contain!important}
}
@media(prefers-reduced-motion:reduce){
 #touch.pcaa-particle-journey .pcaa-particle-stage{filter:none!important}
 #about.pcaa-cosmic-connection .dragon-canvas{display:none!important}
}
/* Static accessibility fallback if WebGL is unavailable or disabled. */
#about.pcaa-cosmic-connection:not(.scrollrig-ready):before,
.no-webgl #about.pcaa-cosmic-connection:before{
 background:radial-gradient(circle at 73% 53%,rgba(249,195,101,.11),transparent 38%),
  url('/assets/pcaa-logo-transparent.png') 76% 54% / min(32vw,410px) auto no-repeat!important;
 opacity:.45!important;
}
@media(max-width:760px){
 #about.pcaa-cosmic-connection:not(.scrollrig-ready):before,
 .no-webgl #about.pcaa-cosmic-connection:before{
  background-position:80% 51%!important;background-size:52vw auto!important;
  opacity:.22!important;
 }
}
