/* ============================================================
   AVID · 005 — CONSOLE data layer (overlay on 004 SPECTRUM)
   loaded AFTER assets/css/site.css
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap");
:root{--mono:"Space Mono",ui-monospace,monospace; --data:#36e3ff; --databar-h:34px}

/* faint engineering grid over everything */
.egrid{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.4;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:clamp(48px,7vw,96px) clamp(48px,7vw,96px)}

/* top data bar */
.databar{position:fixed;inset:0 0 auto 0;z-index:130;height:var(--databar-h);display:flex;align-items:center;justify-content:space-between;
  padding:0 var(--pad);background:rgba(4,4,6,.82);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);
  font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;color:var(--muted)}
.databar .l,.databar .r{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.databar .on{color:var(--data)}
.databar .rec{display:inline-flex;gap:6px;align-items:center;color:var(--c1)}
.databar .rec b{width:7px;height:7px;border-radius:50%;background:var(--c1);animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media(max-width:760px){.databar .hidec{display:none}}

/* push nav + heroes below databar */
.nav{top:var(--databar-h)}
.page-hero{padding-top:calc(var(--nav-h) + var(--databar-h) + clamp(60px,11vw,140px))}
.detail-hero{padding-top:calc(var(--nav-h) + var(--databar-h) + 50px)}

/* mono kicker / section id */
.kicker{font-family:var(--mono)!important;font-weight:700;letter-spacing:.18em!important}
.secid{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--muted)}

/* hero meta (console readout) */
.hero__meta{margin-top:26px;display:grid;grid-template-columns:repeat(4,auto);gap:8px 34px;justify-content:center;font-family:var(--mono);font-size:.74rem;color:var(--muted);opacity:0;animation:rise 1s var(--ease) .8s forwards}
.hero__meta b{color:var(--fg);font-weight:400}
.hero__meta .on{color:var(--data)}
@media(max-width:680px){.hero__meta{grid-template-columns:1fr 1fr;text-align:left;justify-content:start}}

/* ===== PROJECT LOG (data table) ===== */
.logwrap{position:relative;z-index:2}
.log{width:100%;border-collapse:collapse;font-size:.9rem}
.log th{font-family:var(--mono);text-align:left;color:var(--muted);font-weight:400;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding:0 14px 14px;border-bottom:1px solid var(--line)}
.log td{padding:18px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.log tbody tr{cursor:pointer;transition:background .25s}
.log tbody tr:hover{background:linear-gradient(90deg,rgba(255,45,107,.1),rgba(54,227,255,.1))}
.log .id{font-family:var(--mono);color:var(--data);width:64px}
.log .nm{font-weight:600;font-size:1.05rem}
.log .en{font-family:var(--mono);color:var(--muted);font-size:.82rem}
.log .cat{font-family:var(--mono);color:var(--muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.log .go{text-align:right;font-family:var(--mono);color:var(--muted)}
.log tbody tr:hover .go{color:var(--data)}
.log .thumb{width:84px}
.log .thumb img{width:84px;height:54px;object-fit:cover;border-radius:3px;display:block}
@media(max-width:760px){.log .en,.log .cat{display:none}}
@media(max-width:520px){.log .thumb{display:none}}

/* view toggle */
.viewtoggle{display:flex;gap:8px;margin-bottom:30px;font-family:var(--mono)}
.viewtoggle button{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:9px 16px;border:1px solid var(--line);border-radius:4px;color:var(--muted)}
.viewtoggle button.active{background:var(--data);color:#04060a;border-color:var(--data)}

/* footer status flavor */
.footer__bottom small{font-family:var(--mono)}

/* contact labels mono */
.contact-line .lbl,.field label{font-family:var(--mono)!important}