body.stargate-crimson {
  --sg-ink: #10090b;
  --sg-panel: #211115;
  --sg-wine: #591b23;
  --sg-gold: #e9bd78;
  --sg-light: #fff1d4;
  --sg-line: #5b3a2c;
  --jade: var(--sg-gold);
  --jade-dark: #341319;
  --obsidian: var(--sg-ink);
  --surface: var(--sg-panel);
  --muted: #cbb4a8;
  --border: var(--sg-line);
  --text: var(--sg-light);
  --gold: var(--sg-gold);
  --accent: var(--sg-gold);
  --bg: var(--sg-ink);
  color-scheme: dark;
  background: radial-gradient(ellipse at 50% 42%, #2a1118 0%, transparent 58%), var(--sg-ink);
}
.stargate-crimson .new-wrap { width: min(100% - 3rem, 1200px); }
.sg-header {
  z-index: 2;
  background: linear-gradient(180deg, #1d0d10, #11090a);
  border-bottom: 1px solid #795034;
}
.sg-header .sg-nav { min-height: 84px; flex-wrap: nowrap; padding-block: 5px; }
.sg-brand { display: inline-flex; align-items: center; flex: none; }
.sg-logo { max-width: 100%; height: auto; }
.sg-brand img { width: 142px; height: auto; display: block; }
.sg-nav nav { justify-content: center; gap: clamp(1rem, 2.2vw, 2rem); }
.sg-nav nav a {
  font-family: PortalDisplay, sans-serif; font-size: 1.07rem;
  text-transform: uppercase; letter-spacing: .09em; text-decoration: none;
  color: #edd5b0; padding-block: .35rem; border-bottom: 1px solid transparent;
}
.sg-nav nav a:hover, .sg-nav nav a[aria-current] { color: var(--sg-gold); border-bottom-color: var(--sg-gold); }
.stargate-crimson .new-language select {
  background: #201013; border-color: #654438; border-radius: 3px;
  min-height: 39px; color: var(--sg-light);
}
.stargate-crimson .new-preview { background: #2d1619; color: #f2d6b0; border-bottom: 1px solid var(--sg-line); }
.sg-hero {
  position: relative; isolation: isolate; overflow: hidden; display: grid;
  min-height: clamp(520px, 66vh, 720px);
  background: #2b1017 url("../reference/assets/hero.webp") 68% 43% / cover no-repeat;
}
.sg-hero::before, .sg-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: -1; }
.sg-hero::before {
  background:
    linear-gradient(0deg, #10090b 0%, #10090b18 36%, #180b100d 74%, #10090b60 100%),
    linear-gradient(90deg, #170a10 1%, #210d14f2 29%, #321117ab 48%, #40121c16 79%, #1a0a1139);
}
.sg-hero::after { background: radial-gradient(ellipse at 78% 57%, #e05a2b26 0%, transparent 58%); }
.sg-hero-layout {
  position: relative; display: flex; align-items: center; padding-block: 2.45rem 3.85rem;
}
.sg-hero-content { width: min(100%, 590px); }
.sg-overline {
  display: flex; align-items: center; gap: .9rem; width: fit-content;
  color: #f3cd91; font: 1rem PortalDisplay, sans-serif; text-transform: uppercase; letter-spacing: .24em;
}
.sg-overline span { width: 8px; height: 8px; transform: rotate(45deg); background: #edbc6e; box-shadow: 0 0 16px #e8894899; }
.sg-hero h1 { margin: .15rem 0 -.85rem; line-height: 1; }
.sg-hero-logo {
  display: block; width: min(100%, 548px); height: auto; margin-inline-start: -5.7%;
  filter: drop-shadow(0 12px 16px #0c0205e5) drop-shadow(0 0 38px #a52a234f);
}
.sg-hero-lead {
  color: var(--sg-light); font: 700 clamp(2.5rem, 5.4vw, 4.5rem)/1 Georgia, serif;
  margin: 0 0 .5rem; letter-spacing: -.035em; text-shadow: 0 3px 22px #070206;
}
.sg-hero-desc { max-width: 31ch; margin: 0; color: #eed8ce; font-size: clamp(1.04rem, 1.7vw, 1.22rem); line-height: 1.5; }
.sg-hero-inscription {
  position: absolute; right: 0; bottom: 2rem;
  padding: .5rem 0 .5rem 1.3rem; border-left: 1px solid #e1ad7370;
  color: #f6d7ad; font: .92rem PortalDisplay, sans-serif; letter-spacing: .23em;
}
.sg-hero-inscription span { margin-right: .6em; color: var(--sg-gold); }
.stargate-crimson .new-button {
  border-radius: 3px; background: linear-gradient(165deg, #f4d092, #c99050);
  border: 1px solid #f8ce8c; color: #221010; font-size: 1rem; text-decoration: none;
  box-shadow: inset 0 0 0 2px #71362035, 0 5px 18px #15050946;
  transition: background .2s, border-color .2s, box-shadow .2s, transform .2s;
}
.stargate-crimson .new-button:hover { background: #ffe1a7; color: #221010; box-shadow: 0 0 24px #d8944554; transform: translateY(-2px); }
.stargate-crimson .new-button.ghost { background: #200d13ce; color: var(--sg-light); border-color: #9b6846; box-shadow: none; }
.stargate-crimson .new-button.ghost:hover { background: #42171f; color: var(--sg-light); border-color: var(--sg-gold); }
.sg-actions { margin-top: 1.35rem; }
.sg-divider {
  position: relative; display: flex; align-items: center; justify-content: center;
  color: #eac27e; text-shadow: 0 0 20px #ff7f4f; height: 1.5rem; margin-top: -.75rem;
}
.sg-divider::before, .sg-divider::after { content: ""; flex: 1; height: 1px; }
.sg-divider::before { background: linear-gradient(90deg, transparent, #d9955d); }
.sg-divider::after { background: linear-gradient(90deg, #d9955d, transparent); }
.sg-divider span { margin-inline: .75rem; font-size: .75rem; }
.stargate-crimson .new-section h2, .stargate-crimson .new-inner h1 {
  color: var(--sg-light); font-family: Georgia, serif; font-weight: 700; line-height: 1.05;
}
.sg-start { padding-block: 3.3rem 4.3rem; }
.sg-start .new-section-top { margin-bottom: 1.8rem; }
.sg-start h2 { font-size: clamp(2.65rem, 5vw, 4.25rem); }
.stargate-crimson .new-tile {
  text-decoration: none; border-radius: 3px; min-height: 132px;
  background: linear-gradient(140deg, #32171c, #1d1013 74%);
  border: 1px solid #6a4334; padding: 1.2rem 2.7rem 1.2rem 1.3rem;
  box-shadow: inset 0 0 0 4px #10090b38; transition: border-color .2s, transform .2s, background .2s;
}
.stargate-crimson .new-tile:hover { background: linear-gradient(140deg, #4a1d25, #251014); border-color: #e1aa6b; transform: translateY(-3px); }
.sg-pathways .new-tile strong { font: 700 clamp(1.55rem, 2.1vw, 2rem)/1.05 Georgia, serif; }
.sg-pathways .new-tile p { margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.35; }
.sg-pathways .new-tile small { color: var(--sg-gold); font: .92rem PortalDisplay, sans-serif; letter-spacing: .21em; }
.sg-pathways .new-tile span { font-size: 1.3rem; line-height: 1; }
.stargate-crimson .new-info {
  background: linear-gradient(145deg, #33171f, #1b0e12); border-color: var(--sg-line);
  border-radius: 4px; box-shadow: inset 0 0 0 4px #10090b42;
}
.stargate-crimson .new-info h2 { font-family: Georgia, serif; }
.stargate-crimson .portal-card, .stargate-crimson .news-card {
  border-color: var(--sg-line); background-color: var(--sg-panel);
}
.sg-footer { background: #120a0c; border-top: 1px solid #70492f; }
.sg-footer-brand { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; font-size: .9rem; }
.sg-footer-brand img { width: 124px; }
.sg-admin-brand { display: inline-flex; align-items: center; gap: .7rem; }
.sg-admin-brand img { width: 130px; height: auto; }
@media (max-width: 760px) {
  .stargate-crimson .new-wrap { width: calc(100% - 2rem); }
  .sg-header .sg-nav { flex-wrap: wrap; min-height: 0; gap: .4rem .6rem; padding-block: .5rem; }
  .sg-header .sg-brand img { width: 118px; }
  .sg-nav nav { justify-content: flex-start; order: 3; width: 100%; gap: .35rem 1.1rem; }
  .sg-nav nav a { font-size: .95rem; }
  .sg-header .new-header-actions { margin-left: auto; gap: .45rem; }
  .stargate-crimson .new-language select { max-width: 94px; font-size: .93rem; }
  .sg-hero { min-height: 500px; background-position: 63% 36%; }
  .sg-hero::before { background: linear-gradient(0deg, #10090b 0%, #200c14e8 37%, #270e1577 78%, #170a102b), linear-gradient(90deg, #170a10a6, transparent); }
  .sg-hero-layout { padding-block: 4.3rem 3.8rem; align-items: end; }
  .sg-hero-logo { width: min(108%, 460px); max-width: calc(100% + 1rem); }
  .sg-hero-inscription { display: none; }
  .sg-pathways { grid-template-columns: 1fr; }
  .sg-start { padding-block: 2.5rem 3rem; }
}
@media (max-width: 350px) {
  .sg-header .sg-brand img { width: 94px; }
  .stargate-crimson .new-language select { max-width: 79px; }
}
@media (prefers-reduced-motion: reduce) {
  .stargate-crimson .new-button, .stargate-crimson .new-tile { transition: none; }
  .stargate-crimson .new-button:hover, .stargate-crimson .new-tile:hover { transform: none; }
}