/* Финал. Внутренние страницы: крошки, плитки ситуаций без ссылок, карта разделов заглушки. */
.crumbs { margin-bottom: clamp(4px, 1vh, 12px); }
.crumbs ol { display: flex; flex-wrap: wrap; gap: 0 var(--s2); font-size: var(--fs-cap); color: var(--ink-2); }
.crumbs li { display: inline-flex; align-items: center; gap: var(--s2); }
.crumbs li + li::before { content: ""; width: 6px; height: 6px; border-top: 1.5px solid var(--gold-lo); border-right: 1.5px solid var(--gold-lo); transform: rotate(45deg); }
.crumbs a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink-2); text-underline-offset: 3px; }
.crumbs [aria-current="page"] { color: var(--ink); font-weight: 500; }
.tiles--static .tile { min-height: 72px; }
.sitemap { display: grid; gap: 0 var(--s6); margin-top: var(--s7); border-top: 1px solid var(--line-d); }
.sitemap a { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); min-height: 64px; border-bottom: 1px solid var(--line-d); color: var(--t-d); text-decoration: none; font-size: var(--fs-h3); }
.sitemap a .i { color: var(--gold-hi); transition: transform 250ms var(--ease-out); }
.sitemap a[aria-current="page"] { color: var(--gold-hi); }
@media (hover: hover) and (pointer: fine) { .sitemap a:hover { color: var(--gold-hi); } .sitemap a:hover .i { transform: translateX(6px); } }
@media (min-width: 768px) { .sitemap { grid-template-columns: 1fr 1fr; } }

/* 13.10: «Полезное» — раздел статей (хаб) */
.arts__top { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--s4); margin-bottom: var(--s6); }
.arts__f { display: flex; flex-wrap: wrap; gap: 8px; }
.arts__f button { min-height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--line-l); background: transparent; color: var(--ink); font: 500 .9375rem/1 var(--f-sans); cursor: pointer; }
.arts__f button[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--haze); }
.arts__g { display: grid; grid-template-columns: 1fr; gap: var(--s4); }
@media (min-width: 700px) { .arts__g { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .arts__g { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.art { position: relative; display: flex; flex-direction: column; gap: 10px; padding: var(--s5); border-radius: var(--r-card); background: var(--white, #FBF7F1); border: 1px solid var(--line-l); }
.art[hidden] { display: none; }
.art__cat { margin: 0; font: 600 .75rem/1.3 var(--f-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--gold-disp, #86693E); }
.art__t { margin: 0; font: var(--w-h, 500) calc(1.25rem * var(--k-h, 1))/1.25 var(--f-serif); color: var(--ink); }
.art__d { margin: 0; font-size: .9375rem; line-height: 1.5; color: var(--ink-2); }
.art__soon { align-self: flex-start; margin-top: auto; padding: 5px 10px; border-radius: 999px; border: 1px dashed var(--gold); font: 600 .75rem/1 var(--f-sans); letter-spacing: .06em; color: var(--gold-disp, #86693E); }
.arts__note { margin: var(--s5) 0 0; font-size: .875rem; color: var(--ink-2); }
.arts-cta__in { display: grid; justify-items: start; gap: var(--s3); }
.arts-cta__in p { margin: 0; color: var(--t-d2, var(--ink-2)); }
.arts-cta__b { display: flex; flex-wrap: wrap; gap: var(--s3); margin-top: var(--s2); }
.know__more { margin-top: var(--s5); }

/* 14.10: внутренние страницы — шапка с фото не на весь экран, а компактная: до содержимого не нужно листать экран */
@media (min-width: 768px) {
  .hero.hero--page { height: auto; min-height: min(560px, 64svh); padding: calc(var(--hdr) + var(--s6)) 0 var(--s6); }
  .hero--page .hero__photo img { object-position: 50% 6%; }
}
@media (min-width: 768px) {
  .hero--page .sig--hero { left: auto; right: 6%; bottom: 7%; height: clamp(72px, 12vh, 110px); }
}
/* 26.10: на телефоне текст карточек статей не мельче 16 px (НФТ-1) */
@media (max-width: 599px) { .art__d, .arts__note { font-size: 1rem; } }
/* 26.10: на внутренних страницах портрет не крупным «бюстом» (заказчик: «как на памятнике»): рамка уже —
   в неё помещается фигура до груди, лицо в верхней трети */
@media (min-width: 960px) {
  .hero--page .hero__media { width: 40%; }
  .hero--page .hero__photo img { object-position: 50% 2%; }
}
/* 27.10: «Об адвокате» — фото в кабинете. Не зеркалим (на стене дипломы, на столе документы), кадр с лицом в верхней трети */
.hero__photo--office img { object-position: 50% 14%; }
@media (min-width: 768px) {
  .hero--page .hero__photo--office { transform: none; }
  .hero--page .hero__photo--office img { object-position: 46% 22%; }
}