html.pcc-intro-pending body::before{content:"";position:fixed;inset:0;z-index:9998;background:#1B2F4D;}
#pcc-intro{position:fixed;inset:0;z-index:9999;overflow:hidden;}
#pcc-intro .pi-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#223A5E 0%,#1B2F4D 45%,#0D182A 100%);}
#pcc-intro .pi-stage{position:absolute;inset:0;perspective:900px;perspective-origin:50% 50%;overflow:hidden;pointer-events:none;}
#pcc-intro .pi-world{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
#pcc-intro .pi-vig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,rgba(0,0,0,0) 45%,rgba(0,0,0,.45) 100%);}
#pcc-intro .pi-logo{position:absolute;left:50%;top:50%;width:600px;opacity:0;transform:translate(-50%,-50%);transform-style:preserve-3d;will-change:transform;}
#pcc-intro .pi-logo svg{width:100%;height:auto;display:block;}
#pcc-intro .pi-ex{position:relative;transform-style:preserve-3d;}
#pcc-intro .pi-ex>svg{position:absolute;inset:0;will-change:transform;}
#pcc-intro .pi-front{position:relative;will-change:transform;}
#pcc-intro .pi-shadow{position:absolute;left:12%;top:16%;width:76%;height:60%;border-radius:8%;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.55) 40%,rgba(0,0,0,0) 72%);}
#pcc-intro .pi-mk{position:absolute;width:2px;height:2px;margin:-1px 0 0 -1px;}
#pcc-intro .pi-skip{position:absolute;right:28px;bottom:28px;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:13px;letter-spacing:.08em;cursor:pointer;}
#pcc-intro .pi-skip:hover,#pcc-intro .pi-skip:focus-visible{background:rgba(255,255,255,.18);}
#pcc-intro .pi-skip:focus-visible{outline:2px solid #E07B33;outline-offset:3px;}
#hlogo{transition:opacity 1.05s ease;}
.hero-replay{position:absolute;right:3%;bottom:40px;z-index:3;padding:6px 12px;border:0;border-bottom:1px solid rgba(255,255,255,.3);background:none;color:rgba(255,255,255,.62);font:inherit;font-size:12px;letter-spacing:.06em;cursor:pointer;}
.hero-replay:hover,.hero-replay:focus-visible{color:#fff;border-bottom-color:var(--orange);}
@media(max-width:880px){
  #pcc-intro .pi-skip{right:16px;bottom:16px;}
  .hero-replay{right:22px;bottom:34px;}
}