/* ============================================================
   Nusa Cipta — "bilah cipta" logo mark
   Reusable, scalable CSS logo. Set --mark to size it.
   Ported from "Nusa Cipta Logo Drafts.dc.html" brand sheet.
   ============================================================ */

.nc-mark {
  --mark: 44px;
  --bar-primary: #0b6b73;
  --bar-secondary: #7bb0b3;
  width: var(--mark);
  height: var(--mark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.nc-mark > span {
  display: block;
  border-radius: calc(var(--mark) * 0.16);
  transform: rotate(-30deg);
}

/* Primary blade — tall */
.nc-mark > .nc-bar-a {
  width: calc(var(--mark) * 0.318);
  height: calc(var(--mark) * 0.886);
  background: var(--bar-primary);
}

/* Secondary blade — short, overlapping */
.nc-mark > .nc-bar-b {
  width: calc(var(--mark) * 0.318);
  height: calc(var(--mark) * 0.568);
  background: var(--bar-secondary);
  margin-left: calc(var(--mark) * -0.045);
}

/* --- App-icon lockup: rounded teal tile with light blades --- */
.nc-mark--icon {
  background: #0b6b73;
  border-radius: calc(var(--mark) * 0.25);
  --bar-primary: #ffffff;
  --bar-secondary: #bfe0e1;
}

/* --- On dark backgrounds (bare mark) --- */
.nc-mark--on-dark {
  --bar-primary: #7bb0b3;
  --bar-secondary: #bfe0e1;
}

/* --- Single-colour / mono print --- */
.nc-mark--mono {
  --bar-primary: #132528;
  --bar-secondary: #132528;
}
.nc-mark--mono > .nc-bar-b { opacity: 0.55; }

/* --- Wordmark (Spectral serif, per brand sheet) --- */
.nc-wordmark {
  font-family: 'Spectral', serif;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: #132528;
  line-height: 1;
}