/* Leadership page — "mission briefing": amber accent, dossier panel, mission cards with hazard-stripe headers. */

.page-leadership .page-hero::after {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    linear-gradient(color-mix(in srgb, #fbbf24 8%, transparent) 1px, transparent 1px) 0 0 / 64px 64px,
    linear-gradient(90deg, color-mix(in srgb, #fbbf24 8%, transparent) 1px, transparent 1px) 0 0 / 64px 64px;
  -webkit-mask-image: radial-gradient(60% 80% at 80% 40%, #000 15%, transparent 75%);
  mask-image: radial-gradient(60% 80% at 80% 40%, #000 15%, transparent 75%);
}

/* Dossier panel with corner brackets */
.dossier { position: relative; padding: clamp(22px, 3vw, 32px); background: color-mix(in srgb, var(--panel) 85%, transparent); box-shadow: inset 0 0 0 1px var(--line); }
.dossier::before, .dossier::after { content: ''; position: absolute; width: 26px; height: 26px; border: 2px solid var(--page-accent); }
.dossier::before { top: -1px; left: -1px; border-right: 0; border-bottom: 0; }
.dossier::after { bottom: -1px; right: -1px; border-left: 0; border-top: 0; }
.dossier-head { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 14px; border-bottom: 1px dashed var(--line-strong); }
.dossier-head .label { color: var(--page-accent-text); }
.dossier-status { display: inline-flex; align-items: center; gap: 8px; }
.dossier-status::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #34d399; box-shadow: 0 0 10px rgba(52, 211, 153, .7); }
.dossier-big { display: flex; align-items: baseline; gap: 14px; padding: 20px 0 16px; }
.dossier-big strong { font-family: var(--font-display); font-weight: 700; font-size: clamp(4.5rem, 3rem + 6vw, 7.5rem); line-height: .85; color: var(--page-accent-text); text-shadow: 0 0 34px var(--page-glow); }
.dossier-big span { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: var(--fs-3); line-height: 1.05; }
.dossier-rows { margin: 0; border-top: 1px solid var(--line); }
.dossier-rows div { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.dossier-rows dt { font-family: var(--font-display); font-size: var(--fs-xs); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); }
.dossier-rows dd { margin: 0; font-family: var(--font-display); font-weight: 700; text-align: right; }
.dossier-rows .count-up { color: var(--page-accent-text); }

/* Mission cards */
.mission-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; list-style: none; }
.mission { position: relative; display: grid; align-content: start; gap: 14px; padding: 34px 26px 28px; background: var(--panel); box-shadow: inset 0 0 0 1px var(--line); transition: box-shadow .25s ease, transform .25s var(--ease); }
.mission::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 8px; background: repeating-linear-gradient(-45deg, var(--page-accent) 0 10px, transparent 10px 20px); opacity: .85; }
.mission:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--page-accent) 60%, transparent), 0 0 26px var(--page-glow); }
.mission-no { font-family: var(--font-display); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--page-accent-text); }
.mission h3 { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: clamp(1.375rem, 1.1rem + .9vw, 1.875rem); line-height: 1; }
.mission p { color: var(--ink-2); }
.mission-tags { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin-top: 4px; }
.mission-tags li, .mission-tags a { display: inline-block; padding: 4px 10px; font-family: var(--font-display); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; border: 1px solid color-mix(in srgb, var(--page-accent) 55%, transparent); color: var(--ink); text-decoration: none; }
.mission-tags a:hover { background: color-mix(in srgb, var(--page-accent) 18%, transparent); }

.page-leadership .practice-grid { border-top-color: color-mix(in srgb, var(--page-accent) 50%, transparent); }
.page-leadership .practice-card h4::before { content: '▸ '; color: var(--page-accent-text); }

@media (max-width: 1080px) {
  .mission-grid { grid-template-columns: minmax(0, 1fr); }
}