/* HERO */
.hero { margin-top: 56px; position: relative; width: 100%; height: 520px; overflow: hidden; }
.hero-bg {
  width: 100%; height: 100%;
  background-image:
    linear-gradient(to right, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.2) 55%, rgba(0,0,0,0.08) 100%),
    var(--hero-bg-image, linear-gradient(135deg, #1a2e12 0%, #2d4a1e 35%, #3d5a2e 60%, #2a4a3a 100%));
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
}
.hero-content { position: absolute; top: 50%; left: 60px; transform: translateY(-50%); max-width: 500px; }
.hero-title { font-size: 40px; font-weight: 700; color: #fff; line-height: 1.25; margin-bottom: 12px; }
.hero-desc { font-size: 12px; color: rgba(255,255,255,0.85); line-height: 1.9; margin-bottom: 24px; }
.hero-btns { display: flex; gap: 10px; flex-wrap: wrap; }

/* NEWS */
.news-sec { background: #fff; }
.news-list { list-style: none; border-top: 1px solid var(--gray-border); }
.news-item { display: flex; align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--gray-border); }
.news-date { font-size: 12px; color: var(--gray-text); white-space: nowrap; flex-shrink: 0; }
.news-cat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 2px;
  color: #fff;
  white-space: nowrap;
  flex-shrink: 0;
}
.cat-info { background: #3a6adf; }
.cat-alert { background: var(--red); }
.cat-org { background: #1f6e1f; }
.cat-event { background: #c06d20; }
.cat-uncategorized { background: #9aa1a8; color: #f2f4f6; }
.news-title { font-size: 13px; color: var(--dark); transition: color 0.18s; }
.news-title:hover { color: var(--red); }

/* EVENTS */
.ev-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.ev-card { border: 1px solid var(--gray-border); border-radius: 6px; overflow: hidden; background: #fff; transition: box-shadow 0.2s; }
.ev-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.09); }
.ev-img { width: 100%; height: 180px; position: relative; }
.ev-img.c1 { background: linear-gradient(135deg,#7a6040,#5a3820); }
.ev-img.c2 { background: linear-gradient(135deg,#2a4a1a,#1a3008); }
.ev-img.c3 { background: linear-gradient(135deg,#404060,#202040); }
.ev-img.c4 { background: linear-gradient(135deg,#6a4040,#4a2020); }
.ev-tags { position: absolute; top: 8px; left: 8px; display: flex; gap: 5px; }
.tag { font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 2px; color: #fff; }
.tag-red { background: var(--red); }
.tag-black { background: rgba(0,0,0,0.55); }
.tag-green { background: #1f6e1f; }
.tag-orange { background: #d06010; }
.ev-body { padding: 14px 16px 16px; }
.ev-title { font-size: 14px; font-weight: 700; margin-bottom: 8px; line-height: 1.4; }
.ev-title a { color: var(--dark); }
.ev-title a:hover { color: var(--red); }
.ev-meta { font-size: 11px; color: var(--gray-text); margin-bottom: 2px; }
.ev-link { display: inline-flex; align-items: center; color: var(--red); font-size: 12px; font-weight: 700; margin-top: 10px; }
.ev-link::after { content: ' →'; }

/* REPORTS */
.reports-sec { background: var(--gray-bg); }
.rp-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.rp-card { background: #fff; border: 1px solid var(--gray-border); border-radius: 6px; overflow: hidden; transition: box-shadow 0.2s; }
.rp-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.09); }
.rp-img { width: 100%; height: 160px; }
.rp-img.r1, .rp-img.i1 { background: linear-gradient(135deg,#6a5040,#4a3020); }
.rp-img.r2, .rp-img.i2 { background: linear-gradient(135deg,#b08040,#806020); }
.rp-img.r3, .rp-img.i3 { background: linear-gradient(135deg,#8a7020,#5a4800); }
.rp-img.i4 { background: linear-gradient(135deg,#3a5a2a,#2a4a1a); }
.rp-img.i5 { background: linear-gradient(135deg,#5a4a3a,#3a2a1a); }
.rp-img.i6 { background: linear-gradient(135deg,#4a6a3a,#2a4a1a); }
.rp-body { padding: 14px 16px 16px; }
.rp-meta { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.rp-date { font-size: 11px; color: #aaa; }
.rp-tag { font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 2px; color: #fff; }
.rp-title { font-size: 13px; font-weight: 700; line-height: 1.4; margin-bottom: 6px; }
.rp-title a { color: var(--dark); }
.rp-title a:hover { color: var(--red); }
.rp-desc { font-size: 11px; color: var(--gray-text); line-height: 1.7; }
.rp-link { display: inline-flex; align-items: center; color: var(--red); font-size: 12px; font-weight: 700; margin-top: 10px; }
.rp-link::after { content: ' →'; }

/* ABOUT */
.about-inner { display: grid; grid-template-columns: 280px 1fr; gap: 80px; align-items: center; }
.about-logo-wrap { display: flex; justify-content: center; }
.about-logo-circle { width: 240px; height: 240px; border-radius: 50%; background: var(--red); border: 6px solid var(--red-dark); display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; box-shadow: 0 8px 36px rgba(192,0,0,0.25); text-align: center; }
.about-logo-circle .big { font-size: 36px; font-weight: 900; letter-spacing: 3px; }
.about-logo-circle .small { font-size: 9px; margin-top: 6px; opacity: 0.8; letter-spacing: 1px; }
.about-content .sec-title { margin-bottom: 14px; }
.about-content p { font-size: 13px; color: #444; line-height: 1.9; margin-bottom: 10px; }
.about-stats { display: flex; gap: 36px; margin: 24px 0; }
.stat { border-left: 3px solid var(--red); padding-left: 14px; }
.stat-num { font-size: 32px; font-weight: 700; line-height: 1; margin-bottom: 2px; }
.stat-label { font-size: 11px; color: var(--gray-text); }

/* PROCEDURES */
.proc-sec { background: var(--gray-bg); }
.proc-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.proc-card { background: #fff; border: 1px solid var(--gray-border); border-radius: 6px; padding: 24px 20px; transition: box-shadow 0.2s; }
.proc-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.07); }
.proc-icon { width: 44px; height: 44px; background: rgba(192,0,0,0.08); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.proc-icon svg { width: 22px; height: 22px; stroke: var(--red); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.proc-title { font-size: 14px; font-weight: 700; margin-bottom: 6px; }
.proc-desc { font-size: 11px; color: var(--gray-text); line-height: 1.7; margin-bottom: 14px; }
.proc-link { display: inline-flex; align-items: center; color: var(--red); font-size: 12px; font-weight: 700; }
.proc-link::after { content: ' →'; }

/* CONTACT STRIP */
.contact-wrap { background: var(--gray-bg); padding: 0 40px 64px; }
.contact-inner { max-width: 1160px; margin: 0 auto; background: #fff; border: 1px solid var(--gray-border); border-radius: 6px; padding: 28px 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.contact-inner h3 { font-size: 15px; font-weight: 700; margin-bottom: 4px; }
.contact-inner p { font-size: 12px; color: var(--gray-text); }

/* RESPONSIVE */
@media (max-width: 1024px) {
  .ev-grid, .rp-grid { grid-template-columns: repeat(2,1fr); }
  .proc-grid { grid-template-columns: repeat(2,1fr); }
  .about-inner { grid-template-columns: 1fr; gap: 32px; text-align: center; }
  .about-stats { justify-content: center; }
}
@media (max-width: 768px) {
  .hero { height: auto; min-height: 400px; }
  .hero-content { left: 20px; right: 20px; top: auto; transform: none; bottom: 28px; max-width: 100%; }
  .hero-title { font-size: 24px; }
  .hero-desc { font-size: 11px; }
  .ev-grid, .rp-grid, .proc-grid { grid-template-columns: 1fr; }
  .ev-img { height: 200px; }
  .rp-img { height: 180px; }
  .about-inner { grid-template-columns: 1fr; gap: 24px; text-align: center; }
  .about-logo-circle { width: 170px; height: 170px; }
  .about-logo-circle .big { font-size: 24px; }
  .about-stats { justify-content: center; gap: 20px; }
  .contact-wrap { padding: 0 16px 44px; }
  .contact-inner { flex-direction: column; align-items: flex-start; padding: 20px; }
}