:root{--accent:#37d618;--nav-bg:#fffffffa;--card-btn:#000;--hire-me:#000;--grid-bg:#5b5b5b3c;--dashed-border:dashed 4px var(--accent);--controller:#9c9a9a;--controller-border:#9c9a9a;--controller-hover:#37d618;--box-sh:#fafafa1a;--box-sh-hover:#fafafa33;--card-height:min(40rem,fit-content)}@media (prefers-color-scheme:dark){:root{--accent:#0715b0;--nav-bg:#060813fa;--card-btn:#fff;--hire-me:#fff;--grid-bg:#a7a7a73c;--dashed-border:dashed 4px var(--accent);--controller:#f3f3f3;--controller-border:#f3f3f3;--controller-hover:#0000cd}}
@font-face{font-family:Newake;src:url(/indieground-newakefont-demo/Newake-Font-Demo.otf)}
nav{background-color:var(--nav-bg);z-index:100;width:100%;font-size:1.2rem;position:fixed;top:0;left:0}.nav-inner{flex-wrap:wrap;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:2rem;display:flex}@media screen and (max-width:768px){.nav-container{flex-wrap:nowrap;justify-content:end;align-items:center;width:100%;padding:1em;display:flex}.nav-inner{gap:.8rem;padding:0}}nav a:hover{color:var(--accent)}.nav-link.active{color:var(--accent);font-weight:600}.menu-icon{justify-self:end;width:fit-content;display:flex}
footer{justify-content:center;align-items:center;gap:1rem;width:100%;height:3rem;display:flex}.footer-link{align-items:center;gap:.5rem;transition:color .3s ease-in-out;display:flex}.footer-link:hover{color:var(--accent)}.footer-version{justify-content:center;margin-top:1rem;display:flex}.footer-version a{margin:0 .4rem}.footer-version a:hover{border-bottom:var(--dashed-border)}
.start-link{border-bottom:var(--dashed-border);background:linear-gradient(to right,var(--accent)50%,transparent 50%);background-position:100% 0;background-size:200% 100%;align-items:center;gap:.5rem;width:fit-content;font-size:larger;font-weight:600;transition:background-position .5s ease-in-out,border-bottom-color .3s ease-in-out;display:flex}.start-link:hover{background-position:0 0;border-bottom-color:#0000}
#contact{position:relative}#contact h2{z-index:1;position:relative}.contact-title-wrapper{margin-top:10%;margin-bottom:1.5rem;display:inline-block;position:relative}.hire-me{color:var(--hire-me);opacity:.05;letter-spacing:.1em;white-space:nowrap;pointer-events:none;z-index:0;font-size:clamp(10rem,20vw,16rem);font-weight:800;position:absolute;top:40%;left:0;transform:translateY(-50%)}.contact-text{font-size:28px}.mailto-link{border-bottom:var(--dashed-border);transition:all .3s ease-in-out}.mailto-link:hover{color:var(--accent);border-bottom-color:#0000}
a.case-study-link{border-bottom:var(--dashed-border);width:fit-content;margin-top:1rem;margin-bottom:1rem;font-size:1.5rem;transition:all .3s;display:block}a.case-study-link:hover{color:var(--accent);border-bottom-color:#0000}.work-title{align-items:center;gap:1rem;display:flex}.work-text{margin-top:1rem;font-size:1.5rem}
#cards{margin:0;list-style:none}.card{margin-bottom:2rem;position:sticky;top:8rem}.card-content{min-height:var(--card-height);color:#0a0507;box-shadow:0 .2em 1em var(--box-sh),0 1em 2em var(--box-sh);background:#fff;border-radius:4px;flex-flow:column-reverse wrap-reverse;justify-content:center;align-items:center;padding:1em;display:flex;overflow:hidden}.card-content>div{border-right:1px solid #0000;flex-wrap:wrap;justify-content:center;place-self:center;align-items:center;gap:1em;width:80%;margin:10px 5px;display:flex}.card-content img{object-fit:contain;border:1px solid #e7e7e7;border-radius:2px;grid-area:img;justify-self:center;width:100%;height:auto}@media screen and (min-width:920px){.card-content{z-index:-2;grid-template:"text img"/1fr 1fr;align-items:stretch;height:400px;padding:0;display:grid;position:relative}.card-content>div{grid-area:text;justify-content:start;justify-self:center;gap:1em;display:grid}.card-content img{z-index:-1;border:none;width:120%;margin-left:-40%}}.btn{background:var(--accent);filter:brightness(1.2);width:max-content;color:var(--card-btn);border-radius:4px;padding:.5em;transition:filter .3s ease-in-out;display:inline-block}.btn:hover{filter:brightness()}
.skills-container{flex-direction:column;gap:2rem;display:flex}.grid-background{isolation:isolate;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:8rem;padding:2rem 2rem 4rem;display:grid;position:relative}@media screen and (min-width:450px){.grid-background{padding:5rem 5rem 8rem}}.grid-background:before{content:"";z-index:-1;background-image:repeating-linear-gradient(to right,var(--grid-bg)0,var(--grid-bg)1px,transparent 1px,transparent 60px),repeating-linear-gradient(to bottom,var(--grid-bg)0,var(--grid-bg)1px,transparent 1px,transparent 60px);position:absolute;inset:0}.skill-item{transition:all .2s ease-in-out}.skill-item:hover{color:var(--accent);font-weight:bolder}.skills-cards-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.skills-card{color:#333;box-shadow:0 4px 6px var(--box-sh);background-color:#fff;border:1px solid #e0e0e0;border-radius:2px;padding:20px;transition:transform .2s,box-shadow .2s;position:relative}.skills-card:hover{box-shadow:0 8px 12px var(--box-sh-hover);transform:translateY(-8px)}.slider-container{justify-content:start;align-items:center;gap:1rem;width:100%;margin-top:2rem;display:flex}.slider-input{appearance:none;cursor:default;box-shadow:none;opacity:.2;background:0 0;border:0;outline:none;flex-grow:1;max-width:100%}.slider-input::-webkit-slider-runnable-track{background:var(--accent);border-radius:5px;width:100%;height:8px}.slider-input::-webkit-slider-thumb{appearance:none;background:var(--accent);border-radius:50%;width:16px;height:16px;margin-top:-4px}.slider-input::-moz-range-track{background:var(--accent);border-radius:5px;width:100%;height:8px}.slider-input::-moz-range-thumb{background:var(--accent);border-radius:50%;width:16px;height:16px}
.cv-timeline{margin-top:4rem}.cv-timeline-inner{padding-left:3rem;position:relative}.cv-timeline-inner:before{content:"";background:linear-gradient(to bottom,var(--accent),var(--accent));transform-origin:top;width:3px;height:calc(100% + 10rem);transform:scaleY(var(--timeline-progress,0));position:absolute;top:0;left:1.25rem}.cv-timeline-item{gap:1.5rem;margin-bottom:3rem;transition:opacity .3s ease-out,transform .3s ease-out;display:flex;position:relative}.cv-timeline-dot{background-color:var(--accent);border-radius:999px;width:1rem;height:1rem;position:absolute;top:.4rem;left:1.1rem}.cv-timeline-content{max-width:800px;margin-left:2.5rem;font-size:1.2rem}.cv-timeline-year{opacity:.8;margin-bottom:.25rem;font-weight:700;display:block}
.dialogue-actions{justify-content:space-between;width:100%;display:flex}.dialogue-links{gap:1em;margin-left:1em;display:flex}.dialogue-desc-content{flex-direction:column;gap:1em;margin:1em;display:flex}.dialogue-image-wrapper{aspect-ratio:2;width:100%;max-width:700px;margin:0 auto;position:relative;overflow:hidden}.dialogue-image{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.slide-in-right{animation:.8s forwards slideInRight;transform:translate(100%)}.slide-in-left{animation:.8s forwards slideInLeft;transform:translate(-100%)}.slide-out-left{animation:.8s forwards slideOutLeft;transform:translate(0)}.slide-out-right{animation:.8s forwards slideOutRight;transform:translate(0)}@keyframes slideInRight{to{transform:translate(0)}}@keyframes slideInLeft{to{transform:translate(0)}}@keyframes slideOutLeft{to{transform:translate(-100%)}}@keyframes slideOutRight{to{transform:translate(100%)}}
.cv-header{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}@media screen and (max-width:778px){.cv-header{justify-content:center}}
html,body{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{font-family:var(--font-roboto-condensed),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}main{max-width:1200px;margin:0 auto;padding:3rem 2rem}header{width:100%;height:3rem}section{margin-bottom:10%;scroll-margin-top:5.2rem}a{color:inherit;text-decoration:none}::selection{background-color:var(--accent)}.highlight{background-color:var(--accent);padding:.25rem}.title-container{align-items:center;gap:1rem;display:flex}.paragraph-text{margin-top:1rem;font-size:1.5rem}
@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c282a6db290773d-s.b4168fbf.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/537f068cf010a382-s.1b6fc227.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/c300beac511639d2-s.ee905080.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a01ece5cbe79cced-s.5feb1b14.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/825d4e07c4597d86-s.8bfc7714.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/65645b6ef686c6a1-s.cc7fec2f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ef1484efef1c9752-s.p.b56aead1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Condensed Fallback;src:local(Arial);ascent-override:104.44%;descent-override:27.48%;line-gap-override:0.0%;size-adjust:88.83%}.roboto_condensed_69840769-module__rVTF9W__className{font-family:Roboto Condensed,Roboto Condensed Fallback;font-style:normal}.roboto_condensed_69840769-module__rVTF9W__variable{--font-roboto-condensed:"Roboto Condensed","Roboto Condensed Fallback"}