/* [코대리] 공식 WITY와 새 WITYX 로고의 원본 비율·색감을 유지하는 브랜드 배치 */
.wityx-brand-logo {
  width: 142px;
  height: auto;
  flex: none;
  mix-blend-mode: screen;
}
.wity-official-logo {
  display: inline-block;
  position: relative;
  width: 108px;
  aspect-ratio: 2.72;
  overflow: hidden;
  vertical-align: middle;
  flex: none;
}
.wity-official-logo img {
  position: absolute;
  width: 130%;
  max-width: none;
  height: auto;
  max-height: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.wordmark { min-height: 44px; }
.wordmark .wityx-brand-logo { width: 150px; }
.scene-stamp .wity-official-logo { width: 69px; margin-bottom: 11px; }
.network-inner .network-brand { display: flex; align-items: center; gap: 16px; }
.network-brand .wity-official-logo { width: 83px; }
.network-brand .wityx-brand-logo { width: 103px; }
.network-inner .network-brand small { margin-left: 0; }
.app-frame-top .wity-official-logo { width: 65px; }
.token-brand-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 80px;
  padding: 8px 5px;
  background: #101b2b;
  border: 1px solid #3e6385;
  border-radius: 8px;
}
.token-brand-badge .wityx-brand-logo { width: 70px; }
.pass-top .wityx-brand-logo { width: 105px; }
.benefit-pass { background: linear-gradient(135deg, #24465e, #152a40 44%, #101d2b 72%, #3e555d); }
.destination-card h3 { display: flex; align-items: center; gap: 18px; }
.destination-card h3 .wity-official-logo { width: 132px; }
.destination-card h3 > span:last-child { font-size: 25px; }
.closing-wordmark { margin: 45px auto 22px; width: min(750px, 90%); }
.closing-wordmark .wityx-brand-logo { width: 100%; opacity: .45; }
.hero-stage[data-canvas-state=fallback]::after,
.hero-stage:has(canvas[data-canvas-state=fallback])::after {
  content: "";
  background: url("assets/wityx-logo.png") center / 90% auto no-repeat, #101a28;
  mix-blend-mode: screen;
}
@media (max-width: 1150px) {
  .network-inner .network-brand { flex-direction: column; gap: 4px; }
  .network-brand .wity-official-logo { width: 72px; }
  .network-brand .wityx-brand-logo { width: 90px; }
}
@media (max-width: 680px) {
  .wordmark .wityx-brand-logo { width: 126px; }
  .destination-card h3 .wity-official-logo { width: 115px; }
  .destination-card h3 > span:last-child { font-size: 24px; }
  .closing-wordmark { margin-top: 40px; width: 100%; }
  .pass-top .wityx-brand-logo { width: 97px; }
}
@media (max-width: 359px) {
  .wordmark .wityx-brand-logo { width: 112px; }
  .destination-card h3 { gap: 13px; }
  .destination-card h3 .wity-official-logo { width: 100px; }
  .destination-card h3 > span:last-child { font-size: 22px; }
}