/*
===============================================================================
 FILE: /css/news.css
 VERSION: 1.3
 PROJECT: ОКНА ORIGINAL — новости
 DATE: 2026-09-12
 CHANGES: Адаптивная галерея фотографий новости без обрезки изображений.
===============================================================================
*/
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:2rem 0 3rem}
.news-card{border:1px solid #e2e6e8;border-radius:18px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.news-card__image{
    position:relative;
    aspect-ratio:4/3;
    background:#eef1f3;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}
.news-card__image::before{
    content:"";
    position:absolute;
    inset:-22px;
    background-image:var(--news-image-bg);
    background-position:center;
    background-size:cover;
    filter:blur(18px);
    transform:scale(1.08);
    opacity:.58;
}
.news-card__image::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.16);
}
.news-card__image img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}
.news-card__body{padding:.9rem 1.05rem 1.05rem;display:flex;flex-direction:column;flex:1}
.news-card__date,.news-article__date{font-size:.78rem;color:#7a838a;margin-bottom:.55rem}
.news-card h2{font-size:1.02rem;line-height:1.28;margin:0 0 .55rem}
.news-card h2 a{text-decoration:none;color:inherit}
.news-card p{
    color:#59636a;
    font-size:.94rem;
    line-height:1.45;
    margin:0 0 .9rem;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    overflow:hidden;
}
.news-card__more{margin-top:auto;text-decoration:none;color:#363636;font-weight:600}
.news-article{max-width:860px;margin:0 auto;padding:1.4rem 0 4rem}
.news-article h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;margin:.5rem 0 1rem}
.news-article__lead{font-size:1.15rem;color:#59636a;line-height:1.65;margin-bottom:1.8rem}
.news-article__hero{margin:1.6rem 0 2rem;border-radius:20px;overflow:hidden;background:#f4f6f7}
.news-article__hero img{width:100%;display:block}
.news-article__content{font-size:1.02rem;line-height:1.75}
.news-article__content h2{font-size:1.45rem;margin:2rem 0 .7rem}
.news-article__content h3{font-size:1.2rem;margin:1.7rem 0 .6rem}
.news-article__content p{margin:0 0 1rem}
.news-article__content ul,.news-article__content ol{padding-left:1.35rem;margin:0 0 1rem}
.news-source{margin-top:2.2rem;padding-top:1rem;border-top:1px solid #e2e6e8;color:#7a838a;font-size:.82rem}
@media(max-width:900px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.news-grid{grid-template-columns:1fr}}

.news-article__gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}
.news-article__photo{margin:0;min-width:0;border-radius:16px;overflow:hidden;background:#f4f6f7}
.news-article__photo:only-child{grid-column:1/-1}
.news-article__photo a{display:flex;align-items:center;justify-content:center;height:100%}
.news-article__photo a:focus-visible{outline:3px solid #59636a;outline-offset:-4px}
.news-article__photo img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain}
@media(max-width:620px){.news-article__gallery{grid-template-columns:1fr}}