/* ════════════════════════════════════════════════════════════
   СТРАНИЦА ПАМЯТИ — спокойный кремово-золотой стиль
   Единый тёплый фон сверху донизу, без резкого чёрного.
   ════════════════════════════════════════════════════════════ */

.mem{
  background:var(--cream);
  color:#3a342d;
  min-height:100vh;
}

/* ───── Hero ───── */
.mem-hero{
  position:relative;
  text-align:center;
  padding:7rem 1.5rem 3rem;
  overflow:hidden;
  background:linear-gradient(180deg,#fcf8f0 0%,#f7f1e4 55%,var(--cream) 100%);
}
/* мягкие золотые «нити шёлка» поверх фона */
.mem-hero::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 420' preserveAspectRatio='none'><defs><linearGradient id='g' x1='0' x2='1'><stop offset='0' stop-color='%23b8913a' stop-opacity='0'/><stop offset='.5' stop-color='%23c9a24f' stop-opacity='.55'/><stop offset='1' stop-color='%23b8913a' stop-opacity='0'/></linearGradient></defs><g fill='none' stroke='url(%23g)' stroke-width='.9'><path d='M0,120 C300,60 600,200 900,120 C1050,80 1200,160 1200,160'/><path d='M0,180 C250,130 550,260 850,180 C1050,130 1200,210 1200,210'/><path d='M0,240 C300,190 600,320 900,250 C1050,210 1200,290 1200,290'/><path d='M0,70 C400,10 700,170 1000,80 C1100,50 1200,120 1200,120'/></g></svg>");
  background-size:100% 60%;background-repeat:no-repeat;background-position:top center;
  opacity:.45;
}
.mem-hero-glow{
  position:absolute;left:50%;top:2rem;transform:translateX(-50%);
  width:520px;height:380px;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(212,170,90,.22),transparent 65%);
}
.mem-hero-in{position:relative;z-index:2;max-width:760px;margin:0 auto}

.mem-portrait{
  width:180px;height:180px;border-radius:50%;
  margin:0 auto 1.5rem;overflow:hidden;
  background:var(--warm);
  border:5px solid #fff;
  box-shadow:0 0 0 1.5px var(--gold2), 0 14px 38px rgba(120,90,30,.22);
}
.mem-portrait img{width:100%;height:100%;object-fit:cover;display:block}
.mem-portrait-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#f3ecdc,#ece3cf)}

.mem-name{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem,5vw,3.3rem);font-weight:500;line-height:1.12;
  color:#2c2722;margin-bottom:.6rem;letter-spacing:.005em;
}
.mem-dates{
  display:inline-flex;align-items:center;gap:.85rem;
  font-family:'Jost',sans-serif;font-size:.92rem;font-weight:400;
  color:var(--muted);letter-spacing:.14em;
}
.mem-star{color:var(--gold);font-size:.8rem}
.mem-orn{
  display:flex;align-items:center;justify-content:center;gap:.5rem;
  color:var(--gold);margin:1.1rem 0 .9rem;opacity:.85;
}
.mem-orn span{width:46px;height:1px;background:linear-gradient(90deg,transparent,var(--gold2))}
.mem-orn span:last-child{background:linear-gradient(90deg,var(--gold2),transparent)}
.mem-quote{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:1.18rem;color:#6f6657;line-height:1.5;
}
.mem-quote::before{content:'« '}
.mem-quote::after{content:' »'}

/* ───── Body ───── */
.mem-body{max-width:860px;margin:0 auto;padding:2rem 1.25rem 3.5rem}

.mem-topbar{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;
  gap:.8rem;flex-wrap:wrap;margin-bottom:1.6rem;
  font-size:.84rem;color:#4a4540;
  box-shadow:0 4px 18px rgba(120,90,30,.05);
}
.mem-topbar-soft{background:var(--goldpale);border-color:#e8dcc0}
.mem-topbar span{color:var(--muted)}

/* быстрые ссылки-разделы */
.mem-quick{
  display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;
  margin-bottom:2.2rem;
}
.mem-chip{
  display:inline-flex;align-items:center;gap:.5rem;
  background:#fff;border:1px solid var(--border);border-radius:30px;
  padding:.6rem 1.1rem;cursor:pointer;
  font-family:'Jost',sans-serif;font-size:.82rem;color:#4a4540;
  transition:all .18s;box-shadow:0 2px 10px rgba(120,90,30,.04);
}
.mem-chip svg{color:var(--gold);flex-shrink:0;transition:transform .18s}
.mem-chip:hover{border-color:var(--gold);color:var(--ink);transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(184,145,58,.16)}
.mem-chip:hover svg{transform:scale(1.1)}

/* карточки-секции */
.mem-card{
  background:#fff;border:1px solid var(--border);border-radius:18px;
  padding:1.7rem 1.85rem;margin-bottom:1.6rem;
  box-shadow:0 6px 24px rgba(120,90,30,.06);
}
.mem-block{margin-bottom:2.2rem}
.mem-sec{
  display:flex;align-items:center;gap:.65rem;
  font-family:'Cormorant Garamond',serif;font-size:1.55rem;font-weight:500;
  color:#2c2722;margin-bottom:1.1rem;
}
.mem-sec-orn{
  width:26px;height:26px;flex-shrink:0;border-radius:50%;
  background:var(--goldpale);
  position:relative;
}
.mem-sec-orn::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:9px;height:9px;border-radius:50%;background:var(--gold)}

.mem-bio{
  font-size:.98rem;line-height:1.95;color:#4a4540;white-space:pre-wrap;
}

/* фотогалерея */
.mem-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.85rem}
.mem-photo{
  margin:0;border-radius:14px;overflow:hidden;cursor:pointer;
  background:#fff;border:1px solid var(--border);
  box-shadow:0 4px 16px rgba(120,90,30,.07);
  transition:transform .2s,box-shadow .2s;
}
.mem-photo:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(120,90,30,.15)}
.mem-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.mem-photo figcaption{padding:.5rem .8rem;font-size:.74rem;color:var(--muted)}

/* видео */
.mem-video{
  background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;
  margin-bottom:.9rem;box-shadow:0 4px 16px rgba(120,90,30,.06);
}
.mem-video video{width:100%;max-height:420px;display:block;background:#000}
.mem-video-title{padding:.7rem 1.1rem;font-size:.88rem;font-weight:500;color:#3a342d}

/* QR — мягкая светлая карточка, без чёрного */
.mem-qr{text-align:center;background:linear-gradient(180deg,#fff,#fdfaf3)}
.mem-qr h3{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:500;color:#2c2722;margin-bottom:.4rem}
.mem-qr p{font-size:.84rem;color:var(--muted);line-height:1.6;max-width:430px;margin:0 auto 1.4rem}
.mem-qr-img{
  width:172px;height:172px;display:block;margin:0 auto 1.5rem;
  border:6px solid #fff;border-radius:14px;
  box-shadow:0 0 0 1px var(--border),0 10px 28px rgba(120,90,30,.12);
}

.mem-back{text-align:center;margin-top:2rem}

/* футер */
.mem-footer{
  text-align:center;padding:2.5rem 1.5rem 3rem;
  border-top:1px solid var(--border);background:#fbf7ef;
}
.mem-footer img{height:46px;width:auto;display:block;margin:0 auto .9rem;opacity:.9}
.mem-footer-copy{font-size:.72rem;color:var(--muted);letter-spacing:.04em}

@media(max-width:600px){
  .mem-hero{padding:7.5rem 1.25rem 2.5rem}
  .mem-portrait{width:150px;height:150px}
  .mem-card{padding:1.4rem 1.3rem;border-radius:16px}
  .mem-quote{font-size:1.05rem}
}