/* Editorial redesign: a compact, warm personal journal. */
:root {
  --paper: #f7f4ed;
  --ink: #28231f;
  --line: #ded6ca;
  --green: #982d2b;
  --accent: #982d2b;
  --serif: 'PT Serif', Georgia, serif;
  --sans: Manrope, sans-serif;
  --type-xs: 11px;
  --type-sm: 13px;
  --type-body: 15px;
  --type-card: 24px;
  --type-section: clamp(30px, 3.3vw, 42px);
  --type-hero: clamp(40px, 4.5vw, 62px);
  --max: 1280px;
}
body { background: var(--paper); color: var(--ink); font-family: var(--sans); }
.wrap { width: min(var(--max), calc(100% - 64px)); }
.announcement { background: #f1ebe1; color: #6b625b; border-bottom: 1px solid #e4ddd2; }
.announcement .wrap { height: 30px; }
.announcement a { color: var(--accent); }
.nav-shell { background: rgba(247,244,237,.97); border-color: #e3dbd0; }
.nav { height: 76px; gap: 20px; }
.header-logo { width: 190px; max-height: 66px; object-fit: contain; }
.nav-links { gap: clamp(12px, 1.6vw, 25px); font-size: var(--type-xs); color: #38332e; }
.nav-links a:hover, .nav-links a.active { color: var(--accent); }
.icon-btn { border-color: #d7cec0; color: var(--ink); }
.contact-btn, .button, .hero-meta .button { background: var(--accent); color: #fff; border-radius: 0; }
.contact-btn:hover, .button:hover, .hero-meta .button:hover { background: #742222; color: #fff; }
.hero { padding: 0; background: #ede7dc; }
.hero > .wrap { width: 100%; }
.hero-card { min-height: 430px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-radius: 0; background: #f4efe5; color: var(--ink); }
.hero-card:before { content: none; }
.hero-copy { padding: 50px 36px 32px max(32px, calc((100vw - var(--max)) / 2)); min-width: 0; }
.hero-copy-main { max-width: 610px; }
.eyebrow { color: #866057; font: 700 var(--type-xs)/1.4 var(--sans); letter-spacing: .16em; }
.eyebrow:before { background: #a6332c; }
.hero h1 { font: 400 var(--type-hero)/1.08 var(--serif); letter-spacing: -.045em; margin: 22px 0 18px; }
.hero h1 span.hero-first { font: inherit; color: var(--ink); letter-spacing: inherit; }
.hero h1 span:not(.hero-first) { font: italic 400 var(--type-hero)/1.08 var(--serif); color: var(--accent); letter-spacing: -.05em; }
.hero-copy-main > p { color: #4c4842; font: 400 var(--type-body)/1.65 var(--sans); max-width: 420px; }
.hero-meta { margin-top: 22px; gap: 18px; }
.hero-meta .meta-note { color: #8b8176; font-size: var(--type-xs); }
.hero-bottom { margin-top: 28px; max-width: 470px; }
.hero-counter { color: #574e47; }
.hero-progress { background: #cfc5b9; }
.hero-progress:after { background: var(--accent); }
.hero-control { color: #51443b; border-color: #b8ab9b; }
.hero-control:hover, .hero-control:focus-visible { background: var(--accent); border-color: var(--accent); color: white; }
.hero-art { min-height: 430px; background: #e5d8c6 url('editorial-hero.jpg') center / cover no-repeat; }
.hero-art:before, .hero-art:after, .hero-card[data-theme] .hero-art:before { content: none; display: none; }
.hero-art .art-grid, .hero-art .art-orbit, .hero-art .art-label, .hero-art .hero-index, .hero-art .art-caption { display: none; }
.section { padding: 52px 0 40px; }
.section-head { margin-bottom: 24px; align-items: end; }
.section-kicker { font: 700 var(--type-xs)/1.3 var(--sans); letter-spacing: .14em; color: var(--accent); }
.section h2, .about-copy h2 { font: 400 var(--type-section)/1.15 var(--serif); letter-spacing: -.045em; margin: 10px 0 0; }
.text-link { font: 700 var(--type-xs)/1.4 var(--sans); color: var(--accent); border-color: #bf8c80; }
.topics { gap: 14px; }
.topic, .topic:nth-child(4):not(.topic-army) { min-height: 282px; padding: 22px; color: #292621; border-radius: 0; background-color: #e7d7c8; background-size: cover; background-position: center; }
.topic:before, .topic.topic-army:before { content: none; }
.topic.topic-management { background-image: linear-gradient(180deg,rgba(246,220,204,.96) 0%,rgba(246,220,204,.94) 39%,rgba(246,220,204,.05) 68%), url('editorial-management.jpg'); }
.topic.topic-business { background-image: linear-gradient(180deg,rgba(246,229,195,.97) 0%,rgba(246,229,195,.92) 40%,rgba(246,229,195,.05) 70%), url('editorial-business.jpg'); }
.topic.topic-technology { background-image: linear-gradient(180deg,rgba(217,228,220,.96) 0%,rgba(217,228,220,.94) 39%,rgba(217,228,220,.04) 70%), url('editorial-technology.jpg'); }
.topic.topic-army { background-image: linear-gradient(180deg,rgba(204,224,232,.98) 0%,rgba(204,224,232,.89) 40%,rgba(35,61,80,.2) 100%), url('army-airborne.png'); background-size: cover; background-position: center, 74% center; color: #202c31; }
.topic.topic-army .topic-num, .topic.topic-army .topic-arrow, .topic.topic-army p, .topic.topic-army h3 { color: #243136; text-shadow: none; }
.topic-num { font: 700 var(--type-xs)/1.3 var(--sans); letter-spacing: .08em; color: #6c5a50; }
.topic-arrow { color: #786e63; font-size: 18px; }
.topic h3 { font: 400 var(--type-card)/1.2 var(--serif); letter-spacing: -.04em; margin: 26px 0 8px; }
.topic p { font: 400 var(--type-sm)/1.5 var(--sans); color: #514b44; max-width: 215px; margin: 0; }
.topic-link { position: absolute; right: 16px; bottom: 16px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #322a24; background: #f8f5ed; z-index: 2; }
.topic:hover { transform: translateY(-4px); box-shadow: 0 10px 22px #6d57431c; }
.feature-band { padding-bottom: 44px; }
.quote-feature { min-height: 230px; padding: 30px 45px 26px; box-shadow: 0 8px 24px #5d483514; }
.quote-label { font-size: var(--type-xs); }
.quote-feature blockquote { max-width: 1000px; font: 400 clamp(24px, 2.8vw, 36px)/1.3 var(--serif); letter-spacing: -.035em; margin: 18px 0 12px; }
.quote-credit { font: italic var(--type-sm)/1.4 var(--serif); }
.quote-footer { padding-top: 15px; }
.quote-tools { min-width: 0; }
.journal { gap: 40px; padding-bottom: 48px; }
.journal-title { margin-bottom: 18px; }
.journal h2 { font: 400 28px/1.2 var(--serif); letter-spacing: -.04em; margin: 9px 0 0; }
.featured-article { border-radius: 0; background: #eee8dd; }
.article-art { background: #b77761; }
.article-art:before { background: radial-gradient(circle at 36% 32%,#f2c1a4,#bd5c4a 62%,#8b332c); }
.article-copy { padding: 25px; }
.article-copy h3 { font: 400 var(--type-card)/1.2 var(--serif); letter-spacing: -.04em; }
.article-copy p, .recent-item h3 { font-size: var(--type-sm); line-height: 1.55; }
.recent-item { padding: 17px 0; }
.recent-item span { color: var(--accent); }
.about { padding-bottom: 46px; }
.about-card { grid-template-columns: 145px 1fr auto; gap: 32px; padding: 32px; background: #eee7dc; color: var(--ink); border-radius: 0; }
.portrait { display: grid; place-items: center; min-height: 145px; background: #a5352d; transform: none; }
.portrait:before, .portrait:after { display: none; }
.portrait span { position: static; font: italic 400 44px/1 var(--serif); color: #f2dfc9; }
.about-copy .section-kicker { color: var(--accent); }
.about-copy h2 { font-size: 30px; }
.about-copy p { color: #5b5149; font: 400 var(--type-sm)/1.7 var(--sans); }
.footer { background: #302823; color: #f4eee3; }
.footer .brand-mark { background: transparent; }
.footer-links a:hover { color: #f4c3aa; }
.footer-menu a, .footer-links a { color: #e1d7c9; }
.content-head h1, .entry h1, .post-card h2, .entry-content { font-family: var(--serif); }
.js-motion .topic.reveal.visible:hover { transform: translateY(-4px); }
@media(max-width: 1000px) {
  .header-logo { width: 160px; }
  .nav-links { gap: 12px; }
  .hero-copy { padding-left: 32px; }
  .topics { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media(max-width: 680px) {
  .wrap { width: calc(100% - 36px); }
  .announcement .wrap { height: 30px; }
  .announcement a { display: none; }
  .nav { height: 68px; }
  .header-logo { width: 148px; }
  .hero-card { display: flex; flex-direction: column; min-height: 0; }
  .hero-copy { min-height: 0; padding: 36px 22px 24px; }
  .hero h1, .hero h1 span:not(.hero-first) { font-size: clamp(38px, 10vw, 50px); }
  .hero-copy-main > p { font-size: var(--type-sm); }
  .hero-art { min-height: 235px; background-position: 70% center; }
  .hero-bottom { margin-top: 25px; }
  .section { padding: 42px 0 32px; }
  .section h2 { font-size: 30px; }
  .section-head { gap: 12px; }
  .topics { gap: 10px; }
  .topic, .topic:nth-child(4):not(.topic-army) { min-height: 250px; padding: 16px; }
  .topic h3 { font-size: 22px; margin-top: 24px; }
  .topic p { font-size: 12px; }
  .topic-link { width: 30px; height: 30px; right: 10px; bottom: 10px; }
  .quote-feature { min-height: 230px; padding: 28px 24px 22px; }
  .quote-feature blockquote { font-size: 25px; }
  .quote-footer { gap: 8px; }
  .quote-tools { flex-wrap: wrap; }
  .quote-dots { flex-wrap: wrap; }
  .journal { gap: 32px; padding-bottom: 38px; }
  .about { padding-bottom: 36px; }
  .about-card { grid-template-columns: 76px 1fr; gap: 18px; padding: 24px 20px; }
  .portrait { min-height: 76px; }
  .portrait span { font-size: 28px; }
  .about-copy h2 { font-size: 27px; }
  .about-card .button { grid-column: 2; justify-self: start; }
}
@media(max-width: 390px) {
  .topics { grid-template-columns: 1fr; }
  .topic, .topic:nth-child(4):not(.topic-army) { min-height: 220px; }
}

/* Visual direction based on the selected editorial concept. */
:root { --serif: 'Cormorant Garamond', 'PT Serif', Georgia, serif; --ink: #171615; --accent: #971f22; --green: #971f22; }
.editorial-logo { display: block; position: relative; width: 190px; height: 62px; color: #161210; font-family: var(--serif); }
.editorial-logo-first { position: absolute; left: 27px; top: 1px; font: 700 16px/1 var(--serif); }
.editorial-logo-name { position: absolute; left: 0; top: 11px; color: #ba1f29; font: 700 37px/.95 var(--serif); letter-spacing: -1.7px; }
.editorial-logo-signature { position: absolute; top: 40px; left: 74px; white-space: nowrap; font: 400 17px/1 'Caveat', cursive; color: #302923; transform: rotate(-5deg); }
.hero-card { background: #f5efe5 url('editorial-hero-moscow.png') center center / cover no-repeat; }
.hero-copy { padding-top: 44px; padding-bottom: 30px; }
.hero-art { background: transparent; }
.hero h1 { font-weight: 600; letter-spacing: -.045em; }
.hero h1 span:not(.hero-first) { font-weight: 400; }
.section h2, .about-copy h2, .journal h2, .topic h3, .article-copy h3 { font-weight: 600; }
.feature-band { padding: 0 0 38px; }
.feature-band > .wrap { width: 100%; }
.quote-feature { min-height: 188px; padding: 24px max(32px, calc((100vw - var(--max)) / 2)); border: 0; border-radius: 0; box-shadow: none; background: #f5e8cd url('editorial-quote-engraving.png') center center / cover no-repeat; color: #211b17; }
.quote-feature:before, .quote-feature:after { content: none; display: none; }
.quote-label { color: #51483d; letter-spacing: .14em; }
.quote-feature blockquote { color: #1b1815; font: 600 clamp(25px, 3.1vw, 42px)/1.12 var(--serif); letter-spacing: -.025em; max-width: 68%; margin: 18px 0 8px; }
.quote-credit { color: #766354; font: italic 17px/1.3 var(--serif); }
.quote-footer { width: 100%; margin-top: auto; padding-top: 9px; }
.quote-dots button { background: #b4a28b; }
.quote-dots button[aria-current=true] { background: #6d4836; }
.quote-pause, .quote-all { color: #624938; border-color: #a99880; }
@media(max-width: 680px) {
  .editorial-logo { transform: scale(.8); transform-origin: left center; width: 152px; }
  .hero-card { background: #f5efe5; }
  .hero-art { min-height: 250px; background: url('editorial-hero-moscow.png') 67% center / cover no-repeat; }
  .feature-band { padding-bottom: 32px; }
  .quote-feature { min-height: 220px; padding: 25px 20px; background-position: 62% center; }
  .quote-feature blockquote { max-width: 85%; font-size: 27px; }
}

/* Rounded literary type and stable quotation carousel. */
:root { --serif: 'Lora', Georgia, serif; --sans: 'PT Sans', Arial, sans-serif; }
body, button, input { font-family: var(--sans); }
.hero h1, .hero h1 span.hero-first, .hero h1 span:not(.hero-first) { font-weight: 400; letter-spacing: -.035em; }
.section h2, .about-copy h2, .journal h2, .topic h3, .article-copy h3 { font-weight: 400; letter-spacing: -.03em; }
.quote-feature { height: 280px; min-height: 0; padding-top: 24px; padding-bottom: 20px; }
.quote-label, .quote-footer { flex: 0 0 auto; }
.quote-body { width: 68%; min-height: 0; flex: 1 1 auto; display: flex; flex-direction: column; justify-content: safe center; align-items: flex-start; overflow-y: auto; }
.quote-feature .quote-body blockquote { max-width: 100%; flex: 0 0 auto; margin: 0 0 10px; font: 400 clamp(24px, 2.8vw, 38px)/1.22 var(--serif); letter-spacing: -.025em; overflow-wrap: anywhere; }
.quote-credit { flex: 0 0 auto; font: italic 14px/1.35 var(--serif); }
.quote-footer { margin-top: 0; padding-top: 8px; }
.quote-dots button, .quote-dots button[aria-current=true], .quote-dots button:hover, .quote-dots button[aria-current=true]:hover { background: transparent; box-shadow: none; }
.quote-pause, .quote-pause:hover, .quote-pause:focus-visible { background: transparent; }
@media(max-width: 680px) {
  .quote-feature { height: 310px; min-height: 0; padding: 24px 20px 18px; }
  .quote-body { width: 90%; }
  .quote-feature .quote-body blockquote { font-size: 25px; }
}

/* Logo selected for the site header. */
.editorial-logo { background: url('logo-shempliner-burgundy.png') center / contain no-repeat; }
.editorial-logo > span { display: none; }

/* Independent parchment and engraving keep the landscape visible on wide screens. */
.quote-feature { background: #f5e7c8 url('quote-paper-tile.png') 0 0 / 700px 700px repeat; }
.quote-feature:before { content: ''; display: block; position: absolute; inset: 0; border: 0; background: url('quote-landscape-overlay.png') right bottom / auto 100% no-repeat; opacity: .7; filter: grayscale(1) sepia(.45); pointer-events: none; z-index: 0; }
@media (max-width: 680px) { .quote-feature:before { opacity: .25; } }

.quote-label { display: inline-flex; align-items: center; gap: 12px; color: #85796a; }
.quote-label::before, .quote-label::after { content: ''; display: block; width: 30px; height: 1px; background: #a89b88; flex: none; }

/* Light veil softens the texture while preserving the separate engraving. */
.quote-feature { background-image: linear-gradient(rgba(255,250,239,.48), rgba(255,250,239,.48)), url('quote-paper-tile.png'); background-size: auto, 700px 700px; background-repeat: no-repeat, repeat; }

.quote-footer { justify-content: flex-start; gap: 20px; }
.quote-all { border: 0; padding: 0; color: #a98764; font: 600 var(--type-xs)/1.3 'DM Sans', sans-serif; letter-spacing: .14em; text-transform: uppercase; }

.quote-footer { width: 68%; justify-content: space-between; }
.quote-all { color: #85796a; letter-spacing: normal; text-transform: none; text-align: right; }
@media (max-width: 680px) { .quote-footer { width: 90%; } }

/* Quote topic as the heading; retain the collection label as a fallback. */
.quote-feature:has(#quoteTopic:not([hidden])) .quote-label { visibility: hidden; }
.quote-footer { position: static !important; }
#quoteTopic:not([hidden]) { position: absolute; top: 24px; left: max(32px, calc((100vw - var(--max)) / 2)); display: inline-flex; align-items: center; gap: 12px; color: #85796a; font: 600 var(--type-xs)/1.3 'DM Sans', sans-serif; letter-spacing: .14em; text-transform: uppercase; }
#quoteTopic:not([hidden])::before, #quoteTopic:not([hidden])::after { content: ''; display: block; width: 30px; height: 1px; background: #a89b88; flex: none; }
.quote-feature blockquote::before { content: '❞\00a0'; }
@media (max-width: 680px) { #quoteTopic:not([hidden]) { left: 20px; top: 24px; } }
.quote-feature blockquote::before { color: #766354; font-size: .8em; }

.quote-feature #quoteText::before { content: none; }
.quote-feature #quoteText .quote-mark { color: #766354; font-size: .8em; }

/* Масштаб изображений карточек */
.topic.topic-management { background-color: #f2d8ca; background-image: linear-gradient(180deg,#f2d8ca 0%,rgba(242,216,202,.96) 38%,rgba(242,216,202,0) 62%), url('editorial-management.jpg'); }
.topic.topic-business { background-color: #f3e2c1; background-image: linear-gradient(180deg,#f3e2c1 0%,rgba(243,226,193,.96) 38%,rgba(243,226,193,0) 62%), url('editorial-business.jpg'); }
.topic.topic-technology { background-color: #d8e3dc; background-image: linear-gradient(180deg,#d8e3dc 0%,rgba(216,227,220,.96) 38%,rgba(216,227,220,0) 60%), url('editorial-technology.jpg'); }
.topic.topic-army { background-color: #cce0e8; background-image: linear-gradient(180deg,#cce0e8 0%,rgba(204,224,232,1) 48%,rgba(204,224,232,0) 68%), url('army-airborne.png'); }
.topic.topic-management, .topic.topic-business, .topic.topic-technology, .topic.topic-army { background-size: 100% 100%, 100% auto; background-position: center, center bottom; background-repeat: no-repeat; }

/* Плавный верхний край изображений карточек */
.topic.topic-management, .topic.topic-business, .topic.topic-technology, .topic.topic-army { background-image: none; }
.topic.topic-management::before, .topic.topic-business::before, .topic.topic-technology::before, .topic.topic-army::before { content: ''; position: absolute; inset: auto 0 0; width: 100%; max-height: 65%; aspect-ratio: 3 / 2; background-position: center bottom; background-size: cover; background-repeat: no-repeat; -webkit-mask-image: linear-gradient(to bottom, transparent, #000 38%); mask-image: linear-gradient(to bottom, transparent, #000 38%); pointer-events: none; }
.topic.topic-management::before { background-image: url('editorial-management.jpg'); }
.topic.topic-business::before { background-image: url('editorial-business.jpg'); }
.topic.topic-technology::before { aspect-ratio: 1672 / 941; background-image: url('editorial-technology.jpg'); }
.topic.topic-army::before { aspect-ratio: 2 / 1; background-image: url('army-airborne.png'); }
.topic > :not(.topic-arrow) { position: relative; z-index: 1; }
.topic > .topic-arrow { z-index: 1; }

/* Слой изображения всегда занимает всю ширину карточки. */
.topic.topic-management::before, .topic.topic-business::before, .topic.topic-technology::before, .topic.topic-army::before { width: 100%; height: 65%; max-height: none; aspect-ratio: auto; }

/* Блок об авторе на всю ширину */
.about.wrap { width: 100%; max-width: none; margin: 0; padding: 0; }
.about-card { grid-template-columns: minmax(220px, 30%) minmax(0, 1fr) auto; gap: 0; padding: 0; border-radius: 0; }
.about-card .portrait { width: 100%; height: 100%; min-height: 230px; border: 0; border-radius: 0; transform: none; align-self: stretch; }
.about-copy { padding: 36px clamp(24px, 4vw, 64px); }
.about-card .button { margin-right: max(32px, calc((100vw - var(--max)) / 2)); }
@media (max-width: 680px) {
  .about-card { grid-template-columns: 1fr; }
  .about-card .portrait { height: 200px; min-height: 200px; }
  .about-copy { padding: 28px 24px 16px; }
  .about-card .button { grid-column: 1; justify-self: start; margin: 0 24px 28px; }
}

.about-card .portrait span { margin: 0; }
.about-card .button { grid-column: 3; grid-row: 1; justify-self: end; }
@media (max-width: 680px) { .about-card .button { grid-column: 1; grid-row: auto; justify-self: start; } }

/* Совмещаем правые края иллюстрации и фотографии автора. */
@media (min-width: 681px) { .about-card { grid-template-columns: calc(50vw - min(272px, 21.25vw - 13.6px) - 11.5px) minmax(0, 1fr) auto; } }

/* Портрет автора */
.about-card .portrait { background: #eee7dc url('https://shempliner.ru/wp-content/uploads/2026/11/exec-0820cf66-97b4-4c91-8d1e-01cfb8226ed2.png') center center / cover no-repeat; }
.about-card .portrait span { display: none; }

.about-card .portrait { background-position: center top; }

/* Центрируем портрет и сохраняем мягкий переход к фону. */
.about-card .portrait { background-size: max(135%, 445px) auto; background-position: left top; -webkit-mask-image: linear-gradient(to right, #000 72%, transparent 100%); mask-image: linear-gradient(to right, #000 72%, transparent 100%); }

@media (min-width: 681px) { .about-card .portrait { min-height: 320px; background-size: max(135%, 713px) auto; } }
@media (max-width: 680px) { .about-card .portrait { background-size: cover; background-position: left top; } }

/* Портрет без прозрачности и компактный блок автора. */
.about-card .portrait { background-image: url('https://shempliner.ru/wp-content/uploads/2026/11/exec-525f3259-3723-45ac-8834-589319ff60bd.png'); background-size: cover; background-position: center top; -webkit-mask-image: none; mask-image: none; }
.about-copy .section-kicker { display: flex; align-items: center; gap: 12px; }
.about-copy .section-kicker::before { content: ''; display: block; width: 30px; height: 1px; background: currentColor; flex: none; }
@media (min-width: 681px) { .about-card .portrait { min-height: 230px; background-size: cover; } .about-copy { padding-top: 25px; padding-bottom: 25px; } }

/* Более компактный блок и портрет по центру. */
.about-card .portrait { background-image: url('https://shempliner.ru/wp-content/uploads/2026/11/exec-b9af7442-cf61-432c-b1ad-822e77020ff1.png'); background-position: center 12%; }
@media (min-width: 681px) { .about-card .portrait { min-height: 154px; } .about-copy { padding-top: 10px; padding-bottom: 10px; } }

@media (min-width: 681px) { .about-card .portrait { background-size: 250% auto; background-position: left top; } .about-card .portrait::before { content: ''; display: block; position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 0; background: url('https://shempliner.ru/wp-content/uploads/2026/11/exec-b9af7442-cf61-432c-b1ad-822e77020ff1.png') center top / auto 100% no-repeat; -webkit-mask-image: linear-gradient(to right, transparent 18%, #000 30%, #000 70%, transparent 82%); mask-image: linear-gradient(to right, transparent 18%, #000 30%, #000 70%, transparent 82%); } }

/* Панорамный портрет в компактном блоке. */
.about-card .portrait { background-image: url('https://shempliner.ru/wp-content/uploads/2026/11/exec-3783eba3-75e3-4d60-b26b-0b6c546d2cd0.png'); background-size: cover; background-position: center 18%; }
@media (min-width: 681px) { .about-card .portrait { background-size: cover; background-position: center 18%; } .about-card .portrait::before { display: none; content: none; } }

/* Типографика блока автора и окантовка кнопок. */
.about-copy h2 { font-size: var(--type-card); line-height: 1.2; margin: 10px 0 10px; }
.about-copy .section-kicker { width: max-content; max-width: 100%; }
.about-copy .section-kicker::after { content: ""; display: block; width: 30px; height: 1px; background: currentColor; flex: none; }
.button, .contact-btn { border: 1px solid #fff; }
.about-card .button { gap: 4px; }
@media (min-width: 681px) { .about-copy { align-self: stretch; } .about-card .button { align-self: start; margin-top: calc(20px + 1.3 * var(--type-xs)); } }

@media (min-width: 681px) { .about-card .button { margin-top: 34.3px; } }

/* Рукописная подпись под кнопкой связи. */
.about-card .button { position: relative; min-width: 175px; }
.about-card .button::after { content: "Игорь Шемплинер"; position: absolute; left: 50%; top: calc(100% + 18px); transform: translateX(-50%) rotate(-6deg); color: #b4a18a; font: 400 25px/1.15 "Caveat", cursive; letter-spacing: 0; white-space: nowrap; pointer-events: none; }
@media (min-width: 681px) { .about-card .portrait { min-height: 195px; } }
@media (max-width: 680px) { .about-card .button { margin-bottom: 76px; } }

/* Связное рукописное начертание подписи. */
.about-card .button::after { font-family: "Marck Script", cursive; font-size: 23px; transform: translateX(-50%) rotate(-14deg); }

/* Рукописная графическая подпись. */
.about-card .button::after { content: ''; display: block; width: 178px; height: 62px; top: calc(100% + 26px); transform: translateX(-50%); background: url('https://shempliner.ru/wp-content/uploads/2026/11/exec-b2ea320c-db5b-4630-b9ff-92d718e7e56b.png') center / contain no-repeat; }
@media (min-width: 681px) { .about-card .portrait { min-height: 205px; } }
@media (max-width: 680px) { .about-card .button { margin-bottom: 112px; } }

@media (min-width: 681px) { .about-copy { padding-top: 20px; } .about-card .button { margin-top: 44.3px; } }
@media (max-width: 680px) { .about-copy { padding-top: 56px; } }

.about-card .portrait { background-image: url('https://shempliner.ru/wp-content/uploads/2026/11/portrait-about-source-v2.png'); background-position: center 18%; background-size: cover; }

.about-card .portrait { background-position: center top; }
@media (min-width: 681px) { .about-card .portrait { background-position: center top; } }

@media (min-width: 681px) { .about-card .portrait { min-height: 260px; } }

@media (min-width: 681px) { .about-card .portrait { min-height: 202px; } }

@media (min-width: 681px) { .about-card .portrait { min-height: clamp(202px, calc((50vw - min(272px, 21.25vw - 13.6px) - 11.5px) * .37), 260px); } }

/* Контурный бумажный самолётик на кнопках связи. */
.contact-btn { display: inline-flex; align-items: center; gap: 6px; font-size: 0; }
.contact-btn::before { content: 'СВЯЗАТЬСЯ'; font-size: 10px; }
.contact-btn::after, .about-card .button span { display: inline-block; width: 16px; height: 16px; flex: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10 21 3l-6.5 18-3.3-7.8L3 10Z'/%3E%3Cpath d='m11.2 13.2 9.8-10.2'/%3E%3C/svg%3E") center / contain no-repeat; }
.contact-btn::after { content: ''; }
.about-card .button span { font-size: 0; }

.contact-btn { font-size: 10px; }
.contact-btn::before, .contact-btn::after { content: none; }
.contact-btn .contact-plane { display: inline-block; width: 16px; height: 16px; flex: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10 21 3l-6.5 18-3.3-7.8L3 10Z'/%3E%3Cpath d='m11.2 13.2 9.8-10.2'/%3E%3C/svg%3E") center / contain no-repeat; }

.about-card .button { gap: 6px; }

/* Блок автора выровнен по общей сетке страницы. */
.about.wrap { width: min(var(--max), calc(100% - 64px)); max-width: none; margin: 0 auto; padding: 0 0 32px; }
@media (min-width: 681px) {
  .about-card { grid-template-columns: calc((100% - 40px) * 0.2875) minmax(0, 1fr) auto; }
  .about-card .portrait { min-height: 230px; background-position: center top; }
  .about-copy { padding-left: clamp(24px, 3vw, 48px); padding-right: clamp(24px, 3vw, 48px); }
  .about-card .button { margin-right: 24px; }
}
@media (max-width: 680px) { .about-card { grid-template-columns: 1fr; } }

/* Единый ритм между основными разделами главной страницы. */
#topics { padding-top: 32px; padding-bottom: 32px; }
.feature-band { padding-bottom: 32px; }
.journal { padding-bottom: 32px; }

.hero-progress.running:after { animation-duration: 14s; animation-play-state: var(--hero-progress-state, running); }

/* Оформление рассказа и галереи. */
.rain-article{font-size:1.06rem;line-height:1.8}.rain-article p{margin:0 0 1.25em}.rain-article .drop-caps:first-letter{float:left;font-family:var(--serif,Georgia,serif);font-size:4.1em;line-height:.8;padding:.06em .1em 0 0;color:var(--accent,#982d2b)}.rain-article hr{clear:both;border:0;border-top:1px solid #cbbfb1;margin:2.5em auto;width:100%}.rain-lead{float:left;width:min(36%,300px);margin:.3em 1.5em 1em 0}.rain-lead img,.rain-slide img{display:block;width:100%;height:auto}.rain-lightbox{cursor:zoom-in}.rain-note-ref{text-decoration:none}.rain-article .styled-block{clear:both;border-top:1px solid #d3c8bc;margin-top:2em;padding-top:1em;font-size:.9em}.rain-article .styled-block li{margin-bottom:.65em}.rain-gallery{clear:both;max-width:760px;margin:1.5em auto}.rain-slide{margin:0}.rain-gallery.is-ready .rain-slide[hidden]{display:none}.rain-gallery-controls{display:none}.rain-gallery.is-ready .rain-gallery-controls{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin:1rem 0}.rain-gallery-controls button,.rain-dialog button{cursor:pointer;border:1px solid #b4a89a;background:#f7f4ed;color:#28231f;border-radius:50%;width:42px;height:42px;font-size:22px}.rain-dialog{border:0;background:transparent;max-width:96vw;max-height:96vh;padding:0;overflow:visible}.rain-dialog::backdrop{background:rgba(25,20,17,.88)}.rain-dialog img{display:block;max-width:92vw;max-height:88vh;width:auto;height:auto;object-fit:contain}.rain-dialog button{position:absolute;right:0;top:0;z-index:1;transform:translate(20%,-20%)}@media(max-width:600px){.rain-lead{width:42%;margin-right:1em}.rain-article{font-size:1rem}}

/* Оформление стандартных блоков рассказа. */
.rain-article p:not(.has-text-align-left):not(.has-text-align-right){text-align:justify}
.rain-article p.has-drop-cap:not(:focus)::first-letter{font-family:var(--serif,Georgia,serif);font-size:4.1em;line-height:.8;margin:.06em .1em 0 0;color:var(--accent,#982d2b)}