.factions-section{padding:110px clamp(24px,7vw,115px);background:linear-gradient(180deg,#071016,#04090c);scroll-margin-top:88px}.faction-overview{display:grid;grid-template-columns:1fr 1.15fr;gap:25px}.faction-cards{display:grid;gap:12px}.faction-card{padding:25px 28px;background:#071118;border:1px solid var(--line);border-left:3px solid var(--faction-color)}.faction-card>span{color:var(--faction-color);font-size:9px;letter-spacing:1.5px}.faction-card h3{font-size:28px;margin:12px 0}.faction-card .motto{color:#d3dde0;font-style:italic}.faction-card p{color:var(--muted);font-size:12px;line-height:1.7}.faction-card a{display:inline-block;margin-top:8px;color:var(--faction-color);font-size:10px;text-decoration:none;letter-spacing:1px}.faction-gallery{position:relative;min-height:560px;background:#020609;border:1px solid var(--line);overflow:hidden}.faction-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}.faction-slide.active{opacity:1}.faction-slide img{width:100%;height:100%;object-fit:cover}.faction-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#02070bd6,transparent 48%)}.faction-slide-caption{position:absolute;left:28px;right:28px;bottom:28px;z-index:2}.faction-slide-caption span{color:var(--slide-color);font-size:9px;letter-spacing:1.5px}.faction-slide-caption h3{font-size:30px;margin:8px 0}.faction-placeholder{display:grid;place-items:center;height:100%;min-height:560px;background:radial-gradient(circle,#11303a,#020609 60%);color:#6e838b;text-align:center;padding:40px}.faction-placeholder b{display:block;color:var(--slide-color);font-size:46px;margin-bottom:12px}.faction-dots{position:absolute;right:22px;bottom:22px;z-index:3;display:flex;gap:7px}.faction-dot{width:9px;height:9px;border:1px solid #fff;background:transparent;cursor:pointer}.faction-dot.active{background:var(--cyan);border-color:var(--cyan)}.faction-details{display:grid;gap:18px;margin-top:35px}.faction-detail{display:grid;grid-template-columns:.35fr 1fr;gap:30px;padding:34px;background:#061017;border:1px solid var(--line);scroll-margin-top:100px}.faction-detail aside{border-right:1px solid var(--line)}.faction-detail aside span{color:var(--faction-color);font-size:9px;letter-spacing:1.4px}.faction-detail aside h3{font-size:28px}.faction-detail .story{color:#b7c6cc;font-size:13px;line-height:1.85}.factions-menu{position:relative}.factions-submenu{display:none;position:absolute;top:100%;left:0;min-width:220px;padding:8px;background:#041016;border:1px solid var(--line)}.factions-menu:hover .factions-submenu,.factions-menu:focus-within .factions-submenu{display:block}.factions-submenu a{display:block;padding:10px!important;white-space:nowrap}.factions-trigger{cursor:pointer}@media(max-width:900px){.faction-overview,.faction-detail{grid-template-columns:1fr}.faction-gallery{min-height:430px}.faction-detail aside{border-right:0;border-bottom:1px solid var(--line)}.factions-menu{width:100%}.factions-submenu{position:static;display:block;border:0;padding-left:14px;background:transparent}}@media(max-width:600px){.factions-section{padding:80px 20px}.faction-gallery,.faction-placeholder{min-height:340px}.faction-detail{padding:24px}}