/* Korean edition of Merritt Row Architects — loads after the approved style.css (byte-identical to the English source)
   and changes only what Korean text and the added language switch need.
   Latin brand type (Schibsted Grotesk · Instrument Serif, MERRITT ROW wordmark) stays first in every stack; Hangul falls
   through to a self-hosted IBM Plex Sans KR subset (OFL 1.1, renamed per the Reserved Font Name rule; licence in assets/fonts/OFL.txt). */
@font-face{font-family:"Arupix Concept KO";src:url(assets/fonts/ibmplexsanskr-400.woff2?v=20261005ko5v2) format("woff2");font-weight:100 449;font-style:normal;font-display:swap}
@font-face{font-family:"Arupix Concept KO";src:url(assets/fonts/ibmplexsanskr-500.woff2?v=20261005ko5v2) format("woff2");font-weight:450 900;font-style:normal;font-display:swap}

/* No faux bold/italic on Hangul: the KO subset has 400/500 only and no italic. */
html{font-synthesis:none}
body{font-family:"Schibsted Grotesk","Arupix Concept KO","Helvetica Neue",Arial,sans-serif;word-break:keep-all;overflow-wrap:break-word;line-break:strict}
.menu__sig,.hero__sub em{font-family:"Instrument Serif","Arupix Concept KO",Georgia,serif}

/* Hangul fills the em box, so the source display leading (58/60 · 20/28 · 24/32 · cta 66/71) would let lines touch.
   Same sizes and role hierarchy; only the leading opens. */
:root{--disp-lh:70px}
.display--cta{line-height:80px}
.hero__sub{line-height:1.3}
.post__t{line-height:1.3}
.mix__month{line-height:1.5}
@media (max-width:1279px){
  :root{--disp-lh:31px}
  .display--cta{line-height:31px}
}
@media (max-width:767px){
  /* 2026-10-05 repair (root first inspection, LAYOUT-ASSESSMENT): at 390px the long Korean intro stacked large before the
     first photo. Long display paragraphs drop to 19px / 31px leading inside the same intro role; the contact display
     (.display--cta) stays the distinct, larger action paragraph (source 24px). Body stays 16px (source). */
  :root{--disp:19px;--disp-lh:31px}
  .display--cta{line-height:34px}
  .hero__sub{line-height:1.4}
  .posts__h2{font-size:26px}
}
/* 2026-10-05 repair: the audited Korean nav labels (사무소 소개 · 설계 분야 · 프로젝트 · 진행 과정) plus «공사 현장» measure
   365px + 3×32px gaps + 87.5px at 23px (IBM Plex Sans KR advance widths, make-fonts-b.py fonts). The source nav starts at 54.9%,
   so below ~1394px it would run into «공사 현장» (−19px at 1280). Only in 1280–1439: 21px and 24px gaps (about 44px clear at 1280). */
@media (min-width:1280px) and (max-width:1439px){
  .hdr__nav{gap:24px;font-size:21px}
  .hdr__lab{font-size:21px}
}

/* Wide tracking was set for uppercase Latin labels; on Hangul it reads as gaps. Sizes unchanged. */
.btn,.card__tag,.post__kind,.post__date,.series__date,.series__nav,.mix__cta{letter-spacing:.03em}

/* Language switch beside the wordmark (left half of the header is empty in the source at every width). */
.hdr__lang{display:flex;align-items:center;gap:6px;margin-left:24px;font-size:14px;line-height:1;white-space:nowrap}
.hdr__cur{opacity:.72}
.hdr__lang a{position:relative;display:inline-flex;align-items:center;min-height:44px}
.hdr__lang a::after{content:"";position:absolute;left:0;right:0;bottom:12px;height:1px;background:currentColor}
.menu__lang{margin:28px 0 0;font-size:16px}
.menu__lang a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:767px){
  .hdr__lang{margin-left:14px;font-size:13px}
}

/* Front-demo newsletter: the form never sends (onsubmit="return false"); say so next to the field. */
.foot__note{margin:10px 0 0;font-size:13px;line-height:1.5;color:rgba(0,0,0,.75)}

/* Non-link project cards and phase rows keep their source hover, without a pointer that promises a page. */
.card,.post{cursor:default}

/* Visible keyboard focus in the board's own ink. */
:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* 2026-10-05 한국어 여백(리듬) 수리 — 짧아진 한국어 문단 사이에 남은 영어판 데스크톱 외곽 간격만 줄인다(4 단위 의미 척도).
   style.css(원본)는 그대로. 첫 소개 문단(.pad > .display 135px)의 독립 역할은 두고 일괄 초기화하지 않는다. 태블릿(768–1279) 원본 값은 그대로. */
@media (min-width:1280px){
  .s-agenda > .display{padding-top:128px}
  .series{padding-top:128px}
  .display--cta{padding-top:112px !important}
  .work{padding-top:128px}
  .posts{padding-top:112px}
  .about{padding-top:96px}
  /* 꼬리말: 800px 최소 높이 대신 내용 높이. 연락 열과 큰 워드마크 묶음은 96px 로 떨어뜨린다. */
  .foot{min-height:0}
  .foot__bottom{margin-top:96px}
}
/* 큰 낱말 서비스 목록: 역할·글자 크기·순서·화살표 그대로, 행 높이만 내용 기준(최소 104/80/64). */
.svc{height:auto;min-height:104px;padding:16px 0}
@media (max-width:1279px){
  .svc{min-height:80px;padding:16px 0}
}
@media (max-width:767px){
  .svc{min-height:64px;padding:12px 0}
  .pad > .display{padding-top:48px}
  .series{padding-top:48px}
  .display--cta{padding-top:56px !important}
}
