/**
 * Shared palette with marketing homepage — Journal (magazine) + Collective welcome + Meet Phylicia.
 */

:root {
  --pg-ed-vermilion: #e83515;
  --pg-ed-emerald: #082216;
  --pg-ed-emerald-mid: #0d3020;
  --pg-ed-cream: #f4f1ea;
  --pg-ed-gold: #c5a059;
}

/* —— Magazine / Journal —— */
body.pg-editorial-branding .sw-mag {
  --bg: var(--pg-ed-emerald);
  --text: var(--pg-ed-cream);
  --muted: rgba(244, 241, 234, 0.62);
  --gold: var(--pg-ed-gold);
  --border: rgba(244, 241, 234, 0.12);
}

body.pg-editorial-branding .sw-mag-journal-hero--noimg {
  background: linear-gradient(165deg, var(--pg-ed-emerald-mid) 0%, var(--pg-ed-emerald) 55%, #06140e 100%);
}

body.pg-editorial-branding .sw-mag-journal-hero-img {
  filter: contrast(1.08) saturate(1.12) brightness(0.95);
  opacity: 0.55;
}

body.pg-editorial-branding .sw-mag-nav {
  background: rgba(8, 34, 22, 0.92);
  border-bottom-color: rgba(197, 160, 89, 0.2);
}

body.pg-editorial-branding .sw-mag-nav-links a {
  color: var(--pg-ed-gold);
}

body.pg-editorial-branding .sw-mag-nav-links a:hover {
  color: var(--pg-ed-cream);
}

body.pg-editorial-branding .sw-mag-brand {
  color: var(--pg-ed-cream);
}

body.pg-editorial-branding .sw-mag-kicker,
body.pg-editorial-branding .sw-mag-card-meta {
  color: var(--pg-ed-gold);
}

body.pg-editorial-branding .sw-mag-card-title a:hover {
  color: var(--pg-ed-vermilion);
}

body.pg-editorial-branding .sw-mag-read {
  color: var(--pg-ed-gold);
}

body.pg-editorial-branding .sw-mag-read:hover {
  color: var(--pg-ed-vermilion);
}

body.pg-editorial-branding .sw-mag-journal-hero-title {
  color: var(--pg-ed-cream) !important;
  -webkit-text-fill-color: var(--pg-ed-cream);
}

body.pg-editorial-branding .sw-mag-journal-prose {
  color: rgba(244, 241, 234, 0.9);
}

body.pg-editorial-branding .sw-mag-archive-title,
body.pg-editorial-branding .sw-mag-single-hero-title {
  color: var(--pg-ed-cream) !important;
  -webkit-text-fill-color: var(--pg-ed-cream);
}

/* Shared primary nav on Journal + Collective (rail gold) */
body.pg-editorial-branding.sw-mag-page .sw-site-nav-brand,
body.pg-editorial-branding.sw-mag-page .sw-site-nav-link,
body.pg-editorial-branding.sw-mag-page .sw-site-nav-link--parent,
body.pg-editorial-branding.sw-collective-welcome-page .sw-site-nav-brand,
body.pg-editorial-branding.sw-collective-welcome-page .sw-site-nav-link,
body.pg-editorial-branding.sw-collective-welcome-page .sw-site-nav-link--parent {
  color: #c5a059;
}

body.pg-editorial-branding.sw-mag-page .sw-site-nav-link:hover,
body.pg-editorial-branding.sw-mag-page .sw-site-nav-link--parent:hover,
body.pg-editorial-branding.sw-mag-page .sw-site-nav-brand:hover,
body.pg-editorial-branding.sw-collective-welcome-page .sw-site-nav-link:hover,
body.pg-editorial-branding.sw-collective-welcome-page .sw-site-nav-link--parent:hover,
body.pg-editorial-branding.sw-collective-welcome-page .sw-site-nav-brand:hover {
  color: #f4f1ea;
}

body.pg-editorial-branding.sw-mag-page .sw-site-nav-sublink,
body.pg-editorial-branding.sw-collective-welcome-page .sw-site-nav-sublink {
  color: rgba(197, 160, 89, 0.88);
}

body.pg-editorial-branding.sw-mag-page .sw-site-nav-sublink:hover,
body.pg-editorial-branding.sw-collective-welcome-page .sw-site-nav-sublink:hover {
  color: #f4f1ea;
}

body.pg-editorial-branding.sw-mag-page .sw-site-nav,
body.pg-editorial-branding.sw-collective-welcome-page .sw-site-nav {
  background: rgba(8, 34, 22, 0.92);
  border-bottom-color: rgba(197, 160, 89, 0.22);
}

/* —— Collective welcome —— */
body.pg-editorial-branding.sw-collective-welcome-page .sw-collective-welcome {
  --sw-bg: var(--pg-ed-emerald);
  --sw-gold: var(--pg-ed-gold);
  --sw-bone: var(--pg-ed-cream);
  --sw-umber: var(--pg-ed-emerald-mid);
  --sw-accent-soft: rgba(197, 160, 89, 0.35);
}

body.pg-editorial-branding.sw-collective-welcome-page .swcw-join-cta {
  background: var(--pg-ed-vermilion);
  color: var(--pg-ed-cream);
}

body.pg-editorial-branding.sw-collective-welcome-page .swcw-join-cta:hover {
  background: #ff4a2a;
  color: #fff;
}

/* —— Meet Phylicia page —— */
.pg-meet-root {
  min-height: 100vh;
  background: var(--pg-ed-emerald);
  color: var(--pg-ed-cream);
}

.pg-meet-hero {
  position: relative;
  min-height: min(52vh, 480px);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  padding: calc(4.25rem + 24px) 24px 48px;
  overflow: hidden;
}

.pg-meet-hero-bg {
  position: absolute;
  inset: 0;
  background: var(--pg-ed-emerald-mid);
}

.pg-meet-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 22%;
  opacity: 0.5;
}

.pg-meet-hero-inner {
  position: relative;
  z-index: 2;
}

.pg-meet-title {
  margin: 0;
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 500;
  font-size: clamp(2rem, 6vw, 3.5rem);
  letter-spacing: -0.02em;
  color: var(--pg-ed-cream);
  text-shadow: 0 2px 32px rgba(0, 0, 0, 0.45);
}

.pg-meet-main {
  max-width: 42rem;
  margin: 0 auto;
  padding: 2rem 24px 4rem;
}

.pg-meet-content {
  font-size: 1.05rem;
  line-height: 1.65;
  color: rgba(244, 241, 234, 0.92);
}

.pg-meet-content a {
  color: var(--pg-ed-gold);
}

.pg-meet-content a:hover {
  color: var(--pg-ed-vermilion);
}

body.pg-meet-phylicia-page.pg-editorial-branding .sw-site-nav--transparent .sw-site-nav-brand,
body.pg-meet-phylicia-page.pg-editorial-branding .sw-site-nav--transparent .sw-site-nav-link,
body.pg-meet-phylicia-page.pg-editorial-branding .sw-site-nav--transparent .sw-site-nav-link--parent {
  color: var(--pg-ed-gold);
}

body.pg-meet-phylicia-page.pg-editorial-branding .sw-site-nav--transparent .sw-site-nav-link:hover,
body.pg-meet-phylicia-page.pg-editorial-branding .sw-site-nav--transparent .sw-site-nav-brand:hover {
  color: var(--pg-ed-cream);
}