/* GA Applications — evidence-led Work collection. */
:root{
  --we-ink:#0b1010;
  --we-paper:#f3f1ea;
  --we-panel:#fffdf8;
  --we-muted:#65706d;
  --we-line:#cfd3cc;
  --we-accent:#b8f237;
  --we-accent-ink:#111600;
  --we-dark:#0d1113;
  --we-display:NXBricolage,"Arial Narrow",Arial,sans-serif;
  --we-body:NXInstrument,Inter,"Segoe UI",Arial,sans-serif;
  --we-mono:NXMono,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.work-evidence{margin:0;background:var(--we-paper);color:var(--we-ink);font-family:var(--we-body);line-height:1.55}
.work-evidence a{color:inherit}
.we-skip{position:fixed;left:1rem;top:-100px;z-index:10000;padding:.7rem 1rem;background:var(--we-ink);color:#fff}
.we-skip:focus{top:1rem}
.we-container{width:min(calc(100% - 40px),1240px);margin-inline:auto}
.we-local-nav{border-bottom:1px solid var(--we-line);background:color-mix(in srgb,var(--we-paper) 92%,transparent);backdrop-filter:blur(16px)}
.we-local-nav .we-container{display:flex;align-items:center;gap:1rem;min-height:56px}
.we-local-nav strong{margin-right:auto;font:700 .66rem var(--we-mono);letter-spacing:.14em;text-transform:uppercase}
.we-local-nav nav{display:flex;gap:.35rem;overflow:auto;scrollbar-width:none}
.we-local-nav a{padding:.45rem .72rem;border:1px solid transparent;border-radius:999px;font-size:.73rem;font-weight:650;text-decoration:none;white-space:nowrap}
.we-local-nav a:hover,.we-local-nav a[aria-current=page]{border-color:var(--we-accent);background:var(--we-accent);color:var(--we-accent-ink)}
.we-main{overflow:clip}
.we-hero{position:relative;min-height:min(860px,calc(100vh - 80px));display:grid;align-items:center;padding:clamp(4.5rem,8vw,8rem) 0;border-bottom:1px solid var(--we-line);overflow:hidden}
.we-hero::before,.we-hero::after{content:"";position:absolute;pointer-events:none}
.we-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:clamp(2.4rem,6vw,6.5rem);align-items:center}
.we-crumbs{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 2rem;color:var(--we-muted);font:500 .68rem var(--we-mono)}
.we-kicker{margin:0 0 1rem;color:var(--we-accent);font:750 .69rem var(--we-mono);letter-spacing:.15em;text-transform:uppercase}
.we-status{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1.15rem;padding:.42rem .68rem;border:1px solid var(--we-line);border-radius:999px;background:color-mix(in srgb,var(--we-panel) 78%,transparent);font:700 .62rem var(--we-mono);letter-spacing:.08em;text-transform:uppercase}
.we-status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--we-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--we-accent) 18%,transparent)}
.we-title{max-width:14ch;margin:0;font:650 clamp(3.2rem,6.5vw,6.7rem)/.89 var(--we-display);letter-spacing:-.065em;text-wrap:balance}
.we-title em{color:var(--we-accent);font-family:Georgia,serif;font-size:.72em;font-weight:400;letter-spacing:-.04em}
.we-lead{max-width:67ch;margin:1.5rem 0 0;color:var(--we-muted);font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.62}
.we-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.we-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:.75rem 1.05rem;border:1px solid var(--we-line);border-radius:.55rem;font-size:.84rem;font-weight:700;text-decoration:none}
.we-btn::after{content:"↗";margin-left:.55rem;font-family:var(--we-mono)}
.we-btn-primary{border-color:var(--we-accent);background:var(--we-accent);color:var(--we-accent-ink)}
.we-btn-secondary:hover{border-color:var(--we-accent);color:var(--we-accent)}
.we-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:2rem 0 0;padding:0;border:1px solid var(--we-line);background:var(--we-line);list-style:none}
.we-facts li{min-height:88px;padding:.9rem;background:var(--we-panel)}
.we-facts strong{display:block;color:var(--we-accent);font:750 .68rem var(--we-mono);letter-spacing:.08em;text-transform:uppercase}
.we-facts span{display:block;margin-top:.35rem;color:var(--we-muted);font-size:.72rem}
.we-stage{position:relative;min-height:510px;padding:1.25rem;border:1px solid var(--we-line);background:var(--we-dark);color:#fff;box-shadow:0 28px 90px #0004;overflow:hidden}
.we-stage-head{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #ffffff20;color:#aeb8b5;font:650 .62rem var(--we-mono);letter-spacing:.08em;text-transform:uppercase}
.we-stage-head b{color:var(--we-accent)}
.we-stage-canvas{position:relative;display:grid;align-content:end;min-height:370px;padding:1.1rem}
.we-stage-canvas::before,.we-stage-canvas::after{content:"";position:absolute;pointer-events:none}
.we-stage-label{position:relative;z-index:1;margin:0 0 .7rem;color:var(--we-accent);font:700 .64rem var(--we-mono);letter-spacing:.12em;text-transform:uppercase}
.we-stage h2{position:relative;z-index:1;max-width:15ch;margin:0;font:650 clamp(2rem,3.8vw,3.7rem)/.95 var(--we-display);letter-spacing:-.04em}
.we-stage p{position:relative;z-index:1;max-width:46ch;margin:1rem 0 0;color:#b8c1be;font-size:.86rem}
.we-stage-rows{position:relative;z-index:1;display:grid;gap:.45rem;margin:1.2rem 0 0;padding:0;list-style:none}
.we-stage-rows li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .75rem;border:1px solid #ffffff20;background:#ffffff08;color:#dfe5e3;font:650 .68rem var(--we-mono)}
.we-stage-rows small{color:var(--we-accent);font:inherit}

.we-proof{padding:1rem 0;border-bottom:1px solid var(--we-line);background:var(--we-ink);color:#fff}
.we-proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.we-proof article{padding:1.25rem;border-right:1px solid #ffffff1d}
.we-proof article:last-child{border-right:0}
.we-proof small{color:var(--we-accent);font:700 .61rem var(--we-mono);letter-spacing:.1em;text-transform:uppercase}
.we-proof h2{margin:.8rem 0 .4rem;font:650 1.25rem var(--we-display)}
.we-proof p{margin:0;color:#b8c1be;font-size:.8rem}
.we-chapters{padding:clamp(5rem,8vw,8rem) 0}
.we-chapter{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(2rem,6vw,6rem);padding:clamp(3.5rem,6vw,6rem) 0;border-top:1px solid var(--we-line)}
.we-chapter:first-child{padding-top:0;border-top:0}
.we-chapter-head small{display:block;margin-bottom:1rem;color:var(--we-accent);font:750 .65rem var(--we-mono);letter-spacing:.12em}
.we-chapter-head h2{margin:0;font:650 clamp(2.3rem,4vw,4.4rem)/.95 var(--we-display);letter-spacing:-.05em;text-wrap:balance}
.we-chapter-head p{max-width:50ch;margin:1.2rem 0 0;color:var(--we-muted)}
.we-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.we-card{position:relative;display:flex;min-height:220px;flex-direction:column;padding:1.25rem;border:1px solid var(--we-line);background:var(--we-panel);overflow:hidden}
.we-card:nth-child(3n){grid-column:span 2}
.we-card::before{content:attr(data-index);position:absolute;right:.7rem;top:.2rem;color:color-mix(in srgb,var(--we-accent) 26%,transparent);font:750 4.5rem/1 var(--we-display);letter-spacing:-.08em}
.we-card small{position:relative;color:var(--we-accent);font:700 .6rem var(--we-mono);letter-spacing:.1em;text-transform:uppercase}
.we-card h3{position:relative;margin:auto 0 .6rem;font:650 1.45rem/1 var(--we-display);letter-spacing:-.025em}
.we-card p{position:relative;margin:0;color:var(--we-muted);font-size:.84rem}
.we-directory{padding:clamp(4.5rem,7vw,7rem) 0;background:var(--we-dark);color:#fff}
.we-directory-head{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:end;margin-bottom:2.5rem}
.we-directory h2{margin:0;font:650 clamp(2.7rem,5vw,5.3rem)/.91 var(--we-display);letter-spacing:-.06em}
.we-directory-head p{margin:0;color:#aeb8b5}
.we-route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.we-route{display:flex;min-height:210px;flex-direction:column;padding:1.15rem;border:1px solid #ffffff20;background:#ffffff07;text-decoration:none}
.we-route:hover{border-color:var(--we-accent);transform:translateY(-3px)}
.we-route small{color:var(--we-accent);font:700 .61rem var(--we-mono);text-transform:uppercase}
.we-route h3{margin:auto 0 .55rem;font:650 1.35rem/1 var(--we-display)}
.we-route span{color:#aeb8b5;font-size:.78rem}
.we-faq{padding:clamp(5rem,8vw,8rem) 0}
.we-faq-inner{width:min(calc(100% - 40px),900px);margin:auto}
.we-faq h2{margin:0 0 2rem;font:650 clamp(2.7rem,5vw,5rem)/.92 var(--we-display);letter-spacing:-.055em}
.we-faq details{border-top:1px solid var(--we-line)}
.we-faq details:last-child{border-bottom:1px solid var(--we-line)}
.we-faq summary{position:relative;padding:1.2rem 3rem 1.2rem 0;cursor:pointer;list-style:none;font-weight:700}
.we-faq summary::after{content:"+";position:absolute;right:.5rem;color:var(--we-accent);font:700 1.25rem var(--we-mono)}
.we-faq details[open] summary::after{content:"−"}
.we-faq-answer{padding:0 0 1.35rem;color:var(--we-muted)}
.we-cta{padding:clamp(5rem,8vw,8rem) 0;background:var(--we-accent);color:var(--we-accent-ink)}
.we-cta h2{max-width:17ch;margin:0;font:650 clamp(3rem,6vw,6rem)/.9 var(--we-display);letter-spacing:-.065em}
.we-cta p{max-width:65ch;margin:1.2rem 0 0}
.we-cta .we-btn-primary{background:var(--we-dark);border-color:var(--we-dark);color:#fff}
.we-cta .we-btn-secondary{border-color:currentColor}
.we-footer{padding:3rem 0;background:#080b0c;color:#dce2df}
.we-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2rem}
.we-footer img{filter:brightness(0) invert(1)}
.we-footer p{max-width:36ch;color:#89938f;font-size:.8rem}
.we-footer h2{margin:0 0 .8rem;color:#fff;font:700 .65rem var(--we-mono);letter-spacing:.1em;text-transform:uppercase}
.we-footer nav{display:grid;gap:.55rem}
.we-footer a{color:#aeb8b5;font-size:.78rem;text-decoration:none}
.we-footer a:hover{color:var(--we-accent)}

/* Each Work route gets its own presentation language. */
.work-evidence[data-work-mode="gallery"]{--we-accent:#b8f237;--we-paper:#f2efe6;--we-panel:#fffdf7}
.work-evidence[data-work-mode="gallery"] .we-hero::before{inset:7% -4% auto auto;width:48%;height:84%;border:1px solid var(--we-line);background:repeating-linear-gradient(0deg,transparent 0 58px,var(--we-line) 59px 60px);transform:rotate(3deg)}
.work-evidence[data-work-mode="gallery"] .we-stage{transform:rotate(1.1deg);box-shadow:-16px 18px 0 color-mix(in srgb,var(--we-accent) 35%,transparent)}
.work-evidence[data-work-mode="gallery"] .we-stage-canvas::before{inset:10% 4% 24% 36%;border:1px solid #ffffff26;background:linear-gradient(145deg,#ffffff12,#ffffff03);transform:rotate(-5deg)}

.work-evidence[data-work-mode="cockpit"]{--we-accent:#55e6ff;--we-paper:#091014;--we-panel:#111c21;--we-ink:#eefcff;--we-muted:#93aab1;--we-line:#294048}
.work-evidence[data-work-mode="cockpit"] .we-hero{background:linear-gradient(145deg,#071014,#10242b)}
.work-evidence[data-work-mode="cockpit"] .we-hero::before{inset:0;background-image:linear-gradient(#55e6ff0b 1px,transparent 1px),linear-gradient(90deg,#55e6ff0b 1px,transparent 1px);background-size:34px 34px}
.work-evidence[data-work-mode="cockpit"] .we-stage{border-radius:1.4rem;box-shadow:0 0 70px #55e6ff17}
.work-evidence[data-work-mode="cockpit"] .we-stage-canvas::before{inset:8% 4% 38%;background:linear-gradient(90deg,#55e6ff22 0 8%,transparent 8% 13%,#55e6ff55 13% 29%,transparent 29% 36%,#55e6ff88 36% 62%,transparent 62%)}

.work-evidence[data-work-mode="flowline"]{--we-accent:#ff6b42;--we-paper:#f7f0e8;--we-panel:#fffaf4;--we-line:#d8c9bc}
.work-evidence[data-work-mode="flowline"] .we-hero::before{left:52%;top:0;bottom:0;width:3px;background:var(--we-accent);box-shadow:70px 120px 0 color-mix(in srgb,var(--we-accent) 45%,transparent),140px 240px 0 color-mix(in srgb,var(--we-accent) 25%,transparent)}
.work-evidence[data-work-mode="flowline"] .we-stage{border-radius:0 5rem 0 0}
.work-evidence[data-work-mode="flowline"] .we-stage-rows li{border-radius:999px}
.work-evidence[data-work-mode="flowline"] .we-chapter{grid-template-columns:.55fr 1.45fr}

.work-evidence[data-work-mode="conversation"]{--we-accent:#c79aff;--we-paper:#151020;--we-panel:#21182d;--we-ink:#fff8ff;--we-muted:#b9a9c4;--we-line:#3e3150}
.work-evidence[data-work-mode="conversation"] .we-hero{background:radial-gradient(circle at 78% 24%,#7d41c244,transparent 32%),#151020}
.work-evidence[data-work-mode="conversation"] .we-stage{border-radius:3rem 3rem .5rem 3rem;background:#21182d}
.work-evidence[data-work-mode="conversation"] .we-stage::after{content:"";position:absolute;right:0;bottom:-30px;border:32px solid transparent;border-top-color:#21182d;border-right:0}
.work-evidence[data-work-mode="conversation"] .we-card{border-radius:2rem 2rem .4rem 2rem}

.work-evidence[data-work-mode="ledger"]{--we-accent:#287cff;--we-paper:#eef3f9;--we-panel:#fff;--we-line:#c7d3e0}
.work-evidence[data-work-mode="ledger"] .we-hero::before{inset:0;background:repeating-linear-gradient(0deg,transparent 0 42px,#287cff10 43px 44px)}
.work-evidence[data-work-mode="ledger"] .we-stage{background:#f9fbff;color:#0b1730;border:2px solid #287cff;box-shadow:14px 14px 0 #287cff24}
.work-evidence[data-work-mode="ledger"] .we-stage-head,.work-evidence[data-work-mode="ledger"] .we-stage p{color:#53647b}
.work-evidence[data-work-mode="ledger"] .we-stage-rows li{border-color:#287cff2e;background:#287cff09;color:#16243c}

.work-evidence[data-work-mode="field"]{--we-accent:#ffbd52;--we-paper:#152018;--we-panel:#1c2a20;--we-ink:#f8fff4;--we-muted:#a9b7a8;--we-line:#34483a}
.work-evidence[data-work-mode="field"] .we-hero{background:linear-gradient(160deg,#101b14,#213226)}
.work-evidence[data-work-mode="field"] .we-hero::before{right:-8%;top:4%;width:58%;aspect-ratio:1;border:1px solid #ffbd5244;border-radius:46% 54% 60% 40%;box-shadow:0 0 0 70px #ffbd5215,0 0 0 140px #ffbd520a;transform:rotate(20deg)}
.work-evidence[data-work-mode="field"] .we-stage{border-radius:0 0 7rem 0}

.work-evidence[data-work-mode="contrast"]{--we-accent:#ff477e;--we-paper:#f4f0ed;--we-panel:#fff;--we-line:#d0c8c4}
.work-evidence[data-work-mode="contrast"] .we-hero{background:linear-gradient(90deg,#f5f1ed 0 50%,#111 50%);color:#111}
.work-evidence[data-work-mode="contrast"] .we-stage{background:#f9f9f7;color:#111;border-color:#111;box-shadow:12px 12px 0 var(--we-accent)}
.work-evidence[data-work-mode="contrast"] .we-stage-head,.work-evidence[data-work-mode="contrast"] .we-stage p{color:#5f6663}
.work-evidence[data-work-mode="contrast"] .we-stage-rows li{border-color:#1113;background:#1111;color:#111}

.work-evidence[data-work-mode="matrix"]{--we-accent:#8cffc1;--we-paper:#0c1740;--we-panel:#152452;--we-ink:#f5f8ff;--we-muted:#a4afd2;--we-line:#2d4078}
.work-evidence[data-work-mode="matrix"] .we-hero{background:#0c1740}
.work-evidence[data-work-mode="matrix"] .we-hero::before{inset:0;background-image:linear-gradient(#8cffc10c 1px,transparent 1px),linear-gradient(90deg,#8cffc10c 1px,transparent 1px);background-size:64px 64px}
.work-evidence[data-work-mode="matrix"] .we-stage{display:grid;grid-template-columns:1fr;border-radius:0;background:#13245a}
.work-evidence[data-work-mode="matrix"] .we-card-grid{grid-template-columns:repeat(3,1fr)}
.work-evidence[data-work-mode="matrix"] .we-card:nth-child(3n){grid-column:auto}

.work-evidence[data-work-mode="brief"]{--we-accent:#c6ff42;--we-paper:#f2f2ee;--we-panel:#fff;--we-line:#cbcec4}
.work-evidence[data-work-mode="brief"] .we-hero::before{right:4%;top:8%;width:42%;height:82%;border:1px solid var(--we-line);background:repeating-linear-gradient(0deg,#fff 0 47px,#dfe4d8 48px 49px);transform:rotate(-2deg);box-shadow:18px 20px 0 #1111}
.work-evidence[data-work-mode="brief"] .we-stage{transform:rotate(1deg);border-radius:.2rem}
.work-evidence[data-work-mode="brief"] .we-card{border-left:5px solid var(--we-accent)}

.work-evidence[data-work-mode="dossier"]{--we-accent:#efc66c;--we-paper:#eee9dd;--we-panel:#f9f6ef;--we-line:#c8bdab}
.work-evidence[data-work-mode="dossier"] .we-hero::before{inset:5% 6% 5% 55%;border:1px solid #efc66c55;background:repeating-linear-gradient(0deg,transparent 0 36px,#efc66c18 37px 38px);transform:rotate(1.5deg)}
.work-evidence[data-work-mode="dossier"] .we-stage{background:#15130f;border-color:#efc66c;border-radius:0;box-shadow:20px 20px 0 #efc66c2b}
.work-evidence[data-work-mode="dossier"] .we-chapter{grid-template-columns:1fr}
.work-evidence[data-work-mode="dossier"] .we-chapter-head{display:grid;grid-template-columns:.2fr 1fr .8fr;gap:1.5rem;align-items:start}
.work-evidence[data-work-mode="dossier"] .we-chapter-head p{margin:0}

body.nx-work{--nx-accent:#b8f237}
body.nx-work .nx-hero{background:linear-gradient(145deg,#f4f1e9,#edf3ea)}
body.nx-work .nx-display{max-width:17ch;font-size:clamp(2.9rem,5.2vw,5.4rem)}
body.nx-work .nx-console{border-radius:0;box-shadow:14px 14px 0 #b8f23755}
.work-directory-bridge{padding:clamp(4rem,7vw,7rem) 0;background:#0d1113;color:#fff}
.work-directory-bridge .we-route-grid{margin-top:2rem}

@media(max-width:960px){
  .we-hero{min-height:0}
  .we-hero-grid,.we-chapter{grid-template-columns:1fr}
  .we-stage{max-width:700px}
  .we-route-grid{grid-template-columns:repeat(2,1fr)}
  .we-directory-head{grid-template-columns:1fr;gap:1rem}
  .work-evidence[data-work-mode="flowline"] .we-chapter{grid-template-columns:1fr}
  .work-evidence[data-work-mode="dossier"] .we-chapter-head{grid-template-columns:1fr}
  .work-evidence[data-work-mode="matrix"] .we-card-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .we-container,.we-faq-inner{width:min(calc(100% - 28px),1240px)}
  .we-local-nav .we-container{align-items:flex-start;flex-direction:column;padding-block:.65rem}
  .we-local-nav nav{width:100%}
  .we-title{font-size:clamp(2.9rem,14vw,4.5rem)}
  .we-facts,.we-proof-grid,.we-card-grid,.we-route-grid,.work-evidence[data-work-mode="matrix"] .we-card-grid{grid-template-columns:1fr}
  .we-proof article{border-right:0;border-bottom:1px solid #ffffff1d}
  .we-card:nth-child(3n){grid-column:auto}
  .we-stage{min-height:440px;padding:.9rem}
  .we-actions{flex-direction:column}.we-btn{width:100%}
  .we-footer-grid{grid-template-columns:1fr}
  .work-evidence[data-work-mode="contrast"] .we-hero{background:linear-gradient(180deg,#f5f1ed 0 56%,#111 56%)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.we-route:hover{transform:none}}
