/* 세 개의 사진 창이 이어져 하나의 실제 투시도가 돼요. */
.iC-intro, .iC-intro * { box-sizing: border-box; }
.iC-intro {
  position: fixed; inset: 0; z-index: 100100; overflow: hidden;
  background: #172e2c; color: #f1eee5; isolation: isolate;
  font-family: Pretendard, "Apple SD Gothic Neo", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.iC-windows, .iC-window, .iC-picture, .iC-photo { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.iC-window { will-change: clip-path; }
.iC-window-one { clip-path: inset(48% 74% 52% 8%); }
.iC-window-two { clip-path: inset(48% 41% 52% 41%); }
.iC-window-three { clip-path: inset(48% 8% 52% 74%); }
.iC-photo { object-fit: cover; object-position: center; }
.iC-shade { position: absolute; inset: 0; opacity: 0; background: linear-gradient(90deg, rgba(8,21,29,.54), rgba(8,21,29,.06) 70%); }
.iC-divider { position: absolute; top: 23%; bottom: 18%; width: 1px; background: rgba(210,187,149,.3); transform: scaleY(0); transform-origin: top; }
.iC-divider-one { left: 33.3333%; }
.iC-divider-two { left: 66.6667%; }
.iC-brand { position: absolute; left: 50%; top: 8%; width: clamp(240px, 27vw, 360px); height: auto; display: block; transform: translateX(-50%); opacity: 0; }
.iC-values { position: absolute; inset: 0; }
.iC-value { position: absolute; top: 70%; width: 33.3333%; margin: 0; text-align: center; font-family: "Noto Serif KR", serif; font-size: clamp(18px, 1.8vw, 32px); line-height: 1.65; letter-spacing: -.025em; font-weight: 400; opacity: 0; transform: translateY(18px); }
.iC-value span { display: block; }
.iC-value span:first-child { font-family: Pretendard, sans-serif; font-size: .7em; letter-spacing: .01em; }
.iC-value span:last-child { color: #d2bb95; }
.iC-value-one { left: 0; }
.iC-value-two { left: 33.3333%; }
.iC-value-three { left: 66.6667%; }
.iC-signature { position: absolute; bottom: 6%; left: 50%; width: max-content; max-width: 60%; transform: translateX(-50%); margin: 0; font-size: 10px; letter-spacing: .2em; text-align: center; opacity: 0; }
.iC-open { position: absolute; left: 5%; bottom: 6%; margin: 0; color: #d2bb95; font-size: 11px; letter-spacing: .08em; opacity: 0; }
.iC-skip {
  position: absolute; right: 5%; bottom: max(4.4%, env(safe-area-inset-bottom));
  display: flex; align-items: center; gap: 16px; min-height: 46px; padding: 10px 0 10px 12px;
  border: 0; background: transparent; color: #f1eee5;
  font: 400 11px/1 Pretendard, sans-serif; letter-spacing: .12em; cursor: pointer;
}
.iC-skip-line { width: 30px; height: 1px; background: currentColor; display: block; }
.iC-skip:hover .iC-skip-line { width: 40px; }
.iC-skip:focus-visible { outline: 2px solid #d2bb95; outline-offset: 5px; }
@media (max-width: 767px) {
  .iC-brand { top: max(34px, env(safe-area-inset-top)); width: 270px; max-width: calc(100% - 48px); }
  .iC-window-one { clip-path: inset(28% 8% 72% 54%); }
  .iC-window-two { clip-path: inset(48% 8% 52% 54%); }
  .iC-window-three { clip-path: inset(68% 8% 32% 54%); }
  .iC-divider { left: 24px; right: 24px; bottom: auto; height: 1px; width: auto; transform: scaleX(0); transform-origin: left; }
  .iC-divider-one { top: 38%; }
  .iC-divider-two { top: 58%; }
  .iC-value { left: 24px; width: 44%; text-align: left; font-size: clamp(22px, 6.65vw, 36px); line-height: 1.8; letter-spacing: -.03em; }
  .iC-value-one { top: 22%; }
  .iC-value-two { top: 42%; }
  .iC-value-three { top: 62%; }
  .iC-signature { bottom: 14%; width: calc(100% - 48px); max-width: none; font-size: 8px; letter-spacing: .13em; }
  .iC-open { left: 24px; bottom: 6%; font-size: 10px; letter-spacing: .02em; }
  .iC-skip { right: 24px; bottom: max(4%, env(safe-area-inset-bottom)); gap: 10px; }
  .iC-skip-line { width: 22px; }
  .iC-shade { background: linear-gradient(180deg, rgba(8,21,29,.55), rgba(8,21,29,.10) 70%); }
}
@media (max-height: 600px) and (min-width: 768px) {
  .iC-value { font-size: 18px; line-height: 1.4; }
  .iC-brand { top: 7%; width: 260px; }
  .iC-open { font-size: 9px; }
  .iC-signature { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .iC-intro { visibility: hidden; pointer-events: none; }
}