/* Home v2: Job Board era */
.n-band{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:center;margin-top:28px;padding:30px 32px;border:1px solid #5a4a2a;border-radius:20px;
  background:radial-gradient(120% 140% at 100% 0%,rgba(127,214,255,.10),transparent 55%),linear-gradient(120deg,rgba(255,180,84,.14),var(--panel) 60%);position:relative;overflow:hidden}
.n-k{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-data);font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0}
.n-k .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:npulse 1.8s infinite}
@keyframes npulse{0%{box-shadow:0 0 0 0 rgba(125,224,166,.6)}70%{box-shadow:0 0 0 9px rgba(125,224,166,0)}100%{box-shadow:0 0 0 0 rgba(125,224,166,0)}}
.n-copy h2{font-family:var(--f-display);font-size:clamp(28px,3.6vw,46px);line-height:1.02;margin:10px 0 12px}
.n-copy p{color:var(--muted);font-size:16px;line-height:1.55;margin:0;max-width:600px}.n-copy p b,.n-copy p i{color:var(--fg)}
.n-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.n-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:22px 0 0;max-width:560px}
.n-stats div{background:rgba(14,15,36,.7);padding:10px 12px}
.n-stats dt{font-family:var(--f-data);font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.n-stats dd{margin:2px 0 0;font-family:var(--f-display);font-size:22px}
.n-art{position:relative;height:300px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.n-track{display:flex;gap:14px;position:absolute;top:50%;left:0;transform:translateY(-50%);width:max-content;animation:nscroll 36s linear infinite}
.n-track img{width:150px;height:150px;image-rendering:pixelated;border-radius:10px;border:1px solid var(--line);background:var(--bg-2);flex:none}
.n-track img:nth-child(odd){transform:translateY(-34px)}.n-track img:nth-child(even){transform:translateY(34px)}
@keyframes nscroll{to{transform:translate(-50%,-50%)}}
/* flow */
.w-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:w}
.w-flow li{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 18px 20px}
.w-flow li:not(:last-child)::after{content:'→';position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:var(--accent);font-family:var(--f-display);font-size:16px;z-index:1}
.w-n{font-family:var(--f-data);font-size:11px;color:var(--muted)}
.w-flow b{display:block;font-family:var(--f-display);font-size:15px;margin:8px 0 6px}
.w-flow p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.w-flow p b{display:inline;font-family:inherit;font-size:inherit;margin:0;color:var(--fg)}
.w-both{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px;padding:16px 20px;border-radius:14px;border:1px dashed var(--accent);background:rgba(255,180,84,.06);color:var(--muted);font-size:15px}
.w-both b{color:var(--accent);font-family:var(--f-display);font-weight:400}
/* cards: 6 in two rows */
.h-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.h-art-res{display:flex;justify-content:center;align-items:flex-end;gap:10px;padding-top:18px;background:linear-gradient(#232659,#141640)}
.h-art-res img{width:112px;height:112px;image-rendering:pixelated;border-radius:8px;border:1px solid var(--line)}
.c-jobs .h-go{color:var(--ok)}.c-res .h-go{color:#ffd36a}.c-lb .h-go{color:#ff9fb2}
.h-art-lb{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 120%,rgba(255,180,84,.25),#141640 70%)}
.lb-mini{list-style:none;margin:0;padding:0;display:grid;gap:6px;width:78%}
.lb-mini li{display:flex;align-items:center;gap:10px;background:rgba(14,15,36,.7);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-family:var(--f-data);font-size:12.5px}
.lb-mini li b{margin-left:auto;color:var(--accent);font-family:var(--f-display);font-weight:400}
.lb-mini li em{font-style:normal;color:var(--muted)}
/* timeline: 7 per row on wide screens fits 14 */
@media (min-width:1100px){.h-time{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media (max-width:900px){
  .n-band{grid-template-columns:1fr;padding:22px 20px}
  .n-art{height:190px}.n-track img{width:110px;height:110px}.n-track img:nth-child(odd){transform:translateY(-18px)}.n-track img:nth-child(even){transform:translateY(18px)}
  .w-flow{grid-template-columns:1fr 1fr}.w-flow li::after{display:none}
  .h-cards{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){.n-stats{grid-template-columns:repeat(2,1fr)}.w-flow{grid-template-columns:1fr}.h-cards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.n-track{animation:none}.n-k .dot{animation:none}}
/* nav: more links now, scroll sideways on small screens instead of overflowing */
@media (max-width:1000px){
  .h-nav .links{display:flex;flex:1 1 auto;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:18px}
  .h-nav .links::-webkit-scrollbar{display:none}
  .h-nav .links a{flex:none}
  .h-nav .nav-cta{flex:none}
}
@media (max-width:560px){.h-nav .h-os{display:none}}