.page-container h3,.page-container h4,.page-container h5,.page-container h6,.page-container p{padding-top:8px;padding-bottom:8px}.page-container ul,.page-container ol{margin-block-start:.4em;margin-block-end:1em;padding-inline-start:1em}.content{flex-grow:1;padding:1em;height:100%}.about-heading{text-align:center;margin-bottom:1em}.about{display:flex;gap:40px}.about--img img{border-radius:14px}.project-cards{padding-bottom:4em;margin:auto}.container{width:100%;max-width:700px;justify-content:center;padding:2em 1em;margin:auto}.page-container{max-width:1000px;margin:auto;padding:0 1em 6em}.page-container h2{margin-top:30px}.page-container h3{margin-top:20px}.page-container img{border-radius:14px}.persona{display:flex;gap:20px;align-items:center;padding:20px 0}.persona img{min-width:120px;max-width:120px}@media only screen and (max-width: 768px){.container{padding:2em 0}.page-container{padding:0 0 6em}.project-meta{font-size:13px}}.page-container img{cursor:zoom-in;transition:transform .2s ease}.image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;justify-content:center;align-items:center;background-color:#202021;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .3s ease}.image-viewer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;cursor:zoom-out}.image-viewer-img{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 10px 30px #00000080;z-index:1}.image-viewer-close{position:absolute;top:1rem;right:1rem;z-index:2;background:transparent;border:none;color:#fff;font-size:2rem;line-height:.6;cursor:pointer;padding:10px;border-radius:50%;transition:background .2s ease}.image-viewer-close:hover{background:rgba(255,255,255,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-card--container{position:relative;height:auto;border:1px solid currentColor;border-radius:14px;overflow:hidden}.project-card--img{max-width:100%;object-fit:cover;overflow:hidden;display:block}.project-card--content{padding:.5em .8em 1em}.article--description{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;-moz-line-clamp:4;line-clamp:4}.article--container{display:flex;flex-direction:column;justify-content:center;max-width:525px;margin:auto;padding-bottom:6em}.article--heading>*{text-align:center}.article--heading{margin-bottom:2em}.article--error-message{text-align:center}.article--img{height:auto;width:100%;object-position:50% 50%;aspect-ratio:2 / 1;object-fit:cover}.grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:4em}article{display:grid;max-width:50%;flex-basis:50%;padding:20px}.article--card{display:flex;flex-direction:column;border-radius:14px;border:1px solid currentColor;overflow:hidden}.article--meta{padding:.8rem;flex:0 1 auto;font-size:13px}.article--content{flex:0 1 auto;padding-bottom:16px}.article--content p{padding-top:8px}.article--button{display:flex;flex-grow:1;align-self:flex-end;padding:.8rem}.article--button a{align-self:flex-end}.article--author,.article--date{display:inline}.article--body{padding:.8rem;display:flex;flex-direction:column;height:100%}.article--meta span{padding:0 10px}.article--title{padding-bottom:.8rem}#loader-container{display:flex;justify-content:center;align-items:center;margin-top:4em}#loader circle{stroke-dasharray:80%;stroke-dashoffset:100%;stroke:currentColor;animation:strokeAnimate .3s linear infinite}@keyframes strokeAnimate{to{stroke-dashoffset:0%}}.theme-switcher{width:18px;height:18px;text-indent:-9999px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;vertical-align:middle;margin-right:10px}.theme-switcher--container{height:40px;text-align:right;background-color:#fff;border-bottom:1px solid #111111;padding-right:1em;position:sticky;top:0;z-index:1000}.theme-toggle-button{background-color:transparent;border:none}.sun-and-moon{vertical-align:middle;transition:all .4s ease-in-out}.sun-core{transition:fill .4s ease-in-out;fill:currentColor}.sun-and-moon.light-mode .sun-core{fill:#000}.sun-beams{transition:opacity .4s ease-in-out,stroke .4s ease-in-out;stroke:currentColor;opacity:1}.sun-and-moon.light-mode .sun-beams{opacity:0;stroke:transparent}.moon-mask-circle{transition:all .4s ease-in-out;transform:translate(0)}.sun-and-moon.light-mode .moon-mask-circle{transform:translate(-6px)}*{margin:0;padding:0;box-sizing:border-box}main{height:100%;width:100%;display:flex;overflow:hidden}.light{background-color:#f8f8f4;color:#111}.dark{background-color:#202021;color:#f3f3f3}#header{position:fixed;top:0;bottom:30%;left:0;right:30%;background-color:#202021;color:#fff;z-index:11000;visibility:visible;transition:transform .4s,right .3s ease-in}#header.show-header{flex:0 0 260px;visibility:visible;transform:translate(0);bottom:0;right:0}#header.hide-header{flex:0 0 0px;width:0px;visibility:hidden;transform:translate(-260px)}a{position:relative;color:currentColor;text-decoration:none}a:after{content:"";position:absolute;width:100%;transform:scaleX(0);border-radius:5px;height:1px;bottom:0;left:0;background:currentcolor;transform-origin:bottom left;transition:transform .25s ease-out}a:hover:after{transform:scaleX(1);transform-origin:bottom left}button{cursor:pointer}img{height:auto;width:auto}.menu-container{padding:3em;height:100%;display:grid;grid-template-columns:repeat(3,1fr)}.menu{align-self:center;justify-self:center;text-align:center}.menu li{list-style:none;font-size:3.2em}.menu-button{color:#111}.open-button-container{position:fixed;top:-10px;z-index:99999}#open-button{font-size:40px;cursor:pointer}.close-button-container{position:fixed;top:-10px;z-index:99999}#close-button{font-size:40px;cursor:pointer}.logo{padding:2em;color:#c8c8c8;font-size:13px;font-weight:300}h1,h2{padding-top:8px;padding-bottom:8px;line-height:1.5}h1{font-size:2.6em;font-weight:500}h2{font-size:1.8em;font-weight:500}.home-intro{font-size:1.2em;max-width:700px;margin:auto;padding:2em 1em;text-align:center}footer{border-top:1px solid #111111;padding:1em;font-size:16px;color:#111}footer ul{display:flex;gap:1.5em;flex-wrap:wrap}footer li{list-style:none}footer p{border-top:.6px solid #111111;margin-top:1em;padding-top:1em;font-size:14px}@media only screen and (max-width: 768px){.home-intro{max-width:700px;margin:auto;padding:2em 0}.project-cards{max-width:100%;display:block}.about{flex-direction:column;gap:0}.about--img{text-align:center;margin-top:1em}.about--img img{max-width:100%}#close-button{color:#fff}#header{height:100vh;flex:0 0 0;visibility:hidden}#header.show-header{flex:0 0 100%;visibility:visible}#header.hide-header{flex:0 0 0;visibility:hidden;transform:translate(-100%)}.menu-container{grid-template-columns:1fr}.menu{align-self:start}.menu li{font-size:2.6em}.logo{padding:0 0 2em;text-align:center}h1{font-size:28px}h2{font-size:22px}}@media only screen and (min-width: 769px) and (max-width: 996px){.menu-container .menu li{font-size:3em}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.7;font-weight:400;font-size:18px;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}
