@font-face{font-family:AgentOrbitron;src:url('/assets/fonts/Orbitron-Variable.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:AgentZen;src:url('/assets/fonts/ZenKakuGothicNew-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:AgentZen;src:url('/assets/fonts/ZenKakuGothicNew-Bold.ttf') format('truetype');font-weight:700;font-display:swap}

body.agents-page,.agents-space{--agent-ground:#070808;--agent-ink:#f0f0eb;--agent-muted:#d4dbcd;--agent-line:#c1d1ae22;--agent-display:AgentOrbitron,Arial,sans-serif;--agent-body:AgentZen,sans-serif}
body.agents-page{margin:0;min-width:280px;min-height:100vh;color:var(--agent-ink);background:var(--agent-ground);font-family:var(--agent-body);-webkit-font-smoothing:antialiased}
body.agents-page *,.agents-space *{box-sizing:border-box}
body.agents-page a,.agents-space a{color:inherit;text-decoration:none}
body.agents-page button,.agents-space button{font:inherit}
body.agents-page a:focus-visible,body.agents-page button:focus-visible,.agents-space a:focus-visible,.agents-space button:focus-visible{outline:2px solid #d8e6c5;outline-offset:5px}
body.agents-page a,body.agents-page button,.agents-space a,.agents-space button{-webkit-tap-highlight-color:transparent}
.agents-space .wrap,body.agents-page .scene-nav.wrap,body.agents-page .scene-footer.wrap{width:min(1320px,calc(100% - 100px));margin-inline:auto}
body.agents-page .skip-link{position:fixed;z-index:20;left:16px;top:16px;padding:10px 15px;background:#f0f0eb;color:#070808;transform:translateY(-200%)}
body.agents-page .skip-link:focus{transform:none}
.agents-space{position:relative;isolation:isolate;overflow:hidden;overflow:clip;color:var(--agent-ink);background:#070808;font-family:var(--agent-body);-webkit-font-smoothing:antialiased;border-block:1px solid var(--agent-line)}
.agents-space #agent-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.28}
.agents-space .field-grid{position:absolute;z-index:0;inset:0;pointer-events:none;background-image:linear-gradient(#c3d1b306 1px,transparent 1px),linear-gradient(90deg,#c3d1b306 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(transparent,#0008 35%,transparent 100%)}
body.agents-page .scene-nav{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:82px;border-bottom:1px solid var(--agent-line)}
body.agents-page .scene-nav .brand{font:600 11px/1.5 var(--agent-display);letter-spacing:.08em;white-space:nowrap}
body.agents-page .scene-nav nav{display:flex;align-items:center;gap:28px}
body.agents-page .scene-nav nav a{font:400 8px/1.5 var(--agent-display);letter-spacing:.07em;opacity:.8;transition:opacity .2s}
body.agents-page .scene-nav nav a:hover,body.agents-page .scene-nav nav a[aria-current=page]{opacity:1}
body.agents-page .agents-main{position:relative}
.agents-space .scene-header{position:relative;z-index:1;padding-top:36px;padding-bottom:28px}
.agents-space .scene-eyebrow{margin:0 0 12px;font:400 7px/1.5 var(--agent-display);letter-spacing:.13em;color:var(--agent-muted)}
.agents-space .scene-title{margin:0 0 0 -2px;font:500 clamp(40px,4vw,56px)/1 var(--agent-display);letter-spacing:-.05em}
.agents-space #field-toggle{position:absolute;right:0;bottom:32px;min-width:58px;min-height:29px;border:1px solid #c3d1b338;border-radius:0;background:transparent;color:var(--agent-muted);cursor:pointer;font:400 7px/1 var(--agent-display);letter-spacing:.06em;transition:background .2s}
.agents-space #field-toggle:hover{background:#c3d1b30b}
.agents-space #field-toggle[hidden]{display:none}
.agents-space .agent-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;column-gap:28px;row-gap:32px;padding-bottom:38px}
.agents-space .agent{min-width:0;margin:0}
.agents-space .agent-art{position:relative;margin:0 0 12px;width:min(150px,100%);aspect-ratio:1;background:#101212;isolation:isolate}
.agents-space .agent-art::after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #d5dfcb14}
.agents-space .agent-art img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}
.agents-space .agent-identity{min-width:0}
.agents-space .agent-role{margin:0 0 6px;font:400 7px/1.6 var(--agent-display);letter-spacing:.07em;color:var(--agent-muted);overflow-wrap:anywhere}
.agents-space .agent-name{margin:0;font:400 clamp(16px,1.45vw,18px)/1.45 var(--agent-display);letter-spacing:-.025em;overflow-wrap:anywhere;line-break:strict}
.agents-space .agent-idea{margin:10px 0 0;font-size:10px;line-height:1.7;letter-spacing:.025em;color:#c8cfc3;overflow-wrap:anywhere}
.agents-space .fellows{margin-top:16px;padding-top:11px;border-top:1px solid var(--agent-line)}
.agents-space .fellows-title{margin:0 0 7px;font:400 6px/1.6 var(--agent-display);letter-spacing:.10em;color:var(--agent-muted)}
.agents-space .fellows ul{margin:0;padding:0;list-style:none}
.agents-space .fellows li,.agents-space .fellows-none{margin:0;font-size:10px;line-height:1.6;letter-spacing:.015em;color:#dce1d6;overflow-wrap:anywhere;line-break:strict}
.agents-space .fellows li+li{margin-top:2px}
.agents-space .fellows-none{font-family:var(--agent-display);font-size:7px;color:#b9c2b2;letter-spacing:.05em}
body.agents-page .scene-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:73px;padding-block:22px;font:400 7px/1.8 var(--agent-display);letter-spacing:.06em;color:#c8cfc1}
body.agents-page .scene-footer p{margin:0}
body.agents-page .scene-footer a{opacity:.8}
body.agents-page .scene-footer a:hover{opacity:1}

@media(max-width:1050px){
  .agents-space .wrap,body.agents-page .scene-nav.wrap,body.agents-page .scene-footer.wrap{width:calc(100% - 64px)}
  .agents-space .agent-grid{column-gap:24px}
  .agents-space .agent-art{width:min(130px,100%)}
  .agents-space .agent-name{font-size:16px}
  .agents-space .scene-title{font-size:44px}
}
@media(max-width:700px){
  body.agents-page .scene-nav{min-height:104px;display:grid;grid-template-columns:1fr;gap:15px;padding-block:19px}
  body.agents-page .scene-nav nav{justify-content:space-between;flex-wrap:wrap;column-gap:16px;row-gap:11px}
  body.agents-page .scene-nav nav a{font-size:7px;letter-spacing:.03em}
}
@media(max-width:699px){
  .agents-space .wrap,body.agents-page .scene-nav.wrap,body.agents-page .scene-footer.wrap{width:calc(100% - 40px)}
  .agents-space .scene-header{padding-top:30px;padding-bottom:25px}
  .agents-space .scene-title{font-size:40px}
  .agents-space .scene-eyebrow{font-size:6px;letter-spacing:.10em;margin-bottom:10px}
  .agents-space #field-toggle{bottom:29px;min-height:27px;min-width:53px;font-size:6px}
  .agents-space .agent-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:28px;padding-bottom:32px}
  .agents-space .agent-art{width:min(130px,100%)}
  .agents-space .agent-name{font-size:16px}
  .agents-space .agent-role{font-size:6px;letter-spacing:.06em}
  .agents-space .agent-idea{font-size:10px;margin-top:8px}
  .agents-space .fellows{margin-top:12px;padding-top:9px}
  .agents-space .fellows-title{margin-bottom:6px}
  .agents-space .fellows li{font-size:10px;line-height:1.6}
  body.agents-page .scene-footer{font-size:6px;gap:15px;min-height:70px}
}
@media(max-width:380px){
  .agents-space .agent-grid{column-gap:20px}
  .agents-space .agent-art{width:min(110px,100%)}
  .agents-space .agent-name{font-size:14px;letter-spacing:-.03em}
  .agents-space .agent-role{font-size:6px}
  .agents-space .fellows li{font-size:9px}
  body.agents-page .scene-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:7px}
}
@media(prefers-reduced-motion:reduce){
  body.agents-page .scene-nav nav a,.agents-space #field-toggle{transition:none}
}