/* J.D. Crow HQ operating shell */
.hq-nav-wrap{display:flex;align-items:center;gap:8px;min-width:0}
.hq-nav{display:flex;align-items:center;gap:4px;min-width:0}
.hq-nav a{white-space:nowrap}
.hq-signout{border:1px solid #2d3a4d;background:#121b28;color:#9eacbd;border-radius:999px;padding:9px 12px;font-size:.74rem;font-weight:800;cursor:pointer;white-space:nowrap}
.hq-signout:hover{background:#1a2636;color:white}
.hq .active-nav{background:#edf2f7!important;color:#101827!important}

.hq-overview{padding-top:12px}
.domain-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.domain-card{display:flex;min-height:185px;flex-direction:column;text-decoration:none;background:#111923;border:1px solid #273448;border-radius:20px;padding:18px;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.domain-card:hover{transform:translateY(-2px);border-color:#405570;background:#141f2d}
.domain-card>span{font-size:.67rem;text-transform:uppercase;letter-spacing:.13em;color:#86a0c0;font-weight:800}
.domain-card>strong{font-family:"Libre Caslon Display",Georgia,serif;font-size:2.45rem;font-weight:400;line-height:1;margin-top:20px}
.domain-card>b{font-size:.76rem;color:#c6d0dc;margin-top:4px}
.domain-card>p{font-size:.78rem;color:#8495a9;line-height:1.45;margin:auto 0 0;padding-top:18px}
.domain-card>em{font-style:normal;color:#e0c58e;font-size:.69rem;font-weight:800;margin-top:9px}

.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px 0 16px}
.work-list{display:grid;gap:9px}
.work-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;background:#101822;border:1px solid #243246;border-radius:16px;padding:15px 16px}
.work-row>div:first-child{min-width:0}
.work-row span{display:block;color:#7890ad;font-size:.62rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800}
.work-row h4{margin:4px 0 5px;font-size:.93rem;color:#e8edf4}
.work-row p{margin:0;color:#8f9daf;font-size:.77rem;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.work-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:0 0 auto}
.work-row-side b{font-size:.68rem;color:#aebccc;text-align:right}
.work-row-side a{font-size:.68rem;text-decoration:none;color:#e5edf5;border:1px solid #314157;border-radius:9px;padding:6px 8px}
.recent-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.recent-strip a{display:flex;flex-direction:column;min-height:125px;text-decoration:none;background:#0f1722;border:1px solid #243246;border-radius:16px;padding:14px}
.recent-strip span{font-size:.61rem;text-transform:uppercase;letter-spacing:.11em;color:#758ca9;font-weight:800}
.recent-strip strong{font-size:.82rem;line-height:1.3;margin-top:9px;color:#e3e9f0}
.recent-strip small{margin-top:auto;padding-top:14px;color:#6f7f92}

.section-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 0 18px;margin-top:-2px}
.section-tabs::-webkit-scrollbar{display:none}
.section-tabs a{flex:0 0 auto;text-decoration:none;border:1px solid #2a394e;background:#101925;color:#92a3b8;border-radius:999px;padding:9px 12px;font-size:.72rem;font-weight:800;white-space:nowrap}
.section-tabs a.active{background:#edf2f7;border-color:#edf2f7;color:#101827}
.domain-overview{padding-top:12px}
.subdomain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.subdomain-card{display:flex;flex-direction:column;text-decoration:none;background:#111923;border:1px solid #263448;border-radius:18px;padding:17px;min-height:135px}
.subdomain-card:hover{background:#15202e;border-color:#3b506b}
.subdomain-card span{font-size:.69rem;text-transform:uppercase;letter-spacing:.11em;color:#819ab8;font-weight:800}
.subdomain-card strong{font-family:"Libre Caslon Display",Georgia,serif;font-size:2rem;font-weight:400;margin-top:16px}
.subdomain-card p{margin:auto 0 0;color:#8998aa;font-size:.74rem}
.focused-domain{padding-top:8px}

.os-banner{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;background:linear-gradient(135deg,#17263a,#101822);border:1px solid #31445d;border-radius:22px;padding:22px;margin:4px 0 18px}
.os-banner>div:first-child{max-width:760px}
.os-banner span{display:block;font-size:.63rem;text-transform:uppercase;letter-spacing:.13em;color:#88a3c3;font-weight:800}
.os-banner h2{font-family:"Libre Caslon Display",Georgia,serif;font-size:2rem;font-weight:400;margin:6px 0 9px}
.os-banner p{margin:0;color:#aeb9c7;font-size:.83rem;line-height:1.5}
.os-banner>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.os-banner a{text-decoration:none;font-size:.7rem;font-weight:800;border:1px solid #3a4f69;border-radius:9px;padding:8px 10px;color:#dbe5ef;white-space:nowrap}
.os-banner a:first-child{background:#edf2f7;color:#111827;border-color:#edf2f7}

.systems-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.system-card{background:#101822;border:1px solid #263448;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:20px}
.system-card span{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#7d95b2;font-weight:800}
.system-card h3{font-family:"Libre Caslon Display",Georgia,serif;font-size:1.65rem;font-weight:400;margin:6px 0 9px}
.system-card p{margin:0;color:#9eabba;line-height:1.5;font-size:.82rem}
.system-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.system-actions a{text-decoration:none;font-size:.7rem;font-weight:800;border:1px solid #314158;border-radius:9px;padding:7px 9px;color:#d5e0eb}
.system-actions a:first-child{background:#e7edf4;color:#111827;border-color:#e7edf4}

@media(max-width:1100px){
  .domain-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .recent-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .hq .topbar-inner{align-items:flex-start}
  .hq-nav-wrap{flex:1;overflow:hidden;justify-content:flex-end}
  .hq-nav{overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
  .hq-nav::-webkit-scrollbar{display:none}
  .overview-grid{grid-template-columns:1fr}
  .subdomain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .systems-grid{grid-template-columns:1fr}
  .os-banner{align-items:flex-start;flex-direction:column}
  .os-banner>div:last-child{justify-content:flex-start}
}
@media(max-width:620px){
  .hq .topbar-inner{display:grid;grid-template-columns:1fr auto;gap:10px;padding-bottom:10px}
  .hq-nav-wrap{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;order:3}
  .hq-nav{width:100%;padding-bottom:2px}
  .hq-nav a{padding:8px 10px;font-size:.72rem}
  .hq-signout{padding:8px 10px}
  .hq-hero{padding-bottom:16px}
  .hq-hero h1{font-size:2.7rem}
  .domain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .domain-card{min-height:150px;padding:14px}
  .domain-card>strong{font-size:2rem;margin-top:14px}
  .domain-card>p{font-size:.71rem}
  .recent-strip{display:flex;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}
  .recent-strip::-webkit-scrollbar{display:none}
  .recent-strip a{min-width:180px}
  .work-row{padding:13px}
  .work-row-side b{display:none}
  .subdomain-grid{grid-template-columns:1fr 1fr;gap:9px}
  .subdomain-card{min-height:115px;padding:14px}
  .os-banner{padding:17px;border-radius:18px}
  .os-banner h2{font-size:1.7rem}
}
@media(max-width:390px){
  .domain-grid,.subdomain-grid{grid-template-columns:1fr}
  .domain-card{min-height:125px}
}