/* c5 — сторінкові стилі: hero, ticker, about/iso, партнери, напрям, документи, контакти, статті */

/* ===== HERO ===== */
.hero{ position:relative; min-height:88vh; display:flex; align-items:flex-end; overflow:hidden; background:var(--c-graphite) }
.hero-media{ position:absolute; inset:0; z-index:0; background-size:cover; background-position:center }
.hero-media video, .hero-media img{ width:100%;height:100%;object-fit:cover; opacity:.55 }
.hero-media::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(26,29,33,.55) 0%, rgba(26,29,33,.55) 40%, rgba(26,29,33,.95) 100%) }
.hero-inner{ position:relative; z-index:1; padding-bottom:var(--space-8); width:100%; color:#fff }
.hero-badge{ display:inline-flex; align-items:center; gap:8px; margin-bottom:var(--space-4) }
.hero h1{ color:#fff; max-width:820px; }
.hero .lead{ color:#dfe2e6; max-width:560px; margin-top:var(--space-4); font-size:17px }
.hero-ctas{ display:flex; gap:14px; margin-top:var(--space-6); flex-wrap:wrap }
.hero-iso-chip{ position:absolute; top:var(--space-6); right:var(--space-5); z-index:2; background:rgba(255,255,255,.92); border-radius:8px; padding:8px 12px 8px 8px; display:flex; align-items:center; gap:10px; box-shadow:var(--shadow-card); }
.hero-iso-chip img{ width:40px;height:40px; border-radius:4px; object-fit:cover }
.hero-iso-chip .mono{ font-size:11px; font-weight:700; color:var(--c-graphite); line-height:1.3 }
@media (max-width:640px){ .hero{ min-height:82vh } .hero-iso-chip{ display:none } }

.ticker{ background:var(--c-graphite); border-top:2px solid var(--c-yellow); border-bottom:2px solid var(--c-yellow); overflow:hidden; padding:12px 0; position:relative; z-index:2 }
.ticker-track{ display:flex; width:max-content; gap:40px; white-space:nowrap; animation:ticker-move 26s linear infinite }
.ticker-track span{ font-family:var(--font-mono); font-weight:700; letter-spacing:.14em; font-size:13px; color:var(--c-yellow); display:flex; align-items:center; gap:12px; text-transform:uppercase }
.ticker-track span::after{ content:"◆"; color:var(--c-steel); margin-left:12px }

/* ===== ISO / about excerpt ===== */
.about-flex{ display:grid; grid-template-columns:1.2fr .8fr; gap:var(--space-7); align-items:start }
@media (max-width:900px){ .about-flex{ grid-template-columns:1fr } }
.iso-card{ background:var(--c-white); border-radius:var(--radius-m); padding:var(--space-5); box-shadow:var(--shadow-card); border-left:5px solid var(--c-yellow) }
.iso-card img{ width:96px; border-radius:6px; margin-bottom:14px }
.iso-card p{ font-size:13.5px }
.mgmt-row{ display:flex; align-items:center; gap:14px; margin-top:var(--space-5); padding-top:var(--space-5); border-top:1px solid var(--c-concrete-2) }
.mgmt-avatar{ width:56px;height:56px; border-radius:50%; background:var(--c-graphite); color:var(--c-yellow); display:flex; align-items:center; justify-content:center; font-weight:700; font-family:var(--font-mono); flex:0 0 auto }
.mgmt-name{ font-weight:700 }
.mgmt-pos{ font-size:13px; color:var(--c-steel) }

/* ===== партнери marquee ===== */
.partners-wrap{ overflow:hidden; position:relative }
.partners-wrap::before, .partners-wrap::after{ content:""; position:absolute; top:0; bottom:0; width:80px; z-index:2; pointer-events:none }
.partners-wrap::before{ left:0; background:linear-gradient(90deg,var(--c-concrete),transparent) }
.partners-wrap::after{ right:0; background:linear-gradient(-90deg,var(--c-concrete),transparent) }
.partners-track{ display:flex; gap:var(--space-7); width:max-content; align-items:center }
.partners-track img{ height:44px; width:auto; filter:grayscale(1); opacity:.6; transition:filter var(--dur-2), opacity var(--dur-2) }
.partners-track img:hover{ filter:grayscale(0); opacity:1 }

/* ===== CTA секція ===== */
.cta-band{ text-align:center; padding:var(--space-9) 0 }
.cta-band h2{ max-width:640px; margin:0 auto var(--space-5) }

/* ===== сторінка напряму ===== */
.dir-layout{ display:grid; grid-template-columns:260px 1fr; gap:var(--space-7); align-items:start }
@media (max-width:860px){ .dir-layout{ grid-template-columns:1fr } }
.dir-side{ position:sticky; top:calc(var(--header-h-sm) + 20px); background:var(--c-white); border-radius:var(--radius-m); padding:var(--space-4); box-shadow:var(--shadow-card) }
.dir-side h4{ font-family:var(--font-mono); font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--c-steel); margin-bottom:10px }
.dir-side a{ display:flex; align-items:center; gap:10px; padding:10px 8px; border-radius:6px; font-size:14px; font-weight:600 }
.dir-side a:hover, .dir-side a.is-active{ background:var(--c-concrete) }
.dir-side a.is-active{ color:var(--c-orange) }
.dir-page-head{ padding:var(--space-8) 0 var(--space-6) }
.dir-hero-icon{ width:74px;height:74px; margin-bottom:var(--space-4); position:relative }
.dir-hero-icon svg{ position:absolute; inset:0; width:100%; height:100% }
.dir-cta-box{ margin-top:var(--space-6); background:var(--c-graphite); color:#fff; border-radius:var(--radius-m); padding:var(--space-5); display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap }
.dir-cta-box p{ color:#B7BCC4; margin:4px 0 0 }
.dir-audience{ display:flex; gap:10px; flex-wrap:wrap; margin:var(--space-4) 0 }
.dir-audience li{ background:var(--c-white); border:1px solid var(--c-concrete-2); border-radius:999px; padding:7px 14px; font-size:13px; font-weight:600 }

/* ===== документи/фінзвітність =====
   4 посилання → 1/2/4 колонки, ділиться націло на всіх брейкпоінтах */
.link-list{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px }
.link-list > .link-card{ flex:0 0 auto; width:100%; }
@media (min-width:420px){ .link-list > .link-card{ width:calc((100% - 14px)/2) } }
@media (min-width:700px){ .link-list > .link-card{ width:calc((100% - 14px*3)/4) } }
.link-card{ background:var(--c-white); border:1px solid var(--c-concrete-2); border-radius:8px; padding:16px; display:flex; align-items:center; gap:12px; font-weight:600; font-size:14px }
.link-card:hover{ border-color:var(--c-orange) }
.anti-corr-box{ background:var(--c-white); border-radius:var(--radius-m); padding:var(--space-5); box-shadow:var(--shadow-card); }

/* ===== контакти ===== */
.contacts-grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--space-7) }
@media (max-width:860px){ .contacts-grid{ grid-template-columns:1fr } }
.contact-block{ background:var(--c-white); border-radius:var(--radius-m); padding:var(--space-5); box-shadow:var(--shadow-card); margin-bottom:var(--space-4) }
.contact-block h3{ display:flex; align-items:center; gap:10px; margin-bottom:14px }
.contact-block h3 svg{ width:20px;height:20px; color:var(--c-orange) }
.contact-row{ display:flex; gap:12px; padding:9px 0; border-bottom:1px dashed var(--c-concrete-2); font-size:14px }
.contact-row:last-child{ border-bottom:none }
.contact-row svg{ width:17px;height:17px; color:var(--c-steel); flex:0 0 auto; margin-top:2px }
.map-frame{ border-radius:var(--radius-m); overflow:hidden; box-shadow:var(--shadow-card); border:1px solid var(--c-concrete-2); position:relative }
.map-frame iframe{ width:100%; height:320px; border:0; display:block; filter:grayscale(.25) }
.map-caption{ display:flex; justify-content:space-between; align-items:center; background:var(--c-white); padding:12px 16px; font-size:13px; gap:10px; flex-wrap:wrap }
.form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:0 var(--space-4) }
@media (max-width:560px){ .form-grid{ grid-template-columns:1fr } }
.form-grid .field.full{ grid-column:1/-1 }

/* ===== окрема новина ===== */
.article-head{ padding:var(--space-8) 0 var(--space-5) }
.article-cover{ border-radius:var(--radius-m); overflow:hidden; margin-bottom:var(--space-6) }
.article-body{ max-width:760px; font-size:16.5px; line-height:1.75 }
.article-body p{ margin-bottom:16px; color:var(--c-graphite) }
.article-meta{ display:flex; gap:14px; align-items:center; color:var(--c-steel); font-family:var(--font-mono); font-size:13px; margin-bottom:var(--space-4); flex-wrap:wrap }
.share-row{ display:flex; gap:10px; margin-top:var(--space-6); padding-top:var(--space-6); border-top:1px solid var(--c-concrete-2) }
.share-row .icon-btn{ background:var(--c-concrete) }
.related-nav{ display:flex; justify-content:space-between; gap:16px; margin-top:var(--space-8); padding-top:var(--space-6); border-top:1px solid var(--c-concrete-2); flex-wrap:wrap }
.related-nav a{ max-width:300px; font-size:14px; font-weight:600 }
.related-nav small{ display:block; color:var(--c-steel); font-family:var(--font-mono); margin-bottom:4px }

.seminar-list{ display:flex; flex-direction:column; gap:var(--space-4) }
@media (max-width:640px){ .seminar-list .news-card{ flex-direction:column !important } .seminar-list .news-thumb{ width:100% !important; flex-basis:auto !important; height:90px !important; flex-direction:row !important; gap:10px !important } }

/* breadcrumbs */
.crumbs{ font-family:var(--font-mono); font-size:12.5px; color:var(--c-steel); display:flex; gap:6px; flex-wrap:wrap; margin-bottom:var(--space-3) }
.crumbs a:hover{ color:var(--c-orange) }
.page-head{ padding:var(--space-8) 0 var(--space-6); background:var(--c-white); border-bottom:3px solid transparent; border-image:var(--hazard-stripe) 1; }