/* Re-Gothic World pages — additions only. Uses the existing Michael Omoke palette and typography. */
body.page--re-gothic,
body.page--re-gothic-protected{
  background:
    radial-gradient(circle at 50% 0%, rgba(188, 120, 45, .15), transparent 32%),
    radial-gradient(circle at 15% 35%, rgba(96, 27, 14, .22), transparent 34%),
    linear-gradient(180deg, #090604 0%, #140b07 44%, #070606 100%);
}
.reGothicHero{
  padding: clamp(14px, 3vw, 42px) 18px clamp(48px, 7vw, 96px);
}
.reGothicShell{
  width: min(1240px, calc(100vw - 34px));
  margin: 0 auto;
}
.reGothicKicker{
  margin: 0 0 12px;
  color: rgba(222, 190, 120, .78);
  font-family: var(--sans, Inter, system-ui, sans-serif);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .18em;
  text-transform: uppercase;
  text-align: center;
}
.reGothicIntro{
  max-width: 780px;
  margin: 0 auto clamp(22px, 4vw, 34px);
  text-align: center;
  color: rgba(244, 234, 216, .78);
}
.reGothicIntro h1{
  margin: 0 0 10px;
  color: rgba(255, 239, 205, .96);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(38px, 7vw, 84px);
  line-height: .95;
  letter-spacing: -.035em;
}
.reGothicIntro p{
  margin: 0 auto;
  max-width: 64ch;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.55;
}

/* The poster is now the first public threshold after the header. */
.reGothicPosterFrame + .reGothicIntro{
  margin-top: clamp(24px, 4vw, 42px);
  margin-bottom: clamp(18px, 3vw, 28px);
}
.reGothicPosterFrame + .reGothicIntro h1{
  font-size: clamp(34px, 5.5vw, 68px);
}

.reGothicDoctrine{
  margin-top: 18px !important;
  max-width: 76ch !important;
  color: rgba(244, 234, 216, .72) !important;
  font-size: clamp(15px, 1.8vw, 18px) !important;
  line-height: 1.72 !important;
}
.reGothicPosterFrame{
  position: relative;
  overflow: hidden;
  border-radius: clamp(18px, 2.5vw, 30px);
  border: 1px solid rgba(231, 191, 111, .28);
  background: rgba(8, 5, 4, .84);
  box-shadow: 0 34px 110px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.035) inset;
}
.reGothicPosterFrame::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow: inset 0 0 90px rgba(0,0,0,.42);
}
.reGothicPosterImage{
  display:block;
  width:100%;
  height:auto;
}
.reGothicHotspot{
  position:absolute;
  top:62.35%;
  height:9.05%;
  border-radius: 14px;
  z-index: 2;
  text-indent: -9999px;
  overflow: hidden;
}
.reGothicHotspot--cathedral{ left:14.0%; width:22.45%; }
.reGothicHotspot--manifesto{ left:38.85%; width:22.25%; }
.reGothicHotspot--works{ left:63.55%; width:22.45%; }
.reGothicHotspot:focus-visible{
  outline: 2px solid rgba(255, 232, 179, .94);
  outline-offset: 3px;
  background: rgba(227, 184, 94, .12);
  box-shadow: 0 0 28px rgba(211, 157, 69, .28);
}
.reGothicActions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin: clamp(18px, 3vw, 28px) auto 0;
}
.reGothicActions .btn{
  min-width: min(260px, 100%);
  justify-content:center;
}
.reGothicNote{
  max-width: 820px;
  margin: 30px auto 0;
  text-align:center;
  color: rgba(244, 234, 216, .66);
  font-size: 15px;
  line-height: 1.7;
}
.reGothicSection{
  padding: clamp(34px, 6vw, 72px) 18px;
}
.reGothicSection .sectionHead{
  max-width: 920px;
  margin-inline: auto;
  text-align:center;
}
.reGothicWorksGrid{
  width:min(1120px, calc(100vw - 34px));
  margin: 28px auto 0;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.reGothicWorkCard{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height: 100%;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(231, 191, 111, .18);
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  box-shadow: 0 22px 70px rgba(0,0,0,.26);
}
.reGothicWorkCard h3{
  margin: 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1;
  color: rgba(255,239,205,.94);
}
.reGothicWorkCard p{
  margin:0;
  color: rgba(244, 234, 216, .70);
  line-height:1.58;
}
.reGothicWorkMeta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  color: rgba(222, 190, 120, .82);
  font-family: var(--sans, Inter, system-ui, sans-serif);
  font-size: 11px;
  font-weight: 740;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.reGothicWorkCard .btnRow{
  margin-top:auto;
  padding-top: 8px;
}
.reGothicGate{
  width: min(760px, calc(100vw - 34px));
  margin: clamp(54px, 9vw, 104px) auto;
  padding: clamp(28px, 5vw, 56px);
  border-radius: 30px;
  border: 1px solid rgba(231, 191, 111, .22);
  background:
    radial-gradient(circle at 50% 0%, rgba(201, 151, 66, .12), transparent 36%),
    rgba(11, 8, 7, .84);
  box-shadow: 0 34px 120px rgba(0,0,0,.44);
  text-align:center;
}
.reGothicGate h1{
  margin: 0 0 12px;
  font-family: "Cormorant Garamond", Georgia, serif;
  color: rgba(255,239,205,.96);
  font-size: clamp(38px, 7vw, 72px);
  line-height: .96;
}
.reGothicGate p{
  color: rgba(244, 234, 216, .74);
  line-height:1.65;
}
.reGothicGateForm{
  display:flex;
  gap:10px;
  justify-content:center;
  margin: 22px auto 0;
  flex-wrap:wrap;
}
.reGothicGateForm input{
  min-width: min(320px, 100%);
  padding: 13px 15px;
  border-radius: 999px;
  border: 1px solid rgba(231, 191, 111, .25);
  background: rgba(0,0,0,.28);
  color: rgba(255,255,255,.92);
  font: inherit;
}
.reGothicGateError{
  min-height: 1.4em;
  margin-top: 12px;
  color: #f0b9a5 !important;
  font-size: 14px;
}
.reGothicUnlocked{
  text-align:left;
}
.reGothicUnlocked .btnRow{
  margin-top: 24px;
}
@media (max-width: 860px){
  .reGothicWorksGrid{ grid-template-columns: 1fr; }
  .reGothicPosterFrame{ border-radius: 18px; }
  .reGothicActions .btn{ width:100%; }
}
@media (max-width: 700px){
  .reGothicHotspot{ display:none; }
}

/* Public manifesto threshold beneath the Re-Gothic poster. */
.reGothicIntro--manifesto{
  max-width: 980px;
  padding: clamp(26px, 5vw, 52px) clamp(20px, 4.5vw, 58px);
  border-radius: clamp(22px, 3vw, 34px);
  border: 1px solid rgba(231, 191, 111, .24);
  background:
    radial-gradient(circle at 50% 0%, rgba(219, 166, 78, .12), transparent 36%),
    radial-gradient(circle at 12% 18%, rgba(116, 31, 14, .22), transparent 32%),
    linear-gradient(180deg, rgba(23, 12, 8, .88), rgba(8, 5, 4, .74));
  box-shadow: 0 34px 110px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.025);
  position: relative;
  overflow: hidden;
}
.reGothicIntro--manifesto::before{
  content:"";
  position:absolute;
  inset: 12px;
  border: 1px solid rgba(255, 232, 177, .08);
  border-radius: inherit;
  pointer-events:none;
}
.reGothicIntro--manifesto .reGothicKicker{
  color: rgba(231, 191, 111, .86);
}
.reGothicIntro--manifesto h1{
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  color: rgba(255, 239, 205, .98);
  text-shadow: 0 10px 34px rgba(0,0,0,.55);
}
.reGothicManifestoLead{
  max-width: 780px !important;
  margin-top: 14px !important;
  color: rgba(255, 239, 205, .92) !important;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(22px, 3.1vw, 36px) !important;
  line-height: 1.18 !important;
  letter-spacing: -.015em;
}
.reGothicManifestoText{
  max-width: 760px;
  margin: clamp(18px, 3vw, 28px) auto 0;
  color: rgba(244, 234, 216, .76);
}
.reGothicManifestoText p{
  max-width: 68ch !important;
  font-size: clamp(16px, 1.7vw, 19px) !important;
  line-height: 1.68 !important;
}
.reGothicManifestoText p + p{
  margin-top: 12px !important;
}
.reGothicManifestoText strong{
  color: rgba(255, 239, 205, .94);
  font-weight: 600;
}
@media (max-width: 700px){
  .reGothicIntro--manifesto{
    padding: 26px 18px 30px;
    border-radius: 22px;
  }
  .reGothicManifestoLead{
    font-size: clamp(21px, 7vw, 30px) !important;
  }
}


/* Re-Gothic Works reading room — focused author index. */
.reGothicWorksIntro{
  padding-bottom: clamp(22px, 4vw, 44px);
}
.reGothicWorksIntro .pageIntroInner{
  max-width: 980px;
}
.reGothicWorksIntro h1{
  color: rgba(255, 239, 205, .98);
}
.reGothicWorksIntro .lead{
  max-width: 78ch;
}
.reGothicReadingRoom{
  width: min(1120px, calc(100vw - 34px));
  margin: 0 auto;
  padding: clamp(10px, 3vw, 26px) 0 clamp(46px, 7vw, 86px);
}
.reGothicReadingRoom::before{
  content:"";
  display:block;
  width: min(180px, 42vw);
  height: 1px;
  margin: 0 auto clamp(28px, 5vw, 48px);
  background: linear-gradient(90deg, transparent, rgba(231, 191, 111, .54), transparent);
}
.reGothicArchiveGrid{
  display:grid;
  grid-template-columns: .86fr 1.14fr;
  gap: clamp(16px, 3vw, 26px);
  align-items: stretch;
}
.reGothicArchivePanel{
  position:relative;
  overflow:hidden;
  border-radius: clamp(24px, 3vw, 34px);
  border: 1px solid rgba(231, 191, 111, .22);
  background:
    radial-gradient(circle at 18% 0%, rgba(219, 166, 78, .11), transparent 32%),
    radial-gradient(circle at 92% 88%, rgba(118, 30, 13, .18), transparent 36%),
    linear-gradient(180deg, rgba(25, 13, 9, .86), rgba(7, 5, 4, .74));
  box-shadow: 0 32px 110px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.025);
  padding: clamp(24px, 3.6vw, 40px);
}
.reGothicArchivePanel::before{
  content:"";
  position:absolute;
  inset: 14px;
  border: 1px solid rgba(255, 232, 177, .075);
  border-radius: inherit;
  pointer-events:none;
}
.reGothicArchivePanel > *{
  position:relative;
  z-index:1;
}
.reGothicArchivePanel--poem{
  min-height: 390px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.reGothicArchiveMeta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin: 0 0 18px;
  color: rgba(231, 191, 111, .86);
  font-family: var(--sans, Inter, system-ui, sans-serif);
  font-size: 11px;
  font-weight: 780;
  letter-spacing:.16em;
  text-transform: uppercase;
}
.reGothicArchivePanel h2{
  margin:0 0 12px;
  color: rgba(255, 239, 205, .97);
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size: clamp(38px, 5.2vw, 68px);
  line-height:.92;
  letter-spacing:-.035em;
}
.reGothicArchivePanel p{
  margin:0;
  color: rgba(244, 234, 216, .72);
  line-height:1.68;
  font-size: clamp(16px, 1.8vw, 18px);
}
.reGothicArchivePanel p + p{ margin-top: 14px; }
.reGothicArchivePanel .btnRow{
  margin-top: clamp(22px, 3vw, 32px);
}
.reGothicShelf{
  display:grid;
  gap: 14px;
  margin-top: clamp(20px, 3vw, 30px);
}
.reGothicShelfItem{
  display:block;
  text-decoration:none;
  padding: 20px;
  border-radius: 22px;
  border: 1px solid rgba(231, 191, 111, .15);
  background: rgba(255,255,255,.035);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.reGothicShelfItem:hover,
.reGothicShelfItem:focus-visible{
  transform: translateY(-2px);
  border-color: rgba(231, 191, 111, .36);
  background: rgba(255,255,255,.055);
  outline: none;
}
.reGothicShelfItem strong{
  display:block;
  color: rgba(255,239,205,.96);
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size: clamp(27px, 3vw, 38px);
  line-height:1;
  margin-bottom: 8px;
}
.reGothicShelfItem span{
  display:block;
  color: rgba(244,234,216,.68);
  line-height:1.55;
}
.reGothicFutureNote{
  margin: clamp(22px, 4vw, 38px) auto 0;
  padding: clamp(18px, 3vw, 26px);
  max-width: 920px;
  border-radius: 24px;
  border: 1px solid rgba(231, 191, 111, .14);
  background: rgba(255,255,255,.025);
  color: rgba(244, 234, 216, .68);
  text-align:center;
  line-height:1.7;
}
@media (max-width: 900px){
  .reGothicArchiveGrid{
    grid-template-columns: 1fr;
  }
  .reGothicArchivePanel--poem{
    min-height: 0;
  }
}
@media (max-width: 640px){
  .reGothicReadingRoom{
    width: min(100% - 28px, 1120px);
  }
  .reGothicArchivePanel{
    padding: 24px 20px;
    border-radius: 24px;
  }
  .reGothicArchivePanel h2{
    font-size: clamp(34px, 12vw, 50px);
  }
  .reGothicShelfItem{
    padding: 18px;
  }
}