.block__article-detail { background: #f5f3ef; color: #151515; padding: 28px 0 100px; }
.b_article-detail--wrapper { margin: 0 auto; max-width: 1440px; padding: 0 48px; }
.b_article-detail--breadcrumb { color: #6b6862; display: flex; font-size: 11px; gap: 10px; letter-spacing: .08em; overflow: hidden; padding: 8px 0 46px; text-transform: uppercase; white-space: nowrap; }
.b_article-detail--breadcrumb a { color: inherit; }
.b_article-detail--head { margin: 0 auto 52px; max-width: 1050px; text-align: center; }
.b_article-detail--eyebrow, .b_article-detail--date { color: #66635e; display: block; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
.b_article-detail--title { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(48px, 7vw, 102px); font-weight: 400; letter-spacing: -.045em; line-height: .98; margin: 22px 0; }
.b_article-detail--subtitle { font-family: Georgia, serif; font-size: clamp(19px, 2vw, 27px); line-height: 1.4; margin: 0 auto 28px; max-width: 780px; }
.b_article-detail--relations { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 0 auto 28px; max-width: 920px; }
.b_article-detail--relation { border: 1px solid #aaa69f; border-radius: 999px; color: #2d2b28; font-size: 12px; line-height: 1.2; padding: 8px 14px; text-decoration: none; transition: background-color .2s ease, color .2s ease; }
.b_article-detail--relation:hover, .b_article-detail--relation:focus-visible { background: #151515; color: #fff; }
.b_article-detail--hero { margin: 0; max-height: 780px; overflow: hidden; }
.b_article-detail--hero-img { display: block; height: min(62vw, 780px); object-fit: cover; width: 100%; }
.b_article-detail--layout { display: grid; gap: 72px; grid-template-columns: 180px minmax(0, 720px); justify-content: center; padding-top: 68px; }
.b_article-detail--aside { border-top: 1px solid #aaa69f; display: flex; flex-direction: column; font-size: 11px; letter-spacing: .12em; padding-top: 14px; text-transform: uppercase; }
.b_article-detail--aside strong { font-family: Georgia, serif; font-size: 24px; font-weight: 400; letter-spacing: normal; margin-top: 7px; text-transform: none; }
.b_article-detail--lead { font-family: Georgia, serif; font-size: 25px; line-height: 1.48; margin: 0 0 38px; }
.b_article-detail--content { font-family: Georgia, 'Times New Roman', serif; font-size: 18px; line-height: 1.75; }
.b_article-detail--content h2, .b_article-detail--content h3 { font-weight: 400; line-height: 1.2; margin: 2em 0 .7em; }
.b_article-detail--content h2 { font-size: 38px; }
.b_article-detail--content h3 { font-size: 28px; }
.b_article-detail--content img { height: auto; margin: 24px 0; max-width: 100%; }
.b_article-detail--content .block__content-image { margin: 36px 0; }
.b_article-detail--content .b_content-image--img { display: block; margin: 0; width: 100%; }
.b_article-detail--content .b_content-image--caption { color: #66635e; font-family: Arial, sans-serif; font-size: 13px; line-height: 1.45; padding-top: 10px; }
.b_article-detail--content blockquote { border-left: 1px solid #151515; font-size: 24px; margin: 40px 0; padding-left: 28px; }
.b_article-detail--back { border-bottom: 1px solid #151515; color: inherit; display: inline-flex; font-size: 12px; gap: 12px; margin-top: 52px; padding-bottom: 6px; text-decoration: none; text-transform: uppercase; }
@media (max-width: 800px) { .b_article-detail--layout { gap: 36px; grid-template-columns: 1fr; } .b_article-detail--aside { display: none; } }
@media (max-width: 620px) { .b_article-detail--wrapper { padding: 0 20px; } .b_article-detail--breadcrumb { padding-bottom: 32px; } .b_article-detail--head { margin-bottom: 34px; } .b_article-detail--hero-img { height: 72vw; } .b_article-detail--layout { padding-top: 42px; } .b_article-detail--lead { font-size: 21px; } .b_article-detail--content { font-size: 17px; } }