/* Geometric display type, quiet body text, and cool violet accents. */
:root{--font:"Inter",Arial,sans-serif;--display:"Space Grotesk","Inter",Arial,sans-serif;--gold:#c8b4ff;--violet:#bda0ff;--white:#f6f3ff;--ink:#120b23;--deep:#211137;--read-focus:#c8b4ff;--read-support:#cfc3df}
html[lang]{--read-focus:#c8b4ff;--read-support:#cfc3df}
html[lang="ta"]{--font:"Noto Sans Tamil","Inter",sans-serif;--display:"Noto Sans Tamil","Inter",sans-serif}
body{font-family:var(--font)}
html[lang="en"] :is(h1,h2,h3){text-transform:uppercase;font-family:var(--display);font-weight:600;letter-spacing:-.03em}
html[lang="en"] .opening-content h1{font-family:var(--display);font-weight:600;font-size:clamp(70px,7.6vw,128px);line-height:1.02;letter-spacing:-.045em}
html[lang="en"] .opening-content h1 em{font-family:inherit;font-weight:inherit;letter-spacing:inherit;color:#c8b4ff}
html[lang="en"] :is(.story,.seq-intro,.study-copy,.direction-title,.founder-copy,.dream-contact) h2,html[lang="en"] .about-vivek .av-story h2{font-family:var(--display);font-weight:600;letter-spacing:-.035em;line-height:1.13}
html[lang="en"] .seq-scene h3,html[lang="en"]:not(.motion-paused) .sequence-enhanced .seq-scene h3,html[lang="en"] .studio-focus h3{font-family:var(--display);font-weight:600;letter-spacing:-.025em}
html[lang="ta"] :is(h1,h2,h3){text-transform:none;font-family:var(--display);letter-spacing:0}
.opening-kicker{color:#d0bfff}.opening-contact{background:#c6acff;border-color:#c6acff;color:#211235}.opening-contact:hover{background:#ddcbff;border-color:#ddcbff}
.opening-play{border-color:#d8c5ff70}.opening-description{color:#eee6f7}
.opening-shade{background:linear-gradient(90deg,#160d29f5 0%,#1d1232d6 28%,#25134e4a 57%,#1a0e3315 100%),linear-gradient(0deg,#140c23 0%,#140c2380 14%,transparent 45%,#140c2350 100%)}
.studio-overview.story{background:#f0edf8;color:#241539}.studio-focus-number{color:#6841b0}.studio-focus h3{color:#382154}.studio-focus p{color:#645077}
.seq-worlds{--seq-gold:#c8b4ff}.about-vivek{--av-gold:#c8b4ff}
html[lang] .av-story>p.av-principle{color:#cfbaff;border-left-color:#cfbaff}
.dream-contact{background:radial-gradient(ellipse at 20% 75%,#744ab744,transparent 65%),#231337}
.cursor-halo{border-color:#c8b4ff80}.read-progress{background:#c8b4ff}
/* The opening ident uses the same world as the homepage, behind the white artwork. */
.studio-ident .ident-atmosphere{background:#120a22}
.studio-ident .ident-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;opacity:.68;filter:saturate(.8)}
.studio-ident .ident-scene-shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,#160c39a8 0%,#12092273 53%,#120922c9 100%),linear-gradient(0deg,#10091f88,transparent 60%)}
.studio-ident .ident-stage{filter:drop-shadow(0 3px 20px #10071cd9)}
.studio-ident .ident-emblem{width:clamp(190px,26vw,290px)}
html[lang] .studio-ident .ident-caption{color:#eee5fa;letter-spacing:.02em}
.studio-ident .intro-pause,.studio-ident .intro-skip{color:#f1eafb;text-shadow:0 1px 8px #10071c}
.studio-ident .intro-skip>span{color:#d3bfff}.studio-ident .ident-progress{background:#c8b4ff99}
@media(min-width:701px) and (max-width:950px){html[lang="en"] .opening-content h1{font-size:clamp(57px,7.4vw,70px)}}
@media(max-width:700px){
 html[lang="en"] .opening-content h1{font-size:clamp(42px,11.3vw,76px);line-height:1.04;letter-spacing:-.04em}
 html[lang="en"]{--title-section:32px;--title-scene:32px}
 html[lang="en"] .studio-focus h3{font-size:18px;letter-spacing:-.02em}
 .opening-shade{background:linear-gradient(0deg,#140c23 0%,#140c2320 68%,#140c2355 100%),linear-gradient(90deg,#140c2344,transparent)}
 .studio-ident .ident-landscape{object-position:68% center;opacity:.58}
 .studio-ident .ident-emblem{width:clamp(175px,53vw,230px)}
}
@media(max-width:400px){html[lang="en"] .opening-content h1{font-size:clamp(36px,11.2vw,46px)}html[lang="en"]{--title-section:30px;--title-scene:30px}}
@media(max-height:600px) and (min-width:560px){.studio-ident .ident-emblem{width:160px}}