/* The supplied KANATRA identity, presented at its original proportions and colours. */
:root{--title-hero:clamp(68px,6.7vw,100px);--title-section:clamp(34px,3.25vw,48px);--title-scene:clamp(34px,3.3vw,48px)}
html[lang="ta"]{--title-hero:clamp(40px,4.4vw,64px);--title-section:clamp(30px,2.8vw,42px);--title-scene:clamp(30px,2.8vw,42px)}
.site-header{gap:24px}
.site-header .brand-selected{display:block;flex:0 0 auto;width:202px;max-width:32vw;padding:9px 10px;background:#fff;border-radius:2px}
.site-header .brand-selected .brand-wordmark{display:block;width:100%;height:auto;aspect-ratio:1181/224;object-fit:contain;filter:none;transform:none}
.site-header nav{gap:24px}
.header-tools{flex:0 0 auto}

/* The headline leads; the complete uploaded logo is a quieter studio signature. */
html[lang] .dream-hero.brand-hero{height:auto;min-height:700px;max-height:none;padding:138px var(--gutter) 30px;background:radial-gradient(ellipse at 75% 42%,#51306d55,transparent 55%),linear-gradient(135deg,#160c25,#10071c 72%)}
.brand-hero .dream-topline{position:relative;inset:auto;gap:25px;margin-bottom:38px}
.brand-hero .hero-content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);align-items:center;gap:6%;min-height:390px;padding:10px 0 48px}
html[lang] .brand-hero .dream-headline{position:relative;inset:auto;display:block;width:100%;max-width:760px;min-width:0}
html[lang] .brand-hero .dream-headline h1{font-family:var(--font);font-size:var(--title-hero);font-weight:600;line-height:1.04;letter-spacing:-.065em}
html[lang] .brand-hero .dream-headline h1 em{display:inline-block;font-family:inherit;font-size:1em;font-style:normal;font-weight:500;letter-spacing:inherit;color:#c8b4ff;white-space:nowrap}
html[lang] .brand-hero .dream-intro{display:block;width:100%;max-width:550px;margin:24px 0 0}
html[lang] .brand-hero .dream-intro>p{max-width:45ch;font-size:17px;line-height:1.8;color:#d4c5df}
.brand-hero .dream-actions{gap:16px 26px;margin-top:26px}
.brand-hero .dream-talk{background:#c8b4ff;color:#1b0d2a;border-color:#c8b4ff;font-weight:600;padding:12px 19px;min-height:48px}
.brand-hero .dream-talk:hover{background:#e0d0ff;border-color:#e0d0ff}
html[lang] .brand-hero .dream-actions .intro-trigger{font-size:14px;padding:0;min-height:48px;color:#f6f0ed}
.hero-brand-art{display:flex;justify-content:center;align-items:center;min-width:0;margin:0;padding:12px 0}
.hero-logo-plaque{width:min(100%,330px);padding:12px 14px;background:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 16px 50px #00000024}
.hero-logo-plaque img{display:block;width:100%;height:auto;aspect-ratio:1181/924;object-fit:contain;filter:none;transform:none}
.brand-hero .dream-bottom{position:relative;inset:auto;min-height:46px;gap:24px;margin-top:12px;padding-top:18px;border-top:1px solid #d9bee52a}
.brand-hero .dream-scroll{max-width:55%}
.brand-hero .dream-bottom-note{max-width:330px;text-align:right;letter-spacing:.06em}
.brand-hero .dream-art-note{max-width:220px}

/* Clear titles, compact chapters, and comfortable reading remain consistent. */
html[lang] :is(.story,.seq-intro,.study-copy,.direction-title,.founder-copy,.dream-contact) h2,
html[lang] .about-vivek .av-story h2{font-size:var(--title-section);font-weight:500;line-height:1.17;letter-spacing:-.04em}
html[lang] .seq-scene h3,
html[lang]:not(.motion-paused) .sequence-enhanced .seq-scene h3{font-size:var(--title-scene);line-height:1.18;letter-spacing:-.04em}
.studio-overview.story{padding-block:68px}
.studio-overview .section-index{margin-bottom:25px}
.studio-intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:7%}
.studio-focus{margin-top:34px;gap:30px}
.studio-focus article{padding-top:18px}
.studio-focus-number{margin-bottom:10px}
.studio-focus h3{margin-bottom:8px}
.seq-intro{padding-top:60px;padding-bottom:28px}
.seq-intro-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:6%}
.seq-intro-grid>p{max-width:40ch;padding-bottom:0}
.seq-follow{margin-top:19px}
.seq-nav a{min-height:62px;padding-block:14px}
.seq-outro{padding-top:26px;padding-bottom:42px;gap:20px 5vw}
.frame-study{padding-block:68px}
.study-copy .eyebrow{margin-bottom:20px}
.study-copy>p:last-of-type{margin-top:21px;max-width:38ch}
.study-phases{margin-top:28px;gap:24px}
.study-workbench,.study-controls{transform:none}
.study-controls{margin-top:19px;gap:15px 20px}
.about-vivek{padding-block:72px}
.av-eyebrow{margin-bottom:28px}
.av-layout{gap:clamp(35px,6vw,85px)}
.av-portrait{max-width:360px}
.av-story>p{margin-bottom:17px}
.av-story blockquote{margin-block:23px}
.av-details{margin-top:24px;padding-block:16px}
.av-actions{margin-top:21px}
.dream-contact{min-height:0;padding-block:68px}
.dream-contact .contact-top{margin-bottom:30px}
.dream-contact .contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:start}
.dream-contact .contact-details{margin:0;max-width:100%;padding:0;min-width:0}
.dream-contact .contact-email{white-space:normal;overflow-wrap:anywhere;word-break:normal;font-size:clamp(18px,1.65vw,24px);gap:14px}
.contact-gesture{display:none}

/* Keep the tree, artist, and wordmark crisp on the supplied white backing. */
.intro-identity{width:min(90vw,550px)}
.intro-identity .intro-symbol{width:min(76vw,410px);margin:0 auto 24px;background:#fff;padding:17px;border-radius:3px}
.intro-identity .intro-symbol img{display:block;width:100%;height:auto;object-fit:contain;filter:none;animation:brand-identity-arrive 1s var(--ease) both}
html[lang] .intro-identity>p{max-width:450px;margin:20px auto 0;padding-inline:8px;font-size:15px;line-height:1.7}
.standalone-intro .standalone-mark{width:min(80vw,410px);background:#fff;padding:17px;border-radius:3px}
.standalone-mark img{display:block;width:100%;height:auto;object-fit:contain;filter:none}
.cel-stage{height:370px;background:radial-gradient(ellipse,#613a704d,transparent 72%);border-color:#e2c1f22b}
.cel{inset:auto;left:50%;top:48%;width:min(59%,260px);aspect-ratio:1;border-radius:50%;padding:0;background:#fff;border:1px solid #ffffff55;backdrop-filter:none;box-shadow:none}
.cel svg{display:block;width:100%;height:100%;fill:none;overflow:hidden;border-radius:50%;filter:none}
.cel>img.selected-logo-emblem{display:block;width:100%;height:100%;object-fit:contain;overflow:hidden;border-radius:50%;filter:none}
.cel-back{transform:translate(calc(-50% - (1 - var(--frame))*56px),calc(-50% - (1 - var(--frame))*16px)) rotate(calc((1 - var(--frame))*-9deg));opacity:calc(.12 + var(--frame)*.16)}
.cel-mid{transform:translate(calc(-50% + (1 - var(--frame))*52px),calc(-50% + (1 - var(--frame))*16px)) rotate(calc((1 - var(--frame))*9deg));opacity:calc(.18 + var(--frame)*.18)}
.cel-front{transform:translate(-50%,calc(-50% + (1 - var(--frame))*14px)) scale(calc(.84 + var(--frame)*.16));opacity:1;border-color:#fff;background:#fff;box-shadow:0 15px 40px #0003}
.cel-caption{bottom:21px;font-size:12px;letter-spacing:.2em}
.frame-counter{left:20px;top:18px}
.site-footer{padding-top:28px}
.site-footer .footer-brand{display:block;width:250px;max-width:100%;margin-top:28px;padding:12px 14px;background:#fff;border-radius:2px}
.site-footer .footer-brand img{display:block;width:100%;height:auto;aspect-ratio:1181/224;object-fit:contain;filter:none}
.footer-bottom{margin-top:25px;padding-block:20px}
@keyframes brand-identity-arrive{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}

html[lang="ta"] .brand-hero .dream-headline h1{line-height:1.5;letter-spacing:-.035em}
html[lang="ta"] .brand-hero .dream-headline h1 em{white-space:normal}
html[lang="ta"] .brand-hero .dream-intro>p{font-size:16px;line-height:2}
html[lang="ta"] :is(.story,.seq-intro,.study-copy,.direction-title,.founder-copy,.dream-contact) h2,
html[lang="ta"] .about-vivek .av-story h2,
html[lang="ta"] .seq-scene h3,
html[lang="ta"]:not(.motion-paused) .sequence-enhanced .seq-scene h3{line-height:1.55;letter-spacing:-.015em}

@media(min-width:900px) and (prefers-reduced-motion:no-preference){
  html:not(.motion-paused) .sequence-enhanced .seq-stage{min-height:500px}
  html:not(.motion-paused) .sequence-enhanced .seq-scene{min-height:78svh;padding-block:12vh 9vh}
}
@media(max-width:1100px){
  .site-header .brand-selected{width:184px}
  .site-header nav{gap:18px}
  html[lang] .dream-hero.brand-hero{min-height:660px;padding-top:135px}
  .brand-hero .hero-content-grid{grid-template-columns:minmax(0,1.6fr) minmax(210px,1fr);gap:5%;min-height:370px}
  .hero-logo-plaque{width:min(100%,290px)}
  .dream-contact .contact-grid{gap:6%}
}
@media(max-width:800px){
  .site-header .brand-selected{width:184px;max-width:40vw}
  .site-header{height:80px}
  .site-header nav{top:79px}
  .brand-hero .hero-content-grid{grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr);gap:5%}
  :root{--title-hero:clamp(50px,7.5vw,68px);--title-section:36px;--title-scene:36px}
  html[lang="ta"]{--title-hero:36px;--title-section:30px;--title-scene:30px}
  html[lang] .brand-hero .dream-intro>p{font-size:16px}
  .hero-logo-plaque{width:min(100%,250px);padding:10px}
  .brand-hero .dream-actions{gap:14px 20px}
  .studio-intro-grid,.seq-intro-grid{grid-template-columns:1fr;gap:22px}
  .seq-intro-grid>p{max-width:52ch}
  .frame-study{gap:30px}
  .study-copy>p:last-of-type{max-width:52ch}
}
@media(max-width:700px){
  :root{--title-hero:clamp(49px,10.8vw,66px);--title-section:32px;--title-scene:32px}
  html[lang="ta"]{--title-hero:clamp(29px,6.5vw,40px);--title-section:28px;--title-scene:28px}
  html[lang] .dream-hero.brand-hero{min-height:0;padding:119px var(--gutter) 24px}
  .brand-hero .dream-topline{margin-bottom:28px}
  .brand-hero .hero-content-grid{grid-template-columns:minmax(0,1fr);min-height:0;gap:31px;padding:0 0 20px}
  html[lang] .brand-hero .dream-headline{max-width:none}
  html[lang] .brand-hero .dream-headline h1{letter-spacing:-.055em}
  html[lang] .brand-hero .dream-intro{margin-top:21px;max-width:550px}
  html[lang] .brand-hero .dream-intro>p{font-size:16px;line-height:1.8}
  .brand-hero .dream-actions{margin-top:22px}
  .hero-brand-art{justify-content:flex-start;padding:0}
  .hero-logo-plaque{width:210px;padding:9px 11px;box-shadow:none}
  .brand-hero .dream-bottom{margin-top:12px;padding-top:15px;gap:16px;align-items:flex-start}
  .brand-hero .dream-scroll{max-width:100%}
  .brand-hero .dream-art-note{max-width:110px}
  .studio-overview.story,.frame-study,.about-vivek,.dream-contact{padding-block:52px}
  .studio-focus{gap:20px;margin-top:26px}
  .studio-focus article{padding-top:16px}
  .studio-focus-number{margin:4px 0 0}
  .seq-intro{padding-top:48px;padding-bottom:24px}
  .seq-nav a{min-height:76px;padding-block:12px}
  .seq-scene{padding-top:22px;padding-bottom:10px}
  .seq-scene-copy{padding-top:20px;padding-bottom:12px}
  .seq-outro{padding-top:22px;padding-bottom:34px}
  .av-layout{gap:28px}
  .av-eyebrow{margin-bottom:23px}
  .av-story>p{margin-bottom:16px}
  .av-portrait{width:min(100%,340px)}
  .dream-contact .contact-top{margin-bottom:26px}
  html[lang] .dream-contact .contact-grid{grid-template-columns:1fr;gap:24px}
  .dream-contact .contact-email{font-size:19px}
  .cel-stage{height:340px}
  .cel{width:min(63%,230px)}
  .site-footer .footer-brand{width:240px;margin-top:24px}
  .intro-identity .intro-symbol{width:min(76vw,320px);padding:13px}
  html[lang] .intro-identity>p{font-size:14px;max-width:310px}
  html[lang="ta"] .brand-hero .dream-intro>p{font-size:14px;line-height:2}
}
@media(max-width:400px){
  html[lang="ta"]{--title-hero:clamp(24px,7vw,28px)}
  .site-header{gap:10px}
  .site-header .brand-selected{width:141px;max-width:44vw;padding:8px}
  .header-tools{gap:3px}
  .header-motion{display:none}
  .site-header .languages{gap:5px}
  .site-header .menu-toggle{width:33px;min-width:33px;padding:7px}
  .brand-hero .dream-topline .eyebrow{font-size:11px;letter-spacing:.1em}
  .brand-hero .dream-actions{column-gap:20px;row-gap:13px}
  .brand-hero .dream-talk{font-size:13px;gap:20px;padding-inline:15px}
  html[lang] .brand-hero .dream-actions .intro-trigger{font-size:13px}
  .hero-logo-plaque{width:200px}
  .brand-hero .dream-bottom{display:block}
  .brand-hero .dream-art-note{max-width:none;text-align:left;margin-top:10px}
  .cel-stage{height:300px}
  .cel{width:68%}
  .study-controls{gap:12px}
  .study-phases{gap:20px}
  .seq-nav{padding-inline:var(--gutter)}
  html[lang] .seq-nav a{font-size:11px;padding-inline:6px}
  .seq-nav-dot{right:5px}
  .seq-mobile-art figcaption{left:16px;right:16px;bottom:16px;gap:12px}
  .seq-mobile-art figcaption>span{font-size:22px}
  .av-details>div{grid-template-columns:1fr;gap:3px}
  html[lang="ta"] .av-details>div{grid-template-columns:1fr;gap:3px}
  .site-footer .footer-brand{width:220px}
}
.motion-paused .intro-identity .intro-symbol img{animation:none;opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.intro-identity .intro-symbol img{animation:none;opacity:1;transform:none}}