.p3d-theatre{height:525px;max-width:1150px;margin:-8px auto -32px;position:relative;perspective:1100px;isolation:isolate;touch-action:pan-y;user-select:none}
.p3d-theatre:before{content:"";position:absolute;inset:19% 23% 0;background:radial-gradient(ellipse closest-side,#d0994239,transparent 74%);filter:blur(20px);z-index:-3}
.p3d-halo{position:absolute;left:50%;top:49%;width:min(84vw,630px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 5deg,transparent 0 9%,#efc67550 12%,transparent 15% 29%,#d39b4c31 38%,transparent 41% 64%,#dab46d3a 68%,transparent 71% 100%);filter:blur(32px);opacity:.6}
.p3d-orbit{position:absolute;left:50%;top:46%;width:min(70vw,510px);height:220px;border:2px solid #e1b96e44;border-radius:50%;transform-style:preserve-3d;transform:translate(-50%,-50%) rotate(-15deg) rotateX(57deg);box-shadow:0 0 28px #c9994932,inset 0 0 20px #d4a0551a;pointer-events:none}
.p3d-orbit.p3d-one:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:3px solid transparent;border-right-color:#f7d68b;border-bottom-color:#e9ae5966;filter:drop-shadow(0 0 8px #ffcd7b);animation:p3d-ring 12s linear infinite}
.p3d-orbit.p3d-two{height:270px;width:min(79vw,620px);transform:translate(-50%,-50%) rotate(23deg) rotateX(69deg);border-color:#e1b96e26}.p3d-orbit.p3d-two:after{content:"";position:absolute;inset:-1px;border:2px solid transparent;border-left-color:#eed39e;border-top-color:#b98438;animation:p3d-ring 18s linear infinite reverse;filter:drop-shadow(0 0 8px #efb755)}
.p3d-orbit.p3d-three{height:340px;width:min(90vw,725px);transform:translate(-50%,-50%) rotate(-9deg) rotateX(75deg);border:1px dashed #cba45a30}
@keyframes p3d-ring{to{transform:rotate(360deg)}}
.p3d-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#f4d89e;box-shadow:0 0 10px 3px #ebba63;animation:p3d-twinkle 4s ease-in-out infinite alternate}
@keyframes p3d-twinkle{to{opacity:.13;transform:scale(.6)}}.p3d-p1{top:32%;left:23%}.p3d-p2{top:70%;right:18%;animation-delay:1s}.p3d-p3{top:30%;right:26%;animation-delay:2s}.p3d-p4{bottom:26%;left:36%;animation-delay:3s}
.p3d-platform{position:absolute;left:50%;top:80%;width:min(80vw,560px);height:80px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#e6b96a30 0%,#7953222c 40%,transparent 75%);border:1px solid #d8aa6445;box-shadow:0 3px 0 #b58c5e3d,0 15px 30px #000d,0 0 60px #bb934641;pointer-events:none}
.p3d-platform:after{content:"";position:absolute;inset:12px 35px;border-radius:50%;border:1px solid #f6cb8066}
.p3d-emblem-wrap{position:absolute;left:50%;top:44%;width:300px;height:300px;transform:translate(-50%,-50%);transform-style:preserve-3d;cursor:grab;touch-action:none;z-index:3;filter:drop-shadow(0 28px 30px #000e)}
.p3d-emblem-wrap:active{cursor:grabbing}.p3d-emblem{width:100%;height:100%;position:relative;transform-style:preserve-3d;will-change:transform}
.p3d-face,.p3d-rim{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;transform-style:preserve-3d;overflow:hidden}
.p3d-rim{background:conic-gradient(#5e421d,#f5d590,#a07034,#eccc83,#6e4d23,#f8d995,#5e421d);border:3px solid #f2cb78;box-shadow:inset 0 0 20px #321f11;backface-visibility:visible}
.p3d-face{inset:12px;background:radial-gradient(circle at 40% 27%,#fff,#f5f4ef 64%,#d4d0c3 100%);border:7px solid #2c2115;box-shadow:0 0 0 2px #edcc8a,inset 0 0 35px #0003;display:flex;justify-content:center;align-items:center;flex-direction:column}
.p3d-face.p3d-front{transform:translateZ(17px)}.p3d-face.p3d-back{transform:rotateY(180deg) translateZ(17px)}
.p3d-face img{width:91%;height:75%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}
.p3d-face small{font-weight:850;font-size:13px;color:#6c5837;letter-spacing:.38em;margin-top:-12px}
.p3d-gloss{position:absolute;inset:2px;border-radius:50%;transform:translateZ(19px);pointer-events:none;background:linear-gradient(135deg,#fff7 0%,transparent 26%,transparent 66%,#e1a96325 95%);opacity:.54}
.p3d-callout{position:absolute;z-index:4;border:1px solid #c4a36a66;border-radius:14px;background:linear-gradient(135deg,#282420e0,#0c1116ed);box-shadow:0 14px 35px #0008,inset 0 1px 0 #f2d7a11f;display:flex;align-items:center;gap:12px;text-align:left;min-width:194px;padding:14px 16px;animation:p3d-bob 5s ease-in-out infinite}
.p3d-callout b{display:block;font-size:15px;color:#f4ebdb}.p3d-callout small{display:block;font-size:12px;color:#a9a6a0;margin-top:2px}.p3d-callout i{width:36px;height:36px;border-radius:50%;background:#cfaa6227;border:1px solid #c09c5b74;display:grid;place-items:center;font-style:normal;color:#f6d58a;font-size:19px;flex-shrink:0}
.p3d-callout.p3d-c1{left:3%;top:23%}.p3d-callout.p3d-c2{right:2%;top:20%;animation-delay:-1s}.p3d-callout.p3d-c3{left:6%;bottom:20%;animation-delay:-2s}.p3d-callout.p3d-c4{right:4%;bottom:20%;animation-delay:-3s}
@keyframes p3d-bob{50%{transform:translateY(-8px)}}
.p3d-theatre-help{position:absolute;left:50%;bottom:11px;transform:translateX(-50%);font-size:12px;color:#bfb6a2;white-space:nowrap;letter-spacing:.05em}


/* PANDA Capital approved interactive 3D emblem */
.panda-capital-hero { position:relative; text-align:center; padding:38px 20px 40px; isolation:isolate; }
.panda-capital-hero .capital-hero-kicker{font-size:12px;font-weight:800;letter-spacing:.2em;color:#d5ad66}
.panda-capital-hero h1{margin:13px auto 16px;font-size:clamp(36px,4.7vw,68px);line-height:1.07;max-width:1050px}
.panda-capital-hero .capital-hero-intro{color:#c8c6c1;font-size:clamp(14px,1.4vw,18px);max-width:740px;margin:auto;line-height:1.6}
.panda-capital-hero .p3d-theatre{margin:-7px auto -28px;max-width:1150px;height:525px;position:relative;perspective:1100px;isolation:isolate;touch-action:pan-y;user-select:none}
.panda-capital-hero .capital-hero-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;position:relative;z-index:5}
.panda-capital-hero .capital-hero-actions .button{min-width:265px;padding:18px 24px;justify-content:center;box-shadow:0 14px 35px #0005}
.panda-capital-hero .capital-hero-actions .capital-alt-btn{background:#14171c;border:1px solid #d5b16c;color:#f9eddb}
.panda-capital-hero .capital-hero-note{margin:22px auto 0;max-width:720px;color:#a9a69f;font-size:12px;line-height:1.55}
.panda-capital-hero .p3d-theatre:before{content:"";position:absolute;inset:19% 23% 0;background:radial-gradient(ellipse closest-side,#d0994239,transparent 74%);filter:blur(20px);z-index:-3}
.panda-capital-hero .p3d-halo{position:absolute;left:50%;top:49%;width:min(84vw,630px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 5deg,transparent 0 9%,#efc67550 12%,transparent 15% 29%,#d39b4c31 38%,transparent 41% 64%,#dab46d3a 68%,transparent 71% 100%);filter:blur(32px);opacity:.6}
@media(max-width:880px){
.panda-capital-hero .p3d-theatre{height:475px}
.panda-capital-hero .p3d-emblem-wrap{width:270px;height:270px}
.panda-capital-hero .p3d-callout{min-width:155px;padding:10px}
.panda-capital-hero .p3d-callout i{width:27px;height:27px}
.panda-capital-hero .p3d-callout b{font-size:12px}
.panda-capital-hero .p3d-callout small{font-size:10px}
}
@media(max-width:610px){
.panda-capital-hero{padding:27px 1px 30px}
.panda-capital-hero .capital-hero-kicker{font-size:9px;letter-spacing:.12em}
.panda-capital-hero h1{font-size:clamp(32px,9vw,47px)}
.panda-capital-hero .capital-hero-intro{font-size:13px}
.panda-capital-hero .p3d-theatre{height:425px;margin:10px auto -18px;max-width:100vw}
.panda-capital-hero .p3d-emblem-wrap{width:205px;height:205px;top:45%}
.panda-capital-hero .p3d-face{inset:9px;border-width:5px}
.panda-capital-hero .p3d-face small{font-size:9px;letter-spacing:.28em;margin-top:-10px}
.panda-capital-hero .p3d-callout{min-width:0;width:42%;padding:8px 9px;gap:7px;border-radius:9px}
.panda-capital-hero .p3d-callout i{width:23px;height:23px;font-size:12px}
.panda-capital-hero .p3d-callout b{font-size:10px}
.panda-capital-hero .p3d-callout small{font-size:9px}
.panda-capital-hero .p3d-callout.p3d-c1{top:5%;left:1%}
.panda-capital-hero .p3d-callout.p3d-c2{top:5%;right:1%}
.panda-capital-hero .p3d-callout.p3d-c3{bottom:9%;left:1%}
.panda-capital-hero .p3d-callout.p3d-c4{bottom:9%;right:1%}
.panda-capital-hero .p3d-platform{top:76%}
.panda-capital-hero .p3d-orbit{top:48%;width:93vw;height:170px}
.panda-capital-hero .p3d-orbit.p3d-two{height:230px;width:95vw}
.panda-capital-hero .p3d-orbit.p3d-three{width:98vw;height:275px}
.panda-capital-hero .p3d-theatre-help{bottom:0;font-size:10px}
.panda-capital-hero .capital-hero-actions{gap:11px}
.panda-capital-hero .capital-hero-actions .button{width:100%;min-width:0;padding:15px 18px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.panda-capital-hero *, .panda-capital-hero *::before,.panda-capital-hero *::after{animation:none!important}}