/* credits.css — 일반 뷰에서 필요한 EEEInfo 좌표계·타이포·테마. */
.eei-root {
  position: fixed;
  inset: 0;
  z-index: 30;
  pointer-events: none;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  --eei-margin: 6vw;
  --eei-safe-t: env(safe-area-inset-top, 0px);
  --eei-safe-b: env(safe-area-inset-bottom, 0px);
  --eei-band-w: calc(100vw - 2 * var(--eei-margin));
  --eei-band-h: calc(100dvh - var(--eei-safe-t) - var(--eei-safe-b));
}

.eei-root[data-theme="dark"] {
  --eei-fg: #f4f8ec;
  --eei-dim: rgba(244, 248, 236, 0.72);
  --eei-rule: rgba(244, 248, 236, 0.38);
  --eei-shadow: 0 1px 2px rgba(0, 0, 0, 0.85), 0 0 6px rgba(0, 0, 0, 0.72), 0 0 15px rgba(0, 0, 0, 0.55);
  --eei-glow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.7)) drop-shadow(0 0 8px rgba(0, 0, 0, 0.45));
}

.eei-root[data-theme="light"] {
  --eei-fg: #0a1c0e;
  --eei-dim: rgba(10, 28, 14, 0.74);
  --eei-rule: rgba(10, 28, 14, 0.35);
  --eei-shadow: 0 1px 2px rgba(255, 255, 255, 0.92), 0 0 6px rgba(255, 255, 255, 0.85), 0 0 15px rgba(255, 255, 255, 0.7);
  --eei-glow: drop-shadow(0 1px 2px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 8px rgba(255, 255, 255, 0.7));
}

/* 드래그 좌표 환산 기준이며 일반 뷰에서는 보이지 않는다. */
.eei-probe {
  position: absolute;
  left: var(--eei-margin);
  right: var(--eei-margin);
  top: var(--eei-safe-t);
  bottom: var(--eei-safe-b);
  visibility: hidden;
  pointer-events: none;
}

/* 우측 앵커의 자동 너비 축소를 막아 주소와 이름이 기존 행에서 줄바꿈되지 않게 한다. */
.eei-block {
  position: absolute;
  pointer-events: none;
  color: var(--eei-fg);
  text-shadow: var(--eei-shadow);
  width: -webkit-max-content;
  width: max-content;
  max-width: var(--eei-band-w);
  font-synthesis-weight: none;
  -webkit-font-smoothing: antialiased;
}

.eei-block a {
  pointer-events: auto;
  color: inherit;
  text-decoration: none;
}

.eei-info { font-variant-numeric: tabular-nums; }
.eei-info div + div {
  margin-top: 0.25em;
  color: var(--eei-dim);
}

/* 예약 CTA — 포스터에 상자는 하나도 없으므로 테두리 대신 무게·자간·크기 대비로만 세운다.
 * (밑줄은 인스타 핸들에서 이미 걷어낸 언어라 여기서도 쓰지 않는다.) */
.eei-info .eei-reg {
  margin-top: 0.85em;
  color: var(--eei-fg);
}
.eei-info .eei-reg-a {
  display: inline-block;
  position: relative;
  font-family: "Space Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.85;
}
/* 보이는 상자는 글자 크기 그대로 두고(우측 정렬에서 윗줄 오른쪽 끝과 어긋나지 않게)
 * 탭 타깃만 위아래로 넓힌다 → 12 + 28 = 40px. 가로로는 넓히지 않는다:
 * 안전대 밖으로 나가면 배경 터치를 그만큼 더 가리고 문서 폭도 늘어날 수 있다. */
.eei-info .eei-reg-a::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  bottom: -14px;
}

.eei-credits[data-cols="2"] {
  display: flex;
  gap: min(9vw, 40px);
}
.eei-credits[data-cols="2"] .eei-sec + .eei-sec { margin-top: 0; }
.eei-credits .eei-sec + .eei-sec { margin-top: 1.1em; }
.eei-credits .eei-h {
  font-weight: 700;
  letter-spacing: 0.09em;
  margin-bottom: 0.35em;
  white-space: nowrap;
}
.eei-credits .eei-n { white-space: nowrap; }
.eei-credits .eei-ig {
  color: var(--eei-dim);
  text-decoration: none;
}

.eei-logo a {
  display: block;
  padding: 0;
}
.eei-logo img {
  display: block;
  width: 100%;
  height: auto;
  filter: var(--eei-glow);
}