:root{--default-font: "Inter";--dev-font: "ibm-plex-mono";--hand-written-font: "Mogra";--art-font: "Irish Grover";--color-main: #f28123;--color-portfolio: #e9582b;--color-art: #428880;--color-main-dark: #da711b;--color-portfolio-dark: #c85029;--color-art-dark: #316e67;--color-highlight: #ffe870;--color-white: #fff;--color-black: #000;--color-neutral-light: #e5e5e5;--color-neutral-dark: #d2d2d2;--color-text-dark: #252525;--color-text-light: #525252;--color-bg-dark: #333;--color-bg-yellow-100: #fefcd3;--color-bg-blue-100: #e9fbff;--color-bg-magneta-100: #ffc5f7;--color-bg-red-100: #ffb59d;--color-bg-green-100: #d8fae5;--shadow-default: 0px 4px 4px rgb(0 0 0 / 25%);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 28px;--s-8: 32px;--s-9: 36px;--s-10: 40px;--s-11: 44px;--s-12: 48px;--s-13: 52px;--s-14: 56px;--s-15: 60px;--s-16: 64px;--s-17: 68px;--s-18: 72px;--s-20: 80px;--s-22: 88px;--s-25: 100px;--s-30: 120px;--s-35: 140px;--s-40: 160px;--s-45: 180px;--s-50: 200px;--fs-sm: clamp(1.25rem, 1vw, 2rem);--fs-md: clamp(1.5rem, 1vw, 1.75rem);--fs-lg: clamp(1.5rem, 2.5vw, 2rem);--fs-xl: clamp(2.25rem, 10vw, 4.25rem);--fs-xxl: clamp(3.5rem, 4vw, 4.25rem)}@font-face{font-family:ibm-plex-mono;src:url(/assets/IBMPlexMono-Regular-C-SBB-bw.woff2) format("woff2"),url(/assets/IBMPlexMono-Regular-CinYKkLT.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ibm-plex-mono;src:url(/assets/IBMPlexMono-Bold-DXjtWYQI.woff2) format("woff2"),url(/assets/IBMPlexMono-Bold-BV9METIw.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Mogra;src:url(/assets/Mogra-Regular-DRfFkUOJ.woff2) format("woff2"),url(/assets/Mogra-Regular-TldjQS3w.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Irish Grover;src:url(/assets/Irish-Grover-Regular-C2eqRPVS.woff) format("woff2"),url(/assets/Irish-Grover-Regular-CBZB9_z4.woff2) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Light-14LG-y7V.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Regular-COLGFB3M.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Medium-CDhBSFyE.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-SemiBold-BAEEcJ4E.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}html{background-image:url(/images/texture-bkg.avif);background-repeat:repeat;font-size:clamp(20px,1.1vw,24px);height:100%;line-height:1.5;scroll-behavior:smooth}html *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--color-text-dark)}body{--grid-color: rgba(0, 0, 0, .05);--grid-size: var(--s-11);background:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);font-family:var(--default-font),sans-serif;font-weight:400;line-height:1.5;margin:0;padding:0}button,h1,h2,h3,h4,h5,h6,p,dd,figure,ul{padding:0;margin:0;background:none;border:none}figcaption{color:var(--color-text-light);margin-block-start:var(--s-3);text-align:center}a{position:relative}a[data-tooltip]:hover:after,a[data-tooltip]:focus:after{content:attr(data-tooltip);position:absolute;top:calc(100% + var(--s-2));background:var(--color-black);color:var(--color-white);display:block;padding:var(--s-2);font-weight:700;border-radius:var(--s-1)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-content{display:flex;height:100%;flex-direction:row-reverse;min-height:100vh}.page-line{padding-block-end:var(--s-4);width:100%}.page-line .line{height:var(--s-1);width:100%}.content{display:flex;flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;max-width:1520px;overflow-x:clip;padding-inline:var(--s-10);padding-block-start:var(--s-30);padding-block-end:var(--s-45)}#app{width:100%}.skip{position:absolute;top:-52px;left:10px;background-color:var(--color-bg-dark);color:var(--color-white);padding:var(--s-2);text-decoration:none;z-index:999;transition:top .3s}.skip:focus{top:0}.text-bold{font-weight:700}.text-light{color:var(--color-text-light)}.text-link{text-decoration:none}.flex{display:flex}.text-md{font-size:1.2rem;line-height:120%}@media screen and (max-width:1279px){.content{padding-block-start:var(--s-16)}}@media screen and (max-width:1023px){html{font-size:16px}.content{padding-inline:var(--s-15)}#menu{display:none}}@media screen and (min-width:1024px){#mobile-menu{display:none}}@media screen and (max-width:767px){.content{padding-inline:var(--s-10)}}@media screen and (max-width:479px){.content{padding-inline:var(--s-4)}}.nav-mobile-menu{--button-width: var(--s-14);--arrow-button-width: var(--s-11);background:var(--color-white);border:1px solid var(--color-neutral-light);border-radius:var(--s-2);bottom:var(--s-1);left:50%;padding-inline:var(--s-2);padding-block-start:var(--s-2);padding-block-end:var(--s-1);position:fixed;transform:translate(-50%);z-index:999}.nav-mobile-menu .mobile-menu-tabs{display:flex;gap:var(--s-1)}.nav-mobile-menu .mobile-menu-tabs li{list-style:none}.nav-mobile-menu .mobile-menu-item{align-items:center;border-radius:var(--s-1);display:flex;flex-direction:column;font-weight:700;justify-content:center;padding-block:var(--s-2);text-decoration:none;width:var(--button-width)}.nav-mobile-menu .icon{color:var(--color-black);transition:opacity 2s ease}.nav-mobile-menu .indicator-container{display:flex;gap:var(--s-1);margin-block-start:var(--s-1)}.nav-mobile-menu .indicator-container li{list-style:none;width:var(--button-width)}.nav-mobile-menu .indicator-container li:last-child{width:var(--arrow-button-width)}.nav-mobile-menu .indicator{background:var(--color-neutral-dark);border-radius:var(--s-1);display:none;height:var(--s-1);margin:auto;width:var(--s-7)}.nav-mobile-menu .home-link{background:var(--color-main);font-family:var(--dev-font)}.nav-mobile-menu .portfolio-link{background:var(--color-portfolio);font-family:var(--hand-written-font)}.nav-mobile-menu .art-link{background:var(--color-art);font-family:var(--art-font)}.nav-mobile-menu .nav-mobile-menu-button{border-radius:var(--s-1);border:1px solid var(--color-neutral-light);height:100%;width:var(--arrow-button-width)}.nav-mobile-menu .mobile-menu-text{color:var(--color-black);font-size:.875rem}.nav-mobile-menu[data-expanded=false] .mobile-menu-text{display:none}.nav-mobile-menu[data-expanded=true] .nav-mobile-menu-button{transform:rotate(180deg)}#mobile-menu:has(+#app .page-home) .nav-mobile-menu .indicator.home{display:block}#mobile-menu:has(+#app .page-home) .nav-mobile-menu .home-link .mobile-menu__icon{display:block;opacity:1}#mobile-menu:has(+#app .page-home) .nav-mobile-menu .home-link .mobile-menu__icon-outline{display:none;opacity:0}#mobile-menu:has(+#app .page-home) .nav-mobile-menu .portfolio-link .mobile-menu__icon,#mobile-menu:has(+#app .page-home) .nav-mobile-menu .art-link .mobile-menu__icon{display:none}.mobile-menu__icon{opacity:0;display:none}:is(#mobile-menu:has(+#app .page-portfolio) .nav-mobile-menu,#mobile-menu:has(+#app .page-portfolio-dev) .nav-mobile-menu,#mobile-menu:has(+#app .page-design-system) .nav-mobile-menu,#mobile-menu:has(+#app .page-website-redesign) .nav-mobile-menu) .indicator.work{display:block}:is(#mobile-menu:has(+#app .page-portfolio) .nav-mobile-menu,#mobile-menu:has(+#app .page-portfolio-dev) .nav-mobile-menu,#mobile-menu:has(+#app .page-design-system) .nav-mobile-menu,#mobile-menu:has(+#app .page-website-redesign) .nav-mobile-menu) .portfolio-link .mobile-menu__icon{display:block;opacity:1}:is(#mobile-menu:has(+#app .page-portfolio) .nav-mobile-menu,#mobile-menu:has(+#app .page-portfolio-dev) .nav-mobile-menu,#mobile-menu:has(+#app .page-design-system) .nav-mobile-menu,#mobile-menu:has(+#app .page-website-redesign) .nav-mobile-menu) .portfolio-link .mobile-menu__icon-outline{display:none;opacity:0}:is(#mobile-menu:has(+#app .page-portfolio) .nav-mobile-menu,#mobile-menu:has(+#app .page-portfolio-dev) .nav-mobile-menu,#mobile-menu:has(+#app .page-design-system) .nav-mobile-menu,#mobile-menu:has(+#app .page-website-redesign) .nav-mobile-menu) .home-link .mobile-menu__icon,:is(#mobile-menu:has(+#app .page-portfolio) .nav-mobile-menu,#mobile-menu:has(+#app .page-portfolio-dev) .nav-mobile-menu,#mobile-menu:has(+#app .page-design-system) .nav-mobile-menu,#mobile-menu:has(+#app .page-website-redesign) .nav-mobile-menu) .art-link .mobile-menu__icon{display:none}#mobile-menu:has(+#app .page-art-dabbles) .nav-mobile-menu .indicator.art{display:block}#mobile-menu:has(+#app .page-art-dabbles) .nav-mobile-menu .art-link .mobile-menu__icon-outline{display:none;opacity:0}#mobile-menu:has(+#app .page-art-dabbles) .nav-mobile-menu .art-link .mobile-menu__icon{display:block;opacity:1}#mobile-menu:has(+#app .page-art-dabbles) .nav-mobile-menu .home-link .mobile-menu__icon,#mobile-menu:has(+#app .page-art-dabbles) .nav-mobile-menu .portfolio-link .mobile-menu__icon{display:none}.nav-menu{background:var(--white);display:flex;height:100%;padding-inline-end:var(--s-1)}.nav-menu .menu-tabs li{list-style-type:none}.nav-menu .menu-item{align-items:center;border-radius:0 var(--s-4) var(--s-4) 0;color:var(--color-text-dark);display:flex;padding-block:var(--s-2);padding-inline:var(--s-6);text-decoration:none;writing-mode:vertical-rl;transition:padding-block .3s ease}.nav-menu .menu-item:hover{padding-block:var(--s-4)}.nav-menu .menu-text{font-size:1.2rem;font-weight:700;margin-inline-start:var(--s-4);text-align:center;white-space:nowrap}.nav-menu .home-link{background:var(--color-main);border:1px solid var(--color-main-dark);font-family:var(--dev-font)}.nav-menu .portfolio-link{background:var(--color-portfolio);border:1px solid var(--color-portfolio-dark);font-family:var(--hand-written-font)}.nav-menu .art-link{background:var(--color-art);border:1px solid var(--color-art-dark);font-family:var(--art-font)}#menu .nav-menu:before{content:"";position:relative;left:0;top:0;bottom:0;width:1px;height:100%;display:block}#menu:has(~#app .page-home) .nav-menu:before{background:var(--color-main)}#menu:has(~#app .page-home) .nav-menu .home-link{border-left:1px solid var(--color-main);padding-block:var(--s-4);position:relative;z-index:1}#menu:has(~#app .page-home) .nav-menu .portfolio-link,#menu:has(~#app .page-home) .nav-menu .art-link{border-left:1px solid var(--color-main)}:is(#menu:has(~#app .page-portfolio) .nav-menu,#menu:has(~#app .page-portfolio-dev) .nav-menu,#menu:has(~#app .page-design-system) .nav-menu,#menu:has(~#app .page-website-redesign) .nav-menu):before{background:var(--color-portfolio)}:is(#menu:has(~#app .page-portfolio) .nav-menu,#menu:has(~#app .page-portfolio-dev) .nav-menu,#menu:has(~#app .page-design-system) .nav-menu,#menu:has(~#app .page-website-redesign) .nav-menu) .portfolio-link{border-left:1px solid var(--color-portfolio);padding-block:var(--s-4);position:relative;z-index:1}#menu:has(~#app .page-art-dabbles) .nav-menu:before{background:var(--color-art)}#menu:has(~#app .page-art-dabbles) .nav-menu .art-link{border-left:1px solid var(--color-art);padding-block:var(--s-4);position:relative;z-index:1}