.faction-pillars{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin:34px 0 30px;
}
.faction-pillar{
  position:relative;
  min-height:520px;
  overflow:hidden;
  border:1px solid rgba(132,190,216,.16);
  border-radius:22px;
  background:#0a1720;
  isolation:isolate;
}
.faction-pillar:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--faction-image);
  background-size:cover;
  background-position:center;
  transform:scale(1.01);
  transition:transform .45s ease,filter .45s ease;
}
.faction-pillar:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(3,10,15,.08) 0%,rgba(3,10,15,.18) 34%,rgba(3,10,15,.92) 78%,rgba(3,10,15,.98) 100%);
}
.faction-pillar:hover:before{
  transform:scale(1.05);
  filter:saturate(1.08) brightness(1.03);
}
.faction-pillar:hover{
  border-color:rgba(101,213,255,.3);
}
.faction-pillar-content{
  min-height:520px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:24px;
}
.faction-pillar-badge{
  align-self:flex-start;
  min-height:31px;
  display:inline-flex;
  align-items:center;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:6px;
  background:rgba(4,13,19,.72);
  color:#e7f1f5;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
  backdrop-filter:blur(10px);
}
.faction-pillar-badge.civil{border-color:rgba(56,189,248,.36);box-shadow:0 0 20px rgba(56,189,248,.12)}
.faction-pillar-badge.business{border-color:rgba(240,189,103,.34);box-shadow:0 0 20px rgba(240,189,103,.1)}
.faction-pillar-badge.crime{border-color:rgba(255,111,131,.34);box-shadow:0 0 20px rgba(255,111,131,.1)}
.faction-pillar h2{
  margin:0;
  color:#fff;
  font-size:29px;
  line-height:1.05;
  letter-spacing:-.04em;
}
.faction-pillar p{
  margin:14px 0 18px;
  color:#b6c9d2;
  font-size:12px;
  line-height:1.75;
}
.faction-pillar-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#dbe9ef;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
  text-decoration:none;
}
.faction-pillar-link:hover{color:#65d5ff}
.factions-cta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
  margin:36px 0 70px;
  padding:30px 32px;
  border:1px solid rgba(132,190,216,.14);
  border-radius:20px;
  background:rgba(12,24,33,.88);
}
.factions-cta h2{
  margin:0;
  font-size:34px;
  letter-spacing:-.035em;
}
.factions-cta p{
  max-width:680px;
  margin:9px 0 0;
  color:#aabec8;
  font-size:12px;
  line-height:1.75;
}
@media(max-width:980px){
  .faction-pillars{grid-template-columns:1fr}
  .faction-pillar,.faction-pillar-content{min-height:430px}
}
@media(max-width:700px){
  .factions-cta{align-items:flex-start;flex-direction:column;padding:22px}
  .factions-cta .btn{width:100%}
}

.faction-explorer{
  display:none;
  margin:28px 0 38px;
  border:1px solid rgba(132,190,216,.15);
  border-radius:22px;
  overflow:hidden;
  background:rgba(8,20,29,.9);
}
.faction-explorer.active{display:block}
.faction-explorer-banner{
  position:relative;
  min-height:340px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background-image:
    linear-gradient(90deg,rgba(2,8,13,.94),rgba(2,8,13,.65) 56%,rgba(2,8,13,.2)),
    var(--explorer-image);
  background-size:cover;
  background-position:center;
}
.faction-explorer-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.faction-explorer-back{
  min-height:36px!important;
}
.faction-explorer-status{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border-radius:99px;
  border:1px solid rgba(101,213,255,.22);
  background:rgba(4,20,29,.62);
  color:#9fe7ff;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.faction-explorer-copy{
  max-width:720px;
}
.faction-explorer-copy h2{
  margin:0;
  font-size:clamp(38px,5vw,64px);
  line-height:.98;
  letter-spacing:-.05em;
}
.faction-explorer-copy p{
  margin:14px 0 0;
  max-width:680px;
  color:#bed0d8;
  font-size:13px;
  line-height:1.75;
}
.faction-explorer-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:20px;
  padding:22px;
}
.faction-subgroup-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.faction-subgroup{
  padding:18px;
  border:1px solid rgba(132,190,216,.12);
  border-radius:14px;
  background:rgba(255,255,255,.018);
}
.faction-subgroup h3{
  margin:0;
  font-size:17px;
}
.faction-subgroup p{
  margin:7px 0 0;
  color:#9eb3bd;
  font-size:10px;
  line-height:1.65;
}
.faction-subgroup span{
  display:inline-flex;
  margin-top:13px;
  color:#76d5f7;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.faction-explorer-side{
  padding:20px;
  border:1px solid rgba(132,190,216,.12);
  border-radius:14px;
  background:rgba(255,255,255,.018);
}
.faction-explorer-side h3{
  margin:0 0 8px;
  font-size:17px;
}
.faction-explorer-side p{
  margin:0 0 16px;
  color:#9eb3bd;
  font-size:10px;
  line-height:1.65;
}
.faction-explorer-actions{
  display:grid;
  gap:9px;
}
.faction-pillar{
  cursor:pointer;
}
@media(max-width:900px){
  .faction-explorer-body{grid-template-columns:1fr}
}
@media(max-width:640px){
  .faction-subgroup-grid{grid-template-columns:1fr}
  .faction-explorer-banner{min-height:390px;padding:22px}
}

.faction-directory-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:22px;
  padding:22px 24px;
  border-bottom:1px solid rgba(132,190,216,.11);
}
.faction-directory-toolbar h3{
  margin:0;
  font-size:22px;
  letter-spacing:-.025em;
}
.faction-directory-toolbar p{
  margin:5px 0 0;
  color:#91a9b5;
  font-size:10px;
}
.faction-directory-toolbar .input{
  max-width:320px;
}
.faction-directory-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  padding:22px;
}
.directory-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(132,190,216,.12);
  border-radius:16px;
  background:rgba(255,255,255,.015);
}
.directory-card-image{
  height:190px;
  background-size:cover;
  background-position:center;
}
.directory-card-copy{
  padding:17px;
}
.directory-card-copy>span{
  color:#69d2f7;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.095em;
}
.directory-card-copy h3{
  margin:7px 0 8px;
  font-size:19px;
  letter-spacing:-.025em;
}
.directory-card-copy p{
  margin:0;
  color:#9eb3bd;
  font-size:10px;
  line-height:1.65;
}
.faction-explorer-footer{
  display:flex;
  gap:9px;
  justify-content:flex-end;
  padding:0 22px 22px;
}
@media(max-width:980px){
  .faction-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .faction-directory-toolbar{align-items:stretch;flex-direction:column}
  .faction-directory-toolbar .input{max-width:none}
  .faction-directory-grid{grid-template-columns:1fr}
  .faction-explorer-footer{flex-direction:column}
}