:root {
  --oa-ink:#08090d;
  --oa-panel:#101116;
  --oa-paper:#f0eee7;
  --oa-acid:#c8ff39;
  --oa-line:rgba(255,255,255,.14);
  --oa-muted:#8b8b8f;
}

/* Shared chrome: the homepage owns its own header/footer. */
body:not(.home-template):not(.home) {
  background:var(--oa-ink) !important;
  color:var(--oa-paper) !important;
}
body:not(.home-template):not(.home) .gh-navigation {
  position:relative;
  z-index:30;
  background:rgba(9,10,14,.94) !important;
  color:var(--oa-paper) !important;
  border-bottom:1px solid var(--oa-line);
  backdrop-filter:blur(16px);
}
body:not(.home-template):not(.home) .gh-navigation-inner { min-height:72px; }
body:not(.home-template):not(.home) .gh-navigation-logo { color:#fff !important; font-weight:900; letter-spacing:-.05em; }
body:not(.home-template):not(.home) .gh-navigation-logo img { filter:brightness(0) invert(1); }
body:not(.home-template):not(.home) .gh-navigation-menu a,
body:not(.home-template):not(.home) .gh-navigation-actions a { color:#aaa !important; font-size:12px; }
body:not(.home-template):not(.home) .gh-navigation-menu a:hover,
body:not(.home-template):not(.home) .gh-navigation-actions a:hover { color:#fff !important; }
body:not(.home-template):not(.home) .gh-button { background:var(--oa-acid) !important; color:#08090d !important; }

/* Archive / tag pages become the catalog of the same album system. */
body.tag-template .gh-main.gh-outer,
body.author-template .gh-main.gh-outer { background:var(--oa-ink); }
body.tag-template .gh-archive,
body.author-template .gh-archive { padding-block:clamp(80px,9vw,150px) clamp(56px,7vw,100px); border-bottom:1px solid var(--oa-line); }
body.tag-template .gh-archive-wrapper,
body.author-template .gh-archive-wrapper { max-width:1050px; }
body.tag-template .gh-archive .gh-article-title,
body.author-template .gh-archive .gh-article-title { color:var(--oa-paper); font-size:clamp(64px,9vw,144px); line-height:.82; letter-spacing:-.09em; }
body.tag-template .gh-archive .gh-article-excerpt,
body.author-template .gh-archive .gh-article-excerpt { max-width:640px; margin-top:28px; color:var(--oa-muted); font-size:15px; line-height:1.8; }
body.tag-template .gh-archive > .gh-archive-inner > .gh-article-image { display:none; }
body.tag-template .gh-container,
body.author-template .gh-container { background:var(--oa-ink); color:var(--oa-paper); padding-block:70px 140px; }
body.tag-template .gh-feed,
body.author-template .gh-feed { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px !important; background:var(--oa-line); border:1px solid var(--oa-line); }
body.tag-template .gh-card,
body.author-template .gh-card { min-width:0; margin:0 !important; padding:0 !important; background:var(--oa-panel); border:0 !important; }
body.tag-template .gh-card-link,
body.author-template .gh-card-link { height:100%; display:flex; flex-direction:column; color:inherit; }
body.tag-template .gh-card-image,
body.author-template .gh-card-image { position:relative; aspect-ratio:1.1; margin:0; overflow:hidden; background:radial-gradient(circle at 50% 36%,#8070ed,#251d52 28%,#090a0f 70%); }
body.tag-template .gh-card:nth-child(3n+2) .gh-card-image,
body.author-template .gh-card:nth-child(3n+2) .gh-card-image { background:radial-gradient(circle at 55% 34%,#d65b47,#531c1b 28%,#090a0f 70%); }
body.tag-template .gh-card:nth-child(3n+3) .gh-card-image,
body.author-template .gh-card:nth-child(3n+3) .gh-card-image { background:radial-gradient(circle at 55% 34%,#50a8dd,#143e66 28%,#090a0f 70%); }
body.tag-template .gh-card-image::before,
body.author-template .gh-card-image::before { content:""; position:absolute; width:54%; aspect-ratio:1; left:23%; top:18%; border:1px solid rgba(255,255,255,.28); border-radius:50%; z-index:2; }
body.tag-template .gh-card-image::after,
body.author-template .gh-card-image::after { content:""; position:absolute; width:1px; height:78%; left:52%; top:-8%; background:rgba(255,255,255,.27); transform:rotate(36deg); z-index:2; }
body.tag-template .gh-card-image img,
body.author-template .gh-card-image img { opacity:0 !important; }
body.tag-template .gh-card-wrapper,
body.author-template .gh-card-wrapper { flex:1; padding:24px 24px 30px !important; }
body.tag-template .gh-card-tag,
body.author-template .gh-card-tag { color:var(--oa-acid) !important; font-size:10px; letter-spacing:.13em; }
body.tag-template .gh-card-title,
body.author-template .gh-card-title { color:var(--oa-paper) !important; font-size:clamp(22px,2vw,34px); line-height:1.08; letter-spacing:-.055em; }
body.tag-template .gh-card-excerpt,
body.author-template .gh-card-excerpt { color:var(--oa-muted) !important; font-size:13px; line-height:1.7; }
body.tag-template .gh-card-meta,
body.author-template .gh-card-meta { color:#666 !important; }

/* Article page: dark album jacket, calm paper liner notes. */
body.post-template .gh-main { background:var(--oa-ink); }
body.post-template .gh-article-header { max-width:1180px; padding-top:clamp(70px,8vw,130px); color:var(--oa-paper); }
body.post-template .gh-article-tag { color:var(--oa-acid) !important; font-size:11px; letter-spacing:.16em; text-transform:uppercase; }
body.post-template .gh-article-title { max-width:1050px; color:var(--oa-paper) !important; font-size:clamp(52px,7.2vw,112px); line-height:.9; letter-spacing:-.085em; text-wrap:balance; }
body.post-template .gh-article-excerpt { max-width:760px; color:var(--oa-muted) !important; font-size:clamp(16px,1.5vw,22px); line-height:1.65; }
body.post-template .gh-article-meta { color:#777; }
body.post-template .gh-article-header > .gh-article-image { position:relative; max-width:1120px; aspect-ratio:16/7; margin-top:70px; overflow:hidden; background:radial-gradient(circle at 50% 45%,#5c4fc5,#231d4a 28%,#0b0c11 67%); border:1px solid var(--oa-line); }
body.post-template .gh-article-header > .gh-article-image::before { content:""; position:absolute; z-index:2; width:36%; aspect-ratio:1; left:32%; top:-9%; border:1px solid rgba(255,255,255,.22); border-radius:50%; box-shadow:inset 0 0 0 50px rgba(255,255,255,.025); }
body.post-template .gh-article-header > .gh-article-image::after { content:"OURALPHA · RESEARCH EDITION"; position:absolute; z-index:2; right:24px; bottom:20px; color:rgba(255,255,255,.55); font:700 9px/1 Arial; letter-spacing:.16em; }
body.post-template .gh-article-header > .gh-article-image img { opacity:0; }
body.post-template .gh-article-header > .gh-article-image figcaption { display:none; }
body.post-template .gh-content { max-width:920px; margin-top:80px; padding:clamp(36px,5vw,78px); background:#f4f1e9; color:#16171b; box-shadow:0 40px 120px rgba(0,0,0,.35); }
body.post-template .gh-content a { color:#304fd4; }
body.post-template .gh-content h2,
body.post-template .gh-content h3 { color:#101116; letter-spacing:-.04em; }
body.post-template .oa-toc { color:var(--oa-paper); }

/* Related stories use abstract sleeves too. */
body.post-template .bn-related { color:var(--oa-paper); border-color:var(--oa-line); }
body.post-template .bn-related-image { position:relative; background:radial-gradient(circle at 50% 38%,#d2b459,#574011 30%,#090a0f 72%); }
body.post-template .bn-related-image::before { content:""; position:absolute; z-index:2; width:58%; aspect-ratio:1; left:21%; top:12%; border:1px solid rgba(255,255,255,.3); border-radius:50%; }
body.post-template .bn-related-image img { opacity:0; }
body.post-template .bn-related-title { color:var(--oa-paper); }
body.post-template .bn-related-tag { color:var(--oa-acid); }

/* Override the legacy light footer with the album closing track. */
html body .gh-footer.bn-footer-themed { margin-top:0 !important; background:#090a0e !important; color:var(--oa-paper) !important; border-top:1px solid var(--oa-line); }
html body .gh-footer.bn-footer-themed .gh-footer-signup-header { color:var(--oa-paper) !important; font-size:clamp(54px,7vw,110px); line-height:.88; letter-spacing:-.08em; }
html body .gh-footer.bn-footer-themed .gh-footer-signup-subhead,
html body .gh-footer.bn-footer-themed .gh-footer-copyright,
html body .gh-footer.bn-footer-themed .bn-legal-note,
html body .gh-footer.bn-footer-themed .bn-trust-row { color:var(--oa-muted) !important; }
html body .gh-footer.bn-footer-themed .gh-footer-bar { border-color:var(--oa-line) !important; }
html body .gh-footer.bn-footer-themed .bn-footer-social a { color:var(--oa-paper) !important; background:rgba(255,255,255,.06) !important; }
html body .gh-footer.bn-footer-themed .gh-footer-menu .nav li a { background:var(--oa-acid) !important; color:#08090d !important; box-shadow:none !important; }

@media (max-width:900px) {
  body.tag-template .gh-feed,body.author-template .gh-feed { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.post-template .gh-content { width:calc(100% - 32px); padding:32px 24px; }
}
@media (max-width:620px) {
  body:not(.home-template):not(.home) .gh-navigation-menu { background:#090a0e; }
  body.tag-template .gh-feed,body.author-template .gh-feed { grid-template-columns:1fr; }
  body.tag-template .gh-archive .gh-article-title,body.author-template .gh-archive .gh-article-title { font-size:18vw; }
  body.post-template .gh-article-title { font-size:12vw; }
  body.post-template .gh-article-header > .gh-article-image { aspect-ratio:1.2; margin-top:44px; }
}
