@font-face{font-family:Literata;src:url("fonts/Literata-400-cyrillic.d8d5b5530ddf.woff2") format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Literata;src:url("fonts/Literata-latin.fa34687766da.woff2") format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Spectral;src:url("fonts/Spectral-400-cyrillic.a88b7a0c0de0.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Spectral;src:url("fonts/Spectral-400-latin.6ec1900716de.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Spectral;src:url("fonts/Spectral-600-cyrillic.49ff42fac06f.woff2") format("woff2");font-weight:600;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Spectral;src:url("fonts/Spectral-600-latin.ccd396b92abd.woff2") format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Onest;src:url("fonts/Onest-400-cyrillic.9049b6d62b77.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;src:url("fonts/Onest-latin.d5c8e706f54e.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Golos;src:url("fonts/GolosText-400-cyrillic.2b8fbbb33a14.woff2") format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Golos;src:url("fonts/GolosText-latin.f57df9832ab8.woff2") format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Lora;src:url("fonts/Lora-cyrillic.f617fd584ca5.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Lora;src:url("fonts/Lora-latin.9577af3ccda5.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;src:url("fonts/Manrope-cyrillic.e58febde317b.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url("fonts/Manrope-latin.938c6e8019b6.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:ARussDecor;src:url("fonts/ARussDecor.bb09cd1c3352.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"PT Sans";src:url("fonts/PTSans-400-cyrillic.f2664d403038.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Sans";src:url("fonts/PTSans-400-latin.3f66ddcf744f.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"PT Sans";src:url("fonts/PTSans-700-cyrillic.5e1ae1c98141.woff2") format("woff2");font-weight:700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Sans";src:url("fonts/PTSans-700-latin.35e5705c45cf.woff2") format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"PT Sans Narrow";src:url("fonts/PTSansNarrow-400-cyrillic.92a60f829c46.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Sans Narrow";src:url("fonts/PTSansNarrow-400-latin.29b661fc1e9c.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"PT Sans Narrow";src:url("fonts/PTSansNarrow-700-cyrillic.44a1f884316e.woff2") format("woff2");font-weight:700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Sans Narrow";src:url("fonts/PTSansNarrow-700-latin.a2c7aa6e8718.woff2") format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --paper:#f4f0e7;--paper-2:#ebe5d8;--surface:#fbf9f4;--ink:#26231f;--ink-2:#625c54;--ink-3:#80786e;
  --accent:#8f352a;--accent-2:#b28a4a;--line:rgba(38,35,31,.16);--line-soft:rgba(38,35,31,.09);
  --deep:#182b36;--deep-rgb:24,43,54;--on-deep:#faf8f2;--shadow:0 24px 70px rgba(37,30,22,.12);
  --heading:Literata,Georgia,serif;--body:Onest,Arial,sans-serif;--ui:Onest,Arial,sans-serif;--display:Literata,Georgia,serif;
  --shell:min(1320px,calc(100vw - 80px));--ease:cubic-bezier(.22,.72,.2,1);--section:clamp(84px,9vw,150px)
}

html[data-palette="volga"]{
  --paper:#edf2f2;--paper-2:#dce6e7;--surface:#f8fbfa;--ink:#172c35;--ink-2:#50656d;--ink-3:#71858b;
  --accent:#8e3540;--accent-2:#6d929c;--line:rgba(23,44,53,.17);--line-soft:rgba(23,44,53,.09);
  --deep:#183540;--deep-rgb:24,53,64;--on-deep:#f7fbfa;--shadow:0 24px 70px rgba(19,48,58,.13)
}
html[data-palette="evening"]{
  --paper:#e9e4df;--paper-2:#d9d0c8;--surface:#f5f1ed;--ink:#291e2a;--ink-2:#665866;--ink-3:#847582;
  --accent:#704256;--accent-2:#a77f4d;--line:rgba(41,30,42,.18);--line-soft:rgba(41,30,42,.09);
  --deep:#241b2b;--deep-rgb:36,27,43;--on-deep:#fbf7f2;--shadow:0 24px 70px rgba(38,25,42,.15)
}
html[data-palette="night"]{
  color-scheme:dark;--paper:#101513;--paper-2:#1a211e;--surface:#171d1a;--ink:#f0eee7;--ink-2:#bdbab1;--ink-3:#8e918a;
  --accent:#c67b68;--accent-2:#b99a63;--line:rgba(240,238,231,.2);--line-soft:rgba(240,238,231,.1);
  --deep:#080d0c;--deep-rgb:8,13,12;--on-deep:#f7f4ed;--shadow:0 24px 80px rgba(0,0,0,.42)
}
html[data-palette="burgundy"]{
  --paper:#f2eee8;--paper-2:#e7dfd6;--surface:#fffdf9;--ink:#322325;--ink-2:#625558;--ink-3:#827376;
  --accent:#89030c;--accent-2:#8da8bc;--line:rgba(79,50,48,.18);--line-soft:rgba(79,50,48,.1);
  --deep:#3d4051;--deep-rgb:61,64,81;--on-deep:#fffdf9;--shadow:0 22px 58px rgba(70,42,37,.1)
}
html[data-font="serif-sans"]{--heading:Literata,Georgia,serif;--body:Onest,Arial,sans-serif;--ui:Onest,Arial,sans-serif;--display:Literata,Georgia,serif}
html[data-font="sans-serif"]{--heading:Manrope,Arial,sans-serif;--body:Lora,Georgia,serif;--ui:Manrope,Arial,sans-serif;--display:Manrope,Arial,sans-serif}
html[data-font="lora-manrope"]{--heading:Lora,Georgia,serif;--body:Manrope,Arial,sans-serif;--ui:Manrope,Arial,sans-serif;--display:Lora,Georgia,serif}
html[data-font="classic-ui"]{--heading:Spectral,Georgia,serif;--body:Golos,Arial,sans-serif;--ui:Golos,Arial,sans-serif;--display:Spectral,Georgia,serif}
html[data-font="ui-classic"]{--heading:Golos,Arial,sans-serif;--body:Spectral,Georgia,serif;--ui:Golos,Arial,sans-serif;--display:Golos,Arial,sans-serif}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding-top:8px;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,select{font-family:var(--ui)}
nav,time,small,kbd,.section-kicker{font-family:var(--ui)}
button{color:inherit}
img{display:block;width:100%;height:auto}
figure,p,h1,h2,h3,blockquote{margin:0}
h1,h2,h3{font-family:var(--heading);font-weight:600;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}
svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.svg-symbols{position:absolute;width:0;height:0;overflow:hidden}
.shell{width:var(--shell);margin-inline:auto}
.prototype{min-height:100vh;overflow:clip;background:var(--paper)}
.prototype[hidden]{display:none!important}
[data-screen]{scroll-snap-align:start;scroll-snap-stop:normal}
.hero-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.skip-link{position:fixed;z-index:1000;top:12px;left:12px;background:#fff;color:#111;padding:10px 16px;transform:translateY(-160%);transition:transform .2s}
.skip-link:focus{transform:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

[data-reveal]{opacity:0;transform:translateY(16px)}
.is-ready [data-reveal].is-visible{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}
.c2-hero{height:min(920px,100svh);min-height:720px;position:relative;color:#fff;isolation:isolate}
.c2-backdrop,.c2-shade{position:absolute;inset:0;width:100%;height:100%}
.c2-backdrop{object-fit:cover;object-position:center 43%;z-index:-3;animation:c2-breathe 16s ease-in-out infinite alternate}
.c2-shade{z-index:-2;background:linear-gradient(180deg,rgba(10,18,22,.52) 0%,rgba(10,18,22,.05) 36%,rgba(10,18,22,.78) 100%)}
@keyframes c2-breathe{to{transform:scale(1.025)}}
.c2-header{height:76px;top:18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:22px;background:rgba(10,24,29,.48);border:1px solid rgba(255,255,255,.38);border-radius:18px;box-shadow:0 12px 44px rgba(0,0,0,.2);backdrop-filter:blur(18px);position:relative;z-index:3}
.c2-header nav{display:flex;gap:30px}
.c2-header nav a{font-size:12px;position:relative}
.c2-header nav a{font-weight:600;text-shadow:0 1px 12px rgba(0,0,0,.45)}
/* Подчёркивание ссылки шапки. Мимо пунктов с подменю: у них `:after` занят
   уголком, а подчёркивание рисует `:before`. Без оговорки уголок получал
   отсюда `position:absolute` и уезжал под шапку. */
/* Только прямые дети ленты. В макете внутри `nav` лежали одни пункты
   меню, и потомок годился; теперь там ещё и выпадающие панели, и правило
   вешало по белой полосе на каждую ссылку панели — в двадцати семи
   пикселях под ней, поперёк соседней строки. */
.c2-header nav>a:not(.c6-nav-trigger):after{content:"";position:absolute;left:0;right:0;bottom:-27px;height:2px;background:#fff;transform:scaleX(0);transition:transform .35s var(--ease)}
.c2-header nav>a:not(.c6-nav-trigger):hover:after{transform:scaleX(1)}
.c2-actions{justify-self:end;display:flex;align-items:center;gap:15px}
.c2-actions button{border:0;background:none;color:#fff;cursor:pointer}
.c2-actions>button:first-child{padding:9px}.c2-actions svg{width:19px;height:19px}
.menu-button{display:flex;align-items:center;gap:9px;padding:10px 15px!important;border:1px solid rgba(255,255,255,.4)!important;border-radius:100px!important;font-size:11px}
.c2-hero-content{position:absolute;left:50%;transform:translateX(-50%);bottom:82px;display:grid;grid-template-columns:150px 1fr 300px;gap:50px;align-items:end}
.c2-number{font-family:var(--display);font-size:92px;line-height:.8;letter-spacing:-.07em;border-right:1px solid rgba(255,255,255,.3);padding-right:35px}
.c2-number span{display:block;font-family:var(--ui);font-size:11px;letter-spacing:.15em;margin-top:16px;text-align:right}
.c2-headline p{font-size:10px;text-transform:uppercase;letter-spacing:.2em;margin-bottom:16px;color:rgba(255,255,255,.7)}
.c2-headline h1{font-size:clamp(50px,5.5vw,82px);max-width:850px;text-shadow:0 3px 28px rgba(0,0,0,.24)}
.c2-headline a{display:inline-flex;align-items:center;gap:12px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:6px}
.c2-headline .hero-links{margin-top:24px}
.c2-headline svg{width:18px;height:18px}
.c2-day-card{background:rgba(248,246,240,.12);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(18px);padding:24px}
.c2-day-card span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.65);margin-bottom:12px}
.c2-day-card strong{display:block;font-family:var(--heading);font-size:19px;font-weight:500;line-height:1.25}
.c2-day-card a{display:inline-block;font-size:11px;margin-top:18px;border-bottom:1px solid rgba(255,255,255,.6)}
.c2-scroll{position:absolute;right:18px;bottom:28px;font-size:8px;letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.6)}
.c2-scroll span{width:1px;height:38px;background:rgba(255,255,255,.5)}

/* ============================================================
   05 · По образцу портала Татарстанской митрополии
   ============================================================ */
.prototype--hybrid{--c5-wine:#89030c;--c5-blue:#8da8bc;--c5-ink:#322325;--c5-muted:#5f6970;--c5-paper:#f2eee8;--c5-surface:#fffdf9;--c5-surface-2:#f5f0e9;--c5-line:rgba(79,50,48,.12);--c5-deep:#3d4051;--c5-heading:Manrope,Arial,sans-serif;--c5-body:Lora,Georgia,serif;--c5-ui:Manrope,Arial,sans-serif;--c5-shadow:0 22px 58px rgba(70,42,37,.1);background:radial-gradient(circle at 9% 4%,color-mix(in srgb,var(--c5-wine) 7%,transparent),transparent 32rem),linear-gradient(180deg,color-mix(in srgb,var(--c5-surface) 86%,var(--c5-paper)) 0,var(--c5-paper) 32rem);color:var(--c5-ink);font-family:var(--c5-body);line-height:1.48;padding-bottom:0}
html[data-palette="warm"] .prototype--hybrid{--c5-wine:var(--accent);--c5-blue:#718a80;--c5-ink:var(--ink);--c5-muted:var(--ink-2);--c5-paper:var(--paper);--c5-surface:var(--surface);--c5-surface-2:var(--paper-2);--c5-line:var(--line-soft);--c5-deep:var(--deep);--c5-shadow:var(--shadow)}
html[data-font="lora-manrope"] .prototype--hybrid{--c5-heading:Lora,Georgia,serif;--c5-body:Manrope,Arial,sans-serif}
.prototype--hybrid h1,.prototype--hybrid h2,.prototype--hybrid h3{font-family:var(--c5-heading);letter-spacing:-.03em;line-height:1.04;text-wrap:balance}.prototype--source em,.prototype--hybrid em{font-style:normal}
.prototype--hybrid .c2-hero{--heading:var(--c5-heading);--display:var(--c5-heading);--ui:var(--c5-ui);font-family:var(--c5-body);line-height:1.55}
.prototype--hybrid .c2-hero h1{font-family:var(--heading);letter-spacing:-.045em;line-height:1.04}
html[data-concept="hybrid"][data-hybrid-theme="dark"],html[data-concept="hybrid"][data-hybrid-theme="dark"] body{background:#0a0908;color-scheme:dark}
html[data-hybrid-theme="dark"] .prototype--hybrid{--c5-wine:#dcc188;--c5-blue:#c9a86a;--c5-ink:#f4efe5;--c5-muted:#a3988a;--c5-paper:#0a0908;--c5-surface:#131110;--c5-surface-2:#1a1714;--c5-line:rgba(201,168,106,.17);--c5-deep:#070605;--c5-shadow:0 30px 80px rgba(0,0,0,.55);background:radial-gradient(circle at 10% 3%,rgba(201,168,106,.04),transparent 34rem),linear-gradient(180deg,#0d0c0a 0,#0a0908 34rem);color:var(--c5-ink)}
html[data-hybrid-theme="dark"] .prototype--hybrid :is(.c6-service-story,.c6-community-column,.c5-life-feature,.c5-publication-feature,.c6-video-feature,.c6-video-note,.c6-church-news-lead,.c6-banner){box-shadow:0 26px 64px rgba(0,0,0,.5),inset 0 1px rgba(201,168,106,.06)}
html[data-hybrid-theme="dark"] .prototype--hybrid .c2-backdrop{filter:brightness(.78) saturate(.78)}
html[data-hybrid-theme="dark"] .prototype--hybrid .c6-hero-tabs{background:rgba(24,20,16,.43);border-top-color:rgba(201,168,106,.26)}
html[data-hybrid-theme="dark"] .prototype--hybrid .c6-hero-calendar{background:rgba(11,9,7,.44)}
.prototype--hybrid .c2-shade{background:linear-gradient(180deg,rgba(10,18,22,0) 0%,rgba(10,18,22,0) 24%,rgba(10,18,22,.24) 43%,rgba(10,18,22,.47) 62%,rgba(10,18,22,.71) 81%,rgba(10,18,22,.96) 100%)}
html[data-hybrid-theme="dark"] .prototype--hybrid .c2-shade{background:linear-gradient(180deg,rgba(8,6,5,0) 0%,rgba(8,6,5,0) 24%,rgba(8,6,5,.25) 43%,rgba(8,6,5,.5) 62%,rgba(8,6,5,.74) 81%,rgba(8,6,5,.98) 100%)}
.prototype--hybrid .c2-actions{gap:10px}
html[data-concept="hybrid"][data-hybrid-width="contained"],html[data-concept="hybrid"][data-hybrid-width="contained"] body{background:#d9d3cb}
html[data-concept="hybrid"][data-hybrid-width="contained"][data-hybrid-theme="dark"],html[data-concept="hybrid"][data-hybrid-width="contained"][data-hybrid-theme="dark"] body{background:#080a0c}
html[data-hybrid-width="contained"] .prototype--hybrid{width:calc(100% - 48px);max-width:1440px;margin-inline:auto;overflow:clip;box-shadow:0 0 90px rgba(54,37,34,.16)}
html[data-hybrid-width="contained"][data-hybrid-theme="dark"] .prototype--hybrid{box-shadow:0 0 100px rgba(0,0,0,.55)}
.c6-hero-images{position:absolute;z-index:-3;inset:0;overflow:hidden}.c6-hero-images .c2-backdrop{z-index:auto;opacity:0;filter:brightness(.92) saturate(.9);transition:opacity .65s ease,filter .5s}.c6-hero-images .c2-backdrop.is-active{opacity:1}
.prototype--hybrid .c2-hero-content{bottom:158px}.prototype--hybrid .c2-number b{font:inherit;font-weight:400}.prototype--hybrid .c2-scroll{display:none}
.c6-hero-copy{transition:opacity .18s ease,transform .32s var(--ease)}.c6-hero-copy.is-changing{opacity:0;transform:translateY(8px)}.c6-hero-summary{max-width:58ch;margin-top:16px!important;color:rgba(255,255,255,.76)!important;font:400 14px/1.55 var(--c5-body)!important;text-transform:none!important;letter-spacing:0!important}
.prototype--hybrid .c6-hero-calendar{padding:19px 20px 18px;background:rgba(14,22,24,.38)}.c6-hero-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.2)}.prototype--hybrid .c6-hero-calendar-head>span{margin:0;color:rgba(255,255,255,.72);font:600 11px/1.2 var(--c5-ui);letter-spacing:.07em;white-space:nowrap}.c6-hero-calendar-head time{color:#fff;font:600 11px/1 var(--c5-ui);letter-spacing:.03em;white-space:nowrap;text-transform:uppercase}.c6-hero-feasts{list-style:none;margin:12px 0 0;padding:0}.c6-hero-feasts li{display:grid;grid-template-columns:20px 1fr;gap:7px;padding:8px 0;border-top:1px solid rgba(255,255,255,.13)}.c6-hero-feasts li:first-child{padding-top:0;border-top:0}.prototype--hybrid .c6-hero-feasts li>span{display:block;margin:3px 0 0;color:rgba(255,255,255,.42);font:600 11px/1 var(--c5-ui);letter-spacing:.06em}.prototype--hybrid .c6-hero-feasts strong{font-family:var(--c5-heading);font-size:12px;font-weight:500;line-height:1.22}.prototype--hybrid .c6-hero-feasts .is-primary strong{font-size:15px;line-height:1.18}.c6-hero-feasts small{display:block;margin-top:4px;color:rgba(255,255,255,.55);font:400 11px/1.25 var(--c5-ui)}.prototype--hybrid .c6-hero-calendar>a{margin-top:10px;font:600 11px/1 var(--c5-ui);letter-spacing:.04em}
.c6-hero-tabs{position:absolute;z-index:4;inset:auto 0 0;min-height:124px;display:flex;align-items:stretch;border-top:1px solid rgba(255,255,255,.24);background:rgba(22,38,41,.43);backdrop-filter:blur(18px)}.c6-hero-tabs button{flex:1;min-width:0;display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;padding:20px 22px;border:0;border-left:1px solid rgba(255,255,255,.18);background:transparent;color:rgba(255,255,255,.74);text-align:left;cursor:pointer;transition:flex .5s var(--ease),background .3s,color .3s}.c6-hero-tabs button:first-child{border-left:0}.c6-hero-tabs button:hover{background:rgba(255,255,255,.11);color:#fff}.c6-hero-tabs button.is-active{flex:1.55;background:rgba(255,255,255,.17);color:#fff}.c6-tab-index{font:600 12px/1 var(--c5-ui);color:rgba(255,255,255,.52);padding-top:4px}.c6-tab-copy{min-width:0;display:flex;flex-direction:column;height:100%}.c6-tab-copy strong{font-family:var(--c5-heading);font-size:15px;line-height:1.2;font-weight:500}.c6-tab-copy small{margin-top:auto;padding-top:12px;font:500 11px/1 var(--c5-ui);text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.54)}.c6-hero-tabs button.is-active .c6-tab-index,.c6-hero-tabs button.is-active small{color:#e6eef1}
/* 06 · Навигация разделов: широкие панели вплотную к шапке, без диагональных дорожек */
.prototype--hybrid .c2-header{z-index:6}
.prototype--hybrid .c6-nav{display:flex;align-items:center;justify-content:space-between;gap:17px;min-width:0}
.prototype--hybrid .c6-nav>a,.prototype--hybrid .c6-nav-trigger{position:relative;padding:26px 0;border:0;background:transparent;color:#fff;font:600 13px/1 var(--c5-ui);text-shadow:0 1px 12px rgba(0,0,0,.45);white-space:nowrap;cursor:pointer}
/* Название пункта с панелью — ссылка, а не кнопка: у ссылки уголок строчным
   элементом в ширину не попадает и срывается на вторую строку под шапку.
   Строкой из двух ячеек он держится рядом с названием при любой вёрстке. */
.prototype--hybrid .c6-nav-trigger{display:flex;align-items:center}
.prototype--hybrid .c6-nav-trigger:after{content:"";width:5px;height:5px;margin-left:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s var(--ease)}
.prototype--hybrid .c6-nav-item{position:static;display:flex;align-items:center}
.prototype--hybrid .c6-nav-item.is-open .c6-nav-trigger:after{transform:translateY(1px) rotate(-135deg)}
/* подчёркивание отмеряется от середины пункта, чтобы держаться у текста при любой высоте шапки */
/* Полоса под пунктом меню стоит по центру строки, а не по нижнему краю
   шапки: высота пункта меняется при прокрутке, и любой отступ от края
   разъезжается. Приставка `html[data-concept]` здесь обязательна — без
   неё правило макета `.c2-header nav a:not(.c6-nav-trigger):after`
   весит больше и утаскивает полосу у плоских пунктов на 29 px ниже
   шапки, отдельной чертой под ней. У пунктов с подменю полоса при этом
   стоит правильно: их рисует `:before`, которого в том правиле нет. */
html[data-concept="hybrid"] .prototype--hybrid .c6-nav>a:after,
html[data-concept="hybrid"] .prototype--hybrid .c6-nav-trigger:before{content:"";position:absolute;left:0;right:0;bottom:calc(50% - 13px);height:2px;background:#fff;transform:scaleX(0);transition:transform .35s var(--ease)}
.prototype--hybrid .c6-nav-trigger:before{right:12px}
/* Приставка та же, что и у правила выше: подняли вес там — надо поднять
   и здесь, иначе полоса не показывается вовсе. */
html[data-concept="hybrid"] .prototype--hybrid .c6-nav>a:hover:after,
html[data-concept="hybrid"] .prototype--hybrid .c6-nav-item.is-open .c6-nav-trigger:before,
html[data-concept="hybrid"] .prototype--hybrid .c6-nav-trigger:hover:before{transform:scaleX(1)}
.c6-nav-panel{position:absolute;z-index:5;inset:100% -1px auto -1px;padding-top:8px}
.c6-nav-panel[hidden]{display:none}
.c6-nav-panel-inner{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,2fr);gap:34px;padding:26px 26px 28px;border:1px solid rgba(255,255,255,.34);border-radius:4px;background:rgba(12,10,8,.88);box-shadow:0 26px 64px rgba(0,0,0,.42);backdrop-filter:blur(26px) saturate(.85);-webkit-backdrop-filter:blur(26px) saturate(.85);animation:navPanel .28s var(--ease)}
@keyframes navPanel{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.c6-nav-panel-lead p{font-family:var(--c5-heading);font-size:22px;line-height:1.1;color:#fff}
.c6-nav-panel-lead p a{color:inherit;border-bottom:1px solid rgba(255,255,255,.32);transition:border-color .3s}
.c6-nav-panel-lead p a:hover{border-bottom-color:#fff}
.c6-nav-panel-lead span{display:block;margin-top:10px;max-width:26ch;color:rgba(255,255,255,.62);font:400 12px/1.5 var(--c5-body)}
.c6-nav-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:4px 26px}
.c6-nav-col{display:flex;flex-direction:column}
.c6-nav-col a{padding:9px 0;color:rgba(255,255,255,.8);font:500 13px/1.3 var(--c5-ui);border-bottom:1px solid rgba(255,255,255,.08);transition:color .25s,padding-left .3s var(--ease)}
/* Полоса наведения у ссылки панели — по её собственному нижнему краю,
   поверх волосяной линейки. Раньше её рисовало правило макета, у которого
   отступ считался от пункта ленты: в панели он уводил полосу на двадцать
   семь пикселей вниз, поперёк соседней строки. Панель тёмная в любой теме,
   поэтому полоса здесь белая — чернильный тон ленты сюда не относится. */
.prototype--hybrid .c6-nav-col a:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:#fff;
  transform:scaleX(0);
  transition:transform .35s var(--ease)
}
.prototype--hybrid .c6-nav-col a:hover:after,
.prototype--hybrid .c6-nav-col a:focus-visible:after{transform:scaleX(1)}
.c6-nav-col a:last-child{border-bottom:0}
.c6-nav-col a:hover,.c6-nav-col a:focus-visible{color:#fff;padding-left:5px}

.c6-service{margin-block:34px;padding-block:56px 96px}.c6-service-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:24px;align-items:start}.c6-service-sticky{position:sticky;top:28px;height:calc(100svh - 56px);min-height:680px;display:flex;flex-direction:column}.c6-service-head{display:grid;grid-template-columns:36px 1fr;margin-bottom:28px}.c6-service-head>.c5-section-index{grid-row:1/4;margin-top:5px}.c6-service-head>p{font:600 12px/1.2 var(--c5-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--c5-blue);margin-bottom:9px}.c6-service-head h1{font-size:clamp(42px,4.4vw,62px)}.c6-service-head>div{max-width:49ch;margin-top:16px;color:var(--c5-muted);font-size:14px;line-height:1.55}
.c6-service-feature{position:relative;flex:1;min-height:430px;overflow:hidden;border-radius:14px;background:var(--c5-deep);color:#fff;box-shadow:var(--c5-shadow)}.c6-service-feature:after{content:"";position:absolute;inset:24% 0 0;background:linear-gradient(transparent,rgba(8,10,11,.94))}.c6-service-feature img{height:100%;object-fit:cover;filter:brightness(.82) saturate(.9);transition:transform .8s var(--ease),filter .5s}.c6-service-feature:hover img{transform:scale(1.025);filter:brightness(.74) saturate(.96)}.c6-service-feature>span{position:absolute;z-index:2;inset:auto 0 0;display:flex;flex-direction:column;padding:30px}.c6-service-feature small{font:600 12px/1.3 var(--c5-ui);letter-spacing:.08em;text-transform:uppercase;color:#c7d9e4}.c6-service-feature strong{max-width:17ch;margin-top:13px;font-family:var(--c5-heading);font-size:clamp(27px,2.7vw,39px);line-height:1.08}.c6-service-feature em{margin-top:20px;font:600 12px/1 var(--c5-ui)}
.c6-service-stream{display:grid;gap:18px}.c6-service-story{display:flex;flex-direction:column;min-height:570px;padding:20px;background:var(--c5-surface);border:1px solid var(--c5-line);border-radius:10px;box-shadow:0 10px 34px color-mix(in srgb,var(--c5-deep) 7%,transparent);transition:transform .35s var(--ease),background .3s,border-color .3s}.c6-service-story:hover{transform:translateY(-4px);background:color-mix(in srgb,var(--c5-surface) 88%,var(--c5-surface-2));border-color:color-mix(in srgb,var(--c5-wine) 28%,var(--c5-line))}.c6-service-story-meta{display:flex;justify-content:space-between;gap:16px;margin-bottom:17px;font:600 12px/1.2 var(--c5-ui);letter-spacing:.06em;text-transform:uppercase}.c6-service-story-meta span{color:var(--c5-wine)}.c6-service-story-meta time{color:var(--c5-muted)}.c6-service-story img{height:285px;object-fit:cover;border-radius:6px}.c6-service-story h2{margin-top:24px;font-size:clamp(27px,2.5vw,36px);line-height:1.08}.c6-service-story p{max-width:52ch;margin-top:14px;color:var(--c5-muted);font-size:14px}.c6-service-story>em{margin-top:auto;padding-top:22px;font:600 12px/1 var(--c5-ui);color:var(--c5-wine)}
.c5-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.c5-section-index{font:600 11px/1 var(--c5-ui);letter-spacing:.12em;color:var(--c5-wine);font-variant-numeric:tabular-nums}
.c5-opening-head,.c5-editorial-head,.c5-focus-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.c5-opening-head>div,.c5-editorial-head>div{display:grid;grid-template-columns:36px 1fr;align-items:end}.c5-opening-head h1,.c5-editorial-head h2{font-size:clamp(40px,4vw,58px)}.c5-opening-head>p,.c5-focus-head>p{max-width:39ch;color:var(--c5-muted);font-size:15px;line-height:1.55;text-wrap:pretty}.c5-editorial-head>div>p{grid-column:2;font:600 11px/1.2 var(--c5-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--c5-blue);margin-bottom:9px}.c5-editorial-head>div>span{grid-row:1/3;align-self:start;margin-top:5px}.c5-editorial-head>a{font:600 13px/1 var(--c5-ui);color:var(--c5-wine);padding-bottom:8px;border-bottom:1px solid currentColor}.c5-priority-story small,.c5-focus-grid small,.c5-life-layout small,.c5-publication-layout small{font:600 10px/1.4 var(--c5-ui);letter-spacing:.075em;text-transform:uppercase;color:var(--c5-blue)}
.c5-focus{--c5-focus-accent:color-mix(in srgb,var(--c5-blue) 65%,#fff);margin-block:34px;padding:54px 48px 50px;border-radius:34px;color:#fff;background:radial-gradient(circle at 89% 8%,color-mix(in srgb,var(--c5-blue) 18%,transparent),transparent 26rem),var(--c5-deep);box-shadow:0 28px 74px color-mix(in srgb,var(--c5-deep) 25%,transparent)}
.c5-focus-head{align-items:start}.c5-focus-head>div{display:grid;grid-template-columns:38px 1fr}.c5-focus-head .c5-section-index{grid-row:1/3;color:var(--c5-focus-accent);margin-top:8px}.c5-focus-head>div>p{font:600 11px/1.2 var(--c5-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--c5-focus-accent);margin-bottom:8px}.c5-focus-head h2{font-size:clamp(50px,5.4vw,76px)}.c5-focus-head>p{color:rgba(255,255,255,.65);margin-top:4px}
.c5-focus-grid{display:grid;grid-template-columns:5fr 3fr 5fr;grid-template-rows:minmax(270px,1fr) minmax(230px,.86fr);gap:13px;margin-top:39px}.c5-focus-grid>a{overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:21px;transition:transform .35s var(--ease),border-color .3s}.c5-focus-grid>a:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.3)}
.c5-focus-feature{grid-row:1/3;display:flex;flex-direction:column;background:rgba(255,255,255,.055)}.c5-focus-media{height:350px;overflow:hidden}.c5-focus-media img,.c5-focus-wide>img{height:100%;object-fit:cover;transition:transform .7s var(--ease)}.c5-focus-feature:hover img,.c5-focus-wide:hover>img{transform:scale(1.025)}.c5-focus-feature>span{display:flex;flex:1;flex-direction:column;padding:25px 24px}.c5-focus-feature small,.c5-focus-wide small{color:var(--c5-focus-accent)}.c5-focus-feature strong{font-family:var(--c5-heading);font-size:28px;line-height:1.08;margin-top:13px}.c5-focus-feature em,.c5-focus-wide em{margin-top:auto;padding-top:22px;font:600 12px/1 var(--c5-ui);color:var(--c5-focus-accent)}
.c5-focus-note{display:flex;flex-direction:column;padding:24px 21px;background:rgba(255,255,255,.065)}.c5-focus-note:not(.c5-focus-note--accent) small{color:var(--c5-focus-accent)}.c5-focus-note--accent{background:var(--c5-wine)}.c5-focus-note--accent small{color:rgba(255,255,255,.78)}.c5-focus-note strong{font-family:var(--c5-heading);font-size:22px;line-height:1.12;margin-top:16px}.c5-focus-note em{margin-top:auto;padding-top:20px;font:600 13px/1 var(--c5-ui);color:var(--c5-focus-accent)}.c5-focus-note--accent em{color:#fff}
.c5-focus-wide{grid-column:3;grid-row:1/3;position:relative}.c5-focus-wide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(10,11,12,.88) 100%)}.c5-focus-wide>span{position:absolute;z-index:1;inset:auto 0 0;display:flex;flex-direction:column;padding:28px 27px}.c5-focus-wide strong{font-family:var(--c5-heading);font-size:31px;line-height:1.08;margin-top:13px}.c5-focus-wide em{margin-top:24px}

/* «В фокусе» в гибридном макете — фотогалерея */
.prototype--hybrid .c6-gallery-kicker{display:flex;align-items:center;gap:7px}.prototype--hybrid .c6-gallery-kicker svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.prototype--hybrid .c6-gallery-card-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.prototype--hybrid .c6-gallery-card-meta>small{min-width:0}.prototype--hybrid .c6-gallery-count{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:6px 8px;border:1px solid rgba(255,255,255,.22);border-radius:5px;background:rgba(10,11,12,.24);color:#fff;font:600 11px/1 var(--c5-ui);letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(8px)}.prototype--hybrid .c6-gallery-count svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.prototype--hybrid .c5-focus-note{position:relative;isolation:isolate;padding:0}.prototype--hybrid .c6-gallery-hover-image{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.7) contrast(.94);transform:scale(1.045);transition:opacity 1.05s cubic-bezier(.22,.61,.36,1),transform 1.55s cubic-bezier(.22,.61,.36,1),filter 1.05s cubic-bezier(.22,.61,.36,1)}.prototype--hybrid .c6-gallery-note-copy{position:relative;z-index:1;isolation:isolate;display:flex;flex:1;flex-direction:column;padding:24px 21px}.prototype--hybrid .c6-gallery-note-copy:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(9,11,13,.35),rgba(9,11,13,.9));opacity:0;pointer-events:none;transition:opacity .95s cubic-bezier(.22,.61,.36,1)}.prototype--hybrid .c5-focus-note:hover .c6-gallery-hover-image,.prototype--hybrid .c5-focus-note:focus-visible .c6-gallery-hover-image{opacity:.76;filter:saturate(.9) contrast(.96);transform:scale(1)}.prototype--hybrid .c5-focus-note:hover .c6-gallery-note-copy:before,.prototype--hybrid .c5-focus-note:focus-visible .c6-gallery-note-copy:before{opacity:1}.prototype--hybrid .c5-focus-note em{letter-spacing:.015em}
.c5-life{padding-block:86px 94px}.c5-life-feature em,.c5-publication-feature em{display:block;margin-top:23px;font:600 12px/1 var(--c5-ui);color:var(--c5-wine)}

/* Варианты секции управляются общим переключателем стиля страницы */
[data-life-view][hidden]{display:none!important}
.c6-life-glass{position:relative;isolation:isolate;aspect-ratio:3/2;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 214px;align-items:stretch;margin-top:38px;border:1px solid var(--c5-line);border-radius:14px;background:#0c0a08;color:#fff;box-shadow:none}.c6-life-glass:after{content:none}
.c6-life-glass-images,.c6-life-glass-image,.c6-life-glass-images img,.c6-life-glass-shade{position:absolute;inset:0;width:100%;height:100%}.c6-life-glass-images{z-index:-2;overflow:hidden;background:#0c0a08}.c6-life-glass-image{overflow:hidden;opacity:0;transition:opacity .75s ease}.c6-life-glass-image.is-active{opacity:1}.c6-life-glass-images img{object-position:center;pointer-events:none}.c6-life-glass-backdrop{object-fit:cover;filter:blur(24px) brightness(.48) saturate(.7);transform:scale(1.12)}.c6-life-glass-photo{object-fit:cover;object-position:center bottom;filter:brightness(.78) saturate(.78);transform:scale(1.015);transition:transform 1.2s var(--ease),filter .75s ease}.c6-life-glass-image.is-active .c6-life-glass-photo{filter:brightness(.8) saturate(.88);transform:scale(1)}.c6-life-glass-shade{z-index:-1;background:linear-gradient(90deg,rgba(8,6,5,.16) 0%,rgba(8,6,5,.22) 38%,rgba(8,6,5,.3) 58%,rgba(8,6,5,.38) 100%),linear-gradient(0deg,rgba(7,6,5,.74),transparent 62%)}
.c6-life-glass-intro{align-self:end;max-width:640px;padding:54px 48px 34px;text-shadow:0 2px 24px rgba(0,0,0,.38)}.c6-life-glass-intro>span{display:flex;align-items:center;color:rgba(255,255,255,.66);font:600 11px/1 var(--c5-ui);letter-spacing:.14em;text-transform:uppercase}.c6-life-glass-intro h3{max-width:14ch;margin-top:18px;color:#fff;font-size:clamp(36px,3.8vw,54px);font-weight:500;line-height:1;letter-spacing:-.045em}.c6-life-glass-intro p{max-width:44ch;margin-top:16px;color:rgba(255,255,255,.72);font:400 13px/1.55 var(--c5-body)}
.c6-life-glass-list{z-index:2;align-self:stretch;height:100%;min-height:0;overflow:hidden;display:flex;border-top:1px solid rgba(201,168,106,.24);background:rgba(9,7,6,.58);text-shadow:0 2px 18px rgba(0,0,0,.55);backdrop-filter:blur(12px) saturate(.86);-webkit-backdrop-filter:blur(12px) saturate(.86)}.c6-life-glass-item{flex:1 1 0;min-width:0;cursor:pointer;border-left:1px solid rgba(255,255,255,.16);background:transparent;transition:flex .55s var(--ease),background .4s}.c6-life-glass-item:first-child{border-left:0}.c6-life-glass-item.is-active{flex:1.9 1 0;background:rgba(255,255,255,.105)}.c6-life-glass-item:hover{background:rgba(255,255,255,.075)}.c6-life-glass-item.is-active:hover{background:rgba(255,255,255,.14)}
.c6-life-glass-item>button{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:12px;padding:20px 22px 14px;border:0;background:transparent;color:rgba(255,255,255,.7);text-align:left;cursor:pointer;transition:color .3s,background .3s}.c6-life-glass-item:hover>button{color:#fff}.c6-life-glass-item.is-active>button{color:#fff}.c6-life-glass-index{padding-top:4px;color:rgba(255,255,255,.46);font:600 11px/1 var(--c5-ui);letter-spacing:.09em}.c6-life-glass-copy{display:flex;flex-direction:column;min-width:0}.c6-life-glass-copy small{overflow:hidden;color:rgba(255,255,255,.54);font:600 10px/1.3 var(--c5-ui);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis}.c6-life-glass-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:8px;font-family:var(--c5-heading);font-size:clamp(15px,1.25vw,19px);font-weight:500;line-height:1.16;letter-spacing:-.02em}.c6-life-glass-arrow{display:none;width:32px;height:32px;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;font:500 15px/1 var(--c5-ui);transform:rotate(45deg);opacity:.62;transition:transform .45s var(--ease),opacity .3s,background .3s}.c6-life-glass-item.is-active .c6-life-glass-arrow{background:#fff;color:#151a1c;opacity:1;transform:none}
.c6-life-glass-detail{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .5s var(--ease),opacity .35s,visibility 0s linear .5s}.c6-life-glass-detail>div{min-height:0;overflow:hidden;padding:0 22px 0 60px;color:rgba(255,255,255,.72)}.c6-life-glass-detail p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-width:40ch;font:400 12px/1.5 var(--c5-body)}.c6-life-glass-detail a{display:inline-block;margin-top:12px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.48);color:#fff;font:600 12px/1 var(--c5-ui);letter-spacing:.035em}.c6-life-glass-item.is-active .c6-life-glass-detail{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .5s var(--ease),opacity .45s .12s,visibility 0s}.c6-life-glass-item.is-active .c6-life-glass-detail>div{padding-bottom:20px}

.c6-community{padding:12px 0 104px}.c6-community-head{display:flex;align-items:flex-end;justify-content:space-between;gap:42px}.c6-community-head>div{display:grid;grid-template-columns:36px 1fr;align-items:end}.c6-community-head .c5-section-index{grid-row:1/3;align-self:start;margin-top:5px}.c6-community-head>div>p{grid-column:2;margin-bottom:9px;color:var(--c5-blue);font:600 12px/1.2 var(--c5-ui);letter-spacing:.12em;text-transform:uppercase}.c6-community-head h2{font-size:clamp(40px,4vw,58px)}.c6-community-head>p{max-width:41ch;color:var(--c5-muted);font-size:15px;line-height:1.55;text-wrap:pretty}.c6-community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:38px}.c6-community-column{--community-accent:var(--c5-wine);position:relative;overflow:hidden;padding:26px 24px 12px;background:var(--c5-surface);border:1px solid var(--c5-line);border-radius:14px;box-shadow:0 16px 44px color-mix(in srgb,var(--c5-deep) 7%,transparent)}.c6-community-column--departments{--community-accent:var(--c5-blue)}.c6-community-column>header{min-height:92px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.c6-community-column>header>div{display:grid;grid-template-columns:27px 1fr}.c6-community-column>header>div>span{grid-row:1/3;margin-top:4px;color:var(--community-accent);font:600 12px/1 var(--c5-ui);letter-spacing:.08em}.c6-community-column>header p{color:var(--c5-muted);font:600 11px/1.2 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase}.c6-community-column>header h3{max-width:16ch;margin-top:7px;font-size:clamp(25px,2.2vw,31px);line-height:1.06}.c6-community-column>header>a{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding-top:3px;color:var(--community-accent);font:600 12px/1 var(--c5-ui);white-space:nowrap}.c6-community-column>header>a b{font-size:15px;font-weight:500;transition:transform .3s var(--ease)}.c6-community-column>header>a:hover b{transform:translateX(3px)}
.c6-community-lead{position:relative;display:block;height:330px;overflow:hidden;border-radius:9px;background:var(--c5-deep);color:#fff}.c6-community-lead:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,rgba(8,10,11,.92))}.c6-community-lead img{width:100%;height:100%;object-fit:cover;filter:brightness(.83) saturate(.88);transition:transform .8s var(--ease),filter .5s ease}.c6-community-lead:hover img{transform:scale(1.035);filter:brightness(.75) saturate(.98)}.c6-community-lead>span{position:absolute;z-index:1;inset:auto 0 0;display:flex;flex-direction:column;padding:24px}.c6-community-lead small,.c6-community-list small{color:color-mix(in srgb,var(--community-accent) 55%,#fff);font:600 11px/1.35 var(--c5-ui);letter-spacing:.08em;text-transform:uppercase}.c6-community-lead strong{max-width:23ch;margin-top:10px;font-family:var(--c5-heading);font-size:25px;line-height:1.1}.c6-community-lead em{margin-top:15px;font:600 12px/1 var(--c5-ui);opacity:.9;transition:transform .35s var(--ease)}.c6-community-lead:hover em{transform:translateX(4px)}
.c6-community-list{margin-top:10px}.c6-community-list>a{display:grid;grid-template-columns:86px minmax(0,1fr) 18px;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--c5-line)}.c6-community-list>a:first-child{border-top:0}.c6-community-thumb{position:relative;height:70px;overflow:hidden;border-radius:7px;background:var(--c5-surface-2)}.c6-community-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.84);transition:transform .6s var(--ease),filter .4s}.c6-community-list>a:hover .c6-community-thumb img{transform:scale(1.07);filter:saturate(1)}.c6-community-list>a>span:nth-child(2){min-width:0}.c6-community-list strong{display:block;margin-top:6px;font-family:var(--c5-heading);font-size:16px;line-height:1.18;transition:color .3s}.c6-community-list>a:hover strong{color:var(--community-accent)}.c6-community-list>a>em{color:var(--community-accent);font:600 16px/1 var(--c5-ui);transition:transform .35s var(--ease)}.c6-community-list>a:hover>em{transform:translateX(3px)}
.c5-publications{margin-block:0 34px;padding:50px 48px 42px;background:var(--c5-surface);border:1px solid var(--c5-line);border-radius:34px;box-shadow:var(--c5-shadow)}.c5-publication-layout{display:grid;grid-template-columns:minmax(0,8fr) minmax(300px,5fr);gap:21px;margin-top:38px}.c5-publication-feature{display:grid;grid-template-columns:1.08fr .92fr;min-height:430px;overflow:hidden;background:var(--c5-surface-2);border:1px solid transparent;border-radius:27px;box-shadow:0 8px 24px rgba(70,42,37,.025);transition:box-shadow .55s cubic-bezier(.22,.61,.36,1),border-color .45s,background-color .45s}.c5-publication-feature:hover{border-color:color-mix(in srgb,var(--c5-wine) 18%,transparent);background:color-mix(in srgb,var(--c5-surface-2) 87%,var(--c5-surface));box-shadow:0 18px 40px color-mix(in srgb,var(--c5-wine) 8%,transparent)}.c5-publication-feature img{height:100%;object-fit:cover;transition:transform .95s cubic-bezier(.22,.61,.36,1),filter .65s}.c5-publication-feature:hover img{transform:scale(1.015);filter:saturate(1.03)}.c5-publication-feature>span{display:flex;flex-direction:column;padding:35px 30px}.c5-publication-feature h3{font-size:36px;line-height:1.08;margin-top:16px;transition:color .4s}.c5-publication-feature:hover h3{color:var(--c5-wine)}.c5-publication-feature p{font-size:14px;color:var(--c5-muted);margin-top:18px}.c5-publication-feature em{margin-top:auto;padding-top:22px;transition:transform .45s cubic-bezier(.22,.61,.36,1)}.c5-publication-feature:hover em{transform:translateX(3px)}
.c5-publication-list{display:grid;grid-template-rows:1fr 1fr;gap:13px}.c5-publication-list>a{overflow:hidden;display:grid;grid-template-columns:145px 1fr;gap:16px;padding:13px;background:var(--c5-surface-2);border:1px solid transparent;border-radius:21px;box-shadow:0 7px 20px rgba(70,42,37,.02);transition:box-shadow .5s cubic-bezier(.22,.61,.36,1),border-color .45s,background-color .45s}.c5-publication-list>a:hover{border-color:color-mix(in srgb,var(--c5-wine) 18%,transparent);background:color-mix(in srgb,var(--c5-surface-2) 87%,var(--c5-surface));box-shadow:0 14px 30px color-mix(in srgb,var(--c5-wine) 7%,transparent)}.c5-publication-list img{height:100%;object-fit:cover;border-radius:13px;transition:transform .9s cubic-bezier(.22,.61,.36,1)}.c5-publication-list>a:hover img{transform:scale(1.015)}.c5-publication-list span{display:flex;flex-direction:column;padding-block:5px}.c5-publication-list strong{font-family:var(--c5-heading);font-size:21px;line-height:1.13;margin-top:11px;transition:color .4s}.c5-publication-list>a:hover strong{color:var(--c5-wine)}.c5-publication-list em{margin-top:auto;font:600 11px/1 var(--c5-ui);color:var(--c5-wine);transition:transform .45s cubic-bezier(.22,.61,.36,1)}.c5-publication-list>a:hover em{transform:translateX(3px)}
.c6-video{margin-block:0 34px;padding:50px 48px 48px;background:var(--c5-deep);color:#fff;border-radius:34px;box-shadow:0 28px 74px color-mix(in srgb,var(--c5-deep) 25%,transparent)}
.c6-video .c5-editorial-head>div>p,.c6-video .c5-section-index{color:color-mix(in srgb,var(--c5-blue) 72%,#fff)}.c6-video .c5-editorial-head>a{color:#fff}
.c6-video-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(290px,5fr);grid-template-rows:1fr 1fr;gap:13px;margin-top:38px}.c6-video-grid>a{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.055);transition:transform .4s var(--ease),border-color .3s}.c6-video-grid>a:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.3)}
.c6-video-grid img{width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(.88);transition:transform .8s var(--ease),filter .5s}.c6-video-grid>a:hover img{transform:scale(1.025);filter:brightness(.62) saturate(.94)}.c6-video-grid a:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(10,11,12,.92))}
.c6-video-feature{grid-row:1/3;min-height:590px}.c6-video-note{min-height:288px}.c6-video-grid>a>div{position:absolute;z-index:2;inset:auto 0 0;padding:30px}.c6-video-grid small{font:600 12px/1.4 var(--c5-ui);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--c5-blue) 72%,#fff)}.c6-video-grid h3{margin-top:13px;color:#fff}.c6-video-feature h3{max-width:17ch;font-size:clamp(32px,3.3vw,47px)}.c6-video-note h3{max-width:20ch;font-size:25px}.c6-video-grid em{display:block;margin-top:20px;font:600 12px/1 var(--c5-ui);color:#fff}
.c6-play{position:absolute;z-index:3;top:24px;left:24px;width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);transition:transform .4s var(--ease),background .3s}.c6-video-note .c6-play{width:46px;height:46px;top:18px;left:18px}.c6-video-grid>a:hover .c6-play{transform:scale(1.08);background:var(--c5-wine)}.c6-play svg{width:22px;height:22px;fill:none;stroke:currentColor}.c6-video-note .c6-play svg{width:18px;height:18px}
.c6-church-news{padding:72px 0 96px}
.c6-banners{padding:68px 0 112px}.c6-banners .c5-editorial-head>p{max-width:39ch;color:var(--c5-muted);font-size:15px;line-height:1.55;text-wrap:pretty}.c6-banner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px;align-items:start}.c6-banner{position:relative;overflow:hidden;display:block;width:100%;padding:6px;background:var(--c5-surface);border:1px solid var(--c5-line);border-radius:10px;box-shadow:0 13px 36px color-mix(in srgb,var(--c5-deep) 10%,transparent);transition:border-color .45s,box-shadow .55s cubic-bezier(.22,.61,.36,1),background-color .45s}.c6-banner:hover{border-color:color-mix(in srgb,var(--c5-wine) 32%,var(--c5-line));background:color-mix(in srgb,var(--c5-surface) 92%,var(--c5-surface-2));box-shadow:0 20px 44px color-mix(in srgb,var(--c5-deep) 13%,transparent)}.c6-banner img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:6px;filter:saturate(.84) contrast(.98);transition:filter .65s cubic-bezier(.22,.61,.36,1)}.c6-banner:hover img{filter:saturate(1) contrast(1)}.c6-banner--cathedral,.c6-banner--seminary,.c6-banner--fund,.c6-banner--education{grid-column:auto;grid-row:auto;width:100%;justify-self:stretch}
.c5-footer{background:radial-gradient(circle at 12% 0,color-mix(in srgb,var(--c5-blue) 12%,transparent),transparent 30rem),var(--c5-deep);color:#fff;padding-block:72px 112px;border-top:1px solid color-mix(in srgb,var(--c5-blue) 35%,transparent)}.c5-footer-grid{display:grid;grid-template-columns:1.35fr .65fr .65fr;gap:52px 60px;align-items:start}.c5-footer-intro>p,.c5-footer-column h3,.c5-footer-dioceses>p{font:600 10px/1.3 var(--c5-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--c5-blue)}.c5-footer-intro h2{font-size:clamp(34px,3.5vw,48px);margin-top:13px;color:#fff}.c5-footer-intro>span{display:block;max-width:48ch;margin-top:19px;color:rgba(255,255,255,.67);font-size:14px;line-height:1.6}.c5-footer-intro>a{display:inline-block;margin-top:25px;font:600 12px/1 var(--c5-ui);color:#fff;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:5px}.c5-footer-column h3{margin-bottom:20px}.c5-footer-column nav{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.c5-footer-column a{font-family:var(--c5-ui);font-size:14px;color:rgba(255,255,255,.72);transition:color .25s,transform .3s}.c5-footer-column a:hover{color:#fff;transform:translateX(3px)}
.c6-footer-archive{grid-column:1/4;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);align-items:center;gap:32px 56px;padding:31px 0;border-block:1px solid rgba(255,255,255,.13)}
.c6-footer-archive{position:relative}
.c6-footer-archive:before{content:"";position:absolute;inset:-1px 0;background:radial-gradient(ellipse 46% 118% at 84% 50%,color-mix(in srgb,var(--c5-blue) 14%,transparent),transparent 72%);opacity:0;pointer-events:none;transition:opacity .6s var(--ease)}
.c6-footer-archive:focus-within:before{opacity:1}
.c6-footer-archive-copy{position:relative}
.c6-footer-archive-copy>p{color:var(--c5-blue);font:600 10px/1.2 var(--c5-ui);letter-spacing:.14em;text-transform:uppercase}.c6-footer-archive h3{max-width:27ch;margin-top:9px;color:#fff;font-size:clamp(23px,2vw,29px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.c6-footer-archive-copy>span{display:block;max-width:54ch;margin-top:11px;color:rgba(255,255,255,.62);font:400 12px/1.5 var(--c5-body)}
.c6-footer-date-control{
  position:relative;z-index:1;
  display:grid;grid-template-columns:minmax(0,1fr) 158px;align-items:stretch;
  border:1px solid rgba(255,255,255,.17);border-radius:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.028));
  box-shadow:inset 0 1px rgba(255,255,255,.1);
  transition:border-color .35s var(--ease),box-shadow .35s var(--ease)
}
.c6-footer-date-control:hover{border-color:rgba(255,255,255,.3)}
.c6-footer-date-control:focus-within{border-color:rgba(255,255,255,.42);box-shadow:inset 0 1px rgba(255,255,255,.15),0 14px 38px rgba(0,0,0,.26)}
.c6-footer-date-control:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c5-blue) 80%,#fff),transparent);opacity:0;transform:scaleX(.4);transition:transform .6s var(--ease),opacity .35s}
.c6-footer-date-control:focus-within:after{opacity:1;transform:none}
.c6-footer-date-control :focus-visible{outline:1px solid rgba(255,255,255,.55);outline-offset:-4px}
.c6-footer-date-field{
  min-width:0;min-height:76px;
  display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:center;
  padding:14px 18px;border:0;border-radius:5px 0 0 5px;background:transparent;color:inherit;text-align:left;cursor:pointer
}
.c6-footer-date-field>svg{grid-column:1;grid-row:1/3;justify-self:center;width:19px;height:19px;fill:none;stroke:rgba(255,255,255,.62);stroke-width:1.5;transition:stroke .3s,transform .45s var(--ease)}
.c6-footer-date-control:hover .c6-footer-date-field>svg,.c6-footer-date-field[aria-expanded="true"]>svg{stroke:#fff;transform:translateY(-1px)}
.c6-footer-date-field>span{grid-column:2;grid-row:1;color:rgba(255,255,255,.5);font:600 9px/1.2 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;transition:color .3s,letter-spacing .45s var(--ease)}
.c6-footer-date-field[aria-expanded="true"]>span{color:color-mix(in srgb,var(--c5-blue) 65%,#fff);letter-spacing:.15em}
.c6-footer-date-field>em{grid-column:2;grid-row:2;padding-top:4px;color:#fff;font:500 16px/1 var(--c5-ui);font-style:normal;font-variant-numeric:tabular-nums;letter-spacing:.01em;transition:color .3s}
.c6-footer-date-field.is-empty>em{color:rgba(255,255,255,.45)}
.c6-footer-date-control>[type="submit"]{
  position:relative;min-height:76px;overflow:hidden;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:0 18px;border:0;border-left:1px solid rgba(255,255,255,.14);border-radius:0 5px 5px 0;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));
  color:#fff;cursor:pointer;font:600 11px/1 var(--c5-ui);letter-spacing:.04em;
  transition:color .3s var(--ease) .08s,transform .2s var(--ease)
}
.c6-footer-date-control>[type="submit"]:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff;transform:translateY(100%);transition:transform .5s var(--ease)}
.c6-footer-date-control>[type="submit"]>*{position:relative}
.c6-footer-date-control>[type="submit"]:hover{color:var(--c5-deep)}
.c6-footer-date-control>[type="submit"]:hover:before{transform:none}
.c6-footer-date-control>[type="submit"]:active{transform:scale(.985)}
.c6-footer-date-control>[type="submit"] svg{width:17px;height:17px;fill:none;stroke:currentColor;transition:transform .4s var(--ease)}
.c6-footer-date-control>[type="submit"]:hover svg{transform:translateX(4px)}

/* Собственный календарь вместо системного: язык и оформление макета */
.c6-datepicker{
  position:absolute;z-index:6;right:0;bottom:calc(100% + 12px);width:min(336px,calc(100vw - 40px));
  padding:18px 18px 16px;border:1px solid rgba(255,255,255,.16);border-radius:10px;
  background:rgba(14,13,12,.94);
  box-shadow:0 32px 74px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(26px) saturate(1.05);-webkit-backdrop-filter:blur(26px) saturate(1.05);
  opacity:0;visibility:hidden;transform:translateY(10px) scale(.985);transform-origin:100% 100%;
  transition:opacity .3s var(--ease),transform .4s var(--ease),visibility .3s
}
.c6-datepicker.is-open{opacity:1;visibility:visible;transform:none}
.c6-datepicker-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.c6-datepicker-head strong{font-family:var(--c5-heading);font-size:17px;font-weight:500;letter-spacing:-.02em;color:#fff}
.c6-datepicker-head button{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background .3s,border-color .3s,transform .3s var(--ease)}
.c6-datepicker-head button:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.42)}
.c6-datepicker-head button:active{transform:scale(.94)}
.c6-datepicker-head button svg{width:14px;height:14px;fill:none;stroke:currentColor}
.c6-datepicker-head button[data-date-step="-1"] svg{transform:rotate(180deg)}
.c6-datepicker-week{display:grid;grid-template-columns:repeat(7,1fr);margin-top:16px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.4);font:600 9px/1 var(--c5-ui);letter-spacing:.08em;text-transform:uppercase;text-align:center}
.c6-datepicker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-top:8px;animation:c6-date-in .38s var(--ease)}
.c6-datepicker-grid button{
  position:relative;aspect-ratio:1;display:grid;place-items:center;
  border:0;border-radius:50%;background:transparent;
  color:rgba(255,255,255,.8);font:500 13px/1 var(--c5-ui);font-variant-numeric:tabular-nums;cursor:pointer;
  transition:color .2s,background .3s var(--ease),transform .3s var(--ease)
}
.c6-datepicker-grid button:hover{background:rgba(255,255,255,.13);color:#fff;transform:scale(1.07)}
.c6-datepicker-grid button.is-today:after{content:"";position:absolute;bottom:6px;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.65}
.c6-datepicker-grid button.is-selected{background:#fff;color:var(--c5-deep)}
.c6-datepicker-grid button.is-selected:hover{background:#fff;color:var(--c5-deep)}
@keyframes c6-date-in{from{opacity:0;transform:translateX(var(--c6-date-shift,0))}to{opacity:1;transform:none}}
.c5-footer-dioceses{grid-column:1/4;display:grid;grid-template-columns:1.2fr repeat(3,1fr);align-items:center;border-block:1px solid rgba(255,255,255,.13)}.c5-footer-dioceses>p{padding-block:22px}.c5-footer-dioceses>a{display:flex;align-items:center;justify-content:space-between;padding:21px 22px;border-left:1px solid rgba(255,255,255,.13);font-family:var(--c5-heading);font-size:18px;transition:background .3s}.c5-footer-dioceses>a:hover{background:rgba(255,255,255,.055)}.c5-footer-dioceses span{font-family:var(--c5-ui);color:var(--c5-blue);transition:transform .3s}.c5-footer-dioceses>a:hover span{transform:translateX(3px)}
.c5-footer-bottom{grid-column:1/4;display:flex;align-items:center;justify-content:space-between;gap:30px;color:rgba(255,255,255,.48);font:500 11px/1.4 var(--c5-ui)}.c5-footer-bottom nav{display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end}.c5-footer-bottom a{transition:color .25s}.c5-footer-bottom a:hover{color:#fff}

/* 06 · Новый режим: тёплый свет и настоящее тёмное стекло */
html[data-concept="hybrid"][data-hybrid-style="glass"],html[data-concept="hybrid"][data-hybrid-style="glass"] body{background:#e8ddd0}
html[data-concept="hybrid"][data-hybrid-style="glass"][data-hybrid-theme="dark"],html[data-concept="hybrid"][data-hybrid-style="glass"][data-hybrid-theme="dark"] body{background:#070605}
html[data-hybrid-style="glass"] .prototype--hybrid{--c5-wine:#7a343a;--c5-blue:#946b4d;--c5-ink:#30251f;--c5-muted:#74645a;--c5-paper:#e8ddd0;--c5-surface:rgba(255,250,243,.66);--c5-surface-2:rgba(246,235,222,.7);--c5-line:rgba(101,70,50,.18);--c5-deep:#3a2922;--c5-shadow:0 24px 64px rgba(91,61,41,.15);--c6-glass-surface:rgba(255,249,241,.56);--c6-glass-surface-strong:rgba(255,252,247,.76);--c6-glass-line:rgba(105,73,52,.2);--c6-glass-screen:rgba(250,241,230,.5);--c6-stage-text:#30251f;--c6-stage-muted:#74645a;--c6-stage-panel:rgba(255,249,241,.57);--c6-stage-panel-strong:rgba(255,252,247,.76);--c6-stage-line:rgba(105,73,52,.2);--c6-stage-hover:rgba(255,255,255,.36);--c6-stage-shadow:rgba(91,61,41,.17);--c6-stage-inset:rgba(255,255,255,.58);background:radial-gradient(circle at 10% 8%,rgba(255,255,255,.56),transparent 33rem),radial-gradient(circle at 91% 46%,rgba(122,52,58,.08),transparent 32rem),linear-gradient(180deg,#eee5da,#e1d3c4);background-attachment:fixed;color:var(--c5-ink)}
html[data-hybrid-style="glass"][data-hybrid-theme="dark"] .prototype--hybrid{--c5-wine:#dcc188;--c5-blue:#c9a86a;--c5-ink:#f4efe5;--c5-muted:#a3988a;--c5-paper:#080706;--c5-surface:rgba(22,19,16,.66);--c5-surface-2:rgba(31,27,22,.58);--c5-line:rgba(201,168,106,.2);--c5-deep:#070605;--c5-shadow:0 32px 80px rgba(0,0,0,.55);--c6-glass-surface:rgba(15,13,11,.6);--c6-glass-surface-strong:rgba(26,22,18,.76);--c6-glass-line:rgba(201,168,106,.22);--c6-glass-screen:rgba(10,8,7,.5);--c6-stage-text:#f4efe5;--c6-stage-muted:#a3988a;--c6-stage-panel:rgba(12,10,8,.62);--c6-stage-panel-strong:rgba(24,20,16,.76);--c6-stage-line:rgba(201,168,106,.2);--c6-stage-hover:rgba(201,168,106,.07);--c6-stage-shadow:rgba(0,0,0,.55);--c6-stage-inset:rgba(201,168,106,.06);background:radial-gradient(circle at 8% 16%,rgba(201,168,106,.05),transparent 34rem),radial-gradient(circle at 92% 48%,rgba(201,168,106,.025),transparent 30rem),linear-gradient(180deg,#0e0c0a,#070605);color:var(--c5-ink)}
html[data-hybrid-style="glass"] .prototype--hybrid .c2-header{background:rgba(37,25,21,.34);border-color:rgba(255,245,235,.46);box-shadow:0 16px 52px rgba(31,18,12,.24),inset 0 1px rgba(255,255,255,.13);backdrop-filter:blur(24px) saturate(.78);-webkit-backdrop-filter:blur(24px) saturate(.78)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-hero-tabs{background:rgba(57,42,34,.35);backdrop-filter:blur(26px) saturate(.76);-webkit-backdrop-filter:blur(26px) saturate(.76);box-shadow:inset 0 1px rgba(255,255,255,.12)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-hero-calendar{background:rgba(41,28,23,.34);box-shadow:inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(22px) saturate(.8);-webkit-backdrop-filter:blur(22px) saturate(.8)}
html[data-hybrid-style="glass"][data-hybrid-theme="dark"] .prototype--hybrid .c2-header{background:rgba(10,8,6,.42);border-color:rgba(201,168,106,.4);box-shadow:0 16px 52px rgba(0,0,0,.42),inset 0 1px rgba(201,168,106,.14)}
html[data-hybrid-style="glass"][data-hybrid-theme="dark"] .prototype--hybrid .c6-hero-tabs{background:rgba(24,20,16,.43)}
html[data-hybrid-style="glass"][data-hybrid-theme="dark"] .prototype--hybrid .c6-hero-calendar{background:rgba(11,9,7,.44)}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-life{margin-block:0;padding-inline:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-life-glass{border-color:color-mix(in srgb,var(--c5-paper) 80%,var(--c5-blue) 20%)}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-life .c5-editorial-head{color:var(--c6-stage-text)}

html[data-hybrid-style="glass"] .prototype--hybrid .c6-service,
html[data-hybrid-style="glass"] .prototype--hybrid .c6-community,
html[data-hybrid-style="glass"] .prototype--hybrid .c5-focus,
html[data-hybrid-style="glass"] .prototype--hybrid .c5-publications,
html[data-hybrid-style="glass"] .prototype--hybrid .c6-video,
html[data-hybrid-style="glass"] .prototype--hybrid .c6-church-news,
html[data-hybrid-style="glass"] .prototype--hybrid .c6-banners{position:relative;isolation:isolate;overflow:clip;margin-block:24px;padding:56px 0 64px;border:0;background:none;color:var(--c6-stage-text);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-hybrid-style="glass"] .prototype--hybrid :is(.c6-service,.c6-community,.c5-focus,.c5-publications,.c6-video,.c6-church-news,.c6-banners)>*{position:relative;z-index:1}
html[data-hybrid-style="glass"] .prototype--hybrid :is(.c6-service-head,.c6-community-head,.c5-focus-head,.c5-editorial-head){color:var(--c6-stage-text)}
html[data-hybrid-style="glass"] .prototype--hybrid :is(.c6-service-head,.c6-community-head,.c5-focus-head,.c5-editorial-head) h1,
html[data-hybrid-style="glass"] .prototype--hybrid :is(.c6-service-head,.c6-community-head,.c5-focus-head,.c5-editorial-head) h2{color:var(--c6-stage-text);text-shadow:none}
html[data-hybrid-style="glass"] .prototype--hybrid :is(.c6-service-head,.c6-community-head,.c5-editorial-head)>p,
html[data-hybrid-style="glass"] .prototype--hybrid :is(.c6-service-head,.c6-community-head,.c5-editorial-head)>div>p,
html[data-hybrid-style="glass"] .prototype--hybrid .c5-section-index{color:var(--c5-wine)}
html[data-hybrid-style="glass"] .prototype--hybrid :is(.c6-community-head,.c5-focus-head)>p,
html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-head>div{color:var(--c6-stage-muted)}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-editorial-head>a{color:var(--c5-wine);border-color:color-mix(in srgb,var(--c5-wine) 58%,transparent)}
/* В тёмной теме нумерация и рубрики идут латунью, ссылки используют главный акцент темы */
html[data-hybrid-theme="dark"] .prototype--hybrid :is(.c5-section-index,.c6-service-head>p,.c6-community-head>div>p,.c5-editorial-head>div>p,.c6-service-story-meta span,.c6-life-glass-index,.c5-life-list>a>span:first-child,
.c6-community-column>header>div>span,.c6-church-news-number,.c6-church-news-meta span,.c6-gallery-kicker,.c6-gallery-card-meta small){color:var(--c5-blue)}

/* В светлой теме рубрики, нумерация и подписи используют контрастный нейтральный тон */
html[data-hybrid-theme="light"] .prototype--hybrid :is(.c5-section-index,.c6-service-head>p,.c6-community-head>div>p,.c5-editorial-head>div>p,.c6-service-story-meta span,.c6-life-glass-index,.c5-life-list>a>span:first-child,
.c6-community-column>header>div>span,.c6-church-news-list>a>.c6-church-news-number,.c6-church-news-meta span,.c6-gallery-kicker,.c6-banners .c5-editorial-head>p,
.c5-focus-feature .c6-gallery-card-meta small,.c5-focus-note:not(.c5-focus-note--accent) .c6-gallery-card-meta small,.c6-community-list small){color:var(--c5-muted)}
/* Заголовок при наведении сохраняет основной графит — карточку выделяют фон и рамка */
html[data-hybrid-theme="light"] .prototype--hybrid :is(.c5-calendar,.c5-life-list>a,.c5-publication-feature,.c5-publication-list>a,.c6-church-news-list>a):hover :is(h2,h3,strong){color:var(--c5-ink)}

/* Служение: текстовая сцена + вертикальная стеклянная хроника */
html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-layout{min-height:710px;grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr);gap:0;align-items:start}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-sticky{position:sticky;top:28px;height:min(calc(100svh - 96px),700px);min-height:480px;padding:16px 44px 46px 0}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-head{margin:0}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-head h1{font-size:clamp(38px,3.4vw,52px)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-feature{flex:1;min-height:0;margin-top:28px;box-shadow:none;border:1px solid var(--c6-stage-line)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-feature strong{font-size:clamp(22px,2vw,30px)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-stream{display:flex;flex-direction:column;gap:0;border-left:1px solid var(--c6-stage-line);background:var(--c6-stage-panel);box-shadow:inset 1px 0 var(--c6-stage-inset);backdrop-filter:blur(22px) saturate(.82);-webkit-backdrop-filter:blur(22px) saturate(.82)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-story{flex:0 0 auto;min-height:320px;display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;gap:8px 20px;padding:22px 25px;border:0;border-bottom:1px solid var(--c6-stage-line);border-radius:0;background:transparent;color:var(--c6-stage-text);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-story:last-child{border-bottom:0}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-story:hover{background:var(--c6-stage-hover);transform:none}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-story-meta{grid-column:2;grid-row:1;margin:0;color:var(--c6-stage-muted)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-story img{grid-column:1;grid-row:1/5;width:200px;height:100%;min-height:118px;border-radius:7px;object-fit:cover;filter:saturate(.76) sepia(.06)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-story h2{grid-column:2;grid-row:2;margin:0;color:var(--c6-stage-text);font-size:clamp(20px,1.8vw,27px)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-story p{grid-column:2;grid-row:3;margin:2px 0 0;color:var(--c6-stage-muted);font-size:12px}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-story>em{grid-column:2;grid-row:4;margin:0;padding:4px 0 0;color:var(--c5-wine)}

/* Приходы: две самостоятельные стеклянные колонки */
html[data-hybrid-style="glass"] .prototype--hybrid .c6-community{padding-top:56px}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-community-grid{margin-top:44px;gap:16px}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-community-column{border-color:var(--c6-stage-line);background:var(--c6-stage-panel);color:var(--c6-stage-text);box-shadow:none;backdrop-filter:blur(20px) saturate(.82);-webkit-backdrop-filter:blur(20px) saturate(.82)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-community-column>header h3,
html[data-hybrid-style="glass"] .prototype--hybrid .c6-community-list strong{color:var(--c6-stage-text)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-community-column>header p{color:var(--c6-stage-muted)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-community-list>a{border-color:var(--c6-stage-line)}

/* Фокус: журнальная мозаика внутри общей стеклянной ленты */
html[data-hybrid-style="glass"] .prototype--hybrid .c5-focus{--c5-focus-accent:var(--c5-wine)}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-focus-grid{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-focus-grid>a{border-color:var(--c6-stage-line);background:var(--c6-stage-panel);color:var(--c6-stage-text)}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-focus-feature small,
html[data-hybrid-style="glass"] .prototype--hybrid .c5-focus-feature em,
html[data-hybrid-style="glass"] .prototype--hybrid .c5-focus-note:not(.c5-focus-note--accent) small,
html[data-hybrid-style="glass"] .prototype--hybrid .c5-focus-note:not(.c5-focus-note--accent) em{color:var(--c5-wine)}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-focus-grid>a.c5-focus-wide{color:#fff}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-focus-grid>a.c5-focus-note--accent{background:var(--c5-wine);color:#fff}
html[data-hybrid-theme="dark"] .prototype--hybrid .c5-focus-note--accent{color:#14120f}
html[data-hybrid-theme="dark"] .prototype--hybrid .c5-focus-note--accent,
html[data-hybrid-style="glass"][data-hybrid-theme="dark"] .prototype--hybrid .c5-focus-grid>a.c5-focus-note--accent{background:linear-gradient(150deg,#c9a86a,#a88540);border:1px solid rgba(201,168,106,.4);color:#14120f}
html[data-hybrid-theme="dark"] .prototype--hybrid :is(.c5-focus-note--accent,.c5-focus-grid>a.c5-focus-note--accent) :is(small,strong,em){color:#14120f}
html[data-hybrid-theme="dark"] .prototype--hybrid .c5-focus-note--accent small{color:var(--c5-blue)}
html[data-hybrid-theme="dark"] .prototype--hybrid .c6-banners .c5-editorial-head>p{color:var(--c5-muted)}
html[data-hybrid-theme="dark"] .prototype--hybrid .c6-footer-date-control>[type="submit"]{background:#c9a86a;border-color:#c9a86a;color:#14120f}
html[data-hybrid-theme="dark"] .prototype--hybrid .c6-footer-date-control>[type="submit"]:before{background:#e2c894}
html[data-hybrid-theme="dark"] .prototype--hybrid .c6-footer-date-control>[type="submit"]:hover{color:#14120f}
html[data-hybrid-theme="dark"] .prototype--hybrid .c6-datepicker-grid button.is-selected{background:#c9a86a;color:#14120f}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-focus-note:hover .c6-gallery-note-copy,
html[data-hybrid-style="glass"] .prototype--hybrid .c5-focus-note:focus-visible .c6-gallery-note-copy{color:#fff}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-focus-note:hover :is(small,em),
html[data-hybrid-style="glass"] .prototype--hybrid .c5-focus-note:focus-visible :is(small,em){color:#fff}

/* Публикации: большой материал + правая стеклянная полоса */
html[data-hybrid-style="glass"] .prototype--hybrid .c5-publication-layout{min-height:500px;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:0}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-publication-feature{border:1px solid var(--c6-stage-line);border-radius:10px 0 0 10px;background:var(--c6-stage-panel);color:var(--c6-stage-text);box-shadow:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-publication-feature h3{color:var(--c6-stage-text)}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-publication-feature p{color:var(--c6-stage-muted)}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-publication-list{gap:0;border:1px solid var(--c6-stage-line);border-left:0;border-radius:0 10px 10px 0;background:var(--c6-stage-panel);backdrop-filter:blur(22px) saturate(.82);-webkit-backdrop-filter:blur(22px) saturate(.82)}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-publication-list>a{border:0;border-bottom:1px solid var(--c6-stage-line);border-radius:0;background:transparent;color:var(--c6-stage-text);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-publication-list>a:last-child{border-bottom:0}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-publication-list>a:hover{background:var(--c6-stage-hover)}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-publication-list strong{color:var(--c6-stage-text)}

/* Видео: широкая стеклянная медиалента */
html[data-hybrid-style="glass"] .prototype--hybrid .c6-video-grid{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr;gap:1px;padding:1px;border:1px solid var(--c6-stage-line);border-radius:11px;background:var(--c6-stage-panel);backdrop-filter:blur(20px) saturate(.82);-webkit-backdrop-filter:blur(20px) saturate(.82)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-video-feature,
html[data-hybrid-style="glass"] .prototype--hybrid .c6-video-note{grid-column:auto;grid-row:auto;min-height:470px;border:0;border-radius:9px;box-shadow:none}

/* Ресурсы: горизонтальная витрина в размытой полосе */
html[data-hybrid-style="glass"] .prototype--hybrid .c6-banner-grid{padding:14px;gap:12px;border:1px solid var(--c6-stage-line);border-radius:11px;background:var(--c6-stage-panel);backdrop-filter:blur(22px) saturate(.82);-webkit-backdrop-filter:blur(22px) saturate(.82)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-banner{border-color:var(--c6-stage-line);background:rgba(255,251,245,.82);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-hybrid-style="glass"][data-hybrid-theme="dark"] .prototype--hybrid .c6-banner{background:rgba(238,222,205,.84)}

/* Светлая версия фотостекла «Жизни епархии» */
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-backdrop{filter:blur(24px) brightness(.68) saturate(.62) sepia(.08)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-photo{filter:brightness(.9) saturate(.72) sepia(.08)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-image.is-active .c6-life-glass-photo{filter:brightness(.95) saturate(.82) sepia(.05)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-shade{background:linear-gradient(180deg,rgba(44,28,20,0) 22%,rgba(44,28,20,.14) 36%,rgba(44,28,20,.34) 50%,rgba(44,28,20,.54) 62%,rgba(44,28,20,.68) 73%,rgba(44,28,20,.74) 100%),linear-gradient(90deg,rgba(44,28,20,.2),transparent 58%)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-list{border-color:rgba(91,61,42,.22);background:rgba(249,240,229,.56);color:var(--c5-ink);text-shadow:none;backdrop-filter:blur(14px) saturate(.92);-webkit-backdrop-filter:blur(14px) saturate(.92)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-item{border-color:rgba(91,61,42,.18)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-item.is-active{background:rgba(255,252,247,.44)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-item>button{color:rgba(48,37,31,.72)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-item:hover{background:rgba(255,255,255,.28)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-item.is-active:hover{background:rgba(255,253,249,.56)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-item:hover>button{color:var(--c5-ink)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-item.is-active>button{color:var(--c5-ink)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid :is(.c6-life-glass-index,.c6-life-glass-copy small){color:rgba(80,58,45,.58)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-arrow{border-color:rgba(91,61,42,.28)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-item.is-active .c6-life-glass-arrow{background:var(--c5-wine);color:#fff}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-detail>div{color:rgba(48,37,31,.72)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-detail a{border-color:color-mix(in srgb,var(--c5-wine) 44%,transparent);color:var(--c5-wine)}

/* Футер без фоновой фотографии, в палитре выбранной темы */
html[data-hybrid-style="glass"] .prototype--hybrid .c5-footer{background:radial-gradient(circle at 12% 0,rgba(195,148,107,.16),transparent 32rem),linear-gradient(145deg,#4a342a,#33231d)}
html[data-hybrid-style="glass"][data-hybrid-theme="dark"] .prototype--hybrid .c5-footer{background:radial-gradient(circle at 12% 0,rgba(201,168,106,.1),transparent 32rem),linear-gradient(145deg,#151210,#070605)}
html[data-hybrid-style="glass"] .prototype--hybrid .c5-footer-intro,
html[data-hybrid-style="glass"] .prototype--hybrid .c5-footer-column{padding:24px;border:1px solid rgba(255,239,224,.14);border-radius:10px;background:rgba(255,242,228,.06);box-shadow:inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-footer-archive,
html[data-hybrid-style="glass"] .prototype--hybrid .c5-footer-dioceses{overflow:hidden;padding-inline:22px;border:1px solid rgba(255,239,224,.14);border-radius:10px;background:rgba(255,242,228,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-footer-archive{overflow:visible}

/* ============================================================
   Полное меню и экранная навигация
   ============================================================ */
.site-menu[hidden]{display:none}.site-menu{position:fixed;z-index:300;inset:0;font-family:var(--ui)}
.site-menu__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(7,9,8,.58);backdrop-filter:blur(8px);opacity:0;transition:opacity .45s var(--ease)}
.site-menu__panel{position:relative;width:min(1400px,calc(100% - 32px));max-height:calc(100svh - 32px);margin:16px auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 100px rgba(0,0,0,.28);overflow:auto;transform:translateY(-30px);opacity:0;transition:transform .5s var(--ease),opacity .4s var(--ease)}.site-menu__panel:focus{outline:none}
.site-menu.is-open .site-menu__backdrop,.site-menu.is-open .site-menu__panel{opacity:1}.site-menu.is-open .site-menu__panel{transform:none}
.site-menu__header{height:90px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:30px;border-bottom:1px solid var(--line)}
.site-menu__brand{justify-self:center;display:flex;align-items:center}
.site-menu__logo{display:block;width:min(380px,42vw);aspect-ratio:1140/183;background:var(--ink);-webkit-mask:url("img/logo-yaroslavl.b5b3680fde85.svg?v=2") center/contain no-repeat;mask:url("img/logo-yaroslavl.b5b3680fde85.svg?v=2") center/contain no-repeat}
.site-menu__header>p{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3)}
.site-menu__header>button{justify-self:end;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--ink-2);cursor:pointer;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.site-menu__header>button b{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:23px;font-weight:300;line-height:1}
.site-menu__grid{display:grid;grid-template-columns:.85fr 1fr 1.8fr;gap:0;border-bottom:1px solid var(--line)}
.menu-column{padding:38px 34px 45px;border-left:1px solid var(--line-soft);display:flex;flex-direction:column;gap:13px}.menu-column:first-child{border-left:0}.menu-column>a:not(.menu-heading),.deaneries a{font-family:var(--body);font-size:14px;line-height:1.35;color:var(--ink-2);transition:color .2s,transform .25s var(--ease)}.menu-column>a:not(.menu-heading):hover,.deaneries a:hover{color:var(--accent);transform:translateX(3px)}
.menu-heading{min-height:62px;display:grid;grid-template-columns:28px 1fr;align-items:start;gap:7px;font-family:var(--heading);font-size:25px;font-weight:600;line-height:1.08;margin-bottom:12px}.menu-heading span{font-family:var(--ui);font-size:9px;color:var(--accent);letter-spacing:.1em;margin-top:5px}
.deaneries{display:grid;grid-template-columns:1fr 1fr;gap:13px 30px}
.site-menu__featured{display:grid;grid-template-columns:1.45fr repeat(3,1fr)}.site-menu__featured>a{min-height:115px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:20px 28px;border-left:1px solid var(--line-soft);transition:background .25s}.site-menu__featured>a:first-child{border-left:0}.site-menu__featured>a:hover{background:var(--paper)}.site-menu__featured span{font-size:9px;color:var(--accent)}.site-menu__featured strong{font-family:var(--heading);font-size:17px;line-height:1.2;font-weight:500}.site-menu__featured svg{width:17px;height:17px;color:var(--ink-3)}
body.menu-open{overflow:hidden}

.screen-pagination{position:fixed;z-index:90;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:13px;font-family:var(--ui);mix-blend-mode:difference;color:#fff}
.screen-pagination__dots{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.screen-pagination__dots button{width:9px;height:9px;border:1px solid currentColor;border-radius:50%;padding:0;background:transparent;cursor:pointer;position:relative;transition:background .25s,transform .25s}.screen-pagination__dots button[aria-current="true"]{background:currentColor;transform:scale(1.22)}.screen-pagination__dots button span{position:absolute;right:18px;top:50%;transform:translateY(-50%) translateX(5px);white-space:nowrap;font-size:8px;text-transform:uppercase;letter-spacing:.12em;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.screen-pagination__dots button:hover span,.screen-pagination__dots button:focus-visible span{opacity:1;transform:translateY(-50%)}
.screen-pagination__next{width:28px;height:28px;border:0;background:transparent;color:inherit;padding:5px;cursor:pointer}.screen-pagination__next span{display:none}.screen-pagination__next svg{width:18px;height:18px;transform:rotate(90deg)}.concept-toast{position:fixed;z-index:99;top:20px;left:50%;transform:translate(-50%,-20px);background:var(--ink);color:var(--paper);border-radius:100px;padding:10px 16px;font:10px Onest,Arial,sans-serif;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s var(--ease)}.concept-toast.show{opacity:1;transform:translate(-50%,0)}

/* ============================================================
   Responsive
   ============================================================ */
@media(max-width:1180px){
  :root{--shell:min(100% - 48px,1100px)}
  .c2-header nav{gap:18px}.c2-hero-content{grid-template-columns:100px 1fr 250px;gap:30px}.c2-number{font-size:70px;padding-right:25px}
  .c5-header,.c5-shell{width:min(1100px,calc(100% - 48px))}.c5-nav{gap:12px}.c5-nav>a{font-size:15px}.c5-opening-grid{gap:16px}.c5-lead-copy{padding-inline:34px}.c5-priority-story{grid-template-columns:96px 1fr;gap:13px}.c5-priority-story strong{font-size:17px}.c5-focus{padding-inline:38px}.c5-focus-grid{grid-template-columns:5fr 3.2fr 4.8fr}.c5-life-layout,.c5-publication-layout{gap:28px}.c5-publication-feature h3{font-size:31px}.c5-publication-list>a{grid-template-columns:125px 1fr}
  .c6-video{padding-inline:38px}

}
@media(max-width:900px){
  html{scroll-snap-type:none}:root{--shell:calc(100% - 32px);--section:90px}
  .c2-header{grid-template-columns:1fr auto;height:82px}.c2-header nav{display:none}.c2-actions{grid-column:2}.c2-hero-content{grid-template-columns:1fr;bottom:45px}.c2-number{display:none}.c2-headline h1{font-size:clamp(50px,9vw,80px)}.c2-day-card{display:none}.c5-focus-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(250px,auto)) auto}.c5-focus-feature{grid-column:1;grid-row:1/3}.c5-focus-wide{grid-column:1/3;grid-row:auto;min-height:430px}.c5-life-layout,.c5-publication-layout{grid-template-columns:1fr}.c5-publication-list{grid-template-columns:1fr 1fr;grid-template-rows:none}.c5-footer-grid{grid-template-columns:1.3fr 1fr}.c5-footer-grid>p{grid-column:1/3;text-align:left}
  .c6-video-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.c6-video-feature{grid-column:1/3;grid-row:auto;min-height:520px}.c6-video-note{min-height:300px}.c5-footer-grid{grid-template-columns:1fr 1fr;gap:42px}.c5-footer-intro{grid-column:1/3}.c5-footer-dioceses{grid-column:1/3;grid-template-columns:repeat(3,1fr)}.c5-footer-dioceses>p{grid-column:1/4;border-bottom:1px solid rgba(255,255,255,.13)}.c5-footer-dioceses>a:first-of-type{border-left:0}.c5-footer-bottom{grid-column:1/3}
  .site-menu__panel{width:calc(100% - 20px);max-height:calc(100svh - 20px);margin:10px auto;border-radius:20px}.site-menu__grid{grid-template-columns:1fr 1fr}.menu-column--wide{grid-column:1/3;border-top:1px solid var(--line-soft)}.site-menu__featured{grid-template-columns:1fr 1fr}.site-menu__featured>a:nth-child(3){border-left:0;border-top:1px solid var(--line-soft)}.site-menu__featured>a:nth-child(4){border-top:1px solid var(--line-soft)}
  .screen-pagination{display:none}
}
@media(max-width:640px){
  :root{--shell:calc(100% - 24px);--section:72px}
  body{font-size:15px}
  .c2-hero{min-height:670px;height:100svh}.c2-header{height:72px}.c2-actions>button:first-child,.menu-button span{display:none}.menu-button{padding:9px!important;border-radius:50%!important}.c2-hero-content{bottom:62px}.c2-headline h1{font-size:45px}.c2-scroll{display:none}
  .site-menu__panel{max-height:calc(100svh - 104px);margin:10px auto 94px}
  .site-menu__header{height:72px;padding-inline:18px;grid-template-columns:38px minmax(0,1fr) 38px}.site-menu__header>p{display:none}.site-menu__brand{grid-column:2;justify-self:center}.site-menu__header>button{grid-column:3}.site-menu__logo{width:min(250px,64vw)}.site-menu__header>button span{display:none}.site-menu__grid{grid-template-columns:1fr}.menu-column,.menu-column--wide{grid-column:auto;border-left:0;border-top:1px solid var(--line-soft);padding:28px 22px}.menu-column:first-child{border-top:0}.deaneries{grid-template-columns:1fr}.site-menu__featured{grid-template-columns:1fr}.site-menu__featured>a,.site-menu__featured>a:nth-child(n){min-height:82px;border-left:0;border-top:1px solid var(--line-soft);padding-inline:22px}
  .c5-header,.c5-shell{width:calc(100% - 24px)}.c5-main-news,.c5-focus,.c5-publications{width:calc(100% - 16px);border-radius:24px}.c5-opening-head,.c5-editorial-head,.c5-focus-head{display:block}.c5-opening-head>div,.c5-editorial-head>div{grid-template-columns:30px 1fr}.c5-opening-head h1,.c5-editorial-head h2{font-size:39px}.c5-opening-head>p,.c5-focus-head>p{margin:16px 0 0 30px}.c5-focus{padding:32px 16px 20px}.c5-focus-head>div{grid-template-columns:30px 1fr}.c5-focus-head h2{font-size:52px}.c5-focus-head>p{margin-left:30px}.c5-focus-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:12px;margin-top:28px}.c5-focus-feature,.c5-focus-wide{grid-column:auto;grid-row:auto}.c5-focus-media{height:300px}.c5-focus-feature strong{font-size:25px}.c5-focus-note{min-height:225px}.c5-focus-wide{min-height:410px}.c5-focus-wide strong{font-size:27px}.c5-life{padding-block:64px 70px}.c5-editorial-head>a{display:inline-block;margin:20px 0 0 30px}.c5-publications{padding:32px 16px 22px}.c5-publication-layout{margin-top:28px}.c5-publication-feature{grid-template-columns:1fr;min-height:0;border-radius:21px}.c5-publication-feature img{height:300px}.c5-publication-feature>span{padding:26px 22px 29px}.c5-publication-feature h3{font-size:29px}.c5-publication-list{grid-template-columns:1fr}.c5-publication-list>a{grid-template-columns:108px 1fr;min-height:175px}.c5-publication-list strong{font-size:18px}.c5-footer{padding-block:32px 130px}.c5-footer-grid{grid-template-columns:1fr;gap:30px}.c5-footer-grid>p{grid-column:auto}.c5-footer nav{max-width:300px}
  .c6-video{width:calc(100% - 16px);padding:32px 16px 20px;border-radius:24px}.c6-video-grid{grid-template-columns:1fr;grid-template-rows:auto;margin-top:28px}.c6-video-feature,.c6-video-note{grid-column:auto;grid-row:auto;min-height:410px}.c6-video-feature h3{font-size:31px}.c6-video-note h3{font-size:24px}.c5-footer{padding-block:52px 130px}.c5-footer-grid{grid-template-columns:1fr;gap:34px}.c5-footer-intro,.c5-footer-dioceses,.c5-footer-bottom{grid-column:1}.c5-footer-intro h2{font-size:34px}.c5-footer-dioceses{grid-template-columns:1fr}.c5-footer-dioceses>p{grid-column:1;padding-bottom:18px}.c5-footer-dioceses>a,.c5-footer-dioceses>a:first-of-type{border-left:0;border-top:1px solid rgba(255,255,255,.13);padding-inline:0}.c5-footer-bottom{display:block}.c5-footer-bottom nav,.c5-footer nav{max-width:none}.c5-footer-bottom nav{display:grid;gap:10px;margin-top:20px;justify-content:start}
}

/* 06 · Более строгая геометрия гибридного макета: скругления сведены к 4 px */
.prototype--hybrid :is(.c2-header,.c5-main-news,.c5-focus,.c5-publications,.c6-video,.c6-service,.c6-community,.c6-church-news,.c6-banners,
.c5-lead,.c5-publication-feature,.c5-life-feature,.c5-calendar,.c5-priority-story,.c5-focus-grid>a,.c5-publication-list,.c5-publication-list>a,.c6-video-grid,.c6-video-grid>a,
.c6-service-feature,.c6-service-story,.c6-community-column,.c6-community-lead,.c6-life-glass,.c6-banner,.c6-banner-grid,.c6-church-news-lead,.c6-church-news-list,
.c5-footer-intro,.c5-footer-column,.c6-footer-archive,.c5-footer-dioceses,.c5-life-list>a:before,
.c6-life-thumb,.c6-life-thumb:before,.c6-life-thumb:after,.c6-life-thumb img){border-radius:4px}
html[data-hybrid-style="glass"] .prototype--hybrid :is(.c6-service,.c6-community,.c5-focus,.c5-publications,.c6-video,.c6-church-news,.c6-banners,.c6-video-grid,.c6-video-feature,.c6-video-note,.c6-banner-grid,.c5-footer-intro,.c5-footer-column,.c6-footer-archive,.c5-footer-dioceses){border-radius:4px}
html[data-hybrid-style="glass"] .prototype--hybrid :is(.c5-publication-feature,.c6-church-news-lead){border-radius:4px 0 0 4px}
html[data-hybrid-style="glass"] .prototype--hybrid :is(.c5-publication-list,.c6-church-news-list){border-radius:0 4px 4px 0}
.prototype--hybrid .c5-calendar-date,
.prototype--hybrid .c5-priority-story img,
.prototype--hybrid .c5-publication-list img{border-radius:6px}

/* 06 · Второй тон тёмной темы: чернильно-синий и серебро.
   Блок идёт после всех правил стеклянного стиля — на равной специфичности выигрывает порядком. */
html{--c6-tone-brass:#c9a86a;--c6-tone-silver:#b7c7d4}
html[data-concept="hybrid"][data-hybrid-theme="dark"][data-hybrid-dark="silver"],
html[data-concept="hybrid"][data-hybrid-theme="dark"][data-hybrid-dark="silver"] body{background:#060a0d}
html[data-concept="hybrid"][data-hybrid-width="contained"][data-hybrid-theme="dark"][data-hybrid-dark="silver"],
html[data-concept="hybrid"][data-hybrid-width="contained"][data-hybrid-theme="dark"][data-hybrid-dark="silver"] body{background:#04070a}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid{--c5-wine:#d8e4ec;--c5-blue:#b7c7d4;--c5-ink:#eaf1f5;--c5-muted:#94a3ad;--c5-paper:#060a0d;--c5-surface:#0e141a;--c5-surface-2:#141c23;--c5-line:rgba(183,199,212,.17);--c5-deep:#04070a;--c5-shadow:0 30px 80px rgba(0,0,0,.6);background:radial-gradient(circle at 10% 3%,rgba(183,199,212,.045),transparent 34rem),linear-gradient(180deg,#0a1015 0,#060a0d 34rem);color:var(--c5-ink)}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid :is(.c6-service-story,.c6-community-column,.c5-life-feature,.c5-publication-feature,.c6-video-feature,.c6-video-note,.c6-church-news-lead,.c6-banner){box-shadow:0 26px 64px rgba(0,0,0,.55),inset 0 1px rgba(183,199,212,.06)}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid .c2-shade{background:linear-gradient(180deg,rgba(4,7,10,0) 0%,rgba(4,7,10,0) 24%,rgba(4,7,10,.25) 43%,rgba(4,7,10,.5) 62%,rgba(4,7,10,.74) 81%,rgba(4,7,10,.98) 100%)}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid .c6-hero-tabs{background:rgba(17,26,33,.43);border-top-color:rgba(183,199,212,.26)}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid .c6-hero-calendar{background:rgba(6,11,15,.46)}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid :is(.c5-focus-note--accent,.c5-focus-grid>a.c5-focus-note--accent) :is(small,strong,em){color:#0a0f13}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid .c5-focus-note--accent,
html[data-hybrid-style="glass"][data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid .c5-focus-grid>a.c5-focus-note--accent{background:linear-gradient(150deg,#b7c7d4,#8fa4b3);border:1px solid rgba(183,199,212,.4)}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid .c6-footer-date-control>[type="submit"]{background:#b7c7d4;border-color:#b7c7d4;color:#0a0f13}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid .c6-footer-date-control>[type="submit"]:before{background:#dde7ef}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid .c6-footer-date-control>[type="submit"]:hover{color:#0a0f13}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid .c6-datepicker-grid button.is-selected{background:#b7c7d4;color:#0a0f13}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid .c6-life-glass{background:#070c10}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid .c6-life-glass-images{background:#070c10}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid .c6-life-glass-shade{background:linear-gradient(90deg,rgba(4,8,11,.16) 0%,rgba(4,8,11,.22) 38%,rgba(4,8,11,.3) 58%,rgba(4,8,11,.38) 100%),linear-gradient(0deg,rgba(4,7,10,.74),transparent 62%)}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid .c6-life-glass-list{border-top-color:rgba(183,199,212,.24);background:rgba(5,10,14,.58)}
html[data-hybrid-style="glass"][data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid{--c5-surface:rgba(14,20,26,.66);--c5-surface-2:rgba(20,28,35,.58);--c5-line:rgba(183,199,212,.2);--c6-glass-surface:rgba(10,16,21,.6);--c6-glass-surface-strong:rgba(18,26,33,.76);--c6-glass-line:rgba(183,199,212,.22);--c6-glass-screen:rgba(6,10,14,.5);--c6-stage-text:#eaf1f5;--c6-stage-muted:#94a3ad;--c6-stage-panel:rgba(8,13,17,.62);--c6-stage-panel-strong:rgba(17,24,30,.76);--c6-stage-line:rgba(183,199,212,.2);--c6-stage-hover:rgba(183,199,212,.07);--c6-stage-shadow:rgba(0,0,0,.6);--c6-stage-inset:rgba(183,199,212,.06);background:radial-gradient(circle at 8% 16%,rgba(183,199,212,.05),transparent 34rem),radial-gradient(circle at 92% 48%,rgba(132,164,184,.035),transparent 30rem),linear-gradient(180deg,#0b1116,#050809);color:var(--c5-ink)}
html[data-hybrid-style="glass"][data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid .c2-header{background:rgba(5,9,13,.42);border-color:rgba(183,199,212,.4);box-shadow:0 16px 52px rgba(0,0,0,.45),inset 0 1px rgba(183,199,212,.14)}
html[data-hybrid-style="glass"][data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid :is(.c6-service-story,.c6-community-column,.c5-publication-feature,.c6-video-feature,.c6-video-note,.c6-church-news-lead,.c6-banner){box-shadow:none}
html[data-hybrid-style="glass"][data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid .c5-footer{background:radial-gradient(circle at 12% 0,rgba(183,199,212,.1),transparent 32rem),linear-gradient(145deg,#0d151b,#050809)}
@media(max-width:1180px){
  .prototype--hybrid .c2-hero-content{bottom:150px}
  .c6-hero-tabs button{padding:18px 15px;grid-template-columns:24px 1fr;gap:8px}.c6-tab-copy strong{font-size:13px}
  .c6-service-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:18px}.c6-service-story{min-height:540px}.c6-service-story img{height:250px}.c6-community-column{padding-inline:20px}.c6-community-column>header h3{font-size:27px}.c6-community-lead strong{font-size:23px}
}
@media(max-width:900px){
  html[data-hybrid-width="contained"] .prototype--hybrid{width:100%;max-width:none;box-shadow:none}
  .c6-hero-tabs{overflow-x:auto;scroll-snap-type:x proximity}.c6-hero-tabs button,.c6-hero-tabs button.is-active{flex:0 0 250px;scroll-snap-align:start}.c6-tab-copy strong{font-size:14px}
  .c6-service{padding-block:42px 78px}.c6-service-layout{grid-template-columns:1fr}.c6-service-sticky{position:relative;top:auto;height:auto;min-height:0}.c6-service-feature{min-height:620px}.c6-service-stream{grid-template-columns:1fr 1fr}.c6-service-story{min-height:540px}.c6-service-story h2{font-size:27px}.c6-community{padding-bottom:86px}.c6-community-grid{grid-template-columns:1fr}.c6-community-column{padding-inline:24px}.c6-community-column>header h3{font-size:31px}.c6-community-lead{height:390px}.c6-community-lead strong{font-size:28px}
  .c6-life-glass{aspect-ratio:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:clamp(320px,68vw,610px) auto}
  /* Список уже лежит отдельной строкой, поэтому и фон ограничен первой:
     иначе object-fit масштабировал фотографию по высоте всей карточки. */
  .c6-life-glass-images,.c6-life-glass-shade{position:relative;inset:auto;grid-column:1;grid-row:1;width:100%;height:100%}
  .c6-life-glass-intro{z-index:1;grid-column:1;grid-row:1}
  .c6-life-glass-list{height:auto;overflow:visible;flex-direction:column;min-height:0}
  .c6-life-glass-item{flex:0 0 auto;border-left:0;border-top:1px solid rgba(255,255,255,.16)}
  .c6-life-glass-item:first-child{border-top:0}
  .c6-life-glass-item.is-active{flex:0 0 auto}
  .c6-life-glass-copy strong{-webkit-line-clamp:2}
  .c6-life-glass-intro{padding:38px 30px 26px}.c6-life-glass-intro h3{font-size:40px}.c6-life-glass-detail>div{padding-inline:73px 35px}.c6-banner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.c6-footer-archive{grid-column:1/3;grid-template-columns:minmax(0,1fr) minmax(370px,.9fr);gap:30px}
.c6-community-column>header{min-height:118px}.c6-community-column>header h3{max-width:none}}
@media(max-width:640px){
  .prototype--hybrid .c2-hero-content{bottom:138px}.prototype--hybrid .c2-headline h1{font-size:clamp(38px,11.4vw,48px)}.c6-hero-summary{display:none}.c6-hero-tabs{min-height:116px}.c6-hero-tabs button,.c6-hero-tabs button.is-active{flex-basis:225px;padding:16px 13px}.c6-tab-copy strong{font-size:13px}
  .c6-service{width:calc(100% - 16px);padding-block:36px 64px}.c6-service-head{grid-template-columns:30px 1fr}.c6-service-head h1{font-size:39px}.c6-service-feature{min-height:520px}.c6-service-feature>span{padding:23px}.c6-service-stream{grid-template-columns:1fr}.c6-service-story{min-height:520px;padding:15px}.c6-service-story img{height:245px}.c6-service-story h2{font-size:27px}
  /* на телефоне переключатели идут отдельной строкой панели и ужимаются, но подписи остаются */

  html[data-hybrid-style="glass"] .prototype--hybrid .c6-service,html[data-hybrid-style="glass"] .prototype--hybrid .c5-life,html[data-hybrid-style="glass"] .prototype--hybrid .c6-community,html[data-hybrid-style="glass"] .prototype--hybrid .c6-church-news,html[data-hybrid-style="glass"] .prototype--hybrid .c6-banners{width:calc(100% - 16px);padding-inline:16px;border-radius:14px}.c6-life-glass{min-height:0;grid-template-columns:1fr;grid-template-rows:clamp(280px,75vw,480px) auto;margin-top:28px}.c6-life-glass-shade{background:linear-gradient(180deg,rgba(8,14,16,.08) 0%,rgba(8,14,16,.26) 28%,rgba(8,14,16,.82) 62%,rgba(8,14,16,.96) 100%)}.c6-life-glass-intro{align-self:end;padding:30px 22px 27px}.c6-life-glass-intro h3{margin-top:14px;font-size:39px}.c6-life-glass-intro p{display:none}.c6-life-glass-list{min-height:0;border-top:1px solid rgba(255,255,255,.18);border-left:0;backdrop-filter:blur(18px) saturate(.8);-webkit-backdrop-filter:blur(18px) saturate(.8)}.c6-life-glass-item>button{grid-template-columns:24px minmax(0,1fr) 30px;gap:10px;padding:15px 15px 14px}.c6-life-glass-copy strong{font-size:17px}.c6-life-glass-arrow{width:28px;height:28px;font-size:13px}.c6-life-glass-detail>div{padding-inline:49px 36px}.c6-life-glass-item.is-active .c6-life-glass-detail>div{padding-bottom:21px}.c6-life-glass-detail p{font-size:12px}
  .c6-community{padding:6px 0 70px}.c6-community-head{display:block}.c6-community-head>div{grid-template-columns:30px 1fr}.c6-community-head h2{font-size:39px}.c6-community-head>p{margin:16px 0 0 30px;font-size:13px}.c6-community-grid{gap:14px;margin-top:28px}.c6-community-column{padding:22px 16px 8px;border-radius:10px}.c6-community-column>header{min-height:118px;display:block;margin-bottom:18px}/* высота одинаковая у обеих колонок: на узком экране они листаются вбок рядом, и разная длина заголовка сдвигала бы содержимое */.c6-community-column>header h3{font-size:27px}.c6-community-column>header>a{display:inline-flex;margin:16px 0 0 27px}.c6-community-lead{height:315px}.c6-community-lead>span{padding:20px}.c6-community-lead strong{font-size:23px}.c6-community-list>a{grid-template-columns:70px minmax(0,1fr) 16px;gap:10px}.c6-community-thumb{height:64px}.c6-community-list strong{font-size:15px}.c6-community-list small{font-size:8px}
  .c6-church-news{padding:58px 0 72px}.c6-banners{padding:56px 0 78px}.c6-banners .c5-editorial-head>p{margin:16px 0 0 30px;font-size:13px}.c6-banner-grid{grid-template-columns:1fr;gap:14px;margin-top:28px}.c6-banner--cathedral,.c6-banner--seminary,.c6-banner--fund,.c6-banner--education{grid-column:1;grid-row:auto;width:100%;margin-top:0;justify-self:stretch}.c6-footer-archive{grid-column:1;display:block;padding-block:25px}.c6-footer-archive h3{font-size:24px}.c6-footer-archive-copy>span{font-size:11px}.c6-footer-date-control{width:100%;grid-template-columns:1fr;margin-top:22px}.c6-footer-date-field{min-height:68px;border-radius:5px 5px 0 0}.c6-footer-date-control>[type="submit"]{min-height:56px;padding-inline:15px;border-left:0;border-top:1px solid rgba(255,255,255,.14);border-radius:0 0 5px 5px}.c6-datepicker{right:auto;left:0;width:100%;transform-origin:0 100%}
}
@media(max-width:900px){
  html[data-hybrid-style="glass"] .prototype--hybrid :is(.c6-service,.c6-community,.c5-focus,.c5-publications,.c6-video,.c6-church-news,.c6-banners){min-height:0;padding:46px 0 52px}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-layout{min-height:0;grid-template-columns:1fr}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-sticky{position:relative;top:auto;height:auto;min-height:390px;padding:42px 22px}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-stream{min-height:0;border-top:1px solid var(--c6-stage-line);border-left:0}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-story{min-height:170px}
  html[data-hybrid-style="glass"] .prototype--hybrid .c5-publication-layout{min-height:0;grid-template-columns:1fr}
  html[data-hybrid-style="glass"] .prototype--hybrid .c5-publication-feature{border-radius:10px 10px 0 0}
  html[data-hybrid-style="glass"] .prototype--hybrid .c5-publication-list{border-top:0;border-left:1px solid var(--c6-stage-line);border-radius:0 0 10px 10px}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-video-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-video-feature{grid-column:1/3;min-height:520px}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-video-note{min-height:310px}
}
@media(max-width:640px){
  html[data-hybrid-style="glass"] .prototype--hybrid :is(.c6-service,.c6-community,.c5-focus,.c5-publications,.c6-video,.c6-church-news,.c6-banners){padding:32px 0 38px}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-sticky{min-height:330px;padding:28px 12px}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-head h1{font-size:39px}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-story{grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto auto auto;gap:9px 14px;min-height:0;padding:16px 14px}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-story img{grid-row:1/4;width:104px;min-height:150px}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-story-meta{flex-direction:column;align-items:flex-start;gap:4px;font-size:11px}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-story>em{grid-row:3;align-self:end}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-story h2{font-size:17px;line-height:1.16}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-service-story p{display:none}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-community{padding-top:34px}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-community-grid{margin-top:28px}
  html[data-hybrid-style="glass"] .prototype--hybrid .c5-focus-grid{padding:0}
  html[data-hybrid-style="glass"] .prototype--hybrid .c5-publication-list{grid-template-columns:1fr}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-video-grid{grid-template-columns:1fr}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-video-feature{grid-column:1;min-height:430px}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-video-note{min-height:300px}
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-banner-grid{padding:8px}
  html[data-hybrid-style="glass"] .prototype--hybrid .c5-footer{background-attachment:scroll}
}
@media(hover:none),(pointer:coarse){
  .prototype--hybrid .c6-gallery-hover-image{opacity:.36;filter:saturate(.76) contrast(.94);transform:none}.prototype--hybrid .c6-gallery-note-copy:before{opacity:1;background:linear-gradient(180deg,rgba(9,11,13,.48),rgba(9,11,13,.9))}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  [data-reveal]{opacity:1!important;transform:none!important}
}

/* 06 · Мелкая типографика поднята до читаемого минимума */
.prototype--hybrid :is(.c5-priority-story small,.c5-focus-grid small,.c5-life-layout small,.c5-publication-layout small,.c5-focus-note small,.c5-life-feature small,.c5-publication-feature small){font-size:12px}
.prototype--hybrid :is(.c5-section-index,.c5-life-list>a>span,.c5-life-list p,.c5-editorial-head>a,.c5-focus-head>div>p,.c5-focus-feature em,.c5-focus-note em,.c5-life-feature em,.c5-publication-feature em){font-size:12px}
.prototype--hybrid :is(.c5-footer-intro>p,.c5-footer-column h3,.c5-footer-dioceses>p,.c5-footer-bottom,.c5-footer-bottom a){font-size:11px}
.prototype--hybrid .c2-headline>p{font-size:11px;letter-spacing:.16em}

/* 06 · На телефоне новостные ряды листаются вбок, а не тянутся вниз */
@media(max-width:640px){
  .prototype--hybrid :is(.c6-service-stream,.c6-community-grid,.c5-focus-grid,.c5-publication-list,.c6-video-grid,.c6-church-news-list,.c6-banner-grid),
  html[data-hybrid-style="glass"] .prototype--hybrid :is(.c6-service-stream,.c6-community-grid,.c5-focus-grid,.c5-publication-list,.c6-video-grid,.c6-church-news-list,.c6-banner-grid){display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:12px;min-height:0;margin-inline:-12px;padding:2px 12px 14px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:12px;scrollbar-width:none}
  .prototype--hybrid :is(.c6-service-stream,.c6-community-grid,.c5-focus-grid,.c5-publication-list,.c6-video-grid,.c6-church-news-list,.c6-banner-grid)::-webkit-scrollbar{display:none}
  .prototype--hybrid :is(.c6-service-stream,.c6-community-grid,.c5-focus-grid,.c5-publication-list,.c6-video-grid,.c6-church-news-list,.c6-banner-grid)>*,
  html[data-hybrid-style="glass"] .prototype--hybrid :is(.c6-service-stream,.c6-community-grid,.c5-focus-grid,.c5-publication-list,.c6-video-grid,.c6-church-news-list,.c6-banner-grid)>*{flex:0 0 84%;min-width:0;margin:0;scroll-snap-align:start}
  html[data-hybrid-style="glass"] .prototype--hybrid :is(.c6-service-story,.c5-publication-list>a,.c6-church-news-list>a,.c6-video-feature,.c6-video-note){border:1px solid var(--c6-stage-line);border-radius:4px}
  /* карточке хроники в стеклянном стиле задана flex:1 — в ленте ширину возвращает более точный селектор */
  html[data-hybrid-style="glass"] .prototype--hybrid .c6-church-news-list>a{flex:0 0 84%}
  .prototype--hybrid :is(.c6-video-feature,.c6-video-note,.c6-church-news-list>a,.c5-publication-list>a){min-height:0}
  .prototype--hybrid .c5-focus-grid>a.c5-focus-wide,
  .prototype--hybrid .c5-focus-grid>a.c5-focus-feature{flex:0 0 84%}
}

/* 06 · Навигация ужимается, а на узких экранах уступает место значку «Все разделы» */
@media(max-width:1320px){
  .prototype--hybrid .c6-nav{gap:12px}
  .prototype--hybrid .c6-nav>a,.prototype--hybrid .c6-nav-trigger{font-size:12px}
}
@media(max-width:1120px){
  .prototype--hybrid .c6-nav{display:none}
}

/* 06 · Правки первого экрана и вкладки церковных новостей */
.prototype--hybrid :focus-visible{outline-color:var(--c5-wine)}

.c6-news-view{margin-top:38px;animation:c6NewsViewIn .42s var(--ease)}
.c6-news-tab-panel[hidden]{display:none}
@keyframes c6NewsViewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.c6-news-tabs{display:grid;grid-template-columns:.72fr 1.15fr 1.4fr 1.12fr 1.2fr;border:1px solid var(--c5-line);border-radius:4px 4px 0 0;background:var(--c5-surface-2)}
.c6-news-tabs button{min-width:0;min-height:72px;display:flex;align-items:center;gap:9px;padding:15px 17px;border:0;border-left:1px solid var(--c5-line);background:transparent;color:var(--c5-muted);text-align:left;font:600 12px/1.25 var(--c5-ui);cursor:pointer;transition:background .25s,color .25s}
.c6-news-tabs button:first-child{border-left:0}
.c6-news-tabs button span{color:var(--c5-wine);font-size:10px;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.c6-news-tabs button:hover{background:color-mix(in srgb,var(--c5-surface) 54%,transparent);color:var(--c5-ink)}
.c6-news-tabs button.is-active{background:var(--c5-surface);color:var(--c5-ink);box-shadow:inset 0 -3px var(--c5-wine)}
.c6-news-tab-panel{overflow:hidden;border:1px solid var(--c5-line);border-top:0;border-radius:0 0 4px 4px;background:var(--c5-surface);box-shadow:0 22px 54px color-mix(in srgb,var(--c5-deep) 8%,transparent);animation:c6NewsViewIn .38s var(--ease)}
.c6-news-tab-panel>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:36px;align-items:end;padding:38px 42px 31px;border-bottom:1px solid var(--c5-line);background:linear-gradient(135deg,var(--c5-surface-2),color-mix(in srgb,var(--c5-surface) 86%,transparent))}
.c6-news-tab-panel>header>div{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:end}
.c6-news-tab-panel>header span{color:var(--c5-muted);font:600 10px/1 var(--c5-ui);letter-spacing:.08em;font-variant-numeric:tabular-nums}
.c6-news-tab-panel>header h3{font-family:var(--c5-heading);font-size:clamp(32px,3.4vw,48px);line-height:1.02;letter-spacing:-.045em}
.c6-news-tab-panel>header p{max-width:44ch;color:var(--c5-muted);font-size:13px;line-height:1.5;text-wrap:pretty}
.c6-news-tab-list>a{display:grid;grid-template-columns:128px minmax(0,1fr) 94px;gap:28px;align-items:center;min-height:154px;padding:25px 42px;border-bottom:1px solid var(--c5-line);transition:background .28s}
.c6-news-tab-list>a:last-child{border-bottom:0}
.c6-news-tab-list>a:hover{background:color-mix(in srgb,var(--c5-wine) 5%,var(--c5-surface))}
.c6-news-tab-list time{display:flex;align-items:baseline;gap:10px;font-family:var(--c5-ui);font-variant-numeric:tabular-nums}
.c6-news-tab-list time b{color:var(--c5-wine);font-size:38px;font-weight:500;line-height:1;letter-spacing:-.06em}
.c6-news-tab-list time span{max-width:68px;color:var(--c5-muted);font-size:10px;line-height:1.25;text-transform:uppercase;letter-spacing:.06em}
.c6-news-tab-list small{display:block;margin-bottom:7px;color:var(--c5-muted);font:600 10px/1 var(--c5-ui);letter-spacing:.08em;text-transform:uppercase}
.c6-news-tab-list h4{max-width:46ch;margin:0;font-family:var(--c5-heading);font-size:22px;font-weight:600;line-height:1.15;letter-spacing:-.026em;text-wrap:pretty;transition:color .25s}
.c6-news-tab-list p{max-width:64ch;margin-top:8px;color:var(--c5-muted);font-size:12px;line-height:1.45}
.c6-news-tab-list em{justify-self:end;color:var(--c5-wine);font:600 11px/1 var(--c5-ui)}
.c6-news-tab-list em span{display:inline-block;margin-left:6px;font-size:15px;transition:transform .28s var(--ease)}
.c6-news-tab-list>a:hover h4{color:var(--c5-wine)}
.c6-news-tab-list>a:hover em span{transform:translateX(3px)}

html[data-hybrid-style="glass"] .prototype--hybrid .c6-news-tabs{border-color:var(--c6-stage-line);background:var(--c6-stage-panel)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-news-tab-panel{border-color:var(--c6-stage-line);background:var(--c6-stage-panel);color:var(--c6-stage-text);box-shadow:none;backdrop-filter:blur(20px) saturate(.82);-webkit-backdrop-filter:blur(20px) saturate(.82)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-news-tab-panel>header{border-color:var(--c6-stage-line);background:var(--c6-stage-panel-strong)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-news-tab-list>a{border-color:var(--c6-stage-line)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-news-tab-list>a:hover{background:var(--c6-stage-hover)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-news-tabs button{border-color:var(--c6-stage-line)}
html[data-hybrid-style="glass"] .prototype--hybrid .c6-news-tabs button.is-active{background:var(--c6-stage-panel-strong);color:var(--c6-stage-text)}
html[data-hybrid-style="glass"] .prototype--hybrid :is(.c6-news-tab-panel>header p,.c6-news-tab-list p){color:var(--c6-stage-muted)}

@media(max-width:1000px){
  .c6-news-tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
  .c6-news-tabs::-webkit-scrollbar{display:none}
  .c6-news-tabs button{flex:0 0 220px;scroll-snap-align:start}
  .c6-news-tab-panel>header{grid-template-columns:1fr}
}
@media(max-width:640px){
  .c6-news-view{margin-top:28px}
  .c6-news-tabs button{flex:0 0 clamp(136px,40%,190px);min-height:62px;padding:13px 14px}
  .c6-news-tab-panel>header{gap:14px;padding:26px 18px 22px}
  .c6-news-tab-panel>header>div{grid-template-columns:42px minmax(0,1fr)}
  .c6-news-tab-panel>header h3{font-size:32px}
  .c6-news-tab-panel>header p{font-size:12px}
  .c6-news-tab-list>a{grid-template-columns:58px minmax(0,1fr) 16px;gap:12px;min-height:0;padding:22px 16px}
  .c6-news-tab-list time{display:block}
  .c6-news-tab-list time b{display:block;font-size:28px}
  .c6-news-tab-list time span{display:block;margin-top:5px;font-size:8px}
  .c6-news-tab-list h4{font-size:18px;line-height:1.2}
  .c6-news-tab-list p{display:none}
  .c6-news-tab-list em{font-size:0}.c6-news-tab-list em span{margin:0;font-size:16px}
}

/* 06 · Светлая тема без бордового: нейтральная типографика и серо-синий акцент */
html[data-concept="hybrid"]{--accent:#2f5263;--accent-2:#365565;--ink:#20282c;--ink-2:#44545b;--ink-3:#526169;--line:rgba(47,82,99,.24);--line-soft:rgba(47,82,99,.14)}
html[data-hybrid-theme="light"] .prototype--hybrid{
  --c5-wine:#2f5263;
  --c5-blue:#365565;
  --c5-ink:#20282c;
  --c5-muted:#44545b;
  --c5-line:rgba(47,82,99,.22);
  --c5-deep:#2b3940;
  --c5-shadow:0 22px 58px rgba(35,52,60,.13)
}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid{
  --c5-wine:#2f5263;
  --c5-blue:#365565;
  --c5-ink:#20282c;
  --c5-muted:#44545b;
  --c5-line:rgba(47,82,99,.22);
  --c5-deep:#2b3940;
  --c5-shadow:0 24px 64px rgba(35,52,60,.15);
  --c6-glass-line:rgba(47,82,99,.24);
  --c6-stage-text:#20282c;
  --c6-stage-muted:#44545b;
  --c6-stage-line:rgba(47,82,99,.24);
  --c6-stage-shadow:rgba(35,52,60,.17);
  background:radial-gradient(circle at 10% 8%,rgba(255,255,255,.56),transparent 33rem),radial-gradient(circle at 91% 46%,rgba(47,82,99,.075),transparent 32rem),linear-gradient(180deg,#eee5da,#e1d3c4);
  background-attachment:fixed
}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c2-header{background:rgba(24,36,41,.36);border-color:rgba(222,234,238,.44);box-shadow:0 16px 52px rgba(18,31,37,.25),inset 0 1px rgba(255,255,255,.13)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-hero-tabs{background:rgba(29,44,49,.37)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-hero-calendar{background:rgba(27,41,45,.36)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-list{border-color:rgba(47,82,99,.26)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-item{border-color:rgba(47,82,99,.2)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-item>button{color:var(--c5-ink)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-detail>div,
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid :is(.c6-life-glass-index,.c6-life-glass-copy small){color:var(--c5-muted)}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-arrow{border-color:rgba(47,82,99,.32)}

.prototype--hybrid .c5-focus-wide:after{
  background:linear-gradient(180deg,rgba(8,12,14,0) 28%,rgba(8,12,14,.1) 42%,rgba(8,12,14,.28) 56%,rgba(8,12,14,.5) 70%,rgba(8,12,14,.7) 85%,rgba(8,12,14,.84) 100%)
}
.prototype--hybrid .c5-focus-wide .c6-gallery-card-meta small{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#f4f7f8;
  box-shadow:none;
  text-shadow:0 1px 12px rgba(0,0,0,.42);
  backdrop-filter:none;
  -webkit-backdrop-filter:none
}
.prototype--hybrid .c5-focus-wide .c6-gallery-count{padding:0;border:0;background:transparent;box-shadow:none;text-shadow:0 1px 12px rgba(0,0,0,.42);backdrop-filter:none;-webkit-backdrop-filter:none}
.prototype--hybrid .c5-focus-wide :is(strong,em){color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.36)}

/* Фирменный блок остаётся на первом экране, меню следует за прокруткой отдельно */
html[data-concept="hybrid"]{scroll-padding-top:106px}
html[data-concept="hybrid"] .prototype--hybrid .c2-hero{z-index:70}
.prototype--hybrid{
  --c6-brand-veil:linear-gradient(180deg,rgba(24,36,41,.5),rgba(24,36,41,.34));
  --c6-brand-edge:rgba(232,240,243,.28);
  --c6-logo:#f2f6f7
}
html[data-hybrid-theme="dark"] .prototype--hybrid{
  --c6-brand-veil:linear-gradient(180deg,rgba(14,11,9,.62),rgba(14,11,9,.42));
  --c6-brand-edge:rgba(201,168,106,.34);
  --c6-logo:#f0e9dc
}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .prototype--hybrid{
  --c6-brand-veil:linear-gradient(180deg,rgba(9,14,18,.62),rgba(9,14,18,.42));
  --c6-brand-edge:rgba(183,199,212,.34);
  --c6-logo:#e6eef3
}
.prototype--hybrid .c6-brand-masthead{
  position:absolute;
  z-index:75;
  inset:0 0 auto;
  height:106px;
  display:grid;
  place-items:center;
  padding:4px 32px;
  overflow:hidden;
  background:var(--c6-brand-veil);
  border-bottom:1px solid var(--c6-brand-edge);
  box-shadow:0 18px 46px rgba(12,20,24,.26),inset 0 1px rgba(255,255,255,.12);
  backdrop-filter:blur(22px) saturate(.82);
  -webkit-backdrop-filter:blur(22px) saturate(.82)
}
.prototype--hybrid .c6-brand-lockup{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.prototype--hybrid .c6-brand-lockup>span.c6-brand-logo{
  display:block;
  width:min(600px,calc(100vw - 96px));
  aspect-ratio:1140/183;
  background:var(--c6-logo);
  -webkit-mask:url("img/logo-yaroslavl.b5b3680fde85.svg?v=2") center/contain no-repeat;
  mask:url("img/logo-yaroslavl.b5b3680fde85.svg?v=2") center/contain no-repeat
}
.prototype--hybrid .c6-brand-lockup>span,.prototype--hybrid .c6-nav-label{display:none}
html[data-concept="hybrid"] .prototype--hybrid .c2-header{
  position:absolute;
  z-index:80;
  top:106px;
  height:64px;
  inset-inline:0;
  width:auto;
  margin:0;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:26px;
  padding-inline:max(24px,calc((100% - var(--shell))/2));
  border-inline:0;
  border-top:0;
  border-radius:0;
  box-shadow:none;
  transform:none;
  transition:top .3s var(--ease),height .3s var(--ease),width .3s var(--ease),padding .3s var(--ease),border-radius .3s var(--ease),background-color .3s,border-color .3s,box-shadow .3s
}
html[data-concept="hybrid"] .prototype--hybrid .c6-nav-panel{padding-inline:max(24px,calc((100% - var(--shell))/2))}
html[data-concept="hybrid"].hybrid-header-scrolled .prototype--hybrid .c6-nav-panel{padding-inline:0}
html[data-concept="hybrid"] .prototype--hybrid .menu-button{padding:9px!important;border:0!important;border-radius:0!important;background:transparent}

/* Поиск раскрывается прямо в ленте меню: пункты уходят, остаётся строка запроса */
html[data-concept="hybrid"] .prototype--hybrid .c6-search{
  grid-column:1/3;
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  animation:c6-search-in .32s var(--ease)
}
html[data-concept="hybrid"] .prototype--hybrid .c6-search[hidden]{display:none}
@keyframes c6-search-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.prototype--hybrid .c6-search-mark{flex:0 0 auto;width:19px;height:19px;color:inherit;opacity:.7}
.prototype--hybrid .c6-search input{
  flex:1 1 auto;
  min-width:0;
  height:38px;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:400 20px/1 var(--c5-heading);
  letter-spacing:-.02em
}
.prototype--hybrid .c6-search input::placeholder{color:inherit;opacity:.55}
.prototype--hybrid .c6-search input:focus{outline:0}
.prototype--hybrid .c6-search input::-webkit-search-cancel-button{display:none}
.prototype--hybrid .c6-search-close{
  flex:0 0 auto;
  padding:5px 10px;
  border:1px solid currentColor;
  border-radius:3px;
  background:transparent;
  color:inherit;
  font:600 10px/1 var(--c5-ui);
  letter-spacing:.1em;
  opacity:.6;
  cursor:pointer;
  transition:opacity .25s
}
.prototype--hybrid .c6-search-close:hover{opacity:1}
.prototype--hybrid .c6-search-hints{
  position:absolute;
  z-index:2;
  inset:100% 0 auto;
  display:flex;
  align-items:center;
  gap:22px;
  padding:13px max(24px,calc((100% - var(--shell))/2));
  border-bottom:1px solid var(--c6-brand-edge);
  background:var(--c6-brand-veil),var(--c6-brand-veil);
  box-shadow:0 18px 46px rgba(12,20,24,.26);
  backdrop-filter:blur(22px) saturate(.82);
  -webkit-backdrop-filter:blur(22px) saturate(.82);
  animation:c6-search-in .32s var(--ease)
}
.prototype--hybrid .c6-search-hints>span{
  color:inherit;
  font:600 10px/1 var(--c5-ui);
  letter-spacing:.13em;
  text-transform:uppercase;
  opacity:.6
}
.prototype--hybrid .c6-search-hints>button{
  position:relative;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:400 14px/1 var(--c5-body);
  white-space:nowrap;
  cursor:pointer
}
.prototype--hybrid .c6-search-hints>button:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-5px;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:0 50%;
  transition:transform .3s var(--ease)
}
.prototype--hybrid .c6-search-hints>button:hover:after{transform:scaleX(1)}
html[data-concept="hybrid"] .prototype--hybrid .c2-header.is-searching :is(.c6-nav,.c6-nav-label,.c6-header-brand,[data-search-toggle]){display:none}
/* С открытым поиском шапка и полоса запросов — одна карточка: у шапки
   низ выпрямляется, скругление уходит на нижние углы полосы. */
html[data-concept="hybrid"] .prototype--hybrid .c2-header.is-searching{border-end-start-radius:0;border-end-end-radius:0}
html[data-concept="hybrid"].hybrid-header-scrolled .prototype--hybrid .c6-search-hints{
  inset:100% -1px auto;
  border:1px solid var(--c6-brand-edge);
  border-top:0;
  border-radius:0 0 18px 18px;
  padding-inline:22px
}
html[data-concept="hybrid"] .prototype--hybrid .c6-header-brand{display:none;grid-column:1}
html[data-concept="hybrid"] .prototype--hybrid :is(.c6-nav,.c6-nav-label){grid-column:2}
html[data-concept="hybrid"].hybrid-header-scrolled .prototype--hybrid .c6-nav-label{display:none}
html[data-concept="hybrid"] .prototype--hybrid .c2-actions{grid-column:3}
html[data-concept="hybrid"].hybrid-header-scrolled .prototype--hybrid .c2-header{
  position:fixed;
  top:10px;
  height:64px;
  width:var(--shell);
  margin-inline:auto;
  padding-inline:22px;
  border-inline:1px solid rgba(221,233,237,.28);
  border-top:1px solid rgba(221,233,237,.28);
  border-radius:18px;
  background:rgba(24,36,41,.84);
  border-color:rgba(221,233,237,.28);
  box-shadow:0 14px 42px rgba(18,29,34,.28),inset 0 1px rgba(255,255,255,.1);
  backdrop-filter:blur(24px) saturate(.82);
  -webkit-backdrop-filter:blur(24px) saturate(.82)
}
html[data-concept="hybrid"].hybrid-header-scrolled .prototype--hybrid :is(.c6-nav>a,.c6-nav-trigger){padding-block:20px;font-size:12px}
/* Крупные пункты — только там, где на них есть место. Правило «мельче
   ниже 1320 px» стоит выше и слабее этого, поэтому без медиавыражения
   оно молча не работало: до прокрутки лента оставалась в 14 px и на
   1121–1210 px наезжала на значки поиска и меню. */
@media(min-width:1321px){
  html[data-concept="hybrid"]:not(.hybrid-header-scrolled) .prototype--hybrid :is(.c6-nav>a,.c6-nav-trigger){font-size:14px}
}

/* После первого экрана в шапке появляется фирменная надпись — возврат на главную */
html[data-concept="hybrid"].hybrid-header-scrolled .prototype--hybrid .c6-header-brand{
  display:flex;
  align-items:center;
  color:#fff;
  font:700 13px/1 var(--c5-ui);
  white-space:nowrap;
  text-shadow:0 1px 12px rgba(0,0,0,.45)
}

/* Оформление сайта прямо в ленте меню: тумблер темы, а в тёмной теме рядом раскрываются два тона */
.prototype--hybrid .c6-appearance{display:flex;align-items:center;gap:6px}
.prototype--hybrid .c6-appearance-theme{padding:9px;line-height:0;opacity:.88;transition:opacity .25s}
.prototype--hybrid .c6-appearance-theme:hover{opacity:1}
.c6-appearance-marks{position:relative;display:block;width:19px;height:19px}
.c6-appearance-marks svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .3s var(--ease),transform .45s var(--ease)}
.c6-appearance-moon{opacity:0;transform:rotate(-60deg) scale(.62)}
html[data-hybrid-theme="dark"] .c6-appearance-sun{opacity:0;transform:rotate(60deg) scale(.62)}
html[data-hybrid-theme="dark"] .c6-appearance-moon{opacity:1;transform:none}
.prototype--hybrid .c6-appearance-tones{
  display:flex;
  align-items:center;
  gap:1px;
  max-width:0;
  opacity:0;
  visibility:hidden;
  overflow:hidden;
  transition:max-width .4s var(--ease),opacity .28s,visibility .4s
}
html[data-hybrid-theme="dark"] .prototype--hybrid .c6-appearance-tones{max-width:56px;opacity:1;visibility:visible}
.prototype--hybrid .c6-appearance-tone{
  flex:0 0 auto;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid transparent;
  border-radius:50%;
  background:transparent;
  transition:border-color .28s,background .28s
}
.prototype--hybrid .c6-appearance-tone[data-hybrid-dark-set="brass"]{--c6-tone:var(--c6-tone-brass)}
.prototype--hybrid .c6-appearance-tone[data-hybrid-dark-set="silver"]{--c6-tone:var(--c6-tone-silver)}
.prototype--hybrid .c6-appearance-tone>span{
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--c6-tone);
  opacity:.48;
  transition:opacity .28s,transform .35s var(--ease)
}
.prototype--hybrid .c6-appearance-tone:hover>span{opacity:.82;transform:scale(1.08)}
.prototype--hybrid .c6-appearance-tone:focus-visible{outline-offset:-1px}
.prototype--hybrid .c6-appearance-tone[aria-pressed="true"]{border-color:color-mix(in srgb,var(--c6-tone) 58%,transparent);background:color-mix(in srgb,var(--c6-tone) 13%,transparent)}
.prototype--hybrid .c6-appearance-tone[aria-pressed="true"]>span{opacity:1}

/* На телефоне тот же выбор переезжает в общее меню и раскладывается по вертикали */
.menu-appearance{display:none;flex-direction:column;gap:4px;padding:26px 22px 30px;border-top:1px solid var(--line-soft)}
.menu-appearance>p{margin-bottom:10px;font:600 9px/1 var(--ui);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3)}
.menu-appearance-theme{
  display:grid;
  grid-template-columns:20px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  min-height:46px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ink);
  font:500 15px/1.2 var(--body);
  text-align:left;
  cursor:pointer
}
.menu-appearance-theme .c6-appearance-marks{width:20px;height:20px;color:var(--ink-2)}
.menu-appearance-switch{width:38px;height:22px;display:flex;align-items:center;padding:2px;border:1px solid var(--line);border-radius:11px;background:var(--paper-2);transition:background .28s,border-color .28s}
.menu-appearance-switch>span{width:16px;height:16px;border-radius:50%;background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.22);transition:transform .32s var(--ease)}
.menu-appearance-theme[aria-pressed="true"] .menu-appearance-switch{background:var(--accent);border-color:var(--accent)}
.menu-appearance-theme[aria-pressed="true"] .menu-appearance-switch>span{transform:translateX(16px)}
.menu-appearance-tones{
  display:flex;
  flex-direction:column;
  max-height:0;
  opacity:0;
  visibility:hidden;
  overflow:hidden;
  transition:max-height .4s var(--ease),opacity .28s,visibility .4s
}
html[data-hybrid-theme="dark"] .menu-appearance-tones{max-height:104px;opacity:1;visibility:visible}
.menu-appearance-tone{
  display:flex;
  align-items:center;
  gap:13px;
  min-height:44px;
  padding:0 0 0 3px;
  border:0;
  background:transparent;
  color:var(--ink-2);
  font:400 14px/1.2 var(--body);
  text-align:left;
  cursor:pointer;
  transition:color .25s
}
.menu-appearance-tone[data-hybrid-dark-set="brass"]{--c6-tone:var(--c6-tone-brass)}
.menu-appearance-tone[data-hybrid-dark-set="silver"]{--c6-tone:var(--c6-tone-silver)}
.menu-appearance-tone>span{
  flex:0 0 auto;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--c6-tone);
  box-shadow:0 0 0 1px var(--line),0 0 0 3px transparent;
  opacity:.55;
  transition:opacity .28s,box-shadow .28s
}
.menu-appearance-tone:focus-visible{outline-offset:-2px}
.menu-appearance-tone[aria-pressed="true"]{color:var(--ink)}
.menu-appearance-tone[aria-pressed="true"]>span{opacity:1;box-shadow:0 0 0 1px var(--surface),0 0 0 3px var(--c6-tone)}

@media(min-width:1181px){
  html[data-concept="hybrid"] .prototype--hybrid .c6-service-sticky{top:104px;height:calc(100svh - 126px)}
  html[data-concept="hybrid"][data-hybrid-style="glass"] .prototype--hybrid .c6-service-sticky{top:104px;height:min(calc(100svh - 132px),700px)}
}
@media(max-width:1120px){
  .prototype--hybrid .c6-nav-label{display:flex;align-items:baseline;gap:7px;min-width:0;color:inherit;font:600 11px/1 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}
  .prototype--hybrid .c6-nav-label>em{overflow:hidden;text-overflow:ellipsis;font-weight:500;opacity:.82}
  .prototype--hybrid .c6-nav-label>em:before{content:"·";margin-right:7px;opacity:.55}
}
@media(max-width:640px){
  html[data-concept="hybrid"]{scroll-padding-top:88px}
  .prototype--hybrid{--c6-brand-band:calc((100vw - 36px)*.1605 + 18px)}
  .prototype--hybrid .c6-brand-masthead{height:var(--c6-brand-band);padding:4px 18px}
  .prototype--hybrid .c6-brand-lockup>span.c6-brand-logo{width:calc(100vw - 36px)}
  .prototype--hybrid .c6-brand-lockup>span:not(.c6-brand-logo){display:none}
  html[data-concept="hybrid"] .prototype--hybrid .c2-header{top:var(--c6-brand-band);height:60px;padding-inline:15px}
  .prototype--hybrid .c6-search{gap:10px}
  .prototype--hybrid .c6-nav-label{gap:6px;font-size:10px;letter-spacing:.07em}
  @media(max-width:359px){ .prototype--hybrid .c6-nav-label>em{display:none} }
  .prototype--hybrid .c6-nav-label>em:before{margin-right:6px}
  html[data-concept="hybrid"] .prototype--hybrid .c2-actions>button:first-child{display:flex}
  .prototype--hybrid .c6-appearance{display:none}
  html[data-concept="hybrid"] .menu-appearance{display:flex}
  .prototype--hybrid .c6-search input{height:34px;font-size:15px}
  .prototype--hybrid .c6-search-close>span{display:none}
  .prototype--hybrid .c6-search-close:after{content:"✕";font-size:12px;line-height:1}
  .prototype--hybrid .c6-search-hints{gap:16px;padding:11px 15px;overflow-x:auto;scrollbar-width:none}
  .prototype--hybrid .c6-search-hints::-webkit-scrollbar{display:none}
  .prototype--hybrid .c6-search-hints>span{display:none}
  .prototype--hybrid .c6-search-hints>button{font-size:13px}
  html[data-concept="hybrid"].hybrid-header-scrolled .prototype--hybrid .c2-header{top:7px;height:60px;padding-inline:15px}
}

/* «Видео»: светлая служебная типографика на тёмной сцене и устойчивые подписи поверх кадров */

.prototype--hybrid .c6-video-grid>a{color:#fff}
.prototype--hybrid .c6-video-grid small{
  display:flex;
  align-items:center;
  gap:9px;
  width:max-content;
  max-width:100%;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#f4f7f8;
  box-shadow:none;
  text-shadow:0 1px 12px rgba(0,0,0,.42);
  backdrop-filter:none;
  -webkit-backdrop-filter:none
}
.prototype--hybrid .c6-video-grid :is(h3,em){color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.36)}
.prototype--hybrid .c6-video-grid a:after{inset:0;background:linear-gradient(180deg,rgba(8,12,14,0) 28%,rgba(8,12,14,.1) 42%,rgba(8,12,14,.28) 56%,rgba(8,12,14,.5) 70%,rgba(8,12,14,.7) 85%,rgba(8,12,14,.84) 100%)}

/* Текст поверх фотографий: мягкая нижняя вуаль вместо контурной тени у букв */
.prototype--hybrid .c2-shade{
  background:linear-gradient(180deg,rgba(7,11,13,0) 13%,rgba(7,11,13,.13) 27%,rgba(7,11,13,.32) 43%,rgba(7,11,13,.53) 59%,rgba(7,11,13,.73) 77%,rgba(7,11,13,.93) 100%)
}
.prototype--hybrid .c6-hero-copy{text-shadow:0 2px 20px rgba(0,0,0,.38)}
.prototype--hybrid .c6-hero-copy>p[data-hero-eyebrow]{display:flex;align-items:center;color:#f2f6f7}
.prototype--hybrid .c6-hero-copy h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.34)}
.prototype--hybrid .c6-hero-summary{color:rgba(255,255,255,.9)!important;text-shadow:0 2px 18px rgba(0,0,0,.38)}
.prototype--hybrid .c2-headline .hero-links{color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.38)}
.prototype--hybrid .c2-number{text-shadow:0 2px 20px rgba(0,0,0,.38)}

.prototype--hybrid .c6-service-feature:after{
  inset:0;
  background:linear-gradient(180deg,rgba(8,12,14,0) 26%,rgba(8,12,14,.1) 40%,rgba(8,12,14,.28) 54%,rgba(8,12,14,.5) 68%,rgba(8,12,14,.7) 84%,rgba(8,12,14,.84) 100%)
}
.prototype--hybrid .c6-service-feature>span{text-shadow:0 2px 18px rgba(0,0,0,.36)}
.prototype--hybrid .c6-service-feature small{
  display:flex;
  align-items:center;
  gap:9px;
  width:max-content;
  max-width:100%;
  color:#f2f6f7;
  text-shadow:0 1px 12px rgba(0,0,0,.42)
}
.prototype--hybrid .c6-service-feature :is(strong,em){color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.36)}

.prototype--hybrid .c6-community-lead:after{
  inset:0;
  background:linear-gradient(180deg,rgba(8,12,14,0) 30%,rgba(8,12,14,.1) 44%,rgba(8,12,14,.28) 58%,rgba(8,12,14,.5) 72%,rgba(8,12,14,.7) 87%,rgba(8,12,14,.84) 100%)
}
.prototype--hybrid .c6-community-lead>span{text-shadow:0 2px 18px rgba(0,0,0,.36)}
.prototype--hybrid .c6-community-lead small{
  display:flex;
  align-self:flex-start;
  align-items:center;
  gap:9px;
  width:max-content;
  max-width:100%;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#f2f6f7;
  box-shadow:none;
  text-shadow:0 1px 12px rgba(0,0,0,.42);
  backdrop-filter:none;
  -webkit-backdrop-filter:none
}
.prototype--hybrid .c6-community-lead :is(strong,em){color:#fff}

.prototype--hybrid .c6-life-glass-shade{
  background:linear-gradient(180deg,rgba(8,13,16,0) 30%,rgba(8,13,16,.12) 44%,rgba(8,13,16,.3) 57%,rgba(8,13,16,.5) 68%,rgba(8,13,16,.66) 78%,rgba(8,13,16,.72) 100%),linear-gradient(90deg,rgba(8,13,16,.16),transparent 58%)
}
.prototype--hybrid .c6-life-glass-intro{text-shadow:0 2px 20px rgba(0,0,0,.38)}
.prototype--hybrid .c6-life-glass-intro>span{
  width:max-content;
  max-width:100%;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#f2f6f7;
  backdrop-filter:none;
  -webkit-backdrop-filter:none
}
.prototype--hybrid .c6-life-glass-intro :is(h3,p){color:#fff}
html[data-hybrid-style="glass"][data-hybrid-theme="light"] .prototype--hybrid .c6-life-glass-list{
  background:rgba(244,240,234,.88);
  backdrop-filter:blur(20px) saturate(.86);
  -webkit-backdrop-filter:blur(20px) saturate(.86)
}

/* Адаптивное стекло шапки: тон выбирается по поверхности непосредственно под ней */
html[data-concept="hybrid"][data-hybrid-theme="light"].hybrid-header-on-light .prototype--hybrid .c2-header,
html[data-concept="hybrid"][data-hybrid-theme="light"] .prototype--inner .c2-header{
  background:rgba(247,244,238,.8);
  border-color:rgba(47,82,99,.24);
  color:#20282c;
  box-shadow:0 14px 42px rgba(35,52,60,.15),inset 0 1px rgba(255,255,255,.72);
  backdrop-filter:blur(26px) saturate(.9);
  -webkit-backdrop-filter:blur(26px) saturate(.9)
}
html[data-concept="hybrid"][data-hybrid-theme="light"].hybrid-header-on-light .prototype--hybrid :is(.c6-nav-label,.c6-nav>a,.c6-nav-trigger,.c2-actions button,.c6-header-brand),
html[data-concept="hybrid"][data-hybrid-theme="light"] .prototype--inner :is(.c6-nav-label,.c6-nav>a,.c6-nav-trigger,.c2-actions button,.c6-header-brand){color:#20282c;text-shadow:none}
/* Псевдоэлемент внутри `:is()` недопустим: браузер выбрасывает такой
   аргумент целиком, и правило молча не применяется. Полоса под пунктом
   меню оставалась белой и на светлой бумаге была не видна вовсе.
   Поэтому селекторы выписаны по отдельности. */
html[data-concept="hybrid"][data-hybrid-theme="light"].hybrid-header-on-light .prototype--hybrid .c6-nav>a:after,
html[data-concept="hybrid"][data-hybrid-theme="light"].hybrid-header-on-light .prototype--hybrid .c6-nav-trigger:before,
html[data-concept="hybrid"][data-hybrid-theme="light"] .prototype--inner .c6-nav>a:after,
html[data-concept="hybrid"][data-hybrid-theme="light"] .prototype--inner .c6-nav-trigger:before{background:#2f5263}
html[data-concept="hybrid"][data-hybrid-theme="dark"].hybrid-header-scrolled .prototype--hybrid .c2-header{background:rgba(10,12,13,.84)}

/* Полоса частых запросов — продолжение шапки, и тон у неё должен быть
   тот же. Своего тёмного стекла у неё быть не может: на внутренних
   страницах шапка светлая, и полоса выпадала под ней серой плашкой. */
html[data-concept="hybrid"][data-hybrid-theme="light"].hybrid-header-on-light .prototype--hybrid .c6-search-hints,
html[data-concept="hybrid"][data-hybrid-theme="light"] .prototype--inner .c6-search-hints{
  border-color:rgba(47,82,99,.24);
  background:rgba(247,244,238,.86);
  color:#20282c;
  box-shadow:0 18px 46px rgba(35,52,60,.16)
}

/* Фирменная лента на внутренней странице в светлой теме.
   На главной под лентой фотография, и логотип там светлый по тёмной
   вуали. Здесь под ней бумага: вуаль дала бы серо-зелёную плашку,
   на которой белый логотип читается в три к одному. Поэтому лента
   берёт то же бумажное стекло, что и шапка под ней, а логотип —
   чернильный: он одноцветный и красится темой через `--c6-logo`. */
html[data-concept="hybrid"][data-hybrid-theme="light"] .prototype--inner{
  --c6-logo:#20282c;
  --c6-brand-edge:rgba(47,82,99,.24)
}
html[data-concept="hybrid"][data-hybrid-theme="light"] .prototype--inner .c6-brand-masthead{
  background:rgba(247,244,238,.8);
  box-shadow:inset 0 1px rgba(255,255,255,.72);
  backdrop-filter:blur(26px) saturate(.9);
  -webkit-backdrop-filter:blur(26px) saturate(.9)
}
/* На главной над подвалом снимается `hybrid-header-on-light`, и меню
   само возвращается к белому. У внутренней страницы такой развилки нет:
   светлый тон ей задан безусловно, и над коричневым подвалом чернильные
   пункты меню давали полтора к одному. */
html[data-concept="hybrid"][data-hybrid-style="glass"][data-hybrid-theme="light"].hybrid-header-on-footer .prototype--inner :is(.c6-nav-label,.c6-nav>a,.c6-nav-trigger,.c2-actions button){color:#f2f6f7;text-shadow:0 1px 12px rgba(0,0,0,.42)}
html[data-concept="hybrid"][data-hybrid-style="glass"][data-hybrid-theme="light"].hybrid-header-on-footer .prototype--inner .c6-nav>a:after,
html[data-concept="hybrid"][data-hybrid-style="glass"][data-hybrid-theme="light"].hybrid-header-on-footer .prototype--inner .c6-nav-trigger:before{background:#f2f6f7}


/* Футер: светлая служебная шкала поверх тёмной поверхности */
html[data-hybrid-theme="light"] .prototype--hybrid .c5-footer :is(
  .c5-footer-intro>p,
  .c5-footer-column h3,
  .c5-footer-dioceses>p,
  .c6-footer-archive-copy>p
){color:#d7e2e6;font-size:11px}
html[data-hybrid-theme="light"] .prototype--hybrid .c5-footer-intro>span{color:rgba(255,255,255,.82)}
html[data-hybrid-theme="light"] .prototype--hybrid .c5-footer-column a{color:rgba(255,255,255,.86)}
html[data-hybrid-theme="light"] .prototype--hybrid .c6-footer-date-field>span{color:rgba(255,255,255,.7)}
html[data-hybrid-theme="light"] .prototype--hybrid .c5-footer-dioceses span{color:#d7e2e6}
html[data-hybrid-theme="light"] .prototype--hybrid .c5-footer-bottom{color:rgba(255,255,255,.68)}

/* Техническая панель и шапка над футером используют оттенок текущего макета, а не почти чёрный */

html[data-concept="hybrid"][data-hybrid-style="glass"][data-hybrid-theme="light"].hybrid-header-on-footer .prototype--hybrid .c2-header{background:rgba(82,57,46,.84)}

/* Секция 08, показ «фоном и заголовком текстом». В макете такого варианта
   нет — он появился, чтобы текст можно было править без дизайнера,
   поэтому стили дописаны здесь. */
.c6-banner--text{padding:0;display:block}
.c6-banner--text img{aspect-ratio:3/2;object-fit:cover;border-radius:10px;filter:saturate(.9) brightness(.62);transition:filter .65s cubic-bezier(.22,.61,.36,1)}
.c6-banner--text:hover img{filter:saturate(1) brightness(.72)}
.c6-banner--text>span{position:absolute;inset:auto 0 0 0;display:grid;gap:5px;padding:18px 18px 16px;background:linear-gradient(180deg,transparent,rgba(12,10,9,.72))}
.c6-banner--text>span strong{color:#fff;font-family:var(--c5-heading);font-size:clamp(17px,1.5vw,21px);font-weight:600;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
.c6-banner--text>span small{color:rgba(255,255,255,.72);font:600 11px/1.3 var(--c5-ui);letter-spacing:.06em;text-transform:uppercase}

/* ============================================================
   07 · Внутренние страницы: материал, фотогалерея, ленты
   Макета для них не рисовали — он делался только под главную.
   Поэтому здесь ничего не изобретается: берутся те же токены,
   та же сетка `--shell`, та же издательская шапка секции.
   ============================================================ */

/* 07.1. Фирменная лента и шапка без первого экрана.
   Ведут себя ровно как на главной: лента стоит в потоке у верха страницы
   и уезжает вверх вместе с содержимым, а шапка сперва висит под ней,
   потом отрывается в плавающую ленту у верха окна.

   Шапка обязана быть вне потока с самого начала — `position:absolute`
   от статьи. Оставить её в потоке нельзя: при переходе в `position:fixed`
   на прокрутке страница дёрнется вверх ровно на её высоту. А место под
   неё резервирует отбивка фирменной ленты, а не отступ статьи: отступ
   лёг бы над лентой, а не под ней. */
.prototype--inner{position:relative;--c6-inner-band:106px}
html[data-concept="hybrid"] .prototype--inner .c6-brand-masthead{position:static;height:var(--c6-inner-band);margin-bottom:64px}
html[data-concept="hybrid"] .prototype--inner .c2-header{position:absolute;top:var(--c6-inner-band)}
html[data-concept="hybrid"] .prototype--inner{scroll-padding-top:96px}
@media(max-width:640px){
  .prototype--inner{--c6-inner-band:var(--c6-brand-band)}
  html[data-concept="hybrid"] .prototype--inner .c6-brand-masthead{margin-bottom:60px}
  html[data-concept="hybrid"] .prototype--inner .c2-header{top:var(--c6-inner-band);height:60px}
}

/* Листание по экранам живёт только на главной: там у каждой секции есть
   `data-screen`. На внутренних страницах точек нет, и полоса состояния
   превратилась бы в одинокую стрелку в пустоте. */
.screen-pagination:has(.screen-pagination__dots:empty){display:none}

/* 07.2. Общая раскладка внутренней страницы.
   Ширина та же, что у секций главной (`c5-shell`), вертикальный ритм — свой. */
.c7-page{--c7-column:720px;padding-block:30px clamp(72px,7vw,112px);display:grid;gap:clamp(34px,3.6vw,58px);align-content:start}

.c7-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font:600 11px/1.4 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--c5-muted)}
.c7-crumbs a{color:var(--c5-blue);transition:color .3s}
.c7-crumbs a:hover{color:var(--c5-wine)}
.c7-crumbs>*+*:before{content:"/";margin-right:9px;color:var(--c5-muted);opacity:.5}

/* 07.3. Обложка страницы.
   Крупное число даты — тот же приём, что на первом экране: там он белый
   поверх фотографии, здесь — чернильный по бумаге. */
/* Заголовок начинается ровно там же, где колонка чтения: колонка с числом
   ровно такая, чтобы правый край с отбивкой пришёлся на край текста.
   Считать надо именно так — при фиксированной ширине числа шапка материала
   разъезжается с текстом на два-три десятка пикселей, и на глаз это
   читается как ошибка вёрстки. Ширину листа даёт 50% самой сетки. */
.c7-cover{display:grid;grid-template-columns:max(96px,calc(50% - var(--c7-column)/2 - 26px)) minmax(0,1fr);gap:26px;align-items:start}
.c7-cover-date{font-family:var(--c5-heading);font-size:clamp(52px,5.6vw,92px);font-weight:600;line-height:.8;letter-spacing:-.07em;color:var(--c5-ink);border-right:1px solid var(--c5-line);padding:6px 26px 0 0;text-align:right}
.c7-cover-date span{display:block;margin-top:16px;font:600 11px/1 var(--c5-ui);letter-spacing:.15em;color:var(--c5-muted)}
.c7-cover-copy{min-width:0}
.c7-cover-eyebrow{margin-bottom:14px;font:600 11px/1.3 var(--c5-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--c5-wine)}
.c7-cover h1{font-size:clamp(36px,4.4vw,64px);color:var(--c5-ink)}
.c7-cover-lead{max-width:64ch;margin-top:22px;font:400 clamp(17px,1.4vw,20px)/1.6 var(--c5-body);color:var(--c5-muted);text-wrap:pretty}
.c7-cover-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:26px;padding-top:17px;border-top:1px solid var(--c5-line);font:600 11px/1.3 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--c5-muted)}
.c7-cover-meta span{color:var(--c5-blue)}
.c7-cover-meta a{color:var(--c5-wine)}

/* 07.4. Тело материала.
   Колонка чтения одна, из неё выступают фотографии и ролики — на этом
   держится издательская сетка. Ширины заданы у самой колонки, а не
   у каждого блока: блоков в теле пять, а правило одно. */
.c7-body{display:grid;justify-items:center;gap:clamp(20px,2.2vw,30px)}
.c7-body>*{width:min(var(--c7-column),100%)}
.c7-body>:is(.c7-figure,.c7-video){width:min(980px,100%)}
.c7-body p{font:400 18px/1.72 var(--c5-body);color:var(--c5-ink);text-wrap:pretty}
.c7-body :is(ul,ol){margin:0;padding-left:1.3em;font:400 18px/1.72 var(--c5-body);color:var(--c5-ink);display:grid;gap:8px}
.c7-body li::marker{color:var(--c5-wine)}
.c7-body p a{color:var(--c5-wine);border-bottom:1px solid color-mix(in srgb,var(--c5-wine) 38%,transparent);transition:border-color .3s}
.c7-body p a:hover{border-bottom-color:var(--c5-wine)}
.c7-body-heading{padding-top:14px;font-size:clamp(23px,2.1vw,31px);color:var(--c5-ink)}
.c7-body-heading:before{content:"";display:block;width:38px;height:2px;margin-bottom:18px;background:var(--c5-wine)}

.c7-figure{margin:0}
.c7-figure img{border-radius:12px}
.c7-figure--hero img{aspect-ratio:16/9;object-fit:cover}
.c7-figure figcaption,.c7-video figcaption{max-width:var(--c7-column);margin:12px auto 0;font:400 13px/1.55 var(--c5-ui);color:var(--c5-muted)}

.c7-quote{margin:0;padding-left:clamp(20px,2.4vw,34px);border-left:2px solid var(--c5-wine)}
.c7-quote p{font-family:var(--c5-heading);font-size:clamp(21px,2vw,27px);font-weight:500;line-height:1.34;letter-spacing:-.02em;color:var(--c5-ink)}
.c7-quote cite{display:block;margin-top:15px;font:600 11px/1.4 var(--c5-ui);font-style:normal;letter-spacing:.11em;text-transform:uppercase;color:var(--c5-muted)}

/* Ролик показывается обложкой; проигрыватель подставляется по нажатию. */
.c7-video{margin:0}
.c7-video-frame{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:var(--c5-surface-2);border:1px solid var(--c5-line)}
/* Обложка необязательна, и без неё кадр 16:9 превращается в пустой
   прямоугольник в половину экрана. Тогда ролик показывается строкой:
   она честно говорит, что смотреть придётся на чужом сайте. */
.c7-video-frame:not(:has(img)){aspect-ratio:auto;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:16px 20px;border-radius:10px}
.c7-video-frame:not(:has(img)) .c7-video-play{position:static;width:40px;height:40px}
.c7-video-frame:not(:has(img)) .c7-video-label{position:static;padding:0;background:none;color:var(--c5-ink)}
.c7-video-frame:not(:has(img)) .c7-video-label em{color:inherit}
.c7-video-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.c7-video-frame:hover img{transform:scale(1.02)}
.c7-video-play{position:absolute;inset:0;margin:auto;width:74px;height:74px;display:grid;place-items:center;border-radius:50%;color:#fff;background:rgba(12,10,9,.5);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:background-color .4s,transform .5s var(--ease)}
.c7-video-frame:hover .c7-video-play{background:var(--c5-wine);transform:scale(1.06)}
.c7-video-play svg{width:26px;height:26px;margin-left:4px;fill:currentColor;stroke:none}
.c7-video-label{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;color:#fff;background:linear-gradient(180deg,transparent,rgba(12,10,9,.74));font:600 11px/1 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase}
.c7-video-label b{font-variant-numeric:tabular-nums}
.c7-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px}

/* 07.5. Подвал материала: съёмки с события и соседи по разделу. */
.c7-after{display:grid;gap:clamp(24px,2.6vw,34px);padding-top:clamp(34px,3.6vw,54px);border-top:1px solid var(--c5-line)}
.c7-after-head h2{font-size:clamp(27px,2.7vw,40px)}
/* В подвале материала нумерации нет: числа 01–08 нумеруют секции главной,
   а здесь они означали бы порядок, которого читатель не знает. */
.c7-after-head>div{grid-template-columns:minmax(0,1fr)}
.c7-after-head>div>p{grid-column:1}

/* 07.6. Лента. Не карточки: строка с числом, кадром и текстом — так
   восемь тысяч материалов читаются, а плитками нет. */
.c7-feed-list{display:grid;margin:0;padding:0;list-style:none}
.c7-feed-item{border-top:1px solid var(--c5-line)}
.c7-feed-item:last-child{border-bottom:1px solid var(--c5-line)}
/* Колонок в строке столько, сколько в ней есть: у результата поиска нет ни
   числа, ни кадра, у материала без фотографии — только число. Правила идут
   по возрастанию точности, поэтому пустых колонок не остаётся. */
.c7-feed-item>a{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2.2vw,32px);align-items:center;padding-block:clamp(16px,1.9vw,24px)}
.c7-feed-item>a:has(.c7-feed-date){grid-template-columns:78px minmax(0,1fr)}
.c7-feed-item>a:has(.c7-feed-date):has(.c7-feed-media img){grid-template-columns:78px 208px minmax(0,1fr)}
.c7-feed-date{font-family:var(--c5-heading);font-size:34px;font-weight:600;line-height:.9;letter-spacing:-.05em;color:var(--c5-ink);font-variant-numeric:tabular-nums}
.c7-feed-date span{display:block;margin-top:9px;font:600 10px/1 var(--c5-ui);letter-spacing:.12em;color:var(--c5-muted)}
.c7-feed-media{display:block;overflow:hidden;border-radius:10px}
.c7-feed-media img{aspect-ratio:3/2;object-fit:cover;transition:transform .7s var(--ease)}
.c7-feed-item>a:hover .c7-feed-media img{transform:scale(1.04)}
.c7-feed-copy{display:grid;gap:8px;min-width:0}
.c7-feed-copy small{font:600 11px/1.3 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--c5-blue)}
.c7-feed-copy strong{font-family:var(--c5-heading);font-size:clamp(19px,1.65vw,24px);font-weight:600;line-height:1.18;letter-spacing:-.02em;color:var(--c5-ink);transition:color .35s}
.c7-feed-copy em{font:400 15px/1.55 var(--c5-body);color:var(--c5-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c7-feed-item>a:hover .c7-feed-copy strong{color:var(--c5-wine)}

/* Ведущий материал открывает первую страницу ленты. */
.c7-lead{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(22px,2.8vw,44px);align-items:center}
.c7-lead-media{display:block;overflow:hidden;border-radius:14px}
.c7-lead-media img{aspect-ratio:3/2;object-fit:cover;transition:transform .8s var(--ease)}
.c7-lead:hover .c7-lead-media img{transform:scale(1.03)}
.c7-lead-copy{display:grid;gap:14px;min-width:0}
.c7-lead-copy small{font:600 11px/1.3 var(--c5-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--c5-wine)}
.c7-lead-copy h2{font-size:clamp(26px,2.7vw,40px);color:var(--c5-ink);transition:color .35s}
.c7-lead:hover .c7-lead-copy h2{color:var(--c5-wine)}
.c7-lead-copy p{font:400 16px/1.6 var(--c5-body);color:var(--c5-muted);text-wrap:pretty}
.c7-lead-copy em{font:600 11px/1 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--c5-wine)}

/* 07.7. Страницы ленты и пустой результат. */
.c7-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.c7-pager>span{font:600 11px/1.3 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--c5-muted);font-variant-numeric:tabular-nums}
.c7-pager a{display:inline-flex;align-items:center;gap:10px;padding:13px 21px;border:1px solid var(--c5-line);border-radius:100px;font:600 11px/1 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--c5-ink);transition:border-color .35s,color .35s}
.c7-pager a:hover{border-color:var(--c5-wine);color:var(--c5-wine)}
.c7-pager svg{width:16px;height:16px}
.c7-pager a>svg:first-child{transform:rotate(180deg)}
.c7-empty{padding:clamp(32px,4vw,56px);border:1px dashed var(--c5-line);border-radius:14px;text-align:center;display:grid;gap:14px;justify-items:center}
.c7-empty p{font:400 17px/1.6 var(--c5-body);color:var(--c5-muted)}
.c7-empty a{font:600 11px/1 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--c5-wine)}

/* 07.8. Карточки фотогалерей: обложка, счётчик снимков, заголовок. */
.c7-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:clamp(16px,1.8vw,26px)}
.c7-gallery-card{display:grid;gap:12px;align-content:start}
.c7-gallery-card-media{display:block;overflow:hidden;border-radius:12px;background:var(--c5-surface-2)}
.c7-gallery-card-media img{aspect-ratio:4/3;object-fit:cover;transition:transform .7s var(--ease)}
.c7-gallery-card:hover .c7-gallery-card-media img{transform:scale(1.04)}
.c7-gallery-card strong{font-family:var(--c5-heading);font-size:19px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--c5-ink);text-wrap:balance;transition:color .35s}
.c7-gallery-card:hover strong{color:var(--c5-wine)}

/* 07.9. Снимки галереи. Каждый седьмой кадр занимает две колонки —
   иначе сетка из сорока одинаковых квадратов читается как таблица. */
.c7-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:clamp(8px,1vw,14px)}
.c7-photos button{padding:0;border:0;overflow:hidden;border-radius:10px;background:var(--c5-surface-2);cursor:zoom-in}
.c7-photos img{aspect-ratio:1;object-fit:cover;transition:transform .6s var(--ease)}
.c7-photos button:hover img{transform:scale(1.05)}
.c7-photos button:nth-child(7n+1){grid-column:span 2}
.c7-photos button:nth-child(7n+1) img{aspect-ratio:2}

/* Просмотр снимка во весь экран. */
/* `minmax(0,1fr)`, а не `1fr`: у обычного `1fr` минимум равен содержимому,
   строка растёт под высокий снимок, и `max-height:100%` у него уже не
   от чего считать — низ кадра уходил за край экрана. */
.c7-lightbox{position:fixed;inset:0;z-index:200;display:grid;grid-template-rows:auto minmax(0,1fr);background:rgba(8,7,6,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.c7-lightbox[hidden]{display:none}
.c7-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px clamp(16px,3vw,34px);color:rgba(255,255,255,.82);font:600 11px/1 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase}
.c7-lightbox-bar button{padding:10px;border:0;background:none;color:#fff;cursor:pointer}
/* Кадр держится в границах сцены отступами от её краёв, а не процентами
   от своей строки: у строки высота зависит от содержимого, и `max-height`
   в процентах не от чего было считать — низ высокого снимка срезался. */
.c7-lightbox-stage{position:relative;min-height:0}
.c7-lightbox-stage img{
  position:absolute;
  inset:0;
  margin:auto;
  width:auto;
  height:auto;
  max-width:calc(100% - 2*clamp(16px,5vw,72px));
  max-height:calc(100% - clamp(20px,4vw,44px));
  object-fit:contain;
  border-radius:6px
}
/* Кадр теперь тоже absolute и по порядку в разметке стоит после левой
   стрелки — без слоя он накрывал бы её край и съедал нажатия. */
.c7-lightbox-step{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;transition:background-color .3s}
.c7-lightbox-step:hover{background:rgba(255,255,255,.2)}
.c7-lightbox-step[data-lightbox-step="-1"]{left:clamp(8px,2vw,22px);transform:translateY(-50%) rotate(180deg)}
.c7-lightbox-step[data-lightbox-step="1"]{right:clamp(8px,2vw,22px)}

/* 07.10. Узкие экраны. Число даты и кадр в строке ленты уходят первыми:
   на телефоне важнее заголовок. */
/* Число даты уходит из колонки в строку раньше остальной вёрстки: ниже
   этой ширины столбец под ним стал бы уже самого числа, а считанный
   выше отступ перестал бы сходиться с колонкой чтения. Проверено числами:
   на 1080 px край числа и край текста ещё совпадают. */
@media(max-width:1080px){
  .c7-cover{grid-template-columns:minmax(0,1fr);gap:18px}
  .c7-cover-date{display:flex;align-items:baseline;gap:12px;padding:0 0 14px;border-right:0;border-bottom:1px solid var(--c5-line);font-size:52px;text-align:left}
  .c7-cover-date span{margin:0}
  /* Двух колонок больше нет — колонка чтения выравнивается по левому краю
     листа, иначе текст оказывается уступом относительно заголовка. */
  .c7-body{justify-items:start}
}
@media(max-width:900px){
  .c7-lead{grid-template-columns:1fr}
  .c7-feed-item>a:has(.c7-feed-date),.c7-feed-item>a:has(.c7-feed-date):has(.c7-feed-media img){grid-template-columns:64px minmax(0,1fr)}
  .c7-feed-media{display:none}
  .c7-body>:is(.c7-figure,.c7-video){width:100%}
}
@media(max-width:640px){
  .c7-page{gap:30px;padding-bottom:72px}
  .c7-body p,.c7-body :is(ul,ol){font-size:16.5px;line-height:1.68}
  .c7-feed-copy em{-webkit-line-clamp:3}
  .c7-photos{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* В двух колонках широкий кадр занимает ряд один и держать 2:1 ради
     ровного ряда больше незачем — иначе он выглядит обрезанной полосой. */
  .c7-photos button:nth-child(7n+1){grid-column:span 2}
  .c7-photos button:nth-child(7n+1) img{aspect-ratio:3/2}
  .c7-gallery-grid{grid-template-columns:1fr}
  .c7-video-play{width:56px;height:56px}
  .c7-video-play svg{width:20px;height:20px}
}

/* 07.11. Форма поиска на своей странице: та же, что в шапке, но крупнее —
   здесь она главное, а не вспомогательное действие. */
.c7-search-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:26px;padding:8px 8px 8px 20px;border:1px solid var(--c5-line);border-radius:100px;background:var(--c5-surface)}
.c7-search-form>svg{width:20px;height:20px;color:var(--c5-muted)}
.c7-search-form input{min-width:0;height:46px;border:0;background:none;color:var(--c5-ink);font:400 17px/1 var(--c5-body)}
.c7-search-form input::placeholder{color:var(--c5-muted);opacity:.75}
.c7-search-form input:focus{outline:0}
.c7-search-form:focus-within{border-color:var(--c5-wine)}
.c7-search-form button{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 22px;border:0;border-radius:100px;background:var(--c5-wine);color:#fff;font:600 11px/1 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:opacity .3s}
.c7-search-form button:hover{opacity:.86}
.c7-search-form button svg{width:16px;height:16px}
/* У лент и поиска числа даты слева нет, заголовок начинается от края листа. */
.c7-cover--index{grid-template-columns:minmax(0,1fr);column-gap:0}
@media(max-width:640px){
  /* Кнопка уходит на вторую строку, и форма перестаёт быть таблеткой:
     со скруглением в 100 px у высокой рамки углы разъезжаются. */
  .c7-search-form{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:8px;border-radius:26px}
  .c7-search-form>svg{margin-left:8px}
  .c7-search-form button{grid-column:1/-1;justify-content:center}
}

/* 07.12. Календарь митрополии. Месяц остаётся рабочей сеткой, а не
   увеличенной копией системного datepicker: на широком экране в ячейках
   видны названия, на телефоне остаются числа и две понятные метки. */
.c10-calendar-page{--c10-on-accent:#fff;--c10-feast:#8a2630;--c10-fast:#4c7484;gap:clamp(30px,3.5vw,52px)}
html[data-hybrid-theme="dark"] .c10-calendar-page{--c10-on-accent:var(--c5-deep);--c10-feast:#dbb569;--c10-fast:#78a8b8}
html[data-hybrid-theme="dark"][data-hybrid-dark="silver"] .c10-calendar-page{--c10-feast:#d7a4b1;--c10-fast:#9dbfd0}
.c10-calendar-cover{margin-bottom:-6px}
.c10-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,350px);gap:18px;align-items:start}
.c10-calendar-board{overflow:hidden;border:1px solid var(--c5-line);border-radius:18px;background:var(--c5-surface);box-shadow:var(--c5-shadow)}
.c10-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 27px 22px;border-bottom:1px solid var(--c5-line)}
.c10-calendar-head>div>span{display:block;margin-bottom:7px;color:var(--c5-wine);font:600 10px/1 var(--c5-ui);letter-spacing:.14em;text-transform:uppercase}
.c10-calendar-head h2{font-size:clamp(27px,2.4vw,36px);color:var(--c5-ink)}
.c10-calendar-head nav{display:flex;align-items:center;gap:8px}
.c10-calendar-head nav>a{height:36px;display:grid;place-items:center;border:1px solid var(--c5-line);color:var(--c5-ink);transition:border-color .3s,color .3s,background-color .3s,transform .25s var(--ease)}
.c10-calendar-head nav>a:not(.c10-calendar-today){width:36px;border-radius:50%}
.c10-calendar-head nav>a:hover{border-color:var(--c5-wine);color:var(--c5-wine);background:var(--c5-surface-2)}
.c10-calendar-head nav>a:active{transform:scale(.94)}
.c10-calendar-head nav svg{width:14px;height:14px;fill:none;stroke:currentColor}
.c10-calendar-head nav>a:first-child svg{transform:rotate(180deg)}
.c10-calendar-head .c10-calendar-today{padding-inline:14px;border-radius:100px;font:600 10px/1 var(--c5-ui);letter-spacing:.09em;text-transform:uppercase}
.c10-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:11px 0;border-bottom:1px solid var(--c5-line);color:var(--c5-muted);font:600 9px/1 var(--c5-ui);letter-spacing:.13em;text-align:center;text-transform:uppercase}
.c10-calendar-grid{background:var(--c5-line)}
.c10-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin-bottom:1px}
.c10-calendar-week:last-child{margin-bottom:0}
.c10-calendar-cell{position:relative;min-width:0;min-height:112px;display:flex;flex-direction:column;gap:8px;padding:11px 10px;background:var(--c5-surface);color:var(--c5-ink);transition:background-color .32s,color .32s,box-shadow .32s}
.c10-calendar-cell:hover{z-index:1;background:var(--c5-surface-2);box-shadow:inset 0 0 0 1px var(--c5-wine)}
.c10-calendar-cell.is-outside{background:color-mix(in srgb,var(--c5-surface) 55%,transparent);color:var(--c5-muted)}
.c10-calendar-cell.has-fast:not(.is-selected){background:color-mix(in srgb,var(--c10-fast) 12%,var(--c5-surface))}
.c10-calendar-cell.has-feast:not(.is-selected){background:color-mix(in srgb,var(--c10-feast) 13%,var(--c5-surface))}
.c10-calendar-cell.has-feast.has-fast:not(.is-selected){background:linear-gradient(135deg,color-mix(in srgb,var(--c10-feast) 14%,var(--c5-surface)) 0 49%,color-mix(in srgb,var(--c10-fast) 15%,var(--c5-surface)) 51% 100%)}
.c10-calendar-cell:is(.has-feast,.has-fast):before{content:"";position:absolute;z-index:1;inset:0 0 auto;height:3px;background:var(--c10-fast)}
.c10-calendar-cell.has-feast:before{background:var(--c10-feast)}
.c10-calendar-cell.has-feast.has-fast:before{background:linear-gradient(90deg,var(--c10-feast) 0 50%,var(--c10-fast) 50%)}
.c10-calendar-cell.is-selected{background:var(--c5-wine);color:var(--c10-on-accent);box-shadow:none}
.c10-calendar-cell.is-selected:hover{background:var(--c5-wine);color:var(--c10-on-accent);box-shadow:none}
.c10-calendar-cell:focus-visible{z-index:2;outline:2px solid var(--c5-blue);outline-offset:-3px}
.c10-calendar-number{display:flex;align-items:baseline;justify-content:space-between;gap:5px}
.c10-calendar-number b{font:600 18px/1 var(--c5-heading);font-variant-numeric:tabular-nums}
.c10-calendar-number i{font:600 7px/1 var(--c5-ui);font-style:normal;letter-spacing:.09em;text-transform:uppercase;opacity:.72}
.c10-calendar-cell.has-great:not(.is-selected) .c10-calendar-number b{color:var(--c10-feast)}
.c10-calendar-event{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-family:var(--c5-heading);font-size:12px;font-weight:600;line-height:1.16;letter-spacing:-.015em}
.c10-calendar-event>i{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:4px;border-radius:50%;background:color-mix(in srgb,var(--c5-wine) 14%,transparent);font:600 8px/1 var(--c5-ui);font-style:normal}
.c10-calendar-fast{overflow:hidden;margin-top:auto;color:var(--c10-fast);font:600 8px/1.2 var(--c5-ui);letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.c10-calendar-cell.is-selected :is(.c10-calendar-event,.c10-calendar-fast,.c10-calendar-number b){color:inherit}
.c10-calendar-marks{display:none;align-items:center;justify-content:center;gap:5px;margin-top:auto}
.c10-calendar-marks i{width:7px;height:7px;border-radius:50%}
.c10-calendar-marks .is-feast{background:var(--c10-feast)}
.c10-calendar-marks .is-fast{border:2px solid var(--c10-fast);background:transparent}
.c10-calendar-cell.is-selected .c10-calendar-marks .is-feast{background:currentColor}
.c10-calendar-cell.is-selected .c10-calendar-marks .is-fast{border-color:currentColor}
.c10-calendar-legend{display:flex;flex-wrap:wrap;gap:9px 20px;padding:14px 27px 16px;border-top:1px solid var(--c5-line);color:var(--c5-muted);font:500 10px/1.3 var(--c5-ui)}
.c10-calendar-legend span{display:flex;align-items:center;gap:7px}
.c10-calendar-legend i{width:9px;height:9px;border-radius:50%}
.c10-calendar-legend .is-feast{background:var(--c10-feast)}
.c10-calendar-legend .is-fast{border:2px solid var(--c10-fast);background:transparent}

.c10-calendar-detail{position:sticky;top:104px;overflow:hidden;padding:27px;border:1px solid color-mix(in srgb,var(--c5-wine) 24%,transparent);border-radius:18px;background:radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--c5-blue) 17%,transparent),transparent 17rem),var(--c5-deep);color:#fff;box-shadow:0 24px 58px color-mix(in srgb,var(--c5-deep) 24%,transparent)}
.c10-calendar-detail>header{padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.15)}
.c10-calendar-detail>header>p{margin-bottom:15px;color:rgba(255,255,255,.58);font:600 9px/1 var(--c5-ui);letter-spacing:.15em;text-transform:uppercase}
.c10-calendar-detail>header>div{display:flex;align-items:center;gap:17px}
.c10-calendar-detail>header b{font:600 70px/.72 var(--c5-heading);letter-spacing:-.08em;font-variant-numeric:tabular-nums}
.c10-calendar-detail>header span{display:grid;gap:5px;padding-left:16px;border-left:1px solid rgba(255,255,255,.18)}
.c10-calendar-detail>header strong{font:600 17px/1.1 var(--c5-heading)}
.c10-calendar-detail>header em{color:rgba(255,255,255,.62);font:600 10px/1 var(--c5-ui);font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.c10-calendar-feasts{display:grid;margin:0;padding:7px 0 0;list-style:none}
.c10-calendar-feasts li{display:grid;grid-template-columns:23px minmax(0,1fr);gap:10px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.c10-calendar-feasts li>span{padding-top:4px;color:rgba(255,255,255,.4);font:600 9px/1 var(--c5-ui);letter-spacing:.08em}
.c10-calendar-feasts li>div{display:grid;gap:6px}
.c10-calendar-feasts small{color:color-mix(in srgb,var(--c5-blue) 72%,#fff);font:600 8px/1 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase}
.c10-calendar-feasts strong{font:600 17px/1.18 var(--c5-heading);letter-spacing:-.015em}
.c10-calendar-feasts p{color:rgba(255,255,255,.64);font:400 11px/1.45 var(--c5-body)}
.c10-calendar-empty{padding:22px 0;color:rgba(255,255,255,.68);font:400 14px/1.58 var(--c5-body)}
.c10-calendar-fast-card{display:grid;gap:7px;margin-top:18px;padding:14px 15px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.06)}
.c10-calendar-fast-card span{color:rgba(255,255,255,.55);font:600 8px/1 var(--c5-ui);letter-spacing:.12em;text-transform:uppercase}
.c10-calendar-fast-card strong{font:600 14px/1.2 var(--c5-heading)}
.c10-calendar-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:22px}
.c10-calendar-actions a{padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.38);font:600 10px/1 var(--c5-ui);letter-spacing:.05em}
.c10-calendar-actions a:hover{border-color:#fff}

.c10-calendar-upcoming{display:grid;gap:22px;padding-top:4px}
.c10-calendar-upcoming>header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--c5-line)}
.c10-calendar-upcoming>header p{margin-bottom:7px;color:var(--c5-wine);font:600 10px/1 var(--c5-ui);letter-spacing:.13em;text-transform:uppercase}
.c10-calendar-upcoming>header h2{font-size:clamp(27px,2.8vw,40px)}
.c10-calendar-upcoming>header>span{color:var(--c5-muted);font:600 10px/1 var(--c5-ui);letter-spacing:.1em;text-transform:uppercase}
.c10-calendar-upcoming>ol{display:grid;margin:0;padding:0;border-bottom:1px solid var(--c5-line);list-style:none}
.c10-calendar-upcoming li{border-top:1px solid var(--c5-line)}
.c10-calendar-upcoming a{display:grid;grid-template-columns:92px minmax(0,1fr) 34px;align-items:center;gap:22px;padding:19px 4px;color:var(--c5-ink)}
.c10-calendar-upcoming time{display:flex;align-items:baseline;gap:9px;font-variant-numeric:tabular-nums}
.c10-calendar-upcoming time b{font:600 34px/.9 var(--c5-heading);letter-spacing:-.05em}
.c10-calendar-upcoming time span{color:var(--c5-muted);font:600 9px/1 var(--c5-ui);letter-spacing:.1em;text-transform:uppercase}
.c10-calendar-upcoming a>span{display:grid;gap:5px}
.c10-calendar-upcoming strong{font:600 clamp(17px,1.5vw,21px)/1.18 var(--c5-heading);transition:color .3s}
.c10-calendar-upcoming small{color:var(--c5-muted);font:400 12px/1.4 var(--c5-body)}
.c10-calendar-upcoming svg{width:17px;height:17px;justify-self:end;fill:none;stroke:var(--c5-wine);transition:transform .35s var(--ease)}
.c10-calendar-upcoming a:hover strong{color:var(--c5-wine)}
.c10-calendar-upcoming a:hover svg{transform:translateX(4px)}

@media(max-width:1000px){
  .c10-calendar-layout{grid-template-columns:minmax(0,1fr)}
  .c10-calendar-detail{position:static;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:0 28px}
  .c10-calendar-detail>header{grid-row:1/4;padding:0 28px 0 0;border-right:1px solid rgba(255,255,255,.15);border-bottom:0}
  .c10-calendar-feasts{padding-top:0}
  .c10-calendar-actions{grid-column:2}
}
@media(max-width:700px){
  .c10-calendar-page{gap:28px}
  .c10-calendar-cover{margin-bottom:0}
  .c10-calendar-board{border-radius:12px}
  .c10-calendar-head{padding:18px 16px 16px}
  .c10-calendar-head h2{font-size:26px}
  .c10-calendar-head .c10-calendar-today{display:none}
  .c10-calendar-weekdays{padding-block:9px;font-size:8px}
  .c10-calendar-cell{min-height:58px;gap:3px;padding:7px 5px;text-align:center}
  .c10-calendar-number{justify-content:center}
  .c10-calendar-number b{font:600 14px/1 var(--c5-ui)}
  .c10-calendar-number i,.c10-calendar-event,.c10-calendar-fast{display:none}
  .c10-calendar-marks{display:flex}
  .c10-calendar-legend{padding:12px 15px 14px;font-size:9px}
  .c10-calendar-detail{display:block;padding:23px;border-radius:12px}
  .c10-calendar-detail>header{padding:0 0 20px;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}
  .c10-calendar-detail>header b{font-size:62px}
  .c10-calendar-feasts{padding-top:7px}
  .c10-calendar-actions{grid-column:auto}
  .c10-calendar-upcoming>header{display:block}
  .c10-calendar-upcoming>header>span{display:block;margin-top:9px}
  .c10-calendar-upcoming a{grid-template-columns:74px minmax(0,1fr) 20px;gap:13px;padding-block:16px}
  .c10-calendar-upcoming time{display:grid;gap:5px}
  .c10-calendar-upcoming time b{font-size:30px}
}
@media(max-width:380px){
  .c10-calendar-cell{min-height:51px;padding-inline:3px}
  .c10-calendar-legend{display:grid}
}

/* ============================================================
   08 · Заголовок первого экрана под любую длину
   ============================================================
   Заголовок здесь — h1 страницы, и он показывает полное название
   материала, а не сокращённое: сокращённое остаётся во вкладках, где
   места действительно нет. Полные названия бывают и в семьдесят знаков,
   а один кегль на все длины давал пять строк, уходящих под шапку.
   Поэтому кегль ступенчатый, ступень считает `title_scale` по длине.
   Ступени подобраны так, чтобы блок заголовка держал примерно одну
   высоту при любой длине: короткое название — крупно в две строки,
   длинное — мельче в три. Замерено на 1440, 1280, 1120 и 500 px. */
.prototype--hybrid .c6-hero-copy{--c6-title-vw:5.5vw;--c6-title-max:82px}
.prototype--hybrid .c6-hero-copy[data-title-scale="m"]{--c6-title-vw:4.6vw;--c6-title-max:68px}
.prototype--hybrid .c6-hero-copy[data-title-scale="l"]{--c6-title-vw:3.8vw;--c6-title-max:57px}
.prototype--hybrid .c6-hero-copy[data-title-scale="xl"]{--c6-title-vw:3.2vw;--c6-title-max:47px}
.prototype--hybrid .c6-hero-copy h1{font-size:clamp(34px,var(--c6-title-vw),var(--c6-title-max));max-width:var(--c6-title-measure,20ch)}
/* Короткое название держим узкой мерой — так оно читается заголовком,
   а не строкой через весь экран. Длинному отдаём всю колонку: ему нужна
   каждая литера ширины, чтобы уложиться в три строки. */
.prototype--hybrid .c6-hero-copy[data-title-scale="m"]{--c6-title-measure:24ch}
.prototype--hybrid .c6-hero-copy[data-title-scale="l"],
.prototype--hybrid .c6-hero-copy[data-title-scale="xl"]{--c6-title-measure:none}

/* У длинного названия аннотация под ним уже ничего не добавляет: она
   повторяет его же словами и отнимает две строки высоты. */
.prototype--hybrid .c6-hero-copy[data-title-scale="xl"] .c6-hero-summary{display:none}

@media(max-width:1180px){
  .prototype--hybrid .c6-hero-copy{--c6-title-vw:6vw}
  .prototype--hybrid .c6-hero-copy[data-title-scale="m"]{--c6-title-vw:5vw}
  .prototype--hybrid .c6-hero-copy[data-title-scale="l"]{--c6-title-vw:4.2vw}
  .prototype--hybrid .c6-hero-copy[data-title-scale="xl"]{--c6-title-vw:3.6vw}
}
@media(max-width:640px){
  /* На телефоне ширина одна на все ступени, поэтому кегль задаётся
     от неё, а не от окна: иначе длинное название набирается в семь строк. */
  .prototype--hybrid .c6-hero-copy h1{font-size:clamp(30px,var(--c6-title-vw),var(--c6-title-max));max-width:none}
  .prototype--hybrid .c6-hero-copy{--c6-title-vw:11.4vw;--c6-title-max:48px}
  .prototype--hybrid .c6-hero-copy[data-title-scale="m"]{--c6-title-vw:9.6vw;--c6-title-max:42px}
  .prototype--hybrid .c6-hero-copy[data-title-scale="l"]{--c6-title-vw:8.2vw;--c6-title-max:36px}
  .prototype--hybrid .c6-hero-copy[data-title-scale="xl"]{--c6-title-vw:7.2vw;--c6-title-max:32px}
}

/* Лента меню уступает место кнопке «все разделы», когда перестаёт помещаться.
   Решение принимает скрипт замером: медиавыражение здесь бесполезно —
   пунктов меню столько, сколько завёл редактор, и любой порог разъедется
   при первой правке. Правило ниже 1120 px оставлено на случай без скрипта. */
html.nav-too-wide .prototype--hybrid .c6-nav{display:none}

/* ============================================================
   09 · Справочные разделы: архиерей, монастыри и храмы, духовенство, святыни
   ============================================================
   Разделы справочные, а не новостные: здесь нет дат, зато много
   однотипных строк — сто восемьдесят храмов и почти две сотни карточек
   духовенства. Поэтому всё держится на линейках и воздухе, без рамок,
   теней и плиток: рамка вокруг каждой из двухсот строк превращает
   страницу в таблицу, а это и есть тот самый шаблонный вид.
   Компоненты повторяют раскладку раздела 07 и берут его переменные. */

/* 09.1. Общий блок раздела. Отличается от `c7-after` тем, что не отбит
   линейкой сверху: линейка нужна там, где блок закрывает материал. */
.c8-block{display:grid;gap:clamp(20px,2.2vw,30px)}

/* 09.2. Страница архиерея. Портрет занимает ту же колонку, где у материала
   стоит крупное число даты, поэтому имя начинается ровно там же, где
   колонка чтения. Ширина считается от сетки — как у `.c7-cover`. */
.c8-bishop-cover{grid-template-columns:minmax(200px,calc(50% - var(--c7-column)/2 + 80px)) minmax(0,1fr);gap:clamp(26px,3vw,44px)}
.c8-bishop-portrait{display:grid;gap:20px;align-content:start}
.c8-bishop-portrait img{border-radius:12px;aspect-ratio:4/5;object-fit:cover;background:var(--c5-surface-2)}

/* 09.2а. Правящий архиерей на странице епархии. Первый человек епархии
   не может стоять справочной строкой в одном ряду с адресом сайта, но
   и второй шапкой ему быть нельзя: заголовок на странице один. Поэтому
   полоса под заголовком — жирная линейка сверху, портрет слева и имя
   серифом в кегле подзаголовка. У соседних епархий портрета нет, и
   колонка под него не резервируется. */
.c8-primate{display:grid;gap:clamp(14px,1.6vw,20px);padding-top:clamp(20px,2.4vw,32px);border-top:2px solid var(--c5-ink)}
.c8-primate-role{font:600 11px/1.3 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--c5-wine)}
.c8-primate-body{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,2.2vw,34px);align-items:start}
.c8-primate-body:has(.c8-primate-face){grid-template-columns:min(190px,24%) minmax(0,1fr)}
.c8-primate-face{display:block;overflow:hidden;border-radius:12px;background:var(--c5-surface-2)}
.c8-primate-face img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 22%;transition:transform .7s var(--ease)}
.c8-primate:hover .c8-primate-face img{transform:scale(1.03)}
.c8-primate-copy{display:grid;gap:9px;min-width:0}
.c8-primate-copy h2{font-family:var(--c5-heading);font-size:clamp(24px,2.5vw,34px);font-weight:600;line-height:1.14;letter-spacing:-.025em;color:var(--c5-ink);text-wrap:balance}
.c8-primate-copy h2 a{color:inherit;transition:color .35s}
.c8-primate-copy h2 a:hover{color:var(--c5-wine)}
.c8-primate-secular{font:400 17px/1.5 var(--c5-body);color:var(--c5-muted)}
.c8-primate-more{justify-self:start;margin-top:4px;font:600 11px/1 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--c5-wine);border-bottom:1px solid transparent;transition:border-color .3s}
.c8-primate-more:hover{border-bottom-color:currentColor}
.c8-primate-vicar{display:grid;gap:4px;margin-top:clamp(10px,1.2vw,16px);padding-top:clamp(12px,1.4vw,18px);border-top:1px solid var(--c5-line)}
.c8-primate-vicar span{font:600 10px/1.3 var(--c5-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--c5-muted)}
.c8-primate-vicar strong{font-family:var(--c5-heading);font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-.015em;color:var(--c5-ink)}
.c8-primate-vicar em{font:400 14px/1.45 var(--c5-body);font-style:normal;color:var(--c5-muted)}

/* Даты справочные: список пар, разделённых волосяной линией. */
.c8-facts{margin:0;display:grid;gap:0}
.c8-facts>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--c5-line)}
.c8-facts>div:last-child{border-bottom:1px solid var(--c5-line)}
.c8-facts dt{font:600 11px/1.3 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--c5-muted)}
.c8-facts dd{margin:0;font:400 15px/1.45 var(--c5-body);color:var(--c5-ink);text-align:right}
/* У монастыря те же пары идут в строку: их четыре, и вертикально они
   растягивают страницу без пользы. */
.c8-facts--row{margin-top:24px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0 clamp(20px,2.6vw,40px)}
.c8-facts--row>div{grid-template-columns:minmax(0,1fr);gap:6px;border-bottom:1px solid var(--c5-line)}
.c8-facts--row dd{text-align:left;word-break:break-word}

/* Образование, награды, труды: три коротких столбца под биографией. */
.c8-dossier{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(24px,3vw,48px)}
.c8-dossier-part h2{font-size:clamp(19px,1.7vw,23px);color:var(--c5-ink);margin-bottom:14px}
.c8-dossier-part h2:before{content:"";display:block;width:38px;height:2px;margin-bottom:16px;background:var(--c5-wine)}
.c8-dossier-part :is(ul,ol){margin:0;padding-left:1.15em;display:grid;gap:9px;font:400 15px/1.55 var(--c5-body);color:var(--c5-ink)}
.c8-dossier-part li::marker{color:var(--c5-wine)}
.c8-dossier-part p{font:400 15px/1.6 var(--c5-body);color:var(--c5-ink)}

/* 09.3. Благочиния на входе в раздел: название, благочинный, число храмов.
   Это навигация, поэтому строки, а не карточки с кадрами. */
.c8-deaneries{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:0 clamp(24px,3vw,48px)}
.c8-deaneries li{border-top:1px solid var(--c5-line)}
.c8-deaneries a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px 16px;padding:17px 0}
.c8-deaneries strong{font-family:var(--c5-heading);font-size:19px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--c5-ink);transition:color .35s}
.c8-deaneries em{grid-column:1;font:400 13px/1.45 var(--c5-body);font-style:normal;color:var(--c5-muted)}
.c8-deaneries span{grid-column:2;grid-row:1/3;align-self:center;font-family:var(--c5-heading);font-size:26px;font-weight:600;letter-spacing:-.04em;color:var(--c5-line);font-variant-numeric:tabular-nums;transition:color .35s}
.c8-deaneries a:hover strong{color:var(--c5-wine)}
.c8-deaneries a:hover span{color:var(--c5-wine)}

/* 09.4. Строка места — монастыря или храма: кадр, название, адрес,
   настоятель. Кадр есть не у всех, поэтому колонка под него задаётся
   через `:has()`: пустая колонка выглядит как сбитая вёрстка. */
.c8-places{margin:0;padding:0;list-style:none;display:grid}
.c8-place{border-top:1px solid var(--c5-line);padding:clamp(18px,2vw,26px) 0}
.c8-place:last-child{border-bottom:1px solid var(--c5-line)}
.c8-place{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(14px,1.8vw,26px);align-items:start}
.c8-place:has(.c8-place-media img){grid-template-columns:min(260px,32%) minmax(0,1fr)}
.c8-place-media{display:block;overflow:hidden;border-radius:10px;background:var(--c5-surface-2)}
.c8-place-media img{aspect-ratio:4/3;object-fit:cover;transition:transform .7s var(--ease)}
.c8-place:hover .c8-place-media img{transform:scale(1.04)}
/* Портрет вместо снимка епархии: у него свои пропорции, кадр 4:3
   срезал бы голову. Колонку под него делаем уже — портрет в ширину
   карточки читается как чужая фотография во всю полосу. */
.c8-places .c8-place:has(.c8-place-media--face){grid-template-columns:min(170px,22%) minmax(0,1fr)}
.c8-place-media--face img{aspect-ratio:3/4}
.c8-place-copy{display:grid;gap:8px;min-width:0}
.c8-place-copy>small{font:600 11px/1.3 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--c5-blue)}
.c8-place-copy strong{font-family:var(--c5-heading);font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--c5-ink);transition:color .35s}
.c8-place-copy a:hover strong{color:var(--c5-wine)}
.c8-place-copy p{font:400 15px/1.55 var(--c5-body);color:var(--c5-muted);text-wrap:pretty}
.c8-contacts{display:flex;flex-wrap:wrap;gap:6px 18px}
.c8-contacts a{color:var(--c5-wine);transition:opacity .3s}
.c8-contacts a:hover{opacity:.72}

/* Приписные храмы идут отступом под своим приходом: в общем списке они
   выглядели бы равными приходским, а прихода у них нет. */
.c8-chapels{margin-top:6px;padding-left:16px;border-left:1px solid var(--c5-line)}
.c8-chapels>p{font:600 10px/1.3 var(--c5-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--c5-muted);margin-bottom:8px}
.c8-chapels ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.c8-chapels li{font:400 14px/1.45 var(--c5-body)}
.c8-chapels a{color:var(--c5-ink);border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.c8-chapels a:hover{color:var(--c5-wine);border-bottom-color:color-mix(in srgb,var(--c5-wine) 45%,transparent)}
.c8-chapels em{margin-left:8px;font:600 10px/1 var(--c5-ui);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--c5-muted)}

/* 09.5. Отбор духовенства: положение, буква фамилии, благочиние.
   Всё ссылками и обычной формой — страница обязана работать без скрипта
   и давать ссылку на выбранную букву. */
.c8-filters{display:grid;gap:16px}
.c8-tabs,.c8-alphabet{display:flex;flex-wrap:wrap;gap:8px}
.c8-tabs a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:100px;border:1px solid var(--c5-line);font:600 11px/1 var(--c5-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--c5-ink);transition:border-color .35s,color .35s}
.c8-tabs a b{font-variant-numeric:tabular-nums;color:var(--c5-muted)}
.c8-tabs a:hover{border-color:var(--c5-wine);color:var(--c5-wine)}
.c8-tabs a[aria-current]{border-color:var(--c5-wine);color:var(--c5-wine)}
.c8-tabs a[aria-current] b{color:inherit}
/* Буквы стоят в ряд, а не в кружках: кружков тридцать три, и они читаются
   как панель управления, а не как строка алфавита. */
.c8-alphabet{gap:2px 4px;padding-bottom:12px;border-bottom:1px solid var(--c5-line)}
.c8-alphabet a{min-width:30px;padding:6px 7px;text-align:center;font:600 13px/1 var(--c5-ui);color:var(--c5-muted);border-bottom:2px solid transparent;transition:color .3s,border-color .3s}
.c8-alphabet a:first-child{min-width:auto;padding-inline:4px 12px;letter-spacing:.09em;text-transform:uppercase;font-size:11px}
.c8-alphabet a:hover{color:var(--c5-ink)}
.c8-alphabet a[aria-current]{color:var(--c5-wine);border-bottom-color:var(--c5-wine)}
.c8-pick{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.c8-pick label{font:600 11px/1 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--c5-muted)}
.c8-pick select{height:40px;padding:0 14px;border:1px solid var(--c5-line);border-radius:100px;background:var(--c5-surface);color:var(--c5-ink);font:400 14px/1 var(--c5-body)}
.c8-pick select:focus{outline:0;border-color:var(--c5-wine)}
.c8-pick button{height:40px;padding:0 20px;border:0;border-radius:100px;background:var(--c5-wine);color:#fff;font:600 11px/1 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:opacity .3s}
.c8-pick button:hover{opacity:.86}

/* 09.6. Карточки духовенства. Портрет есть у трёх десятков из двух сотен,
   поэтому место под него держится и пустым — иначе сетка рвётся на каждой
   второй карточке. Вместо снимка стоит буква фамилии. */
.c8-clergy{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 clamp(20px,2.6vw,40px)}
.c8-clergy-item{border-top:1px solid var(--c5-line)}
.c8-clergy-item>a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;padding:16px 0}
.c8-clergy-face{display:block;width:64px;height:64px;overflow:hidden;border-radius:50%;background:var(--c5-surface-2)}
.c8-clergy-face img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.c8-clergy-item>a:hover .c8-clergy-face img{transform:scale(1.06)}
.c8-clergy-face-empty{display:grid;place-items:center;width:100%;height:100%;font-family:var(--c5-heading);font-size:24px;font-weight:600;color:var(--c5-muted)}
.c8-clergy-copy{display:grid;gap:5px;min-width:0}
.c8-clergy-copy small{font:600 10px/1.3 var(--c5-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--c5-blue)}
.c8-clergy-copy strong{font-family:var(--c5-heading);font-size:17px;font-weight:600;line-height:1.25;letter-spacing:-.015em;color:var(--c5-ink);transition:color .35s}
.c8-clergy-copy em{font:400 13px/1.45 var(--c5-body);font-style:normal;color:var(--c5-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c8-clergy-item>a:hover .c8-clergy-copy strong{color:var(--c5-wine)}

/* 09.7. Карточка одного священнослужителя: портрет крупнее, должности
   списком — их бывает до четырёх, и в строку они не читаются. */
.c8-person-cover{grid-template-columns:min(240px,28%) minmax(0,1fr);gap:clamp(22px,2.6vw,38px)}
.c8-person-face{overflow:hidden;border-radius:12px;background:var(--c5-surface-2);aspect-ratio:4/5;display:grid}
.c8-person-face img{width:100%;height:100%;object-fit:cover}
.c8-person-face .c8-clergy-face-empty{font-size:64px}
.c8-roles{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:9px}
.c8-roles li{position:relative;padding-left:18px;font:400 16px/1.5 var(--c5-body);color:var(--c5-ink);text-wrap:pretty}
.c8-roles li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:1px;background:var(--c5-wine)}

/* Списки связанных страниц: храмы клирика, окормляемые храмы, святыни. */
.c8-linked{margin:0;padding:0;list-style:none;display:grid}
.c8-linked li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;padding:13px 0;border-top:1px solid var(--c5-line)}
.c8-linked li:last-child{border-bottom:1px solid var(--c5-line)}
.c8-linked a{font-family:var(--c5-heading);font-size:17px;font-weight:600;line-height:1.25;letter-spacing:-.015em;color:var(--c5-ink);transition:color .35s}
.c8-linked a:hover{color:var(--c5-wine)}
.c8-linked em{font:600 10px/1 var(--c5-ui);font-style:normal;letter-spacing:.11em;text-transform:uppercase;color:var(--c5-wine)}
.c8-linked span{grid-column:1;font:400 13px/1.45 var(--c5-body);color:var(--c5-muted)}
.c8-note{font:400 15px/1.55 var(--c5-body);color:var(--c5-muted)}

/* 09.8. Святыни. Записей мало и каждая весома, поэтому строки крупные —
   это тот же ведущий материал ленты, только их несколько подряд. */
.c8-shrines{display:grid;gap:clamp(28px,3.4vw,52px)}
.c8-shrine{padding-top:clamp(24px,2.8vw,42px);border-top:1px solid var(--c5-line)}
.c8-shrine:first-child{padding-top:0;border-top:0}
.c8-shrine .c7-lead-copy small{color:var(--c5-blue)}

/* 09.9. Узкие экраны. Первым уходит боковой портрет: на телефоне важнее
   имя и должность, а квадрат в полэкрана только отодвигает их вниз. */
/* ============================================================
   09.9 · Святцы: собор святых одной страницей
   Сто тридцать восемь имён. Ни обложек, ни карточек в источнике
   нет и не будет — есть имя, сан, год преставления и дни памяти.
   Поэтому здесь книжная полоса, а не сетка плиток: буква стоит
   на полях и держится при прокрутке своей группы, строки
   разделены волосяной линейкой, цифры выровнены по разрядам.
   ============================================================ */
.c9-synaxis{display:grid;gap:clamp(30px,3.4vw,52px)}
.c9-synaxis-group{display:grid;grid-template-columns:clamp(70px,7vw,104px) minmax(0,1fr);gap:clamp(16px,2vw,30px);align-items:start}
/* Буква — не заголовок для чтения, а закладка на полях: держится
   у верхней кромки, пока идёт её группа. Отступ равен высоте
   плавающей ленты меню, иначе буква уезжает под неё. */
.c9-synaxis-letter{
  position:sticky;
  top:96px;
  margin:0;
  font-family:var(--c5-heading);
  font-size:clamp(38px,4.4vw,64px);
  font-weight:600;
  line-height:.9;
  letter-spacing:-.05em;
  color:var(--c5-wine);
  opacity:.32;
  text-align:right
}
.c9-synaxis-list{margin:0;padding:0;list-style:none;display:grid}
/* Ширины колонок заданы числом, а не долями: доли считаются внутри
   строки, и сан вставал бы у каждого имени на своём месте — сто строк
   с плавающей колонкой читаются как рассыпанный набор. */
.c9-saint{
  display:grid;
  grid-template-columns:minmax(0,1fr) clamp(120px,15vw,200px) clamp(112px,13vw,158px);
  gap:4px clamp(16px,2vw,32px);
  align-items:baseline;
  padding:14px 0;
  border-top:1px solid var(--c5-line);
  transition:border-color .35s
}
.c9-synaxis-list>li:last-child{border-bottom:1px solid var(--c5-line)}
.c9-saint:hover{border-top-color:color-mix(in srgb,var(--c5-wine) 42%,transparent)}
.c9-saint-name{font:400 clamp(16px,1.35vw,18px)/1.4 var(--c5-body);color:var(--c5-ink);text-wrap:pretty}
.c9-saint-rank{font:600 10px/1.6 var(--c5-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--c5-muted);text-wrap:pretty}
.c9-saint-when{grid-column:3;display:flex;align-items:baseline;justify-content:flex-end;gap:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
.c9-saint-when b{font:600 14px/1.4 var(--c5-ui);color:var(--c5-ink)}
.c9-saint-when em{font:400 13px/1.4 var(--c5-body);font-style:normal;color:var(--c5-muted)}
/* ============================================================
   09.10 · Справочник отделов
   Одиннадцать строк, у каждой руководитель и четыре способа связи.
   Ни карточек, ни рамок: номер на полях, название и связь — двумя
   колонками, между строками волосяная линейка. Так же устроены
   благочиния и святыни, и это одна и та же порода списка.
   ============================================================ */
.c9-desks{margin:0;padding:0;list-style:none;display:grid;counter-reset:desk}
.c9-desk{
  display:grid;
  grid-template-columns:clamp(46px,5vw,72px) minmax(0,1.15fr) minmax(0,1fr);
  gap:clamp(14px,2vw,32px);
  align-items:start;
  padding:clamp(20px,2.2vw,30px) 0;
  border-top:1px solid var(--c5-line);
  transition:border-color .35s
}
.c9-desks>li:last-child{border-bottom:1px solid var(--c5-line)}
.c9-desk:hover{border-top-color:color-mix(in srgb,var(--c5-wine) 42%,transparent)}
.c9-desk-number{font:600 12px/1.1 var(--c5-ui);letter-spacing:.06em;color:var(--c5-wine);font-variant-numeric:tabular-nums;padding-top:5px}
.c9-desk-copy{min-width:0;display:grid;gap:8px}
.c9-desk-copy h2{margin:0;font-family:var(--c5-heading);font-size:clamp(18px,1.75vw,23px);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--c5-ink);text-wrap:balance}
.c9-desk-head{margin:0;font:400 15px/1.5 var(--c5-body);color:var(--c5-ink)}
.c9-desk-head>span{display:block;font:600 10px/1.6 var(--c5-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--c5-muted)}
.c9-desk-contact{min-width:0;display:grid;gap:10px;padding-top:3px}
.c9-desk-address{margin:0;font:400 14px/1.55 var(--c5-body);color:var(--c5-muted);text-wrap:pretty}
.c9-desk-links{margin:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.c9-desk-links a{position:relative;font:600 13px/1.5 var(--c5-ui);color:var(--c5-ink);word-break:break-word;transition:color .3s}
.c9-desk-links a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--c5-wine);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s var(--ease)}
.c9-desk-links a:hover{color:var(--c5-wine)}
.c9-desk-links a:hover:after{transform:scaleX(1)}

/* ============================================================
   09.11 · Визитка и реквизиты
   Адрес и телефон набраны крупно и нажимаются — их читают
   с телефона. Реквизиты стоят таблицей подписей и значений:
   их переписывают в платёжку, и цифры выровнены по разрядам.
   ============================================================ */
.c9-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0;border-top:1px solid var(--c5-line);border-bottom:1px solid var(--c5-line)}
.c9-card-cell{display:grid;align-content:start;gap:9px;padding:clamp(22px,2.4vw,32px) clamp(20px,2.4vw,34px) clamp(22px,2.4vw,32px) 0}
.c9-card-cell+.c9-card-cell{border-left:1px solid var(--c5-line);padding-left:clamp(20px,2.4vw,34px)}
.c9-card-cell small{font:600 10px/1 var(--c5-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--c5-wine)}
.c9-card-cell p{margin:0;font-family:var(--c5-heading);font-size:clamp(17px,1.6vw,21px);font-weight:500;line-height:1.32;letter-spacing:-.015em;color:var(--c5-ink);text-wrap:pretty}
.c9-card-cell p a{color:inherit;border-bottom:1px solid color-mix(in srgb,var(--c5-wine) 34%,transparent);transition:color .3s,border-color .3s}
.c9-card-cell p a:hover{color:var(--c5-wine);border-bottom-color:var(--c5-wine)}
.c9-card-cell>a{display:inline-flex;align-items:center;gap:8px;font:600 11px/1 var(--c5-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--c5-wine);transition:gap .3s var(--ease)}
.c9-card-cell>a svg{width:13px;height:13px}
.c9-card-cell>a:hover{gap:13px}
.c9-card-note{font:400 13px/1.5 var(--c5-body);color:var(--c5-muted)}

.c9-requisites{display:grid;gap:clamp(16px,1.8vw,24px)}
.c9-requisites>h2{margin:0;font:600 11px/1 var(--c5-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--c5-muted)}
/* Две колонки, не больше: реквизиты переписывают сверху вниз, и три
   колонки заставляют читать змейкой. Номер счёта в двух колонках
   помещается в строку — в трёх он ломался посередине разряда. */
.c9-requisites-list{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,3vw,56px)}
.c9-requisites-list>div{display:grid;grid-template-columns:minmax(0,168px) minmax(0,1fr);gap:10px 20px;align-items:baseline;padding:13px 0;border-top:1px solid var(--c5-line)}
.c9-requisites-list dt{font:600 10px/1.5 var(--c5-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--c5-muted)}
.c9-requisites-list dd{margin:0;font:400 15px/1.5 var(--c5-body);color:var(--c5-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}

/* Баннер проекта вписывается целиком: название нарисовано на нём,
   и кадрирование срезает его вместе с половиной смысла. Пропорции
   у баннеров разные, поэтому высота задана, а ширина свободна. */
.c9-project-media{display:grid;place-items:center;background:transparent}
.c9-project-media img{width:auto;max-width:100%;max-height:180px;object-fit:contain;border-radius:8px}

/* ============================================================
   09.12 · Полосы раздела «Медиа»
   Три полосы с разной геометрией: съёмка — кадром 3:2, ролик —
   широким кадром с меткой времени, публикация — строкой с датой.
   Одинаковые сетки читались бы как одна лента, показанная трижды.
   ============================================================ */
.c9-band{display:grid;gap:clamp(18px,2vw,28px)}
.c9-band-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--c5-line)}
.c9-band-head h2{margin:0;font-family:var(--c5-heading);font-size:clamp(22px,2.4vw,32px);font-weight:600;line-height:1.1;letter-spacing:-.025em;color:var(--c5-ink)}
.c9-band-head a{display:inline-flex;align-items:center;gap:8px;font:600 11px/1 var(--c5-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--c5-wine);transition:gap .3s var(--ease)}
.c9-band-head a svg{width:13px;height:13px}
.c9-band-head a:hover{gap:13px}

.c9-frames{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:clamp(20px,2.4vw,34px)}
.c9-frames--wide{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.c9-frames a{display:grid;gap:11px}
.c9-frame-media{position:relative;display:block;overflow:hidden;border-radius:10px;background:var(--c5-surface-2);aspect-ratio:3/2}
.c9-frames--wide .c9-frame-media{aspect-ratio:16/9}
.c9-frame-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .5s}
.c9-frames a:hover .c9-frame-media img{transform:scale(1.035)}
.c9-frame-media em{position:absolute;right:9px;bottom:9px;padding:4px 9px;border-radius:100px;background:rgba(14,12,10,.62);color:#fff;font:600 10px/1 var(--c5-ui);letter-spacing:.06em;font-style:normal;backdrop-filter:blur(6px)}
.c9-frame-media b{position:absolute;inset:0;display:grid;place-items:center;color:#fff}
.c9-frame-media b svg{width:40px;height:40px;filter:drop-shadow(0 3px 14px rgba(0,0,0,.42));transition:transform .45s var(--ease)}
.c9-frames a:hover .c9-frame-media b svg{transform:scale(1.1)}
.c9-frames strong{font-family:var(--c5-heading);font-size:clamp(15px,1.35vw,18px);font-weight:600;line-height:1.24;letter-spacing:-.015em;color:var(--c5-ink);text-wrap:balance;transition:color .3s}
.c9-frames a:hover strong{color:var(--c5-wine)}
.c9-frames small{font:600 10px/1 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--c5-muted)}

.c9-reading{margin:0;padding:0;list-style:none;display:grid}
.c9-reading li{border-top:1px solid var(--c5-line)}
.c9-reading li:last-child{border-bottom:1px solid var(--c5-line)}
.c9-reading a{display:grid;grid-template-columns:clamp(78px,8vw,108px) minmax(0,1fr);gap:clamp(14px,2vw,28px);align-items:baseline;padding:16px 0}
.c9-reading-when{font:600 11px/1.5 var(--c5-ui);letter-spacing:.05em;color:var(--c5-muted);font-variant-numeric:tabular-nums}
.c9-reading-copy{display:grid;gap:6px;min-width:0}
.c9-reading-copy strong{font-family:var(--c5-heading);font-size:clamp(17px,1.6vw,21px);font-weight:600;line-height:1.24;letter-spacing:-.02em;color:var(--c5-ink);text-wrap:balance;transition:color .3s}
.c9-reading a:hover strong{color:var(--c5-wine)}
.c9-reading-copy em{font:400 14px/1.55 var(--c5-body);font-style:normal;color:var(--c5-muted);text-wrap:pretty}

/* ============================================================
   09.13 · Перечень архиереев
   Годы — главный столбец: по ним такой список и читают. Временно
   управлявшие набраны тише и с отступом, чтобы череда правящих
   читалась сплошной, а не прерывалась через строку.
   ============================================================ */
.c9-reign{display:grid;gap:clamp(14px,1.6vw,22px)}
.c9-reign-title{margin:0;font:600 11px/1 var(--c5-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--c5-wine)}
.c9-reign-list{margin:0;padding:0;list-style:none;display:grid}
.c9-reign-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.85fr) clamp(150px,17vw,240px);
  gap:4px clamp(16px,2vw,30px);
  align-items:baseline;
  padding:13px 0;
  border-top:1px solid var(--c5-line);
  transition:border-color .35s
}
.c9-reign-list>li:last-child{border-bottom:1px solid var(--c5-line)}
.c9-reign-row:hover{border-top-color:color-mix(in srgb,var(--c5-wine) 42%,transparent)}
.c9-reign-name{font:400 clamp(16px,1.35vw,18px)/1.4 var(--c5-body);color:var(--c5-ink)}
.c9-reign-name a{color:inherit;border-bottom:1px solid color-mix(in srgb,var(--c5-wine) 34%,transparent);transition:color .3s,border-color .3s}
.c9-reign-name a:hover{color:var(--c5-wine);border-bottom-color:var(--c5-wine)}
.c9-reign-name i{display:block;font:600 9px/1.6 var(--c5-ui);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--c5-muted)}
.c9-reign-note{font:400 13px/1.5 var(--c5-body);color:var(--c5-muted);text-wrap:pretty}
.c9-reign-years{grid-column:3;text-align:right;font:400 14px/1.4 var(--c5-ui);color:var(--c5-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.c9-reign-row.is-acting{padding-block:9px}
.c9-reign-row.is-acting .c9-reign-name{padding-left:clamp(12px,1.4vw,22px);font-size:15px;color:var(--c5-muted)}
.c9-reign-row.is-acting .c9-reign-years{font-size:13px;color:var(--c5-muted)}

/* ============================================================
   09.14 · Церковные новости: строки, уводящие с сайта
   Записи ведут на чужие сайты, и это должно быть видно до нажатия:
   дата отдельным столбцом, источник подписью над заголовком,
   стрелка на правом краю. Карточек нет — их сорок, и сетка плиток
   превратила бы чужие заголовки в наши анонсы.
   ============================================================ */
.c9-outward{margin:0;padding:0;list-style:none;display:grid}
.c9-outward li{border-top:1px solid var(--c5-line)}
.c9-outward li:last-child{border-bottom:1px solid var(--c5-line)}
.c9-outward a{
  display:grid;
  grid-template-columns:clamp(62px,6vw,84px) minmax(0,1fr) auto;
  gap:clamp(16px,2vw,30px);
  align-items:start;
  padding:clamp(16px,1.9vw,24px) 0
}
.c9-outward-when{display:grid;justify-items:end;gap:1px;text-align:right;font-variant-numeric:tabular-nums;padding-top:2px}
.c9-outward-when b{font-family:var(--c5-heading);font-size:clamp(22px,2.2vw,30px);font-weight:600;line-height:.9;letter-spacing:-.04em;color:var(--c5-ink)}
.c9-outward-when span{font:600 9px/1.4 var(--c5-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--c5-wine)}
.c9-outward-when i{font:400 10px/1.4 var(--c5-ui);font-style:normal;color:var(--c5-muted)}
.c9-outward-copy{display:grid;gap:6px;min-width:0}
.c9-outward-copy small{font:600 10px/1.4 var(--c5-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--c5-muted)}
.c9-outward-copy strong{font-family:var(--c5-heading);font-size:clamp(17px,1.6vw,21px);font-weight:600;line-height:1.26;letter-spacing:-.02em;color:var(--c5-ink);text-wrap:pretty;transition:color .3s}
.c9-outward a:hover strong{color:var(--c5-wine)}
.c9-outward-copy em{max-width:78ch;font:400 14px/1.6 var(--c5-body);font-style:normal;color:var(--c5-muted);text-wrap:pretty}
.c9-outward-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--c5-line);border-radius:50%;color:var(--c5-wine);opacity:.55;transition:opacity .35s,border-color .35s,transform .45s var(--ease)}
.c9-outward-mark svg{width:13px;height:13px;transform:rotate(-45deg)}
.c9-outward a:hover .c9-outward-mark{opacity:1;border-color:var(--c5-wine);transform:translate(3px,-3px)}

/* Переход в соседний раздел одной строкой: не карточка и не баннер —
   та же волосяная линейка, что у списков, только во всю ширину. */
.c9-crosslink{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(16px,2vw,32px);
  padding:clamp(22px,2.4vw,32px) 0;
  border-top:1px solid var(--c5-line);
  border-bottom:1px solid var(--c5-line);
  transition:border-color .35s
}
.c9-crosslink:hover{border-color:color-mix(in srgb,var(--c5-wine) 46%,transparent)}
.c9-crosslink-copy{display:grid;gap:7px;min-width:0}
.c9-crosslink-copy small{font:600 10px/1 var(--c5-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--c5-wine)}
.c9-crosslink-copy strong{font-family:var(--c5-heading);font-size:clamp(22px,2.3vw,32px);font-weight:600;line-height:1.14;letter-spacing:-.025em;color:var(--c5-ink);text-wrap:balance}
.c9-crosslink-copy em{max-width:62ch;font:400 15px/1.55 var(--c5-body);font-style:normal;color:var(--c5-muted);text-wrap:pretty}
.c9-crosslink-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--c5-line);border-radius:50%;color:var(--c5-wine);transition:border-color .35s,transform .45s var(--ease)}
.c9-crosslink-mark svg{width:16px;height:16px}
.c9-crosslink:hover .c9-crosslink-mark{border-color:var(--c5-wine);transform:translateX(4px)}

.c9-synaxis-note{max-width:72ch;font:400 13px/1.6 var(--c5-body);color:var(--c5-muted)}

@media(max-width:1080px){
  .c8-bishop-cover,.c8-person-cover{grid-template-columns:minmax(0,1fr)}
  /* Портрет архиерея остаётся портретом и в одну колонку. Раньше он
     переводился в 3:2 — снимок постановочный, и такой кадр срезал митру
     сверху и руки снизу. Вместо пропорций ограничиваем ширину, как это
     сделано у карточки священника рядом. */
  .c8-bishop-portrait{max-width:min(300px,72%)}
  .c8-person-face{max-width:220px;aspect-ratio:1}
}
@media(max-width:900px){
  .c8-place:has(.c8-place-media img){grid-template-columns:min(180px,34%) minmax(0,1fr)}
  .c8-shrine .c7-lead{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .c8-primate-body:has(.c8-primate-face){grid-template-columns:minmax(0,1fr)}
  .c8-primate-face{max-width:160px}
  .c8-place:has(.c8-place-media img){grid-template-columns:minmax(0,1fr)}
  .c8-place-media img{aspect-ratio:3/2}
  .c8-places .c8-place:has(.c8-place-media--face){grid-template-columns:minmax(0,1fr)}
  .c8-place-media--face{max-width:150px}
  .c8-place-media--face img{aspect-ratio:3/4}
  .c8-clergy-item>a{grid-template-columns:52px minmax(0,1fr);gap:13px}
  .c8-clergy-face{width:52px;height:52px}
  .c8-facts>div{grid-template-columns:minmax(0,1fr);gap:4px}
  .c8-facts dd{text-align:left}
  .c8-pick{width:100%}
  .c8-pick select{flex:1 1 auto;min-width:0}
}

@media(max-width:900px){
  .c9-saint{grid-template-columns:minmax(0,1fr) auto}
  .c9-saint-rank{grid-column:1;grid-row:2}
  .c9-saint-when{grid-column:2;grid-row:1/3;align-self:center}
  .c9-saint-name{grid-column:1;grid-row:1}
}
@media(max-width:640px){
  .c9-synaxis-group{grid-template-columns:minmax(0,1fr);gap:6px}
  .c9-synaxis-letter{position:static;text-align:left;font-size:30px;opacity:.42}
  .c9-saint{grid-template-columns:minmax(0,1fr);gap:3px}
  .c9-saint-name,.c9-saint-rank{grid-column:1;grid-row:auto}
  .c9-saint-when{grid-column:1;grid-row:auto;justify-content:flex-start;gap:12px}
}

@media(max-width:900px){
  .c9-desk{grid-template-columns:clamp(38px,5vw,52px) minmax(0,1fr);gap:10px 16px}
  .c9-desk-contact{grid-column:2;padding-top:0}
  .c9-card-cell+.c9-card-cell{border-left:0;border-top:1px solid var(--c5-line);padding-left:0}
  .c9-card-cell{padding-right:0}
}
@media(max-width:860px){
  .c9-requisites-list{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .c9-requisites-list>div{grid-template-columns:minmax(0,1fr);gap:3px}
  .c9-desk-links{gap:6px 14px}
}

@media(max-width:900px){
  .c9-reign-row{grid-template-columns:minmax(0,1fr) clamp(130px,22vw,190px)}
  .c9-reign-name{grid-column:1;grid-row:1}
  .c9-reign-note{grid-column:1;grid-row:2}
  .c9-reign-years{grid-column:2;grid-row:1/3;align-self:center}
}
@media(max-width:640px){
  .c9-frames{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}
  .c9-frames--wide{grid-template-columns:minmax(0,1fr)}
  .c9-reading a{grid-template-columns:minmax(0,1fr);gap:5px}
  .c9-reign-row{grid-template-columns:minmax(0,1fr);gap:3px}
  .c9-reign-name,.c9-reign-note{grid-column:1;grid-row:auto}
  .c9-reign-years{grid-column:1;grid-row:auto;text-align:left}
  .c9-reign-row.is-acting .c9-reign-name{padding-left:10px;border-left:1px solid var(--c5-line)}
}

@media(max-width:640px){
  .c9-outward a{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px}
  .c9-outward-when{grid-column:1;grid-row:1;grid-auto-flow:column;justify-items:start;justify-content:start;align-items:baseline;gap:7px;text-align:left}
  .c9-outward-when b{font-size:16px}
  .c9-outward-copy{grid-column:1/3;grid-row:2}
  .c9-outward-mark{grid-column:2;grid-row:1;width:28px;height:28px}
}