/* Stargate / Ember — visual theme. */
body.stargate-ember {
  --sg-ink:#0d090a; --sg-panel:#191012; --sg-wine:#6f1d27; --sg-gold:#ecc586;
  --sg-light:#fff0d6; --sg-line:#5e382d; --muted:#cbb5a8; --text:var(--sg-light);
  background:#0d090a;
}
.stargate-ember .new-wrap { width:min(calc(100% - 3.25rem), 1180px); }
.stargate-ember .sg-header { background:#120c0e; border-bottom-color:#573127; box-shadow:0 9px 26px #08040575; }
.stargate-ember .sg-header .sg-nav { min-height:79px; }
.stargate-ember .sg-nav nav { gap:clamp(.7rem,2vw,1.75rem); }
.stargate-ember .sg-nav nav a { font-size:1rem; color:#dbc8b2; letter-spacing:.115em; }
.stargate-ember .sg-nav nav a:hover,.stargate-ember .sg-nav nav a[aria-current] { color:#ffdb9c; border-color:#bd7451; }
.ember-preview { position:absolute; top:90px; right:1rem; z-index:3; padding:.3rem .55rem; background:#1e1014; border:1px solid #70413b; color:#e0bcaa; font: .66rem system-ui,sans-serif; letter-spacing:.12em; pointer-events:none; }
.ember-hero {
  position:relative; isolation:isolate; display:grid; place-items:center; overflow:hidden;
  min-height:clamp(510px,72vh,690px); padding:2.7rem 1.25rem 4.2rem;
  text-align:center; border-bottom:1px solid #6d402b;
  background:#180d12 url("../reference/assets/hero.webp") 57% 43% / cover no-repeat;
}
.ember-hero::before {
  content:""; position:absolute; z-index:-2; inset:0;
  background:
    linear-gradient(0deg,#0d090a 0%,#150a0ccc 22%,transparent 70%,#100a0be8 100%),
    radial-gradient(ellipse at 50% 45%,#53132046 0%,#19090db0 48%,#0a0709e5 100%),
    linear-gradient(90deg,#0d080c 1%,#29121a66 45%,#0d080c66 90%);
}
.ember-hero::after {
  content:""; position:absolute; inset:1rem; z-index:-1; pointer-events:none; opacity:.75;
  background:
    linear-gradient(#b58548,#b58548) left top / 34px 1px no-repeat,
    linear-gradient(#b58548,#b58548) left top / 1px 34px no-repeat,
    linear-gradient(#b58548,#b58548) right top / 34px 1px no-repeat,
    linear-gradient(#b58548,#b58548) right top / 1px 34px no-repeat,
    linear-gradient(#b58548,#b58548) left bottom / 34px 1px no-repeat,
    linear-gradient(#b58548,#b58548) left bottom / 1px 34px no-repeat,
    linear-gradient(#b58548,#b58548) right bottom / 34px 1px no-repeat,
    linear-gradient(#b58548,#b58548) right bottom / 1px 34px no-repeat;
}
.ember-ring {
  position:absolute; z-index:-1; width:min(68vw,630px); aspect-ratio:1;
  top:43%; left:50%; transform:translate(-50%,-50%); pointer-events:none; border-radius:50%;
  border:1px solid #d38b585e;
  box-shadow:0 0 0 10px #7015271f,0 0 0 11px #c77f4940,0 0 90px #9b263026,inset 0 0 95px #9b263035;
  background:radial-gradient(circle,#871b2a2e,transparent 67%);
}
.ember-ring::before,.ember-ring::after {
  content:""; position:absolute; width:9px; height:9px; transform:rotate(45deg); background:#a93436;
  box-shadow:0 0 20px #eb55456e; border:1px solid #dba67a;
}
.ember-ring::before { left:14%; top:14%; }.ember-ring::after { right:14%; bottom:14%; }
.ember-hero-inner { position:relative; width:min(100%,860px); }
.ember-kicker,.ember-section-label {
  color:#e6b97e; font:1rem PortalDisplay,system-ui,sans-serif;
  letter-spacing:.25em; text-transform:uppercase;
}
.ember-kicker { display:flex; justify-content:center; align-items:center; gap:1rem; }
.ember-kicker span { width:38px; height:1px; background:linear-gradient(90deg,transparent,#d8975c); }
.ember-kicker span:last-child { transform:scaleX(-1); }
.ember-hero h1 { margin:1rem 0 .6rem; }
.ember-hero .sg-hero-logo {
  display:block; width:min(100%,720px); max-width:100%; height:auto; margin:0 auto;
  filter:drop-shadow(0 8px 19px #090306) drop-shadow(0 0 30px #9f232c57);
}
.ember-hero-title {
  margin:0; color:#fff0d9; font:700 clamp(2rem,4.9vw,4rem)/1.04 Georgia,serif; letter-spacing:-.036em;
  text-shadow:0 3px 16px #090304;
}
.ember-hero-copy { margin:.65rem auto 0; color:#e1cec4; font-size:clamp(1.02rem,1.8vw,1.2rem); max-width:38ch; }
.ember-hero-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:.75rem; margin-top:1.55rem; }
.stargate-ember .new-button {
  padding:.75em 1.05em; border-color:#dcb17a; border-radius:2px;
  background:linear-gradient(165deg,#ffdda3,#ba8050); box-shadow:inset 0 0 0 2px #54261c50,0 5px 25px #0902037a;
}
.stargate-ember .new-button.mini { padding:.5em .9em; }
.stargate-ember .new-button.ghost { border-color:#956744; background:#1d0d14d9; }
.stargate-ember .new-button:hover { background:#ffe2ad; }
.stargate-ember .new-button.ghost:hover { background:#4a1c27; }
.ember-hero-actions .new-button {
  min-height:48px; justify-content:space-between; gap:1.3rem;
  font:1.05rem PortalDisplay,system-ui,sans-serif; letter-spacing:.095em;
}
.ember-hero-jewel {
  position:absolute; bottom:.75rem; left:50%; transform:translateX(-50%);
  color:#e9b773; font-size:.7rem; text-shadow:0 0 20px #fc5a50;
}
.ember-lower { display:grid; gap:clamp(2rem,4vw,3.6rem); padding-block:3.3rem 4.6rem; }
.ember-start {
  position:relative; isolation:isolate; overflow:hidden; scroll-margin-top:1rem;
  display:grid; align-items:center; min-height:400px;
  padding:clamp(1.4rem,4.6vw,3.5rem);
  background:var(--sg-ink);
}
.ember-start::before,.ember-start::after { content:""; position:absolute; pointer-events:none; }
.ember-start::before {
  inset:0 0 0 16%; z-index:0;
  background:url("stargate-crimson-moon.png") center 51% / cover no-repeat;
}
.ember-start::after {
  inset:0; z-index:1;
  background:
    linear-gradient(0deg,var(--sg-ink),transparent 24%,transparent 78%,var(--sg-ink)),
    linear-gradient(90deg,var(--sg-ink) 16%,#0d090af0 31%,#0d090ac9 42%,#0d090a52 58%,#0d090a06 78%,#0d090a23 88%,var(--sg-ink) 100%);
}
.ember-start-content { position:relative; z-index:2; width:min(52%,485px); }
.ember-section-label { font-size:.88rem; }
.ember-lower h2 { color:var(--sg-light); font:700 clamp(2rem,4vw,3.3rem)/1 Georgia,serif; margin:.65rem 0 1.45rem; overflow-wrap:anywhere; }
.ember-steps,.ember-news-list { list-style:none; padding:0; margin:0; }
.ember-steps li + li { margin-top:.55rem; }
.ember-steps a {
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:1rem;
  padding:.9rem 1rem; border-radius:.65rem;
  background:linear-gradient(105deg,#27191e,#1c1017e8);
  color:var(--sg-light); text-decoration:none;
}
.ember-steps a:hover,.ember-steps a:focus-visible { background:linear-gradient(105deg,#3b232a,#26141a); }
.ember-step-number {
  display:grid; place-items:center; min-width:2.1rem; min-height:2.1rem;
  color:#ebbf90; font:1rem PortalDisplay,sans-serif; letter-spacing:.08em;
}
.ember-steps strong { display:block; font-size:1.1rem; }
.ember-steps small { display:block; color:var(--muted); line-height:1.3; margin-top:.15rem; }
.ember-arrow,.ember-all-news,.ember-news-list a span { color:var(--sg-gold); }
.ember-dispatch { border-top:1px solid #51302a; padding-top:2rem; min-width:0; }
.ember-dispatch p { color:var(--muted); }
/* Five slices of the supplied, unchanged collage. Percentages map to
   the interior of each panel; the original black gutters stay outside. */
.ember-scene--news { --scene-ratio:829 / 321; --scene-size:201.68878% 293.14642%; --scene-position:0.23725% 0.16129%; }
.ember-scene--guide { --scene-ratio:829 / 301; --scene-size:201.68878% 312.62458%; --scene-position:0.23725% 51.56250%; }
.ember-scene--download { --scene-ratio:830 / 301; --scene-size:201.44578% 312.62458%; --scene-position:99.76247% 51.56250%; }
.ember-scene--contact { --scene-ratio:830 / 321; --scene-size:201.44578% 293.14642%; --scene-position:99.76247% 0.16129%; }
.ember-scene--panorama { --scene-ratio:1668 / 300; --scene-size:100.23981% 313.66667%; --scene-position:50.00000% 99.84399%; }
.ember-scene {
  position:relative; isolation:isolate; overflow:hidden;
  display:grid; align-content:center;
  min-height:clamp(190px,24vw,278px); padding-block:2rem; margin-bottom:1rem;
}
.ember-scene::before {
  content:""; position:absolute; z-index:-1; pointer-events:none;
  width:clamp(510px,81%,930px); aspect-ratio:var(--scene-ratio);
  top:50%; right:0; transform:translateY(-50%);
  background-image:
    linear-gradient(90deg,#0d090afc 0%,#0d090ace 20%,#0d090a22 52%,#0d090a0c 76%,#0d090a62 100%),
    url("stargate-realm-scenes.png");
  background-size:100% 100%,var(--scene-size);
  background-position:center,var(--scene-position);
  background-repeat:no-repeat;
  mask-image:radial-gradient(ellipse at 55% 50%,#000 28%,#000d 49%,transparent 77%);
}
.ember-scene h1,.ember-scene h2 {
  text-shadow:0 2px 22px #070405,0 2px 4px #070405;
}
.ember-scene--panorama { min-height:clamp(142px,16vw,204px); margin-bottom:0; }
.ember-scene--panorama::before { width:clamp(790px,106%,1240px); }
.ember-news-list a { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:baseline; gap:.8rem; padding:.7rem 0; border-bottom:1px solid #4b2e2b; color:var(--sg-light); text-decoration:none; }
.ember-news-list a:hover { color:var(--sg-gold); }
.ember-news-list time { color:#dfad7b; font-size:.86rem; }
.ember-news-list strong { overflow-wrap:anywhere; }
.ember-all-news { display:inline-flex; gap:.5rem; margin-top:1rem; }
.stargate-ember .new-inner,.stargate-ember main > .page-wrap { padding-block:3.1rem 4rem; }
.stargate-ember .new-inner h1,.stargate-ember .page-heading h1,.stargate-ember .article h1 { font-family:Georgia,serif; color:var(--sg-light); }
.stargate-ember .new-info,.stargate-ember .filter-tab,.stargate-ember .news-card {
  border-color:#604035; background:#1e1116; border-radius:2px;
}
.stargate-ember .filter-tab.active,.stargate-ember .filter-tab:hover { color:#ffdeac; border-color:#b58355; background:#3c1b24; }
.stargate-ember .sg-footer { background:#130b0e; border-color:#61382b; }
@media (max-width:760px) {
  .stargate-ember .new-wrap { width:calc(100% - 2rem); }
  .stargate-ember .sg-header .sg-nav { min-height:0; }
  .stargate-ember .sg-nav nav { column-gap:1rem; }
  .stargate-ember .sg-nav nav a { font-size:.9rem; letter-spacing:.06em; }
  .ember-preview { display:none; }
  .ember-hero { min-height:460px; padding:3.1rem 1rem 3.5rem; background-position:61% 43%; }
  .ember-hero::after { inset:.6rem; }
  .ember-ring { width:min(85vw,480px); }
  .ember-hero h1 { margin-block:1rem .8rem; }
  .ember-lower { gap:2.2rem; padding-block:2.6rem 3.25rem; }
  .ember-start { min-height:0; align-items:end; padding:clamp(8.4rem,34vw,13.5rem) 1rem 1.15rem; }
  .ember-start::before { inset:0 0 auto; height:68%; background-position:center top; }
  .ember-start::after {
    background:
      linear-gradient(0deg,var(--sg-ink) 30%,#0d090ae6 49%,#0d090a00 76%,#0d090a00 85%,var(--sg-ink)),
      linear-gradient(90deg,var(--sg-ink),transparent 13%,transparent 87%,var(--sg-ink));
  }
  .ember-start-content { width:100%; }
  .ember-start .ember-steps a { gap:.6rem; padding:.7rem .65rem; }
  .ember-dispatch { padding-top:1.8rem; }
  .ember-scene { min-height:176px; }
  .ember-scene::before {
    width:max(100%,495px);
    background-image:linear-gradient(90deg,#0d090af2 0%,#0d090ab0 37%,#0d090a3d 74%,#0d090a26 100%),url("stargate-realm-scenes.png");
  }
  .ember-scene--panorama { min-height:138px; }
  .ember-scene--panorama::before { width:max(108%,680px); right:-3rem; }
}