
/* Nika Maria — Patriarch page visual refinement V4 */

/* 1) Hero: lift text, frame the photo, keep breathing room from the right edge */
.patriarch-page{
  padding-top:72px !important;
}
.patriarch-hero{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:1780px !important;
  margin:0 auto !important;
  min-height:0 !important;
  padding:54px clamp(34px,4.6vw,88px) 68px !important;
  grid-template-columns:minmax(0,1.12fr) minmax(380px,.78fr) !important;
  gap:clamp(42px,5vw,88px) !important;
  align-items:start !important;
  overflow:visible !important;
}
.patriarch-hero-copy{
  padding:26px 0 0 !important;
  align-self:start !important;
  max-width:820px !important;
}
.patriarch-hero h1{
  margin-top:0 !important;
}
.patriarch-hero-photo{
  box-sizing:border-box !important;
  width:min(100%,650px) !important;
  min-height:0 !important;
  aspect-ratio:3/4 !important;
  justify-self:end !important;
  align-self:start !important;
  margin:0 !important;
  padding:13px !important;
  border:1px solid rgba(221,183,105,.58) !important;
  background:#0a0705 !important;
  box-shadow:
    0 22px 54px rgba(0,0,0,.42),
    0 0 0 1px rgba(221,183,105,.08) inset !important;
  overflow:hidden !important;
}
.patriarch-hero-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
.patriarch-hero-photo:after{
  display:none !important;
}
.patriarch-photo-frame{
  inset:13px !important;
  border:1px solid rgba(241,205,139,.46) !important;
}

/* 2) Bishop Kirill: image starts on the same top line as the text */
.bishop-kirill{
  padding:52px clamp(28px,4.8vw,86px) 72px !important;
}
.bishop-kirill-inner{
  max-width:1580px !important;
  grid-template-columns:minmax(390px,.86fr) minmax(0,1.32fr) !important;
  gap:clamp(48px,4.7vw,82px) !important;
  align-items:start !important;
}
.bishop-photo-wrap{
  width:min(100%,560px) !important;
  justify-self:start !important;
  align-self:start !important;
  margin:0 !important;
}
.bishop-photo{
  width:100% !important;
  aspect-ratio:4/5 !important;
  object-fit:cover !important;
  object-position:center top !important;
}
.bishop-copy{
  align-self:start !important;
  padding-top:0 !important;
}
.bishop-name{
  margin-top:0 !important;
  font-size:clamp(42px,3.65vw,66px) !important;
  line-height:1.00 !important;
}
.bishop-role{
  max-width:900px !important;
}
.bishop-facts{
  margin-top:24px !important;
}
.bishop-columns{
  gap:22px 32px !important;
}

/* 3) Gallery: exactly three useful columns on desktop, first image is 01.jpg */
.patriarch-gallery{
  padding-top:30px !important;
}
.patriarch-gallery-grid{
  max-width:1480px !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:start !important;
}
.patriarch-gallery-item{
  background:#080604 !important;
  border:1px solid rgba(221,183,105,.5) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.28) !important;
}
.patriarch-gallery-item img{
  width:100% !important;
  aspect-ratio:3/4 !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Responsive */
@media(max-width:1180px){
  .patriarch-hero{
    grid-template-columns:minmax(0,1fr) minmax(330px,.72fr) !important;
    padding-left:34px !important;
    padding-right:34px !important;
  }
  .bishop-kirill-inner{
    grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr) !important;
  }
}
@media(max-width:900px){
  .patriarch-hero{
    grid-template-columns:1fr !important;
    padding:34px 20px 54px !important;
    gap:30px !important;
  }
  .patriarch-hero-copy{
    padding-top:0 !important;
  }
  .patriarch-hero-photo{
    width:min(86vw,620px) !important;
    justify-self:center !important;
  }
  .bishop-kirill-inner{
    grid-template-columns:1fr !important;
  }
  .bishop-photo-wrap{
    justify-self:center !important;
    width:min(82vw,520px) !important;
  }
  .patriarch-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:620px){
  .patriarch-hero{
    padding:26px 12px 42px !important;
  }
  .patriarch-hero-photo{
    width:100% !important;
    padding:8px !important;
  }
  .patriarch-photo-frame{
    inset:8px !important;
  }
  .bishop-kirill{
    padding:38px 14px 50px !important;
  }
  .bishop-photo-wrap{
    width:100% !important;
  }
  .patriarch-gallery-grid{
    grid-template-columns:1fr !important;
  }
}
