*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;margin:0;padding:0}input,button,textarea,select{font:inherit}ul[role=list],ol[role=list]{list-style:none}button{cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;max-width:65ch}img,picture,video,canvas,svg{max-width:100%;display:block}svg{pointer-events:none}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;-webkit-transition-duration:.01ms!important;-moz-transition-duration:.01ms!important;-ms-transition-duration:.01ms!important;-o-transition-duration:.01ms!important;transition-duration:.01ms!important;-webkit-animation-duration:.01ms!important;-moz-animation-duration:.01ms!important;-ms-animation-duration:.01ms!important;-o-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;-moz-animation-iteration-count:1!important;-ms-animation-iteration-count:1!important;-o-animation-iteration-count:1!important;animation-iteration-count:1!important}}:root{--color-bkg: #f5f9f9;--color-frg: #fbfefe;--color-text: #262b2a;--color-accent: #a3b5b0;--color-muted: #ced5d3;--shadow: 0 12px 12px hsl(163, 11%, 67%, .25);color-scheme:light;--fs-2xs: clamp(.64rem, .6552rem + -.0196vw, .6513rem);--fs-xs: clamp(.7813rem, .7747rem + .0326vw, .8rem);--fs-sm: clamp(.9375rem, .9158rem + .1087vw, 1rem);--fs-base: clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--fs-md: clamp(1.35rem, 1.2761rem + .3696vw, 1.5625rem);--fs-lg: clamp(1.62rem, 1.5041rem + .5793vw, 1.9531rem);--fs-xl: clamp(1.9438rem, 1.7707rem + .8652vw, 2.4413rem);--fs-2xl: clamp(2.3325rem, 2.0823rem + 1.2511vw, 3.0519rem);--fs-3xl: clamp(2.7994rem, 2.4461rem + 1.7663vw, 3.815rem);--lh-base: 1.4;--lh-headings: 1.1;--fw-regular: 400;--fw-bold: 700;--space-4xs: clamp(.1875rem, .1875rem + 0vw, .1875rem);--space-3xs: clamp(.3125rem, .3125rem + 0vw, .3125rem);--space-2xs: clamp(.625rem, .6033rem + .1087vw, .6875rem);--space-xs: clamp(.875rem, .8533rem + .1087vw, .9375rem);--space-sm: clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--space-md: clamp(1.6875rem, 1.6223rem + .3261vw, 1.875rem);--space-lg: clamp(2.25rem, 2.163rem + .4348vw, 2.5rem);--space-xl: clamp(3.375rem, 3.2446rem + .6522vw, 3.75rem);--space-2xl: clamp(4.5rem, 4.3261rem + .8696vw, 5rem);--space-3xl: clamp(6.75rem, 6.4891rem + 1.3043vw, 7.5rem);--rounded-sm: .25rem;--rounded-md: .5rem;--rounded-full: 100vmax;--border-sm: .15em;--border-md: .3em;--fast: .1s;--slow: .3s;--cubic: cubic-bezier(.4, 0, .2, 1)}body{-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;background-color:var(--color-bkg);color:var(--color-text);line-height:var(--lh-base);font-size:var(--fs-base);font-weight:var(--fw-regular);height:100vh;min-height:100dvh;max-width:2000px;display:grid;grid-template-rows:auto 1fr auto;margin-inline:auto}main{display:grid;gap:var(--space-md);margin-block:var(--space-lg);align-items:flex-start}::selection{background-color:var(--color-accent);color:var(--color-text)}.container{max-width:1250px;width:100%;margin-inline:auto;padding-inline:var(--space-md);align-self:start}.grid-wrapper{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg) var(--space-xs);align-items:flex-start}.rows{display:grid;gap:var(--space-xs)}.columns{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:baseline}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md)}h5{font-size:var(--fs-sm)}h6{font-size:var(--fs-xs)}footer{background-color:var(--color-frg);padding:var(--space-xs) var(--space-sm);box-shadow:var(--shadow);font-size:var(--fs-xs);text-wrap:balance;text-align:center;display:grid;place-items:center}nav{background-color:var(--color-frg);padding:var(--space-xs) var(--space-sm);box-shadow:var(--shadow)}nav ul{display:flex;justify-content:center;align-items:center;gap:var(--space-sm)}.link{--_local-bkg: var(--color-accent);--_local-border: var(--border-sm) solid var(--color-accent);--_local-color: var(--color-bkg);--_local-font-size: var(--fs-sm);--_local-padding: var(--space-3xs) var(--space-xs);user-select:none;background:var(--_local-bkg);border:var(--_local-border);border-radius:var(--rounded-sm);color:var(--_local-color);font-size:var(--_local-font-size);font-weight:var(--fw-bold);padding:var(--_local-padding);width:fit-content;display:flex;align-items:center;text-decoration:none;gap:var(--space-sm);transition:all var(--slow) var(--cubic);&:hover{opacity:.7}&:focus{outline:transparent}&:focus-visible{box-shadow:0 0 0 .1em var(--color-bkg),0 0 0 .3em var(--color-accent)}&.secondary{--_local-bkg: transparent;--_local-border: var(--border-sm) solid var(--color-accent);--_local-color: var(--color-accent)}&.ghost{--_local-bkg: transparent;--_local-border: none;--_local-color: var(--color-text);--_local-padding: var(--space-4xs)}&.icon{--_local-bkg: transparent;--_local-border: none;--_local-color: var(--color-accent);--_local-padding: var(--space-4xs);&:hover{--_local-color: var(--color-text)}}}.hero{display:grid;gap:var(--space-xs);justify-items:center;img{border:var(--border-md) solid var(--color-accent);border-radius:var(--rounded-full);width:200px;height:200px;object-fit:cover}p{max-width:32ch;text-wrap:balance;text-align:center}}.blog-hero,.blog-bio{display:flex;gap:var(--space-xs);img{border:var(--border-sm) solid var(--color-accent);border-radius:var(--rounded-full);width:90px;height:90px;object-fit:cover}div{display:grid;gap:var(--space-xs);span{font-size:var(--fs-sm);text-transform:uppercase;color:var(--color-accent)}}p{max-width:40ch;font-size:var(--fs-sm);text-wrap:balance}}.blog-bio{background-color:var(--color-frg);max-width:fit-content;padding:var(--space-sm);border-radius:var(--rounded-sm)}.blog-card,.project-card{position:relative;background-color:var(--color-frg);border-radius:var(--rounded-md);box-shadow:var(--shadow);transition:all var(--slow) var(--cubic);&:hover{scale:1.002;opacity:.9}p{max-width:450px;text-wrap:pretty}img{width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 9;border-radius:var(--rounded-md) var(--rounded-md) 0 0}.rows{padding:var(--space-sm) var(--space-xs) var(--space-xs)}.link{&:hover{opacity:1}&:after{content:"";position:absolute;inset:0}}}time{color:var(--color-accent);text-transform:uppercase;font-size:var(--fs-xs)}.pagination{padding-block-start:var(--fs-xl);display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-self:center}.blog-metadata{display:grid;place-items:center;gap:var(--space-md);header{width:fit-content;max-width:800px;margin-inline:auto;padding:var(--space-md);background-color:var(--color-frg);display:grid;gap:var(--space-2xs);p{text-wrap:pretty}}img{height:min(600px,50vh);width:100vw;object-fit:cover}}.blog-content{max-width:1250px;width:100%;margin-inline:auto;padding-inline:var(--space-md);display:grid;justify-content:center;gap:var(--space-xs)}#connect{display:grid;place-items:center;position:relative;&:after{content:"";position:absolute;top:20%;bottom:20%;width:100%;z-index:-1;background-color:var(--color-accent)}}.form-wrapper{padding-inline:var(--space-md);margin-block:var(--space-md);max-width:1000px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 var(--space-sm);>div{position:relative;&:after{content:"👋";font-size:var(--fs-xl);background-color:var(--color-bkg);border:var(--border-sm) solid var(--color-accent);border-radius:var(--rounded-full);width:1.6em;height:1.6em;display:grid;place-items:center;box-shadow:var(--shadow);position:absolute;left:-.5em;top:-.5em}}img{border-radius:var(--rounded-sm);box-shadow:var(--shadow);object-fit:cover;width:200px;aspect-ratio:4 / 5}.contact-form{background-color:var(--color-frg);border-radius:var(--rounded-sm);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow);text-wrap:balance;max-width:400px;margin-block:-10px;position:relative;display:grid;gap:var(--space-2xs);label{display:grid;gap:var(--space-3xs);font-size:var(--fs-sm);text-transform:uppercase;color:var(--color-accent);font-weight:var(--fw-bold)}input{padding:var(--space-2xs);color:var(--color-text);background-color:var(--color-frg);border:var(--border-sm) solid var(--color-accent);border-radius:var(--rounded-sm);font-weight:var(--fw-regular);transition:all var(--fast) var(--cubic);&::placeholder{color:var(--color-text);opacity:.7}&:focus{outline:var(--border-sm) solid var(--color-accent)}}}}.features{background-color:var(--color-muted);padding:var(--space-xl) var(--space-md);>div{display:grid;gap:var(--space-lg);place-items:center;text-align:center;ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);li{display:grid;place-items:center;gap:var(--space-xs);max-width:30ch}}}}