/* ASTRA INVICTA — static, viewport-sized first screen. */
.masthead .modern-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.masthead .desktop-navigation{grid-column:2}.masthead .modern-actions{grid-column:3;justify-self:end}@media(max-width:900px){.masthead .modern-nav{display:flex;justify-content:flex-end}}
html{scroll-behavior:auto}*,*:before,*:after{animation:none!important}
.masthead,.masthead.scrolled{height:80px;background:rgba(7,10,14,.77);border-bottom:1px solid #b64a5c2e;box-shadow:0 5px 30px #0002}.modern-nav{width:calc(100% - 80px);max-width:1680px;gap:32px}.modern-brand svg{width:41px;height:41px;fill:none;flex-shrink:0}.modern-brand strong{font:700 27px/.95 var(--display);letter-spacing:3px}.modern-brand small{font:600 8px/1 var(--body);letter-spacing:4.4px;color:#c15c6d;margin-top:9px}.desktop-navigation{gap:12px}.desktop-navigation a{font-size:12px;letter-spacing:.6px;padding:13px 18px}.modern-account{border-radius:5px;min-height:47px;padding:12px 22px;font-size:12px;background:#e5e8e3;box-shadow:inset 0 0 0 3px #77858b12}.modern-actions{gap:18px}.modern-account:hover{background:#98253e;border-color:#ca6277}.site-footer .footer-brand small{font-size:7px;letter-spacing:2.7px;color:#b16674}.effects-control,#embers,#smoke,#hero-video{display:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}

/* Footer link columns */
.site-footer nav.footer-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 40px}
.footer-cols>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.footer-cols h4{margin:0 0 4px;font:600 10px/1 var(--body);letter-spacing:2px;color:#c56a77}
.footer-cols a{color:#a3b3ba;transition:color .2s}
.footer-cols a:hover{color:#fff}
@media(max-width:700px){.site-footer nav.footer-cols{grid-template-columns:1fr 1fr;gap:26px 20px}}

/* Shared palette and layout for the interior pages. */
.inner-page {
  --page-edge: #e4bb7955;
  --page-subtle: #c5d3d1;
  --home-line: var(--page-edge);
  --home-gold: #f3c77c;
  --inner-ink: #101e26;
  --inner-text: #faefdb;
  --inner-muted: #c5d3d1;
  --inner-panel: linear-gradient(145deg, #24444a, #193038 74%);
  --inner-gutter: clamp(20px, 5.6vw, 92px);
  background: var(--inner-ink);
  color: var(--inner-text);
}

.inner-page .section-wrap,
.inner-page .masthead .modern-nav {
  width: calc(100% - 2 * var(--inner-gutter));
  max-width: 1320px;
}

.inner-page :is(.masthead, .masthead.scrolled) {
  height: 76px;
  border: 0;
  background: #10212aef;
}

.inner-page .masthead:not(.scrolled) {
  background: linear-gradient(#101e26a1, #101e2633);
  box-shadow: none;
  backdrop-filter: none;
}
.inner-page .masthead .modern-nav { border-bottom: 1px solid var(--page-edge); }
.inner-page .home-brand {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--page-edge);
  border-radius: 50%;
  background: #14242bd9;
}
.inner-page .home-brand:hover { border-color: var(--home-gold); }
.inner-page .home-brand img { display: block; border-radius: 50%; }
.inner-page .desktop-navigation { gap: 5px; }
.inner-page .desktop-navigation a {
  padding: 10px 14px;
  color: #ded6ca;
  font-size: 14px;
  letter-spacing: 0;
}
.inner-page .desktop-navigation [aria-current="page"],
.inner-page #mobile-nav [aria-current="page"] {
  color: #ffe1b1;
  background: #a37a4a29;
}
.inner-page .modern-account {
  min-height: 40px;
  padding: 8px 14px;
  gap: 10px;
  color: #f0ddc0;
  background: #152831c7;
  border-radius: 3px 12px;
  border-color: #a4815985;
  box-shadow: none;
}
.inner-page .modern-account:hover { background: #25434b; }
.inner-page #mobile-nav {
  top: 66px;
  max-height: calc(100dvh - 76px);
  overflow-y: auto;
  background: #162c35f7;
  border-color: var(--page-edge);
}

.inner-page .page-hero {
  display: flex;
  align-items: end;
  height: auto;
  min-height: clamp(385px, 39vw, 545px);
  border-bottom: 1px solid var(--page-edge);
}
.inner-page .page-heading { padding-block: 116px clamp(42px, 6vw, 86px); }
.inner-page .page-heading h1 {
  max-width: 820px;
  margin: 13px 0 16px;
  font-size: clamp(36px, 5.9vw, 85px);
  letter-spacing: -.035em;
  text-wrap: balance;
}
.inner-page .page-hero-art { opacity: 1; filter: none; }
.inner-page .page-hero-shade {
  background:
    linear-gradient(90deg, #101e26e8, #101e2680 45%, transparent 80%),
    linear-gradient(0deg, #101e26 2%, #101e2638 42%, transparent 79%);
}
.inner-page .page-hero-seal { display: none; }
.inner-page .breadcrumbs { color: #e1cbb0; font-size: 12px; }
.inner-page .breadcrumbs > span:last-child,
.inner-page .page-lead { color: var(--inner-text); }
.inner-page .page-lead { max-width: 630px; font-size: clamp(14px, 1.25vw, 17px); }
.inner-page :is(h1, h2) em,
.inner-page .eyebrow { color: var(--home-gold); }
.inner-page .eyebrow > span,
.inner-page .eyebrow > span::after { background: #b98568; }
.inner-page :is(.reading, .longread, .auth-story p, .form-surface > p:not(.eyebrow), .form-field, .check-field, .help-layout p, .character-copy > p:not(.eyebrow), .editorial-copy > p:not(.eyebrow), .journey-steps p, .quiet-note, .download-panel > div > p:not(.eyebrow)) {
  color: var(--inner-muted);
}

.inner-page :is(.form-surface, .account-sidebar, .download-panel, .social-destinations > section, .account-shortcuts > a) {
  background: var(--inner-panel);
  border: 1px solid var(--page-edge);
  border-radius: 8px 24px 8px 8px;
  box-shadow: inset 0 0 0 3px #d6b5830b, 0 15px 40px #0504073d;
}
.inner-page :is(.download-panel, .auth-layout, .help-layout, .split-content) { gap: clamp(24px, 5vw, 80px); }
.inner-page :is(.character-portrait, .editorial-image) { border-radius: 6px 24px 6px 6px; }
.inner-page .editorial-card {
  background: var(--inner-panel);
  border: 1px solid var(--page-edge);
  border-radius: 8px 25px 8px 8px;
  overflow: hidden;
}
.inner-page .editorial-card:hover { border-color: #d6b58385; }
.inner-page .editorial-copy { padding: clamp(17px, 2.2vw, 28px); }
.inner-page .editorial-image { border-radius: 0; }
.inner-page[data-page="news"] .page-section {
  width: 100%;
  max-width: none;
  padding-inline: max(var(--inner-gutter), calc((100vw - 1320px) / 2));
  color: #182c33;
  background: radial-gradient(ellipse at top left, #f9d8a3, transparent 62%), #faefdb;
}
.inner-page[data-page="news"] .editorial-card { border-color: #936d4380; }
.inner-page[data-page="news"] .editorial-copy h2 { color: #faefdb; }
.inner-page[data-page="news"] .quiet-note,
.inner-page[data-page="news"] .listing-toolbar > span { color: #513f35; }
.inner-page[data-page="news"] .listing-toolbar :focus-visible { outline-color: #784727; }
.inner-page .auth-layout { position: relative; align-items: center; }
.inner-page .auth-story { padding: 0; }
.inner-page .auth-story .large-star { display: none; }
.inner-page .auth-story h2 { margin-top: 0; }
.inner-page .world-chapter { min-height: clamp(380px, 51vw, 680px); }
.inner-page .world-chapter-shade {
  background: linear-gradient(90deg, #10212aef, #10212a5e 64%, transparent),
              linear-gradient(0deg, #101e26, transparent 20%, transparent 80%, #101e26);
}
.inner-page .world-chapter:nth-child(even) .world-chapter-shade {
  background: linear-gradient(270deg, #10212aef, #10212a44 75%),
              linear-gradient(0deg, #101e26, transparent 20%, transparent 80%, #101e26);
}
.inner-page .character-portrait > span { display: none; }
.inner-page .journal-filters { background: #1b373d; border-color: var(--page-edge); }
.inner-page .journal-filters button { color: #e9d8bf; }
.inner-page .journal-filters button.active { background: #4b5143; color: #fff0db; }
.inner-page .button { border-radius: 3px 12px; }
.inner-page .button-silver {
  color: #211612;
  background: linear-gradient(130deg, #fbe0a1, #e6a962);
  border-color: #efd0a0;
  box-shadow: inset 0 0 0 2px #6f421424;
}
.inner-page .button-silver:hover { background: #ffdf9a; }
.inner-page .button-ghost { background: #162d36; border-color: var(--page-edge); }
.inner-page .button-ghost:hover { background: #29454d; border-color: var(--home-gold); }
.inner-page .form-field :is(input, textarea, select),
.inner-page .search-field input { color: #fff2de; border-color: #ad927864; background: #10242c; }
.inner-page .form-field :is(input, textarea, select):focus,
.inner-page .search-field input:focus { border-color: #d6b583; box-shadow: 0 0 0 3px #d6b58325; }
.inner-page :is(.form-field, .search-field) input::placeholder,
.inner-page .form-field textarea::placeholder { color: #a49a91; }
.inner-page .form-field [aria-invalid="true"] { border-color: #ed8996; }
.inner-page .check-field input { accent-color: #bb845e; }
.inner-page .footer-bottom,
[data-page="home"] .footer-bottom { color: #a6a09a; }
:is(.inner-page, [data-page="home"]) .site-footer :is(.footer-brand small, .footer-cols h4) { color: #d6b583; }

@media (max-width: 900px) {
  .inner-page :is(.masthead, .masthead.scrolled) { height: 60px; }
  .inner-page .masthead .modern-nav { justify-content: space-between; gap: 12px; }
  .inner-page .menu-toggle { align-items: center; width: 44px; height: 44px; }
  .inner-page .home-brand { width: 40px; height: 40px; }
  .inner-page .home-brand img { width: 32px; height: 32px; }
}

@media (max-width: 600px) {
  .inner-page .page-hero { min-height: 365px; }
  .inner-page .page-heading { padding-block: 101px 35px; }
  .inner-page .page-heading h1 br { display: none; }
  .inner-page .page-hero-shade {
    background: linear-gradient(0deg, #101e26, #101e2693 65%, #101e2633);
  }
  .inner-page .page-lead { max-width: 100%; }
  .inner-page .world-chapter:nth-child(even) .world-chapter-shade {
    background: linear-gradient(90deg, #10212ae5, #10212a66),
                linear-gradient(0deg, #101e26, transparent 25%, transparent 80%, #101e26);
  }
}