/* 새 DRAMORY BI (2026-09-29, 원본 docs/website/brand/). 제작사 사이트 studio.dramory.ai 는
   DRAMORY 로고에 STUDIO 를 붙인 한 덩어리 로고를 쓴다. 로고 글자는 화면 낭독기용으로 남기고 그림으로 보인다.
   로고 색은 currentColor — 밝은 머리글에서는 먹색, 홈의 어두운 머리글에서는 종이색. */
.logo {
  display: inline-flex;
  align-items: center;
  font-size: 0 !important;
  line-height: 1;
  color: inherit;
  text-decoration: none;
}

/* DRAMORY + STUDIO(Helvetica Neue Light) 한 덩어리 로고. 대문자 높이·기준선이 같다.
   만드는 법: brand/build_studio_lockup.py */
.logo::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 250px;
  height: 23.5px;
  background: currentColor;
  -webkit-mask: url(/assets/brand/dramory-studio-20260929.svg) no-repeat left center / contain;
  mask: url(/assets/brand/dramory-studio-20260929.svg) no-repeat left center / contain;
}

.logo span {
  font-size: 0 !important;
}

@media (max-width: 760px) {
  .logo::before {
    width: 156px;
    height: 14.7px;
  }
}

/* 웹툰 뷰어 상단 바의 DRAMORY 링크 */
.wt-logo {
  display: inline-flex;
  align-items: center;
  font-size: 0 !important;
  color: inherit;
}

.wt-logo::before {
  content: "";
  display: block;
  width: 84px;
  height: 21.3px;
  background: currentColor;
  -webkit-mask: url(/assets/brand/dramory-horizontal-20260929.svg) no-repeat center / contain;
  mask: url(/assets/brand/dramory-horizontal-20260929.svg) no-repeat center / contain;
}