/* Cowart 07: Chinese-first lockup, original seal, quiet central titles. */
body.cowart-refined {
  --hero-ink: #fff;
  --hero-text-shadow: 0 1px 3px rgb(0 0 0 / .25);
}

body.cowart-refined[data-hero-tone="dark"] {
  --hero-ink: #101719;
  --hero-text-shadow: none;
}

body.c-black-dtype.cowart-refined .brand-lockup {
  --wordmark-width: 114px;
  --aligned-wordmark-width: 97.4px;
  --seal-width: 30.17px;
  --brand-gap: 12px;
  grid-template-rows: 24.2px 14.93px;
  row-gap: 4px;
  align-content: center;
  height: 48px;
  color: inherit;
}

body.c-black-dtype.cowart-refined .brand-seal {
  height: 48px;
  align-self: center;
}

body.c-black-dtype.cowart-refined .brand-subtitle {
  grid-row: 1;
  align-self: start;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: .14em;
  padding-left: .14em;
  white-space: nowrap;
}

body.c-black-dtype.cowart-refined .brand-wordmark {
  grid-row: 2;
  align-self: end;
  justify-self: center;
  /* Match the PingFang Chinese ink edges, preserving its accepted tracking. */
  width: var(--aligned-wordmark-width);
  transform: translateX(.32px);
}

body.cowart-refined.home-page .site-header {
  color: var(--hero-ink);
}

body.cowart-refined.home-page .site-header::before { background: none; }
body.cowart-refined.home-page .desktop-nav a { text-shadow: var(--hero-text-shadow); }
body.cowart-refined.home-page .desktop-nav .investor-link { border-color: currentColor; }
body.cowart-refined.home-page[data-hero-tone="dark"] .site-header .brand-seal {
  filter: brightness(0);
}

body.cowart-refined .hero-shade {
  background: linear-gradient(180deg, transparent 65%, rgb(8 15 21 / .12) 78%, rgb(8 15 21 / .62));
}

body.cowart-refined .hero .hero-composition {
  top: 36%;
  left: 50%;
  right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: max-content;
  max-width: calc(100% - 48px);
  margin: 0;
  transform: translate(-50%, -50%);
  text-align: center;
}

body.cowart-refined .hero .hero-title {
  display: block;
  margin: 0;
  font-family: var(--brand-label-font);
  font-size: clamp(23px, 2.6vw, 38px);
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: .1em;
  padding-left: .1em;
  white-space: nowrap;
  color: var(--hero-ink);
  text-shadow: var(--hero-text-shadow);
}

body.cowart-refined .hero-english {
  white-space: nowrap;
  margin: 0;
  font-family: var(--brand-label-font);
  font-size: clamp(12px, 1.1vw, 16px);
  line-height: 1.6;
  letter-spacing: .055em;
  color: var(--hero-ink);
  text-shadow: var(--hero-text-shadow);
}

body.cowart-refined .hero-outro {
  inset: auto;
  top: 36%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  max-width: calc(100% - 48px);
  padding: 0;
  gap: 5px;
  color: var(--hero-ink);
  text-shadow: var(--hero-text-shadow);
}

body.cowart-refined .hero-outro-subtitle {
  font-size: clamp(26px, 2.2vw, 34px);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: .15em;
  padding-left: .15em;
}

body.cowart-refined .hero-outro-name {
  font-size: clamp(13.5px, 1.2vw, 18.5px);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: .28em;
  padding-left: .28em;
  transform: scaleY(.88);
}

@media (max-width: 760px) {
  body.c-black-dtype.cowart-refined .brand-lockup {
    --wordmark-width: 100px;
    --aligned-wordmark-width: 84.1px;
    --seal-width: 26.4px;
    --brand-gap: 10px;
    grid-template-rows: 20.9px 13.1px;
    row-gap: 3px;
    height: 42px;
  }
  body.c-black-dtype.cowart-refined .brand-seal { height: 42px; }
  body.c-black-dtype.cowart-refined .brand-subtitle { font-size: 19px; }
  body.cowart-refined .hero .hero-title { font-size: clamp(21px, 6.15vw, 29px); letter-spacing: .05em; padding-left: .05em; }
  body.cowart-refined .hero-english { font-size: 12px; letter-spacing: .025em; }
  body.cowart-refined .hero-outro { gap: 4px; }
  body.cowart-refined .hero-outro-subtitle { font-size: 26px; }
  body.cowart-refined .hero-outro-name { font-size: 13.5px; }
}

@media (max-height: 550px) and (min-width: 761px) {
  body.cowart-refined .hero .hero-composition { top: 39%; }
  body.cowart-refined .hero-outro { top: 39%; }
}
