/* Chinese Patriarchal Metochion in Moscow */
.china-metochion-page{background:#080706;color:#ead9b8}
.china-metochion-page .site-header{min-height:0}
.china-metochion-main{
  min-height:calc(100vh - 78px);
  padding:clamp(38px,4.5vw,82px) clamp(18px,4vw,72px) clamp(62px,6vw,110px);
  background:
    radial-gradient(circle at 50% -8%,rgba(137,75,30,.24),transparent 38%),
    radial-gradient(circle at 18% 68%,rgba(112,68,29,.12),transparent 36%),
    linear-gradient(180deg,#0e0907 0%,#080706 76%,#100b08 100%);
}
.china-metochion-intro{max-width:1180px;margin:0 auto clamp(34px,4vw,62px);text-align:center}
.china-metochion-back{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;color:#b98e55;
  font-size:12px;letter-spacing:.14em;text-decoration:none
}
.china-metochion-back:hover,.china-metochion-back:focus-visible{color:#f0d29c;outline:none}
.china-metochion-ornament{display:flex;align-items:center;justify-content:center;gap:13px;color:#d8af6d;margin-bottom:13px}
.china-metochion-ornament>span{width:76px;height:1px;background:linear-gradient(90deg,transparent,#b6894d)}
.china-metochion-ornament>span:last-child{background:linear-gradient(90deg,#b6894d,transparent)}
.china-metochion-ornament b{font-size:18px;font-weight:400;line-height:1}
.china-metochion-intro h1{
  margin:0;color:#f3dcb0;font-weight:400;
  font-size:clamp(38px,4.4vw,76px);line-height:.98;letter-spacing:.045em;
  text-shadow:0 5px 30px rgba(0,0,0,.8)
}
.china-metochion-kicker{
  margin:18px auto 0;color:#caa46a;
  font-size:clamp(12px,.95vw,16px);letter-spacing:.18em
}
.china-metochion-article{
  position:relative;max-width:1180px;margin:0 auto;padding:1px;
  background:linear-gradient(135deg,rgba(209,162,94,.68),rgba(87,56,27,.22) 42%,rgba(218,169,96,.55));
  box-shadow:0 24px 80px rgba(0,0,0,.38)
}
.china-metochion-copy{
  position:relative;padding:clamp(28px,4vw,58px) clamp(24px,5vw,74px);
  background:
    linear-gradient(110deg,rgba(25,16,10,.96),rgba(10,8,6,.98)),
    #0c0907;
}
.china-metochion-copy::before{
  content:"";position:absolute;inset:14px;border:1px solid rgba(209,165,100,.18);pointer-events:none
}
.china-metochion-copy p{
  position:relative;z-index:1;margin:0 auto 22px;max-width:980px;
  color:#e7d8c0;font:400 clamp(16px,1.25vw,21px)/1.64 Georgia,"Times New Roman",serif;
  text-align:left
}
.china-metochion-copy p:first-child::first-letter{
  float:left;margin:7px 9px 0 0;color:#e2b96f;font-size:3.1em;line-height:.72
}
.china-metochion-copy p:last-child{margin-bottom:0;color:#f0dfc3}
@media(max-width:640px){
  .china-metochion-main{padding:31px 14px 54px}
  .china-metochion-intro h1{font-size:clamp(31px,9vw,48px)}
  .china-metochion-kicker{font-size:11px;letter-spacing:.11em}
  .china-metochion-copy{padding:30px 22px}
  .china-metochion-copy p{font-size:15px;line-height:1.55;margin-bottom:18px}
}


/* Photo composition: side portraits frame the text, hero photo anchors the story below */
.china-metochion-story{
  width:min(1740px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(230px,.72fr) minmax(620px,1.55fr) minmax(230px,.72fr);
  grid-template-areas:
    "left article right"
    ". center .";
  gap:clamp(24px,2.2vw,42px) clamp(22px,2vw,38px);
  align-items:start;
}
.china-metochion-story .china-metochion-article{
  grid-area:article;
  width:100%;
  max-width:none;
  margin:0;
}
.metochion-photo{
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  cursor:zoom-in;
  color:inherit;
  text-align:inherit;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.42));
}
.metochion-photo-left{grid-area:left;margin-top:clamp(38px,4vw,78px)}
.metochion-photo-right{grid-area:right;margin-top:clamp(38px,4vw,78px)}
.metochion-photo-center{
  grid-area:center;
  width:min(720px,100%);
  justify-self:center;
  margin-top:2px;
}
.metochion-photo-frame{
  position:relative;
  display:block;
  overflow:hidden;
  aspect-ratio:4/5;
  background:#0d0907;
  border:1px solid rgba(210,166,95,.52);
  box-shadow:
    inset 0 0 0 1px rgba(255,232,188,.045),
    inset 0 0 0 11px rgba(9,7,5,.18);
  transition:transform .3s cubic-bezier(.2,.75,.25,1),border-color .3s ease,box-shadow .3s ease,filter .3s ease;
}
.metochion-photo-frame::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:9px;
  pointer-events:none;
  border:1px solid rgba(219,177,108,.22);
  box-shadow:inset 0 0 28px rgba(0,0,0,.16);
}
.metochion-photo-frame::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(8,6,4,.03),transparent 30%,rgba(8,6,4,.24) 100%),
    radial-gradient(ellipse at center,transparent 54%,rgba(5,4,3,.24) 100%);
  transition:opacity .3s ease;
}
.metochion-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.94) contrast(1.035) brightness(.96);
  transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .3s ease;
}
.metochion-photo-left img{object-position:center 44%}
.metochion-photo-right img{object-position:center 42%}
.metochion-photo-center img{object-position:center 46%}
.metochion-photo:hover .metochion-photo-frame,
.metochion-photo:focus-visible .metochion-photo-frame{
  transform:translateY(-5px);
  border-color:rgba(238,197,121,.82);
  box-shadow:
    inset 0 0 0 1px rgba(255,235,193,.075),
    inset 0 0 0 11px rgba(9,7,5,.13),
    0 0 28px rgba(191,132,52,.14);
}
.metochion-photo:hover img,
.metochion-photo:focus-visible img{
  transform:scale(1.025);
  filter:saturate(.98) contrast(1.04) brightness(1);
}
.metochion-photo:focus-visible{outline:none}
.metochion-photo-center .metochion-photo-frame{
  box-shadow:
    inset 0 0 0 1px rgba(255,232,188,.055),
    inset 0 0 0 11px rgba(9,7,5,.16),
    0 24px 64px rgba(0,0,0,.34);
}

/* Full-screen gallery lightbox */
.metochion-lightbox{
  width:min(96vw,1420px);
  height:min(94dvh,1120px);
  max-width:none;
  max-height:none;
  padding:0;
  border:1px solid rgba(214,170,101,.56);
  background:#070605;
  color:#e7c98d;
  overflow:hidden;
  box-shadow:0 36px 120px rgba(0,0,0,.82);
}
.metochion-lightbox:not([open]){display:none}
.metochion-lightbox::backdrop{
  background:rgba(0,0,0,.88);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.metochion-lightbox-figure{
  width:100%;
  height:100%;
  margin:0;
  display:grid;
  place-items:center;
  padding:22px 76px;
}
.metochion-lightbox-image{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  border:1px solid rgba(219,174,102,.25);
  box-shadow:0 18px 70px rgba(0,0,0,.48);
}
.metochion-lightbox-close,
.metochion-lightbox-nav{
  position:absolute;
  z-index:4;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(215,170,102,.25);
  background:rgba(10,7,5,.72);
  color:#e8ca90;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.metochion-lightbox-close{
  top:14px;
  right:14px;
  width:46px;
  height:46px;
  font:300 32px/1 Arial,sans-serif;
}
.metochion-lightbox-nav{
  top:50%;
  width:52px;
  height:70px;
  transform:translateY(-50%);
  font:300 46px/1 Georgia,serif;
}
.metochion-lightbox-prev{left:12px}
.metochion-lightbox-next{right:12px}
.metochion-lightbox-close:hover,
.metochion-lightbox-close:focus-visible,
.metochion-lightbox-nav:hover,
.metochion-lightbox-nav:focus-visible{
  outline:none;
  color:#fff0ca;
  border-color:rgba(240,199,124,.72);
  background:rgba(40,27,14,.9);
  box-shadow:0 0 18px rgba(209,154,69,.22);
}

@media(max-width:1320px){
  .china-metochion-story{
    grid-template-columns:minmax(210px,.72fr) minmax(540px,1.5fr) minmax(210px,.72fr);
    gap:26px 24px;
  }
}
@media(max-width:1040px){
  .china-metochion-story{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "article article"
      "left right"
      "center center";
    max-width:940px;
  }
  .metochion-photo-left,.metochion-photo-right{margin-top:0}
  .metochion-photo-center{width:min(620px,76vw)}
}
@media(max-width:640px){
  .china-metochion-story{
    grid-template-columns:1fr;
    grid-template-areas:
      "article"
      "left"
      "right"
      "center";
    gap:18px;
  }
  .metochion-photo-center{width:100%}
  .metochion-photo-frame{aspect-ratio:4/5}
  .metochion-lightbox{
    width:calc(100vw - 12px);
    height:calc(100dvh - 12px);
  }
  .metochion-lightbox-figure{padding:58px 12px 18px}
  .metochion-lightbox-nav{
    top:auto;
    bottom:10px;
    width:48px;
    height:46px;
    transform:none;
    font-size:36px;
  }
  .metochion-lightbox-prev{left:12px}
  .metochion-lightbox-next{right:12px}
  .metochion-lightbox-close{top:8px;right:8px}
}
@media(prefers-reduced-motion:reduce){
  .metochion-photo-frame,.metochion-photo img,.metochion-lightbox-close,.metochion-lightbox-nav{transition:none}
}


/* Full Russian–Chinese bilingual metochion text */
.china-metochion-intro h1{display:flex;flex-direction:column;align-items:center;gap:14px}
.metochion-zh-title{display:block;font-family:"Noto Serif CJK SC","Songti SC","Microsoft YaHei",serif;font-size:clamp(22px,2.2vw,38px);line-height:1.28;letter-spacing:.02em;color:#e8c995}
.china-metochion-kicker{display:flex;flex-direction:column;gap:9px}
.metochion-zh-kicker{font-family:"Noto Serif CJK SC","Songti SC","Microsoft YaHei",serif;letter-spacing:.03em;font-size:1.05em}
.metochion-zh-text{display:block;margin-top:15px;font-family:"Noto Serif CJK SC","Songti SC","Microsoft YaHei",serif;line-height:1.85;letter-spacing:.01em;color:#e8d5b5}
.metochion-text-divider{width:min(260px,42%);height:1px;margin:27px auto 27px;background:linear-gradient(90deg,transparent,#c79b59,#c79b59,transparent);opacity:.72}
.china-metochion-copy p{line-height:1.85}
@media(max-width:640px){
 .china-metochion-intro h1{gap:11px}
 .metochion-zh-title{font-size:clamp(20px,6vw,29px)}
 .china-metochion-kicker{gap:7px}
 .metochion-zh-text{line-height:1.8;margin-top:13px}
 .metochion-text-divider{margin:22px auto}
 .china-metochion-copy p{line-height:1.72}
}