:root{--color-gray-50: #ffffff;--color-gray-100: #f5f5f5;--color-gray-200: #ededed;--color-gray-300: #dedede;--color-gray-400: #b2b2b2;--color-gray-500: #999999;--color-gray-600: #696969;--color-gray-700: #4d4d4d;--color-gray-800: #333333;--color-gray-900: #1c1c1c;--color-gray-950: #000000;--space-xl: 15rem;--space-l: 8rem;--space-m: 4rem;--space-r: 2rem;--space-s: 1rem;--font-size-labor: 1.8rem;--font-size-small: 1.4rem;--font-sans: Arial, Helvetica, sans-serif}html{font-size:62.5%;font-synthesis:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);font-size:var(--font-size-labor);color:var(--color-txt);background-color:var(--color-bg);font-weight:500}.container{width:100%;max-width:105rem;margin:var(--space-xl) auto var(--space-m);padding:0 var(--space-r)}.container>*:not(:last-child){margin-bottom:var(--space-l)}p{line-height:1.3}h1{font-size:inherit;font-weight:inherit}span:hover,a:hover{text-decoration:underline;cursor:pointer}button{border:none;margin:0;padding:0;width:auto;overflow:visible;cursor:pointer;text-align:left;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}button:focus-visible{border:0;padding:0;outline:0}input{border:none;background-image:none;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:none;border-radius:0;-webkit-appearance:none;appearance:none}ol,ul,menu{list-style:none}a{text-decoration:none;color:inherit;display:inline-block}img{-webkit-user-select:none;user-select:none;pointer-events:auto;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}img,video{width:100%;max-width:100%;height:auto}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;border:0 solid}:root,html[data-theme=light]{--color-bg: var(--color-gray-50);--color-txt: var(--color-gray-950);--color-border: var(--color-txt);--global-gap: var(--space-l);--mw: 65rem}html[data-theme=dark]{--color-bg: var(--color-gray-900);--color-txt: var(--color-gray-100);--color-border: var(--color-txt)}@font-face{font-family:Arial;src:url(/assets/ArialMT-Bx7xKLIj.woff2) format("woff2"),url(/assets/ArialMT-DPaRbWDN.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.intro{display:flex;gap:var(--space-l)}@media(max-width:600px){.intro{flex-direction:column}}.intro__face{width:100%;max-width:11.5rem;height:auto;fill:currentColor}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-r)}@media(max-width:600px){.projects{grid-template-columns:1fr}}.projects__aside{text-transform:capitalize}.projects__item{display:inline;min-width:0}.projects__item.selected span{text-decoration:underline}.projects__item:not(:last-of-type) span:after{content:","}.projects__trigger{display:inline;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;white-space:normal;overflow-wrap:anywhere;word-break:normal}.projects__description{margin-top:var(--space-r);font-size:var(--font-size-small)}.projects__gallery-item:not(.selected){display:none}.projects__link{margin-top:var(--space-s);text-decoration:underline}.social{text-transform:capitalize}.dot-to-dot{position:relative}.dot-to-dot__guide{display:flex;justify-content:center}.dot-to-dot__guide svg{position:relative;width:90%;height:auto;fill:currentColor;z-index:2}@media(max-width:1024px){.dot-to-dot__guide svg{width:100%}}.dot-to-dot canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:auto;touch-action:pan-y}.carousel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-s)}.carousel__nav{display:flex}.carousel__nav--header{gap:var(--space-s)}.carousel__nav--header .carousel__button--next svg{transform:rotate(180deg)}.carousel__nav--cell{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:flex}.carousel__nav--cell .carousel__button{flex:1;background:transparent;border:none;padding:0}.carousel__nav--cell .carousel__button--back{cursor:w-resize}.carousel__nav--cell .carousel__button--next{cursor:e-resize}.carousel__cells{position:relative;z-index:1}.carousel__cell{display:none}.carousel__cell--selected{display:block}.carousel__image{width:100%;height:auto;display:block}.carousel__index{display:flex;align-items:center;font-variant-numeric:tabular-nums}
