/* ═══ PAGE HERO (used on all subpages) ═══ */
.page-hero{
  min-height:50vh;
  display:flex;
  align-items:flex-end;
  position:relative;
  overflow:hidden;
}
.page-hero__bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  filter:brightness(0.5) saturate(0.7);
}
.page-hero__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,rgba(30,20,10,0.25) 0%,rgba(30,20,10,0.75) 100%);
}
.page-hero__content{
  position:relative;
  z-index:2;
  padding:120px 0 56px;
  max-width:640px;
}
.page-hero__rune{
  font-size:2.5rem;
  color:var(--gold);
  opacity:0.35;
  display:block;
  margin-bottom:12px;
}
.page-hero__title{
  font-family:var(--font-head);
  font-size:clamp(2rem,5vw,3rem);
  font-weight:900;
  line-height:1.15;
  color:#fff;
  margin-bottom:16px;
  text-shadow:0 2px 8px rgba(0,0,0,0.4);
}
.page-hero__title em{
  font-style:normal;
  color:var(--gold);
  display:block;
}
.page-hero__sub{
  font-size:1rem;
  color:rgba(255,255,255,0.75);
  line-height:1.7;
  max-width:520px;
}

/* ═══ PAGE MAIN ═══ */
.page-main{
  padding:64px 0;
}

/* ═══ RESPONSIVE — PAGES ═══ */
@media(max-width:768px){
  .page-hero{min-height:40vh}
  .page-hero__content{padding:80px 0 32px}
  .page-hero__title{font-size:clamp(1.5rem,6vw,2.2rem)}
  .page-hero__sub{font-size:0.9rem}
  .page-hero__rune{font-size:2rem}
  .page-main{padding:32px 0}
}

@media(max-width:480px){
  .page-hero{min-height:35vh}
  .page-hero__content{padding:64px 0 24px}
  .page-hero__title{font-size:1.4rem}
  .page-hero__sub{font-size:0.85rem;line-height:1.6}
}