/* Korean main (5n2studio.com). Inter Tight has no Hangul, so Hangul falls through to the system Korean face. */
body { font-family: "Inter Tight", "Inter Tight Fallback", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif; word-break: keep-all; overflow-wrap: break-word; }
h1, h2 { line-height: 1.12; letter-spacing: -.025em; }
.label, .rows dt, .piece__client { letter-spacing: .04em; }

/* Keep the parent studio visible beside the 5&2 name. */
.wordmark { gap: 10px; flex-shrink: 0; }
.brand__name { display: inline-flex; align-items: baseline; white-space: nowrap; }
.brand__by { font-size: .875rem; font-weight: 400; line-height: 1.2; letter-spacing: -.01em; white-space: nowrap; }
.brand__by strong { font-weight: 600; }
.foot__mark { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.foot__mark .brand__by { font-size: clamp(1rem, 1.7vw, 1.375rem); color: #c9d3ea; }
.studio__parent { margin-bottom: 24px; font-size: 1rem; line-height: 1.6; }
.studio__parent a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: var(--blue); }
.cover__text a, .studio__parent a, .foot__line a { text-underline-offset: 4px; }
.foot__line a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 820px) {
  .wordmark { flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; }
  .wordmark .brand__name { font-size: 1.5rem; line-height: 1; }
  .wordmark .brand__by { font-size: .75rem; }
}

/* Approved business copy, 2026-09-30. Keep the existing composition with readable Korean wrapping. */
p { max-width: none !important; }
code, .index__n, .piece__value, .tile__tag { word-break: normal; }
.hero h1 { font-size: clamp(1.75rem, 2.55vw, 3rem); line-height: 1.2; text-wrap: initial; }
.hero__lead { margin-top: 18px; font-size: clamp(1.15rem, 1.55vw, 1.5rem); font-weight: 600; line-height: 1.45; }
.hero__summary, .hero__body { margin-top: 12px; font-size: clamp(1rem, 1.15vw, 1.125rem); line-height: 1.5; }
.hero { min-height: max(680px, var(--screen)); height: auto; }
.hero__text { min-width: 0; }
.index .care__pricing { margin-top: 14px; color: var(--ink); line-height: 1.55; }
@media (max-width: 820px) {
  .hero { min-height: 0; }
  .hero h1 { font-size: clamp(1.75rem, 6vw, 2.75rem); }
}
@media (max-width: 640px) {
  :root { --pad: 16px; }
  .cover__body, .contact__panel { padding-inline: 16px; }
  .steps { grid-template-columns: 1fr; }
}
@media (max-width: 340px) {
  .nav__cta { padding-inline: 12px; margin-right: 16px; font-size: .8rem; }
  .wordmark { font-size: 1.15rem; }
  .hero h1 { font-size: 1.75rem; }
  .cover__body h2, .services__panel h2, .contact h2 { font-size: 2rem; }
  .rows > div { grid-template-columns: 1fr; gap: 6px; }
}