/* ===== ТОМОЭ · база внутренних страниц: шапка страницы (.page-hero), крошки, типографика контента (.t-prose) =====
   Подключается на всех страницах, кроме главной. Старые светлые стили style.css/redesign.css гасим внутри своих обёрток. */

/* --- фон: старые обёртки не должны светлеть --- */
body.tomoe:not(.home) .wrapper,body.tomoe:not(.home) main{background:var(--t-bg)}

/* ---------- Шапка страницы ---------- */
.page-hero{position:relative;overflow:hidden;isolation:isolate;
  padding:clamp(56px,9vw,128px) var(--t-pad) clamp(40px,6vw,80px);border-bottom:1px solid var(--t-line)}
.page-hero__glow{position:absolute;z-index:-2;inset:-30% auto auto -15%;width:min(1100px,110vw);aspect-ratio:1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(142,15,15,.55),rgba(142,15,15,.14) 55%,transparent 75%);filter:blur(10px);opacity:.75}
.page-hero__medal{position:absolute;z-index:-1;right:calc(var(--t-pad) * -1 - 6vw);top:50%;
  width:clamp(320px,42vw,640px);height:auto;margin-top:calc(clamp(320px,42vw,640px) / -2);
  opacity:.06;pointer-events:none;user-select:none;animation:page-hero-spin 240s linear infinite}
@keyframes page-hero-spin{to{transform:rotate(360deg)}}
.page-hero__inner{position:relative;max-width:1180px;margin:0 auto}
.page-hero__label{display:block;margin:0 0 22px}
body.tomoe .page-hero__title,.page-hero__title{margin:0;padding:0;font-family:var(--t-serif);font-weight:400;letter-spacing:0;
  line-height:.98;color:var(--t-white);text-transform:none;max-width:none}
.page-hero__title .t-serif{display:block;font-size:clamp(44px,6.4vw,104px)}
.page-hero__title .t-grot{display:block;font-size:clamp(40px,5.6vw,92px);line-height:1;margin-top:.04em;
  overflow-wrap:break-word;hyphens:manual}
.page-hero__lead{max-width:36em;margin:28px 0 0;color:#cfcac2;font:400 clamp(16px,1.3vw,19px)/1.6 var(--t-sans)}

/* появление (только CSS) */
.page-hero__label,.page-hero__title>span,.page-hero__lead{animation:page-hero-rise .9s var(--t-ease) both}
.page-hero__title>span:nth-child(1){animation-delay:.08s}
.page-hero__title>span:nth-child(2){animation-delay:.18s}
.page-hero__lead{animation-delay:.28s}
@keyframes page-hero-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ---------- Хлебные крошки ---------- */
.page-crumbs{margin:0 0 clamp(28px,4vw,48px)}
.page-crumbs ol{display:flex;flex-wrap:wrap;gap:6px 0;margin:0;padding:0;list-style:none}
body.tomoe .page-crumbs li{margin:0;padding:0;background:none;list-style:none;
  font:500 11px/1.4 var(--t-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--t-grey)}
.page-crumbs li::before{content:none}
.page-crumbs li+li::before{content:"/";display:inline;position:static;width:auto;height:auto;background:none;margin:0 .9em;color:var(--t-red)}
body.tomoe .page-crumbs a{color:var(--t-grey);text-decoration:none;transition:color .3s}
body.tomoe .page-crumbs a:hover,body.tomoe .page-crumbs a:focus-visible{color:var(--t-white)}
.page-crumbs [aria-current]{color:var(--t-white)}

/* старый breadcrumb.php (если где-то остался) */
body.tomoe .breadcrumbs{font:500 11px/1.4 var(--t-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--t-white)}
body.tomoe .breadcrumbs a{color:var(--t-grey)}
body.tomoe .breadcrumbs a:hover{color:var(--t-white)}
body.tomoe .breadcrumbs .separator{color:var(--t-red);padding:0 .7em}

/* ---------- Тело страницы ---------- */
.page-t__body{padding:clamp(48px,7vw,96px) var(--t-pad) clamp(72px,10vw,140px)}
.page-t__content{max-width:760px;margin:0 auto}
.page-t--wide .page-t__content{max-width:1180px}

/* ---------- Типографика контента ---------- */
.t-prose{color:#d9d4cc;font:400 clamp(16px,1.15vw,18px)/1.75 var(--t-sans)}
.t-prose>*:first-child{margin-top:0}
.t-prose p{margin:0 0 1.2em;color:inherit;font:inherit}
.t-prose strong,.t-prose b{color:var(--t-white);font-weight:600}
.t-prose em,.t-prose i{font-style:italic}

body.tomoe .t-prose h2,body.tomoe .t-prose h3,body.tomoe .t-prose h4{color:var(--t-white);letter-spacing:0;text-align:left;text-transform:none}
body.tomoe .t-prose h2{margin:2em 0 .7em;font:400 clamp(28px,2.6vw,40px)/1.15 var(--t-serif)}
body.tomoe .t-prose h3{margin:1.8em 0 .6em;font:700 clamp(20px,1.6vw,24px)/1.2 var(--t-grot);text-transform:uppercase;letter-spacing:.02em}
body.tomoe .t-prose h4{margin:1.6em 0 .5em;font:600 13px/1.3 var(--t-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--t-red)}

/* ссылки: белые с красным подчёркиванием */
body.tomoe .t-prose a:not([class]){color:var(--t-white);text-decoration:underline;text-decoration-color:var(--t-red);
  text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color .3s,color .3s}
body.tomoe .t-prose a:not([class]):hover{color:var(--t-white);text-decoration-color:var(--t-white)}
.t-prose a:focus-visible{outline:1px solid var(--t-red);outline-offset:3px}

/* списки с красными маркерами (гасим кисточку style.css .page li::before) */
.t-prose ul:not([class]),.t-prose ol:not([class]){margin:0 0 1.4em;padding:0}
body.tomoe .t-prose ul:not([class])>li,body.tomoe .t-prose ol:not([class])>li{position:relative;margin:0 0 .6em;padding:0 0 0 1.8em;list-style:none;background:none}
.t-prose ul:not([class])>li::before{content:"";position:absolute;left:.2em;top:.72em;width:14px;height:2px;
  background:var(--t-red);background-image:none}
.t-prose ol:not([class]){counter-reset:tp}
.t-prose ol:not([class])>li{counter-increment:tp}
.t-prose ol:not([class])>li::before{content:counter(tp,decimal-leading-zero);position:absolute;left:0;top:.1em;
  width:auto;height:auto;background:none;font:700 14px/1.6 var(--t-grot);color:var(--t-red)}

/* цитаты */
.t-prose blockquote,.t-prose .wp-block-quote{margin:2em 0;padding:.2em 0 .2em 1.4em;border:0;border-left:2px solid var(--t-red);
  background:none;color:var(--t-white);font:italic 400 clamp(20px,1.8vw,26px)/1.45 var(--t-serif)}
.t-prose blockquote p{margin:0 0 .6em}
.t-prose blockquote cite{display:block;margin-top:.8em;font:500 12px/1.3 var(--t-sans);font-style:normal;letter-spacing:.2em;text-transform:uppercase;color:var(--t-grey)}

.t-prose hr{height:1px;margin:3em 0;border:0;background:var(--t-line)}

/* изображения: приглушены, цвет проявляется при наведении */
.t-prose img{max-width:100%;height:auto;border-radius:4px}
.t-prose p img,.t-prose .wp-block-image img,.t-prose figure img{filter:grayscale(1) brightness(.85);transition:filter .6s var(--t-ease)}
.t-prose p img:hover,.t-prose .wp-block-image:hover img,.t-prose figure:hover img{filter:none}
.t-prose figure{margin:2em 0}
.t-prose figcaption,.t-prose .wp-element-caption{margin-top:.7em;font:400 13px/1.5 var(--t-sans);color:var(--t-grey);text-align:left}

/* таблицы */
.t-prose table{width:100%;margin:0 0 1.6em;border-collapse:collapse;font-size:15px;color:#d9d4cc}
.t-prose th,.t-prose td{padding:.9em 1em;border-bottom:1px solid var(--t-line);background:none;text-align:left;vertical-align:top}
.t-prose th{font:600 11px/1.3 var(--t-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--t-red)}
.t-prose .wp-block-table{overflow-x:auto;margin:0 0 1.6em}

/* встраивания: карты/видео тёмные */
.t-prose iframe{max-width:100%;border:0;border-radius:4px}
.t-prose iframe[src*="yandex"],.t-prose iframe[src*="google.com/maps"]{filter:grayscale(1) invert(.9) contrast(.85)}
.t-prose .wp-block-embed__wrapper{position:relative}

/* кнопки из контента */
body.tomoe .t-prose .wp-block-button__link{display:inline-flex;align-items:center;padding:1em 1.7em;border-radius:999px;border:0;
  background:var(--t-red);color:#fff;font:600 15px/1 var(--t-sans);text-decoration:none;transition:transform .3s var(--t-ease),box-shadow .3s}
body.tomoe .t-prose .wp-block-button__link:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 40px rgba(255,13,29,.45)}
body.tomoe .t-prose .is-style-outline .wp-block-button__link{background:none;border:1px solid rgba(244,241,236,.35);color:var(--t-white)}

/* ---------- Лайтбокс галерей (gallery.js) — в палитре ТОМОЭ ---------- */
body.tomoe .bb-lightbox{background:rgba(7,7,7,.96)}
body.tomoe .bb-lightbox__img{border-radius:4px;box-shadow:0 30px 90px rgba(0,0,0,.7)}
body.tomoe .bb-lightbox__close,body.tomoe .bb-lightbox__nav{background:rgba(244,241,236,.08);border:1px solid rgba(244,241,236,.18);color:var(--t-white)}
body.tomoe .bb-lightbox__close:hover,body.tomoe .bb-lightbox__nav:hover{background:var(--t-red);border-color:var(--t-red)}

@media (max-width:700px){
  .page-hero{padding-top:40px}
  .page-hero__medal{width:300px;margin-top:-150px;right:-120px;top:40%;opacity:.05}
  .page-hero__title{max-width:none}
}
@media (prefers-reduced-motion:reduce){
  .page-hero__medal,.page-hero__label,.page-hero__title>span,.page-hero__lead{animation:none}
  .t-prose img{transition:none}
}