.page-hero { padding: 8rem 0 4rem; background: var(--off); border-bottom: 1px solid var(--border); }
/* DIRECTORS */
#direktor { background: var(--off); border-top: 1px solid var(--border); }
.dir-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); margin-top: 0.5rem; }
.dir-card { background: var(--white); padding: 2rem 1.5rem; text-align: center; transition: background 0.25s; }
.dir-card:hover { background: var(--green-lt); }
.dir-av { width: 72px; height: 72px; min-height: 72px; border-radius: 50%; background: var(--light); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; margin: 0 auto 0.8rem; font-size: 0.9rem; font-weight: 700; color: var(--green); overflow: hidden; flex-shrink: 0; }
.dir-av img { width: 72px !important; height: 72px !important; min-height: 72px !important; object-fit: cover !important; border-radius: 50%; display: block; }
.dir-name { font-size: 0.86rem; font-weight: 600; color: var(--ink); line-height: 1.35; }
.dir-role { font-size: 0.62rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); margin-top: 0.2rem; }
.dir-note { font-size: 0.7rem; color: var(--muted); font-style: italic; font-weight: 300; margin-top: 1.2rem; }
@media (max-width: 860px) {
  .dir-grid { grid-template-columns: repeat(2, 1fr); }
}