/* Сейчас/далее и открытки гостей — главная и /foto/ */
.live{ background:var(--paper-hi,#f2f0ec); color:var(--ink,#0d0d0c); padding:clamp(22px,4.4vw,52px) 5vw; border-top:3px solid var(--ink,#0d0d0c); }
.live-in{ max-width:1200px; margin:auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(20px,4vw,56px); align-items:center; }
.live-in.solo{ grid-template-columns:minmax(0,1fr); }
@media (max-width:820px){ .live-in{ grid-template-columns:minmax(0,1fr); } }

.nn h3{ font-family:var(--ui,sans-serif); font-weight:700; font-size:13px; letter-spacing:.14em; text-transform:uppercase; margin:1.1em 0 .45em; display:flex; align-items:center; gap:.5em; }
.nn h3:first-child{ margin-top:0; }
.nn h3:first-child::before{ content:''; width:10px; height:10px; border-radius:50%; background:#e3342f; animation:nnp 1.6s ease-in-out infinite; }
@keyframes nnp{ 50%{ opacity:.25 } }
.nn-ev{ display:flex; gap:14px; align-items:baseline; padding:.6em 0; border-bottom:1px solid rgb(13 13 12/.15); color:inherit; text-decoration:none; }
.nn-ev:hover .nn-b b{ background:var(--lemon,#fdf105); }
.nn-t{ flex:0 0 4.6em; font-family:var(--ui,sans-serif); font-weight:700; font-size:15px; }
.nn-b{ min-width:0; }
.nn-b b{ display:inline; font-family:var(--display,serif); font-weight:900; font-size:clamp(17px,2vw,21px); line-height:1.15; }
.nn-b i{ display:block; font-style:normal; font-family:var(--ui,sans-serif); font-size:13px; color:var(--dim,#6f7173); margin-top:.2em; }
.nn-all{ display:inline-block; margin-top:1em; font-family:var(--ui,sans-serif); font-weight:700; font-size:15px; color:inherit; }

.pcw{ display:flex; flex-direction:column; align-items:center; gap:14px; }
.pcw-h{ font-family:var(--display,serif); font-weight:900; font-size:clamp(26px,4vw,44px); line-height:1; text-align:center; margin:0; }
.pc-stack{ display:flex; gap:18px; width:100%; max-width:1200px; overflow-x:auto; scroll-snap-type:x mandatory; padding:16px 12px 26px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.pc-stack::-webkit-scrollbar{ display:none; }
.pc-stack .pc{ flex:0 0 min(260px,66vw); scroll-snap-align:center; }
.pcw.empty .pc-stack, .pcw.empty .pcw-cnt{ display:none; }
.pc{ margin:0; background:#fff; padding:10px 10px 0; box-shadow:0 10px 30px rgb(13 13 12/.22); transform:rotate(var(--r,0deg)); position:relative; }
.pc-ph{ aspect-ratio:4/5; overflow:hidden; background:#ddd; }
.pc-ph img{ display:block; width:100%; height:100%; object-fit:cover; object-position:50% 35%; }
.pc figcaption{ padding:.55em .2em .7em; }
.pc-hi{ display:block; font-family:var(--display,serif); font-weight:900; font-size:clamp(18px,2.2vw,22px); line-height:1.05; }
.pc.txt{ padding-top:22px; min-height:200px; display:flex; }
.pc.txt figcaption{ margin-top:auto; padding-right:70px; }
.pc.txt .pc-hi{ font-size:clamp(17px,2vw,20px); font-weight:700; }
.pc-re{ display:block; margin-top:.55em; padding:.45em .6em; background:var(--lemon,#fdf105); font-family:var(--ui,sans-serif); font-size:13px; line-height:1.35; }
.pc-re b{ font-weight:700; }
.pc-by{ display:block; font-family:var(--ui,sans-serif); font-size:14px; font-weight:700; color:var(--dim,#6f7173); margin-top:.3em; }
.pc-st{ position:absolute; right:18px; top:18px; width:68px; height:68px; border-radius:50%; border:2px dashed var(--ink,#0d0d0c);
  background:var(--lemon,#fdf105); display:grid; place-items:center; text-align:center; font-family:var(--ui,sans-serif); font-weight:700;
  font-size:11px; line-height:1.05; transform:rotate(12deg); box-shadow:0 2px 0 rgb(13 13 12/.2); }
.pcw-cnt{ font-family:var(--ui,sans-serif); font-size:13px; color:var(--dim,#6f7173); }
.pcw-go{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.pcw-go a, .pcw-go button{ font-family:var(--ui,sans-serif); font-weight:700; font-size:16px; padding:.75em 1.2em; border-radius:999px; text-decoration:none; cursor:pointer; border:2px solid var(--ink,#0d0d0c); background:none; color:var(--ink,#0d0d0c); }
.pcw-go .add{ background:var(--ink,#0d0d0c); color:var(--lemon,#fdf105); }

.pc-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr)); gap:clamp(18px,3vw,34px); padding:10px 0 30px; }

.pcx{ position:fixed; inset:0; z-index:9600; background:rgb(13 13 12/.72); display:grid; place-items:center; padding:16px; }
.pcx-in{ position:relative; width:min(420px,100%); background:var(--paper-hi,#f2f0ec); padding:22px 20px 20px; box-shadow:6px 6px 0 rgb(13 13 12/.35); }
.pcx-in h3{ margin:0 0 .3em; font-size:26px; }
.pcx-in p{ margin:0 0 1em; font-size:15px; line-height:1.4; }
.pcx-x{ position:absolute; right:6px; top:2px; border:0; background:none; font-size:32px; cursor:pointer; color:inherit; }
.pcx-a{ display:block; margin-top:10px; padding:.8em 1em; border:2px solid var(--ink,#0d0d0c); text-decoration:none; color:var(--ink,#0d0d0c);
  font-family:var(--ui,sans-serif); font-weight:700; font-size:18px; background:var(--lemon,#fdf105); }
.pcx-a.tg{ background:#fff; }
.pcx-a small{ display:block; font-weight:400; font-size:13px; opacity:.75; margin-top:.2em; }
.pcx-a:hover{ background:var(--ink,#0d0d0c); color:var(--lemon,#fdf105); }