/* Материалы: спокойная редакционная витрина и длинное чтение. */
.reading-intro{padding-top:60px;padding-bottom:52px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 22px}
.reading-intro h1{font-family:var(--serif);font-size:clamp(42px,6vw,78px);line-height:1.08;font-weight:400;letter-spacing:-.025em;margin:0;max-width:1000px}
.reading-lead{font-size:19px;line-height:1.7;max-width:670px;margin:28px 0 0;color:#514a43}
.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.reading-collection{padding-bottom:70px}
.reading-card{min-width:0;display:flex;flex-direction:column;border:0;background:transparent}
.reading-image{display:block;aspect-ratio:4/5;overflow:hidden;background:#e9e1d7}
.reading-image img{width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform .3s ease}
.reading-image:hover img{transform:scale(1.025)}
.reading-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--accent);margin:20px 0 13px}
.reading-meta span{color:var(--muted);white-space:nowrap}
.reading-card h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.25vw,30px);line-height:1.2;margin:0 0 15px;overflow-wrap:anywhere}
.reading-card h3 a:hover{color:var(--accent)}
.reading-card p{font-size:14px;line-height:1.7;color:#514a43;margin:0 0 20px}
.reading-link{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;font-weight:600;font-size:13px}
.reading-link:hover{color:var(--accent)}
.reading-bottom{border-top:1px solid var(--line);padding-top:44px;padding-bottom:70px}
.reading-bottom h2,.article-follow h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,40px);line-height:1.2;margin:0 0 20px}
.reading-bottom p{font-size:16px;line-height:1.75;max-width:680px;margin-bottom:26px}
.reading-bottom .btn,.article-contact .btn{border-radius:2px;box-shadow:none}
.text-link{display:inline-block;margin-left:20px;text-decoration:underline;text-underline-offset:5px;font-size:14px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin:30px 0}
.breadcrumbs span[aria-current]{color:var(--text)}
.article-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.65fr);gap:64px;align-items:center;padding:20px 0 58px;border-bottom:1px solid var(--line)}
.article-hero h1{font-family:var(--serif);font-size:clamp(36px,4.2vw,60px);font-weight:400;line-height:1.14;letter-spacing:-.025em;margin:0 0 26px;overflow-wrap:anywhere}
.article-deck{font-size:18px;line-height:1.7;max-width:740px;color:#514a43;margin:0 0 26px}
.article-byline{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
.article-hero>img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.article-layout{display:grid;grid-template-columns:minmax(0,250px) minmax(0,740px);gap:74px;justify-content:center;align-items:start;padding-top:52px}
.article-nav{position:sticky;top:28px;max-height:calc(100vh - 56px);overflow:auto;min-width:0;padding-right:12px}
.article-nav details{border:0}
.article-nav summary{font-size:12px;font-weight:700;color:var(--accent);cursor:pointer;margin-bottom:18px}
.article-nav ol{margin:0;padding-left:18px;display:grid;gap:12px;font-size:12px;line-height:1.6;color:var(--muted)}
.article-nav a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.article-body{min-width:0;font-size:17px;line-height:1.85}
.article-body>p{margin:0 0 23px}
.article-body>p:first-child{font-size:21px;line-height:1.65;color:#3d3731}
.article-body h2{font-family:var(--serif);font-weight:400;font-size:clamp(27px,2.7vw,36px);line-height:1.25;letter-spacing:-.015em;margin:52px 0 22px;scroll-margin-top:35px;overflow-wrap:anywhere}
.article-body h3{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.35;margin:32px 0 18px}
.article-body ul,.article-body ol{padding-left:25px;margin:10px 0 28px}
.article-body li{padding-left:5px;margin-bottom:12px}
.article-body li::marker{color:var(--accent)}
.table-scroll{max-width:100%;overflow:auto;margin:28px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.table-scroll table{border-collapse:collapse;width:100%;min-width:540px;text-align:left;font-size:14px;line-height:1.65}
.table-scroll th,.table-scroll td{padding:16px 13px;vertical-align:top;border-bottom:1px solid var(--line)}
.table-scroll tr:last-child td{border:0}
.table-scroll th{font-weight:700;background:rgba(179,79,49,.06)}
.table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.article-contact{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0 28px;margin:45px 0 10px}
.article-contact h2{margin:0 0 18px;font-size:30px}
.article-contact p{font-size:15px;line-height:1.75;margin:0 0 22px}
.article-contact .phone-note{font-size:12px;color:var(--muted);margin:18px 0 0}
.phone-note a{text-decoration:underline;text-underline-offset:3px}
.article-follow{padding-top:62px;padding-bottom:70px}
.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:42px}
.reference-grid>a{border-top:1px solid var(--line);padding:24px 0;min-width:0}
.reference-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}
.reference-grid h3{font-family:var(--serif);font-size:25px;line-height:1.25;font-weight:400;margin:14px 0}
.reference-grid p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.reference-grid a:hover h3{color:var(--accent)}
.article-follow>.text-link{margin-left:0}
.materials .section-head h2{margin-top:12px}
@media(max-width:1100px){.article-layout{gap:36px;grid-template-columns:220px minmax(0,1fr)}.article-hero{gap:36px}.reading-grid{gap:24px}}
@media(max-width:900px){.article-layout{display:block;padding-top:30px}.article-nav{position:static;max-height:none;overflow:visible;padding:0 0 25px;border-bottom:1px solid var(--line);margin-bottom:32px}.article-nav ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.article-body{max-width:740px;margin:auto}.article-hero{grid-template-columns:minmax(0,1fr) minmax(180px,.42fr)}.reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.reading-intro{padding-top:34px;padding-bottom:32px}.reading-intro h1{font-size:clamp(35px,9vw,52px)}.reading-lead{font-size:16px}.reading-grid{grid-template-columns:minmax(0,1fr);gap:40px}.reading-card h3{font-size:28px}.reading-image{aspect-ratio:4/5}.article-hero{display:block;padding-bottom:30px}.article-hero>img{margin-top:30px;width:min(100%,330px);height:auto}.article-hero h1{font-size:clamp(32px,8.6vw,45px)}.article-deck{font-size:16px}.article-nav ol{grid-template-columns:minmax(0,1fr)}.article-body{font-size:16px;line-height:1.8}.article-body>p:first-child{font-size:19px}.article-body h2{font-size:28px;margin-top:42px}.article-body h3{font-size:23px}.reference-grid{grid-template-columns:minmax(0,1fr);gap:0}.reading-bottom,.article-follow{padding-top:40px;padding-bottom:45px}.text-link{margin:20px 0 0}.article-contact .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.reading-image img{transition:none}}

/* Editorial pinboard: distinct artwork, quiet reading interface. */
.reading-grid{display:block;columns:3;column-gap:28px}
.reading-card{display:inline-block;vertical-align:top;width:100%;break-inside:avoid;margin:0 0 38px;padding:0;border:0;background:transparent}
.reading-image{aspect-ratio:2/3;border-radius:14px;overflow:hidden}
.reading-image img{object-fit:contain;object-position:center}
.reading-card h3{font-family:Manrope,sans-serif;font-size:21px;line-height:1.35;margin:10px 0 9px;font-weight:600}
.reading-card>p{font-size:14px;line-height:1.65;margin:0;color:#655f58}
.reading-meta{font-size:11px;margin-top:15px;letter-spacing:.04em}
.reading-link{font-size:12px;margin-top:13px;font-weight:600}
.article-hero>img{border-radius:14px;object-fit:contain;height:auto;aspect-ratio:2/3}
.article-contact{background:transparent;border:0;border-top:1px solid var(--line);padding:28px 0 0}
.articles{padding:80px 0}.articles .section-head{margin-bottom:32px}
@media(max-width:900px){.reading-grid{columns:2;column-gap:24px}}
@media(max-width:600px){.reading-grid{columns:1}.reading-card{margin-bottom:32px}.articles{padding:48px 0}}

.reading-related>a{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:20px;align-content:start}.reading-related .related-cover{grid-column:1;grid-row:1/4;width:96px;height:144px;object-fit:contain;border-radius:7px}.reading-related>a>span,.reading-related>a>h3,.reading-related>a>p{grid-column:2}.reading-related>a>h3{font-size:20px;line-height:1.4}.reading-related>a>span{align-self:end}.reading-related>a>p{align-self:start}@media(max-width:600px){.reading-related>a{grid-template-columns:82px minmax(0,1fr);column-gap:16px}.reading-related .related-cover{width:82px;height:123px}}
