:root {
  --ink: #090909;
  --paper: #f7f5f0;
  --white: #ffffff;
  --red: #d9131d;
  --red-dark: #8e0710;
  --camo: #6f715a;
  --camo-light: #a9aa8d;
  --line: rgba(9, 9, 9, 0.18);
  --display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  --serif: Georgia, "Times New Roman", serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --script: "Brush Script MT", "Segoe Script", cursive;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.65;
  overflow-x: hidden;
}
a { color: inherit; }
img { display: block; max-width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 78px;
  padding: 12px clamp(22px, 5vw, 76px);
  color: var(--white);
  background: rgba(9, 9, 9, 0.94);
  border-bottom: 1px solid rgba(255,255,255,0.14);
  backdrop-filter: blur(12px);
}
.brand { text-decoration: none; line-height: 1; }
.brand-kicker { display: block; margin-bottom: 7px; color: #d5d5d5; font-size: 0.64rem; letter-spacing: 0.28em; }
.brand-name { font-family: var(--display); font-size: 1.55rem; letter-spacing: 0.045em; }
.brand-name em, .footer-brand em { color: var(--red); font-family: var(--script); font-size: 1.25em; font-weight: 400; }
nav { display: flex; align-items: center; gap: clamp(18px, 2.5vw, 38px); }
nav a { color: #e9e9e9; font-size: 0.76rem; font-weight: 700; letter-spacing: 0.12em; text-decoration: none; text-transform: uppercase; }
nav a:hover, nav a:focus-visible { color: var(--red); }
.nav-cta { padding: 10px 16px; border: 1px solid var(--red); }
.menu-toggle { display: none; color: white; background: transparent; border: 1px solid rgba(255,255,255,.35); padding: 8px 12px; font-weight: 800; }

.hero {
  position: relative;
  min-height: calc(100vh - 78px);
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(420px, 1.12fr);
  align-items: center;
  gap: clamp(36px, 5vw, 88px);
  padding: clamp(56px, 7vw, 110px) clamp(22px, 6vw, 96px) clamp(80px, 8vw, 120px);
  color: var(--white);
  background:
    linear-gradient(115deg, rgba(9,9,9,.98) 0 46%, rgba(9,9,9,.7) 62%, rgba(9,9,9,.96) 100%),
    repeating-linear-gradient(135deg, #191919 0 12px, #101010 12px 24px);
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 49.8%, rgba(217,19,29,.38) 50%, transparent 50.2%);
  opacity: .4;
}
.hero-copy, .hero-art { position: relative; z-index: 2; }
.eyebrow, .section-index { font-size: 0.72rem; font-weight: 800; letter-spacing: 0.24em; text-transform: uppercase; }
.eyebrow { color: #ef5960; }
.hero h1 { margin: 20px 0 24px; line-height: .88; text-transform: uppercase; }
.hero h1 span { display: block; font-family: var(--serif); font-size: clamp(2.1rem, 4.1vw, 4.4rem); font-style: italic; font-weight: 400; text-transform: none; }
.hero h1 strong { display: block; max-width: 760px; font-family: var(--display); font-size: clamp(4rem, 8.8vw, 9rem); letter-spacing: -0.025em; }
.hero h1 strong::after { content: ""; display: block; width: 58%; height: 8px; margin-top: 14px; background: var(--red); transform: rotate(-1.8deg); }
.hero-lede { max-width: 640px; color: #d8d8d8; font-family: var(--serif); font-size: clamp(1.05rem, 1.4vw, 1.3rem); line-height: 1.7; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 32px; }
.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 13px 22px; border: 2px solid currentColor; font-size: .78rem; font-weight: 900; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; transition: transform .2s ease, background .2s ease, color .2s ease; }
.button:hover, .button:focus-visible { transform: translateY(-3px); }
.button-primary { color: white; background: var(--red); border-color: var(--red); }
.button-primary:hover { background: #f01b27; }
.button-ghost { color: white; background: transparent; border-color: rgba(255,255,255,.55); }
.script-note { margin: 32px 0 0; color: #ff3d47; font-family: var(--script); font-size: clamp(1.35rem, 2.3vw, 2.2rem); transform: rotate(-2deg); }
.hero-art { max-width: 690px; margin-inline: auto; }
.image-frame { position: relative; padding: 10px; background: white; box-shadow: 0 38px 90px rgba(0,0,0,.46); transform: rotate(1.8deg); }
.image-frame::after { content: ""; position: absolute; inset: 18px; border: 1px solid rgba(217,19,29,.3); pointer-events: none; }
.image-frame img { aspect-ratio: 1; object-fit: cover; filter: contrast(1.03); }
.tape { position: absolute; z-index: 4; width: 110px; height: 30px; background: rgba(231,221,201,.8); box-shadow: 0 1px 8px rgba(0,0,0,.3); }
.tape-one { top: -7px; left: 32%; transform: rotate(-5deg); }
.tape-two { right: -30px; bottom: 15%; transform: rotate(84deg); }
.margin-note { position: absolute; right: -76px; bottom: 4%; z-index: 5; padding: 10px 15px; color: var(--ink); background: #e8ded0; font-family: var(--script); font-size: 1.2rem; line-height: 1.06; transform: rotate(-5deg); box-shadow: 2px 4px 10px rgba(0,0,0,.3); }
.scroll-cue { position: absolute; bottom: 23px; left: clamp(22px, 6vw, 96px); z-index: 3; color: #a4a4a4; font-size: .66rem; font-weight: 800; letter-spacing: .24em; text-decoration: none; }
.scroll-cue span { color: var(--red); font-size: 1rem; }

.statement, .journey, .for-her, .creator { padding: clamp(80px, 10vw, 150px) clamp(22px, 8vw, 128px); }
.section-index { margin: 0 0 42px; color: var(--red); }
.statement { position: relative; background: var(--paper); }
.statement::after { content: "HER"; position: absolute; right: -1vw; top: 4%; z-index: 0; color: rgba(9,9,9,.035); font-family: var(--display); font-size: 28vw; line-height: 1; }
.statement-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(40px, 8vw, 130px); }
.statement h2, .section-heading h2, .war h2, .for-her h2, .creator h2 { margin: 0; font-family: var(--display); font-size: clamp(3rem, 6.6vw, 7rem); letter-spacing: -.025em; line-height: .94; text-transform: uppercase; }
.statement h2 em, .section-heading h2 span { color: var(--red); font-family: var(--script); font-weight: 400; text-transform: none; }
.statement-copy { max-width: 610px; font-family: var(--serif); font-size: clamp(1.05rem, 1.5vw, 1.3rem); }
.statement-copy p:first-child { margin-top: 0; }
blockquote { position: relative; z-index: 1; max-width: 990px; margin: clamp(70px, 9vw, 130px) auto 0; padding: 32px 0; border-block: 1px solid var(--line); color: var(--camo); font-family: var(--serif); font-size: clamp(1.7rem, 3.5vw, 3.7rem); font-style: italic; line-height: 1.25; text-align: center; }

.journey { color: var(--white); background: var(--ink); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 60px; }
.section-heading .section-index { min-width: 160px; margin-bottom: 10px; }
.section-heading h2 { max-width: 850px; }
.journey-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.journey-card { position: relative; min-height: 360px; display: flex; flex-direction: column; justify-content: end; padding: clamp(30px, 4vw, 58px); overflow: hidden; }
.journey-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, transparent 0 73%, rgba(255,255,255,.08) 73.2% 74%, transparent 74.2%); }
.dark-card { border: 1px solid #373737; background: #111; }
.red-card { background: var(--red-dark); }
.paper-card { color: var(--ink); background: #e7dfd1; }
.image-card { background: linear-gradient(135deg, rgba(10,10,10,.87), rgba(10,10,10,.72)), url('/assets/the-becoming-cover.png') center 42% / cover; }
.card-number { position: absolute; top: 24px; right: 28px; color: rgba(255,255,255,.18); font-family: var(--display); font-size: 5rem; line-height: 1; }
.paper-card .card-number { color: rgba(9,9,9,.12); }
.card-kicker { margin: 0 0 8px; color: #ff6770; font-size: .68rem; font-weight: 900; letter-spacing: .22em; }
.paper-card .card-kicker { color: var(--red-dark); }
.journey-card h3 { margin: 0 0 12px; font-family: var(--serif); font-size: clamp(1.8rem, 3vw, 3rem); font-style: italic; }
.journey-card p:last-child { max-width: 560px; margin: 0; color: rgba(255,255,255,.72); }
.paper-card p:last-child { color: rgba(9,9,9,.72); }

.war { display: grid; grid-template-columns: .92fr 1.08fr; min-height: 760px; }
.war-mark { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; padding: 70px 30px; color: white; background: var(--red); font-family: var(--display); font-size: clamp(5rem, 9vw, 11rem); line-height: .8; letter-spacing: -.05em; writing-mode: vertical-rl; transform: rotate(180deg); }
.war-mark i { color: black; font-family: var(--serif); font-size: .4em; font-style: normal; }
.war-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(70px, 9vw, 140px) clamp(32px, 8vw, 120px); background: white; }
.war-copy > p:not(.section-index) { max-width: 720px; font-family: var(--serif); font-size: clamp(1.05rem, 1.5vw, 1.25rem); }
.war h2 { margin-bottom: 30px; }
.war-definitions { display: grid; gap: 20px; margin-top: 32px; }
.war-definitions div { display: grid; grid-template-columns: 110px 1fr; gap: 20px; padding-top: 20px; border-top: 1px solid var(--line); }
.war-definitions strong { color: var(--red); letter-spacing: .16em; }
.war-definitions span { color: #4a4a4a; }

.for-her { color: white; text-align: center; background:
  linear-gradient(rgba(8,8,8,.9), rgba(8,8,8,.94)),
  url('/assets/the-becoming-cover.png') center / cover fixed;
}
.for-her .section-index { text-align: left; }
.for-her h2 { max-width: 1080px; margin-inline: auto; }
.manifesto { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 1000px; margin: 58px auto; }
.manifesto span { padding: 8px 14px; border: 1px solid rgba(255,255,255,.28); color: #bcbcbc; font-size: .72rem; font-weight: 800; letter-spacing: .16em; }
.for-her-close { font-family: var(--serif); font-size: clamp(1.35rem, 2.4vw, 2.4rem); line-height: 1.45; }
.for-her-close em { color: #ff424c; font-family: var(--script); font-size: 1.35em; }

.creator { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(45px, 9vw, 150px); align-items: center; background: #e8e1d6; }
.creator-title { position: relative; padding: 56px; background: white; box-shadow: 18px 18px 0 var(--red); transform: rotate(-1deg); }
.creator-title .section-index { margin-bottom: 38px; }
.queenest { margin: 0; color: var(--red); font-family: var(--script); font-size: clamp(2rem, 4vw, 4rem); line-height: 1; }
.creator h2 { font-size: clamp(3.2rem, 6vw, 6.8rem); }
.creator-role { margin-bottom: 0; padding-top: 24px; border-top: 1px solid var(--line); font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.creator-copy { font-family: var(--serif); font-size: clamp(1.1rem, 1.7vw, 1.45rem); }
.creator-signoff { margin-top: 38px; padding: 28px; border-left: 6px solid var(--red); background: rgba(255,255,255,.56); }

.coming-soon { position: relative; padding: clamp(90px, 12vw, 180px) 24px; color: white; overflow: hidden; text-align: center; background: var(--red); }
.coming-soon::before, .coming-soon::after { content: ""; position: absolute; width: 42vw; height: 4px; background: black; transform: rotate(-16deg); }
.coming-soon::before { top: 22%; left: -8%; }
.coming-soon::after { right: -7%; bottom: 22%; }
.coming-soon .eyebrow { color: white; }
.coming-soon h2 { position: relative; z-index: 2; margin: 10px 0 0; font-family: var(--display); font-size: clamp(4.2rem, 13vw, 13rem); letter-spacing: -.04em; line-height: .85; }
.coming-soon h2 em { color: black; font-family: var(--script); font-weight: 400; }
.coming-soon > p:not(.eyebrow) { font-family: var(--serif); font-size: 1.35rem; }
.button-light { position: relative; z-index: 2; color: black; background: white; border-color: white; }

footer { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 30px; padding: 30px clamp(22px, 5vw, 76px); color: #a5a5a5; background: var(--ink); font-size: .67rem; letter-spacing: .12em; text-transform: uppercase; }
.footer-brand { color: white; font-family: var(--display); font-size: 1.35rem; text-decoration: none; }

@media (max-width: 980px) {
  .hero { grid-template-columns: 1fr; }
  .hero-art { max-width: 650px; }
  .statement-grid, .creator { grid-template-columns: 1fr; }
  .statement-copy { max-width: none; }
  .war { grid-template-columns: 180px 1fr; }
  .war-mark { font-size: 6.4rem; }
  footer { grid-template-columns: 1fr; text-align: center; }
}

@media (max-width: 720px) {
  .site-header { min-height: 68px; }
  .menu-toggle { display: block; }
  nav { position: absolute; top: 100%; left: 0; right: 0; display: none; align-items: stretch; flex-direction: column; gap: 0; padding: 10px 22px 22px; background: #090909; border-bottom: 1px solid #333; }
  nav.is-open { display: flex; }
  nav a { padding: 15px 0; border-bottom: 1px solid #292929; }
  .nav-cta { margin-top: 10px; padding-inline: 14px; text-align: center; }
  .hero { min-height: auto; grid-template-columns: 1fr; padding-top: 56px; }
  .hero h1 strong { font-size: clamp(3.7rem, 18vw, 6rem); }
  .hero-art { width: calc(100% - 14px); margin-top: 25px; }
  .margin-note { right: -8px; bottom: -28px; }
  .tape-two { right: -4px; }
  .scroll-cue { display: none; }
  .statement, .journey, .for-her, .creator { padding-inline: 22px; }
  .section-heading { display: block; }
  .section-heading .section-index { margin-bottom: 36px; }
  .journey-grid { grid-template-columns: 1fr; }
  .journey-card { min-height: 320px; }
  .war { grid-template-columns: 1fr; min-height: auto; }
  .war-mark { min-height: 210px; padding: 35px 20px; font-size: clamp(4.8rem, 22vw, 7rem); writing-mode: horizontal-tb; transform: none; }
  .war-copy { padding: 78px 22px; }
  .war-definitions div { grid-template-columns: 1fr; gap: 6px; }
  .for-her { background-attachment: scroll; }
  .creator-title { padding: 38px 26px; box-shadow: 10px 10px 0 var(--red); }
  .coming-soon h2 { font-size: clamp(4rem, 22vw, 8rem); }
}

@media (prefers-reduced-motion: no-preference) {
  .journey-card, .statement-grid, .war-copy, .creator > * { opacity: 0; transform: translateY(28px); transition: opacity .65s ease, transform .65s ease; }
  .journey-card.is-visible, .statement-grid.is-visible, .war-copy.is-visible, .creator > *.is-visible { opacity: 1; transform: translateY(0); }
}

/* Cinematic QueenEst direction */
:root {
  --display: Didot, "Bodoni MT", "Times New Roman", serif;
  --serif: Didot, "Bodoni MT", Georgia, serif;
  --script: Didot, "Bodoni MT", Georgia, serif;
  --red: #b10f1b;
  --camo: #62664b;
}

.site-header {
  position: absolute;
  background: linear-gradient(180deg, rgba(3, 4, 4, .86), transparent);
  border-bottom-color: rgba(255, 255, 255, .2);
}

.brand-name,
.footer-brand {
  font-family: var(--display);
  letter-spacing: .06em;
}

.brand-name em,
.footer-brand em {
  color: #d71b27;
  font-family: inherit;
  font-weight: 400;
}

.hero {
  min-height: 100svh;
  display: flex;
  align-items: center;
  padding: 140px clamp(22px, 7vw, 118px) 100px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(2, 3, 3, .98) 0%, rgba(2, 3, 3, .92) 24%, rgba(2, 3, 3, .52) 48%, rgba(2, 3, 3, .07) 75%),
    linear-gradient(0deg, rgba(2, 3, 3, .68) 0%, transparent 38%),
    url('/assets/becoming-her-hero-seated-v2.png') 64% center / cover no-repeat;
}

.hero::before {
  background: radial-gradient(circle at 75% 36%, transparent 0 24%, rgba(0, 0, 0, .14) 58%, rgba(0, 0, 0, .48) 100%);
  opacity: 1;
}

.hero-copy {
  width: min(690px, 56vw);
}

.hero .eyebrow {
  display: flex;
  align-items: center;
  gap: 13px;
  color: #e4e0d8;
  font-family: "Arial Narrow", Arial, sans-serif;
  letter-spacing: .26em;
}

.eyebrow-line {
  display: inline-block;
  width: 46px;
  height: 2px;
  background: #d71b27;
}

.hero-series {
  margin: 42px 0 6px;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: clamp(.9rem, 1.45vw, 1.22rem);
  font-weight: 800;
  letter-spacing: .42em;
}

.hero h1 {
  margin: 0;
  line-height: .76;
}

.hero h1 span,
.hero h1 strong {
  display: block;
  font-family: var(--display);
  font-size: clamp(4.5rem, 9.5vw, 10rem);
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.06em;
  text-transform: uppercase;
}

.hero h1 strong {
  padding-left: .38em;
  color: #d71b27;
  font-weight: 400;
  text-shadow: 0 0 36px rgba(177, 15, 27, .35);
}

.hero h1 strong::after { display: none; }

.hero-format {
  margin: 30px 0 0;
  color: #f5eee6;
  font: 900 clamp(.78rem, 1vw, .98rem)/1.35 "Arial Narrow", Arial, sans-serif;
  letter-spacing: .22em;
}

.hero-logline {
  max-width: 650px;
  margin: 15px 0 0;
  color: #f3f0eb;
  font: 400 clamp(1.35rem, 2.15vw, 2.25rem)/1.28 var(--serif);
  text-wrap: balance;
}
.hero-logline strong { color: #fff; }

.hero-promise {
  max-width: 680px;
  margin: 20px 0 0;
  color: #d5c7b7;
  font: 800 clamp(.7rem, .9vw, .87rem)/1.55 "Arial Narrow", Arial, sans-serif;
  letter-spacing: .17em;
}

.hero-declaration {
  margin: 26px 0 0;
  padding-left: 20px;
  border-left: 4px solid #b10f1b;
  font-family: var(--serif);
  font-size: clamp(1.25rem, 1.9vw, 1.9rem);
  line-height: 1.3;
}

.hero-declaration strong { color: #fff; }
.hero-scripture {
  max-width: 680px;
  margin: 25px 0 0;
  padding: 0;
  border: 0;
  color: #d8cec2;
  font: italic 400 clamp(.9rem, 1.15vw, 1.08rem)/1.5 var(--serif);
  text-align: left;
}
.hero-scripture cite {
  margin-left: .55em;
  color: #ef3843;
  font: 800 .68rem/1.4 "Arial Narrow", Arial, sans-serif;
  font-style: normal;
  letter-spacing: .14em;
  white-space: nowrap;
}
.hero-lede { max-width: 610px; margin-top: 20px; color: #c8c8c5; font-family: var(--sans); font-size: clamp(.98rem, 1.2vw, 1.12rem); line-height: 1.7; }
.hero-actions { margin-top: 30px; }
.button { font-family: "Arial Narrow", Arial, sans-serif; letter-spacing: .15em; }

.scroll-cue { letter-spacing: .2em; }

.statement h2,
.section-heading h2,
.war h2,
.for-her h2,
.creator h2,
.coming-soon h2 {
  font-family: var(--display);
  letter-spacing: -.04em;
}

.statement h2 em,
.section-heading h2 span,
.for-her-close em,
.queenest,
.coming-soon h2 em {
  color: #b10f1b;
  font-family: var(--display);
  font-weight: 400;
}

.for-her {
  background:
    linear-gradient(rgba(5, 6, 6, .86), rgba(5, 6, 6, .94)),
    url('/assets/becoming-her-hero.png') 68% center / cover fixed;
}

.coming-soon {
  background:
    linear-gradient(rgba(5, 6, 6, .52), rgba(5, 6, 6, .86)),
    url('/assets/becoming-her-hero.png') 65% 35% / cover;
}

@media (max-width: 760px) {
  .hero {
    min-height: 940px;
    align-items: flex-start;
    padding-top: 140px;
    background:
      linear-gradient(180deg, rgba(3,4,4,.95) 0%, rgba(3,4,4,.72) 38%, rgba(3,4,4,.18) 66%, rgba(3,4,4,.86) 100%),
      url('/assets/becoming-her-hero-seated-v2.png') 70% center / cover no-repeat;
  }

  .hero-copy { width: 100%; }
  .hero-series { margin-top: 28px; }
  .hero h1 span, .hero h1 strong { font-size: clamp(4rem, 19vw, 6.5rem); }
  .hero h1 strong { padding-left: .18em; }
  .hero-declaration { max-width: 470px; margin-top: 28px; }
  .hero-lede { max-width: 520px; }
  .for-her { background-attachment: scroll; }
}

/* 2026 campaign: feminine rebellion, military glamour, women rising */
:root {
  --ink: #050606;
  --paper: #f4f1e9;
  --red: #d20f21;
  --red-dark: #770611;
  --camo-deep: #292d22;
  --camo-mid: #62684c;
  --camo-pale: #a9aa86;
  --silver: #d7d8d5;
}

body { background: var(--ink); }

.site-header {
  min-height: 86px;
  background: linear-gradient(180deg, rgba(3,4,4,.96), rgba(3,4,4,.6) 74%, transparent);
  border: 0;
}

.brand-kicker { color: #bbbdb8; }
.brand-name { font-size: 1.42rem; }
nav { gap: clamp(13px, 1.7vw, 27px); }
nav a { font-size: .69rem; letter-spacing: .14em; }
.nav-story { padding: 9px 13px; border: 1px solid rgba(210,15,33,.8); }

.hero {
  isolation: isolate;
  min-height: 100svh;
  background:
    linear-gradient(90deg, rgba(2,3,3,.99) 0%, rgba(2,3,3,.94) 25%, rgba(2,3,3,.46) 54%, rgba(2,3,3,.03) 80%),
    linear-gradient(0deg, rgba(2,3,3,.8), transparent 43%),
    url('/assets/becoming-her-hero-seated-v2.png') 64% center / cover no-repeat;
}

.hero::before {
  z-index: -1;
  background:
    linear-gradient(114deg, transparent 0 56%, rgba(210,15,33,.3) 56.1% 56.35%, transparent 56.45%),
    repeating-linear-gradient(132deg, transparent 0 80px, rgba(255,255,255,.035) 80px 82px);
}

.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 78% 28%, transparent 0 22%, rgba(0,0,0,.2) 57%, rgba(0,0,0,.62) 100%);
}

.hero-coordinate {
  position: absolute;
  top: 52%;
  left: -88px;
  z-index: 3;
  color: rgba(255,255,255,.42);
  font: 800 .58rem/1 "Arial Narrow", Arial, sans-serif;
  letter-spacing: .28em;
  transform: rotate(-90deg);
}

.hero-copy { width: min(735px, 57vw); }
.hero-series { color: #f0eee8; }
.hero h1 { margin-top: 9px; }
.hero h1 span { font-size: clamp(4.8rem, 10vw, 10.5rem); filter: drop-shadow(0 8px 0 rgba(0,0,0,.52)); }
.hero h1 strong { margin-top: 2px; padding-left: .15em; font-size: clamp(5rem, 10.5vw, 11rem); }
.hero-declaration { max-width: 650px; }
.hero-declaration strong { color: #f1eee6; text-transform: uppercase; letter-spacing: .025em; }
.hero-story {
  max-width: 700px;
  font-size: clamp(1rem, 1.05vw, 1.08rem);
  line-height: 1.62;
}
.hero-story p { margin: 0; }
.hero-story p + p { margin-top: .8em; }
.hero-story strong { color: #f3eee6; }
.hero-story em { color: #ef4650; font-style: normal; font-weight: 800; }
.hero-story blockquote {
  margin: 1.2rem 0 0;
  padding: .15rem 0 .15rem 1rem;
  border-left: 3px solid #d71b27;
  color: #eee8df;
  font-family: var(--serif);
  font-size: 1rem;
  line-height: 1.5;
}
.hero-story cite {
  display: block;
  margin-top: .35rem;
  color: #ef4650;
  font: 800 .78rem/1.4 "Arial Narrow", Arial, sans-serif;
  font-style: normal;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.hero-vertical {
  position: absolute;
  right: 2.2vw;
  top: 24%;
  z-index: 4;
  color: rgba(255,255,255,.6);
  font: 800 .58rem/1 "Arial Narrow", Arial, sans-serif;
  letter-spacing: .35em;
  writing-mode: vertical-rl;
}

.battle-code {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 3vw, 48px);
  min-height: 108px;
  padding: 24px;
  color: #e8e8e3;
  background:
    radial-gradient(circle at 12% 30%, #555b43 0 7%, transparent 7.5%),
    radial-gradient(circle at 73% 60%, #171a15 0 14%, transparent 14.5%),
    linear-gradient(130deg, #2f3328, #676c50 38%, #1a1d17 70%, #4d523d);
  border-block: 1px solid #7e816e;
  font: 800 clamp(.85rem, 1.6vw, 1.35rem)/1 "Arial Narrow", Arial, sans-serif;
  letter-spacing: .28em;
}
.battle-code i { color: #aeb0a7; font-family: var(--serif); font-style: normal; }
.battle-code strong { color: #ff2638; font-size: 1.2em; }

.statement {
  overflow: hidden;
  padding-top: clamp(95px, 12vw, 170px);
  background:
    radial-gradient(ellipse at 8% 18%, rgba(65,70,52,.085) 0 7%, transparent 7.6%),
    radial-gradient(ellipse at 38% 42%, rgba(97,101,77,.07) 0 10%, transparent 10.7%),
    radial-gradient(ellipse at 78% 22%, rgba(43,48,37,.065) 0 8%, transparent 8.7%),
    radial-gradient(ellipse at 88% 72%, rgba(81,86,64,.08) 0 12%, transparent 12.7%),
    radial-gradient(ellipse at 24% 82%, rgba(48,53,40,.065) 0 9%, transparent 9.7%),
    linear-gradient(120deg, transparent 0 76%, rgba(63,68,51,.08) 76.2% 86%, transparent 86.2%),
    var(--paper);
}
.statement::after { content: "RISE"; top: 1%; right: -3vw; color: rgba(24,28,21,.045); font-size: 23vw; }
.statement-grid { grid-template-columns: 1fr .95fr; align-items: start; }
.red-script { margin: 0 0 12px; color: var(--red); font: 900 clamp(1rem, 1.6vw, 1.4rem)/1 "Arial Narrow", Arial, sans-serif; letter-spacing: .25em; transform: rotate(-1deg); }
.statement h2 strong { display: inline-block; color: var(--red); font-family: "Arial Black", Impact, sans-serif; font-style: normal; font-weight: 900; letter-spacing: -.05em; }
.raising-portrait { position: relative; margin: clamp(38px, 5vw, 68px) 0 0; width: min(100%, 560px); background: #080909; box-shadow: 18px 20px 0 rgba(79,85,63,.26), 25px 27px 0 rgba(177,15,27,.14); transform: rotate(-.6deg); }
.raising-portrait::before { content: "HER RISING"; position: absolute; right: -13px; top: 22px; z-index: 1; padding: 9px 11px; color: #fff; background: var(--red); font: 900 .62rem/1 "Arial Narrow", Arial, sans-serif; letter-spacing: .2em; writing-mode: vertical-rl; }
.raising-portrait img { display: block; width: 100%; height: auto; }
.statement-copy { font-family: var(--sans); }
.show-declaration { margin: 0 0 30px; color: var(--red); font-family: var(--display); font-size: clamp(1.35rem, 2.2vw, 2rem); font-weight: 700; line-height: 1.28; text-transform: uppercase; }
.vision-standard { margin: 30px 0; font-family: "Arial Black", Impact, sans-serif; font-size: clamp(1.45rem, 2.4vw, 2.5rem); font-weight: 900; letter-spacing: -.035em; line-height: .98; text-transform: uppercase; }
.vision-standard span { display: block; color: #20211e; }
.vision-standard strong { display: block; color: var(--red); }
.cycles-intro { margin-bottom: 8px; font-weight: 800; }
.cycles-roll { margin-top: 0; color: #3d4038; font-family: var(--sans); font-size: 1em; font-weight: 700; letter-spacing: 0; line-height: 1.65; }
.cycles-roll span { color: var(--red); padding-inline: .18em; }
.cycles-roll strong { color: var(--red); }
.truth-line { margin-top: 30px; padding: 25px 0 4px 25px; border-left: 5px solid var(--red); font-family: var(--sans); font-size: 1.08em; font-style: normal; line-height: 1.6; }
.truth-line span, .truth-line strong { display: block; }
.truth-line strong { margin-top: 6px; }
.show-scripture { max-width: 1050px; margin-top: clamp(70px, 8vw, 115px); color: #22251f; font-style: normal; }
.show-scripture p { margin: 0; }
.show-scripture cite { display: block; margin-top: 18px; color: var(--red); font: 900 .72rem/1 "Arial Narrow", Arial, sans-serif; font-style: normal; letter-spacing: .24em; text-transform: uppercase; }
.stand-declaration { position: relative; z-index: 1; max-width: 1050px; margin: 34px auto 0; padding: 30px 0; border-bottom: 1px solid var(--line); color: var(--ink); text-transform: uppercase; }
.stand-declaration strong { display: block; color: var(--red); font-family: "Arial Black", Impact, sans-serif; font-size: clamp(2rem, 4.5vw, 5rem); font-style: normal; letter-spacing: -.04em; line-height: .95; }

.original-world {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .32fr);
  gap: 0;
  max-width: 1220px;
  margin: clamp(75px, 9vw, 135px) auto 0;
  background: #090a09;
  box-shadow: 24px 28px 0 rgba(79,85,63,.24);
  transform: rotate(-.45deg);
}
.original-world img { width: 100%; height: 100%; object-fit: cover; }
.original-world figcaption { display: flex; flex-direction: column; justify-content: end; padding: clamp(28px, 4vw, 55px); color: #d7d7d1; font-family: var(--serif); font-size: 1.08rem; }
.original-world figcaption span { margin-bottom: 20px; color: #ff2638; font: 900 .67rem/1 "Arial Narrow", Arial, sans-serif; letter-spacing: .23em; }

.journey { position: relative; overflow: hidden; }
.journey::before { content: "BECOMING"; position: absolute; left: -2vw; top: 1%; color: rgba(255,255,255,.022); font: 900 18vw/.8 "Arial Black", Impact, sans-serif; }
.journey-grid { position: relative; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.journey-card { min-height: 390px; }
.journey-card h3 { font-family: var(--display); font-style: normal; text-transform: uppercase; }
.camo-card { background:
  radial-gradient(circle at 20% 30%, #777b5d 0 9%, transparent 9.4%),
  radial-gradient(circle at 72% 64%, #242821 0 16%, transparent 16.4%),
  linear-gradient(130deg,#555a43,#171a15); }
.silver-card { color: #070808; background: linear-gradient(135deg,#f2f2ef,#8e918d 46%,#dadbd8 47%,#6b6e6b); }
.silver-card .card-number { color: rgba(0,0,0,.13); }
.silver-card .card-kicker { color: #7f0710; }
.silver-card p:last-child { color: rgba(0,0,0,.72); }

.testimony {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 520px;
  padding: clamp(76px, 9vw, 122px) clamp(24px, 10vw, 160px);
  overflow: hidden;
  color: #171912;
  text-align: center;
  background:
    radial-gradient(ellipse at 8% 18%, rgba(57,62,45,.24) 0 8%, transparent 8.7%),
    radial-gradient(ellipse at 26% 70%, rgba(130,133,101,.28) 0 12%, transparent 12.8%),
    radial-gradient(ellipse at 58% 24%, rgba(78,83,61,.18) 0 10%, transparent 10.8%),
    radial-gradient(ellipse at 82% 72%, rgba(46,50,38,.19) 0 14%, transparent 14.8%),
    radial-gradient(ellipse at 94% 18%, rgba(139,141,108,.26) 0 9%, transparent 9.8%),
    linear-gradient(125deg, #eeeadd 0%, #d9d8c3 48%, #f3efe5 100%);
}
.testimony::before, .testimony::after { content: ""; position: absolute; width: 70vw; height: 1px; background: rgba(177,15,27,.62); transform: rotate(-12deg); }
.testimony::before { top: 20%; left: -20%; }
.testimony::after { right: -20%; bottom: 19%; }
.testimony blockquote { max-width: 880px; margin: 0; padding: 30px 0; border-color: rgba(43,47,35,.25); color: #171912; font-family: var(--serif); font-size: clamp(1.45rem, 2.55vw, 2.8rem); font-style: normal; font-weight: 400; letter-spacing: -.012em; line-height: 1.42; }
.testimony > p { margin: 20px 0 0; color: #a70c17; font: 900 .72rem/1 "Arial Narrow", Arial, sans-serif; letter-spacing: .28em; }
.testimony-mark { position: absolute; top: 50%; left: 50%; color: rgba(47,52,39,.055); font: 900 24vw/.8 "Arial Black", Impact, sans-serif; transform: translate(-50%,-50%); }

.war { background: #fff; }
.war-mark { background:
  radial-gradient(circle at 20% 25%, rgba(255,255,255,.14) 0 8%, transparent 8.5%),
  linear-gradient(160deg,#d51b2d,#810711 62%,#3e0207); }

.share-story { display: grid; grid-template-columns: .95fr 1.05fr; min-height: 920px; color: #fff; background: #080909; }
.story-image { min-height: 760px; background:
  linear-gradient(90deg, transparent 60%,#080909 100%),
  linear-gradient(0deg,rgba(0,0,0,.45),transparent 40%),
  url('/assets/becoming-her-hero.png') 64% center / cover no-repeat; }
.story-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(70px, 8vw, 130px) clamp(30px, 7vw, 110px); }
.story-copy h2 { margin: 5px 0 34px; font: 700 clamp(3.4rem, 6vw, 7.4rem)/.86 var(--display); letter-spacing: -.05em; }
.story-copy h2 em { color: var(--red); font-family: "Arial Black", Impact, sans-serif; font-style: italic; font-weight: 900; transform: skew(-6deg); }
.story-copy > p:not(.section-index):not(.red-script) { max-width: 720px; color: #c6c7c4; font-size: 1.04rem; }
.story-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
.story-care { font-size: .8rem !important; font-style: italic; }
.story-freedom { margin-top: 26px; padding-top: 28px; border-top: 1px solid #343635; color: #fff !important; font: 400 clamp(1.5rem,2.3vw,2.45rem)/1.25 var(--serif) !important; font-style: italic !important; }

.for-her { background:
  linear-gradient(rgba(5,6,6,.84),rgba(5,6,6,.95)),
  url('/assets/antherium-camo-noir.png') center / cover fixed; }
.manifesto span { background: rgba(0,0,0,.36); backdrop-filter: blur(4px); }

.creator { background:
  radial-gradient(circle at 15% 24%, rgba(86,92,67,.12) 0 7%, transparent 7.4%),
  #dfddd5; }
.creator-title { box-shadow: 18px 18px 0 var(--camo-mid), 26px 26px 0 var(--red); }

.coming-soon { background:
  linear-gradient(rgba(76,2,9,.52),rgba(5,6,6,.87)),
  url('/assets/queenest-tired-final.png') 65% 35% / cover; }

.merch-editorial { display: grid; grid-template-columns: .65fr 1.35fr; align-items: center; gap: clamp(30px, 6vw, 90px); padding: clamp(80px,10vw,150px) clamp(22px,6vw,100px); color: #f0eee8; background: #080909; }
.merch-editorial h2 { margin: 0 0 30px; font: 700 clamp(3rem,5vw,6rem)/.88 var(--display); letter-spacing: -.05em; }
.merch-editorial h2 em { color: var(--red); font-family: "Arial Black",Impact,sans-serif; font-style: italic; }
.merch-editorial-copy > p:last-child { color: #bdbeba; }
.merch-editorial img { width: 100%; border: 1px solid #3b3d39; box-shadow: 18px 20px 0 #5d6249; }

@media (max-width: 1050px) {
  .journey-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .share-story { grid-template-columns: .8fr 1.2fr; }
}

@media (max-width: 760px) {
  .site-header { min-height: 72px; }
  .nav-story { padding-inline: 0; border: 0; }
  .hero { min-height: 960px; padding-top: 125px; background:
    linear-gradient(180deg,rgba(2,3,3,.98) 0%,rgba(2,3,3,.73) 42%,rgba(2,3,3,.08) 67%,rgba(2,3,3,.92) 100%),
    url('/assets/becoming-her-hero-seated-v2.png') 70% center / cover no-repeat; }
  .hero-copy { width: 100%; }
  .hero h1 span, .hero h1 strong { font-size: clamp(4.3rem,20vw,7rem); }
  .hero-coordinate, .hero-vertical { display: none; }
  .battle-code { flex-wrap: wrap; gap: 12px; min-height: 94px; letter-spacing: .15em; }
  .statement-grid, .original-world, .share-story, .merch-editorial { grid-template-columns: 1fr; }
  .original-world { box-shadow: 11px 13px 0 rgba(79,85,63,.24); }
  .journey-grid { grid-template-columns: 1fr; }
  .testimony { min-height: 430px; padding-block: 72px; }
  .testimony blockquote { max-width: 34rem; padding: 24px 0; font-size: clamp(1.35rem, 6vw, 2rem); line-height: 1.45; }
  .story-image { min-height: 600px; background:
    linear-gradient(0deg,#080909 0%,transparent 30%),
    url('/assets/becoming-her-hero.png') 67% center / cover no-repeat; }
  .story-copy { padding-top: 30px; }
  .for-her { background-attachment: scroll; }
  .creator-title { box-shadow: 10px 10px 0 var(--camo-mid), 15px 15px 0 var(--red); }
}

/* QueenEst brand system */
.brand-name b {
  color: transparent;
  background:
    radial-gradient(circle at 20% 30%, #a6a486 0 8%, transparent 9%),
    radial-gradient(circle at 72% 70%, #3f4432 0 13%, transparent 14%),
    linear-gradient(125deg, #c0bda2, #555a42 40%, #151713 70%, #8f9274);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke: .4px rgba(255,255,255,.45);
}

.brand-name em {
  display: inline-block;
  font-family: "Arial Black", Impact, sans-serif;
  font-size: 1.18em;
  font-style: italic;
  letter-spacing: -.08em;
  transform: skew(-8deg);
}

.hero h1 span {
  color: transparent;
  background:
    radial-gradient(circle at 12% 30%, #9b9b7a 0 6%, transparent 7%),
    radial-gradient(circle at 66% 68%, #424835 0 11%, transparent 12%),
    linear-gradient(118deg, #d2cfb6, #62674c 38%, #181a15 72%, #8d9072);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke: 1px rgba(255,255,255,.35);
  filter: drop-shadow(0 7px 0 rgba(0,0,0,.42));
}

.hero h1 strong {
  font-family: "Arial Black", Impact, sans-serif;
  font-style: italic;
  font-weight: 900;
  letter-spacing: -.09em;
  transform: skew(-7deg) rotate(-2deg);
  text-shadow: 4px 5px 0 #540008, 0 0 36px rgba(177,15,27,.35);
}

.youtube-link { display: inline-flex; align-items: center; justify-content: center; }
.youtube-link svg { width: 29px; height: 29px; fill: #d71920; transition: transform .2s ease; }
.youtube-link .play { fill: white; }
.youtube-link:hover svg, .youtube-link:focus-visible svg { transform: scale(1.12); }
nav a[aria-current="page"] { color: #e11a26; }
footer a { text-decoration: none; }
footer a:hover { color: #e11a26; }

.inner-page { background: #080909; }
.inner-page .site-header { position: absolute; }
.page-hero { min-height: 82svh; display: flex; align-items: center; padding: 140px clamp(22px, 8vw, 135px) 90px; }
.page-hero > div { max-width: 820px; }
.page-hero h1 { margin: 28px 0 25px; font: 700 clamp(4.6rem, 10vw, 10.8rem)/.82 var(--display); letter-spacing: -.06em; }
.page-hero h1 em { display: block; color: #d71926; font-family: "Arial Black", Impact, sans-serif; font-style: italic; letter-spacing: -.08em; transform: skew(-6deg); }
.page-hero > div > p:last-child { max-width: 680px; color: #cacac7; font-size: clamp(1.04rem, 1.5vw, 1.3rem); }
.merch-hero { background: linear-gradient(90deg, rgba(4,5,5,.98) 0%, rgba(4,5,5,.7) 52%, rgba(4,5,5,.15)), url('/assets/the-becoming-cover.png') 74% 35% / cover; }
.music-hero { background: linear-gradient(90deg, rgba(4,5,5,.97) 0%, rgba(4,5,5,.62) 55%, rgba(4,5,5,.16)), url('/assets/becoming-her-hero.png') 68% center / cover; }
.music-hero h1 { color: #f0ede6; letter-spacing: .08em; }
.music-tag { color: #d71926 !important; font: 800 .8rem/1 "Arial Narrow", Arial, sans-serif !important; letter-spacing: .3em; }

.collection-intro { display: grid; grid-template-columns: .8fr 1fr 1fr; gap: clamp(35px, 6vw, 90px); align-items: end; padding: clamp(85px, 11vw, 150px) clamp(22px, 7vw, 110px); color: #080909; background: #efede7; }
.collection-intro h2, .album-statement h2, .page-cta h2 { margin: 0; font: 700 clamp(3.2rem, 6vw, 6.5rem)/.88 var(--display); letter-spacing: -.05em; }
.collection-intro h2 em, .album-statement h2 em, .page-cta h2 em { color: #b10f1b; font-weight: 400; }
.collection-intro > p:last-child { margin: 0; }

.product-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
.product-card { min-height: 620px; display: grid; grid-template-rows: 1fr auto; border: 1px solid #2b2c2d; }
.product-art { min-height: 450px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; text-align: center; overflow: hidden; }
.product-art > span { font: 700 clamp(1.3rem, 2vw, 2rem)/1 var(--display); letter-spacing: .12em; }
.product-art > strong { font: 900 clamp(3.2rem, 6vw, 7rem)/.8 "Arial Black", Impact, sans-serif; letter-spacing: -.08em; }
.product-art small { margin-top: 20px; font: 800 .72rem/1 "Arial Narrow", Arial, sans-serif; letter-spacing: .25em; }
.product-camo .product-art { background: radial-gradient(circle at 18% 28%, #838568 0 8%, transparent 9%), radial-gradient(circle at 70% 65%, #242820 0 15%, transparent 16%), linear-gradient(135deg,#5d614a,#171916); }
.product-camo .product-art strong { color: #e21c28; text-shadow: 4px 5px 0 #4d0006; transform: skew(-7deg); }
.product-oath .product-art { color: #090909; background: #ece9e2; }
.product-oath .product-art > strong { font-family: var(--display); letter-spacing: .04em; }
.product-oath .product-art > strong span { color: #b10f1b; }
.product-war .product-art { background: linear-gradient(145deg,#0a0b0b,#282a22); }
.product-war .product-art > strong { color: transparent; -webkit-text-stroke: 2px #d3d1ca; }
.product-antherium .product-art { background: radial-gradient(circle at 50% 45%,#7d0911,#180204 42%,#070808 70%); }
.product-antherium .product-art > strong { color: #eae7df; font-family: var(--display); letter-spacing: -.04em; }
.product-info { padding: 28px 34px 34px; color: #111; background: #efede7; }
.product-info p { margin: 0; color: #b10f1b; font: 900 .64rem/1 "Arial Narrow",Arial,sans-serif; letter-spacing: .2em; }
.product-info h2 { margin: 10px 0 3px; font: 700 clamp(1.6rem,2.3vw,2.5rem)/1 var(--display); }
.product-info span { color: #595959; font-size: .88rem; }

.album-statement { display: grid; grid-template-columns: .65fr 1.35fr; gap: clamp(40px,8vw,130px); align-items: center; padding: clamp(90px,12vw,180px) clamp(22px,8vw,135px); color: #090a0a; background: #ece9e2; }
.album-mark { aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(0,0,0,.25); border-radius: 50%; box-shadow: inset 0 0 0 13px #ece9e2, inset 0 0 0 14px rgba(0,0,0,.22); background: radial-gradient(circle,#81111a 0 4%,#111 4.5% 35%,#cec9be 36% 38%,#111 39% 63%,#b10f1b 64%); }
.album-mark span { color: #eee; font: 700 8rem/1 var(--display); }
.album-mark b { position: absolute; color: #b10f1b; font: 900 2rem/1 "Arial Black",Impact,sans-serif; transform: translate(42px,35px); }
.album-statement > div:last-child > p:last-child { max-width: 720px; font-size: 1.08rem; }

.track-world { padding: clamp(90px,11vw,165px) clamp(22px,7vw,115px); }
.track-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid #393a3a; }
.track-list li { display: grid; grid-template-columns: 80px 1fr auto; gap: 24px; align-items: center; padding: 23px 0; border-bottom: 1px solid #393a3a; }
.track-list span { color: #b10f1b; font: 700 1rem/1 var(--display); }
.track-list strong { font: 700 clamp(1.35rem,2.2vw,2.2rem)/1 var(--display); }
.track-list em { color: #939393; font: 700 .68rem/1 "Arial Narrow",Arial,sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.development-note { margin-top: 28px; color: #888; font-size: .8rem; text-transform: uppercase; letter-spacing: .18em; }

.page-cta { padding: clamp(95px,13vw,190px) 22px; text-align: center; background: #b10f1b; }
.page-cta > p:not(.section-index) { font-family: var(--serif); font-size: 1.2rem; }
.page-cta h2 em { color: #090909; }
.music-cta { background: linear-gradient(rgba(120,4,13,.84),rgba(34,1,4,.93)),url('/assets/becoming-her-hero.png') center/cover; }
.cta-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 32px; }

@media (max-width: 900px) {
  .collection-intro { grid-template-columns: 1fr; }
  .product-grid { grid-template-columns: 1fr; }
  .album-statement { grid-template-columns: 1fr; }
  .album-mark { width: min(420px,100%); margin-inline: auto; }
}

@media (max-width: 760px) {
  .page-hero { min-height: 780px; align-items: flex-start; padding-top: 145px; }
  .page-hero h1 { font-size: clamp(4rem,18vw,6.5rem); }
  .merch-hero { background-position: 62% center; }
  .music-hero { background-position: 72% center; }
  .product-card { min-height: 520px; }
  .product-art { min-height: 370px; }
  .track-list li { grid-template-columns: 48px 1fr; }
  .track-list em { grid-column: 2; }
}

/* Real QueenEst portrait integration */
.hero::before {
  background: repeating-linear-gradient(132deg, transparent 0 80px, rgba(255,255,255,.035) 80px 82px);
}

.brand-name em,
.footer-brand em {
  font-style: normal;
  letter-spacing: .01em;
  transform: none;
}

.hero h1 strong {
  font-style: normal;
  letter-spacing: -.055em;
  transform: none;
}

.coming-soon h2 em {
  display: inline-block;
  font-family: "Arial Black", Impact, sans-serif;
  font-style: normal;
  font-weight: 900;
  letter-spacing: -.055em;
  transform: none;
}

.story-image {
  position: relative;
  overflow: hidden;
  background: #090909 url('/assets/queenest-share-story.jpg') 62% center / cover no-repeat;
}

.story-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent 48%, #080909 100%),
    linear-gradient(0deg, rgba(0,0,0,.62), transparent 45%),
    linear-gradient(135deg, transparent 65%, rgba(178,10,25,.18));
}

/* Fire replaces the camouflage section backgrounds; the brand lettering stays as set. */
.battle-code {
  background: linear-gradient(90deg, rgba(7,5,5,.85), rgba(30,8,5,.62), rgba(7,5,5,.86)),
    url('/assets/becoming-her-show-rising-fire.png') 0% 72% / 290% auto no-repeat;
  border-block-color: #76351f;
}

.statement {
  background: radial-gradient(ellipse at 92% 7%, rgba(190,65,18,.21), transparent 34%),
    radial-gradient(ellipse at 4% 90%, rgba(116,30,12,.14), transparent 38%),
    linear-gradient(155deg, #f5f0e7, #e8ded1 52%, #f4eee5);
}

.camo-card {
  background: linear-gradient(125deg, rgba(15,6,5,.88), rgba(52,16,8,.43)),
    url('/assets/becoming-her-show-rising-fire.png') 0% 68% / 320% auto no-repeat;
}

.testimony {
  color: #f5ede5;
  background: linear-gradient(90deg, rgba(9,5,5,.86), rgba(26,8,6,.73), rgba(8,5,5,.86)),
    url('/assets/becoming-her-show-rising-fire.png') 0% 72% / 260% auto no-repeat;
}

.for-her {
  background: linear-gradient(90deg, rgba(5,5,5,.95), rgba(10,5,5,.68), rgba(5,5,5,.87)),
    url('/assets/becoming-her-show-rising-fire.png') 0% 55% / 230% auto no-repeat;
}

.for-her {
  background:
    linear-gradient(90deg, rgba(5,6,6,.96) 0%, rgba(5,6,6,.79) 48%, rgba(5,6,6,.9) 100%),
    url('/assets/queenest-rebel.jpg') center 28% / cover fixed;
}

.creator {
  grid-template-columns: minmax(340px, .92fr) minmax(0, 1.08fr);
  align-items: stretch;
  padding-top: clamp(75px, 8vw, 115px);
  padding-bottom: clamp(75px, 8vw, 115px);
}

.creator-portrait {
  position: relative;
  min-height: 710px;
  margin: 0;
  overflow: hidden;
  background: #111;
  box-shadow: 18px 18px 0 var(--camo-mid), 26px 26px 0 var(--red);
}

.creator-portrait::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 34%, rgba(3,4,4,.24) 52%, rgba(3,4,4,.96) 100%);
  pointer-events: none;
}

.creator-portrait img {
  width: 100%;
  height: 100%;
  min-height: 710px;
  object-fit: cover;
  object-position: 50% 30%;
  transition: transform 1.2s ease;
}

.creator-portrait:hover img { transform: scale(1.025); }

.creator-portrait figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: clamp(28px, 4vw, 54px);
  color: white;
}

.creator-portrait .section-index { margin-bottom: 22px; }
.creator-portrait .queenest { color: #ff3042; }
.creator-portrait h2 { color: white; font-size: clamp(3rem, 5vw, 6rem); }
.creator-portrait .creator-role { border-color: rgba(255,255,255,.28); }

.merch-hero {
  background:
    linear-gradient(90deg, rgba(4,5,5,.99) 0%, rgba(4,5,5,.88) 38%, rgba(4,5,5,.18) 70%),
    linear-gradient(0deg, rgba(4,5,5,.7), transparent 42%),
    url('/assets/queenest-glam-military-rebel.png') 74% 31% / cover no-repeat;
}

.music-hero {
  background:
    linear-gradient(90deg, rgba(4,5,5,.99) 0%, rgba(4,5,5,.88) 39%, rgba(4,5,5,.15) 72%),
    linear-gradient(0deg, rgba(4,5,5,.72), transparent 43%),
    url('/assets/queenest-emerald.jpg') 76% 32% / cover no-repeat;
}

.album-portrait {
  position: relative;
  aspect-ratio: .78;
  margin: 0;
  overflow: hidden;
  background: #07100c;
  box-shadow: 16px 18px 0 #5a6048, 24px 26px 0 #980a16;
}

.album-portrait::after {
  content: "QUEENEST";
  position: absolute;
  right: -42px;
  bottom: 42px;
  color: rgba(255,255,255,.72);
  font: 800 .7rem/1 "Arial Narrow", Arial, sans-serif;
  letter-spacing: .42em;
  transform: rotate(-90deg);
}

.album-portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 30%;
}

@media (prefers-reduced-motion: no-preference) {
  .story-image { animation: story-drift 18s ease-in-out infinite alternate; }
  .music-hero { animation: music-drift 20s ease-in-out infinite alternate; }
  .merch-hero { animation: armour-drift 20s ease-in-out infinite alternate; }

  @keyframes story-drift {
    from { background-position: 62% 50%; }
    to { background-position: 58% 46%; }
  }

  @keyframes music-drift {
    from { background-position: 0 0, 0 0, 76% 32%; }
    to { background-position: 0 0, 0 0, 72% 28%; }
  }

  @keyframes armour-drift {
    from { background-position: 0 0, 0 0, 74% 31%; }
    to { background-position: 0 0, 0 0, 70% 27%; }
  }
}

/* Her voice, made visible. */
.voice-banner {
  position: relative;
  isolation: isolate;
  width: 100vw;
  min-height: clamp(350px, 32vw, 510px);
  margin: 28px 0 8px calc(50% - 50vw);
  display: flex;
  align-items: center;
  overflow: hidden;
  background: url('/assets/voice-microphone-banner-v1.jpg') 70% center / cover no-repeat;
}
.voice-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(7,4,4,.92) 0%, rgba(10,5,5,.68) 44%, rgba(10,5,5,.13) 73%, rgba(8,4,4,.24));
}
.voice-banner-copy {
  width: min(58%, 790px);
  margin-left: max(24px, calc((100vw - 1180px) / 2));
  padding: clamp(46px, 5vw, 76px) clamp(24px, 5vw, 72px) clamp(46px, 5vw, 76px) 0;
}
.foundation-response .voice-banner .oath-roar {
  margin: 0 0 21px;
  color: #fff5ec !important;
  font-size: clamp(1.65rem, 2.8vw, 3.25rem) !important;
  font-weight: 900;
  line-height: 1.05 !important;
  letter-spacing: -.035em;
  text-transform: uppercase;
  text-shadow: 0 4px 18px rgba(0,0,0,.8);
}
.foundation-response .voice-banner .oath-roar strong {
  display: block;
  margin-top: .18em;
  color: #ef3442;
  font: inherit;
  text-shadow: 2px 3px 0 rgba(86,5,12,.72), 0 8px 20px rgba(0,0,0,.72);
}
.foundation-response .voice-call {
  max-width: 650px;
  margin: 0;
  color: #e9ddd3 !important;
  font-size: clamp(.98rem, 1.15vw, 1.12rem) !important;
  line-height: 1.55 !important;
}
.foundation-response .voice-banner .oath-scripture {
  max-width: 650px;
  margin: 24px 0 0;
  padding: 0;
  color: #f3d6be;
  background: transparent;
  font-size: clamp(1rem, 1.3vw, 1.28rem);
  text-shadow: 0 3px 13px rgba(0,0,0,.8);
}
@media (max-width: 760px) {
  .voice-banner {
    min-height: 530px;
    background-position: 68% center;
  }
  .voice-banner::before {
    background: linear-gradient(90deg, rgba(7,4,4,.92), rgba(7,4,4,.62) 64%, rgba(7,4,4,.28)), linear-gradient(0deg, rgba(7,4,4,.62), transparent 62%);
  }
  .voice-banner-copy {
    width: 78%;
    margin-left: 22px;
    padding: 48px 18px 48px 0;
  }
  .foundation-response .voice-banner .oath-roar { font-size: clamp(1.65rem, 8vw, 2.75rem) !important; }
}

/* Compact W.A.R. lockup: conviction without oversized or overlapping type. */
.foundation-stage-copy .war-creed {
  display: grid;
  gap: 13px;
  width: min(100%, 660px);
  margin-top: 30px;
}
.foundation-stage-copy .war-creed p {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 13px;
  align-items: baseline;
  margin: 0;
  line-height: 1.25;
}
.foundation-stage-copy .war-creed strong {
  flex: 0 0 auto;
  color: #f7eee4;
  font: 900 clamp(1.35rem, 2vw, 2.05rem)/1 "Arial Black", Impact, sans-serif !important;
  letter-spacing: -.04em;
  white-space: nowrap;
  text-shadow: 0 4px 14px rgba(0,0,0,.55);
}
.foundation-stage-copy .war-creed p:last-child strong {
  color: #ef3440;
  text-shadow: 2px 2px 0 #611016, 0 6px 16px rgba(0,0,0,.55);
}
.foundation-stage-copy .war-creed span {
  min-width: 0;
  color: #f0d8c5;
  font-size: clamp(.9rem, 1.05vw, 1.02rem);
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1.35;
}
@media (max-width: 560px) {
  .foundation-stage-copy .war-creed { gap: 15px; margin-top: 26px; }
  .foundation-stage-copy .war-creed p { display: block; }
  .foundation-stage-copy .war-creed strong { display: inline; font-size: 1.55rem; }
  .foundation-stage-copy .war-creed span { display: inline; margin-left: 7px; font-size: .94rem; }
}

/* W.A.R. as a creed, not a repeated acronym explanation. */
.war-creed {
  display: grid;
  gap: clamp(18px, 2vw, 28px);
  max-width: 690px;
  margin-top: clamp(30px, 4vw, 52px);
}
.war-creed p {
  display: grid;
  grid-template-columns: minmax(145px, .42fr) minmax(0, 1fr);
  gap: clamp(18px, 3vw, 42px);
  align-items: baseline;
  margin: 0;
}
.war-creed strong {
  color: #f7eee4;
  font: 900 clamp(2.25rem, 4.2vw, 4.85rem)/.88 "Arial Black", Impact, sans-serif !important;
  letter-spacing: -.065em;
  text-shadow: 0 5px 20px rgba(0,0,0,.55);
}
.war-creed p:last-child strong {
  color: #ef3440;
  text-shadow: 2px 3px 0 #611016, 0 8px 22px rgba(0,0,0,.55);
}
.war-creed span {
  color: #f0d8c5;
  font-size: clamp(.94rem, 1.2vw, 1.14rem);
  font-weight: 700;
  letter-spacing: .015em;
  line-height: 1.35;
}
@media (max-width: 560px) {
  .war-creed { gap: 22px; }
  .war-creed p { grid-template-columns: 1fr; gap: 7px; }
  .war-creed strong { font-size: clamp(2.7rem, 13vw, 4.3rem); }
  .war-creed span { max-width: 30ch; }
}

@media (max-width: 760px) {
  .story-image {
    min-height: 650px;
    background-position: 58% center;
  }

  .story-image::after {
    background: linear-gradient(0deg, #080909 0%, transparent 42%), linear-gradient(135deg, transparent 60%, rgba(178,10,25,.16));
  }

  .for-her { background-position: 56% center; background-attachment: scroll; }

  .creator { grid-template-columns: 1fr; }
  .creator-portrait { min-height: 620px; box-shadow: 10px 10px 0 var(--camo-mid), 15px 15px 0 var(--red); }
  .creator-portrait img { min-height: 620px; }

  .merch-hero {
    background-position: 0 0, 0 0, 61% 28%;
  }

  .music-hero {
    background-position: 0 0, 0 0, 62% 25%;
  }

  .album-portrait { width: calc(100% - 16px); max-width: 520px; }
}

/* W.A.R. visual manifesto */
.war-manifesto {
  display: block;
  min-height: 0;
  overflow: hidden;
  color: #12130f;
  background: #ebe7dc;
  border-block: 1px solid rgba(177, 15, 27, .34);
}

.war-art {
  position: relative;
  min-width: 0;
  margin: 0;
  display: grid;
  place-items: center;
  padding: clamp(32px, 4.5vw, 70px);
  background:
    radial-gradient(ellipse at 12% 22%, rgba(83,88,65,.15) 0 9%, transparent 9.7%),
    radial-gradient(ellipse at 72% 66%, rgba(45,50,38,.11) 0 14%, transparent 14.8%),
    radial-gradient(circle at 50% 44%, rgba(177,15,27,.08), transparent 40%),
    #e7e2d7;
}

.war-art::after {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(36, 39, 30, .2);
  pointer-events: none;
}

.war-art img {
  display: block;
  width: min(100%, 1320px);
  height: auto;
  object-fit: contain;
  border: 1px solid rgba(25,27,22,.18);
  box-shadow: 0 28px 64px rgba(26,27,23,.22), 16px 18px 0 rgba(94,99,74,.28), 23px 25px 0 rgba(177,15,27,.12);
}

.war-art figcaption {
  position: absolute;
  left: 30px;
  bottom: 27px;
  z-index: 2;
  padding: 10px 13px;
  color: #fff;
  background: rgba(71, 75, 56, .88);
  border-left: 3px solid var(--red);
  font: 800 .64rem/1 "Arial Narrow", Arial, sans-serif;
  letter-spacing: .24em;
}

.war-manifesto .war-copy {
  position: relative;
  isolation: isolate;
  padding: clamp(82px, 9vw, 142px) clamp(34px, 8vw, 132px);
  color: #11120e;
  background:
    linear-gradient(90deg, rgba(177,15,27,.88) 0 3px, transparent 3px),
    radial-gradient(ellipse at 88% 12%, rgba(177,15,27,.07) 0 13%, transparent 13.8%),
    radial-gradient(ellipse at 16% 76%, rgba(88,93,70,.09) 0 12%, transparent 12.8%),
    #f5f1e8;
}

.war-manifesto .war-copy::before {
  content: "W.A.R.";
  position: absolute;
  right: -18px;
  bottom: -16px;
  z-index: -1;
  color: rgba(31, 35, 26, .04);
  font: 900 clamp(7rem, 13vw, 14rem)/.72 "Arial Black", Impact, sans-serif;
  letter-spacing: -.08em;
}

.war-manifesto .section-index { color: #8b0b14; }

.foundation-creed {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 20px 0 34px;
  color: #25271f;
  font: 900 clamp(.74rem, 1vw, .92rem)/1.45 "Arial Narrow", Arial, sans-serif;
  letter-spacing: .2em;
}

.foundation-cross {
  position: relative;
  color: #b10f1b;
  font-family: Georgia, serif;
  font-size: clamp(4rem, 7vw, 7rem);
  font-weight: 400;
  line-height: .7;
  text-shadow: 0 8px 22px rgba(177,15,27,.18);
}

.foundation-cross::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 70%;
  width: 2px;
  height: 58px;
  background: linear-gradient(#d71926, transparent);
  transform: translateX(-50%);
}

.war-kicker {
  margin: 24px 0 19px;
  color: #a50d18;
  font: 900 clamp(.86rem, 1.1vw, 1.05rem)/1.35 "Arial Narrow", Arial, sans-serif !important;
  letter-spacing: .2em;
}

.war-manifesto h2 {
  display: flex;
  flex-wrap: wrap;
  gap: 0 .18em;
  max-width: 1120px;
  margin: 0 0 30px;
  color: #13140f;
  font-size: clamp(4rem, 6.5vw, 8rem);
  line-height: .75;
}

.war-manifesto h2 span,
.war-manifesto h2 strong { display: inline-block; font-style: normal; }
.war-manifesto h2 span { color: #161712; }
.war-manifesto h2 strong { color: #b10f1b; font-family: "Arial Black", Impact, sans-serif; font-size: 1.08em; letter-spacing: -.065em; text-shadow: 3px 4px 0 rgba(94,99,74,.28); }

.war-manifesto .war-copy > p:not(.section-index):not(.war-kicker) {
  max-width: 680px;
  color: #33352d;
  font-family: var(--sans);
  font-size: clamp(1rem, 1.25vw, 1.17rem);
  line-height: 1.75;
}

.foundation-lede { color: #33352d !important; font-size: clamp(1.05rem, 1.4vw, 1.26rem) !important; }
.foundation-oath { margin-top: 28px; padding: 23px 25px; color: #171812 !important; border-block: 1px solid rgba(177,15,27,.45); font-family: "Arial Narrow", Arial, sans-serif !important; font-size: clamp(1.05rem, 1.5vw, 1.35rem) !important; font-weight: 900; letter-spacing: .12em; line-height: 1.35 !important; }
.foundation-oath strong { color: #b10f1b; }

.war-manifesto .war-definitions { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 1240px; margin-top: 48px; }
.war-manifesto .war-definitions div { grid-template-columns: 1fr; gap: 10px; padding-right: clamp(10px, 2vw, 34px); }
.war-manifesto .war-definitions div { border-top-color: rgba(28, 31, 24, .2); }
.war-manifesto .war-definitions strong { color: #b10f1b; }
.war-manifesto .war-definitions span { color: #3e4037; line-height: 1.55; }

.anointing-declaration {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  min-height: clamp(570px, 68vw, 850px);
  padding: clamp(90px, 12vw, 180px) clamp(24px, 9vw, 145px);
  overflow: hidden;
  color: #fff;
  text-align: center;
  background:
    radial-gradient(ellipse at 15% 26%, rgba(112,116,84,.13) 0 10%, transparent 10.8%),
    radial-gradient(ellipse at 82% 68%, rgba(66,72,52,.16) 0 14%, transparent 14.8%),
    linear-gradient(180deg, #11120f 0%, #080908 58%, #140405 100%);
  border-top: 1px solid rgba(255,255,255,.09);
}

.anointing-declaration::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -8%;
  right: -8%;
  bottom: -24%;
  height: 78%;
  opacity: .62;
  background:
    radial-gradient(ellipse at 18% 100%, rgba(217,19,29,.72) 0 8%, rgba(139,8,18,.28) 24%, transparent 52%),
    radial-gradient(ellipse at 52% 100%, rgba(255,106,35,.42) 0 7%, rgba(177,15,27,.24) 26%, transparent 55%),
    radial-gradient(ellipse at 82% 100%, rgba(201,14,28,.62) 0 9%, rgba(111,5,13,.25) 28%, transparent 54%);
  filter: blur(18px);
  transform-origin: 50% 100%;
  animation: flame-breathe 8s ease-in-out infinite alternate;
}

.anointing-copy { position: relative; z-index: 1; width: min(100%, 1240px); }
.anointing-copy::before { content: ""; display: block; width: 74px; height: 5px; margin: 0 auto 38px; background: var(--red); box-shadow: 0 0 32px rgba(217,19,29,.58); }
.anointing-copy h3 { margin: 0; font-family: var(--display); font-size: clamp(2.25rem, 5.3vw, 6.15rem); font-style: normal; font-weight: 900; letter-spacing: -.035em; line-height: .98; text-transform: uppercase; }
.anointing-copy h3 span,
.anointing-copy h3 strong { display: block; }
.anointing-copy h3 span { margin-bottom: .16em; color: #efeee8; }
.anointing-copy h3 strong { margin-top: .36em; color: #ef2334; text-shadow: 0 8px 32px rgba(217,19,29,.24); }

.foundation-response { border-top: 1px solid rgba(217,19,29,.42); }
.foundation-response .section-index { color: #ff3947; }
.foundation-response .story-copy h2 strong { color: var(--red); font-family: "Arial Black", Impact, sans-serif; font-style: normal; font-weight: 900; letter-spacing: -.045em; }

@keyframes flame-breathe {
  0% { opacity: .38; transform: translate3d(-1.5%, 8%, 0) scale(.96, .9); }
  48% { opacity: .68; transform: translate3d(1%, -3%, 0) scale(1.03, 1.08); }
  100% { opacity: .5; transform: translate3d(-.5%, 1%, 0) scale(1.08, 1); }
}

@media (max-width: 980px) {
  .war-art img { width: min(100%, 920px); height: auto; object-fit: contain; }
  .war-manifesto .war-definitions { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .war-art::after { inset: 9px; }
  .war-art figcaption { left: 16px; bottom: 15px; max-width: calc(100% - 32px); font-size: .56rem; letter-spacing: .16em; }
  .war-art { padding: 28px 18px 50px; }
  .war-art img { width: 100%; box-shadow: 0 22px 52px rgba(26,27,23,.22), 9px 11px 0 rgba(94,99,74,.28); }
  .war-manifesto .war-copy { padding: 72px 22px 84px; }
  .war-manifesto h2 { font-size: clamp(3.6rem, 17vw, 5.5rem); }
  .war-manifesto h2 span,
  .war-manifesto h2 strong { display: block; width: 100%; }
  .war-manifesto .war-definitions div { grid-template-columns: 1fr; gap: 7px; }
  .foundation-creed { align-items: flex-start; }
  .foundation-cross { font-size: 4.6rem; }
  .anointing-declaration { min-height: 590px; padding: 90px 22px; }
  .anointing-copy h3 { font-size: clamp(2.35rem, 12vw, 4.25rem); line-height: 1.02; }
}

/* Warm firelight across the formerly camouflaged light surfaces. */
.statement,
.war-manifesto .war-copy,
.creator,
.creator-title,
.collection-intro,
.album-statement {
  background-image:
    radial-gradient(ellipse at 95% 8%, rgba(203, 86, 28, .23), transparent 35%),
    radial-gradient(ellipse at 4% 93%, rgba(156, 41, 18, .14), transparent 39%),
    linear-gradient(145deg, #f7f1e8, #e8ded1 55%, #f4ece2);
  background-size: cover;
}

.camo-word { display: inline-block; font-family: var(--display); font-style: normal; font-weight: 900; }

@media (prefers-reduced-motion: reduce) {
  .anointing-declaration::before { animation: none; }
}

/* The invitation: QueenEst's exact portrait against a moving field of fire */
.foundation-response {
  grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr);
  align-items: stretch;
  min-height: 1100px;
  background: #130b0c;
}
.foundation-response .story-image {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  min-height: 900px;
  padding: 50px 12px;
  overflow: hidden;
  background: linear-gradient(145deg, #432119, #1c0c0c 74%);
  animation: none;
}
.foundation-response .story-image::before {
  content: "";
  position: absolute;
  inset: -7%;
  z-index: 0;
  background: url('/assets/becoming-her-show-rising-fire.png') left 78% / 300% auto no-repeat;
  opacity: .82;
  filter: saturate(1.5) contrast(1.14) blur(3px);
  transform-origin: 12% 90%;
  animation: invitation-fire 10s ease-in-out infinite alternate;
}
.foundation-response .story-image::after {
  z-index: 1;
  background: linear-gradient(90deg, rgba(9,4,4,.42), transparent 28%, transparent 72%, rgba(12,4,4,.58)), linear-gradient(0deg, rgba(67,14,9,.34), transparent 46%);
  pointer-events: none;
}
.foundation-response .story-image img {
  position: relative;
  z-index: 2;
  width: min(94%, 690px);
  height: auto;
  border: 0;
  box-shadow: 0 20px 72px rgba(9,3,3,.48), 0 0 48px rgba(219,67,29,.16);
  transform-origin: 50% 90%;
  animation: invitation-walk-forward 9s ease-in-out infinite alternate;
}
.foundation-response .story-copy {
  padding: clamp(80px, 7vw, 128px) clamp(28px, 6vw, 98px);
  background: radial-gradient(ellipse at 100% 12%, rgba(153,45,21,.16), transparent 41%), linear-gradient(165deg, #1a1111, #0c0b0b 67%, #230e10);
}
.foundation-response .story-copy h2 { margin: 5px 0 30px; font: 900 clamp(2.9rem, 5.2vw, 6.1rem)/.96 "Arial Black", Impact, sans-serif; letter-spacing: -.055em; }
.foundation-response .story-copy h2 strong { display: inline-block; color: #ef2536; }
.foundation-response .story-copy > p:not(.section-index):not(.red-script) { color: #eee6df; font-size: clamp(1rem, 1.15vw, 1.15rem); line-height: 1.6; }
.foundation-response .oath-opening { margin-bottom: 24px; font-family: var(--serif); font-size: clamp(1.35rem, 2vw, 2rem) !important; line-height: 1.4 !important; }
.foundation-response .oath-intro { margin: 0 0 15px; color: #f4b899 !important; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.oath-lines { display: grid; gap: 10px; margin: 0 0 28px; padding: 0; list-style: none; }
.oath-lines li { position: relative; padding-left: 26px; color: #eee3da; font-size: clamp(1rem, 1.15vw, 1.15rem); line-height: 1.5; }
.oath-lines li::before { content: ""; position: absolute; top: .75em; left: 0; width: 12px; height: 2px; background: #dc2330; }
.foundation-response .oath-roar { margin: 10px 0 26px; font-family: var(--serif); font-size: clamp(1.25rem, 1.7vw, 1.8rem) !important; line-height: 1.3 !important; }
.oath-roar strong { color: #ff3644; font-family: "Arial Black", Impact, sans-serif; font-size: 1.12em; letter-spacing: .025em; }
.oath-scripture { max-width: 720px; margin: 28px 0 0; padding: 23px 0; border-top: 1px solid rgba(246,199,165,.5); border-bottom: 1px solid rgba(246,199,165,.25); color: #f7e2d0; font: 400 clamp(1.16rem, 1.55vw, 1.6rem)/1.45 var(--serif); font-style: normal; text-align: left; }
.oath-scripture p { margin: 0; }
.oath-scripture cite { display: block; margin-top: 13px; color: #fa776b; font: 800 .75rem/1.4 "Arial Narrow", Arial, sans-serif; font-style: normal; letter-spacing: .2em; }
.oath-scripture a { text-decoration-color: #fa776b; text-underline-offset: 3px; }
.foundation-response .story-actions { margin: 34px 0 9px; }
.foundation-response .story-care { color: #d4c1b7 !important; font-size: .84rem !important; font-style: normal !important; line-height: 1.5 !important; }

@keyframes invitation-fire {
  0% { opacity: .72; transform: scale(1.02) translateY(3%); filter: saturate(1.5) contrast(1.16) blur(3px); }
  50% { opacity: 1; transform: scale(1.12) translateY(-3%); filter: saturate(1.9) contrast(1.25) blur(1px); }
  100% { opacity: .82; transform: scale(1.06) translateY(1%); filter: saturate(1.65) contrast(1.2) blur(2px); }
}
@keyframes invitation-walk-forward {
  0% { transform: translate3d(0, 6px, 0) scale(.97) rotate(-.25deg); box-shadow: 0 24px 65px rgba(8,2,2,.78), 0 0 32px rgba(209,53,24,.2); }
  48% { transform: translate3d(0, -5px, 0) scale(1.015) rotate(.2deg); box-shadow: 0 28px 77px rgba(8,2,2,.7), 0 0 62px rgba(242,75,30,.35); }
  100% { transform: translate3d(0, -2px, 0) scale(1.055) rotate(0); box-shadow: 0 34px 88px rgba(8,2,2,.65), 0 0 82px rgba(246,81,35,.45); }
}
@media (max-width: 960px) {
  .foundation-response { grid-template-columns: 1fr; }
  .foundation-response .story-image { min-height: 700px; }
  .foundation-response .story-image img { width: min(88%, 600px); }
}
@media (max-width: 760px) {
  .foundation-response .story-image { min-height: 610px; padding: 32px 8px; }
  .foundation-response .story-image::before { background-size: auto 120%; background-position: left bottom; }
  .foundation-response .story-image img { width: min(88%, 440px); }
  .foundation-response .story-copy { padding: 58px 24px 80px; }
  .foundation-response .story-copy h2 { font-size: clamp(2.7rem, 11vw, 5.4rem); }
}
@media (prefers-reduced-motion: reduce) {
  .foundation-response .story-image::before,
  .foundation-response .story-image img { animation: none; }
}

/* The invitation headline appears before the portrait on every screen. */
.foundation-response .invitation-heading {
  grid-column: 1 / -1;
  padding: clamp(50px, 6vw, 90px) clamp(28px, 6vw, 98px) clamp(40px, 5vw, 70px);
  color: #fff;
  background: radial-gradient(ellipse at 80% 100%, rgba(194,47,22,.25), transparent 43%), #120b0b;
  border-bottom: 1px solid rgba(245,108,81,.34);
}
.foundation-response .invitation-heading .section-index { margin-bottom: 20px; }
.foundation-response .invitation-heading .red-script { margin-bottom: 24px; }
.foundation-response .invitation-heading h2 {
  max-width: 1200px;
  margin: 0;
  color: #fff;
  font: 900 clamp(3rem, 6.6vw, 7.6rem)/.96 "Arial Black", Impact, sans-serif;
  letter-spacing: -.055em;
  text-transform: uppercase;
}
.foundation-response .invitation-heading h2 strong { color: #ef2536; }
@media (max-width: 760px) {
  .foundation-response .invitation-heading { padding: 48px 24px 42px; }
  .foundation-response .invitation-heading h2 { font-size: clamp(2.4rem, 10vw, 5rem); }
  .foundation-response .invitation-heading h2 strong { display: block; }
}

/* QueenEst Studios title and the sunset Foundation */
.studio-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 210px;
  color: #f1e9db;
  font: 800 clamp(.72rem, 1vw, .88rem)/1.2 "Arial Narrow", Arial, sans-serif;
  letter-spacing: .15em;
  text-decoration: none;
  text-transform: uppercase;
}
.studio-brand span { display: block; }
.studio-brand strong { display: block; margin-top: 5px; color: #e04a45; font-size: .76em; font-weight: 700; letter-spacing: .32em; }
.studio-mic { width: 34px; height: 50px; flex: none; fill: none; stroke: #e3c5a0; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 7px rgba(210,95,45,.45)); }
.studio-mic rect { fill: rgba(67,43,33,.82); }

.hero h1 { width: max-content; max-width: 100%; }
.hero h1 span {
  width: max-content;
  max-width: 100%;
  color: #eee8dc;
  font-family: "Arial Black", Impact, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: clamp(3.8rem, 8.1vw, 8.9rem);
  letter-spacing: -.085em;
  background: none;
  -webkit-text-stroke: 0;
  text-shadow: 0 5px 0 rgba(78, 75, 70, .72), 0 14px 28px rgba(0,0,0,.58);
}
.hero h1 strong {
  width: max-content;
  max-width: 100%;
  margin: .07em 0 0;
  padding: 0;
  color: #dd1527;
  font-family: "Arial Black", Impact, sans-serif;
  font-size: clamp(4.5rem, 10.2vw, 11rem);
  font-weight: 900;
  letter-spacing: -.09em;
  line-height: .84;
  text-shadow: 3px 4px 0 #5a0710, 0 13px 25px rgba(0,0,0,.65);
}
.hero h1.hero-title-single strong {
  font-size: clamp(3.2rem, 8.2vw, 8.7rem);
}

@media (max-width: 760px) {
  .hero h1.hero-title-single strong {
    font-size: clamp(2.9rem, 16vw, 5.7rem);
  }
}

.stand-declaration { text-align: center; }
.stand-declaration strong { font-family: "Arial Black", Impact, sans-serif; font-size: clamp(2.2rem, 4.8vw, 5.4rem); font-weight: 900; line-height: 1.02; }
.stand-declaration strong span { display: block; }

.war-manifesto { background: #f4eadf; }
.foundation-stage {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  align-items: center;
  min-height: min(900px, 86vw);
  overflow: hidden;
  background: linear-gradient(110deg, #231817 0%, #50322a 39%, #704332 67%, #aa6c46 100%);
}
.foundation-stage::before {
  content: "";
  position: absolute;
  inset: -7%;
  z-index: -1;
  background: url('/assets/becoming-her-show-rising-fire.png') left 75% / 230% auto no-repeat;
  opacity: .62;
  filter: saturate(1.35) contrast(1.15) blur(4px);
  transform-origin: 18% 100%;
  animation: foundation-fire 11s ease-in-out infinite alternate;
}
.foundation-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(16,10,10,.87) 0%, rgba(25,14,14,.77) 37%, rgba(52,25,19,.28) 69%, rgba(75,31,19,.1) 100%), linear-gradient(0deg, rgba(83,19,13,.48), transparent 42%);
  pointer-events: none;
}
.foundation-stage-copy { position: relative; z-index: 2; padding: clamp(72px, 8vw, 128px) 22px clamp(72px, 8vw, 128px) clamp(30px, 8vw, 128px); color: #fbf4e9; }
.foundation-stage-copy .section-index { margin-bottom: clamp(54px, 7vw, 100px); color: #ffb183; }
.foundation-prelude { max-width: 610px; margin: 0 0 26px; font: 900 clamp(1.05rem, 1.45vw, 1.45rem)/1.35 "Arial Narrow", Arial, sans-serif; letter-spacing: .13em; }
.foundation-stage-copy h2 { display: block; margin: 0; color: #f7eee4; font: 900 clamp(4rem, 8vw, 9.5rem)/.84 "Arial Black", Impact, sans-serif; letter-spacing: -.075em; }
.foundation-stage-copy h2 strong { color: #e63236; font: inherit; text-shadow: 2px 3px 0 #611016; }
.war-mark-line { display: flex; align-items: baseline; gap: 18px; margin: 40px 0 0; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.4); color: #faf0e0; font: 900 1.05rem/1.3 "Arial Narrow", Arial, sans-serif; letter-spacing: .15em; }
.war-mark-line span { color: #eacdb9; font-size: .75rem; letter-spacing: .18em; }
.sunset-portrait { position: relative; z-index: 1; justify-self: center; width: min(94%, 685px); margin: clamp(30px, 5vw, 70px) clamp(25px, 5vw, 70px) clamp(30px, 5vw, 70px) 0; box-shadow: 0 25px 60px rgba(14,6,5,.47), 16px 17px 0 rgba(229,153,106,.24); }
.sunset-portrait img { display: block; width: 100%; height: auto; }

.foundation-voice { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: clamp(28px, 5vw, 80px); align-items: center; padding: clamp(70px, 9vw, 140px) clamp(24px, 8vw, 128px); color: #211c18; background: linear-gradient(128deg, #f7f0e6, #e9d9c8 56%, #f5eadd); }
.foundation-voice > p { margin: 0; max-width: 780px; font: 400 clamp(1.2rem, 1.75vw, 1.75rem)/1.6 var(--serif); }
.foundation-voice blockquote { max-width: none; margin: 0; padding: 30px 0 30px clamp(22px, 3vw, 48px); border: 0; border-left: 3px solid #bb1825; color: #5b1f24; font: 400 clamp(1.25rem, 1.9vw, 1.95rem)/1.42 var(--serif); font-style: normal; text-align: left; }
.foundation-voice cite { display: block; margin-top: 20px; color: #a20e1b; font: 800 .74rem/1.4 "Arial Narrow", Arial, sans-serif; font-style: normal; letter-spacing: .2em; text-transform: uppercase; }
.foundation-voice a { text-decoration-color: #b71a24; text-underline-offset: 3px; }
.foundation-signature { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: end; gap: 20px 45px; margin-top: 10px; padding-top: 32px; border-top: 1px solid rgba(88,51,41,.28); }
.foundation-signature p { margin: 0; }
.foundation-signature p:first-child { flex: 1 1 430px; font: 500 clamp(1.1rem, 1.5vw, 1.45rem)/1.4 var(--sans); }
.foundation-signature p:nth-child(2) { font: 800 .75rem/1.6 "Arial Narrow", Arial, sans-serif; letter-spacing: .13em; }
.foundation-signature p:nth-child(2) a { color: #a20e1b; }
.foundation-signature .born-for-this { flex-basis: 100%; margin-top: 14px; color: #ae0d1b; font: 900 clamp(2.6rem, 5.8vw, 6.8rem)/.92 "Arial Black", Impact, sans-serif; letter-spacing: -.055em; }
.anointing-declaration { background: linear-gradient(180deg, #4b1613, #240d10 55%, #170b0c); }

@keyframes foundation-fire {
  0% { opacity: .42; transform: scale(1.02) translateY(1.5%); filter: saturate(1.15) contrast(1.12) blur(4px); }
  45% { opacity: .72; transform: scale(1.075) translateY(-1%); filter: saturate(1.48) contrast(1.22) blur(3px); }
  100% { opacity: .55; transform: scale(1.035) translateY(.5%); filter: saturate(1.32) contrast(1.2) blur(5px); }
}

@media (max-width: 960px) {
  .foundation-stage { grid-template-columns: 1fr; min-height: 0; }
  .foundation-stage-copy { padding: 72px 28px 36px; }
  .foundation-stage-copy .section-index { margin-bottom: 32px; }
  .sunset-portrait { width: min(88%, 560px); margin: 12px auto 64px; }
  .foundation-stage::before { background-size: auto 115%; background-position: left bottom; }
  .foundation-voice { grid-template-columns: 1fr; }
  .foundation-signature { grid-column: auto; }
}
@media (max-width: 760px) {
  .studio-brand { min-width: 0; font-size: .68rem; }
  .studio-mic { width: 27px; height: 40px; }
  .hero h1 span { font-size: clamp(2.7rem, 12vw, 5.5rem); }
  .hero h1 strong { font-size: clamp(5rem, 21vw, 8rem); }
  .foundation-stage-copy h2 { font-size: clamp(3.9rem, 15vw, 7rem); }
  .war-mark-line { flex-wrap: wrap; gap: 6px 14px; }
  .foundation-voice blockquote { padding-left: 22px; }
  .foundation-signature .born-for-this { line-height: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .foundation-stage::before { animation: none; }
}

/* Foundation reading rhythm and the fire behind the final declaration */
.foundation-voice {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.foundation-voice > p,
.foundation-voice blockquote,
.foundation-signature { width: min(100%, 1050px); max-width: 1050px; }
.foundation-voice blockquote {
  margin: clamp(46px, 6vw, 76px) 0 0;
  padding: 30px 0 0;
  border: 0;
  border-top: 3px solid #b91827;
  text-align: left;
}
.foundation-voice cite { margin-top: 18px; }
.foundation-signature {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  margin-top: clamp(56px, 7vw, 90px);
}
.foundation-signature p.story-freedom-line {
  flex: none;
  max-width: 760px;
  font: 500 clamp(1.1rem, 1.5vw, 1.45rem)/1.5 var(--sans);
}
.foundation-signature p.born-for-this {
  align-self: stretch;
  flex: none;
  width: min(100%, 940px);
  margin: 40px auto 0;
  color: #ae0d1b;
  font: 900 clamp(1.35rem, 2.5vw, 2.8rem)/1.16 "Arial Black", Impact, sans-serif;
  letter-spacing: -.025em;
  text-align: center;
  text-wrap: balance;
}
.foundation-signature p.born-for-this span { display: block; }
.foundation-signature p.born-for-this span + span { margin-top: .3em; }
.foundation-signature p.born-for-this a {
  display: block;
  width: max-content;
  margin: 1.15rem auto 0;
  color: #482a25;
  font: 800 clamp(.72rem, 1vw, .95rem)/1.4 "Arial Narrow", Arial, sans-serif;
  letter-spacing: .14em;
  text-decoration-color: #a20e1b;
  text-underline-offset: 4px;
  white-space: nowrap;
}
.foundation-signature .queenest-calling {
  flex: none;
  margin-top: 21px;
  color: #482a25;
  font: 800 clamp(.83rem, 1.2vw, 1.05rem)/1.4 "Arial Narrow", Arial, sans-serif;
  letter-spacing: .14em;
}
.foundation-signature .queenest-calling a { margin-left: .6em; color: #a20e1b; }

.anointing-declaration {
  min-height: clamp(620px, 62vw, 860px);
  background: #2a1011;
}
.anointing-declaration::before {
  inset: -8%;
  height: auto;
  bottom: -8%;
  background: url('/assets/becoming-her-show-rising-fire.png') left 72% / 250% auto no-repeat;
  opacity: .88;
  filter: saturate(1.55) contrast(1.2) blur(2px);
  transform-origin: 10% 90%;
  animation: anointing-fire 9s ease-in-out infinite alternate;
}
.anointing-declaration::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(18,6,7,.68), rgba(29,9,10,.45) 48%, rgba(47,9,9,.8)), linear-gradient(0deg, rgba(25,4,5,.15), rgba(15,7,8,.56) 86%);
}
.anointing-copy { width: min(100%, 1260px); }
.anointing-copy h3 {
  font-family: "Arial Black", Impact, sans-serif;
  font-size: clamp(2.65rem, 5.3vw, 6.2rem);
  font-style: normal;
  font-weight: 900;
  letter-spacing: -.055em;
  line-height: 1.06;
  text-wrap: balance;
  text-shadow: 0 5px 28px rgba(0,0,0,.72);
}
.anointing-copy h3 span { margin-bottom: .24em; }
.anointing-copy h3 strong { margin-top: .45em; color: #f73a42; font: inherit; text-shadow: 0 4px 0 #630713, 0 7px 32px rgba(0,0,0,.8); }
.anointing-copy .ecclesiastes-note {
  max-width: 950px;
  margin: clamp(42px, 6vw, 78px) auto 0;
  padding-top: 27px;
  border-top: 1px solid rgba(255,227,198,.58);
  color: #fff0d7;
  font: 400 clamp(1.3rem, 2vw, 2.15rem)/1.35 var(--serif);
  letter-spacing: 0;
  text-shadow: 0 3px 18px rgba(0,0,0,.8);
}
.anointing-copy .ecclesiastes-note cite {
  display: block;
  margin-top: 17px;
  color: #ffb27e;
  font: 800 .75rem/1.4 "Arial Narrow", Arial, sans-serif;
  font-style: normal;
  letter-spacing: .25em;
}

@keyframes anointing-fire {
  0% { opacity: .66; transform: scale(1.01) translate3d(0, 2%, 0); filter: saturate(1.3) contrast(1.18) blur(3px); }
  47% { opacity: .93; transform: scale(1.07) translate3d(-1%, -2%, 0); filter: saturate(1.7) contrast(1.25) blur(2px); }
  100% { opacity: .78; transform: scale(1.035) translate3d(1%, -.5%, 0); filter: saturate(1.48) contrast(1.22) blur(4px); }
}
@media (max-width: 760px) {
  .foundation-voice blockquote { padding-left: 0; }
  .foundation-signature .queenest-calling a { display: inline-block; margin: 4px 0 0; }
  .anointing-declaration { padding: 90px 22px; }
  .anointing-declaration::before { background-size: auto 145%; background-position: left bottom; }
  .anointing-copy h3 { font-size: clamp(2.45rem, 10vw, 4.7rem); line-height: 1.06; }
}
@media (prefers-reduced-motion: reduce) {
  .anointing-declaration::before { animation: none; }
}

/* Final invitation treatment: the furnace runs behind the entire section. */
.foundation-response {
  background:
    linear-gradient(90deg, rgba(12,5,4,.1), rgba(12,5,4,.08) 45%, rgba(12,5,4,.18) 100%),
    url('/assets/queenest-furnace-panorama-v2.png') center center / cover no-repeat;
}
.foundation-response .invitation-heading {
  background: rgba(14,5,4,.2);
  border-bottom-color: rgba(255,151,96,.36);
  text-shadow: 0 3px 16px #0b0404, 0 1px 5px #0b0404;
}
.foundation-response .story-image { background: transparent; }
.foundation-response .story-image::before {
  background: url('/assets/queenest-furnace-panorama-v2.png') left center / 200% auto no-repeat;
  opacity: .56;
}
.foundation-response .story-image::after {
  background: linear-gradient(90deg, rgba(7,3,3,.12), transparent 34%, transparent 70%, rgba(10,4,4,.12));
}
.foundation-response .story-image img {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 79%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 79%, transparent);
  box-shadow: none;
}
.foundation-response .story-copy {
  background: transparent;
  text-shadow: 0 2px 10px #100605, 0 1px 4px #100605;
}
@media (max-width: 960px) {
  .foundation-response { background-position: 46% center; }
  .foundation-response .story-copy { background: rgba(12,5,4,.18); }
}
@media (max-width: 760px) {
  .foundation-response .story-image img { width: min(96%, 480px); }
  .foundation-response .story-copy { background: rgba(12,5,4,.24); }
}

/* Helen is an isolated figure in the shared furnace, with no portrait backdrop. */
.foundation-response .story-image::before,
.foundation-response .story-image::after { display: none; }
.foundation-response .story-image img {
  -webkit-mask-image: none;
  mask-image: none;
  filter: drop-shadow(0 16px 23px rgba(5,2,2,.55)) drop-shadow(0 0 18px rgba(252,92,36,.24));
  animation: subject-approach 9s ease-in-out infinite alternate;
}
.foundation-response .invitation-heading { border-bottom: 0; }
.hero h1 strong::after { content: none; display: none; }
@keyframes subject-approach {
  from { transform: translate3d(0, 7px, 0) scale(.97); }
  to { transform: translate3d(0, -4px, 0) scale(1.04); }
}
@media (prefers-reduced-motion: reduce) {
  .foundation-response .story-image img { animation: none; }
}

/* One consistent transparency treatment across the Becoming invitation. */
.foundation-response {
  background:
    linear-gradient(rgba(12,5,4,.16), rgba(12,5,4,.16)),
    url('/assets/queenest-furnace-panorama-v2.png') center center / cover no-repeat;
}
.foundation-response .invitation-heading,
.foundation-response .story-image,
.foundation-response .story-copy { background: transparent; }
.foundation-response .invitation-heading { border: 0; }
.foundation-response .invitation-heading,
.foundation-response .story-copy { text-shadow: 0 2px 9px rgba(9,3,2,.95), 0 0 22px rgba(9,3,2,.72); }
.foundation-response .story-image img {
  filter: drop-shadow(0 16px 19px rgba(5,2,2,.4));
}
@media (max-width: 960px) {
  .foundation-response .story-copy { background: transparent; }
}
@media (max-width: 760px) {
  .foundation-response .story-copy { background: transparent; }
}

.foundation-response .image-disclosure {
  position: absolute;
  z-index: 3;
  left: clamp(20px, 3vw, 48px);
  bottom: 22px;
  margin: 0;
  color: rgba(255, 246, 234, .88);
  font: 500 .75rem/1.45 Arial, sans-serif;
  letter-spacing: .035em;
  text-shadow: 0 2px 8px #160907;
}

/* One continuous landing image behind the hero and its declaration banner. */
.landing-stage {
  background: #080808 url('/assets/becoming-her-hero-seated-v2.png') 64% center / cover no-repeat;
}
.landing-stage .hero {
  background: linear-gradient(90deg, rgba(2,3,3,.99) 0%, rgba(2,3,3,.94) 25%, rgba(2,3,3,.46) 54%, rgba(2,3,3,.03) 80%),
    linear-gradient(0deg, rgba(2,3,3,.8), transparent 43%);
}
.landing-stage .battle-code {
  background: linear-gradient(90deg, rgba(7,5,5,.76), rgba(30,8,5,.5), rgba(7,5,5,.76));
  border-top: 0;
}

/* Private concept draft: keep the drama, but give the invitation warmth and safety. */
.foundation-response {
  background:
    linear-gradient(105deg, rgba(6,8,8,.91) 0%, rgba(45,16,14,.72) 48%, rgba(7,8,8,.9) 100%),
    url('/assets/queenest-furnace-panorama-v2.png') center center / cover no-repeat;
}

/* Keep The Show introduction compact, aligned and intentional. */
.statement {
  padding-top: clamp(58px, 6vw, 90px);
  padding-bottom: clamp(64px, 7vw, 104px);
}
.statement > .section-index { margin-bottom: clamp(18px, 2.2vw, 28px); }
.statement-grid { gap: clamp(28px, 4vw, 64px); }
.statement .red-script {
  margin-bottom: 10px;
  transform: none;
}
.statement .raising-portrait { margin-top: clamp(24px, 3vw, 40px); }
.statement .vision-standard { margin: 22px 0; }
.statement .truth-line { margin-top: 22px; padding-top: 18px; }
.statement .stand-declaration { margin-top: 24px; padding-block: 24px; }
.statement .original-world { margin-top: clamp(48px, 5vw, 76px); }
.foundation-response .invitation-heading,
.foundation-response .story-copy {
  text-shadow: 0 2px 8px rgba(5,3,3,.86);
}
.foundation-response .story-image img {
  filter: saturate(.88) drop-shadow(0 16px 22px rgba(5,2,2,.56));
}

/* Content stays visible while imagery loads; motion is an enhancement, never a gate. */
@media (prefers-reduced-motion: no-preference) {
  .journey-card,
  .statement-grid,
  .war-copy,
  .creator > * {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 760px) {
  .statement { padding: 54px 22px 68px; }
  .statement > .section-index { margin-bottom: 16px; }
  .statement-grid { gap: 28px; }
  .statement .red-script { letter-spacing: .17em; line-height: 1.15; }
  .statement h2 { font-size: clamp(2.75rem, 13vw, 4.5rem); }
  .statement .raising-portrait { margin-top: 22px; }
  .statement .original-world { margin-top: 48px; }
  .hero-format { margin-top: 24px; letter-spacing: .16em; }
  .hero-logline { font-size: clamp(1.25rem, 5.8vw, 1.75rem); }
  .hero-promise { font-size: .68rem; letter-spacing: .12em; }
  .hero-scripture cite { display: block; margin: 8px 0 0; }
}

/* A human pause between the show world and the spiritual foundation. */
.about-helen {
  display: grid;
  grid-template-columns: minmax(340px, .82fr) minmax(0, 1.18fr);
  gap: clamp(34px, 5vw, 76px);
  align-items: center;
  padding: clamp(56px, 7vw, 96px) clamp(24px, 7vw, 112px);
  color: #191816;
  background:
    radial-gradient(ellipse at 12% 20%, rgba(80,88,63,.12) 0 10%, transparent 10.8%),
    radial-gradient(ellipse at 84% 72%, rgba(126,18,28,.08) 0 12%, transparent 12.8%),
    linear-gradient(128deg, #f6f1e8, #e9ded1 56%, #f5eee5);
}
.about-helen-portrait {
  position: relative;
  display: flex;
  align-self: center;
  width: min(100%, 540px);
  min-height: 640px;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
}
.about-helen-portrait img {
  width: 100%;
  max-height: 820px;
  object-fit: cover;
  object-position: 62% center;
  filter: contrast(1.04);
}
.about-helen-images {
  position: relative;
  flex: 1;
  width: 100%;
  height: 640px;
  min-height: 0;
}
.about-helen-images img {
  display: block;
  max-height: none;
  object-fit: cover;
}
.about-helen-images img,
.about-helen-images img:first-child,
.about-helen-images img:last-child {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-position: 48% 48%;
  border: 9px solid #f6f1e8;
  box-shadow: 14px 18px 0 rgba(177,15,27,.18), 0 24px 45px rgba(0,0,0,.26);
  transform: rotate(-1.2deg);
}
.about-helen-portrait figcaption {
  position: absolute;
  left: 0;
  bottom: 4px;
  z-index: 4;
  width: min(92%, 520px);
  padding: 20px 24px 18px;
  color: #fff;
  background: rgba(12,13,12,.92);
  border-left: 7px solid var(--red);
  box-shadow: 12px -12px 0 rgba(177,15,27,.18);
}
.about-helen-portrait figcaption span,
.about-helen-portrait figcaption strong {
  display: block;
  font-family: "Arial Black", Impact, sans-serif !important;
  font-style: normal;
  text-transform: uppercase;
}
.about-helen-portrait figcaption span {
  font-size: clamp(1.65rem, 3vw, 3.35rem);
  line-height: .92;
  letter-spacing: -.055em;
  text-shadow: 3px 4px 0 #4c090e, 0 10px 18px rgba(0,0,0,.5);
}
.about-helen-portrait figcaption strong {
  margin-top: 10px;
  color: #f12c3a;
  font-size: clamp(.68rem, 1vw, .88rem);
  letter-spacing: .16em;
  line-height: 1.25;
}
.about-helen-copy { max-width: 790px; }
.about-helen-copy .section-index { margin-bottom: 26px; }
.about-helen-copy .red-script { margin-bottom: 14px; }
.about-helen-copy h2 {
  margin: 0 0 38px;
  font: 900 clamp(3rem, 5.8vw, 6.8rem)/.92 "Arial Black", Impact, sans-serif;
  letter-spacing: -.055em;
  text-transform: uppercase;
  text-wrap: balance;
}
.about-helen-copy h2 strong { display: block; color: #b1101c; }
.about-helen-copy > p:not(.section-index):not(.red-script) {
  max-width: 700px;
  color: #34312d;
  font: 400 clamp(1.03rem, 1.3vw, 1.22rem)/1.72 var(--serif);
}
.about-helen-copy blockquote {
  margin: 40px 0 0;
  padding: 26px 0 4px 28px;
  border: 0;
  border-left: 4px solid #b1101c;
  color: #4c2023;
  font: italic 400 clamp(1.25rem, 1.8vw, 1.75rem)/1.45 var(--serif);
}
.about-helen-copy cite {
  display: block;
  margin-top: 18px;
  color: #a50d18;
  font: 800 .7rem/1.4 "Arial Narrow", Arial, sans-serif;
  font-style: normal;
  letter-spacing: .2em;
}
.about-helen-copy .about-standard {
  display: flex;
  flex-wrap: wrap;
  gap: .05em .22em;
  margin: 48px 0 0;
  padding-top: 28px;
  border-top: 1px solid rgba(63,52,45,.28);
  color: #171815;
  font: 900 clamp(2.15rem, 4.5vw, 5.2rem)/.92 "Arial Black", Impact, sans-serif;
  letter-spacing: -.055em;
  text-transform: uppercase;
}
.about-helen-copy .about-standard strong { color: #b1101c; }
@media (max-width: 900px) {
  .about-helen { grid-template-columns: 1fr; }
  .about-helen-portrait { width: min(100%, 560px); min-height: 640px; margin-inline: auto; }
  .about-helen-images { height: 640px; }
  .about-helen-copy { max-width: none; }
}
@media (max-width: 520px) {
  .about-helen { padding-inline: 22px; }
  .about-helen-portrait { min-height: clamp(520px, 142vw, 640px); }
  .about-helen-images { height: clamp(520px, 142vw, 640px); }
  .about-helen-images img { border-width: 6px; }
  .about-helen-portrait figcaption { width: 94%; padding: 17px 18px 16px; }
  .about-helen-copy h2 { font-size: clamp(2.7rem, 12vw, 4.3rem); }
  .about-helen-copy blockquote { padding-left: 20px; }
}

.closing-invitation { position: relative; z-index: 2; width: min(100%, 900px); margin: clamp(45px, 6vw, 80px) auto 0; padding-top: clamp(36px, 5vw, 64px); border-top: 1px solid rgba(255,255,255,.48); }
.closing-invitation h3 { max-width: 15ch; margin: 0 auto 28px; color: #fff; font: 900 clamp(2rem, 4.2vw, 4.3rem)/1.04 "Arial Black", Impact, sans-serif; letter-spacing: -.045em; text-transform: uppercase; text-shadow: 0 4px 20px #080404; }
.closing-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.closing-actions .button { min-width: min(100%, 245px); }
.closing-invitation > p { margin: 22px 0 0; color: #f2ebe6; font: 600 clamp(.9rem, 1.2vw, 1.05rem)/1.5 Arial, sans-serif; }
.closing-invitation > p a { color: #fff; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.coming-youtube {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  margin-top: 22px;
  color: #fff;
  font: 700 1.08rem/1.4 var(--serif);
  text-decoration: none;
}
.coming-youtube svg { width: 32px; height: 32px; fill: #fff; transition: transform .2s ease; }
.coming-youtube .play { fill: #b10f1b; }
.coming-youtube:hover svg, .coming-youtube:focus-visible svg { transform: scale(1.12); }
.coaching-invite {
  width: min(100%, 680px);
  margin: 0 auto clamp(54px, 7vw, 84px);
  padding-bottom: clamp(38px, 5vw, 58px);
  border-bottom: 1px solid rgba(255,255,255,.22);
  text-align: center;
}
.coaching-invite p { margin: 0 0 14px; color: #b9b8b3; font: 800 .72rem/1.4 "Arial Narrow", Arial, sans-serif; letter-spacing: .2em; }
.coaching-invite a { display: inline-block; color: #fff; font: 900 clamp(1.5rem, 3vw, 2.7rem)/1 "Arial Black", Impact, sans-serif; letter-spacing: -.03em; text-decoration-color: #d71926; text-decoration-thickness: 3px; text-underline-offset: 8px; }
.coaching-invite span { display: block; margin-top: 18px; color: #aaa9a5; font: 500 .92rem/1.5 Arial, sans-serif; }
@media (max-width: 760px) {
  .landing-stage { background-position: 70% center; }
  .landing-stage .hero {
    background: linear-gradient(180deg, rgba(2,3,3,.88) 0%, rgba(2,3,3,.58) 42%, rgba(2,3,3,.03) 67%, rgba(2,3,3,.64) 100%);
  }
}

/* QueenEst Music: the Antherium era */
.music-page { background: #090a0a; color: #f2eee8; }
.music-page .site-header { background: rgba(8, 9, 9, .82); }
.music-page .music-hero {
  position: relative;
  min-height: min(930px, 96svh);
  overflow: hidden;
  align-items: flex-end;
  padding-top: 170px;
  padding-bottom: clamp(90px, 11vw, 145px);
  background:
    linear-gradient(90deg, rgba(4, 7, 8, .92) 0%, rgba(4, 7, 8, .7) 32%, rgba(4, 7, 8, .1) 73%),
    linear-gradient(0deg, rgba(3, 5, 6, .78), transparent 48%),
    url('/assets/queenest-antherium-stage.png') 62% center / cover no-repeat;
  border-bottom: 4px solid #950c17;
}
.music-page .music-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 76% 28%, transparent 28%, rgba(3, 5, 6, .28) 100%);
}
.music-page .music-hero > div { position: relative; z-index: 1; max-width: 940px; }
.music-page .music-hero .eyebrow { color: #e4c9bf; }
.music-page .music-hero h1 {
  margin: 20px 0 14px;
  color: #f3eee8;
  font: 900 clamp(4.2rem, 9vw, 10rem)/.86 "Arial Black", Impact, sans-serif;
  letter-spacing: -.07em;
  text-shadow: 0 5px 30px #050606;
}
.music-page .music-tag {
  margin: 28px 0 22px;
  color: #e32937 !important;
  font: 900 clamp(.9rem, 1.35vw, 1.3rem)/1.3 "Arial Black", Arial, sans-serif !important;
  letter-spacing: .18em;
}
.music-page .music-lead { max-width: 540px !important; color: #f0e9df !important; font-size: clamp(1.05rem, 1.6vw, 1.3rem) !important; line-height: 1.55; text-shadow: 0 2px 12px #060606; }
.music-hero-link { display: inline-flex; align-items: center; gap: 26px; margin-top: 26px; padding-bottom: 8px; border-bottom: 1px solid #e12934; color: #fff; font-size: .78rem; font-weight: 900; letter-spacing: .16em; text-decoration: none; }
.music-hero-link span { color: #e12934; font-size: 1.5rem; line-height: 1; }
.music-hero-link:hover, .music-hero-link:focus-visible { color: #f76670; }
.music-hero-foot { position: absolute; z-index: 1; right: clamp(24px, 6vw, 95px); bottom: 38px; margin: 0; color: #e0d2c8; font-size: .7rem; font-weight: 800; letter-spacing: .24em; }
.music-hero-foot span { color: #e82935; }
.music-hero-foot small { display: block; margin-top: 8px; color: #e0d2c8; font-size: .75rem; font-weight: 500; letter-spacing: .03em; text-align: right; text-shadow: 0 2px 8px #060707; }

.music-page .album-statement {
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr);
  gap: clamp(60px, 9vw, 150px);
  background:
    radial-gradient(circle at 76% 60%, rgba(112, 18, 28, .17), transparent 40%),
    linear-gradient(135deg, #111514, #090a0a 57%);
  color: #f4eee6;
  border-bottom: 1px solid rgba(199, 37, 48, .33);
}
.music-page .album-portrait { aspect-ratio: 1; box-shadow: 17px 17px 0 #3f4838, 24px 24px 0 #a20f1c; }
.music-page .album-portrait::after { content: none; }
.music-page .album-portrait img { object-position: center; }
.music-page .album-statement h2 { margin: 23px 0 28px; font: 900 clamp(3.25rem, 6vw, 7rem)/.95 "Arial Black", Impact, sans-serif; letter-spacing: -.055em; }
.music-page .album-statement h2 em,
.music-page .page-cta h2 em { color: #e92635; font-style: normal; font-weight: 900; }
.music-page .album-statement > div > p:not(.section-index) { max-width: 630px; color: #d6cec7; line-height: 1.75; }
.music-page .album-statement .music-manifesto { margin-top: 35px; color: #f0e6de !important; font-size: .78rem !important; font-weight: 800; letter-spacing: .13em; line-height: 1.7; }
.music-manifesto span { color: #e92635; padding-inline: .3em; }

.music-page .track-world { background: linear-gradient(145deg, #171a17, #090a0a 40%, #17100f); }
.music-page .track-world .section-heading { margin-bottom: 55px; }
.music-page .track-world .section-heading h2 { color: #f2ede6; }
.music-page .track-world .section-heading h2 span { color: #db2632; }
.music-page .track-list { border-top-color: #713139; }
.music-page .track-list li { border-bottom-color: #403637; transition: background .2s ease, padding .2s ease; }
.music-page .track-list li:hover { padding-left: 14px; background: rgba(116, 17, 28, .12); }
.music-page .track-list span { color: #dc2c3a; font-family: "Arial Black", Arial, sans-serif; }
.music-page .track-list strong { color: #f1ece6; font-family: "Arial Black", Impact, sans-serif; letter-spacing: -.025em; }
.music-page .track-list em { color: #a9aaa4; font-style: normal; }
.music-page .development-note { color: #b6aaa1; }

.music-page .music-cta {
  background:
    linear-gradient(90deg, rgba(7, 8, 8, .82), rgba(45, 6, 12, .78)),
    url('/assets/queenest-antherium-stage.png') center 34% / cover no-repeat;
  border-top: 1px solid #85202a;
}
.music-page .music-cta h2 { color: #f4eee7; font: 900 clamp(3.1rem, 6.3vw, 7.5rem)/.96 "Arial Black", Impact, sans-serif; letter-spacing: -.05em; }
.music-page .music-cta > p:not(.section-index) { color: #f4e9e2; font-family: var(--sans); }
.music-page .footer-brand em { font: 900 1em/1 "Arial Black", Impact, sans-serif; font-style: normal; }

@media (max-width: 900px) {
  .music-page .album-statement { grid-template-columns: 1fr; }
  .music-page .album-portrait { width: min(560px, calc(100% - 24px)); }
}
@media (max-width: 760px) {
  .music-page .music-hero {
    min-height: 760px;
    align-items: flex-end;
    padding: 150px 24px 90px;
    background-position: 0 0, 0 0, 64% center;
    background-image:
      linear-gradient(0deg, rgba(3, 5, 6, .95) 0%, rgba(3, 5, 6, .72) 32%, rgba(3, 5, 6, .05) 72%),
      linear-gradient(90deg, rgba(3, 5, 6, .38), transparent 70%),
      url('/assets/queenest-antherium-stage.png');
  }
  .music-page .music-hero h1 { font-size: clamp(2.45rem, 10.6vw, 5rem); letter-spacing: -.075em; }
  .music-page .music-tag { margin-top: 18px; letter-spacing: .1em; }
  .music-page .music-lead { max-width: 440px !important; }
  .music-hero-foot { right: 24px; bottom: 24px; font-size: .6rem; letter-spacing: .13em; }
  .music-page .album-statement h2 { font-size: clamp(2.65rem, 10vw, 4.5rem); }
  .music-page .music-cta h2 { font-size: clamp(2.5rem, 10vw, 5rem); }
}
@media (prefers-reduced-motion: reduce) {
  .music-page .music-hero { animation: none; }
}

/* Supplied Antherium cover anchors the Music page; preserve its complete artwork. */
.music-page .music-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  align-items: center;
  gap: clamp(38px, 6vw, 110px);
  min-height: 100svh;
  padding: 140px clamp(24px, 6vw, 105px) 95px;
  background: radial-gradient(circle at 42% 54%, #26312d 0, #15191a 37%, #090a0b 76%);
  animation: none;
}
.music-page .music-hero::after { background: linear-gradient(90deg, transparent 50%, rgba(91, 8, 20, .1)); }
.music-cover { position: relative; z-index: 1; width: 100%; margin: 0; }
.music-cover img { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; box-shadow: 0 28px 70px rgba(0,0,0,.55), 7px 7px 0 rgba(174,20,34,.54); }
.music-cover figcaption { margin-top: 17px; color: #c5c7c3; font-size: .75rem; line-height: 1.4; letter-spacing: .03em; }
.music-page .music-hero > .music-hero-copy { max-width: 720px; }
.music-page .music-hero h1 { font-size: clamp(3.1rem, 6.2vw, 7.4rem); line-height: .98; letter-spacing: -.065em; }
.music-page .music-hero h1 span { color: #dd1c2c; }
.music-page .music-hero .music-lead { max-width: 510px !important; }
.music-page .music-tag { color: #e93542 !important; }

.music-declaration { display: grid; justify-items: center; padding: clamp(40px, 5vw, 70px) 24px 45px; background: #fefdfb; text-align: center; border-block: 4px solid #a50d1b; }
.music-declaration img { display: block; width: min(860px, 100%); height: auto; }
.music-declaration p { margin: 12px 0 0; color: #801019; font-size: .75rem; font-weight: 900; letter-spacing: .23em; }
.music-page .music-cta {
  background:
    linear-gradient(90deg, rgba(8,8,9,.88), rgba(41,5,11,.78)),
    url('/assets/antherium-music-still-life.png') center / cover no-repeat;
}
@media (max-width: 900px) {
  .music-page .music-hero { grid-template-columns: 1fr; min-height: auto; gap: 40px; padding: 120px clamp(24px, 6vw, 60px) 75px; }
  .music-cover { max-width: 690px; margin-inline: auto; }
  .music-page .music-hero > .music-hero-copy { max-width: 690px; }
  .music-page .music-hero h1 { font-size: clamp(3.3rem, 9vw, 6rem); }
}
@media (max-width: 760px) {
  .music-page .music-hero { padding: 110px 24px 62px; background: radial-gradient(circle at 50% 28%, #252b2b, #090a0b 70%); }
  .music-page .music-hero h1 { font-size: clamp(2.8rem, 11vw, 5rem); }
  .music-declaration { padding: 30px 12px 32px; }
  .music-declaration p { font-size: .68rem; letter-spacing: .12em; }
}

/* Merch type and supplied artwork. */
.merch-page .merch-hero h1 {
  color: #f7f4ed;
  font: 900 clamp(3.2rem, 7.5vw, 8.4rem)/.94 "Arial Black", Impact, sans-serif;
  letter-spacing: -.06em;
}
.merch-page .merch-hero h1 strong {
  display: block;
  color: #e52534;
  font: 900 .9em/.95 "Arial Black", Impact, sans-serif;
  font-style: normal;
  letter-spacing: -.075em;
}
.merch-page .collection-intro h2 strong {
  color: #b10f1b;
  font: 900 1em/.9 "Arial Black", Impact, sans-serif;
  font-style: normal;
  letter-spacing: -.065em;
}
.merch-page .merch-editorial h2 em { font-style: normal; }
.merch-editorial-art { display: grid; gap: 18px; min-width: 0; }
.merch-editorial-art img { display: block; width: 100%; height: auto; border: 1px solid #3b3d39; box-shadow: 12px 12px 0 #5d6249; }
.merch-editorial-art img:last-child { box-shadow: 12px 12px 0 #9e1521; }
@media (max-width: 760px) {
  .merch-page .merch-hero h1 strong { font-size: .76em; }
  .merch-page .collection-intro h2 strong { font-size: .88em; }
}

.merch-page .collection-intro { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
.merch-page .product-standard .product-art {
  color: #f1ece4;
  background: radial-gradient(ellipse at 72% 18%, rgba(101,110,79,.38), transparent 44%), linear-gradient(145deg, #111411, #262920 56%, #090b0a);
}
.merch-page .product-standard .product-art > span { color: #b8baa7; font-size: clamp(.85rem, 1.4vw, 1.25rem); }
.merch-page .product-standard .product-art > strong { max-width: 12ch; color: #efeee7; font-size: clamp(2.5rem, 4.6vw, 5.2rem); line-height: .95; text-shadow: 3px 4px 0 #67111b; }
.merch-page .product-discipline .product-art {
  color: #f1ece4;
  background: radial-gradient(circle at 48% 38%, #682029 0%, #260e13 38%, #090a0a 76%);
}
.merch-page .product-discipline .product-art > span { color: #e1c8c1; font-size: clamp(1.25rem, 2vw, 2rem); }
.merch-page .product-discipline .product-art > strong { color: #f1ece4; font-size: clamp(2.7rem, 5vw, 5.7rem); line-height: .94; }
@media (max-width: 900px) {
  .merch-page .collection-intro { grid-template-columns: 1fr; }
}

/* Keep the full title legible and give BECOMING the lead on phones. */
@media (max-width: 760px) {
  .hero h1 { width: 100%; }
  .hero h1 span {
    font-size: clamp(3.2rem, 15vw, 5.7rem);
    letter-spacing: -.09em;
    -webkit-text-stroke: 0;
  }
  .hero h1 strong { font-size: clamp(4rem, 17vw, 6.4rem); }
}

/* One clean, modern type system across every QueenEst page. */
:root {
  --site-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --display: var(--site-font);
  --serif: var(--site-font);
  --sans: var(--site-font);
  --script: var(--site-font);
}
body,
body * { font-family: var(--site-font) !important; }
.red-script {
  font-style: normal;
  transform: none !important;
}

/* A quieter, streamlined reading rhythm for the show themes. */
.statement-copy > p:not(.vision-standard):not(.truth-line) {
  text-align: left;
}
.cycles-intro,
.cycles-roll {
  color: #171817;
  font-weight: 400;
}
.cycles-lead { margin-bottom: 8px; }
.cycles-roll {
  margin: 0;
  padding: 0;
  color: #171817;
  font-weight: 700;
  line-height: 1.65;
  text-align: left;
}
.truth-line {
  color: #171817;
  font-weight: 400;
  text-align: left;
}
.truth-line span + span { margin-top: 8px; }

/* The supplied painted wordmark is the trademark treatment. */
.statement .vision-standard {
  width: min(100%, 620px);
  margin: clamp(26px, 3.5vw, 42px) 0;
  overflow: hidden;
}
.vision-standard img {
  display: block;
  width: 100%;
  height: auto;
}
.show-signature {
  position: relative;
  z-index: 1;
  max-width: 1050px;
  margin: clamp(34px, 4vw, 58px) auto 0;
  padding: clamp(24px, 3vw, 42px) 0 0;
  color: #171817;
  background: transparent;
  border: 0;
  font-family: var(--site-font) !important;
  text-align: left;
}
.show-signature * { font-family: var(--site-font) !important; }
.show-signature > span {
  display: block;
  margin-bottom: 20px;
  color: #ef2536;
  font-size: clamp(1.35rem, 2vw, 2rem);
  font-weight: 900;
  letter-spacing: .16em;
}
.show-signature p {
  max-width: 850px;
  margin: 0;
  font-size: clamp(2.15rem, 4.4vw, 5rem);
  font-weight: 900;
  letter-spacing: -.045em;
  line-height: 1.02;
}
.show-signature p span { display: block; }
.show-signature p span:last-child { margin-top: .16em; }
@media (max-width: 760px) {
  .statement .vision-standard { width: 100%; }
  .show-signature { margin-top: 34px; padding: 28px 0 0; }
  .show-signature p { font-size: clamp(2rem, 9vw, 3.5rem); }
}

/* Echo the landing title's bold cinematic type and dimensional shadow. */
.stand-declaration strong,
.stand-declaration strong span,
.show-signature > span,
.show-signature p,
.show-signature p span {
  font-family: "Arial Black", Impact, sans-serif !important;
}
.stand-declaration strong {
  color: #171817;
  letter-spacing: -.065em;
  text-shadow: 0 4px 0 rgba(78, 75, 70, .34), 0 12px 22px rgba(0, 0, 0, .15);
}
.stand-declaration strong span {
  color: #c81120;
  text-shadow: 3px 4px 0 rgba(90, 7, 16, .3), 0 12px 22px rgba(90, 7, 16, .16);
}
.show-signature > span {
  text-shadow: 2px 3px 0 rgba(90, 7, 16, .24), 0 9px 18px rgba(90, 7, 16, .12);
}
.show-signature p {
  letter-spacing: -.065em;
  text-shadow: 0 4px 0 rgba(78, 75, 70, .25), 0 10px 20px rgba(0, 0, 0, .12);
}

/* A single compact invitation, without the oversized portrait panel. */
.foundation-response {
  display: block;
  min-height: 0;
  padding: clamp(52px, 6vw, 84px) clamp(24px, 7vw, 110px);
  background: radial-gradient(ellipse at 85% 8%, rgba(153,45,21,.14), transparent 38%), linear-gradient(165deg, #1a1111, #0c0b0b 68%, #230e10);
}
.foundation-response .story-image { display: none; }
.foundation-response .invitation-heading {
  width: min(100%, 1100px);
  margin: 0 auto;
  padding: 0 0 clamp(30px, 4vw, 48px);
  background: transparent;
  border: 0;
}
.foundation-response .invitation-heading .section-index { margin-bottom: 14px; }
.foundation-response .invitation-heading .red-script { margin-bottom: 16px; }
.foundation-response .invitation-heading h2 {
  max-width: 980px;
  font-size: clamp(2.8rem, 5.6vw, 6.2rem);
  line-height: .94;
}
.invitation-declaration {
  width: min(100%, 1100px);
  margin: 0 auto;
  padding: clamp(28px, 3.5vw, 44px) 0;
  border-block: 1px solid rgba(255,255,255,.16);
  text-align: center;
}
.invitation-declaration strong,
.invitation-declaration span {
  display: block;
  font-family: "Arial Black", Impact, sans-serif !important;
  font-style: normal;
  text-transform: uppercase;
}
.invitation-declaration strong {
  color: #f1ece6;
  font-size: clamp(1.65rem, 3vw, 3.5rem);
  font-weight: 900;
  letter-spacing: -.05em;
  line-height: 1.04;
  text-shadow: 0 4px 0 rgba(78,75,70,.35), 0 10px 20px rgba(0,0,0,.3);
}
.invitation-declaration span + span { margin-top: .12em; }
.invitation-declaration span:last-child {
  margin-top: .28em;
  color: #ef2536;
  text-shadow: 3px 4px 0 rgba(90,7,16,.55), 0 12px 22px rgba(0,0,0,.34);
}
.foundation-response .story-copy {
  width: min(100%, 920px);
  margin: 0 auto;
  padding: clamp(34px, 4vw, 54px) 0 0;
  background: transparent;
}
.foundation-response .oath-opening { margin-top: 0; }
.foundation-response .story-actions { margin-bottom: 8px; }
@media (max-width: 760px) {
  .foundation-response { padding: 48px 22px 58px; }
  .foundation-response .invitation-heading { padding: 0 0 30px; }
  .foundation-response .story-copy { padding: 34px 0 0; }
  .invitation-declaration { padding: 28px 0; }
}

/* Streamlined final act: soft fire, restrained scale and no framed creator plaque. */
.about-helen {
  position: relative;
  isolation: isolate;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
  gap: clamp(32px, 4vw, 62px);
  padding: clamp(46px, 5vw, 72px) clamp(24px, 7vw, 106px);
  overflow: hidden;
  color: #f4ede5;
  background: #130b0b;
}
.about-helen::before {
  content: "";
  position: absolute;
  inset: -10%;
  z-index: -2;
  background: url('/assets/becoming-her-show-rising-fire.png') 22% 78% / 170% auto no-repeat;
  opacity: .3;
  filter: saturate(1.15) contrast(1.08) blur(5px);
}
.about-helen::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(12,7,7,.2), rgba(12,7,7,.77) 46%, rgba(12,7,7,.94)), linear-gradient(0deg, rgba(79,16,14,.25), transparent 50%);
}
.about-helen-portrait,
.about-helen-images {
  min-height: 0;
  height: auto;
}
.about-helen-portrait { width: min(100%, 480px); }
.about-helen-images { aspect-ratio: 4 / 5; }
.about-helen-images img,
.about-helen-images img:first-child,
.about-helen-images img:last-child {
  border: 0;
  box-shadow: 0 22px 46px rgba(0,0,0,.34);
  transform: none;
  -webkit-mask-image: linear-gradient(to bottom, #000 0 88%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0 88%, transparent 100%);
}
.about-helen-copy { max-width: 760px; }
.about-helen-copy .section-index { margin-bottom: 15px; color: #f1a076; }
.about-helen-copy .red-script { margin-bottom: 10px; }
.about-helen-copy h2 {
  margin-bottom: 25px;
  color: #f7f1ea;
  font-size: clamp(2.25rem, 4.2vw, 4.7rem);
  line-height: .98;
}
.about-helen-copy h2 strong { color: #ef2e3b; }
.about-helen-copy > p:not(.section-index):not(.red-script) {
  margin: 0 0 15px;
  color: #ddd2c8;
  font-size: clamp(1rem, 1.12vw, 1.12rem);
  line-height: 1.58;
}
.about-helen-copy blockquote {
  margin-top: 25px;
  padding: 18px 0 2px 22px;
  color: #f0d9d5;
  font-size: clamp(1.08rem, 1.45vw, 1.42rem);
}
.about-helen-copy cite { color: #f04a53; }
.about-helen-copy .about-standard {
  margin-top: 27px;
  padding-top: 20px;
  color: #fff;
  border-top-color: rgba(255,255,255,.2);
  font-size: clamp(1.75rem, 3.2vw, 3.7rem);
}
.about-helen-copy .about-standard strong { color: #ef2e3b; }

.foundation-stage { min-height: 0; }
.foundation-stage-copy { padding-block: clamp(52px, 6vw, 82px); }
.foundation-stage-copy .section-index { margin-bottom: clamp(28px, 3vw, 42px); }
.foundation-stage-copy h2 { font-size: clamp(3.2rem, 6vw, 6.6rem); line-height: .88; }
.sunset-portrait { width: min(82%, 570px); margin-block: 38px; }
.foundation-voice { padding: clamp(48px, 5vw, 76px) clamp(24px, 8vw, 128px); }
.foundation-voice > p { font-size: clamp(1.05rem, 1.35vw, 1.35rem); line-height: 1.55; }
.foundation-voice blockquote { margin-top: clamp(30px, 3.5vw, 46px); font-size: clamp(1.08rem, 1.5vw, 1.52rem); }
.foundation-signature { margin-top: clamp(32px, 4vw, 48px); padding-top: 23px; }

.foundation-response { padding-block: clamp(44px, 5vw, 68px); }
.foundation-response .invitation-heading { padding-bottom: clamp(24px, 3vw, 34px); }
.foundation-response .invitation-heading h2 { font-size: clamp(2.35rem, 4.4vw, 4.8rem); }
.invitation-declaration { padding-block: clamp(22px, 2.5vw, 32px); }
.invitation-declaration strong { font-size: clamp(1.45rem, 2.5vw, 2.8rem); }
.foundation-response .story-copy { padding-top: clamp(26px, 3vw, 38px); }
.foundation-response .oath-opening { font-size: clamp(1.18rem, 1.6vw, 1.55rem) !important; }
.foundation-response .oath-scripture { margin-top: 21px; padding-block: 18px; font-size: clamp(1.05rem, 1.3vw, 1.3rem); }
.foundation-response .story-actions { margin-top: 26px; }

.coming-soon { padding: clamp(55px, 6vw, 82px) 24px; }
.coming-soon h2 { font-size: clamp(3.4rem, 8vw, 8rem); }
.coming-youtube { margin-top: 22px; }
footer { padding-block: 24px; }

@media (max-width: 900px) {
  .about-helen { grid-template-columns: 1fr; }
  .about-helen-portrait { width: min(88%, 430px); margin-inline: auto; }
  .about-helen-images { height: auto; }
}
@media (max-width: 520px) {
  .about-helen { padding: 42px 22px 50px; }
  .about-helen-portrait { min-height: 0; }
  .about-helen-images { height: auto; }
  .about-helen-copy h2 { font-size: clamp(2.25rem, 10vw, 3.5rem); }
  .about-helen-copy .about-standard { font-size: clamp(1.7rem, 8.5vw, 2.8rem); }
  .foundation-stage-copy { padding: 50px 22px 28px; }
  .foundation-stage-copy h2 { font-size: clamp(3rem, 14vw, 5rem); }
  .sunset-portrait { width: min(84%, 430px); margin: 8px auto 44px; }
  .foundation-voice { padding: 44px 22px; }
  .foundation-response { padding: 42px 22px 50px; }
  .foundation-response .invitation-heading h2 { font-size: clamp(2.25rem, 10vw, 3.7rem); }
  .coming-soon { padding-block: 48px; }
  .coming-soon h2 { font-size: clamp(3rem, 16vw, 5.2rem); }
}

/* Editorial show tableau: supplied image, integrated typography, no frame. */
.show-signature-stage {
  position: relative;
  min-height: clamp(390px, 42vw, 610px);
  width: auto;
  margin: clamp(34px, 4vw, 54px) calc(clamp(22px, 8vw, 128px) * -1) calc(clamp(64px, 7vw, 104px) * -1);
  overflow: hidden;
  background: #100a09;
}

/* Let the original Show portrait breathe; retain only the HER RISING tab. */
.statement .raising-portrait {
  background: transparent;
  box-shadow: none;
  transform: none;
}
.statement .raising-portrait img {
  border: 0;
  box-shadow: none;
}
.show-signature-stage > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border: 0;
  box-shadow: none;
}
.show-signature-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7,5,5,.94) 0%, rgba(7,5,5,.74) 31%, rgba(7,5,5,.18) 62%, rgba(7,5,5,.08)), linear-gradient(0deg, rgba(7,5,5,.48), transparent 55%);
}
.show-signature-stage .show-signature {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: inherit;
  max-width: 710px;
  margin: 0;
  padding: clamp(42px, 6vw, 84px) clamp(24px, 7vw, 112px);
  color: #fff;
}
.show-signature-stage .show-signature > span {
  margin-bottom: 13px;
  color: #ef2d3b;
  font-size: clamp(1rem, 1.4vw, 1.35rem);
  letter-spacing: .19em;
}
.show-signature-stage .show-signature p {
  font-size: clamp(2.15rem, 4vw, 4.45rem);
  line-height: .98;
  text-shadow: 0 4px 18px rgba(0,0,0,.9);
}

/* Remove decorative divider rules from the narrative sections. */
.war-mark-line,
.stand-declaration,
.foundation-response,
.story-freedom,
.foundation-voice blockquote,
.foundation-signature,
.about-helen-copy .about-standard,
.invitation-declaration,
.oath-scripture,
.coaching-invite {
  border: 0 !important;
}
.war-mark-line { padding-top: 0; }
.about-helen-copy .about-standard { padding-top: 0; }
.foundation-signature { padding-top: 0; }
.foundation-voice blockquote { padding-top: 0; }
.invitation-declaration { padding-top: 12px; }

@media (max-width: 760px) {
  .show-signature-stage {
    min-height: 520px;
    margin-inline: -22px;
    margin-bottom: -68px;
  }
  .show-signature-stage > img { object-position: 58% center; }
  .show-signature-stage::after { background: linear-gradient(90deg, rgba(7,5,5,.9), rgba(7,5,5,.45) 70%, rgba(7,5,5,.12)), linear-gradient(0deg, rgba(7,5,5,.52), transparent 58%); }
  .show-signature-stage .show-signature { padding: 48px 22px; }
  .show-signature-stage .show-signature p { max-width: 9ch; font-size: clamp(2.35rem, 10.5vw, 3.9rem); }
}

/* Compact, aligned closing strip. */
footer {
  grid-template-columns: minmax(230px, 1.25fr) auto auto auto;
  gap: clamp(20px, 3vw, 46px);
  min-height: 0;
  padding: 22px clamp(22px, 5vw, 76px);
}
footer > * { margin: 0; }
.coaching-invite {
  width: auto;
  margin: 0;
  padding: 0;
  text-align: left;
}
.coaching-invite p { margin: 0 0 5px; font-size: .62rem; line-height: 1.2; }
.coaching-invite a {
  font-size: clamp(1.05rem, 1.6vw, 1.45rem);
  line-height: 1.05;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
.coaching-invite span { margin-top: 7px; font-size: .72rem; line-height: 1.25; }
.footer-brand { white-space: nowrap; }
footer > p { line-height: 1.55; }
footer > p:last-child { text-align: right; }

@media (max-width: 1050px) {
  footer { grid-template-columns: 1fr auto; }
  footer > p:last-child { text-align: right; }
}
@media (max-width: 620px) {
  footer { grid-template-columns: 1fr; gap: 15px; padding-block: 22px; text-align: center; }
  .coaching-invite,
  footer > p:last-child { text-align: center; }
  .coaching-invite span { margin-top: 6px; }
}

/* Flush editorial alignment without exaggerated gaps between words. */
.statement-copy > p,
.statement-copy .cycles-roll,
.statement-copy .truth-line {
  text-align: justify;
  text-align-last: left;
  text-justify: inter-word;
  hyphens: auto;
}
.statement-copy .cycles-roll {
  letter-spacing: -.005em;
  line-height: 1.72;
}
@media (max-width: 620px) {
  .statement-copy > p,
  .statement-copy .cycles-roll,
  .statement-copy .truth-line {
    text-align: left;
    hyphens: none;
  }
}

/* The invitation opens into light: oil, candles and the gate. */
.foundation-response .invitation-declaration {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: clamp(330px, 29vw, 480px);
  margin: 0 calc(clamp(24px, 7vw, 110px) * -1);
  padding: clamp(58px, 7vw, 98px) clamp(24px, 8vw, 132px);
  overflow: hidden;
  background: url('/assets/anointing-gate-oil-banner-v1.jpg') center center / cover no-repeat;
}
.foundation-response .invitation-declaration::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(10,5,4,.68), rgba(20,8,5,.3) 48%, rgba(10,5,4,.68)), linear-gradient(0deg, rgba(10,4,3,.65), rgba(10,4,3,.14) 50%, rgba(10,4,3,.45));
}
.foundation-response .invitation-declaration strong {
  max-width: 1120px;
  color: #fff8ec;
  font-size: clamp(1.7rem, 3.25vw, 3.75rem);
  line-height: 1.03;
  text-shadow: 0 4px 5px rgba(0,0,0,.96), 0 12px 28px rgba(0,0,0,.82);
}
.foundation-response .invitation-declaration span:last-child {
  color: #ff4050;
  text-shadow: 3px 4px 0 rgba(76,5,10,.75), 0 12px 26px rgba(0,0,0,.92);
}
@media (max-width: 760px) {
  .foundation-response .invitation-declaration {
    min-height: 430px;
    margin-inline: -22px;
    padding: 54px 22px;
    background-position: center center;
  }
  .foundation-response .invitation-declaration strong {
    font-size: clamp(1.65rem, 7.7vw, 2.75rem);
  }
}

/* Final editorial tidy: straight copy, clean oath lines and full-bleed endings. */
.statement-copy { max-width: none; }
.statement-copy .truth-line {
  margin-top: 20px;
  padding: 0;
  border: 0;
}
.statement-copy .cycles-roll {
  word-spacing: -.035em;
}
.oath-lines { gap: 9px; }
.oath-lines li {
  padding-left: 0;
}
.oath-lines li::before {
  display: none;
  content: none;
}

.about-helen > .about-standard {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .08em .22em;
  width: auto;
  margin: 10px calc(clamp(24px, 7vw, 106px) * -1) calc(clamp(46px, 5vw, 72px) * -1);
  padding: clamp(26px, 3vw, 40px) clamp(24px, 7vw, 106px);
  color: #fff;
  background: linear-gradient(90deg, rgba(43,10,12,.98), rgba(120,16,25,.96) 48%, rgba(27,10,11,.98));
  font: 900 clamp(1.9rem, 3.8vw, 4.35rem)/.95 "Arial Black", Impact, sans-serif;
  letter-spacing: -.055em;
  text-align: center;
  text-transform: uppercase;
}
.about-helen > .about-standard strong { color: #ff5260; }

footer {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
}
@media (max-width: 620px) {
  .about-helen > .about-standard {
    margin: 8px -22px -50px;
    padding: 25px 22px;
    font-size: clamp(1.7rem, 8.5vw, 2.8rem);
  }
}