@import"https://fonts.googleapis.com/css2?family=Assistant:wght@400;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Yeseva+One:wght@400;800&display=swap";.grid{display:flex;flex-direction:column;flex-flow:row wrap}.grid>[class*=column-]{display:block;padding:1rem}.column-xs-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.column-xs-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.column-xs-3{flex-basis:25%;max-width:25%}.column-xs-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.column-xs-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.column-xs-6{flex-basis:50%;max-width:50%}.column-xs-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.column-xs-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.column-xs-9{flex-basis:75%;max-width:75%}.column-xs-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.column-xs-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.column-xs-12{flex-basis:100%;max-width:100%}@media (min-width: 48rem){.column-sm-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.column-sm-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.column-sm-3{flex-basis:25%;max-width:25%}.column-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.column-sm-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.column-sm-6{flex-basis:50%;max-width:50%}.column-sm-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.column-sm-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.column-sm-9{flex-basis:75%;max-width:75%}.column-sm-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.column-sm-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.column-sm-12{flex-basis:100%;max-width:100%}}@media (min-width: 62rem){.column-md-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.column-md-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.column-md-3{flex-basis:25%;max-width:25%}.column-md-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.column-md-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.column-md-6{flex-basis:50%;max-width:50%}.column-md-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.column-md-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.column-md-9{flex-basis:75%;max-width:75%}.column-md-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.column-md-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.column-md-12{flex-basis:100%;max-width:100%}}@media (min-width: 75rem){.column-lg-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.column-lg-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.column-lg-3{flex-basis:25%;max-width:25%}.column-lg-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.column-lg-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.column-lg-6{flex-basis:50%;max-width:50%}.column-lg-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.column-lg-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.column-lg-9{flex-basis:75%;max-width:75%}.column-lg-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.column-lg-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.column-lg-12{flex-basis:100%;max-width:100%}}@supports (display: grid){.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto}.grid>[class*=column-]{margin:0;max-width:100%}.column-xs-1{grid-column-start:span 1;grid-column-end:span 1}.column-xs-2{grid-column-start:span 2;grid-column-end:span 2}.column-xs-3{grid-column-start:span 3;grid-column-end:span 3}.column-xs-4{grid-column-start:span 4;grid-column-end:span 4}.column-xs-5{grid-column-start:span 5;grid-column-end:span 5}.column-xs-6{grid-column-start:span 6;grid-column-end:span 6}.column-xs-7{grid-column-start:span 7;grid-column-end:span 7}.column-xs-8{grid-column-start:span 8;grid-column-end:span 8}.column-xs-9{grid-column-start:span 9;grid-column-end:span 9}.column-xs-10{grid-column-start:span 10;grid-column-end:span 10}.column-xs-11{grid-column-start:span 11;grid-column-end:span 11}.column-xs-12{grid-column-start:span 12;grid-column-end:span 12}@media (min-width: 48rem){.column-sm-1{grid-column-start:span 1;grid-column-end:span 1}.column-sm-2{grid-column-start:span 2;grid-column-end:span 2}.column-sm-3{grid-column-start:span 3;grid-column-end:span 3}.column-sm-4{grid-column-start:span 4;grid-column-end:span 4}.column-sm-5{grid-column-start:span 5;grid-column-end:span 5}.column-sm-6{grid-column-start:span 6;grid-column-end:span 6}.column-sm-7{grid-column-start:span 7;grid-column-end:span 7}.column-sm-8{grid-column-start:span 8;grid-column-end:span 8}.column-sm-9{grid-column-start:span 9;grid-column-end:span 9}.column-sm-10{grid-column-start:span 10;grid-column-end:span 10}.column-sm-11{grid-column-start:span 11;grid-column-end:span 11}.column-sm-12{grid-column-start:span 12;grid-column-end:span 12}}@media (min-width: 62rem){.column-md-1{grid-column-start:span 1;grid-column-end:span 1}.column-md-2{grid-column-start:span 2;grid-column-end:span 2}.column-md-3{grid-column-start:span 3;grid-column-end:span 3}.column-md-4{grid-column-start:span 4;grid-column-end:span 4}.column-md-5{grid-column-start:span 5;grid-column-end:span 5}.column-md-6{grid-column-start:span 6;grid-column-end:span 6}.column-md-7{grid-column-start:span 7;grid-column-end:span 7}.column-md-8{grid-column-start:span 8;grid-column-end:span 8}.column-md-9{grid-column-start:span 9;grid-column-end:span 9}.column-md-10{grid-column-start:span 10;grid-column-end:span 10}.column-md-11{grid-column-start:span 11;grid-column-end:span 11}.column-md-12{grid-column-start:span 12;grid-column-end:span 12}}@media (min-width: 75rem){.column-lg-1{grid-column-start:span 1;grid-column-end:span 1}.column-lg-2{grid-column-start:span 2;grid-column-end:span 2}.column-lg-3{grid-column-start:span 3;grid-column-end:span 3}.column-lg-4{grid-column-start:span 4;grid-column-end:span 4}.column-lg-5{grid-column-start:span 5;grid-column-end:span 5}.column-lg-6{grid-column-start:span 6;grid-column-end:span 6}.column-lg-7{grid-column-start:span 7;grid-column-end:span 7}.column-lg-8{grid-column-start:span 8;grid-column-end:span 8}.column-lg-9{grid-column-start:span 9;grid-column-end:span 9}.column-lg-10{grid-column-start:span 10;grid-column-end:span 10}.column-lg-11{grid-column-start:span 11;grid-column-end:span 11}.column-lg-12{grid-column-start:span 12;grid-column-end:span 12}}}:root{--background-color: #fafafa;--link-color: #f7df1e;--link-hover-color: #f71e4d;--link-color-dark: #ff0000;--color-black: #3d3b3b;--color-gray: #85888f;--color-white: #fafafa;--background-color: #c5b6ed;--link-color: #6fff8f;--color-light-pink: #f6f1f4;--link-hover-color: #fe9732;--link-color-dark: red;--link-underline-color: #4ac6d2;--link-underline-color-light: #fa0000;--link-underline-color-lighter: #c6e4f2;--background-dark-color: #181626;--color-dark-body: #1a1c40;--link-dark-color: #454259;--link-dark-color-light: #e3d35a;--color-dark-text: #b4a3ce;--color-dark-nav-link: #fed8ce;--link-underline-dark-color: #30e0a1;--link-underline-dark-color-dark: #61517a;--link-underline-dark-color-darker: #32e0a1;--color-dark-border: #3b3d54;--color-black: #243f6c;--color-gray: #243f6c;--color-white: #c5b6ed;--color-border: #ebecf2}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}figcaption,figure,footer,header,main,nav,section{display:block}a{font-weight:600;text-decoration:none;color:var(--color-black);font-weight:700}body{margin:0;font-size:1rem;font-family:Assistant,sans-serif;color:var(--color-gray);line-height:1.55;font-weight:400;font-kerning:normal;font-feature-settings:"kern","liga","clig","calt";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-white)}@media (min-width: 48rem){body{font-size:1rem}}@media (min-width: 62rem){body{font-size:1.125rem}}img{display:block;max-width:100%}p{color:inherit}figure{margin:0}ul{margin:0;padding:0;list-style:none}ul li{margin:0 2rem 0 0}@media (min-width: 48rem){ul li{margin:0 2.5rem 0 0}}.container{max-width:76rem;margin:auto;width:100%;padding:0 1rem}nav{position:absolute;padding:1.25rem 0;width:100%}@media (min-width: 62rem){nav{padding:1.75rem 0}}nav .grid>[class*=column-]{padding:0 1rem}@media (min-width: 48rem){nav .grid>[class*=column-]{padding:.25rem 1rem}}nav span{color:var(--color-black);font-weight:600}@media (min-width: 62rem){nav span{font-size:17px}}nav ul{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;height:100%}@media (min-width: 48rem){nav ul{justify-content:flex-end;flex-wrap:nowrap}}nav ul li:last-child{margin:0}nav ul li a{position:relative;display:inline-block;color:var(--color-gray);font-weight:600;transition:color .2s ease;border-bottom:2px solid rgba(0,0,0,0)}nav ul li a:hover,nav ul li a:focus{color:var(--color-black);border-bottom:2px solid var(--link-color)}@media (min-width: 62rem){nav ul li a{font-size:16px;text-transform:uppercase}}.about-me{border:none;display:block;text-align:center;cursor:pointer;text-transform:uppercase;outline:none;overflow:hidden;position:relative;color:var(--color-black);font-weight:800;font-size:15px;background-color:var(--link-color);padding:17px 60px;box-shadow:0 5px 15px #0003}.about-me span{position:relative;z-index:1}.about-me:after{content:"";position:absolute;left:0;top:0;height:490%;width:140%;background-color:var(--link-hover-color);color:var(--color-white);-webkit-transition:all .5s ease-out;transition:all .7s ease-in-out;-webkit-transform:translateX(-99%) translateY(-25%) rotate(45deg);transform:translate(-99%) translateY(-25%) rotate(90deg)}.about-me:hover:after{color:var(--color-white);-webkit-transform:translateX(-9%) translateY(-25%) rotate(45deg);transform:translate(-9%) translateY(-25%) rotate(0)}.avatar{display:flex;align-items:center;color:var(--color-dark-text)}@media (min-width: 48rem){.avatar{width:180px;height:88px}.avatar:hover .avatar-content,.avatar:focus-within .avatar-content{opacity:1;transform:translate(8rem,.1rem);transition:transform .2s ease,opacity .3s ease}}.avatar .avatar-block{display:none}@media (min-width: 48rem){.avatar .avatar-block{display:block;width:inherit;height:inherit}.avatar .avatar-block a{display:block}}.avatar .avatar-block img{border-radius:50%}.avatar .avatar-content{position:relative}@media (min-width: 48rem){.avatar .avatar-content{z-index:-1;opacity:0;position:absolute;transform:translate(3rem);transition:transform .3s ease,opacity .15s ease}}.intro{padding:9rem 0 2rem}@media (min-width: 62rem){.intro{padding:13rem 0 0}}h1{font-size:2.25rem;font-weight:800;line-height:1.15;margin:0;color:var(--color-black)}@media (min-width: 62rem){h1{font-size:3rem;max-width:50rem}}h2{font-size:2rem;line-height:1.1;margin:1.5rem 0 0;color:var(--color-black)}@media (min-width: 62rem){h2{margin-top:.85rem;font-size:2.125rem}}h3{font-size:1.5rem;line-height:1.1;margin:1.25rem 0 .5rem;padding:0;color:var(--color-black)}@media (min-width: 62rem){h3{font-size:1.75rem}}p.lead{font-size:1.125rem}p.lead:hover,p.lead:active,p.lead:focus{text-decoration:none}@media (min-width: 62rem){p.lead{font-size:1.375rem;max-width:44rem}}.error-intro{display:flex;align-content:center;height:100vh}.error-intro .not-found{text-align:center}.error-intro .not-found .face{font-family:serif;font-size:4rem;font-weight:500}@media (min-width: 62rem){.error-intro .not-found .face{font-size:6rem}}.error-intro .not-found .face span{font-family:Assistant,sans-serif}.error-intro .not-found .face sup{position:relative;top:.75rem;font-size:2.5rem}@media (min-width: 62rem){.error-intro .not-found .face sup{top:.875rem;font-size:3rem}}.error-intro .not-found .lead{max-width:100%}.link{color:var(--color-black);text-decoration-skip-ink:auto;text-underline-offset:.3em;text-decoration-thickness:2px}.link:hover,.link:focus{text-decoration-color:var(--link-color);text-decoration-line:underline}#work{padding:5rem 0 3rem}#work a{display:block}#work a figure{margin-bottom:1.5rem}.portfolio-item figure:hover .portfolio-img{clip-path:inset(.5rem)}.portfolio-item figure .portfolio-img{position:relative;clip-path:inset(0);overflow:hidden;transition:clip-path .3s ease;border-radius:20px}.portfolio-item figure figcaption p{margin:0;color:var(--color-gray);font-weight:400}@media (min-width: 62rem){.portfolio-item figure figcaption p{width:100%;max-width:500px}}.portfolio-item .img-container{position:relative;display:block;overflow:hidden}.portfolio-item .img-container:before{z-index:1;position:absolute;content:"";width:100%;height:101%;inset:0;background:var(--color-white);transform:scaleY(1);transform-origin:100% 0%;transition-property:transform;transition-duration:.6s}.portfolio-item .img-container.aos-animate:before{transform:scaleY(0)}[data-aos=image-enter]{overflow:hidden;transition:transform 1s ease-in-out 2s}.post{padding:1.375rem 0;border-bottom:.0625rem solid var(--color-border);display:block}.post p{margin:0}.post .post-title{font-size:1.25rem;line-height:1.4}@media (min-width: 62rem){.post .post-title{font-size:1.325rem;line-height:1.3;margin:0 0 .5rem}}#about .container,#writing .container{border-top:.2rem solid var(--color-border);padding:3rem 1rem}footer{padding:1.75rem 0 2.75rem}@media (min-width: 62rem){footer{font-size:17px}}footer .grid>[class*=column-]{padding:.25rem 1rem}footer ul{display:flex;flex-wrap:wrap;justify-content:flex-start}footer span{color:var(--color-black);font-weight:600}@media (min-width: 62rem){footer #copyright{display:flex;justify-content:flex-end}}.showcase{padding-top:164px}iframe{margin:0 auto;aspect-ratio:1120/630;max-width:100%;height:100%}@media (prefers-color-scheme: dark){a{color:var(--link-dark-color)}.avatar a{color:var(--color-dark-text)}body{background:var(--background-dark-color);color:var(--color-dark-text)}.about-me{background-color:var(--color-dark-border);color:var(--color-white)}.about-me:hover,.about-me:focus{background-color:var(--color-dark-body)}img{filter:brightness(.8) contrast(1.2);transform:filter 1s ease}img:hover{filter:brightness(1) contrast(1);transform:filter .2s ease}nav img{filter:none}.date{color:var(--color-dark-border)}h1,h2,h3{color:var(--color-dark-text);font-family:"Assistant",Serif}nav ul li a{color:var(--link-dark-color)}nav ul li a:hover,nav ul li a:focus{color:var(--color-dark-text)}nav span{color:var(--color-light-pink)}.link{color:var(--color-dark-text);font-weight:700}.link:hover,.link:focus{text-decoration-color:var(--color-dark-text)}.portfolio-item figure figcaption p{color:var(--color-dark-text)}.portfolio-item figure .img-container:before{background:var(--color-dark-body)}#about .container,#writing .container{border-top:.2rem solid var(--color-dark-border)}#articles .post{border-bottom:1px solid var(--color-dark-border)}footer span{color:var(--color-dark-text)}}@media (prefers-reduced-motion: reduce){html{transition:none!important;scroll-behavior:auto!important}.portfolio-item .img-container.aos-animate:before{transform:scaleY(0)!important;transition:none!important}}.link{font-size:20px;margin-top:30px}.link a{color:#fff;font-size:25px}.showcase h1{margin-top:25px}.showcase h4{margin:0}.showcase a{text-decoration:underline}