/* 로고 "정사주" 세 글자는 1.8KB 서브셋으로 — 원본(1.1MB)은 다른 글자를 쓰는 화면에서만 내려받는다. */
@font-face {
  font-family: JeongsajuLandingWordmark;
  src: url("/fonts/jeongsaju-wordmark-v2.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  unicode-range: U+20, U+C0AC, U+C815, U+C8FC;
}
@font-face {
  font-family: JeongsajuLandingWordmark;
  src: url("/fonts/Solmoe-KimDaeGeon-Medium.otf") format("opentype");
  font-weight: 400;
  font-display: swap;
  unicode-range: U+21-C0AB, U+C0AD-C814, U+C816-C8FB, U+C8FD-10FFFF;
}

/* Cover headers share one position; input-step navigation keeps its own layout. */
:is(
  .man-site-header,
  .cover > .brand-header,
  .opening > .site-header,
  header:has(+ .hero)
) {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 70px !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 60 !important;
  pointer-events: none;
}

:is(
  .man-site-header .man-home-back,
  .cover > .brand-header .home-back,
  .opening > .site-header .home-back,
  header:has(+ .hero) > .back
) {
  display: none !important;
}

:is(
  .landing-wordmark,
  .man-site-header .man-brand,
  .cover > .brand-header .brand-home,
  .opening > .site-header .brand,
  header:has(+ .hero) > a,
  .cover > a.brand
) {
  position: absolute !important;
  top: max(20px, env(safe-area-inset-top)) !important;
  left: 20px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 60 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 44px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: var(--landing-wordmark-ink, #fff) !important;
  font:
    400 24px/1.25 JeongsajuLandingWordmark,
    serif !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-shadow: var(--landing-wordmark-shadow, 0 2px 7px #000) !important;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: auto;
}

:is(
  .man-site-header .man-brand,
  .cover > .brand-header .brand-home,
  .opening > .site-header .brand,
  header:has(+ .hero) > a,
  .cover > a.brand
) {
  font-size: 0 !important;
}

:is(
  .man-site-header .man-brand,
  .cover > .brand-header .brand-home,
  .opening > .site-header .brand,
  header:has(+ .hero) > a,
  .cover > a.brand
)::after {
  content: "정사주";
  display: block;
  font:
    400 24px/1.25 JeongsajuLandingWordmark,
    serif;
}

:is(
    .man-site-header .man-brand,
    .cover > .brand-header .brand-home,
    .opening > .site-header .brand,
    header:has(+ .hero) > a
  )
  > img {
  display: none !important;
}

.landing-wordmark--light {
  --landing-wordmark-ink: #161616;
  --landing-wordmark-shadow: 0 1px 5px #fff9;
}

.man-site-header button {
  pointer-events: auto;
}

.landing-wordmark:focus-visible,
:is(
  .man-site-header .man-brand,
  .cover > .brand-header .brand-home,
  .opening > .site-header .brand,
  header:has(+ .hero) > a,
  .cover > a.brand
):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}