:root {
  --violet: #f4c542;
  --violet2: #d9a900;
  --mint: #f4c542;
  --electric: #f4c542;
  --ice: #fff3b8;
  --hairline: #ffffff24;
  --bg: #070809;
  --panel: #101214;
  --panel2: #17191c;
  --line: #2b2e31;
  --text: #f8f7f2;
  --muted: #a7aaad;
}

body {
  background:
    linear-gradient(90deg, transparent 0 49.94%, #f4c5420b 50%, transparent 50.06%),
    radial-gradient(circle at 82% -8%, #f4c5421d, transparent 31rem),
    #070809;
}

.site-header {
  border-color: var(--hairline);
  background: #070809ed;
}

.brand-mark {
  position: relative;
  width: 58px;
  height: 42px;
  overflow: visible;
  color: #070809;
  background: #f4c542;
  border: 0;
  border-radius: 2px;
  box-shadow: 4px 4px 0 #f8f7f2;
  font: 950 .8rem/1 Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -.04em;
}

.brand-mark::after {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1px solid #0708094d;
  pointer-events: none;
}

.brand strong { letter-spacing: -.02em; }

.brand small,
.site-header nav,
.quick-search-trigger { color: #a7aaad; }

.brand small { color: #f4c542; }

.mag-hero {
  background:
    linear-gradient(90deg, #ffffff09 1px, transparent 1px) 0 0 / 76px 100%,
    linear-gradient(125deg, #141618f7, #070809fa 58%, #121000f5),
    #070809;
}

.mag-hero::after {
  content: "T2U MAGAZINE / CURRENT EDITION";
  position: absolute;
  right: 28px;
  bottom: 22px;
  z-index: 3;
  color: #f4c542;
  font: 800 .58rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .16em;
}

.mag-hero:before {
  background: radial-gradient(520px circle at var(--hero-x, 72%) var(--hero-y, 34%), #f4c5421d, transparent 68%);
}

.eyebrow,
.kicker,
.product-label,
.post-meta span:first-child,
.carousel-story b,
.carousel-story small { color: #f4c542; }

.eyebrow i,
.live-dot {
  background: #f4c542;
  box-shadow: 0 0 16px #f4c542;
}

.mag-hero h1,
.article-header h1,
.cover-story .post-copy h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: -.055em;
}

.mag-hero h1 em {
  color: #f4c542;
  background: none;
}

.header-cta,
.button {
  color: #070809;
  background: #f4c542;
  border-radius: 3px;
}

.post-card,
.department-card,
.product-card,
.social-channel,
.content-explorer,
.editorial-pulse,
.support-panel,
.facebook-now,
.editorial-contact {
  border-color: var(--hairline);
  background-color: #101214;
}

.post-card,
.department-card,
.product-card,
.carousel-story,
.social-channel { border-radius: 4px; }

.premium-spotlight:before {
  background: radial-gradient(260px circle at var(--spot-x, -100px) var(--spot-y, -100px), #f4c54221, transparent 64%);
}

.reading-progress span,
.prose h2:before { background: #f4c542; }

.contact-mail {
  color: #070809;
  background: #f4c542;
  border-color: #fff4ad;
}

@media (width <= 680px) {
  .brand-mark {
    width: 52px;
    height: 38px;
  }

  .brand strong { font-size: .88rem; }

  .mag-hero::after {
    right: 16px;
    bottom: 14px;
    font-size: .5rem;
  }
}

/* Luxury edition: oxblood + antique gold */
:root {
  --burgundy: #2a0d17;
  --burgundy-deep: #10070a;
  --gold: #b69146;
  --gold-light: #d6b66f;
  --violet: var(--gold);
  --violet2: #806027;
  --mint: var(--gold);
  --electric: var(--gold);
  --ice: #eee0c5;
  --hairline: #b6914633;
  --bg: #0b0708;
  --panel: #151012;
  --panel2: #1e1518;
  --line: #3a292e;
  --text: #f4ede2;
  --muted: #b1a4a6;
}

body {
  background:
    linear-gradient(90deg, transparent 0 49.94%, #b6914609 50%, transparent 50.06%),
    radial-gradient(circle at 82% -8%, #5a172936, transparent 34rem),
    #0b0708;
}

.site-header {
  border-color: #b6914630;
  background: #0b0708f0;
}

.brand-mark {
  color: #170b0e;
  background: linear-gradient(145deg, #d1ad63, #927033);
  box-shadow: 4px 4px 0 #4a1826;
}

.brand-mark::after { border-color: #2a0d1766; }
.brand small { color: var(--gold-light); }

.mag-hero {
  background:
    linear-gradient(90deg, #d6b66f0a 1px, transparent 1px) 0 0 / 76px 100%,
    linear-gradient(125deg, #2a0d17f2, #0b0708fa 57%, #21140df2),
    #0b0708;
}

.mag-hero::after,
.eyebrow,
.kicker,
.product-label,
.post-meta span:first-child,
.carousel-story b,
.carousel-story small,
.brand small { color: var(--gold-light); }

.mag-hero:before {
  background: radial-gradient(520px circle at var(--hero-x, 72%) var(--hero-y, 34%), #b6914624, transparent 68%);
}

.mag-hero h1 em { color: var(--gold-light); }

.eyebrow i,
.live-dot {
  background: var(--gold);
  box-shadow: 0 0 16px #b69146a3;
}

.header-cta,
.button {
  color: #170b0e;
  background: linear-gradient(145deg, #d1ad63, #a77d36);
}

.post-card,
.department-card,
.product-card,
.social-channel,
.content-explorer,
.editorial-pulse,
.support-panel,
.facebook-now,
.editorial-contact {
  border-color: #b6914626;
  background-color: #151012;
}

.premium-spotlight:before {
  background: radial-gradient(260px circle at var(--spot-x, -100px) var(--spot-y, -100px), #b6914624, transparent 64%);
}

.reading-progress span,
.prose h2:before { background: var(--gold); }

.contact-mail {
  color: #170b0e;
  background: linear-gradient(145deg, #d4b46d, #a67c38);
  border-color: #d6b66f80;
}

/* T2U Magazine editorial wordmark — no badge or container */
.brand-mark {
  width: 132px;
  height: 58px;
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.brand-mark::after { content: none; }

.brand-mark img {
  display: block;
  width: 132px;
  height: 58px;
  object-fit: contain;
}

@media (width <= 680px) {
  .brand-mark,
  .brand-mark img {
    width: 112px;
    height: 48px;
  }
}