/* GRIM TACTICAL SQUAD: BLUE-GREY HEADER v1
   Brand art is original. This controls only header and holding subpages. */
:root { --gts-ice:#b1c4d1; --gts-steel:#698aa1; }
.shell { overflow:clip; } /* does NOT create a scroll container: sticky works */
.gts-site-header {
  position:sticky;
  top:0;
  z-index:100;
  width:100%;
  min-height:84px;
  padding:0;
  border-bottom:1px solid rgba(147,178,201,.20);
  /* Nearly clear frosted glass: no dark bar, only the content underneath blurred. */
  background:rgba(12,20,29,.045);
  -webkit-backdrop-filter:blur(28px) saturate(138%);
  backdrop-filter:blur(28px) saturate(138%);
  box-shadow:none;
}
.gts-header__inner {
  position:relative;
  width:min(1550px,calc(100% - 58px));
  min-height:84px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(270px,1fr) auto minmax(140px,1fr);
  align-items:center;
  gap:clamp(12px,2vw,29px);
}
.gts-header__brand {
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:12px;
  width:max-content;
  max-width:100%;
  min-height:70px;
  text-decoration:none;
  transition:opacity .15s ease;
}
.gts-header__brand:hover {opacity:.88;}
.gts-header__emblem {
  display:block;
  width:60px;
  height:60px;
  flex:0 0 60px;
  object-fit:contain;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.45));
}
.gts-header__divider {
  display:block;
  flex:0 0 1px;
  width:1px;
  height:35px;
  margin:0 1px;
  background:linear-gradient(to bottom,transparent,rgba(170,196,214,.81) 20%,rgba(108,146,171,.9) 50%,rgba(170,196,214,.81) 80%,transparent);
}
.gts-header__wordmark {
  display:block;
  flex:none;
  width:193px;
  max-width:193px;
  height:auto;
  max-height:69px;
  object-fit:contain;
  filter:drop-shadow(0 1px 7px rgba(92,142,178,.20));
}
.gts-header__nav {
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:stretch;
  gap:clamp(14px,1.5vw,27px);
  min-width:0;
}
.gts-header__nav > a {
  position:relative;
  display:inline-flex;
  align-items:center;
  flex:none;
  color:#b3c0ca;
  height:100%;
  text-decoration:none;
  font:750 10px/1.3 "Segoe UI",Arial,sans-serif;
  letter-spacing:.09em;
  white-space:nowrap;
  transition:color .17s ease;
}
.gts-header__nav > a:hover,.gts-header__nav > a:focus-visible {color:#f0f6fa;}
.gts-header__nav > a[aria-current="page"] {color:#f1f7fb;}
.gts-header__nav > a[aria-current="page"]::after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:2px;
  background:linear-gradient(to right,#668ca7,#b7ccda);
  box-shadow:0 0 12px rgba(105,164,205,.33);
}
.gts-header__admin {
  justify-self:end;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:39px;
  padding:10px 14px;
  border:1px solid rgba(151,176,195,.45);
  background:rgba(39,56,69,.36);
  border-radius:5px;
  color:#e3edf5;
  font:760 10px/1.2 "Segoe UI",Arial,sans-serif;
  letter-spacing:.07em;
  white-space:nowrap;
  text-decoration:none;
  transition:background .15s ease,border-color .15s ease;
}
.gts-header__admin svg{width:17px;height:17px;}
.gts-header__admin:hover {
  background:rgba(74,111,138,.36);
  border-color:#9bbcd3;
}
.gts-header__nav > .gts-header__mobile-admin{display:none;}
.gts-header__toggle{display:none;}
.gts-site-header a:focus-visible,
.gts-header__toggle:focus-visible {outline:2px solid #a3c4db;outline-offset:3px;}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
 .gts-site-header{background:rgba(13,20,25,.96);}
}
@media(max-width:1190px) {
  .gts-site-header {min-height:75px;}
  .gts-header__inner {
    width:calc(100% - 38px);
    min-height:75px;
    display:flex;
    justify-content:space-between;
  }
  .gts-header__brand {min-height:72px;gap:9px;}
  .gts-header__emblem{width:55px;height:55px;flex-basis:55px;}
  .gts-header__divider{height:31px;}
  .gts-header__wordmark{width:185px;max-width:185px;max-height:63px;}
  .gts-header__admin{display:none;}
  .gts-header__toggle{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    min-height:39px;
    padding:9px 13px;
    margin-left:auto;
    border:1px solid rgba(155,182,201,.4);
    background:rgba(42,60,75,.45);
    border-radius:5px;
    color:#d8e6ef;
    font:750 10px/1.25 "Segoe UI",Arial,sans-serif;
    letter-spacing:.09em;
    cursor:pointer;
  }
  .gts-header__toggle svg{width:19px;height:19px;}
  .gts-header__nav {
    display:none;
    position:absolute;
    top:calc(100% - 1px);
    left:0;
    right:0;
    height:auto;
    z-index:101;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    padding:7px 12px 13px;
    border:1px solid rgba(155,182,201,.25);
    border-top:1px solid rgba(155,182,201,.13);
    border-radius:0 0 7px 7px;
    background:rgba(11,17,22,.97);
    box-shadow:0 24px 35px rgba(0,0,0,.48);
    -webkit-backdrop-filter:blur(17px);
    backdrop-filter:blur(17px);
  }
  .gts-site-header[data-menu-open="true"] .gts-header__nav{display:flex;}
  .gts-header__nav > a{
    min-height:42px;
    padding:12px 14px;
    font-size:11px;
    letter-spacing:.10em;
    border-radius:3px;
  }
  .gts-header__nav > a[aria-current="page"] {
    background:rgba(94,130,156,.16);
  }
  .gts-header__nav > a[aria-current="page"]::after {
    left:0;right:auto;top:7px;bottom:7px;
    width:2px;height:auto;
  }
  .gts-header__nav > .gts-header__mobile-admin {
    display:inline-flex;
    gap:9px;
    border-top:1px solid rgba(170,193,211,.14);
    margin-top:5px;
    padding-top:14px;
    color:#d9e9f5;
  }
}
@media(max-width:460px){
  .gts-site-header {min-height:69px;}
  .gts-header__inner {width:calc(100% - 24px);min-height:69px;gap:7px;}
  .gts-header__brand {gap:7px;min-height:64px;}
  .gts-header__emblem{width:45px;height:45px;flex-basis:45px;}
  .gts-header__divider {height:28px;}
  .gts-header__wordmark{width:clamp(128px,39vw,170px);max-width:clamp(128px,39vw,170px);max-height:59px;}
  .gts-header__toggle{min-height:36px;padding:7px 8px;font-size:9px;}
  .gts-header__toggle svg{width:18px;height:18px;}
}
@media(max-width:345px){
 .gts-header__toggle span{display:none;}
 .gts-header__brand{gap:5px;}
 .gts-header__wordmark{width:132px;max-width:132px;}
}
/* Simple informational holding subpages; no fictional server/auth functions. */
.gts-placeholder {
  display:flex;
  flex:1 1 auto;
  align-items:center;
  justify-content:center;
  width:min(1000px,calc(100% - 38px));
  margin:0 auto;
  padding:65px 10px 85px;
  min-height:420px;
}
.gts-placeholder__body {
  max-width:720px;
  width:100%;
  text-align:center;
}
.gts-placeholder__eyebrow {
  display:block;
  margin-bottom:13px;
  color:#8db3cc;
  font-size:11px;
  letter-spacing:.18em;
  font-weight:800;
}
.gts-placeholder__body h1 {
  display:block;
  margin:0 0 21px;
  font:850 clamp(44px,6vw,78px)/1.07 "Segoe UI",Arial,sans-serif;
  letter-spacing:-.055em;
  color:#eef4f7;
  text-shadow:none;
}
.gts-placeholder__body p {
  margin:0 auto;
  max-width:550px;
  color:#b0bdc7;
  font-size:15px;
  line-height:1.8;
}
.gts-placeholder__back{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 20px;
  margin-top:27px;
  border:1px solid rgba(158,187,211,.44);
  border-radius:4px;
  text-decoration:none;
  color:#e1edf4;
  background:rgba(45,66,81,.35);
  font-size:12px;
  font-weight:750;
}
.gts-placeholder__back:hover{background:rgba(62,95,120,.47);}
@media(prefers-reduced-motion:reduce){
 .gts-site-header a,.gts-header__toggle{transition:none !important;}
}