@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{border:0 solid #0000;margin:0;padding:0}:root{--font-title:"Space Grotesk", Arial, sans-serif;--font-body:"Satoshi", Arial, sans-serif;--font-weight:400;--font-size:1.5rem;--font-size-h1:3rem;--font-size-h2:2.5rem;--font-size-h3:1.75rem;--font-size-h4:1.5rem;--font-size-h5:1.5rem;--font-size-h6:1.25rem;--font-size-caption:1rem;--border-radius:6px;--border-weight:.05em;--color-bg:#1c3e8e;--color-bg-hi:#214bab;--color-accent:#45ba5c;--color-typography-title:#eee;--color-typography:#cdcdcd;--color-border:#3958a1;--gap-sm:.25em;--gap-md:.375em;--gap-lg:.75em;--gap-xl:1.5em;--gap-xxl:2.25em}body{background-color:var(--color-bg,#fff);font-family:var(--font-body);font-weight:var(--font-weight);font-size:var(--font-size);color:var(--color-typography,#fff);display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:var(--font-weight);color:var(--color-typography-title,#fff);margin:0}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}p{color:var(--color-typography,#fff);margin:0}nav{height:80px;position:absolute;top:0;right:24px}header{justify-content:center;align-items:center;gap:var(--gap-xl);flex-direction:column;width:100%;min-height:max(600px,100vh);display:flex}section{align-items:center;gap:var(--gap-xxl);flex-direction:column;width:100%;min-height:max(600px,65vh);display:flex}footer{justify-content:center;align-items:center;gap:var(--gap-xl);text-align:center;flex-direction:column;width:100%;min-height:max(600px,90vh);display:flex}footer>:nth-child(2){width:90%}.download-resume{color:var(--color-typography);border-radius:var(--border-radius);cursor:pointer;background-color:#8b838335;border:1px solid #9f9f9f94;padding:8px 12px}.download-resume:hover{background-color:#ffffff26}.chip{background-color:var(--color-bg-hi);color:var(--color-accent);font-size:var(--font-size-caption);border-radius:var(--border-radius);border:1px solid var(--color-border);justify-content:center;align-self:flex-start;align-items:center;padding:6px 8px;display:flex}.caption{font-size:var(--font-size-caption)}.stack{flex-direction:column;display:flex}.group{flex-direction:row;display:flex}.center{justify-content:center;align-items:center}.align-center{align-items:center}.justify-center{justify-content:center}.gap-xl{gap:var(--gap-xl)}.gap-lg{gap:var(--gap-lg)}.gap-sm{gap:var(--gap-sm)}.priority{z-index:10}.gradient{background:linear-gradient(var(--color-bg-hi) 30%, 90%, #0000);border-radius:var(--border-radius)}.gradient-reverse{background:linear-gradient(#0000 2.5%,60%,#581c83)}.root-container{gap:var(--gap-xxl);position:relative}.site-header{width:100%;position:relative}.site-header>*{text-align:center;opacity:0;position:absolute;transform:translate(-50%,-50%)}.site-header-hero{position:absolute;top:40%;left:50%}.site-header-rock-1{width:clamp(200px,20vw,400px);height:clamp(200px,20vw,400px);top:22.5%;left:25%}.site-header-rock-2{width:clamp(100px,12.5vw,200px);height:clamp(100px,12.5vw,200px);top:17.5%;left:77%}.site-header-rock-3{width:clamp(100px,17.5vw,300px);height:clamp(100px,17.5vw,300px);bottom:0%;right:45%}.site-header-scroll-hint{position:absolute;bottom:0%;left:50%;transform:translate(-50%,-50%)}.intro{gap:var(--gap-lg);flex-direction:row;align-content:center;max-width:800px;padding:4px;display:flex;position:relative}.intro-greeting{text-shadow:2px 4px 3px var(--color-bg-hi)}.intro-text{border-left:1px solid var(--color-border);padding-left:var(--gap-lg)}.monitor{opacity:.05;width:512px;height:512px;position:absolute;bottom:70%;left:40%;transform:translate(-50%,50%)}.keyboard{opacity:.15;width:512px;height:512px;position:absolute;bottom:20%;left:60%;transform:translate(-50%,50%)}.bento{border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-border);grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,auto);gap:1px;max-width:60%;display:grid;box-shadow:0 1px 4px #00000029}.bento>*{background-color:var(--color-bg);flex-direction:column;padding:24px;display:flex}.bento>:first-child{border-radius:var(--border-radius) var(--border-radius) 0px 0px;grid-area:1/1/2/-1}.bento>:nth-child(2){border-radius:0px 0px 0px var(--border-radius)}.bento>:nth-child(3){border-radius:0px 0px var(--border-radius) 0px}.no-link-styling,.no-link-styling>*{color:inherit;text-decoration:none}.animate-hover{transition:background-color .5s linear;animation:.5s forwards hover-reverse,1s forwards gradient-disappear}.animate-hover:hover{background-color:#000;animation:.5s forwards hover,1s forwards gradient-appear}.animate-appear{animation:1s forwards appear}@keyframes hover{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes hover-reverse{0%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes appear{0%{opacity:.01}to{opacity:1}}@media (width<=1200px){section{gap:var(--gap-lg)}footer{justify-content:center}.site-header>:nth-child(2){top:25%;left:30%}.site-header>:nth-child(3){top:40%;left:82.5%}.site-header>:nth-child(4){bottom:30%;left:25%}.site-header>:nth-child(5){width:120px}.intro{flex-direction:column;align-items:normal;max-width:80%;display:flex;position:relative}.intro-greeting{display:none}.intro-text{border-left:none;padding-left:0}.monitor{opacity:1;width:128px;height:128px;bottom:25%;left:40%}.keyboard{opacity:1;width:128px;height:128px;bottom:5%;left:60%}.bento{grid-template-rows:repeat(3,auto);grid-template-columns:auto;max-width:95%;display:grid}.bento>*{background-color:var(--color-bg);flex-direction:column;padding:24px;display:flex}.bento>:first-child{border-radius:var(--border-radius) var(--border-radius) 0px 0px;grid-area:auto}.bento>:nth-child(2){border-radius:0}.bento>:nth-child(3){border-radius:0px 0px var(--border-radius) var(--border-radius)}}