/* Редизайн-1 (23.09.2026): единая карточка и страница картины. Генерируется не сборкой — правится руками; адрес версионируется хешем в picture-layout.mjs. */
/* Карточка и сетка */
.gal-grid{gap:18px}
.gal-card a{height:100%;border-radius:18px;border:1px solid var(--border);background:#fff;box-shadow:0 1px 2px rgba(40,30,20,.05),0 10px 26px -16px rgba(60,40,20,.35)}
.gal-card a:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(40,30,20,.06),0 16px 34px -16px rgba(60,40,20,.45)}
.gal-card img{height:auto;aspect-ratio:1/1;object-fit:cover;background:#f6f1e7}
.gal-card .t{padding:10px 12px 12px;font-size:.92rem;font-weight:650;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:759px){.gal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gal-card .t{font-size:.86rem;padding:8px 10px 10px}}
/* Страница картины */
.picture-page main{padding-top:6px}
.picture-page .pic-hero{max-width:1120px;margin:10px auto 0;padding:0 20px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center}
.picture-page .pic-img{position:relative;background:#fff;border:1px solid var(--border);border-radius:26px;padding:14px;box-shadow:0 30px 70px -38px rgba(60,40,20,.55)}
.picture-page .pic-img>img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:16px;box-shadow:none;background:#fff}
.picture-page .pic-img.difference-pair>img{aspect-ratio:auto;object-fit:contain}
.pic-before{position:absolute;inset-inline-start:26px;bottom:26px;margin:0;background:#fff;border-radius:14px;padding:5px;box-shadow:0 8px 22px rgba(40,30,20,.22)}
.pic-before img{display:block;width:96px;height:96px;object-fit:cover;border-radius:10px;background:#f6f1e7}
.pic-before figcaption{position:absolute;top:-10px;inset-inline-start:8px;padding:2px 9px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em}
.picture-page .pic-copy h1{margin:6px 0 12px;font-size:clamp(1.7rem,3.6vw,2.7rem);line-height:1.08}
.picture-page .pic-copy .kicker{margin:0}
.picture-page .story-capability{color:var(--ink-2);font-size:15.5px;line-height:1.55;margin:0 0 18px}
.picture-page .cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.picture-page .cta-row .btn{margin:0}
.picture-page .pic-details{max-width:1120px;margin:30px auto 0;padding:0 20px}
.picture-page .pic-details h2{font-size:1.05rem;margin:0 0 10px;color:var(--ink-2)}
.picture-page .property-grid{display:flex;flex-wrap:wrap;gap:8px}
.picture-page .property-grid>div{display:flex;align-items:baseline;gap:6px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--border)}
.picture-page .property-grid dt{font-size:.8rem;font-weight:600;color:var(--ink-3)}
.picture-page .property-grid dd{margin:0;font-weight:700;font-size:.92rem}
.picture-page .artik-note,.picture-page .fact-note{box-sizing:border-box;width:calc(100% - 40px);max-width:1080px;margin:14px auto 0;border-radius:18px}
.picture-page .only-here{max-width:1080px;margin:18px auto 0;padding:0 20px;color:var(--ink-3);font-size:14px;text-align:center;border:0;background:none}
.picture-page .cross-links,.picture-page .related{max-width:1120px;margin:40px auto 0;padding:0 20px}
.picture-page .cross-links h2,.picture-page .related h2{text-align:start;font-size:clamp(1.3rem,2.6vw,1.8rem);margin:0 0 16px}
.picture-page .cross-links .gal-grid,.picture-page .related .gal-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;margin:0;padding:0}
.picture-page .cross-links li{list-style:none}
.picture-page .cross-links li a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:#fff;box-shadow:0 1px 2px rgba(40,30,20,.05),0 10px 26px -16px rgba(60,40,20,.35)}
.picture-page .cross-links li img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#f6f1e7}
.picture-page .cross-links .cross-app{display:block;padding:10px 12px 0;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent2)}
.picture-page .cross-links .t{display:block;padding:2px 12px 12px;font-weight:650;font-size:.92rem;line-height:1.3;text-decoration:none}
.picture-page footer{margin-top:44px}
@media (max-width:859px){
.picture-page .pic-hero{grid-template-columns:1fr;gap:18px;padding:0 14px}
.picture-page .pic-img{padding:8px;border-radius:20px}
.pic-before{inset-inline-start:16px;bottom:16px}
.pic-before img{width:72px;height:72px}
.picture-page .cta-row .btn{flex:1 1 auto;text-align:center}
.picture-page .cross-links .gal-grid,.picture-page .related .gal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.picture-page .pic-details,.picture-page .cross-links,.picture-page .related{padding:0 14px}
.picture-page .artik-note,.picture-page .fact-note{width:calc(100% - 28px)}
}