﻿/* Reliability and localization enhancements layered over the generated build. */

[data-reveal] {
  opacity: 1 !important;
  transform: none !important;
}

.header-inner {
  gap: 22px;
}

.primary-nav {
  margin-left: auto;
}

.language-switcher {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  color: var(--navy-deep);
}

.language-switcher__icon {
  font-family: var(--sans);
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1;
}

.language-switcher__select {
  min-height: 36px;
  max-width: 112px;
  padding: 6px 28px 6px 9px;
  border: 1px solid rgba(16, 47, 77, 0.28);
  border-radius: 3px;
  background-color: transparent;
  color: var(--navy-deep);
  cursor: pointer;
  font-family: var(--sans);
  font-size: 0.76rem;
  font-weight: 700;
}

.language-switcher__select:hover {
  border-color: var(--navy);
}

html[lang="ko"] {
  --serif: "Noto Serif KR", "Nanum Myeongjo", "Malgun Gothic", Georgia, serif;
  --sans: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;
  word-break: keep-all;
}

html[lang="ko"] .hero h1,
html[lang="ko"] .practice-section h2,
html[lang="ko"] .section-heading h2,
html[lang="ko"] .principal-copy h2,
html[lang="ko"] .contact-copy h2 {
  letter-spacing: -0.045em;
  line-height: 1.15;
}

html[lang="ko"] .hero-intro,
html[lang="ko"] .practice-intro,
html[lang="ko"] .service-summary,
html[lang="ko"] .principal-copy > p,
html[lang="ko"] .contact-copy > p {
  line-height: 1.78;
}

@media (min-width: 1041px) {
  .hero {
    grid-template-columns: minmax(0, 1fr) minmax(520px, 1fr);
  }

  .hero-copy {
    padding-left: clamp(48px, 5vw, 80px);
  }
}
@media (max-width: 1040px) {
  .header-inner { gap: 16px; }
  .primary-nav { gap: 18px; }
  .language-switcher__icon { display: none; }
}

@media (max-width: 820px) {
  .primary-nav { margin-left: 0; }
  .language-switcher { margin-left: auto; }
  .language-switcher__icon { display: inline; }
}

@media (max-width: 460px) {
  .header-inner { gap: 10px; }
  .brand-tagline { display: none; }
  .language-switcher { gap: 4px; }
  .language-switcher__icon { display: none; }
  .language-switcher__select {
    width: 78px;
    padding-right: 22px;
  }
}

