/* ===================== i18n: language switch + script-specific type ===================== */
.lang-switch{display:flex;align-items:center;gap:6px;margin-left:clamp(14px,2.4vw,32px);font:500 11px/1 var(--sans);letter-spacing:.16em}
.lang-switch a{color:var(--muted);text-decoration:none;padding:6px 2px;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.lang-switch a:hover{color:var(--ink)}
.lang-switch a[aria-current]{color:var(--ink);border-color:var(--red)}
.lang-switch a:focus-visible{outline:1px solid var(--red);outline-offset:3px}
.lang-switch__dot{color:var(--muted);opacity:.6}
.nav nav{margin-left:auto}

/* Russian: Cormorant has Cyrillic; DM Sans doesn't → Onest (similar geometric grotesk) */
html[lang="ru"]{--sans:'Onest','DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
/* Armenian: Noto Serif / Sans Armenian, Latin stays on Cormorant / DM Sans */
html[lang="hy"]{--serif:'Cormorant Garamond','Noto Serif Armenian',Georgia,serif;--sans:'DM Sans','Noto Sans Armenian',system-ui,sans-serif}
html[lang="hy"] body{font-synthesis-style:none}           /* no fake italics for Armenian */
html[lang="hy"] .eyebrow,html[lang="hy"] .nav__links a{letter-spacing:.06em}
html[lang="hy"] .nav__links a,html[lang="ru"] .nav__links a{letter-spacing:.08em}

/* Oversized type: longer Armenian / Russian strings get a gentler scale */
html:is([lang="hy"],[lang="ru"]) .about__headline{font-size:clamp(52px,7.6vw,150px);max-width:14ch;line-height:.9}
html:is([lang="hy"],[lang="ru"]) .contact__title{font-size:clamp(48px,7.4vw,140px);max-width:14ch;line-height:.92}
html:is([lang="hy"],[lang="ru"]) .works__head .display{font-size:clamp(76px,10.5vw,200px)}
html:is([lang="hy"],[lang="ru"]) .sketchbook .display{font-size:clamp(60px,9.5vw,190px);overflow-wrap:anywhere}
html:is([lang="hy"],[lang="ru"]) .works .work__title{font-size:clamp(40px,4.8vw,92px)}
html:is([lang="hy"],[lang="ru"]) .manifesto__text{font-size:clamp(30px,4.6vw,80px)}
html[lang="hy"] .about__headline,html[lang="hy"] .contact__title,html[lang="hy"] .manifesto__text{line-height:1.05;letter-spacing:-.01em}
html[lang="hy"] .about__headline{font-size:clamp(46px,6.6vw,130px)}
html[lang="hy"] .contact__title{font-size:clamp(44px,6.4vw,120px)}
.about__headline,.contact__title,.display{overflow-wrap:break-word;hyphens:auto}

@media (max-width:900px){
  .lang-switch{margin-left:10px;font-size:10px;letter-spacing:.08em;gap:4px}
  html:is([lang="hy"],[lang="ru"]) .about__headline{font-size:clamp(40px,11vw,80px)}
  html:is([lang="hy"],[lang="ru"]) .contact__title{font-size:clamp(38px,10.5vw,76px)}
  html:is([lang="hy"],[lang="ru"]) .works__head .display,html:is([lang="hy"],[lang="ru"]) .sketchbook .display{font-size:clamp(48px,14vw,96px)}
  html:is([lang="hy"],[lang="ru"]) .works .work__title{font-size:clamp(34px,9vw,64px)}
}
@media (max-width:560px){
  .nav{flex-wrap:wrap;row-gap:2px}
  .lang-switch{order:2;margin-left:auto}
  .nav nav{order:3;flex-basis:100%;margin:2px 0 0}
  .nav__links{justify-content:space-between}
  .hero{padding-top:120px}
  html:is([lang="hy"],[lang="ru"]) .nav__links{gap:8px}
  html:is([lang="hy"],[lang="ru"]) .nav__links a{font-size:9.5px;letter-spacing:.03em}
}
/* keep long single words (e.g. «Աշխատանքներ») on one line instead of breaking mid-word */
html:is([lang="hy"],[lang="ru"]) .display{overflow-wrap:normal;hyphens:manual}
html[lang="hy"] .works__head .display{font-size:clamp(54px,6.2vw,118px);white-space:nowrap}
@media (max-width:900px){html[lang="hy"] .works__head .display{font-size:clamp(38px,10.5vw,76px)}}