:root{--font: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--dark-background: black;--light-background: linear-gradient(to bottom, #f8f8fa 0%, #fafafc 100%) fixed #f6f6f6;--dark-text-color: #fafafa;--light-text-color: #333;--background: var(--light-background);--text-color: var(--light-text-color);--border-radius-small: 0.375rem;--border-radius-medium: 0.75rem;--border-radius-large: 1rem;--border-radius-xlarge: 1.25rem;--accent: #0071ff}*{position:relative;margin:0;padding:0;font-family:var(--font);box-sizing:border-box;text-rendering:optimizeLegibility;text-shadow:rgba(0,0,0,.01) 0 0 .0625rem;-moz-box-sizing:border-box;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{display:flex;min-height:100vh;justify-content:center;align-items:center}html:not(#home){display:block}html:not(#home) body{padding-top:10vh}body{font-weight:400;font-size:1.125rem;line-height:1.75rem;max-width:40rem;margin:0 auto;color:var(--text-color);background:var(--background);background-attachment:fixed}body.letterhead{max-width:38.75rem;width:100%;margin:6.25rem auto;padding:1.25rem}body.letterhead h3,body.letterhead p,body.letterhead ul{margin-bottom:1.5625rem}body.letterhead h3{font-size:1.5rem;line-height:1.875rem}body.letterhead ul{padding-left:1.0625rem}body.letterhead hr{border:none;border-top:.125rem solid rgba(0,0,0,.1);margin:3.125rem 0}.links{display:flex;justify-content:flex-start;margin-left:-.25rem}.links a{padding:.5rem;color:var(--text-color)}.links a:hover{color:var(--accent);background:rgba(0,0,0,0)}#navigation{display:flex;justify-content:center}#navigation a{padding:.625rem .9375rem}a{text-decoration:none;color:var(--accent);transition:all .2s;font-weight:600;border-radius:var(--border-radius-medium)}a:hover{color:#fff;background:var(--accent);transition:all .2s}a.back{position:sticky;top:5vh;left:-10vw;line-height:2.625rem;font-weight:600;padding:.75rem;color:var(--accent);background:rgba(0,0,0,0);opacity:.64;transition:all .24s;z-index:10000;border-radius:var(--border-radius-large)}a.back:hover{background-color:var(--accent);color:#fff;opacity:1}a.disabled{color:rgba(0,0,0,.33)}a.back.opaque{opacity:1;background-color:#fff;box-shadow:0 .25rem .5rem rgba(0,0,0,.1)}a.back.opaque:hover{color:#fff;background-color:var(--accent)}ul{list-style:none}.bolded{font-weight:bold}li,p{padding:.625rem 0}h2{font-weight:400}header{padding:0 1.25rem .9375rem}header h1{font-weight:600;font-size:2.625rem;line-height:3.375rem;letter-spacing:-.0625rem}header p{font-weight:600;opacity:.5;padding:0}.about-page{max-width:60rem;margin:0 auto;padding:0 1rem}.about-page>p,.about-row{margin-left:2rem}.about-page>p{font-size:1.25rem;margin-bottom:2rem}.about-row{display:flex;align-items:center;gap:2.5rem;margin-bottom:2.5rem}.about-text{flex:1;min-width:0;font-size:clamp(1rem,2vw + .5rem,1.35rem);line-height:1.75}.about-text p{padding:0}.about-img{flex:1;max-width:50%}.about-img img{width:100%;height:auto;border-radius:var(--border-radius-xlarge);object-fit:cover;display:block}.about-img a{display:block;border-radius:var(--border-radius-xlarge);background:rgba(0,0,0,0);padding:0}.about-img a:hover{background:rgba(0,0,0,0);color:inherit}body:has(.about-page){max-width:64rem}section,nav,footer{display:block;margin:.625rem 0 0}section ul li a,nav ul li a,footer ul li a{display:inline-block}section h3,nav a,footer a{font-weight:600;font-size:1.5rem;display:inline-block}nav{margin-top:2rem;padding:0 1.25rem .9375rem}nav li{display:inline-block;margin:0 1rem}#blogs{padding-left:1.25rem}#blogs li>a{padding:.75rem 1.25rem;background:rgba(0,0,0,0)}#blogs li>a:hover{background:rgba(0,0,0,0);color:var(--accent);text-decoration:underline}#blogs li{display:list-item;margin-left:0}#blogs li:before{content:"•";color:#000;display:inline;font-size:1.5em;margin-left:0;margin-right:.5rem}footer{display:flex;align-items:center;justify-content:center;border-top:.0625rem solid #737373;padding:1em;margin-left:auto;margin-right:auto}@media screen and (max-width: 30em){footer{width:95%}}img{image-rendering:crisp-edges}hr{margin-left:auto;margin-right:auto}@media screen and (max-width: 30em){hr{width:95%}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.subtitle{font-weight:600;opacity:.5}.clear{display:block;clear:both}.header-container{display:flex;flex-direction:column}.title-and-image{display:flex;align-items:center;justify-content:space-between}.title-and-image>div{flex:1}.title-and-image .info{padding-right:2rem}.title-and-image .info .links ul{display:flex;list-style:none;padding:0;margin:.5rem 0 0}.title-and-image .info .links li{display:inline-block}#memoji{background:#fff;box-shadow:rgba(0,0,0,.2) 0 .125rem .5rem .125rem;border-color:#737373;border-width:.0625rem;border-style:solid;margin-left:1.25rem;width:10rem;height:10rem;overflow:hidden;cursor:pointer;border-radius:50%}#memoji img{width:100%;height:auto}.card-container{display:flex;flex-wrap:wrap;gap:.9375rem;justify-content:space-between;padding:.625rem}.card{background:#fff;box-shadow:0 .25rem .5rem rgba(0,0,0,.1);padding:1.25rem;flex:1 1 calc(50% - 1.25rem);border-radius:var(--border-radius-xlarge)}.projects-page{width:calc(100vw - 8rem);max-width:90rem;margin:1.25rem calc(50% - 50vw + 4rem)}.projects-page header{padding:0 0 .9375rem}body:has(.projects-page)>a.back{left:0;margin-left:calc(50% - 50vw + 4rem - .75rem)}.projects-grid{display:grid;grid-auto-flow:row dense;grid-template-columns:repeat(3, minmax(0, 1fr));justify-content:center;gap:1.125rem;padding:0}.project-drop-in{opacity:0;animation:project-drop-in .48s cubic-bezier(.2, .7, .2, 1) forwards;animation-delay:calc(var(--anim-idx, 1)*60ms)}.project-card{display:block;aspect-ratio:445.33/167.19;padding:0;border:.0625rem solid rgba(17,24,39,.16);border-bottom:none;border-radius:var(--border-radius-xlarge) var(--border-radius-xlarge) 0 0;background:#fff;box-shadow:0 .375rem .875rem rgba(15,23,42,.08);overflow:hidden;transition:box-shadow .24s ease,border-color .24s ease,filter .24s ease}.project-card:hover{border-color:rgba(17,24,39,.3);box-shadow:0 .75rem 1.5rem rgba(15,23,42,.15);filter:saturate(1.03)}.project-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .26s ease}.project-card:hover .project-card-image{transform:scale(1.02)}.project-read-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border:.0625rem solid rgba(17,24,39,.16);border-top:none;border-radius:0 0 var(--border-radius-xlarge) var(--border-radius-xlarge);background:#fff;font-size:.8rem;font-weight:600;color:var(--text-color);text-decoration:none;transition:background .2s ease,color .2s ease}.project-read-bar:hover{background:var(--accent);color:#fff}.project-read-label{opacity:.7}.project-read-bar:hover .project-read-label{opacity:1}.project-read-date{opacity:.45;font-weight:500;font-size:.75rem}.project-read-bar:hover .project-read-date{opacity:.85}.project-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.125rem}.project-chip{display:inline-flex;align-items:center;padding:.12rem .42rem;border:.0625rem solid rgba(0,113,255,.25);border-radius:1000rem;font-size:.64rem;font-weight:600;color:#1d4ed8;background:rgba(0,113,255,.08);text-transform:uppercase;letter-spacing:.03em}.project-chip-status{color:#166534;border-color:rgba(22,101,52,.25);background:rgba(22,163,74,.12)}.project-chip-type{color:#1d4ed8}@keyframes project-drop-in{from{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.project-detail{padding:0 1.25rem 1.25rem}.project-detail h1{margin-bottom:.5rem}.project-detail .subtitle{display:block;margin-bottom:.75rem}.project-detail .project-meta{margin-bottom:.75rem}.project-detail h2{margin-top:1.25rem;margin-bottom:.625rem;font-size:1.5rem;font-weight:600;line-height:1.3;color:var(--text-color)}.project-detail h3{margin-top:1rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600;line-height:1.3;color:var(--text-color)}.project-detail h4{margin-top:.875rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.3;color:var(--text-color)}.project-detail p{margin-bottom:.875rem;line-height:1.75;color:var(--text-color)}.project-detail strong{font-weight:600}.project-detail em{font-style:italic}.project-detail ul,.project-detail ol{margin-bottom:.875rem;padding-left:1.5rem}.project-detail li{margin-bottom:.375rem;line-height:1.75;color:var(--text-color)}.project-detail code{font-family:"Monaco","Courier New",monospace;font-size:.9em;padding:.15rem .4rem;background-color:rgba(0,0,0,.05);border-radius:.25rem;color:#d73a49}.project-detail pre{background-color:rgba(0,0,0,.05);border-radius:.5rem;padding:1rem;margin-bottom:.875rem;overflow-x:auto;line-height:1.5}.project-detail pre code{background-color:rgba(0,0,0,0);padding:0;color:var(--text-color)}.project-detail a{color:var(--accent);text-decoration:none;background:rgba(0,0,0,0);transition:color .2s}.project-detail a:hover{color:#05c;text-decoration:underline;background:rgba(0,0,0,0)}.blog-detail a{color:var(--accent);text-decoration:none;background:rgba(0,0,0,0);transition:color .2s}.blog-detail a:hover{color:#05c;text-decoration:underline;background:rgba(0,0,0,0)}.back{position:absolute;margin-top:-9.375rem;margin-left:-9.375rem}#description{display:inline;font-size:1.125rem;font-weight:600;opacity:.5}#projects ul{display:flex;justify-content:space-around}#projects ul li{flex:1;padding-left:.625rem;text-align:left}@media screen and (max-width: 64em){.card{flex:1 1 100%}.projects-page{width:calc(100vw - 6rem);margin:1rem calc(50% - 50vw + 3rem)}body:has(.projects-page)>a.back{margin-left:calc(50% - 50vw + 3rem - .75rem)}.projects-grid{grid-template-columns:repeat(2, minmax(0, 1fr));justify-content:center}}@media screen and (max-width: 32.5em){body{margin:3.125rem auto}html:not(#home) body{margin:.1rem auto;max-width:90vw}img{max-width:90vw}a.back{top:5.5vh;left:1vw;bottom:5vh}.title-and-image{flex-direction:column;align-items:center;text-align:center}.title-and-image .info{padding-right:0rem}.links{justify-content:center}#navigation{justify-content:center}#navigation a{padding:.75rem .5rem}nav li{margin:0 .125rem}#memoji{margin:1.25rem 0 0}.projects-grid{grid-template-columns:1fr;justify-content:center;gap:.875rem;padding:0}.project-card{aspect-ratio:445.33/167.19}.projects-page{width:calc(100vw - 3rem);margin-left:calc(50% - 50vw + 1.5rem);margin-right:calc(50% - 50vw + 1.5rem);margin-top:.625rem}body:has(.projects-page)>a.back{left:1vw;margin-left:calc(50% - 50vw + 1.5rem - .75rem)}.project-detail{padding:0 .625rem .875rem}.about-page>p,.about-row{margin-left:.75rem}.about-page h1.title{font-size:2rem;line-height:2.5rem}.about-row{flex-direction:column;gap:1rem;margin-bottom:2rem}.about-text{font-size:1rem}.about-img{max-width:100%}}