@font-face{font-family:Roboto Mono;src:url(/fonts/RobotoMono-VariableFont_wght.ttf) format("truetype");font-display:swap}body{color:#fff;font-family:Roboto Mono,sans-serif;background:radial-gradient(circle at top left,hsl(0,0%,16%),transparent 55%),radial-gradient(circle at bottom right,hsla(0,0%,16%,.623),transparent 55%),#595959}.app{min-height:100vh;display:flex;flex-direction:column}.page-layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,960px) minmax(0,1fr)}.main{grid-column:2;padding:2rem 2rem 3rem;border-left:1px solid hsla(215,20%,65%,.35);border-right:1px solid hsla(215,20%,65%,.35)}.page-sidebar{display:none}@media(min-width:1440px){.page-layout.three-col-layout{grid-template-columns:minmax(0,1fr) minmax(0,960px) minmax(0,1fr);column-gap:1.25rem;align-items:start}.page-sidebar{display:block;padding:2rem 1rem 3rem;position:sticky;top:90px;height:fit-content;width:100%;max-width:280px}.page-sidebar.left{grid-column:1;justify-self:end}.page-sidebar.right{grid-column:3;justify-self:start}}.footer{padding:1rem 3rem;text-align:center;opacity:.75}.header{position:sticky;background-color:#0b0d19d9;border-bottom:2px solid hsla(215,20%,65%,.35);box-shadow:5px 5px 5px #0009;width:90%;align-self:center}.inner-header{max-width:960px;margin:0 auto;padding:2rem;display:flex;align-items:center;gap:2rem}.header-title{margin:0;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase;color:#e5e7eb}.nav{flex:1;display:flex;justify-content:flex-end;gap:1.5rem}.nav-link{padding:1rem;border-radius:15px;text-decoration:none;border:1px solid transparent;color:#ccd5f5;background:transparent;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}.nav-link:hover{background:#94a3b826;background-color:#94a3b899;color:#f9fafb;transform:translateY(-1px)}@media(max-width:640px){.header-inner{padding:.5rem 1rem;flex-direction:column;align-items:flex-start;gap:.5rem}.header-title{font-size:1.05rem}.nav{width:100%;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.nav-link{flex:1 1 auto;text-align:center;padding:.35rem .5rem;font-size:.85rem;min-width:0}}.section{background:radial-gradient(circle at top left,hsla(214,21%,6%,.8),transparent 35%),radial-gradient(circle at bottom right,hsla(218,20%,8%,.8),transparent 65%),#242c33;border:1px solid hsla(0,0%,0%,.15);border-radius:15px;padding:2rem 2rem 1.5rem;margin-bottom:2rem;box-shadow:10px 10px 10px #0a0d1466;text-align:center}.section h2{letter-spacing:.1em;font-size:1.75rem;text-shadow:3px 3px 3px hsla(0,0%,0%,.75);color:#e5e7eb}.section p{font-size:1.1em;color:#ccd5f5}.projects-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-card{background-color:#e5e7eb;border-radius:25px;padding:1rem;border:2px solid hsla(215,20%,65%,.4);box-shadow:0 10px 20px #0f172999;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.project-card:hover{transform:translateY(-1px);box-shadow:0 15px 25px #0f1729;border-color:#3c83f680}.project-card h3{color:#3f4450;text-shadow:2px 2px 5px hsla(0,0%,0%,.5);font-size:1.25rem}.project-card p{text-shadow:1px 1px 1px hsla(0,0%,0%,.75)}.project-card-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.project-card-link{font-size:.9rem;padding:.25rem .5rem;border-radius:10px;border:1px solid hsla(215,20%,65%,.7);box-shadow:0 5px 10px #0f1729bf;text-decoration:none;color:#111827;background:#e5e7ebb3;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.project-card-link:hover{transform:translateY(-1px);background:#d1e0ffb3;border-color:#3c83f680}.project-authors{padding:1rem 3rem;color:#111827bf;font-size:.8rem}.highlights-list{display:inline-block;margin:0 auto;background-color:#e5e7eb;border:1px solid hsla(215,20%,65%,.7);border-radius:15px;padding:25px;box-shadow:0 10px 20px #0f1729}.highlights-list-item{padding:15px;color:#111827}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.chip{font-size:.75rem;padding:.25rem .5rem;border-radius:10px;border:1px solid hsla(215,20%,65%,.35);color:#ccd5f5;background:#0b0d1959}.side-link{display:block;margin:.5rem;color:#ccd5f5;text-decoration:none}.side-muted{opacity:.85;line-height:1.5;margin:0}.side-card{background:radial-gradient(circle at top left,hsla(214,21%,6%,.7),transparent 45%),radial-gradient(circle at bottom right,hsla(218,20%,8%,.7),transparent 70%),#0b0d198c;border:1px solid hsla(215,20%,65%,.35);border-radius:15px;padding:1rem 1.1rem;box-shadow:10px 10px 10px #0a0d1459;margin-bottom:1rem}.side-card h3{margin:0 0 .75rem;letter-spacing:.1rem;text-transform:uppercase;font-size:1rem;color:#e5e7eb;text-shadow:2px 2px 3px hsla(0,0%,0%,.75)}.side-card ul{padding-left:1.1rem}.side-card li{margin:.5rem;color:#ccd5f5;font-size:.9rem}.side-card .side-link{padding:.5rem;border-radius:10px;border:1px solid transparent;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.side-card .side-link:hover{background:#94a3b826;border-color:#3c83f659;transform:translateY(-1px);text-decoration:none}.write-up-container{display:flex;flex-direction:row}.write-up-card{background:radial-gradient(circle at top left,hsla(214,21%,6%,.7),transparent 45%),radial-gradient(circle at bottom right,hsla(218,20%,8%,.7),transparent 70%),#0b0d198c;border:1px solid hsla(215,20%,65%,.35);border-radius:15px;padding:15px;width:50%}