.site-nav{gap:14px}
.nav-category{position:relative}
.nav-category-trigger{display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid transparent;background:transparent;color:#d4e0e4;font:600 12px Inter,Arial,sans-serif;letter-spacing:1.7px;text-transform:uppercase;cursor:pointer}
.nav-category-trigger span{font-size:18px;transition:transform .2s ease}
.nav-projects .nav-category-trigger{color:var(--cyan)}
.nav-studio .nav-category-trigger{color:#f1a347}
.nav-category:hover .nav-category-trigger,.nav-category.open .nav-category-trigger,.nav-category:focus-within .nav-category-trigger{background:#071219;border-color:#23404b}
.nav-category:hover .nav-category-trigger span,.nav-category.open .nav-category-trigger span,.nav-category:focus-within .nav-category-trigger span{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:min(380px,90vw);padding:10px;background:#061016f7;border:1px solid #284652;box-shadow:0 22px 60px #000b;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;max-height:calc(100vh - 110px);overflow:auto}
.nav-category:hover .nav-dropdown,.nav-category.open .nav-dropdown,.nav-category:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:var(--cyan)}
.nav-studio .nav-dropdown:before{background:#f1a347}
.site-nav .nav-dropdown a{display:block;padding:13px 15px;border-bottom:1px solid #17303a;text-transform:none;letter-spacing:0}
.site-nav .nav-dropdown a:last-child{border-bottom:0}
.site-nav .nav-dropdown a:hover{background:#0b1c24}
.nav-dropdown b{display:block;color:#eef8fa;font-size:13px;letter-spacing:.5px;text-transform:uppercase}
.nav-dropdown small{display:block;margin-top:4px;color:#8299a2;font-size:10px;line-height:1.35}
.nav-faction-link{padding-left:29px!important}
.nav-faction-link b{font-size:11px;color:#aadce5}

.task-toggle-all{padding:10px 14px;border:1px solid #2a5968;background:#071117;color:var(--cyan);font-size:10px;letter-spacing:1px;text-transform:uppercase;cursor:pointer}
.overall-progress{grid-template-columns:auto minmax(140px,1fr) auto auto}
.task-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--cyan);font:700 20px Inter,Arial,sans-serif;text-align:left;cursor:pointer}
.task-group-toggle:hover{background:#0a1820}
.task-group.open .task-group-toggle{border-bottom-color:var(--line)}
.task-group-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #2b5968;font-size:20px;line-height:1}
.task-list[hidden]{display:none!important}

.ht-long-content{position:relative;transition:max-height .35s ease}
.ht-long-content.is-collapsed{max-height:240px;overflow:hidden}
.faction-single-content .story.ht-long-content.is-collapsed{max-height:720px}
.ht-long-content.is-collapsed:after{content:"";position:absolute;inset:auto 0 0;height:85px;background:linear-gradient(transparent,var(--bg));pointer-events:none}
.ht-read-more{display:inline-flex;margin-top:15px;padding:10px 15px;border:1px solid #2b5968;background:#071117;color:var(--cyan);font:600 10px Inter,Arial,sans-serif;letter-spacing:1.1px;text-transform:uppercase;cursor:pointer}
.ht-read-more:hover{border-color:var(--cyan);background:#0a1a22}

@media(max-width:1180px){
  .site-nav{gap:4px;overflow:auto;max-height:calc(100vh - 78px)}
  .nav-category{width:100%}
  .nav-category-trigger{width:100%;justify-content:space-between;border-bottom:1px solid #17303a;padding:16px 4px}
  .nav-dropdown{position:static;width:100%;max-height:none;display:none;padding:4px 0 10px;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none;background:#061016}
  .nav-category:hover .nav-dropdown,.nav-category:focus-within .nav-dropdown{display:none}
  .nav-category.open .nav-dropdown{display:block}
  .site-nav .nav-dropdown a{padding:13px 12px}
}
@media(max-width:700px){
  .task-board{gap:12px}
  .task-group-toggle{padding:18px;font-size:17px}
  .overall-progress{gap:16px}
}
@media(max-width:900px){.overall-progress{grid-template-columns:1fr}}