/*.wec-splash {*/
/*    background: url("../img/wec/splash.jpeg") no-repeat center center fixed;*/
/*}*/
/*.wec-splash-title {*/
/*    color: white;*/
/*    position: absolute;*/
/*    bottom: 5%;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    text-align: center;*/
/*    font-size: 3em;*/
/*    font-weight: 600; !* немного мягче, чем bold *!*/
/*    font-family: "Oswald", sans-serif;*/
/*    max-width: 80%;*/

/*    !* "журнальные" эффекты *!*/
/*    text-shadow:*/
/*        0 2px 4px rgba(0,0,0,0.4),   !* мягкая тень для контраста *!*/
/*        0 0 8px rgba(0,0,0,0.15);   !* лёгкое свечение вокруг *!*/
/*    letter-spacing: 0.03em;          !* чуть увеличенный интервал *!*/
/*    font-variant: small-caps;        !* строгие капители *!*/
/*}*/

/* Хиро-блок */
.wec-splash{
    position: relative;
    isolation: isolate;         /* свой стек слоёв, чтобы ::after не перекрывал меню */
    /*min-height: clamp(60vh, 75vh, 90vh);*/
    min-height: clamp(60vh, 100vh, 100vh);
    background: url("../img/wec/splash.jpeg") center/cover no-repeat;
    background-attachment: scroll; /* без fixed, чтобы не лагало на мобилках */
}

/* Виньетка/градиент для читаемости текста */
.wec-splash::after{
    content:"";
    position:absolute; inset:0;
    z-index:-1;                 /* строго ниже контента хиро */
    background:
        radial-gradient(120% 80% at 50% 100%, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 55%),
        linear-gradient(to top, rgba(0,0,0,.45), rgba(0,0,0,0) 35%);
}

/* Контейнер текста */
.wec-splash__inner{
    position:absolute; inset:0;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding: clamp(16px, 3vw, 48px);
    z-index:1;
}

/* Заголовок */
.wec-splash-title{
    width: min(80%, 1200px);
    margin-inline:auto;
    color:#fff; text-align:center;
    font-family:"Oswald", sans-serif;
    font-weight:600;
    line-height:1.15;
    letter-spacing:.02em;
    text-shadow:0 2px 4px rgba(0,0,0,.35), 0 0 8px rgba(0,0,0,.15);
    font-size: clamp(24px, 3.2vw, 52px);
    text-wrap: balance;
}

@media (min-aspect-ratio:21/9){
    .wec-splash-title{ width: min(70%, 1100px); }
}


/******** ТЕМА / ПАЛИТРА ДЛЯ WEC *********/
.wec{
    --bg: #fafbfc;
    --surface: #ffffff;
    --text: #1a2233;
    --muted: #5e6778;

    --brand-blue: #1554a2;   /* ссылки/кнопки */
    --accent-teal: #25a59a;  /* акцент логотипа */
    --navy: #081c3d;         /* тёмный фон */
    --footer-teal: #2f7d76;  /* подвал */

    --border: #e7e9ee;
    --shadow: 0 2px 12px rgba(8, 28, 61, .08);
    --radius: 16px;
    --radius-lg: 18px;
    --maxw: 1100px;

    color: var(--text);
    background: var(--bg);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/******** БАЗИС *********/
.wec *{ box-sizing: border-box }
.wec img,.wec svg,.wec video{ display:block; max-width:100%; height:auto }
.wec a{ color: var(--brand-blue); text-decoration: none }
.wec a:hover{ text-decoration: underline }
.wec :focus-visible{ outline:2px solid var(--brand-blue); outline-offset:2px }

.wec .container{ max-width: var(--maxw); margin-inline:auto; padding:0 20px }
.wec .prose p{ margin:.6rem 0 }
.wec .prose p + p{ margin-top:.9rem }

/******** Типографика *********/
.wec h1{
    font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3rem);
    line-height:1.2; margin:.4rem 0 .6rem; color:#0d2349;
}
.wec h2{
    font-size: clamp(1.35rem, 1.1rem + .9vw, 1.85rem);
    margin:0 0 .6rem; color:#0d2349;
}
.wec .meta{ color: var(--muted); font-size:.95rem }
.wec .kicker{ color: var(--accent-teal); font-weight:700; text-transform:uppercase; font-size:.78rem; letter-spacing:.08em }
.wec .kicker a{ color: var(--accent-teal); font-weight:700; text-transform:uppercase; font-size:.78rem; letter-spacing:.08em }

/******** Шапка (локальная для этой страницы, если нужно) *********/
.wec header.site{ background:#fff; border-bottom:1px solid #eef1f6 }
.wec .nav{ display:flex; align-items:center; justify-content:space-between; padding:14px 0 }
.wec .brand{ display:flex; flex-direction:column; gap:2px }
.wec .brand__title{ font-weight:700; color:#0d2349; letter-spacing:.2px }
.wec .brand__subtitle{ font-size:.9rem; color: var(--muted) }
.wec .menu{ display:flex; gap:16px; flex-wrap:wrap }
.wec .menu a{ color:#0d2349; font-weight:600; padding:.4rem .6rem; border-radius:10px }
.wec .menu a:hover{ background:#f4f7fb; text-decoration:none }

/******** Герой *********/
.wec .hero{ padding: 125px 0 22px; background: linear-gradient(180deg, #fff, #f6f8fb 120%) }
/* вариант на тёмном фоне, если потребуется */
.wec .hero--navy{
    background: var(--navy); color:#e7eefb; padding:54px 0 36px;
}
.wec .hero--navy h1{ color:#fff }
.wec .hero--navy .meta{ color:#c1c9d9 }
.wec .hero--navy .kicker{ color:#7bd8cf }

/******** Кнопки (локальные) *********/
.wec .btn-row{ display:flex; gap:.6rem; flex-wrap:wrap }
.wec .btn{
    display:inline-flex; align-items:center; gap:.5rem;
    padding:.6rem .9rem; border-radius:10px; font-weight:600;
    border:1px solid #dbe2f0; background:#fff; color: var(--brand-blue);
    transition: transform .06s ease, box-shadow .18s ease, background .18s ease;
}
.wec .btn:hover{ text-decoration:none; box-shadow:0 6px 18px rgba(21,84,162,.12) }
.wec .btn:active{ transform: translateY(1px) }
.wec .btn.primary{ background: var(--brand-blue); color:#fff; border-color: var(--brand-blue) }
.wec .btn.primary:hover{ background:#114b90 }

/******** Статья *********/
.wec .article{ max-width: 860px; margin-inline:auto; padding: 25px; }
.wec .lede{
    margin: 18px 0 14px;
    padding: 18px 18px 16px;
    border:1px solid var(--border);
    border-left: 6px solid var(--accent-teal);
    border-radius: 12px;
    background: #f2fbfa;
    box-shadow: var(--shadow);
}
.wec .lede p{ margin:0; color:#1c2b36; font-size:1.05rem; line-height:1.6 }
.wec .article-body p{ color:#263142; font-size:1.02rem }

/******** Галерея *********/
.wec .article-gallery{ margin-top: 24px }
.wec .gallery{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}
.wec .figure{
    display:flex; flex-direction:column; height:100%;
    border:1px solid var(--border); border-radius: var(--radius-lg);
    overflow:hidden; background:#fff; box-shadow: var(--shadow);
}
.wec .figure .media{
    position:relative; aspect-ratio: 4 / 3; overflow:hidden; background:#f3f6f8;
}
.wec .figure .media img{
    width:100%; height:100%; display:block; object-fit:cover;
    transition: transform .3s ease;
}
.wec .figure:hover .media img{ transform: scale(1.02) }
.wec .figure figcaption{
    padding:12px 14px; color: var(--muted);
    font-size:.95rem; line-height:1.35; min-height:3.0em;
    border-top:1px solid #eef1f4; background:#fff;
}

/******** Подвал (локальный блок) *********/
.wec footer{ background: var(--footer-teal); color:#e9f3f1; margin-top:26px }
.wec footer .container{ padding:22px 0 36px }
.wec .credit{ margin:0; font-size:.92rem }

/******** Мелочи *********/
@media (max-width:420px){
    .wec .menu a{ padding:.35rem .5rem }
}
@media (prefers-reduced-motion: reduce){
    .wec *{ transition:none !important; animation:none !important }
}


/* ====== Сетка (как раньше) ====== */
.wec.wec-list .postlist{
    list-style:none; margin:0; padding:0;
    display:grid; gap:20px;
    grid-template-columns: 1fr;
}
@media (min-width: 820px){
    .wec.wec-list .postlist{ grid-template-columns: 1fr 1fr; }
}

/* Базовая карточка (как раньше) */
.wec.wec-list .teaser{
    height:100%;
    display:flex; flex-direction:column;
    border:1px solid var(--border, #e7e9ee);
    border-radius:16px; overflow:hidden; background:#fff;
    box-shadow:0 2px 12px rgba(8,28,61,.06);
    transition: box-shadow .18s ease, transform .06s ease, border-color .18s ease;
}
.wec.wec-list .teaser:hover{
    box-shadow:0 8px 24px rgba(8,28,61,.10);
    border-color:#dde3ef;
}
.wec.wec-list .teaser__media{
    display:block; position:relative; aspect-ratio:16/9;
    overflow:hidden; background:#f3f6f8;
    border-bottom:1px solid var(--border, #e7e9ee);
}
.wec.wec-list .teaser__media img{
    width:100%; height:100%; object-fit:cover; display:block;
    transition: transform .3s ease;
}
.wec.wec-list .teaser:hover .teaser__media img{ transform: scale(1.02) }
.wec.wec-list .teaser__body{ display:flex; flex-direction:column; gap:8px; padding:14px 14px 16px }
.wec.wec-list .teaser__title{ margin:0 0 2px; line-height:1.25; font-size:clamp(1.04rem,1rem + .4vw,1.22rem) }
.wec.wec-list .teaser__title a{ color:#0d2349; text-decoration:none }
.wec.wec-list .teaser__title a:hover{ text-decoration:underline }
.wec.wec-list .teaser__excerpt{
    margin:0; color:var(--muted, #5e6778); font-size:.98rem; line-height:1.5;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.wec.wec-list .teaser__footer{
    margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:8px;
    color:var(--muted, #5e6778); font-size:.94rem;
}

/* ====== Модификатор: "Другие новости экспортного контроля" ======
   - ненавязчивый вид
   - без фотографии: спокойный паттерн/иконка
   - более мягкий hover, без увеличения внимания
*/
.wec.wec-list .teaser--other{
    background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
    border-style: dashed; /* чуть отличается, но не кричит */
    box-shadow: 0 1px 8px rgba(8,28,61,.04);
}
.wec.wec-list .teaser--other:hover{
    box-shadow: 0 6px 16px rgba(8,28,61,.07);
}

/* спокойная "обложка" без фото: центруем иконку */
.wec.wec-list .teaser--other .teaser__media{
    display:flex; align-items:center; justify-content:center;
    background:
        radial-gradient(120px 60px at 80% 20%, rgba(21,84,162,.06) 0, rgba(21,84,162,0) 70%),
        radial-gradient(100px 50px at 20% 80%, rgba(37,165,154,.06) 0, rgba(37,165,154,0) 70%),
        #f6f8fb;
}
.wec.wec-list .teaser--other .teaser__icon{
    width:48px; height:48px; color:#7a8699; opacity:.6;
}
.wec.wec-list .teaser--other .teaser__title a{
    color:#0d2349; text-decoration:none;
}
.wec.wec-list .teaser--other .teaser__excerpt{
    -webkit-line-clamp:2; /* короче текста, чтобы не перетягивать внимание */
}
.wec.wec-list .teaser--other .teaser__cta{
    font-weight:600; color: var(--brand-blue, #1554a2);
}