/* ============================
   MEET THE TEAM – PAGE STYLES
   ============================ */

/* Slightly darker, more “internal document” feel */
body {
  background-color: #08040f;
}

/* Headings feel more official */
h2 {
  color: #ffffff;
  letter-spacing: 1px;
}

h3 {
  color: #d7c8ff;
}

/* ============================
   TEAM GRID
   ============================ */

.teamGrid {
  margin-top: 12px;
}

.teamCell {
  background: #14091f;
  border: 1px solid #3b155e;
  padding: 10px;
}

.teamCell:hover {
  background: #1c0c2d;
}

.teamName {
  margin-top: 8px;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.teamRole {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ============================
   PORTRAITS
   ============================ */

.portrait {
  width: 220px;
  border: 2px solid #3b155e;
  background: #000000;
}

.portraitLink:hover img {
  border-color: #90d907;
  filter: brightness(1.1);
}

/* ============================
   DOSSIER BLOCKS
   ============================ */

.dossier {
  background: #0e0518;
  border: 2px solid #3b155e;
  box-shadow: inset 0 0 20px #000000;
}

.dossierHeader {
  background: #230a38;
  border-bottom: 1px solid #4e1d7e;
  font-family: "Courier New", Courier, monospace;
  letter-spacing: 1px;
}

.dossierTitle {
  font-size: 12px;
}

.dossierStamp {
  color: #90d907;
  text-shadow: 0 0 4px #90d907;
}

/* ============================
   DOSSIER CONTENT
   ============================ */

.dossierPic {
  background: #08040f;
}

.portraitLarge {
  width: 240px;
  border: 2px solid #4e1d7e;
  margin-bottom: 6px;
}

.dossierInfo p {
  margin: 6px 0;
}

.dossierList li {
  margin-bottom: 4px;
}

/* ============================
   CLASSIFIED / REDACTED BOXES
   ============================ */

.classified {
  background: #06030a;
  border: 1px dashed #90d907;
  font-family: "Courier New", Courier, monospace;
  letter-spacing: 0.5px;
  box-shadow: inset 0 0 10px #000000;
}

/* Make classified boxes subtly pulse attention */
.classified strong {
  color: #90d907;
}

/* ============================
   LINKS + NAV FEEL
   ============================ */

.smallLink {
  display: inline-block;
  margin-top: 4px;
  font-size: 10px;
}

.smallLink:hover {
  color: #ffffff;
}

/* ============================
   FUN OPTIONAL EXTRAS
   ============================ */

/* Tiny “file scuffed” effect */
.dossier:hover {
  border-color: #90d907;
}

/* Divider feels more ominous */
.divider {
  border-top: 1px dashed #3b155e;
  margin: 18px 0;
}

/* Make the whole page feel slightly tighter */
.content {
  line-height: 1.4;
}

/* ============================
   HORIZONTAL TEAM STRIP
   ============================ */

.teamStrip {
  width: 100%;
  text-align: center;
  margin: 14px 0;
}

.teamStripItem {
  display: inline-block;
  vertical-align: top;
  width: 220px;
  margin: 0 10px;
  background: #14091f;
  border: 1px solid #3b155e;
  padding: 10px;
}

.teamStripItem:hover {
  background: #1c0c2d;
}

.teamStripItem .portrait {
  width: 200px;
}

.teamStripItem .teamName {
  margin-top: 8px;
  font-size: 14px;
}

.teamStripItem .teamRole {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}