/* GSAP controls the ident. Without it the complete supplied artwork stays visible. */
.studio-ident.intro[open]{display:grid;place-items:center;background:#150a27;isolation:isolate}
.studio-ident::backdrop{background:#150a27}
.studio-ident .ident-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,#3c205b55,transparent 68%),linear-gradient(145deg,#1c0e30,#10071e 80%)}
.studio-ident .ident-backdrop-emblem{position:absolute;left:50%;top:50%;width:min(102vmin,970px);max-width:none;height:auto;aspect-ratio:1;transform:translate(-50%,-50%);opacity:.035;filter:none}
.studio-ident .ident-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:min(84vw,540px);padding:25px 0 42px;color:#F5F2FF;text-align:center}
.studio-ident .ident-emblem{position:relative;width:clamp(190px,27vw,292px);aspect-ratio:1;margin-bottom:28px;flex-shrink:0}
.studio-ident .ident-ring-guide,.studio-ident .ident-ink{position:absolute;inset:0;width:100%;height:100%;margin:0}
.studio-ident .ident-ring-guide{display:block;overflow:visible;opacity:0}
.studio-ident .ident-ring-guide circle{stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.studio-ident .ident-vector{display:block;width:100%;height:auto;overflow:hidden}
.studio-ident .ident-ink{opacity:1}
.studio-ident .ident-ink svg{width:100%;height:100%}
.studio-ident .ident-wordmark{width:min(100%,460px);margin:0 auto;opacity:1}
.studio-ident .ident-wordmark svg{width:100%;height:auto;aspect-ratio:1170/222}
html[lang] .studio-ident .ident-caption{font:400 13px/1.8 var(--font);letter-spacing:.035em;color:#c9b9df;max-width:100%;margin:25px 0 0;padding:0;opacity:1}
.studio-ident .intro-pause,.studio-ident .intro-skip{position:absolute;bottom:max(27px,env(safe-area-inset-bottom));min-height:44px;padding:12px 0;font-size:13px;line-height:1.6;color:#ddd0ef;z-index:4}
.studio-ident .intro-pause{left:var(--gutter,5vw)}
.studio-ident .intro-skip{right:var(--gutter,5vw);display:flex;align-items:center;gap:23px}
.studio-ident .intro-skip>span{color:#B89AFF;font-size:19px}
.studio-ident .intro-pause:disabled{opacity:.5;cursor:default}
.studio-ident .intro-pause:hover,.studio-ident .intro-skip:hover{color:#fff}
.studio-ident :is(.intro-pause,.intro-skip):focus-visible{outline:2px solid #B89AFF;outline-offset:6px}
.studio-ident .ident-progress{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#B89AFF66;transform-origin:left center;transform:scaleX(1);display:none}
.studio-ident.ident-enhanced .ident-progress{display:block}
.studio-ident .ident-stage,.studio-ident .ident-stage *,.studio-ident .ident-atmosphere *,.studio-ident .ident-progress{animation:none!important}
html[lang="ta"] .studio-ident .ident-caption{font-size:12px;line-height:1.9;letter-spacing:0}
@media(max-width:560px){
  .studio-ident .ident-stage{width:85vw;padding-bottom:45px}
  .studio-ident .ident-emblem{width:clamp(175px,54vw,235px);margin-bottom:25px}
  .studio-ident .ident-wordmark{width:100%;max-width:360px}
  html[lang] .studio-ident .ident-caption{font-size:12px;line-height:1.8;margin-top:23px;max-width:285px}
  html[lang="ta"] .studio-ident .ident-caption{font-size:11px;line-height:2}
  .studio-ident .intro-pause,.studio-ident .intro-skip{font-size:12px;bottom:max(22px,env(safe-area-inset-bottom))}
}
@media(max-height:600px) and (min-width:560px){
  .studio-ident .ident-stage{padding-bottom:35px;width:min(65vw,420px)}
  .studio-ident .ident-emblem{width:160px;margin-bottom:18px}
  .studio-ident .ident-wordmark{width:340px;max-width:100%}
  html[lang] .studio-ident .ident-caption{margin-top:15px;font-size:12px}
}
.motion-paused .studio-ident .ident-ring-guide,.motion-paused .studio-ident .ident-progress{display:none}
@media(prefers-reduced-motion:reduce){.studio-ident .ident-ring-guide,.studio-ident .ident-progress{display:none}}