/* A change of perspective: illuminated planes resolve around one focal point. */
.cinematic-reveal .reveal-window{background:#141517;border-color:#dcc18555;box-shadow:0 18px 35px #0008,inset 0 0 40px #42434544}
.cinematic-reveal .reveal-toolbar{background:#222326;border-bottom:1px solid #d7bb7c22}
.cinematic-reveal .reveal-toolbar i{background:#c5a365}
.cinematic-reveal .reveal-toolbar>span{color:#d5c7aa}
.cinematic-reveal .reveal-website{background:radial-gradient(ellipse at 100% 50%,#53504a66,transparent 70%);color:#faf4e5}
.cinematic-reveal .reveal-kicker{color:#d9bd80;letter-spacing:1px}
.cinematic-reveal .reveal-website h4{max-width:52%;font-size:27px;line-height:1.03;letter-spacing:-1px;text-shadow:0 2px 18px #090a0c}
.cinematic-reveal .reveal-chip{color:#d0d5db;border-color:#e7cc8c3b;font-size:5.5px}
.cinematic-reveal .pov-portal{position:absolute;right:-4%;top:4%;bottom:20%;width:53%;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 55% 48%,#edd19430,transparent 57%);perspective:550px}
.pov-portal::before{content:"";position:absolute;inset:48% -40% -35%;background:repeating-linear-gradient(0deg,transparent 0 14px,#d9b7772a 15px 16px),repeating-linear-gradient(90deg,transparent 0 22px,#d9b7772a 23px 24px);transform:rotateX(62deg);transform-origin:50% 0;mask-image:linear-gradient(transparent,#000 15%,transparent 90%)}
.pov-orbit{position:absolute;inset:18% 3% 19% 10%;border:1px solid #dcc58c55;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 24px #e0bd6120}
.pov-orbit::before{content:"";position:absolute;left:15%;top:7%;width:5px;height:5px;background:#fff4d1;border-radius:50%;box-shadow:0 0 12px #f1c674}
.pov-planes{position:absolute;inset:14% 8% 15% 14%;transform:rotate(-12deg) rotateY(-27deg);transform-style:preserve-3d}
.pov-plane{position:absolute;inset:calc(var(--plane) * 7%);border:1px solid #e9c985;border-radius:12%;box-shadow:inset 0 0 12px #f4d88908,0 0 8px #edd18a14;opacity:calc(1 - var(--plane) * .12);transform:translateX(calc(var(--plane) * 2%)) rotate(calc(var(--plane) * 5deg))}
.pov-focus{position:absolute;left:55%;top:49%;width:10px;height:10px;border-radius:50%;background:#fff6dc;box-shadow:0 0 12px #fff2c5,0 0 30px 9px #e7bf6a66;translate:-50% -50%}
.pov-focus::before,.pov-focus::after{content:"";position:absolute;border:1px solid #f4d69766;border-radius:50%;inset:-12px}
.pov-focus::after{inset:-21px;border-color:#f4d69722}
.pov-coordinate{position:absolute;bottom:4%;left:12%;right:12%;text-align:center;color:#d9bd80;font:5px/1.4 var(--studio-font);letter-spacing:1px}
.is-visible .pov-planes{animation:povPerspective 9s ease-in-out infinite}
.is-visible .pov-orbit{animation:povOrbit 18s linear infinite}
.is-visible .pov-focus{animation:povLight 4.5s ease-in-out infinite}
.is-visible .pov-portal *{animation-play-state:paused}
.pov-inview.is-visible .pov-portal *{animation-play-state:running}
@keyframes povPerspective{0%,100%{transform:rotate(-12deg) rotateY(-27deg)}50%{transform:rotate(8deg) rotateY(25deg)}}
@keyframes povOrbit{from{transform:rotate(-24deg)}to{transform:rotate(336deg)}}
@keyframes povLight{0%,100%{scale:.8;opacity:.8}50%{scale:1.2;opacity:1}}
@media(max-width:767px){.cinematic-reveal .reveal-website h4{font-size:clamp(23px,6.1vw,31px);max-width:53%}.cinematic-reveal .reveal-kicker{font-size:5px;letter-spacing:.65px}.cinematic-reveal .pov-portal{right:-6%;width:54%;top:5%}.pov-coordinate{font-size:5px;letter-spacing:.65px}}
@media(prefers-reduced-motion:reduce){.is-visible .pov-portal *{animation:none!important}.pov-planes{transform:rotate(-8deg) rotateY(-15deg)}}