/* Tamil pages only. These faces share the site's font names but cover only Tamil letters,
   so English words, digits and punctuation keep Fredoka and Nunito. The weights must match the
   ones the pages load from Google Fonts, or browsers drop the Latin face for that weight. */
@font-face{font-family:'Fredoka';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/baloo-thambi2-tamil.woff2) format('woff2');unicode-range:U+0964-0965,U+0B82-0BFA,U+200C-200D,U+25CC}
@font-face{font-family:'Fredoka';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/baloo-thambi2-tamil.woff2) format('woff2');unicode-range:U+0964-0965,U+0B82-0BFA,U+200C-200D,U+25CC}
@font-face{font-family:'Fredoka';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/baloo-thambi2-tamil.woff2) format('woff2');unicode-range:U+0964-0965,U+0B82-0BFA,U+200C-200D,U+25CC}
@font-face{font-family:'Fredoka';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/baloo-thambi2-tamil.woff2) format('woff2');unicode-range:U+0964-0965,U+0B82-0BFA,U+200C-200D,U+25CC}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/noto-sans-tamil-tamil.woff2) format('woff2');unicode-range:U+0964-0965,U+0B82-0BFA,U+200C-200D,U+25CC}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/noto-sans-tamil-tamil.woff2) format('woff2');unicode-range:U+0964-0965,U+0B82-0BFA,U+200C-200D,U+25CC}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/noto-sans-tamil-tamil.woff2) format('woff2');unicode-range:U+0964-0965,U+0B82-0BFA,U+200C-200D,U+25CC}

/* Tamil letters reach further above and below the line than Latin ones. */
html[lang^="ta"] body{line-height:1.7}
html[lang^="ta"] h1,html[lang^="ta"] h2,html[lang^="ta"] h3,html[lang^="ta"] h4{line-height:1.3!important;letter-spacing:0!important}
html[lang^="ta"] p,html[lang^="ta"] li{line-height:1.75}
html[lang^="ta"] .nav ul a{line-height:1.5}

/* Tamil labels run longer than English ones, so the menu bar needs tighter spacing. */
html[lang^="ta"] .nav ul{gap:14px;font-size:14px;white-space:nowrap}
html[lang^="ta"] .nav .logo{flex-shrink:0}
html[lang^="ta"] .nav .logo img{height:46px}
html[lang^="ta"] .nav .cta,html[lang^="ta"] .nav .parent-login{padding-left:12px;padding-right:12px;font-size:13px}
html[lang^="ta"] .nav-actions{gap:6px}
@media (min-width:1001px){html[lang^="ta"] .nav{padding-left:24px;padding-right:24px;gap:12px}}
/* No room for every button at this width. The page itself still offers a visit, and Contact stays in the menu. */
@media (min-width:1001px) and (max-width:1340px){html[lang^="ta"] .nav .cta{display:none}}
/* Narrowest desktop widths: the switch drops its icon and the menu tightens further. */
@media (min-width:1001px) and (max-width:1180px){
  html[lang^="ta"] .nav .lang-switch svg{display:none}
  html[lang^="ta"] .nav ul{gap:9px;font-size:13px}
  html[lang^="ta"] .nav .logo img{height:38px}
  html[lang^="ta"] .nav .parent-login{font-size:12px;padding-left:10px;padding-right:10px}
}
@media (max-width:560px){html[lang^="ta"] .nav:not([data-open="true"]) .cta{display:none}}
html[lang^="ta"] .nav[data-open="true"] .cta{font-size:15px}
html[lang^="ta"] .copy h1{font-size:clamp(34px,4.8vw,64px)}
@media (max-width:700px){html[lang^="ta"] .copy h1{font-size:30px}}
/* The heading wraps to more lines in Tamil, so the balloon sits lower on phones. */
@media (max-width:700px){html[lang^="ta"] .hero-balloon{bottom:64px;width:110px}}
@media (max-width:700px) and (max-height:760px){html[lang^="ta"] .hero-balloon{display:none}}
