/* MUMUN 공통 스타일 — LAB · CLASS 에서 쓴다. (대문·아카이브는 archive/img/work.css 와 대문 안의 스타일)
   1) 읽기 규칙  2) 헤더  3) LAB 작품의 "MUMUN / LAB" */

/* 1) 한국어는 낱말 단위로 줄을 바꾸고, 칸보다 긴 낱말만 쪼갠다. 제목은 줄 길이를 고르게. */
body{word-break:keep-all;overflow-wrap:break-word}
h1,h2,h3{text-wrap:balance}

/* 2) 헤더 */
/* MUMUN 공통 헤더 —
   치수는 대문·아카이브 헤더(archive/img/work.css 의 header)와 똑같이 맞춘다:
   높이 116px, 워드마크 26px, 메뉴 14px. 600px 이하에서는 메뉴가 둘째 줄로 내려간다.
   색은 페이지마다 header 의 style 속성으로 바꾼다.
     --mm-bg 배경 · --mm-fg 메뉴 글자 · --mm-strong 워드마크·현재 메뉴 · --mm-line 밑줄 선
     --mm-accent 현재 메뉴 밑줄(대문의 문 색) · --mm-pad 좌우 여백(본문 여백과 맞출 때) */
.mm-header{
  --mm-pad:5%;
  box-sizing:border-box;display:flex;align-items:center;gap:24px;height:116px;margin:0;
  padding:0 calc(max(0px, (100% - 1500px) / 2) + var(--mm-pad));
  font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:14px;font-weight:400;line-height:1.2;letter-spacing:0;text-transform:none;word-break:keep-all;
  color:var(--mm-fg,#555);background:var(--mm-bg,#fff);border-bottom:1px solid var(--mm-line,#dedede);
  position:relative;z-index:20;-webkit-font-smoothing:antialiased}
.mm-header *{box-sizing:border-box}
.mm-header a{color:inherit;text-decoration:none;border:0;background:none}
.mm-header .mm-mark{display:flex;align-items:center;gap:16px;
  font-family:"Roboto Condensed","Pretendard Variable",Pretendard,sans-serif;font-size:26px;font-weight:700;letter-spacing:.12em;
  color:var(--mm-strong,#202020)}
.mm-header .mm-mark span{font-family:"Pretendard Variable",Pretendard,sans-serif;font-size:14px;font-weight:400;letter-spacing:-.04em;margin:0;
  color:var(--mm-fg,#737373)}
.mm-header .mm-nav{display:flex;align-items:center;justify-content:flex-start;gap:28px;margin:0 auto 0 46px;padding:0;
  border:0;background:none;position:static;width:auto;height:auto}
.mm-header .mm-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0}
.mm-header .mm-contact{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.mm-header .mm-nav a:hover,.mm-header .mm-contact:hover{color:var(--mm-strong,#202020);text-decoration:underline;text-underline-offset:5px}
.mm-header .mm-nav a.on,.mm-header .mm-nav a[aria-current]{color:var(--mm-strong,#202020);
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px;text-decoration-color:var(--mm-accent,#bbb)}
.mm-header a:focus-visible{outline:2px solid var(--mm-strong,#202020);outline-offset:4px;border-radius:1px}
@media (max-width:950px){
  .mm-header .mm-nav{margin-left:20px;gap:18px}
}
@media (max-width:600px){
  .mm-header{--mm-pad:6%;height:auto;padding-top:22px;padding-bottom:8px;flex-wrap:wrap;gap:0 16px}
  .mm-header .mm-mark{gap:12px;font-size:24px;min-height:44px}
  .mm-header .mm-contact{margin-left:auto}
  .mm-header .mm-nav{order:3;flex-basis:100%;margin:10px 0 0;gap:26px;font-size:15px}
}

/* LAB 작품의 "MUMUN / LAB" — 작품마다 있던 "← LAB" 자리에 그대로 들어간다.
   글꼴과 색은 작품의 원래 링크 모양을 따르고, 여기서는 간격과 누르는 범위만 정한다. */
.lab-crumb{white-space:nowrap}
.lab-crumb > span{margin:0 .5em;opacity:.55}
.lab-crumb a{padding-block:12px;margin-block:-12px}
nav.lab-crumb a{color:inherit;text-decoration:none}
nav.lab-crumb a:hover{text-decoration:underline;text-underline-offset:4px}