/* Letter-shaped volumetric light, projected from the title toward the viewer. */
.studio-method #method-title{position:relative;isolation:isolate;overflow:visible}
.studio-method .studio-title-copy{position:relative;z-index:1;display:block;text-shadow:0 2px 6px #050511b3,0 0 22px #0a041daa}
.studio-method .studio-title-copy .studio-gradient{background-image:linear-gradient(110deg,#f4cdff,#dbd5ff 52%,#c7f4ff);text-shadow:none}
.studio-title-emission{position:absolute;pointer-events:none;z-index:0;left:50%;top:50%;width:150%;height:290%;opacity:0;mix-blend-mode:screen;transform:translate(-50%,-50%);animation:studio-light-to-viewer 5.5s linear infinite;animation-play-state:paused}
.studio-title-emission.is-emission-echo{animation-delay:-2.75s}
.is-emission-visible .studio-title-emission.is-emission-ready{animation-play-state:running}
.studio-title-emission.is-measuring{animation:none!important;opacity:0!important;transform:translate(-50%,-50%)!important}
@keyframes studio-light-to-viewer{
0%{transform:translate(-50%,-50%) perspective(650px) translateZ(-20px) scale(.94);opacity:0}
18%{opacity:.95}
60%{opacity:.72}
100%{transform:translate(-50%,-50%) perspective(650px) translateZ(190px) scale(1.14);opacity:0}}
.studio-page-motion-paused .studio-title-emission,.studio-paused .studio-title-emission{animation-play-state:paused!important}
@media(max-width:760px){.studio-title-emission{width:155%;height:300%}}
@media(prefers-reduced-motion:reduce){.studio-title-emission.is-emission-ready{animation:none;opacity:.65}.studio-title-emission.is-emission-echo{display:none}}
/* Details has an anonymous content box: its LED must not inherit a square radius.
   Clip the decorative ring explicitly while preserving the height animation. */
.studio-page .studio-faq details.studio-light-card{border-radius:18px;overflow:hidden}
.studio-page .studio-faq details.studio-light-card>.idn-led-border{border-radius:18px;clip-path:inset(0 round 18px)}