.intro{position:relative;isolation:isolate}.intro:after{display:none}.intro h1{position:relative;z-index:2;max-width:75%}.prism-scene{position:absolute;inset:-10px 0 35px auto;width:42%;perspective:1100px;pointer-events:none;isolation:isolate}.prism-glow{position:absolute;inset:8%;background:radial-gradient(ellipse,#b2dfff90,transparent 65%);filter:blur(25px)}.prism-stack{position:absolute;left:50%;top:45%;width:180px;height:180px;margin:-90px;transform-style:preserve-3d;animation:prism-turn 16s ease-in-out infinite}.prism-pane{position:absolute;inset:0;border:1px solid #ffffffd9;border-radius:22px;background:linear-gradient(135deg,#ffffffb0,#8fd7fa45 30%,#9c71ee55 65%,#f6c1e855);box-shadow:inset 2px 2px 4px #fff, inset -2px -2px 5px #7278d330,0 8px 24px #6b64b21c;transform:translateZ(calc(var(--n)*28px - 70px));animation:prism-unfold 8s calc(var(--n)*-.12s) ease-in-out infinite;backdrop-filter:blur(2px)}.prism-pane i{position:absolute;inset:20%;border-radius:13px;background:linear-gradient(135deg,#42cef0,#5478ed 40%,#a84de2 75%,#ed82ce);opacity:calc(.25 + var(--n)*.1);box-shadow:0 0 25px #8b6be33b;transform:rotate(calc(var(--n)*12deg));animation:prism-colour 10s ease-in-out infinite}.prism-pane:after{content:"";position:absolute;inset:8px;border:1px solid #ffffff75;border-radius:16px}.prism-shadow{position:absolute;left:20%;right:20%;bottom:12%;height:24px;border-radius:50%;background:#7773b72a;filter:blur(12px);animation:prism-shadow 8s ease-in-out infinite}.prism-trails{position:absolute;inset:55% 0 -10%;overflow:hidden;mask-image:linear-gradient(transparent,#000 35%,transparent)}.prism-trails i{position:absolute;left:calc(12% + var(--n)*12%);top:-50%;width:1px;height:180%;background:linear-gradient(transparent,#8c9bdd55,transparent);transform:rotate(35deg);animation:prism-trail 3s calc(var(--n)*-.45s) linear infinite}.prism-trails i:after{content:"";position:absolute;top:0;width:2px;height:25%;background:linear-gradient(transparent,#57bbec,transparent)}.prism-shard{position:absolute;width:36px;height:36px;background:linear-gradient(135deg,#fff,#77cce977,#a66fe888);border:1px solid #ffffffc9;border-radius:7px;box-shadow:0 10px 20px #737fc327;transform:translate3d(-65px,-50px,60px) rotate(20deg);animation:prism-shard 7s ease-in-out infinite}.shard-b{width:24px;height:24px;left:220px;top:70px;animation-delay:-2s}.shard-c{width:18px;height:18px;left:75px;top:235px;animation-delay:-4s}@keyframes prism-turn{0%,100%{transform:translateY(0) rotateX(58deg) rotateZ(-35deg) rotateY(-12deg)}50%{transform:translateY(-16px) rotateX(48deg) rotateZ(25deg) rotateY(18deg)}}@keyframes prism-unfold{0%,100%{translate:0 0}50%{translate:calc((var(--n) - 2.5)*7px) calc((var(--n) - 2.5)*-5px)}}@keyframes prism-colour{50%{filter:hue-rotate(45deg);border-radius:35%}}@keyframes prism-shadow{50%{scale:.75;opacity:.5}}@keyframes prism-trail{to{translate:0 160px}}@keyframes prism-shard{50%{translate:0 -20px;rotate:35deg}}html[dir=rtl] .prism-scene{inset:-10px auto 35px 0}html.paused .prism-scene *{animation-play-state:paused!important}@media(max-width:900px){.intro{display:flex;flex-direction:column}.intro h1{max-width:100%;order:1}.intro>.eyebrow{order:0}.intro-bottom{order:3}.prism-scene,html[dir=rtl] .prism-scene{position:relative;inset:auto;width:100%;height:250px;order:2;margin-top:15px;overflow:hidden}.prism-stack{scale:.8}.prism-shadow{bottom:8%}.prism-glow{inset:0 10%}}@media(prefers-reduced-motion:reduce){.prism-scene *{animation:none!important}.prism-stack{transform:rotateX(55deg) rotateZ(-30deg) rotateY(-10deg)}}
