/* Imperial Dark Sector — Ghost Crew lore page */
.ghost-crew-page{
  background:
    radial-gradient(circle at 82% 7%,rgba(83,118,140,.14),transparent 28%),
    radial-gradient(circle at 9% 35%,rgba(166,55,54,.09),transparent 24%),
    #050609;
}
.ghost-crew-page .article-hero-image{
  background-position:center 34%;
}
.ghost-crew-page .article-hero-copy{
  background:linear-gradient(90deg,rgba(5,6,9,.96),rgba(5,6,9,.82) 68%,rgba(5,6,9,.15));
}
.ghost-crew-roster{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:28px 0 42px;
}
.ghost-crew-roster a{
  min-height:155px;
  padding:20px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(145,160,174,.28);
  background:
    linear-gradient(145deg,rgba(17,24,33,.96),rgba(7,10,15,.98));
  color:#dfe5ea;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.ghost-crew-roster a:hover{
  transform:translateY(-2px);
  border-color:rgba(201,211,219,.5);
  background:linear-gradient(145deg,#151e28,#090d13);
}
.ghost-crew-roster .spectre{
  color:#8396a5;
  font-size:.6rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ghost-crew-roster strong{
  margin-top:22px;
  color:#f1f4f6;
  font:900 1.42rem/1 "Arial Narrow",Impact,sans-serif;
  text-transform:uppercase;
}
.ghost-crew-roster small{
  margin-top:8px;
  color:#9ba8b2;
  line-height:1.45;
}
.ghost-crew-roster b{
  margin-top:auto;
  padding-top:18px;
  color:#cbd5dc;
  font-size:.65rem;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.ghost-wide-figure{
  margin:30px 0 38px;
  border:1px solid rgba(145,160,174,.25);
  background:#070a0e;
}
.ghost-wide-figure img{
  width:100%;
  aspect-ratio:16/8.7;
  display:block;
  object-fit:cover;
}
.ghost-wide-figure figcaption{
  padding:11px 14px 13px;
  color:#82909b;
  font-size:.72rem;
  line-height:1.45;
}
.ghost-crew-facts{
  margin:26px 0 38px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  border:1px solid rgba(145,160,174,.24);
  background:rgba(145,160,174,.24);
}
.ghost-crew-facts div{
  padding:18px;
  background:#090d13;
}
.ghost-crew-facts strong{
  display:block;
  color:#e3e8ec;
  font:900 1.1rem/1.05 "Arial Narrow",Impact,sans-serif;
  text-transform:uppercase;
}
.ghost-crew-facts span{
  display:block;
  margin-top:7px;
  color:#8e9ba6;
  font-size:.72rem;
  line-height:1.45;
}
.ghost-character-lead{
  margin-top:34px;
  padding-top:12px;
  border-top:1px solid rgba(145,160,174,.18);
}
.ghost-character-lead .meta{
  margin-bottom:7px;
}
.ghost-crew-page .pull-quote{
  border-color:rgba(111,142,165,.45);
}
@media(max-width:850px){
  .ghost-crew-roster{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ghost-crew-facts{grid-template-columns:1fr}
}
@media(max-width:560px){
  .ghost-crew-roster{grid-template-columns:1fr}
  .ghost-crew-roster a{min-height:135px}
  .ghost-crew-page .article-hero-image{background-position:56% center}
}
@media(prefers-reduced-motion:reduce){
  .ghost-crew-roster a{transition:none}
}