:root{--cream: #ffffff;--blush: #e8e8e8;--blush-deep: #cccccc;--ink: #000000;--ink-soft: #555555;--ink-faint: #999999;--accent: #7b2bd6;--modal-backdrop: rgba(0, 0, 0, .4);--lightbox-backdrop: rgba(0, 0, 0, .9)}::selection{background-color:var(--ink);color:var(--cream)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:Lexend Deca,sans-serif;background-color:var(--cream);color:var(--ink);overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color .2s ease}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}.popup-page{font-family:Lexend Deca,sans-serif;font-size:1rem;line-height:1.75;color:var(--ink)}.popup-page p{margin-bottom:.75rem}.popup-page ul,.popup-page ol{padding-left:1.5rem;margin-bottom:.75rem}.popup-page ul li,.popup-page ol li{margin-bottom:.3rem}.popup-page h3{font-size:1.1rem;font-weight:700;margin:1rem 0 .5rem}.popup-page a{color:var(--accent);text-decoration:underline}.popup-page a:hover{opacity:.75}.popup-page .project-link{color:inherit;text-decoration:none;cursor:pointer}.popup-page .project-link:hover{color:var(--accent)}.popup-page img{max-width:100%;height:auto;display:block;margin:.75rem 0}.popup-page figure{margin:1.5rem 0}.popup-page figure figcaption{font-size:.85rem;color:var(--ink-faint);margin-top:.5rem}.popup-page .image-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:1.5rem 0}.popup-page.project-page{font-size:.92rem;line-height:1.7}.popup-page.project-page h3{font-size:1.2rem;font-weight:700;color:var(--ink);margin:0 0 .6rem;padding-left:.7rem;border-left:3px solid var(--accent);line-height:1.2}.popup-page.project-page .row{display:grid;grid-template-columns:1fr 300px;gap:0 2rem;align-items:start}.popup-page.project-page .row+.row{margin-top:1.25rem}.popup-page.project-page .aside-fig{margin:0}.popup-page.project-page .aside-fig img{width:100%;height:auto;margin:0;display:block;cursor:zoom-in;background:#fff}.popup-page.project-page .aside-fig figcaption{font-size:.68rem;color:var(--ink-soft);margin-top:.3rem;line-height:1.4}.popup-page.project-page .aside-fig:hover img{opacity:.85;transition:opacity .2s ease}.popup-page.project-page .tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:-1rem;margin-bottom:1rem}.popup-page.project-page .tags span{display:inline-flex;align-items:center;justify-content:center;height:1.5rem;padding:0 .55rem .05rem;font-size:.65rem;line-height:1;letter-spacing:.04em;border:1px solid var(--blush-deep);color:var(--ink-soft);font-family:Consolas,Courier New,monospace;text-transform:uppercase}.popup-page.project-page .links{display:flex;gap:.6rem;margin-top:.4rem}.popup-page.project-page .links a{font-family:Consolas,Courier New,monospace;font-size:.72rem;padding:.2rem .6rem;border:1px solid var(--ink);color:var(--ink);text-decoration:none;transition:all .15s ease}.popup-page.project-page .links a:hover{border-color:var(--accent);color:var(--accent);opacity:1}.popup-page.project-page .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--blush-deep);border:1px solid var(--blush-deep);margin:1.25rem 0}.popup-page.project-page .stats .stat{background:var(--cream);padding:.7rem .6rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:4.25rem}.popup-page.project-page .stats .val{font-size:1.35rem;font-weight:700;font-family:Consolas,Courier New,monospace;line-height:1.15;color:var(--ink)}.popup-page.project-page .stats .label{font-size:.62rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin-top:.3rem}.popup-page.project-page .cols{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1rem 0}.popup-page.project-page .cols h3{margin-top:0}.popup-page.project-page .cols p:last-child,.popup-page.project-page .cols ul:last-child,.popup-page.project-page .cols ol:last-child{margin-bottom:0}.popup-page.project-page .full{margin:1rem 0}.popup-page.project-page hr{border:none;border-top:1px solid var(--blush-deep);margin:1.25rem 0}.popup-page.project-page .video{display:block;width:100%;max-height:70vh;margin:1rem 0;background:#000;border:1px solid var(--blush-deep)}.popup-page.project-page .video-placeholder{aspect-ratio:21/9;background:var(--blush);border:2px dashed var(--blush-deep);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-family:Consolas,Courier New,monospace;font-size:.8rem;margin:1rem 0}.popup-page.project-page .authors{font-size:.78rem;color:var(--ink-soft);border-top:1px solid var(--blush-deep);padding-top:.75rem;margin-top:1.25rem}@media (max-width: 900px){.popup-page.project-page .row{grid-template-columns:1fr;gap:.75rem}.popup-page.project-page .aside-fig{max-width:280px}.popup-page.project-page .cols{grid-template-columns:1fr;gap:.75rem}.popup-page.project-page .stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.popup-page.project-page .stats{grid-template-columns:1fr}.popup-page.project-page .aside-fig{max-width:100%}}