/* 남색 두 면 사이로 사진이 열리는 대형 타이포 구성이에요. */
.iB-intro, .iB-intro * { box-sizing: border-box; }
.iB-intro {
  position: fixed; inset: 0; z-index: 100100; overflow: hidden;
  color: #f4f0e7; background: #202c4f; isolation: isolate;
  font-family: Pretendard, "Apple SD Gothic Neo", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.iB-picture, .iB-photo { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.iB-photo { object-fit: cover; object-position: center; }
.iB-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,21,29,.54), rgba(8,21,29,.06) 70%); }
.iB-curtain { position: absolute; left: 0; width: 100%; height: calc(50% + 1px); background: #202c4f; will-change: transform; }
.iB-curtain-top { top: 0; }
.iB-curtain-bottom { bottom: 0; }
.iB-brand { position: absolute; left: 6%; top: 6%; width: clamp(220px, 23vw, 330px); height: auto; display: block; }
.iB-open { position: absolute; top: 6.5%; right: 6%; margin: 0; color: #d2bb95; font-size: 12px; line-height: 1.6; letter-spacing: .12em; }
.iB-title {
  position: absolute; top: calc(50% - 1.45em); left: 7%; right: 7%; margin: 0;
  font-size: clamp(40px, 4.3vw, 82px); font-weight: 500;   /* 2026-10-13 7.1vw → 4.3vw (대표님 「글씨 좀 큰 듯」) */
  line-height: 1.37; letter-spacing: -.05em;
}
.iB-row { display: block; overflow: hidden; padding-bottom: .08em; }
.iB-row-second { text-align: right; }
.iB-line { display: inline-block; white-space: nowrap; transform: translateY(115%); }
.iB-axis { position: absolute; top: 50%; left: 7%; right: 7%; height: 1px; background: #d2bb95; opacity: .28; transform: scaleX(0); transform-origin: left; }
.iB-signature { position: absolute; left: 7.3%; bottom: 9%; margin: 0; opacity: 0; transform: translateY(12px); }
.iB-kicker { display: block; margin-bottom: 13px; color: #d2bb95; font-size: 10px; letter-spacing: .23em; }
.iB-avenue { display: block; font-family: "Gilda Display", Georgia, serif; font-size: clamp(28px, 3vw, 56px); font-weight: 400; line-height: 1; letter-spacing: -.04em; }
.iB-skip {
  position: absolute; right: 6%; bottom: max(5%, env(safe-area-inset-bottom));
  display: flex; align-items: center; gap: 14px; min-height: 48px; padding: 0 0 0 12px;
  border: 0; background: transparent; color: #f4f0e7;
  font: 400 11px/1 Pretendard, sans-serif; letter-spacing: .14em; cursor: pointer;
}
.iB-skip-ring { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(244,240,231,.45); border-radius: 50%; font-size: 18px; }
.iB-skip:hover .iB-skip-ring { background: rgba(244,240,231,.12); border-color: #f4f0e7; }
.iB-skip:focus-visible { outline: 2px solid #d2bb95; outline-offset: 5px; }
@media (max-width: 767px) {
  .iB-brand { left: 24px; top: max(34px, env(safe-area-inset-top)); width: 250px; max-width: calc(100% - 48px); }
  .iB-open { top: 12%; left: 24px; right: auto; font-size: 10px; letter-spacing: .09em; }
  .iB-title { top: 32%; left: 24px; right: 24px; font-size: clamp(25px, 8.8vw, 58px); line-height: 1.75; letter-spacing: -.045em; }
  .iB-axis { top: 50%; left: 24px; right: 24px; }
  .iB-signature { left: 24px; bottom: 20%; }
  .iB-kicker { margin-bottom: 14px; font-size: 9px; letter-spacing: .2em; }
  .iB-avenue { font-size: clamp(36px, 11vw, 70px); letter-spacing: -.035em; }
  .iB-skip { right: 24px; bottom: max(4%, env(safe-area-inset-bottom)); }
  .iB-shade { background: linear-gradient(180deg, rgba(8,21,29,.55), rgba(8,21,29,.10) 70%); }
}
@media (max-height: 600px) and (min-width: 768px) {
  .iB-title { top: 24%; font-size: min(6vw, 72px); line-height: 1.28; }
  .iB-avenue { font-size: 40px; }
  .iB-signature { bottom: 7%; }
}
@media (prefers-reduced-motion: reduce) {
  .iB-intro { visibility: hidden; pointer-events: none; }
}

/* 2026-10-13 밤 (대표님 「글자크기가 뚝 바뀜」): 글꼴을 기다리는 동안 작은 글씨를 숨긴다 — 임시 글꼴로 보였다가 바뀌지 않게. 재생이 시작되면(.iB-go) 타임라인이 보여준다 */
.iB-intro:not(.iB-go) .iB-open, .iB-intro:not(.iB-go) .iB-skip { opacity: 0; }
/* 글꼴이 1.2초 안에 끝내 안 오면 인트로 내내 기기 기본 글꼴로 고정 — 웹글꼴(Noto Sans KR 등)은 넣지 않는다(그것도 늦게 와서 바뀐다) */
.iB-intro.iB-sysfont, .iB-intro.iB-sysfont .iB-skip { font-family: "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; }
.iB-intro.iB-sysfont .iB-avenue { font-family: Georgia, "Times New Roman", serif; }