@font-face{font-family:FiraSans;font-weight:300;font-display:swap;src:url(/fonts/static/firasans-light-webfont.woff2) format("woff2"),url(/fonts/static/firasans-light-webfont.woff) format("woff")}@font-face{font-family:FiraSans;font-weight:400;font-display:swap;src:url(/fonts/static/firasans-regular-webfont.woff2) format("woff2"),url(/fonts/static/firasans-regular-webfont.woff) format("woff")}@font-face{font-family:FiraSans;font-weight:700;font-display:swap;src:url(/fonts/static/firasans-bold-webfont.woff2) format("woff2"),url(/fonts/static/firasans-bold-webfont.woff) format("woff")}@font-face{font-family:FiraSans;font-weight:900;font-display:swap;src:url(/fonts/static/firasans-bold-webfont.woff2) format("woff2"),url(/fonts/static/firasans-bold-webfont.woff) format("woff")}:root{--ff-serif: serif;--ff-sans: "FiraSans", sans-serif;--ff-mono: monospace;--fs-h1: 3.052em;--fs-h2: 1.653em;--fs-h3: 1.453em;--fs-h4: 1.363em;--fs-h5: 1.25em;--fs-small: .8em;--fs-xsmall: .64em;--fw-light: 300;--fw-regular: 400;--fw-semi-bold: 700;--fw-bold: 900}*,*:before,*:after{box-sizing:border-box}html{font-size:100%;--color-foreground: hsl(0, 0%, 13%);--color-background: hsl(0, 0%, 93%);--color-100: hsl(216, 90%, 92%);--color-200: hsl(216, 93%, 84%);--color-300: hsl(216, 40%, 57%);--color-400: hsl(216, 29%, 47%);--color-500: hsl(215, 65%, 31%);--color-600: hsl(215, 92%, 6%);--color-accent: hsl(288, 40%, 60%);font-family:var(--ff-sans);-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;interpolate-size:allow-keywords}html:focus-within{scroll-behavior:smooth}html.dark{--color-foreground: hsl(0, 0%, 87%);--color-background: hsl(180, 6%, 16%);--color-100: hsl(216, 90%, 92%);--color-200: hsl(216, 93%, 84%);--color-300: hsl(215, 55%, 77%);--color-400: hsl(215, 30%, 40%);--color-500: hsl(215, 65%, 31%);--color-600: hsl(215, 92%, 5%);--color-accent: hsl(288, 78%, 75%)}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{min-height:100vh;background-color:var(--color-background);color:var(--color-foreground);line-height:1.5;font-weight:var(--fw-regular);text-rendering:optimizeSpeed;margin:0}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[class],ol[class]{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,button,input,label{line-height:1.1}h1,h2,h3,h4,h5{font-family:var(--ff-sans);margin:2.1rem 0 1.05rem;text-wrap:balance}h1{margin-top:0;font-size:var(--fs-h1);font-weight:var(--fw-bold)}h2{font-size:var(--fs-h2);font-weight:var(--fw-bold)}h3{font-size:var(--fs-h3);font-weight:var(--fw-bold)}h4{font-size:var(--fs-h4);font-weight:var(--fw-semi-bold)}h5{font-size:var(--fs-h5);font-weight:var(--fw-semi-bold)}p{font-weight:var(--fw-light);margin-bottom:1.025rem}p,li,figcaption{text-wrap:pretty}small,.text_small{font-size:var(--fs-small)}a:not([class]){text-decoration-skip-ink:auto}pre,code{font-family:var(--ff-mono)}button{all:unset;display:inline-block;cursor:pointer;padding:.25em .5em}img{max-width:100%;display:block}input,button,textarea,select{font:inherit}:target{scroll-margin-block:16px;scroll-margin-block:1rlh}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:root{--purple-brown: #46343a;--egg-shell: #e0dbc6fb;--dark-peach: #c75d55;--blue-origin: #0b316d7d;--border-width: 1.65rem;--dots-gap: 10px}@media (width < 750px){:root{--border-width: .65rem}}*{margin:0;padding:0}body{line-height:1.125;color:var(--egg-shell)}a{color:inherit}.bg{background:inherit;min-height:100vh;padding:25vh 0 1.5rem;transition:background 0s 1s,color .6s}.projects{color:var(--purple-brown)}.bg:after{content:"";border:var(--border-width) solid;position:fixed;inset:0;z-index:12;pointer-events:none;transition:1s}.bg:is(.projects)>footer{color:var(--purple-brown)}.bio,.link-bio{background:var(--purple-brown)}.projects,.link-projects{background:var(--egg-shell)}.events,.link-events{background:var(--dark-peach)}.transition{width:1rem;height:1rem;top:0;display:block;position:absolute;opacity:0;transition:transform .6s ease-in-out;width:100%;height:100vh;transform:scale(.1);transform-origin:0 0}.transition-bio{left:0;background:var(--purple-brown)}.transition-projects{left:7.5rem;background:var(--egg-shell)}.transition-events{left:15rem;background:var(--dark-peach)}.bio .transition-bio,.projects .transition-projects,.events .transition-events{opacity:1}.bio .transition-bio{transform:scale(1)}.projects .transition-projects{transform:scale(1) translate(-7.5rem)}.events .transition-events{transform:scale(1) translate(-15rem)}h1{font-family:Anton,sans-serif;margin:0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(.5,#000),color-stop(1,transparent));transition:background-position 1s,background-color 1s;text-align:center;font-size:calc(18vw + 1rem);font-weight:400;line-height:1;background-size:45vw auto,45vw auto,30vw auto;background-repeat:repeat-x;background-position:0px 15%,200px 25%,-50px 2vw}@media (width < 750px){h1{font-size:calc(24vw + 1rem)}}.bio h1{background-color:var(--blue-origin)}.projects h1{background-color:var(--purple-brown);background-position:-120px 15%,230px 20%,-100px 3vw}.events h1{background-color:var(--egg-shell);background-position:-240px 15%,260px 25%,-150px 1vw}h2{font-size:--fs-h2;transform:translateY(-1rem);margin-block-end:.1rem}@media (width < 1025px){h2{font-size:calc(1.3vw + 1rem);transform:translateY(.4rem)}}@media (width < 750px){h2{transform:translateY(-.1rem)}}nav{position:fixed;top:var(--border-width);left:var(--border-width);z-index:10}nav ul{list-style:none;display:flex;text-align:center;margin:0;padding:0}nav li{flex:1 0 7.5rem}nav a{display:block;padding:.75rem 0 .5rem;color:var(--egg-shell);text-decoration:none;text-transform:uppercase;letter-spacing:2px;font-size:.875rem}nav .link-projects{color:var(--purple-brown)}@media screen and (width < 600px){nav a{padding:.8rem 0 .7rem}nav li{flex:1 0 5.75rem}}main{position:relative;padding:0 1.5rem;margin:-2.6rem auto 0;font-size:1.125rem}footer{position:fixed;bottom:var(--border-width);right:var(--border-width);padding:0 1rem;display:flex;align-items:center;justify-content:flex-end;color:#fff;font-size:.75rem;font-weight:100}#bio{scroll-snap-align:start}#bio,#events,#projects{animation:fade-in-higher 1s ease forwards}@media (width < 750px){#bio,#events,#projects{animation:fade-in 1s ease forwards}}#events,#projects{display:none}@keyframes movebg{0%{background-position:-240px 15%,260px 25%,-150px 1vw}to{background-position:-120px 15%,230px 20%,-100px 3vw}}@keyframes fade-in{0%{opacity:0}to{opacity:1;transform:translateY(-.2rem)}}@keyframes fade-in-higher{0%{opacity:0}to{opacity:1;transform:translateY(-2.2rem)}}.content-grid{--padding-inline: 1rem;--content-max-width: 65ch;--breakout-max-width: 95ch;--breakout-size: calc( (var(--breakout-max-width) - var(--content-max-width)) / 2 );display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - var(--padding-inline) * 2,var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),1fr) [full-width-end]}.content-grid>:not(.breakout,.full-width),.full-width>:not(.breakout,.full-width){grid-column:content}.content-grid>.breakout{grid-column:breakout}.content-grid>.full-width{grid-column:full-width;display:grid;grid-template-columns:inherit}img.full-width{width:100%;max-height:45vh;object-fit:cover}
