/* Image-led Sith antagonist and organization links on the SWTOR game overview */
.swtor-villain-spotlight{position:relative;isolation:isolate}
.swtor-villain-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:23px}
.swtor-villain-tile{display:flex;flex-direction:column;min-width:0;text-decoration:none!important;background:linear-gradient(145deg,#211827,#081321);border:1px solid #613b54;overflow:hidden;color:#f4f5fa!important;transition:transform .2s,border-color .2s}
.swtor-villain-tile:hover,.swtor-villain-tile:focus-visible{transform:translateY(-4px);border-color:#ec738c}
.swtor-villain-portrait{height:240px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at center,#363648,#101522 76%)}
.swtor-villain-portrait img{height:100%;width:100%;object-fit:contain;object-position:center center;padding:9px;filter:drop-shadow(0 10px 23px #000b)}
.swtor-villain-portrait:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0b1521cc,transparent 40%)}
.swtor-villain-copy{padding:20px 18px;display:grid;gap:12px;flex:1}
.swtor-villain-copy small,.swtor-villain-groups small{color:#f9b0bd!important;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:900}
.swtor-villain-copy strong{font:900 clamp(1.3rem,2.2vw,2rem)/1.05 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;color:#fff}
.swtor-villain-copy>span{font-size:.88rem;line-height:1.55;color:#dbe6f2}
.swtor-villain-copy b,.swtor-villain-groups b{font-size:.84rem;color:#ffb5c4;margin-top:auto}
.swtor-villain-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.swtor-villain-groups a{min-width:0;display:grid;gap:10px;padding:24px;border:1px solid #536478;background:linear-gradient(115deg,#263448,#131b2b);color:#e5eef6!important;text-decoration:none!important}
.swtor-villain-groups a:hover,.swtor-villain-groups a:focus-visible{border-color:#eb7e94;background:#314057}
.swtor-villain-groups strong{color:#fff;font:900 clamp(1.3rem,2vw,1.8rem)/1.12 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.swtor-villain-groups span{font-size:.89rem;line-height:1.65}
.swtor-villain-tile:focus-visible,.swtor-villain-groups a:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:1100px){.swtor-villain-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.swtor-villain-tiles,.swtor-villain-groups{grid-template-columns:1fr}.swtor-villain-portrait{height:270px}.swtor-villain-tile{flex-direction:row}.swtor-villain-tile .swtor-villain-portrait{width:39%;flex:none;height:auto;min-height:245px}.swtor-villain-copy{padding:17px 12px;gap:9px}.swtor-villain-copy strong{font-size:1.36rem}}
@media(max-width:380px){.swtor-villain-tile{flex-direction:column}.swtor-villain-tile .swtor-villain-portrait{width:100%;height:180px;min-height:180px}}
@media(prefers-reduced-motion:reduce){.swtor-villain-tile{transition:none}}
