.language-picker { position: relative; z-index: 5; flex: none; font: 600 13px/1.2 system-ui, sans-serif; }
.language-picker summary {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 44px; padding: 0 9px; cursor: pointer; list-style: none;
  border: 1px solid currentColor; border-radius: 8px; color: inherit;
}
.language-picker summary::-webkit-details-marker { display: none; }
.language-picker > summary::after,
.language-picker[open] > summary::after { content: none; }
.language-picker svg { width: 18px; height: 18px; }
.language-options {
  position: absolute; top: calc(100% + 6px); inset-inline-end: 0;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(250px, calc(100vw - 40px)); padding: 5px; gap: 3px;
  color: #101010; background: #fffdfa; border: 1px solid #d8d4cc;
  border-radius: 8px; box-shadow: 0 8px 24px #29272320;
}
.language-options :is(button, a) {
  min-height: 44px; padding: 0 9px; text-align: start; font: inherit; cursor: pointer;
  overflow-wrap: anywhere;
  color: inherit; background: transparent; border: 0; border-radius: 5px;
}
.language-options a { display: flex; align-items: center; text-decoration: none; }
.language-options { max-height: min(65vh, 390px); overflow-y: auto; }
.language-picker:not([open]) .language-options { display: none; }
.language-options :is(button, a):hover,
.language-options :is([aria-pressed="true"], [aria-current="true"]) { background: #e9edff; color: #0733d6; }
.language-picker :focus-visible { outline: 2px solid #0733d6; outline-offset: 2px; }
.language-error { grid-column: 1 / -1; margin: 0; padding: 9px; border: 1px solid currentColor; border-radius: 5px; }
.language-error:empty { display: none; }
.home-page .header { gap: clamp(12px, 2vw, 30px); }
.home-page .header nav { margin-inline-start: auto; }
.atelier-header-actions { display: flex; align-items: center; gap: clamp(10px, 2vw, 24px); }
.gallery-mobile-login { display: none; }
html:not(:lang(tr)) .footer .footer-top nav h2 { white-space: normal; overflow-wrap: anywhere; }
html:not(:lang(tr)) .footer .footer-top nav { min-width: 0; overflow-wrap: anywhere; }
html:not(:lang(tr)) .home-page .visibility-options > div { white-space: normal; }
html:not(:lang(tr)) .home-page .control-column h3 { white-space: normal; }
html:not(:lang(tr)) .gallery-page .art-caption > div { min-width: 0; overflow-wrap: anywhere; }
html:not(:lang(tr)) .gallery-page .gallery-cta h2 { overflow-wrap: anywhere; }
html:is(:lang(ka), :lang(hy), :lang(bg)) .mc-page .guide-heading h2 { overflow-wrap: anywhere; }
html:is(:lang(ka), :lang(hy), :lang(bg)) .mc-page .guide-heading h2 br { display: initial; }
html:not(:lang(tr)) .home-page .hero { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html:not(:lang(tr)) .home-page .headline h1 { font-size: clamp(52px, 8vw, 140px); white-space: normal; margin-right: 0; }
html:not(:lang(tr)) .home-page .actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html:not(:lang(tr)) .home-page .actions p,
html:not(:lang(tr)) .home-page .actions .cta { white-space: normal; }
html:not(:lang(tr)) .home-page .actions .cta { padding-inline: 8px; text-align: center; }
@media (max-width: 800px) {
  html:not(:lang(tr)) .home-page .hero { grid-template-columns: minmax(0, 1fr); }
  html:not(:lang(tr)) .home-page .headline h1 { font-size: 14vw; }
  html:not(:lang(tr)) .footer .footer-top { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .home-page .header { flex-wrap: wrap; }
  .home-page .header nav { order: 1; width: 100%; justify-content: center; margin: 0; }
  header > nav { flex-wrap: wrap; }
  .signup-header nav { min-width: 0; flex-wrap: nowrap; justify-content: flex-end; }
  .signup-header .back-home { min-width: 0; text-align: end; }
  .signup-header .back-home span:first-child {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
    overflow: hidden; overflow-wrap: anywhere; white-space: normal;
  }
  .gallery-page .header-actions { gap: 8px; }
  .atelier-header-actions { flex: 1; min-width: 0; justify-content: flex-end; }
  .atelier-header-actions .login { min-width: 0; text-align: end; }
}
@media (max-width: 500px) {
  .gallery-page .header-actions { flex: 1; min-width: 0; justify-content: flex-end; }
  .gallery-page .header-actions > a:first-child { display: none; }
  .gallery-page .header-actions .button { min-width: 0; max-width: 110px; padding-inline: 7px; text-align: center; }
  .gallery-mobile-login { display: inline; }
}
@media (max-width: 340px) {
  .home-page .hero { grid-template-columns: minmax(0, 1fr); }
  .home-page .actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-page .actions .cta { font-size: 18px; white-space: normal; text-align: center; }
  .home-page .visibility-options > div { white-space: normal; }
}
.locale-header > nav { min-width: 0; }
.signup-header .language-options { width: min(280px, calc(100vw - 32px)); }
@media (max-width: 760px) {
  .locale-header, .mc-page > header.locale-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    column-gap: 10px;
  }
  .locale-header > .language-picker { grid-column: 3; grid-row: 1; justify-self: end; }
  .locale-header > .brand { grid-column: 1; grid-row: 1; min-width: 0; }
  .locale-header > .button, .locale-header > .header-actions { grid-column: 2; grid-row: 1; min-width: 0; }
  .locale-header > nav { grid-column: 1 / -1; grid-row: 2; width: auto; flex-wrap: wrap; }
}
@media (max-width: 460px) {
  .locale-header, .mc-page > header.locale-header { grid-template-columns: minmax(0, 1fr) auto; }
  .locale-header > .language-picker { grid-column: 2; }
  .locale-header > .button, .locale-header > .header-actions { grid-column: 1 / -1; grid-row: 3; justify-self: end; }
}
@media (max-width: 760px) {
  html:is(:lang(ru), :lang(uk), :lang(ka), :lang(hy), :lang(bg)) .nature-intro { grid-template-columns: minmax(0, 1fr); }
  html:is(:lang(ru), :lang(uk), :lang(ka), :lang(hy), :lang(bg)) .nature-intro h1 { font-size: clamp(38px, 12vw, 64px); overflow-wrap: anywhere; }
}

/* Keep the language control in the same physical corner as the other locales. */
html[dir="rtl"] header:has(.language-picker),
html[dir="rtl"] .header-actions,
html[dir="rtl"] .atelier-header-actions,
html[dir="rtl"] .signup-header nav,
html[dir="rtl"] .language-picker { direction: ltr; }
html[dir="rtl"] header:has(.language-picker) nav:not(.signup-header nav),
html[dir="rtl"] .signup-header .back-home,
html[dir="rtl"] .language-error { direction: rtl; }
html[dir="rtl"] .home-page .headline h1 { transform: none; }
html[dir="rtl"] .home-page .vitrine-stage,
html[dir="rtl"] .home-page .vitrine-controls,
html[dir="rtl"] .atelier-hero .demo-grid,
html[dir="rtl"] .journey .demo-grid,
html[dir="rtl"] #painter .canvas-scroll,
html[dir="rtl"] input:is([type="email"], [type="password"], [type="url"], [name="code"], [inputmode="numeric"]),
html[dir="rtl"] input[type="range"] { direction: ltr; }
html[dir="rtl"] .vitrine-stage .circular-carousel__title { direction: rtl; }
html[dir="rtl"] .footer nav :is(a, button) { text-align: start; }
html[dir="rtl"] :is(h1, h2, h3, .eyebrow, .together-line),
html:lang(th) :is(h1, h2, h3, .eyebrow, .together-line) { letter-spacing: normal; line-height: 1.2; }
.inspiration-script-title {
  display: block;
  font-size: clamp(36px, 6vw, 76px);
  line-height: 1.25;
  font-weight: 600;
}