@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@112,700;112,800&family=Bungee&family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700&family=VT323&display=swap"); :root{ --bg:#F5F0E1; --panel:#F5F0E1; --ink:#071A31; --ink-2:#36455F; --ink-3:#5E6E86; --line:#071A31; --line-2:rgba(7,26,49,.14); --accent:#071A31; --chip:#E1F1FF; --shadow:4px 4px 0 #071A31; --r:14px; --cta:#D9A21B; --cta-dark:#C48F12; --green:#2A5550; --green-dark:#2A5550; --blue:#0C64AA; --cream:#FFFDF6; } body{font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)} #panel{border-right:3px solid var(--ink);background:var(--panel); background-image:linear-gradient(rgba(7,26,49,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,26,49,.045) 1px,transparent 1px); background-size:28px 28px} #head{background:transparent;border-bottom:3px solid var(--ink);padding:20px 20px 18px} .brand h1{font-family:Bungee,sans-serif;font-weight:400;font-size:21px;letter-spacing:.01em;color:var(--ink)} .wordmark img{background:var(--ink);border-radius:50%;width:28px;height:28px;padding:5px} #infobtn{border:2px solid var(--ink);color:var(--ink);background:var(--cream)} #infobtn .tip{background:var(--ink);font-family:"Nunito Sans",sans-serif;border:2px solid var(--cta);border-radius:12px} #infobtn .tip::before{border-bottom-color:var(--cta)} .hirecta,#contactbtn{background:var(--cta);color:var(--ink);border:2px solid var(--ink); box-shadow:3px 3px 0 var(--ink);font-family:Archivo,sans-serif;font-stretch:112%;font-weight:800; transition:transform .12s ease,box-shadow .12s ease,background .12s ease} .hirecta{padding:7px 12px;font-size:11.5px} .hirecta:hover,#contactbtn:hover{background:#E3B23A;color:var(--ink);border-color:var(--ink);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)} .hirecta:active,#contactbtn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink);opacity:1} #contactbtn{border-radius:999px;padding:10px 14px;font-size:13px;margin-top:10px} #search{background:var(--cream);border:2px solid var(--ink);border-radius:999px;font-size:14px;padding:11px 34px 11px 38px} #search:focus{border-color:var(--blue);box-shadow:3px 3px 0 var(--ink)} .sicon{left:14px;stroke:var(--ink-2)} .f span{font-family:VT323,monospace;font-weight:400;font-size:17px;letter-spacing:.08em;color:var(--blue)} .f select{background:var(--cream);border:2px solid var(--ink);border-radius:10px;font-size:13px;color:var(--ink)} .f select:focus{border-color:var(--blue)} .chip{background:var(--chip);border:1.5px solid var(--ink);color:var(--ink-2)} #reset{color:var(--ink);font-weight:700} #filtertoggle{border:2px solid var(--ink);background:var(--cream);border-radius:10px} #results{padding:10px} .card{background:var(--cream);border:2px solid var(--line-2);border-radius:var(--r);transition:border-color .12s,box-shadow .12s,transform .12s} .card + .card{margin-top:8px} .card:hover{background:var(--cream);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)} .card.sel,#results .card.sel{background:var(--cream);border-color:var(--ink);box-shadow:0 0 0 2px var(--cta),4px 4px 0 var(--ink)} .card:focus-visible{outline:3px solid var(--cta)} .logo{border:2px solid var(--ink);border-radius:10px;background:#fff} .mono{background:var(--chip);color:var(--ink);font-family:Bungee,sans-serif;font-weight:400} .cname{font-family:Archivo,sans-serif;font-stretch:112%;font-weight:800;font-size:14px;color:var(--ink)} .ccat{font-family:VT323,monospace;font-size:16px;letter-spacing:.06em;color:var(--blue)} .cdesc{color:var(--ink-2)} .tag{background:var(--chip);color:var(--ink-2);border-radius:999px;padding:2px 8px} .tag.office{background:#E1F1FF;color:var(--blue)} .tag.hiringtor{background:var(--green);color:#fff} .links a{color:var(--ink);border-bottom:2px solid var(--cta)} .links a:hover{color:var(--blue);border-color:var(--blue)} .links a.careers{color:var(--green);border-color:var(--green)} .hirepill{background:var(--green);color:#fff;font-family:VT323,monospace;font-weight:400;font-size:14px;letter-spacing:.1em;padding:2px 8px;border:1.5px solid var(--ink)} .empty{color:var(--ink-2)} #foot{background:var(--panel);border-top:3px solid var(--ink)} #footbox{background:var(--ink);border:2px solid var(--ink);border-radius:var(--r);padding:12px 14px} #contact{color:#F5F0E1;font-family:Archivo,sans-serif;font-stretch:112%;font-weight:700} #freshness{font-family:VT323,monospace;font-size:15px;letter-spacing:.06em;color:var(--ink-3)} #showmap{background:var(--blue);border:2px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink)} #map{background:#EDE6D2} .leaflet-tile-pane{filter:sepia(.32) saturate(.85) brightness(1.02)} .pindot{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff} .pinwrap:hover .pindot,.pinwrap.active .pindot{border-color:var(--ink);box-shadow:0 0 0 3px var(--cta),2px 2px 0 var(--ink)} .marker-cluster{background:rgba(217,162,27,.35)} .marker-cluster div{background:var(--ink);color:#F5F0E1;font-family:Archivo,sans-serif;font-stretch:112%;font-weight:800;border:2px solid var(--cta)} .leaflet-control-zoom{border:2px solid var(--ink)!important;border-radius:12px!important;box-shadow:3px 3px 0 var(--ink)!important;overflow:hidden} .leaflet-control-zoom a{background:var(--cream)!important;color:var(--ink)!important;font-weight:800} .leaflet-control-zoom a:hover{background:var(--cta)!important} .leaflet-control-attribution{background:rgba(245,240,225,.85)} #toggellist,#togglelist{background:var(--cta);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:Archivo,sans-serif;font-stretch:112%;font-weight:800} .leaflet-popup-content-wrapper{background:var(--cream);border:3px solid var(--ink);border-radius:16px;box-shadow:5px 5px 0 var(--ink)} .leaflet-popup-tip{background:var(--cream);border:3px solid var(--ink)} .popname{font-family:Archivo,sans-serif;font-stretch:112%;font-weight:800;color:var(--ink)} .popcat{font-family:VT323,monospace;font-size:16px;letter-spacing:.06em;color:var(--blue)} .popdesc{color:var(--ink-2)} .flagnote{background:#FFF4D6;border:1.5px solid var(--cta);color:#6B4F06} #hirescrim{background:rgba(7,26,49,.6)} #hirepanel{background:var(--bg);border-left:3px solid var(--ink);box-shadow:-8px 0 0 var(--cta)} .hirehead h2{font-family:Bungee,sans-serif;font-weight:400;font-size:19px;color:var(--ink)} #hireclose{border:2px solid var(--ink);border-radius:50%;background:var(--cta);color:var(--ink);box-shadow:2px 2px 0 var(--ink)} .hiresub{color:var(--ink-2)}