::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:hsla(var(--body-background-color), .1);border-radius:10px}::-webkit-scrollbar-thumb{background:hsla(var(--body-text-color), .1);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsla(var(--body-text-color), .2)}html{box-sizing:border-box;scrollbar-gutter:stable;overflow:overlay}*,:before,:after{box-sizing:inherit}figure{margin:0;padding:0}img,iframe,video{width:100%;max-width:100%;height:auto}img{border-radius:var(--radius-md)}a{color:inherit;text-decoration:none;transition:all .4s}small{font-size:var(--font-size-small)}time{font-feature-settings:"tnum" 1}strong{font-weight:600}i,em{font-style:italic}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}@media screen and (width<=768px){h1{font-size:var(--font-size-h2)!important}}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)}h1,h2,h3{font-weight:400}p{margin:0;line-height:1.6}hr{margin:var(--spacing-2) 0;border:none;width:10%;margin:0 auto;display:block;&:after{content:"•••";letter-spacing:.3rem;color:hsla(var(--body-text-color), .2);text-align:center;width:100%;display:inline-block}}html.light-theme:root{--black:0, 0%, 20%;--white:216, 20%, 95%;--orange:78, 100%, 53%;--primary-color:var(--white);--secondary-color:var(--black);--tertiary-color:hsla(var(--secondary-color), .5);--accent-color:var(--orange)}html.dark-theme:root{--black:0, 0%, 6%;--white:0, 0%, 100%;--violet:247.4, 100%, 71.6%;--primary-color:var(--black);--secondary-color:var(--white);--tertiary-color:var(--white)}@supports (font-variation-settings:normal){:root{font-family:UncutSans Variable,sans-serif}}:root{--body-background-color:var(--primary-color);--body-text-color:var(--secondary-color);--body-link-color:var(--tertiary-color);--body-heading-color:var(--heading-color);--title-font:"Apple Garamond Light", serif;--title-font-italic:"Apple Garamond Light Italic", serif;--text-font:"UncutSans Variable", system-ui, sans-serif;--mono-font:"Geist Mono", "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", "Courier New", monospace;--font-size-h1:.875rem;--font-size-h2:.875rem;--font-size-h3:.875rem;--font-size-h4:.875rem;--font-size-h5:.875rem;--font-size-h6:.875rem;--font-size-p:.875rem;--font-size-regular:.875rem;--font-size-small:.85rem;--font-size-xsmall:.8rem;--font-size-xxl:3rem;--wrap-sm:50rem;--wrap-md:58.75rem;--wrap-lg:70rem;--wrap-xlg:100rem;--wrap-media:90rem;--spacing-0:.5rem;--spacing-1:1rem;--spacing-2:2rem;--spacing-4:4rem;--spacing-8:8rem;--spacing-12:12rem;--spacing-16:16rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--transition-default:.4s;--opacity-default:.6;--radius-default:10px;--footer-height:400px}@font-face{font-family:UncutSans Variable;src:url(/assets/fonts/UncutSans-Variable.woff2)format("woff2");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Apple Garamond;src:url(/assets/fonts/AppleGaramond.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Apple Garamond Light;src:url(/assets/fonts/AppleGaramond-Light.woff2)format("woff2");font-weight:light;font-style:normal}@font-face{font-family:Apple Garamond Light Italic;src:url(/assets/fonts/AppleGaramond-LightItalic.woff2)format("woff2");font-weight:light;font-style:normal}::selection{background-color:hsla(var(--accent-color));color:hsla(var(--body-text-color))}::view-transition-old(root),::view-transition-new(root){animation-duration:.5s}::view-transition-old(root){animation-name:exit}::view-transition-new(root){animation-name:enter}@keyframes exit{0%{opacity:1}to{opacity:0}}@keyframes enter{0%{opacity:0}to{opacity:1}}html{box-sizing:border-box;background:hsla(var(--body-background-color), 1);scroll-behavior:smooth;min-height:100%;position:relative}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:hsla(var(--body-background-color), 1);color:hsla(var(--body-text-color), .7);width:100%;height:100%;margin:0;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:400;overflow-x:hidden}@media screen and (width<=768px){body{padding:var(--spacing-1)}}.wrap,.wrap-sm{max-width:var(--wrap-sm);width:100%;padding:0 var(--spacing-2);margin:0 auto}.wrap-lg{max-width:var(--wrap-lg);width:100%;padding:0 var(--spacing-2);margin:0 auto}.wrap-wider{max-width:var(--wrap-xlg);width:100%;margin:0 auto}.wrap-media{max-width:var(--wrap-media);width:100%;margin:0 auto}@media (width<=480px){.wrap,.wrap-sm,.wrap-lg{padding:0}}.shuffle{font-kerning:none;font-feature-settings:"liga" 0}.center{margin:0 auto}.btn__primary{padding:var(--spacing-1);border-radius:var(--radius-lg);width:max-content;color:hsla(var(--body-text-color), 1);background:#fff;flex-direction:row;align-items:center;font-weight:500;display:flex;&:hover{box-shadow:inset 0 0 15px #fff}& svg{margin-right:calc(var(--spacing-1) / 2)}}[data-anima]{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:scale(.98)translateY(20px)}[data-anima].animate{opacity:1;transform:scale(1)translateY(0)}.home__work{margin-bottom:var(--spacing-8);position:relative;& a{&:hover{opacity:.8}}}.home__work--details{width:100px;margin:var(--spacing-1) auto 0;height:100%;color:hsla(var(--body-text-color), 1);margin-bottom:var(--spacing-2);flex-direction:column;transition:all .4s;display:flex;& .details--top{flex-direction:column;display:flex;& p{margin-bottom:var(--spacing-1);font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.5px;font-family:monospace}}& .details--bottom{flex-direction:row;display:flex}& .details--left{flex:5}& .details--right{flex:1}& h3{font-size:var(--font-size-h3);font-weight:450}& p{color:hsla(var(--body-text-color), .5)}& time{font-family:var(--mono-font);margin-bottom:var(--spacing-1);font-size:var(--font-size-small);color:hsla(var(--body-text-color), .5);display:block}}.main{padding-top:var(--spacing-12);padding-bottom:var(--spacing-4)}.page__heading{& h1,& h2{color:hsla(var(--body-text-color), 1)}& p a{text-underline-offset:2.5px;text-decoration-line:underline;text-decoration-thickness:1.5px;text-decoration-color:hsla(var(--body-text-color), .2);transition:var(--transition-default);&:hover{opacity:.5;transition:var(--transition-default)}}}.work-data{margin:var(--spacing-2) 0 0 0;flex-direction:column;justify-content:space-between;padding-left:0;list-style-type:none;display:flex;& span{font-weight:600;font-size:var(--font-size-small);text-transform:uppercase;color:hsla(var(--body-text-color), .4);margin-bottom:calc(var(--spacing-1) / 2);display:block}& li{margin-bottom:var(--spacing-1)}}.mansory{column-count:4;column-gap:var(--spacing-1);padding:0 0 var(--spacing-4);& figure{margin:0;margin-bottom:var(--spacing-1);break-inside:avoid;grid-template-rows:1fr auto;display:grid}& figure>img{border-radius:var(--radius-md);grid-area:1/1/-1}}@media screen and (width<=1080px){.mansory{column-count:3}}@media screen and (width<=768px){.mansory{column-count:2}}@media screen and (width<=500px){.mansory{column-count:1}}@media screen and (width>=769px) and (width<=1460px){.mansory{padding:0 var(--spacing-1)}}.two-column{column-count:2}.labsItem__list{margin-top:var(--spacing-8)}.labsItem{margin-bottom:var(--spacing-4);& a{aspect-ratio:1;width:100%;height:auto;display:block;position:relative}& img{border-radius:var(--radius-sm);object-fit:cover;object-position:center;width:100%;height:100%;margin-bottom:var(--spacing-2)}& .labsItem__details{font-family:var(--title-font);text-transform:uppercase;font-size:var(--font-size-small);flex-direction:row;display:flex;& h2{font-weight:600}& span{margin-left:var(--spacing-1);opacity:.5}}}.block__content{margin-bottom:var(--spacing-4);& h2,& h3,& h4{font-weight:450}& h4{margin-bottom:var(--spacing-2);line-height:1.4;& i{vertical-align:text-top;width:46px;height:46px;margin-top:10px;margin-left:10px;display:inline-flex}& a{color:hsla(var(--body-link-color), 1)}& span{color:hsla(var(--body-text-color), 1)}}& article{& p{margin-bottom:var(--spacing-2);& code{border-radius:var(--radius-sm);font-weight:500;font-family:var(--mono-font);background:#e6e6e61a;padding:2px 5px}& a{text-underline-offset:3px;text-decoration:underline;text-decoration-color:hsla(var(--body-text-color), .5);color:hsla(var(--body-text-color), 1);transition:all .4s;&:hover{transition:all .4s}}}& img{margin-bottom:var(--spacing-2)}& pre{margin-bottom:var(--spacing-2);padding:var(--spacing-1);border-radius:var(--radius-sm);font-size:var(--font-size-small);& code{font-family:var(--mono-font)}}& ul{padding-left:var(--spacing-1);margin-bottom:var(--spacing-4)}& li{margin-bottom:var(--spacing-1);text-transform:lowercase}}}.block__content--list{list-style-type:none;& li{& a{padding:calc(var(--spacing-1) / 2) 0;flex-direction:row;justify-content:space-between;display:flex;& h5{color:hsla(var(--body-text-color), .6)}}}}.block__list--works{padding-left:0;list-style-type:none;& li{margin-bottom:var(--spacing-2)}& a,& .work__content{flex-direction:row;display:flex}& a{justify-content:space-between}& .work__details{margin-left:var(--spacing-1);flex-direction:column;justify-content:center;gap:.5rem;display:flex;& h3{margin-bottom:0;font-weight:500}}& h5{color:hsla(var(--body-text-color), .6)}& img{border-radius:var(--radius-md);width:56px;height:56px}}.block__list--notes{padding-left:0;list-style-type:none;& h3{color:hsla(var(--body-text-color), .6);margin-bottom:var(--spacing-1)}}.block__list--experience{padding-left:0;list-style-type:none;& li{margin-bottom:var(--spacing-2)}& h5{color:hsla(var(--body-text-color), .6);margin-bottom:var(--spacing-1)}}.block__content--articles{margin:var(--spacing-4) auto;& article:not(:last-child){border-bottom:1px solid #ffffff14}& article{& a{padding:var(--spacing-2) 0;display:block}& .notes__item--inner{flex-direction:row;align-items:center;display:flex;& time{margin-right:var(--spacing-2)}& h2{font-family:var(--title-font)}}@media screen and (width<=768px){& .notes__item--inner{flex-direction:column;align-items:flex-start}}}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}
