/* Энциклопедия priveresidence.ru — по макетам prive-encyclopedia-mockups (версия 2).
   Все классы с префиксом enc-, чтобы не пересекаться со стилями шаблона. */

.enc{--enc-ink:#202d38;--enc-text:#303a43;--enc-muted:#535e67;--enc-line:#d5d6d3;--enc-accent:#705e43;--enc-bg:#eeece7;
	max-width:1360px;margin-left:auto;margin-right:auto;padding-bottom:80px;color:#26333e;font-family:"Gals",Georgia,serif;font-size:17px;line-height:1.55}
.enc *,.enc *:before,.enc *:after{box-sizing:border-box}
.enc a{color:inherit;text-decoration:none}
.enc a:hover{color:var(--enc-accent)}
.enc img{max-width:100%;display:block}
.enc h1,.enc h2,.enc h3{font-family:"Manege Demo",Georgia,serif;font-weight:300;line-height:1.12;margin:0;color:var(--enc-ink)}
.enc h2{font-size:36px;margin-bottom:23px}
.enc h3{font-size:25px}
.enc p{margin:0 0 18px}

/* ---------- Шапка страницы ---------- */
.enc-crumb{font-size:12px;color:var(--enc-muted);display:flex;flex-wrap:wrap;gap:9px;margin-bottom:27px}
.enc-crumb a+a:before,.enc-crumb a+span:before,.enc-crumb span+span:before{content:"/";margin-right:9px;color:#b5b6b6}
.enc-eyebrow{font:11px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6c5738;margin-bottom:14px}
.enc .enc-title{font-size:60px;letter-spacing:-.025em;text-transform:uppercase}
.enc-intro{max-width:760px;font-size:19px;color:#3e4b56;margin:22px 0 27px!important}
.enc-lead{font-size:19px;color:#3e4b56;max-width:820px;margin:17px 0 0!important}
.enc-byline{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px;color:var(--enc-muted);margin:22px 0 25px}
.enc .enc-byline a{color:var(--enc-ink);border-bottom:1px solid #ccc}
.enc-caption{font:12px/1.6 "Gals",Georgia,serif;color:var(--enc-muted);margin:9px 0 23px!important}

/* ---------- Списки ---------- */
.enc-catnav{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 0}
.enc-catnav a{font-size:12px;padding:7px 13px;border:1px solid var(--enc-line);border-radius:20px}
.enc .enc-catnav a.is-selected{background:var(--enc-ink);color:#fff;border-color:var(--enc-ink)}
.enc-search{margin:28px 0 34px}
.enc-results{transition:opacity .2s}
.enc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 26px}
.enc-grid--list .enc-card{border-bottom:1px solid var(--enc-line);padding-bottom:17px;height:100%}
.enc-grid--list .enc-visual{aspect-ratio:2.45}
.enc-card{display:block;min-width:0}
.enc-visual{background:#e8e5de;overflow:hidden}
.enc-visual img{width:100%;height:100%;object-fit:cover}
.enc-card .enc-visual{aspect-ratio:1.8}
.enc-card:hover .enc-visual{filter:brightness(1.045)}
.enc .enc-card h3{font-size:27px;margin:14px 0 9px}
.enc-grid--list .enc-card h3{font-size:24px}
.enc .enc-card p{font-size:15px;color:#3e4b56;margin-bottom:10px;line-height:1.45}
.enc-card__arrow{float:right;font:19px Georgia,serif;margin-top:4px}
.enc-card__meta{font-size:12px;margin-top:12px;color:var(--enc-muted)}
.enc-pager{margin-top:40px}
.enc-section{margin-top:56px;padding-top:29px;border-top:1px solid var(--enc-line)}
.enc-sectionhead{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px}
.enc .enc-sectionhead h2{margin:0}
.enc-sectionhead a{font-size:13px;white-space:nowrap}
.enc-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.enc-pill{display:inline-block;border:1px solid #d9d4cb;border-radius:24px;padding:8px 16px;font-size:13px;background:#f9f8f5}
.enc-pill:hover{border-color:var(--enc-accent)}
.enc-dict{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:13px;border-top:1px solid var(--enc-line);padding-top:25px;margin-top:40px}
.enc-dict--top{border-top:0;padding-top:0;margin:-14px 0 30px}
.enc-dict a{border:1px solid #ddd;padding:4px 10px;border-radius:3px}
.enc .enc-dict a.is-current{background:var(--enc-ink);color:#fff;border-color:var(--enc-ink)}

/* ---------- Статья ---------- */
.enc-articlegrid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:52px;margin-top:28px}
.enc-body{min-width:0}
.enc-body p,.enc-body li{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.8;color:var(--enc-text);max-width:74ch}
.enc-body p{margin-bottom:23px}
.enc-body ul,.enc-body ol{margin:0 0 23px;padding-left:24px}
.enc-body li{margin-bottom:8px;list-style:disc}
.enc-body ol li{list-style:decimal}
.enc-body p a,.enc-body li a{color:#69512d;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.enc .enc-body h2{font-size:35px;line-height:1.2;margin-top:44px;margin-bottom:21px;max-width:24ch;scroll-margin-top:90px}
.enc .enc-body h3{font-size:24px;margin:20px 0 11px;color:#26333e}
.enc-body blockquote{font-family:"Manege Demo",Georgia,serif;font-size:28px;line-height:1.4;border-left:2px solid #a99475;margin:28px 0;padding-left:23px;color:#7f7566}
.enc-body figure{margin:30px 0}
.enc-body table{width:100%;border-collapse:collapse;font-size:14px;margin:25px 0}
.enc-body th,.enc-body td{padding:13px 12px;border-bottom:1px solid var(--enc-line);text-align:left;font-weight:400}
.enc-body th{background:var(--enc-bg)}
.enc-body .enc-params{max-width:74ch;margin:6px 0 30px;font-size:15px}
.enc-body .enc-params th{background:none;color:var(--enc-muted);width:38%;vertical-align:top;font-family:"Gals",Georgia,serif}
.enc-body .enc-params td{color:var(--enc-text)}
.enc-note{max-width:74ch;margin:30px 0;padding:22px 26px;background:var(--enc-bg);border-left:2px solid #a99475}
.enc .enc-note p{font-size:16px;line-height:1.7;margin:0}
.enc .enc-note p+p{margin-top:12px}
.enc-hero{width:100%;aspect-ratio:2.3;background:#e9e7e2;overflow:hidden}
.enc-hero img{width:100%;height:100%;object-fit:cover}
.enc-faq{margin-top:44px}
/* «Показать еще» — длинный текст художника и дизайнера */
.enc-more{margin:24px 0 36px}
.enc-more>summary{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-width:220px;min-height:52px;padding:14px 28px;border:1px solid #283344;border-radius:28px;background:#283344;color:#fff;font-family:Arial,sans-serif;font-size:16px;line-height:1.4;list-style:none;cursor:pointer}
.enc-more>summary::-webkit-details-marker{display:none}
.enc-more>summary:hover{background:#3b495a;border-color:#3b495a}
.enc-more__close,.enc-more[open] .enc-more__open{display:none}
.enc-more[open] .enc-more__close{display:inline}
.enc-more[open] .enc-more__arrow{transform:rotate(180deg)}
.enc-more__arrow{font-size:20px;line-height:1}
.enc-more__body{padding-top:24px}
.enc-more__hide{margin:24px 0 8px;display:inline-block;border:1px solid #cfcfc9;border-radius:25px;padding:9px 24px;font-size:13px;background:none;cursor:pointer;color:inherit}
.enc-more+.enc-products--inline{margin-top:44px}
.enc .enc-person h1{text-transform:none}
.enc .enc-faq h3{font-size:24px;margin:24px 0 11px}

/* Боковая колонка */
.enc-toc{position:sticky;top:25px;max-height:calc(100vh - 45px);overflow:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:#c5c0b5 transparent}
.enc-toc__title{font-size:12px;text-transform:uppercase;letter-spacing:.07em;margin:0 0 14px;color:#293743}
.enc-toc>a{display:block;font-size:14px;line-height:1.45;color:#3c4852;border-top:1px solid var(--enc-line);padding:10px 0}
.enc-asidebox{padding:22px 0;border-top:1px solid var(--enc-line);margin-bottom:25px}
.enc-facts{margin:0}
.enc-facts div{display:grid;grid-template-columns:1fr 1.25fr;gap:13px;padding:11px 0;border-bottom:1px solid var(--enc-line);font-size:14px}
.enc-facts dt{color:var(--enc-muted)}
.enc-facts dd{margin:0}
.enc .enc-facts dd a{text-decoration:underline;text-underline-offset:4px}
.enc-palette{margin:0 0 30px;padding:18px;background:var(--enc-bg)}
.enc .enc-palette h3{font-size:23px;margin:0 0 15px}
.enc-palette__colors{display:flex;gap:9px;flex-wrap:wrap}
.enc-palette__colors span{width:23px;height:23px;border-radius:50%;border:1px solid rgba(0,0,0,.07)}

/* Автор */
.enc-authorbox{display:flex;gap:24px;padding:25px 0;border-top:1px solid var(--enc-line);border-bottom:1px solid var(--enc-line);margin-top:50px;align-items:center}
.enc-authorbox img{width:105px;max-height:78px;object-fit:contain;flex:none}
.enc .enc-authorbox h3{font-size:24px;margin:0 0 7px}
.enc .enc-authorbox p{font:14px/1.6 "Gals",Georgia,serif;margin:0 0 6px;max-width:none}
.enc-authorbox a{font-size:12px;text-decoration:underline!important}
.enc-narrow{max-width:870px}

/* Персона: художник, дизайнер */
.enc-person{display:grid;grid-template-columns:225px 1fr 1.45fr;gap:30px;align-items:center}
.enc-person--nowide{grid-template-columns:225px 1fr}
.enc-person--noportrait{grid-template-columns:1fr 1.45fr}
.enc-person--noportrait.enc-person--nowide{grid-template-columns:1fr}
.enc-person .enc-visual{height:330px}
.enc .enc-person h1{font-size:66px;line-height:1.04}
.enc-person__dates{font-size:16px;color:#4c5964;margin:18px 0}
.enc-person .enc-lead{font-size:19px;color:#394754;line-height:1.55}
.enc-person .enc-byline{flex-direction:column;align-items:flex-start;gap:8px;font-size:12px}

/* Картина */
.enc-painting{display:grid;grid-template-columns:1.8fr 1fr;gap:40px;margin-top:25px}
.enc-zoom{display:flex;align-items:center;justify-content:center;background:#e9e6df;min-height:350px;cursor:zoom-in}
.enc-zoom img{max-height:490px;width:auto;object-fit:contain}
.enc-works{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.enc-work{border:1px solid var(--enc-line);overflow:hidden;display:block}
.enc-work .enc-visual{height:145px}
.enc-work__copy{padding:19px}
.enc .enc-work h3{font-size:23px;margin:0}
.enc .enc-body .enc-work p{font:14px/1.5 "Gals",Georgia,serif;color:#4e5962;margin:12px 0 0}
.enc-work .enc-eyebrow{font-size:10px}

/* Словарь */
.enc-definition{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:start;margin-top:30px}
.enc .enc-definition__lead{font-family:"Gals",Georgia,serif;font-size:25px;color:#51606e;line-height:1.5}
.enc-definition--noimg{grid-template-columns:minmax(0,870px)}
.enc-definition__figure{margin:0}
.enc-definition__figure .enc-visual{height:300px}
.enc .enc-where{font-size:32px;margin-top:28px}

/* Связанные материалы */
.enc-relatedcols{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.enc-relatedcols--2{grid-template-columns:repeat(2,1fr)}
.enc-relatedcols--1{grid-template-columns:1fr}
.enc-relatedcols>div{border-right:1px solid var(--enc-line);padding-right:22px}
.enc-relatedcols>div:last-child{border:0;padding:0}
.enc .enc-relatedcols h3{font-size:28px;margin-bottom:20px;color:#25333e}
.enc-related{display:grid;grid-template-columns:92px minmax(0,1fr);gap:17px;align-items:start;padding:19px 0;border-bottom:1px solid var(--enc-line)}
.enc-related__visual{width:92px;height:94px}
.enc-related__copy{min-width:0}
.enc-related__copy small{display:block;color:#58616a;font-size:11px;letter-spacing:.05em;margin-bottom:6px}
.enc-related__copy span{display:block;font-family:"Manege Demo",Georgia,serif;font-size:23px;line-height:1.15;color:#26333e}
.enc-related:hover .enc-related__copy span{color:#735b37}
.enc-related__copy time{display:block;margin-top:9px;font-size:12px;color:#56606a}

/* Подборки товаров */
.enc-products{margin:48px 0;color:#283344}
.enc-products--inline{padding:28px;background:#ebe7e1;border-radius:12px}
.enc-products--after{border-top:1px solid #c8c3bb;padding-top:38px;margin-top:56px;margin-bottom:60px}
.enc-products .enc-eyebrow{color:#59616a;margin-bottom:12px}
.enc-products__head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:18px}
.enc .enc-products__head h2{margin:0!important;font-size:30px;line-height:1.2;max-width:none}
.enc-products__head>a{font-size:14px;white-space:nowrap;text-decoration:underline!important;text-underline-offset:4px}
.enc .enc-products__intro{font-family:Arial,sans-serif;font-size:15px;line-height:1.6;color:#48515a;margin:0 0 24px;max-width:none}
.enc-products__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.enc-products--inline .enc-products__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.enc .enc-product{display:flex;flex-direction:column;min-width:0;text-decoration:none!important}
.enc-product__photo{aspect-ratio:4/3;background:#fff;overflow:hidden;border-radius:8px;margin-bottom:16px}
.enc-product__photo img{width:100%;height:100%;object-fit:contain;transition:transform .25s}
.enc-product:hover .enc-product__photo img{transform:scale(1.035)}
.enc-product__status{display:block;font-family:Arial,sans-serif;font-size:13px;color:#456148;margin:-2px 0 9px}
.enc-product__status.is-order{color:#775528}
.enc .enc-product h3{font-family:Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 0 16px;color:#283344}
.enc-product__price{display:block;font-family:Arial,sans-serif;font-size:19px;font-weight:500;line-height:1.4;color:#283344;margin:auto 0 14px}
.enc-product__cta{font-size:13px;color:#283344;text-decoration:underline;text-underline-offset:5px}

/* Увеличение картины */
.enc-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(24,33,42,.88);display:flex;align-items:center;justify-content:center;padding:30px;cursor:zoom-out}
.enc-lightbox img{max-width:100%;max-height:100%;object-fit:contain}

/* ---------- Адаптив ---------- */
/* На десктопе шапка сайта при прокрутке закрепляется сверху (≈74px) — боковая колонка и якоря встают под ней */
@media (min-width:1398px){
	.enc-toc{top:100px;max-height:calc(100vh - 120px)}
	.enc .enc-body h2,.enc-faq,.enc-section{scroll-margin-top:100px}
}
@media (max-width:1397px){
	.enc{padding-left:18px;padding-right:18px}
}
@media (max-width:1100px){
	.enc-related{grid-template-columns:72px 1fr;gap:12px}
	.enc-related__visual{width:72px;height:83px}
	.enc-related__copy span{font-size:21px}
	.enc-person{grid-template-columns:180px 1fr 1.2fr}
	.enc .enc-person h1{font-size:55px}
	.enc-person .enc-visual{height:290px}
	.enc-articlegrid{grid-template-columns:minmax(0,1fr) 245px;gap:32px}
}
@media (max-width:1000px){
	.enc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
	.enc .enc-title{font-size:49px}
	.enc-person{grid-template-columns:160px 1fr 1.2fr}
	.enc .enc-person h1{font-size:48px}
	.enc-person .enc-lead{font-size:16px}
	.enc-painting{gap:25px}
}
@media (max-width:700px){
	.enc{font-size:16px;padding-bottom:45px}
	.enc .enc-title{font-size:40px}
	.enc h2{font-size:29px}
	.enc-intro,.enc-lead{font-size:17px}
	.enc-crumb{font-size:10px;gap:5px;margin-bottom:22px}
	.enc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px}
	.enc .enc-card h3,.enc-grid--list .enc-card h3{font-size:22px}
	.enc .enc-card p{font-size:13px}
	.enc-card .enc-visual{aspect-ratio:1.5}
	.enc-grid--list .enc-visual{aspect-ratio:1.8}
	.enc-section{margin-top:38px;padding-top:25px}
	.enc-sectionhead{align-items:start}
	.enc .enc-sectionhead h2{font-size:28px}
	.enc-catnav{gap:7px}
	.enc-catnav a{font-size:11px;padding:6px 10px}
	.enc-articlegrid{display:flex;flex-direction:column;gap:0}
	.enc-aside{order:-1;margin-bottom:22px}
	.enc-toc{position:static;max-height:none;overflow:visible;padding:0}
	.enc-toc>a{display:inline-block;border:0;font-size:12px;padding:5px 15px 5px 0}
	.enc-palette{display:none}
	.enc-body p,.enc-body li{font-size:17px;line-height:1.78}
	.enc .enc-body h2{font-size:30px;margin-top:34px;max-width:none}
	.enc-hero{aspect-ratio:1.65}
	.enc-relatedcols,.enc-relatedcols--2{grid-template-columns:1fr}
	.enc-relatedcols>div{border-right:0;padding:0}
	.enc-related{grid-template-columns:96px minmax(0,1fr);gap:18px}
	.enc-related__visual{width:96px;height:96px}
	.enc-person,.enc-person--nowide{grid-template-columns:125px 1fr;gap:20px;align-items:start}
	.enc-person__wide{grid-column:1/-1}
	.enc-person--noportrait{grid-template-columns:1fr}
	.enc-person .enc-visual{height:210px}
	.enc-person__wide.enc-visual{height:230px}
	.enc .enc-person h1{font-size:40px}
	.enc-person__dates{font-size:13px;margin:12px 0}
	.enc-painting{grid-template-columns:1fr;gap:20px}
	.enc-zoom{min-height:0}
	.enc-works{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
	.enc-work .enc-visual{height:125px}
	.enc-work__copy{padding:14px}
	.enc-definition{grid-template-columns:1fr;gap:20px}
	.enc .enc-definition__lead{font-size:23px}
	.enc-definition__figure .enc-visual{height:240px}
	.enc-authorbox{gap:18px}
	.enc-authorbox img{width:76px}
	.enc-products--inline{padding:20px;margin:32px 0}
	.enc-products__head{display:block}
	.enc-products__head>a{display:inline-block;margin-top:14px}
	.enc .enc-products__head h2{font-size:26px}
	.enc-products__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
	.enc .enc-product h3{font-size:14px}
}
@media (max-width:420px){
	.enc-products__grid,.enc-products--inline .enc-products__grid,.enc-works{grid-template-columns:1fr}
	.enc-person,.enc-person--nowide{grid-template-columns:110px 1fr;gap:15px}
}