/*
THE FORTRESS OF MEMORIES
MY GRANDMOTHER — MA3ZIZTI
Independent cinematic editorial stylesheet
*/

#fortress-chapter.grandmother-page {
  --gm-ivory: #f7f2e8;
  --gm-paper: #efe3cf;
  --gm-ink: #211a15;
  --gm-brown: #69584a;
  --gm-green: #16281e;
  --gm-green-deep: #0a1711;
  --gm-gold: #c3a04e;
  --gm-gold-soft: #e7d191;
  --gm-red: #7e3028;
  --gm-black: #171411;
  --gm-line: rgba(154, 106, 32, .25);
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: var(--gm-ivory);
  color: var(--gm-ink);
  font-family: "Jost", Arial, sans-serif;
}

#fortress-chapter,
#fortress-chapter * {
  box-sizing: border-box;
}

#fortress-chapter img {
  display: block;
  max-width: 100%;
}

#fortress-chapter a {
  color: inherit;
}

#fortress-chapter .grandmother-shell,
#fortress-chapter .grandmother-wide {
  width: min(calc(100% - 64px), 1380px);
  margin-inline: auto;
}

#fortress-chapter .grandmother-reading {
  width: min(calc(100% - 48px), 820px);
  margin-inline: auto;
}

/* HERO */
#fortress-chapter .grandmother-hero {
  position: relative;
  min-height: clamp(760px, 94vh, 1000px);
  isolation: isolate;
  color: #fff;
  background:
    linear-gradient(rgba(10, 24, 17, .10), rgba(10, 24, 17, .10)),
    var(--hero-image) center / cover no-repeat;
}

#fortress-chapter .grandmother-hero__veil {
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5, 13, 9, .97) 0%, rgba(5, 13, 9, .76) 39%, rgba(5, 13, 9, .15) 78%),
    linear-gradient(180deg, rgba(0, 0, 0, .28), transparent 34%, rgba(0, 0, 0, .72));
}

#fortress-chapter .grandmother-hero__inner {
  position: relative;
  min-height: inherit;
}

#fortress-chapter .grandmother-topbar {
  min-height: 96px;
  display: flex;
  align-items: center;
  gap: clamp(22px, 3vw, 44px);
  border-bottom: 1px solid rgba(255,255,255,.21);
}

#fortress-chapter .grandmother-brand {
  display: grid;
  flex: 0 0 auto;
  text-decoration: none;
  line-height: 1;
}

#fortress-chapter .grandmother-brand strong {
  color: var(--gm-gold-soft);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: .18em;
}

#fortress-chapter .grandmother-brand span {
  margin-top: 7px;
  color: rgba(255,255,255,.68);
  font-size: 8px;
  letter-spacing: .22em;
  text-transform: uppercase;
}

#fortress-chapter .grandmother-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(18px, 2.5vw, 38px);
  margin-left: auto;
}

#fortress-chapter .grandmother-nav a,
#fortress-chapter .grandmother-language {
  position: relative;
  padding: 12px 0;
  color: rgba(255,255,255,.90);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .13em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

#fortress-chapter .grandmother-nav a.is-current {
  color: var(--gm-gold-soft);
}

#fortress-chapter .grandmother-nav a::after {
  content: "";
  position: absolute;
  right: 100%;
  bottom: 5px;
  left: 0;
  height: 1px;
  background: var(--gm-gold-soft);
  transition: right .3s ease;
}

#fortress-chapter .grandmother-nav a:hover::after,
#fortress-chapter .grandmother-nav a.is-current::after {
  right: 0;
}

#fortress-chapter .grandmother-language {
  min-width: 78px;
  padding: 9px 14px;
  border: 1px solid rgba(231,209,145,.62);
  color: var(--gm-gold-soft);
  text-align: center;
  text-transform: none;
}

#fortress-chapter .grandmother-hero__content {
  position: absolute;
  left: 0;
  bottom: clamp(102px, 14vh, 162px);
  max-width: 900px;
}

#fortress-chapter .grandmother-breadcrumb {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0 0 24px;
  color: rgba(255,255,255,.62);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .19em;
  text-transform: uppercase;
}

#fortress-chapter .grandmother-breadcrumb a {
  color: var(--gm-gold-soft);
  text-decoration: none;
}

#fortress-chapter .grandmother-eyebrow {
  margin: 0 0 18px;
  color: var(--gm-gold-soft);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: 19px;
  font-style: italic;
}

#fortress-chapter .grandmother-hero h1 {
  max-width: 900px;
  margin: 0 0 28px;
  color: #fffaf0;
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: clamp(78px, 11vw, 158px);
  font-weight: 500;
  line-height: .82;
  letter-spacing: -.073em;
  text-shadow: 0 8px 48px rgba(0,0,0,.32);
}

#fortress-chapter .grandmother-deck {
  max-width: 675px;
  margin: 0;
  color: rgba(255,250,240,.90);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: clamp(20px, 2vw, 27px);
  line-height: 1.5;
}

#fortress-chapter .grandmother-arabic {
  margin-top: 27px;
  color: var(--gm-gold-soft);
  font-family: "Amiri", serif;
  font-size: 29px;
}

#fortress-chapter .grandmother-scroll {
  position: absolute;
  right: 0;
  bottom: 42px;
  display: flex;
  gap: 15px;
  align-items: center;
  color: rgba(255,255,255,.72);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .18em;
  text-decoration: none;
  text-transform: uppercase;
}

#fortress-chapter .grandmother-scroll i {
  width: 42px;
  height: 1px;
  background: var(--gm-gold-soft);
}

/* ARTICLE */
#fortress-chapter .grandmother-article {
  background:
    radial-gradient(circle at 50% 13%, rgba(195,160,78,.055), transparent 29%),
    var(--gm-ivory);
}

#fortress-chapter .grandmother-collection {
  padding-top: 52px;
  padding-bottom: 38px;
  border-bottom: 1px solid var(--gm-line);
  text-align: center;
}

#fortress-chapter .grandmother-collection p {
  margin: 0 0 8px;
  color: var(--gm-gold);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

#fortress-chapter .grandmother-collection span {
  color: #827261;
  font-size: 10px;
  letter-spacing: .08em;
}

#fortress-chapter .grandmother-opening {
  padding-top: clamp(102px, 13vw, 176px);
  padding-bottom: clamp(88px, 11vw, 145px);
  text-align: center;
}

#fortress-chapter .grandmother-opening__name {
  margin: 0 0 30px;
  color: var(--gm-gold);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: 18px;
  font-style: italic;
}

#fortress-chapter .grandmother-opening h2 {
  max-width: 800px;
  margin: 0 auto 36px;
  color: var(--gm-green);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: clamp(48px, 6.2vw, 82px);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -.055em;
  text-wrap: balance;
}

#fortress-chapter .grandmother-opening__lead {
  max-width: 730px;
  margin: 0 auto;
  color: var(--gm-brown);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: clamp(21px, 2.3vw, 29px);
  line-height: 1.65;
}

#fortress-chapter .grandmother-prose {
  padding-bottom: clamp(92px, 11vw, 148px);
}

#fortress-chapter .grandmother-prose h2 {
  margin: 0 0 34px;
  color: var(--gm-green);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: clamp(45px, 5.3vw, 72px);
  font-weight: 500;
  line-height: 1.03;
  letter-spacing: -.052em;
}

#fortress-chapter .grandmother-prose p {
  margin: 0 0 25px;
  color: var(--gm-brown);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: 20px;
  line-height: 1.85;
}

#fortress-chapter .grandmother-dropcap::first-letter {
  float: left;
  margin: 8px 12px 0 0;
  color: var(--gm-gold);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: 92px;
  line-height: .72;
}

/* SHARED */
#fortress-chapter .grandmother-kicker {
  display: block;
  margin-bottom: 20px;
  color: var(--gm-gold);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .19em;
  text-transform: uppercase;
}

#fortress-chapter .grandmother-kicker--light {
  color: var(--gm-gold-soft);
}

#fortress-chapter .grandmother-photo-frame {
  position: relative;
  margin: 0;
  padding: 10px;
  background:
    linear-gradient(135deg, rgba(231,209,145,.95), rgba(154,106,32,.42) 42%, rgba(231,209,145,.86));
  box-shadow:
    0 24px 70px rgba(56,38,20,.15),
    0 0 0 1px rgba(91,58,14,.13);
}

#fortress-chapter .grandmother-photo-frame__media {
  position: relative;
  overflow: hidden;
  background: #d8c8ac;
}

#fortress-chapter .grandmother-photo-frame img {
  width: 100%;
  object-fit: cover;
  filter: saturate(.91) contrast(1.035);
}

#fortress-chapter .grandmother-photo-frame::after {
  content: "";
  position: absolute;
  inset: 5px;
  z-index: 2;
  pointer-events: none;
  border: 1px solid rgba(255,248,216,.48);
}

#fortress-chapter .grandmother-photo-frame--quiet {
  padding: 7px;
  box-shadow: 0 18px 48px rgba(56,38,20,.11);
}

#fortress-chapter .grandmother-reconstruction {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 3;
  max-width: 70%;
  padding: 8px 10px;
  background: rgba(8,19,13,.78);
  color: rgba(255,250,240,.83);
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .10em;
  line-height: 1.45;
  text-transform: uppercase;
}

#fortress-chapter figcaption {
  margin-top: 17px;
  color: #766859;
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: 13px;
  font-style: italic;
  line-height: 1.55;
}

#fortress-chapter .grandmother-reveal {
  animation: grandmotherRise .8s ease both;
}

@keyframes grandmotherRise {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* QUOTES */
#fortress-chapter .grandmother-quote,
#fortress-chapter .grandmother-monumental {
  margin-bottom: clamp(118px, 15vw, 200px);
  padding: clamp(86px, 11vw, 155px) clamp(38px, 8vw, 126px);
  background:
    radial-gradient(circle at 50% 10%, rgba(231,209,145,.08), transparent 43%),
    var(--gm-green-deep);
  text-align: center;
}

#fortress-chapter .grandmother-quote blockquote,
#fortress-chapter .grandmother-monumental blockquote {
  max-width: 1080px;
  margin: 0 auto;
  color: #fffaf0;
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: clamp(48px, 6.5vw, 92px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.058em;
}

#fortress-chapter .grandmother-monumental {
  background:
    radial-gradient(circle at 50% 20%, rgba(126,48,40,.18), transparent 38%),
    var(--gm-green-deep);
}

/* SEAT */
#fortress-chapter .grandmother-seat {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(340px,.85fr);
  gap: clamp(58px, 7vw, 118px);
  align-items: center;
  margin-bottom: clamp(125px, 16vw, 215px);
}

#fortress-chapter .grandmother-seat__figure img {
  height: clamp(680px, 70vw, 930px);
}

#fortress-chapter .grandmother-seat__copy h2,
#fortress-chapter .grandmother-mill__copy h2,
#fortress-chapter .grandmother-carpet__copy h2,
#fortress-chapter .grandmother-leben__copy h2,
#fortress-chapter .grandmother-faith__copy h2,
#fortress-chapter .grandmother-empty__copy h2 {
  margin: 0 0 30px;
  color: var(--gm-green);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: clamp(48px, 5.8vw, 82px);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.057em;
}

#fortress-chapter .grandmother-seat__copy p,
#fortress-chapter .grandmother-mill__copy p,
#fortress-chapter .grandmother-carpet__copy p,
#fortress-chapter .grandmother-leben__copy p,
#fortress-chapter .grandmother-faith__copy p,
#fortress-chapter .grandmother-empty__copy p {
  margin: 0 0 22px;
  color: var(--gm-brown);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: 18px;
  line-height: 1.82;
}

/* TEA */
#fortress-chapter .grandmother-tea {
  position: relative;
  min-height: 780px;
  display: flex;
  align-items: flex-end;
  margin-bottom: clamp(125px, 16vw, 215px);
  overflow: hidden;
  isolation: isolate;
  background: var(--tea-image) center / cover no-repeat;
  box-shadow:
    0 28px 85px rgba(31,22,14,.17),
    0 0 0 9px var(--gm-gold),
    0 0 0 10px rgba(92,61,17,.28);
}

#fortress-chapter .grandmother-tea__veil {
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5,15,10,.96), rgba(5,15,10,.66) 53%, rgba(5,15,10,.08) 87%),
    linear-gradient(180deg, transparent 25%, rgba(5,15,10,.76));
}

#fortress-chapter .grandmother-tea__copy {
  max-width: 720px;
  padding: clamp(56px, 7vw, 102px);
  color: #fffaf0;
}

#fortress-chapter .grandmother-tea__copy h2 {
  margin: 0 0 30px;
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: clamp(54px, 7vw, 98px);
  font-weight: 500;
  line-height: .94;
  letter-spacing: -.06em;
}

#fortress-chapter .grandmother-tea__copy p {
  margin: 0 0 20px;
  color: rgba(255,250,240,.83);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: 19px;
  line-height: 1.78;
}

/* WHEAT INTRO */
#fortress-chapter .grandmother-wheat-intro {
  margin-bottom: clamp(62px, 8vw, 100px);
  text-align: center;
}

#fortress-chapter .grandmother-wheat-intro>span {
  display: block;
  margin-bottom: 20px;
  color: var(--gm-gold);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .19em;
  text-transform: uppercase;
}

#fortress-chapter .grandmother-wheat-intro h2 {
  max-width: 980px;
  margin: 0 auto 30px;
  color: var(--gm-green);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: clamp(55px, 7vw, 96px);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.06em;
}

#fortress-chapter .grandmother-wheat-intro p {
  max-width: 760px;
  margin: 0 auto;
  color: var(--gm-brown);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: 22px;
  line-height: 1.7;
}

#fortress-chapter .grandmother-wheat-journey {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(22px, 3vw, 40px);
  margin-bottom: clamp(125px, 16vw, 215px);
}

#fortress-chapter .grandmother-wheat-card {
  min-width: 0;
}

#fortress-chapter .grandmother-wheat-card img {
  height: clamp(420px, 38vw, 590px);
}

#fortress-chapter .grandmother-wheat-card__number {
  display: block;
  margin: 26px 0 13px;
  color: var(--gm-gold);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: 16px;
  font-style: italic;
}

#fortress-chapter .grandmother-wheat-card h3 {
  margin: 0 0 14px;
  color: var(--gm-green);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: clamp(31px, 3.2vw, 44px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.04em;
}

#fortress-chapter .grandmother-wheat-card p {
  margin: 0;
  color: var(--gm-brown);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: 16px;
  line-height: 1.72;
}

/* MILL */
#fortress-chapter .grandmother-mill {
  display: grid;
  grid-template-columns: minmax(0,1.18fr) minmax(340px,.82fr);
  gap: clamp(58px, 7vw, 118px);
  align-items: center;
  margin-bottom: clamp(90px, 11vw, 145px);
}

#fortress-chapter .grandmother-mill__figure img {
  height: clamp(680px, 69vw, 910px);
}

#fortress-chapter .grandmother-sound {
  margin-bottom: clamp(125px, 16vw, 215px);
  padding: clamp(80px, 9vw, 132px);
  background:
    linear-gradient(135deg, rgba(126,48,40,.08), transparent 50%),
    var(--gm-paper);
  text-align: center;
}

#fortress-chapter .grandmother-sound p {
  margin: 0 0 26px;
  color: #8f682c;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

#fortress-chapter .grandmother-sound blockquote {
  max-width: 1000px;
  margin: 0 auto;
  color: var(--gm-green);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: clamp(49px, 6.4vw, 88px);
  font-weight: 500;
  line-height: 1.03;
  letter-spacing: -.055em;
}

/* CARPET */
#fortress-chapter .grandmother-carpet {
  display: grid;
  grid-template-columns: minmax(340px,.83fr) minmax(0,1.17fr);
  gap: clamp(58px, 7vw, 118px);
  align-items: center;
  margin-bottom: clamp(125px, 16vw, 215px);
}

#fortress-chapter .grandmother-carpet__figure img {
  height: clamp(680px, 70vw, 930px);
}

/* LEBEN */
#fortress-chapter .grandmother-leben {
  display: grid;
  grid-template-columns: minmax(0,1.12fr) minmax(340px,.88fr);
  gap: clamp(58px, 7vw, 118px);
  align-items: center;
  margin-bottom: clamp(125px, 16vw, 215px);
}

#fortress-chapter .grandmother-leben__figure img {
  height: clamp(660px, 67vw, 880px);
}

/* ZAMITA */
#fortress-chapter .grandmother-zamita {
  position: relative;
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: clamp(42px, 7vw, 110px);
  align-items: center;
  margin-bottom: clamp(125px, 16vw, 215px);
  padding: clamp(78px, 9vw, 136px) clamp(40px, 7vw, 108px);
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 50%, rgba(231,209,145,.13), transparent 33%),
    var(--gm-green-deep);
}

#fortress-chapter .grandmother-zamita__word {
  color: transparent;
  -webkit-text-stroke: 1px rgba(231,209,145,.52);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: clamp(70px, 10vw, 160px);
  font-weight: 500;
  letter-spacing: -.06em;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

#fortress-chapter .grandmother-zamita__copy h2 {
  margin: 0 0 27px;
  color: #fffaf0;
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: clamp(51px, 6.3vw, 88px);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.058em;
}

#fortress-chapter .grandmother-zamita__copy p {
  max-width: 690px;
  margin: 0 0 20px;
  color: rgba(255,250,240,.78);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: 20px;
  line-height: 1.78;
}

/* FAITH */
#fortress-chapter .grandmother-faith {
  display: grid;
  grid-template-columns: minmax(340px,.87fr) minmax(0,1.13fr);
  gap: clamp(58px, 7vw, 118px);
  align-items: center;
  margin-bottom: clamp(125px, 16vw, 215px);
}

#fortress-chapter .grandmother-faith__figure img {
  height: clamp(650px, 66vw, 860px);
}

/* EMPTY */
#fortress-chapter .grandmother-empty {
  display: grid;
  grid-template-columns: minmax(0,1.18fr) minmax(340px,.82fr);
  gap: clamp(58px, 7vw, 118px);
  align-items: center;
  margin-bottom: clamp(125px, 16vw, 215px);
}

#fortress-chapter .grandmother-empty__figure img {
  height: clamp(670px, 69vw, 910px);
  filter: saturate(.68) contrast(1.02);
}

/* FINAL */
#fortress-chapter .grandmother-final {
  position: relative;
  min-height: 860px;
  display: flex;
  align-items: flex-end;
  margin-bottom: clamp(76px, 9vw, 125px);
  overflow: hidden;
  isolation: isolate;
  color: #fff;
  background: var(--final-image) center / cover no-repeat;
  box-shadow:
    0 28px 90px rgba(31,22,14,.18),
    0 0 0 9px var(--gm-gold),
    0 0 0 10px rgba(92,61,17,.28);
}

#fortress-chapter .grandmother-final__veil {
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5,14,9,.96), rgba(5,14,9,.67) 58%, rgba(5,14,9,.14)),
    linear-gradient(180deg, transparent 20%, rgba(5,14,9,.84));
}

#fortress-chapter .grandmother-final__content {
  max-width: 1000px;
  padding: clamp(62px, 8vw, 116px);
}

#fortress-chapter .grandmother-final__content>span {
  display: block;
  margin-bottom: 25px;
  color: var(--gm-gold-soft);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .19em;
  text-transform: uppercase;
}

#fortress-chapter .grandmother-final h2 {
  margin: 0 0 30px;
  color: #fffaf0;
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: clamp(48px, 6.2vw, 88px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.057em;
}

#fortress-chapter .grandmother-final p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,250,240,.78);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: 20px;
  line-height: 1.78;
}

/* FOOTER */
#fortress-chapter .grandmother-footer {
  padding-bottom: 90px;
}

#fortress-chapter .grandmother-footer__closing {
  padding: 42px 0;
  border-top: 1px solid var(--gm-line);
  border-bottom: 1px solid var(--gm-line);
  text-align: center;
}

#fortress-chapter .grandmother-footer__closing span {
  color: var(--gm-gold);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

#fortress-chapter .grandmother-footer__closing p {
  margin: 10px 0 0;
  color: var(--gm-green);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: 38px;
}

#fortress-chapter .grandmother-footer__nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 30px;
  border: 1px solid var(--gm-line);
}

#fortress-chapter .grandmother-footer__nav>a,
#fortress-chapter .grandmother-footer__pending {
  min-height: 170px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 34px 42px;
  text-decoration: none;
}

#fortress-chapter .grandmother-footer__nav>a {
  background: var(--gm-green);
  color: #fffaf0;
}

#fortress-chapter .grandmother-footer__pending {
  border-left: 1px solid var(--gm-line);
  background: var(--gm-paper);
  color: var(--gm-green);
}

#fortress-chapter .grandmother-footer__nav span {
  margin-bottom: 11px;
  color: var(--gm-gold-soft);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .17em;
  text-transform: uppercase;
}

#fortress-chapter .grandmother-footer__pending span {
  color: var(--gm-gold);
}

#fortress-chapter .grandmother-footer__nav strong {
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: 29px;
  font-weight: 500;
  line-height: 1.18;
}

#fortress-chapter .grandmother-footer__nav i {
  margin-top: 18px;
  color: var(--gm-gold-soft);
  font-style: normal;
}

/* RESPONSIVE */
@media (max-width: 1080px) {

  #fortress-chapter .grandmother-nav {
    display: none;
  }

  #fortress-chapter .grandmother-seat,
  #fortress-chapter .grandmother-mill,
  #fortress-chapter .grandmother-carpet,
  #fortress-chapter .grandmother-leben,
  #fortress-chapter .grandmother-faith,
  #fortress-chapter .grandmother-empty {
    grid-template-columns: 1fr;
  }

  #fortress-chapter .grandmother-carpet__figure,
  #fortress-chapter .grandmother-faith__figure {
    order: -1;
  }

  #fortress-chapter .grandmother-wheat-journey {
    grid-template-columns: 1fr 1fr;
  }

  #fortress-chapter .grandmother-wheat-card:last-child {
    grid-column: 1 / -1;
    width: min(100%, 660px);
    margin-inline: auto;
  }

}

@media (max-width: 720px) {

  #fortress-chapter .grandmother-shell,
  #fortress-chapter .grandmother-wide {
    width: min(calc(100% - 30px), 1380px);
  }

  #fortress-chapter .grandmother-reading {
    width: min(calc(100% - 34px), 820px);
  }

  #fortress-chapter .grandmother-topbar {
    min-height: 82px;
  }

  #fortress-chapter .grandmother-brand strong {
    font-size: 23px;
  }

  #fortress-chapter .grandmother-language {
    margin-left: auto;
  }

  #fortress-chapter .grandmother-hero__content {
    bottom: 112px;
  }

  #fortress-chapter .grandmother-hero h1 {
    font-size: 72px;
  }

  #fortress-chapter .grandmother-scroll {
    left: 0;
    right: auto;
  }

  #fortress-chapter .grandmother-dropcap::first-letter {
    font-size: 74px;
  }

  #fortress-chapter .grandmother-quote,
  #fortress-chapter .grandmother-monumental,
  #fortress-chapter .grandmother-sound,
  #fortress-chapter .grandmother-zamita {
    width: 100%;
  }

  #fortress-chapter .grandmother-seat__figure img,
  #fortress-chapter .grandmother-mill__figure img,
  #fortress-chapter .grandmother-carpet__figure img,
  #fortress-chapter .grandmother-leben__figure img,
  #fortress-chapter .grandmother-faith__figure img,
  #fortress-chapter .grandmother-empty__figure img {
    height: 540px;
  }

  #fortress-chapter .grandmother-tea,
  #fortress-chapter .grandmother-final {
    width: 100%;
    min-height: 700px;
    box-shadow: none;
  }

  #fortress-chapter .grandmother-tea__copy,
  #fortress-chapter .grandmother-final__content {
    padding: 56px 26px;
  }

  #fortress-chapter .grandmother-wheat-journey {
    grid-template-columns: 1fr;
  }

  #fortress-chapter .grandmother-wheat-card:last-child {
    grid-column: auto;
    width: 100%;
  }

  #fortress-chapter .grandmother-wheat-card img {
    height: 500px;
  }

  #fortress-chapter .grandmother-zamita {
    grid-template-columns: 1fr;
    padding: 66px 25px;
  }

  #fortress-chapter .grandmother-zamita__word {
    writing-mode: horizontal-tb;
    transform: none;
    font-size: 70px;
  }

  #fortress-chapter .grandmother-footer__nav {
    grid-template-columns: 1fr;
  }

  #fortress-chapter .grandmother-footer__pending {
    border-top: 1px solid var(--gm-line);
    border-left: 0;
  }

}

@media (prefers-reduced-motion: reduce) {
  #fortress-chapter .grandmother-reveal {
    animation: none;
  }
}


/* ==========================================================
   FORTRESS COLLECTION — FINAL ORDER 01–09 · GLOBAL FRIEZE
   ========================================================== */
#fortress-chapter .fortress-global-frieze{
  width:min(calc(100% - 56px),1180px);
  margin:0 auto clamp(72px,8vw,112px);
  padding:28px 30px 24px;
  border-top:1px solid rgba(154,106,32,.28);
  border-bottom:1px solid rgba(154,106,32,.28);
  background:rgba(247,242,232,.92);
  color:#211a15;
  font-family:"Jost",Arial,sans-serif;
}
#fortress-chapter .fortress-global-frieze__head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;
}
#fortress-chapter .fortress-global-frieze__head>span{
  color:#9a6a20;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
}
#fortress-chapter .fortress-global-frieze__head>strong{
  color:#16281e;font-family:"Bodoni Moda",Georgia,serif;font-size:clamp(18px,2vw,25px);font-weight:500;line-height:1.1;text-align:right;
}
#fortress-chapter .fortress-global-frieze ol{
  position:relative;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;
}
#fortress-chapter .fortress-global-frieze ol::before{
  content:"";position:absolute;left:5.55%;right:5.55%;top:13px;height:1px;background:rgba(154,106,32,.32);
}
#fortress-chapter .fortress-global-frieze__item{position:relative;z-index:1;text-align:center;min-width:0}
#fortress-chapter .fortress-global-frieze__item a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;min-width:0}
#fortress-chapter .fortress-global-frieze__item span{
  display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(154,106,32,.42);border-radius:50%;background:#f7f2e8;color:#806124;font-size:8px;font-weight:700;line-height:1;
}
#fortress-chapter .fortress-global-frieze__item small{
  max-width:92px;color:#75685b;font-size:8px;font-weight:600;line-height:1.25;white-space:normal;
}
#fortress-chapter .fortress-global-frieze__item.is-active span{
  border-color:#c3a04e;background:#16281e;color:#e7d191;box-shadow:0 0 0 4px rgba(195,160,78,.13);
}
#fortress-chapter .fortress-global-frieze__item.is-active small{color:#16281e;font-weight:800}
#fortress-chapter[dir="rtl"] .fortress-global-frieze__head>strong,
#fortress-chapter .grandmother-page--arabic .fortress-global-frieze__head>strong,
#fortress-chapter .grandfather-page--arabic .fortress-global-frieze__head>strong,
#fortress-chapter .last-dinner-page--arabic .fortress-global-frieze__head>strong{
  font-family:"Amiri","Noto Naskh Arabic",serif;text-align:left;
}
#fortress-chapter[dir="rtl"] .fortress-global-frieze__head>span,
#fortress-chapter[dir="rtl"] .fortress-global-frieze__item small{
  font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif;letter-spacing:0;text-transform:none;
}

/* Missing large chapter ordinal for the three late portrait/final chapters */
#fortress-chapter .fortress-chapter-ordinal{
  margin:0 0 28px;color:#c3a04e;font-family:"Bodoni Moda",Georgia,serif;font-size:18px;font-style:italic;font-weight:500;line-height:1;text-align:center;
}
#fortress-chapter[dir="rtl"] .fortress-chapter-ordinal{
  font-family:"Amiri","Noto Naskh Arabic",serif;font-style:normal;font-size:22px;
}

/* ==========================================================
   FORTRESS COLLECTION — PHOTO PAGE TURNER
   ========================================================== */
#fortress-chapter .fortress-page-turner{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%;margin-top:30px;
}
#fortress-chapter .fortress-page-turner__card{
  position:relative;min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate;padding:34px 36px;color:#fff!important;text-decoration:none!important;background:var(--turn-bg) center/cover no-repeat;border:1px solid rgba(195,160,78,.45);transition:transform .35s ease,filter .35s ease;
}
#fortress-chapter .fortress-page-turner__card::before{
  content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(5,14,9,.08) 8%,rgba(5,14,9,.90) 92%);
}
#fortress-chapter .fortress-page-turner__card:hover{transform:translateY(-3px);filter:saturate(1.05)}
#fortress-chapter .fortress-page-turner__card span{
  margin-bottom:9px;color:#e7d191;font-family:"Jost",Arial,sans-serif;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
}
#fortress-chapter .fortress-page-turner__card strong{
  max-width:520px;color:#fffaf0;font-family:"Bodoni Moda",Georgia,serif;font-size:clamp(28px,3.2vw,46px);font-weight:500;line-height:1.04;
}
#fortress-chapter .fortress-page-turner__card i{margin-top:17px;color:#e7d191;font-size:24px;font-style:normal}
#fortress-chapter[dir="rtl"] .fortress-page-turner__card span{
  font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif;letter-spacing:0;text-transform:none;
}
#fortress-chapter[dir="rtl"] .fortress-page-turner__card strong{
  font-family:"Amiri","Noto Naskh Arabic",serif;line-height:1.3;
}

@media(max-width:780px){
  #fortress-chapter .fortress-global-frieze{width:calc(100% - 28px);padding:24px 14px 20px;margin-bottom:64px}
  #fortress-chapter .fortress-global-frieze__head{display:block;margin-bottom:19px;text-align:center}
  #fortress-chapter .fortress-global-frieze__head>strong{display:block;margin-top:7px;text-align:center;font-size:21px}
  #fortress-chapter .fortress-global-frieze ol::before{left:5.5%;right:5.5%;top:11px}
  #fortress-chapter .fortress-global-frieze__item span{width:23px;height:23px;font-size:7px}
  #fortress-chapter .fortress-global-frieze__item small{display:none}
  #fortress-chapter .fortress-page-turner{grid-template-columns:1fr;gap:12px}
  #fortress-chapter .fortress-page-turner__card{min-height:215px;padding:28px 26px}
}


/* Grandparent portrait chapters — top composition refinement */
@media(min-width:721px){
  #fortress-chapter .grandmother-hero__content,
  #fortress-chapter .grandfather-hero__content{
    bottom:clamp(92px,11vh,132px);
    max-width:780px;
  }
  #fortress-chapter .grandmother-hero h1,
  #fortress-chapter .grandfather-hero h1{
    max-width:780px;
    font-size:clamp(72px,8.8vw,132px);
    line-height:.87;
    letter-spacing:-.055em;
  }
  #fortress-chapter .grandmother-deck,
  #fortress-chapter .grandfather-deck{max-width:620px}
}
@media(min-width:1081px){
  #fortress-chapter .grandmother-nav,
  #fortress-chapter .grandfather-nav{gap:clamp(14px,1.7vw,28px)}
}


/* ==========================================================
   FORTRESS VISUAL HOTFIX v3 — 2026-08-08
   Cache-safe global frieze + photographic page turner
   ========================================================== */
#fortress-chapter .fortress-global-frieze{
  display:block!important;
  clear:both;
  position:relative;
  z-index:3;
}
#fortress-chapter .fortress-global-frieze ol{
  display:grid!important;
  grid-template-columns:repeat(9,minmax(0,1fr))!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
#fortress-chapter .fortress-global-frieze__item{
  display:block!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
#fortress-chapter .fortress-global-frieze__item::marker{content:""}
#fortress-chapter .fortress-global-frieze__item a{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
#fortress-chapter .fortress-page-turner{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  overflow:visible!important;
}
#fortress-chapter .fortress-page-turner__card{
  position:relative!important;
  display:flex!important;
  min-height:250px!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background-color:#16281e!important;
  background-image:var(--turn-bg)!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
#fortress-chapter .fortress-page-turner__card::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(5,14,9,.05) 5%,rgba(5,14,9,.92) 94%)!important;
  pointer-events:none;
}
#fortress-chapter .fortress-page-turner__card > *{
  position:relative;
  z-index:1;
}
@media(max-width:780px){
  #fortress-chapter .fortress-global-frieze ol{
    grid-template-columns:repeat(9,minmax(0,1fr))!important;
  }
  #fortress-chapter .fortress-page-turner{
    grid-template-columns:1fr!important;
  }
}


/* ==========================================================
   GRANDPARENTS HERO — top collision fix v3
   Keeps breadcrumb/title below the navigation at desktop size.
   ========================================================== */
@media(min-width:721px){
  #fortress-chapter.grandfather-page .grandfather-topbar,
  #fortress-chapter.grandmother-page .grandmother-topbar{
    position:relative!important;
    z-index:20!important;
    min-height:102px!important;
  }
  #fortress-chapter.grandfather-page .grandfather-hero__content,
  #fortress-chapter.grandmother-page .grandmother-hero__content{
    top:clamp(132px,15vh,158px)!important;
    bottom:auto!important;
    max-width:min(760px,54vw)!important;
  }
  #fortress-chapter.grandfather-page .grandfather-breadcrumb,
  #fortress-chapter.grandmother-page .grandmother-breadcrumb{
    margin-bottom:15px!important;
  }
  #fortress-chapter.grandfather-page .grandfather-eyebrow,
  #fortress-chapter.grandmother-page .grandmother-eyebrow{
    margin-bottom:12px!important;
  }
  #fortress-chapter.grandfather-page .grandfather-hero h1,
  #fortress-chapter.grandmother-page .grandmother-hero h1{
    max-width:760px!important;
    margin-bottom:22px!important;
    font-size:clamp(76px,7.4vw,124px)!important;
    line-height:.87!important;
    letter-spacing:-.052em!important;
  }
  #fortress-chapter.grandfather-page .grandfather-deck,
  #fortress-chapter.grandmother-page .grandmother-deck{
    max-width:610px!important;
    font-size:clamp(18px,1.65vw,25px)!important;
    line-height:1.48!important;
  }
  #fortress-chapter.grandfather-page .grandfather-arabic,
  #fortress-chapter.grandmother-page .grandmother-arabic{
    margin-top:18px!important;
  }
}
@media(min-width:721px) and (max-height:820px){
  #fortress-chapter.grandfather-page .grandfather-hero__content,
  #fortress-chapter.grandmother-page .grandmother-hero__content{
    top:118px!important;
  }
  #fortress-chapter.grandfather-page .grandfather-hero h1,
  #fortress-chapter.grandmother-page .grandmother-hero h1{
    font-size:clamp(70px,7vw,108px)!important;
  }
  #fortress-chapter.grandfather-page .grandfather-deck,
  #fortress-chapter.grandmother-page .grandmother-deck{
    font-size:18px!important;
    line-height:1.42!important;
  }
}


/* Final prayer — added without changing chapter content */
#fortress-chapter .grandmother-dua {
  padding: clamp(54px, 7vw, 92px) 24px;
  text-align: center;
}
#fortress-chapter .grandmother-dua__arabic {
  margin: 0;
  color: var(--gm-green);
  font-family: "Amiri", "Noto Naskh Arabic", Georgia, serif;
  font-size: clamp(28px, 3.1vw, 42px);
  font-weight: 400;
  line-height: 1.9;
}
#fortress-chapter .grandmother-dua__translation {
  max-width: 620px;
  margin: 10px auto 0;
  color: var(--gm-brown);
  font-family: "Bodoni Moda", Georgia, serif;
  font-size: clamp(15px, 1.5vw, 18px);
  font-style: italic;
  line-height: 1.7;
}