/* Local preview v147: keep one menu anchored above the SERVICES/ABOUT curtain. */
.s03-fixed-bl.is-unlocked,
.s03-fixed-bl.is-unlocked.is-film {
  left: clamp(19px, 4.91vw, 94.3px);
  z-index: 21;
}
.s03-nav-woogi { width: clamp(33.8px, 2.99vw, 46.8px); }
/* The same white logo needs ink treatment when the curtain turns white. */
.s03-fixed-bl.is-unlocked:not(.is-film):not(.is-editorial-dark) .s03-nav-woogi {
  filter: brightness(0);
}

/* The white handoff previously cloned the fixed captions and covered the menu. */
.section03 .s03-fixed-tl,
.section03 .s03-fixed-tr,
.section03 .s03-fixed-br { visibility: hidden !important; }
.s03-preview-copy,
.s03-preview-mouse-cue { display: none !important; }

/* 2 pt = 2.6667 CSS px at 96 dpi. Keep the long Korean notes in two
   balanced lines at desktop widths without changing the authored copy. */
@media (min-width: 701px) {
  .is-psd-story .psd-ko-note {
    font-size: calc(clamp(14px, .945vw, 18.1px) + 2.6667px);
    line-height: 1.4;
    width: min(90vw, 1160px);
    max-width: calc(90vw - 40px);
    white-space: normal;
    text-wrap: balance;
    word-break: keep-all;
  }
  .is-process-story .psd-tools { top: calc(61.5% + 26px); }
  .is-contact-story .psd-contact { top: calc(65.61svh - 30px); }
  .is-contact-story .psd-brand { top: calc(78.61svh + 32px); }
}
@media (max-width: 700px) {
  .psd-note-desktop-break { display: none; }
  .is-psd-story .psd-ko-note {
    font-size: calc(clamp(12px, 3.2vw, 17px) + 9.3334px);
    line-height: 1.45;
    width: auto;
    max-width: 100%;
    white-space: normal;
    word-break: keep-all;
  }
  .is-process-story .psd-tools {
    margin-top: calc(clamp(24px, 3svh, 30px) + 36px);
  }
  .is-contact-story .psd-contact {
    margin-top: calc(clamp(12px, 2.4svh, 25px) + clamp(12px, 2.4svh, 25px) - 6px);
  }
  .is-contact-story .psd-brand { margin-top: 98px; }
  .is-contact-story .psd-contact a { gap: 4px; }
}
@media (max-width: 370px) {
  .s03-nav-woogi { width: 31.2px; }
  .is-psd-story .psd-ko-note { font-size: 20.3334px; }
}
