@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--bs-font-sans-serif: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}.noah,.lange{text-transform:lowercase;font-size:5rem;line-height:1}.noah,.lead{font-weight:400}.lange{font-weight:600}h1,h2,h3,h4,h5,h6,p{margin:0}body{padding:1rem}section{margin-bottom:1rem}.employment{padding:0;list-style:none}.employment li{display:grid;margin-top:1rem;grid-template:"a a" auto "b c" auto "d d" auto / 10fr 1fr}.employment li h3{grid-area:a;font-weight:600}.employment li h4{display:flex;grid-area:b}.employment li .dates{grid-area:c;text-align:right}.employment li p{grid-area:d}.employment li header{margin-bottom:1rem}a{text-decoration:none}ul.tags{list-style:none;padding:0;margin-bottom:-.5rem;margin-top:0}ul.tags li{display:inline-block;margin-right:.5rem;margin-bottom:.5rem}ul.tags li button:hover{cursor:pointer}ul.tags li button:not(.active){opacity:.375}.project-container{position:relative}.project-list{--grid-column-count: 3;display:grid;list-style:none;padding:8px 0 0;grid-template-columns:repeat(var(--grid-column-count),1fr);grid-template-rows:masonry;column-gap:1rem;row-gap:1rem;position:relative}.project-list .project{transition:.5s all}.project-list .project:hover{box-shadow:0 0 10px #00000040;cursor:pointer}@media(max-width:768px){.projects{--grid-column-count: 2}}.offcanvas{--bs-offcanvas-width: 720px;overflow:hidden}.offcanvas .offcanvas-body{position:relative}.offcanvas .offcanvas-header{display:flex;flex-direction:column-reverse;align-items:flex-end;height:400px}.image-container{position:absolute;background-repeat:no-repeat;background-size:cover;display:block;width:calc(100% + 200px);z-index:-1;height:420px;left:-120px;top:-24px}.image-container:after{display:block;content:" ";position:absolute;background:linear-gradient(to right,#000000bf,rgba(var(--bs-body-bg-rgb),0));width:100%;height:100%}.badge{font-weight:400}.project{transform:none;transition:.5s transform}.job-info{display:flex;flex-direction:row;align-items:center}.job-title{flex:1 0 50%;color:var(--bs-secondary-color);line-height:1.3}.job-dates{text-align:right;flex:0 0 10ch}.employment li{display:block}.project-content p{margin-bottom:1rem}.project-detail-header{width:100%;display:flex;align-items:center;justify-content:space-between;line-height:1}.badge.bg-info{--bs-info: var(--bs-purple);--bs-info-rgb: 111, 66, 193}