/* One project page. Generated pages live in anik-folio/projects/; see tools/build-projects.py. */
@font-face{font-family:"Display";src:url("awards-assets/fonts/flux.woff2") format("woff2");font-weight:400 1000;font-display:swap}
@font-face{font-family:"Mono";src:url("awards-assets/fonts/dm-mono.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Body";src:url("awards-assets/fonts/inter.woff2") format("woff2");font-display:swap}
:root{--ink:#111212;--soft:#5b5e60;--line:#e3e5e6;--paper:#fff;--grid:#eef0f1;--pink:#E01E5A;
  --robotics:#A4E5F8;--ai:#F5DDA1;--neuro:#A1DFC5;--quantum:#D9C7F5;--venture:#F7B7CD;--grey:#E6E7E8}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:"Body",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:96px 96px}
a{color:inherit}
.wrap{max-width:1120px;margin-inline:auto;padding:0 clamp(16px,5vw,56px)}
.back{display:inline-block;margin-top:clamp(28px,5vw,56px);font:13px "Mono",monospace;text-decoration:none;border-bottom:1.5px solid var(--pink);padding-bottom:2px}
.meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:12px "Mono",monospace;color:var(--soft);margin-top:28px}
.field{display:inline-flex;align-items:center;gap:6px}.field i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.st{padding:3px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--ink)}
.st-active{background:var(--neuro)}.st-review{background:var(--robotics)}.st-pub{background:var(--ink);color:#fff}.st-plan{background:var(--ai)}.st-award{background:var(--pink);border-color:var(--pink);color:#fff}.st-done{background:var(--grey);border-color:#c9cbcc;color:var(--soft)}
h1{font-family:"Display",sans-serif;font-weight:900;font-size:clamp(44px,9vw,96px);line-height:.95;margin-top:14px;overflow-wrap:anywhere}
.sub{font:14px "Mono",monospace;color:var(--soft);margin-top:12px}
.lede{font-size:clamp(19px,2.2vw,24px);line-height:1.4;max-width:34em;margin-top:18px}
.hero{position:relative;margin-top:32px;border:1.5px solid var(--ink);background:#f4f5f5;aspect-ratio:16/8;overflow:hidden}
.hero img,.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero.fit img,.hero.fit video{object-fit:contain;background:var(--bg,#fff)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid var(--ink);border-top:0;background:var(--paper)}
.stats div{padding:18px}.stats div+div{border-left:1px solid var(--line)}
.stats b{display:block;font-weight:700;letter-spacing:-.03em;font-size:clamp(24px,3vw,36px);line-height:1.05}
.stats span{display:block;margin-top:6px;font-size:13px;line-height:1.35;color:var(--soft)}
.lede+.stats{margin-top:28px;border-top:1.5px solid var(--ink)}
.body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(28px,5vw,64px);margin-top:48px;align-items:start}
.side{position:sticky;top:108px;display:grid;gap:22px;font-size:14px;line-height:1.45;background:var(--paper);border:1.5px solid var(--ink);padding:18px}
.side h2{font:11px "Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#7a7d7f;margin-bottom:8px}
.side dl{display:grid;gap:10px}.side dt{font:11px "Mono",monospace;color:#7a7d7f}.side dd{margin-top:2px}
.side ul{list-style:none;display:grid;gap:8px}
.side a{font:13px "Mono",monospace;text-decoration:none;border-bottom:1.5px solid var(--pink)}
.side a:hover{color:var(--pink)}
.side a.read{display:block;background:var(--ink);color:#fff;border:0;padding:11px 12px}
.side a.read:hover{background:var(--pink);color:#fff}
.side .note{font:12.5px/1.45 "Mono",monospace;color:var(--soft)}
main section{background:var(--paper);margin-bottom:40px}
main h2{font-family:"Display",sans-serif;font-weight:900;font-size:clamp(26px,3.6vw,36px);line-height:1.05;margin-bottom:12px}
main p,main li{font-size:16.5px;line-height:1.6;color:#2c2f31}
main p+p,main p+ul,main ul+p,main table+p{margin-top:12px}
main ul{padding-left:20px;display:grid;gap:6px}
main p a,main li a{text-decoration-color:var(--pink);text-underline-offset:2px}
.tbl{overflow-x:auto;margin:14px 0}
table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.4}
th,td{text-align:left;padding:9px 12px 9px 0;border-bottom:1px solid var(--line);vertical-align:top}
th{font:11.5px "Mono",monospace;color:var(--soft);border-bottom:1.5px solid var(--ink)}
blockquote{border-left:3px solid var(--pink);padding-left:14px;font-size:17px;line-height:1.5;margin:14px 0}
.figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;align-items:start}
.figs figure.wide{grid-column:1/-1}
figure{border:1px solid var(--line);background:#fff;min-width:0}
figure a{display:block}figure img,figure video{display:block;width:100%;height:auto}
figcaption{font:12px/1.4 "Mono",monospace;color:var(--soft);padding:9px 11px;border-top:1px solid var(--line)}
.pn{display:flex;justify-content:space-between;gap:16px;border-top:1.5px solid var(--ink);margin-top:24px;padding:20px 0 56px;font:13px "Mono",monospace}
.pn a{text-decoration:none}.pn a:hover{color:var(--pink)}.pn a:last-child{text-align:right}
footer{border-top:1px solid var(--line);background:var(--paper);padding:26px 0;font:12px "Mono",monospace;color:#7a7d7f}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
@media(max-width:860px){.body{grid-template-columns:1fr}.side{position:static;order:-1}.hero{aspect-ratio:16/10}}
@media(max-width:560px){.stats{grid-template-columns:1fr}.stats div+div{border-left:0;border-top:1px solid var(--line)}.figs{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
