:root{--g-color-background-light: 243, 243, 243;--g-color-background-dark: 32, 32, 32;--g-color-surface-light: 251, 251, 251;--g-color-on-surface-light: 31, 31, 31;--g-color-surface-dark: 43, 43, 43;--g-color-on-surface-dark: 250, 250, 250;--g-color-accent-light: 0, 110, 37;--g-color-on-accent-light: 255, 255, 255;--g-color-accent-dark: 51, 227, 94;--g-color-on-accent-dark: 0, 57, 15;--g-color-background: var(--g-color-background-light);--g-color-accent: var(--g-color-accent-light );--g-color-on-accent: var(--g-color-on-accent-light );--g-color-surface: var(--g-color-surface-light );--g-color-on-surface: var(--g-color-on-surface-light);--g-font-family-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;--g-font-family-monospace: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--g-transition-spring: cubic-bezier(.15, 0, 0, 1);--g-transition-spring-bounce: cubic-bezier(.15, 0, 0, 2);--g-elevation1: 0rem .125rem .25rem rgba(0, 0, 0, .04);--g-elevation2: 0rem .25rem .5rem rgba(0, 0, 0, .16);--g-elevation3: 0rem .5rem 1rem rgba(0, 0, 0, .16);--g-elevation4: 0rem 1rem 2rem rgba(0, 0, 0, .16);--g-elevation5: 0rem 2rem 4rem rgba(0, 0, 0, .16);--g-opacity0: .02;--g-opacity1: .04;--g-opacity2: .08;--g-opacity3: .12;--g-opacity4: .16;--g-opacity5: .2;--g-opacity-inv0: .92;--g-opacity-inv1: .84;--g-opacity-inv2: .76;--g-opacity-inv3: .68;--g-opacity-inv4: .6;--g-opacity-inv5: .52;--g-opacity-border: .32;--g-duration-transition: .25s;background-color:rgb(var(--g-color-background));color:rgb(var(--g-color-on-surface));font-family:var(--g-font-family-sans-serif);transition-timing-function:var(--g-transition-spring)}@media (prefers-color-scheme: dark){:root{--g-color-background: var(--g-color-background-dark);--g-color-accent: var(--g-color-accent-dark);--g-color-on-accent: var(--g-color-on-accent-dark);--g-color-surface: var(--g-color-surface-dark);--g-color-on-surface: var(--g-color-on-surface-dark);--g-elevation1: 0rem .125rem .25rem rgba(0, 0, 0, .12);--g-elevation2: 0rem .25rem .5rem rgba(0, 0, 0, .28);--g-elevation3: 0rem .5rem 1rem rgba(0, 0, 0, .28);--g-elevation4: 0rem 1rem 2rem rgba(0, 0, 0, .28);--g-elevation5: 0rem 2rem 4rem rgba(0, 0, 0, .28);color-scheme:dark}}*{background-color:transparent;box-sizing:border-box;color:inherit;font-family:inherit;letter-spacing:inherit;margin:0;padding:0;outline-offset:.25rem;transition-timing-function:inherit}body{display:flex;flex-direction:column;align-items:center;overflow-x:hidden}button,button *{user-select:none;text-decoration:none;-webkit-user-select:none}a,a *{text-decoration:none}img{display:block}@media (prefers-color-scheme: dark){[data-theme]:not([data-theme=dark]){display:none}}@media (prefers-color-scheme: light){[data-theme]:not([data-theme=light]){display:none}}header{padding:4rem;display:flex;align-items:center;justify-content:center;gap:2rem}@media (max-width: 45rem){header{flex-direction:column;padding:2rem}}header>button{border:none;outline:.125rem solid transparent;cursor:pointer;display:block;width:min(80%,16rem);transition-duration:var(--g-duration-transition);border-radius:50%}header>button:hover{outline-color:rgb(var(--g-color-accent));outline-offset:1rem}header>button:focus-visible{outline-offset:1rem;outline:auto}header>button:active{scale:.9}header>button>img{width:100%;display:block;aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:var(--g-elevation2)}header>button>img[hidden]{display:none}.h-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}.h-actions>a:first-child{background-color:rgb(var(--g-color-accent));padding:.25rem 1.25rem;min-height:2.25rem;font-weight:600;justify-content:center;font-size:.875rem;color:rgb(var(--g-color-on-accent));border-radius:62.4375rem;display:flex;align-items:center;width:7.5rem;overflow:hidden;position:relative;transition-duration:var(--g-duration-transition)}@media (hover: hover){.h-actions>a:first-child:is(:hover,:focus-visible){width:11.875rem}.h-actions>a:first-child:is(:hover,:focus-visible)>[data-state=false]{opacity:0}.h-actions>a:first-child:is(:hover,:focus-visible)>[data-state=true]{opacity:1}.h-actions>a:first-child:active{width:11.875rem;scale:.9}.h-actions>a:first-child:active>[data-state=false]{opacity:0}.h-actions>a:first-child:active>[data-state=true]{opacity:1}}@media (hover: none){.h-actions>a:first-child:active{scale:.9}}.h-actions>a:first-child>[data-state]{position:absolute;display:inline-block;transition-duration:var(--g-duration-transition);left:50%;top:50%;white-space:nowrap;transform:translate(-50%,-50%)}.h-actions>a:first-child>[data-state=true]{opacity:0}.h-actions>a:not(:first-child){transition-duration:var(--g-duration-transition)}.h-actions>a:not(:first-child):hover{scale:1.15}.h-actions>a:not(:first-child):active{scale:.85}.h-actions>a:not(:first-child)>img{width:1.5rem}.h-header>h1{font-size:4rem}@media (max-width: 55rem){.h-header>h1{font-size:3rem}}@media (max-width: 45rem){.h-header>h1{font-size:11vw}}.h-header>p{margin-top:1rem}.h-header>p>a{display:inline-block;text-decoration:underline;text-underline-offset:.4em;text-decoration-color:rgb(var(--g-color-accent));transition-duration:var(--g-duration-transition)}.h-header>p>a:hover{color:rgb(var(--g-color-accent))}.h-header>p>a:active{text-underline-offset:.8em}.h-skills{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:1rem;position:relative;list-style:none}.h-skills img{display:block;width:2rem;aspect-ratio:1}main{padding:4rem;display:flex;flex-direction:column;align-items:center;max-width:100%}@media (max-width: 45rem){main{padding:2rem}}main>div[role=tabpanel]{margin-top:1rem;max-width:100%;min-height:calc(100dvh - 8.5rem)}main>div[role=tabpanel]>h2{font-size:2rem;font-weight:500;text-align:center}main>div[role=tabpanel]>p{margin-top:.5rem;text-align:center}.m-card{display:block;flex:1 1 16rem;border-radius:.5rem;padding:1.25rem;background-color:rgba(var(--g-color-surface),var(--g-opacity-inv3));border:.125rem solid rgba(var(--g-color-on-surface),var(--g-opacity5));border-bottom-color:rgb(var(--g-color-accent));transition-duration:var(--g-duration-transition)}.m-card:has(>a){padding:0}.m-card:has(>a)>a{display:block;padding:1.25rem}.m-card:has(>a)>a:focus-visible{outline:none}.m-card:has(>a:hover){border-color:rgb(var(--g-color-accent))}.m-card:has(>a:focus-visible){outline:auto}.m-card:has(>a:active){border-color:rgb(var(--g-color-accent));scale:.9}.m-card h3{margin:.5rem 0;font-size:1.5rem;text-transform:capitalize;font-weight:400;text-decoration:underline;text-underline-offset:.2em;color:rgb(var(--g-color-accent))}.m-card p{font-size:1.25rem}.m-card ul{list-style:none;display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.m-card ul>li{display:flex;align-items:center;font-size:1.25rem}.m-card ul>li:not(:last-of-type):after{content:",";font-size:1.25rem}.m-card ul>li>img{width:1.25rem;display:inline;margin-right:.4em;vertical-align:text-top}.m-card ol{font-size:1.25rem;list-style:none}.m-card ol ul{margin-top:0;display:block;list-style:disc;margin-left:1.5em}.m-card ol ul>li{display:list-item;margin-top:0;font-size:1rem;color:rgba(var(--g-color-on-surface),var(--g-opacity-inv3))}.m-card ol ul>li:after{display:none}.m-contact-list>.m-card{flex:1 1 12rem}.m-exp-info:hover>svg{outline:auto}.m-exp-info:hover>span{display:block;opacity:1;translate:0 -1rem}.m-exp-info:focus-visible>svg{outline:auto}.m-exp-info:focus-visible>span{display:block;opacity:1;translate:0 -1rem}.m-exp-info>svg{border-radius:999px}.m-exp-info>span{display:none;position:absolute;font-size:.875rem;background-color:rgb(var(--g-color-surface));border:.0625rem solid rgba(var(--g-color-on-surface),var(--g-opacity5));border-radius:.25rem;padding:.375rem .75rem;color:rgb(var(--g-color-on-surface));bottom:3em;text-transform:none;white-space:nowrap;box-shadow:var(--g-elevation2);transition-duration:var(--g-duration-transition);transition-behavior:allow-discrete;opacity:0;translate:0 0}@starting-style{.m-exp-info:hover>span{opacity:0;translate:0 0}.m-exp-info:focus-visible>span{opacity:0;translate:0 0}}.m-works-dialog-description>p{text-align:justify}.m-works-dialog-description>p:not(:last-child){margin-bottom:1em}.m-works-dialog-description ul{margin-left:1.2em}.m-works-dialog-description ul:not(:last-child){margin-bottom:1em}.m-works-dialog-description ul span[lang]{vertical-align:top}.m-works-dialog-images>div>img{width:100%;aspect-ratio:16/9;border-radius:.5rem;box-shadow:var(--g-elevation2)}.m-works-dialog-images-indicator{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;margin-bottom:2rem}.m-works-dialog-images-indicator>button{width:4rem;border:none;border-radius:.25rem;position:relative;transition-duration:var(--g-duration-transition)}.m-works-dialog-images-indicator>button[aria-selected=true]>img{translate:0 -.5rem}.m-works-dialog-images-indicator>button[aria-selected=true]:after{opacity:1;width:72%}@media (hover: hover){.m-works-dialog-images-indicator>button:hover{cursor:pointer}.m-works-dialog-images-indicator>button:hover:after{opacity:1}.m-works-dialog-images-indicator>button:hover>img{translate:0 -.5rem}}.m-works-dialog-images-indicator>button:focus-visible:after{opacity:1}.m-works-dialog-images-indicator>button:focus-visible>img{translate:0 -.5rem}.m-works-dialog-images-indicator>button:active:after{opacity:1;width:calc(100% - .5rem)}.m-works-dialog-images-indicator>button:active>img{translate:0 -.5rem}.m-works-dialog-images-indicator>button:after{opacity:0;content:"";position:absolute;width:32%;height:.125rem;bottom:0rem;left:50%;translate:-50% 0;border-radius:.125rem;background-color:rgb(var(--g-color-accent));transition-duration:var(--g-duration-transition);pointer-events:none}.m-works-dialog-images-indicator>button>img{border-radius:inherit;width:100%;aspect-ratio:16/9;transition-duration:var(--g-duration-transition);box-shadow:var(--g-elevation2)}.m-works-dialog-tags{list-style:none;padding:1rem 0}.m-works-dialog-tags>li{display:inline;margin:1ch 1ch 0 0;border:.0625rem solid rgba(var(--g-color-on-surface),var(--g-opacity-inv3));padding:.2em .6em;border-radius:.25rem}.m-card-group{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;margin-top:1rem;gap:.5rem;width:67.5rem;max-width:100%}.m-works-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.5rem;width:67.5rem;max-width:100%;margin-top:1rem;list-style:none}.m-works-group button{border:none;position:relative;border-radius:.5rem;outline-offset:0;outline:.125rem solid transparent;transition-duration:var(--g-duration-transition)}@media (hover: hover){.m-works-group button:hover{outline-offset:.5rem;outline-color:rgb(var(--g-color-accent));cursor:pointer}}.m-works-group button:focus-visible{outline-offset:.5rem;outline:auto}.m-works-group button:active{scale:.9;outline-offset:0;outline-color:transparent}.m-works-group button>img{width:100%;aspect-ratio:16/9;object-fit:cover;box-shadow:var(--g-elevation2);border-radius:.5rem}.m-works-group button>h3{position:absolute;background-color:rgb(var(--g-color-surface));padding:.3em .8em;border-radius:.25rem;top:.5rem;left:.5rem;font-weight:400;font-size:.875rem;font-weight:500;box-shadow:var(--g-elevation2)}#m-works-dialog-id{left:50%;top:50%;translate:-50% -50%;max-width:min(45rem,100% - 4rem);width:45rem;border-radius:.5rem;max-height:calc(100dvh - 4rem);outline:none;background-color:rgb(var(--g-color-surface));border:.0625rem solid rgba(var(--g-color-on-surface),.12);position:fixed;box-shadow:0 1rem 1.5rem #00000040;overflow:hidden;transition-duration:var(--g-duration-transition)}@media (max-width: 31.25rem){#m-works-dialog-id{max-width:100%;max-height:100dvh;border:none;width:100%;height:100dvh;border-radius:0rem}}body:has(#m-works-dialog-id[open]){overflow:hidden}#m-works-dialog-id:not([open]){top:-100%;visibility:hidden}#m-works-dialog-id>div{position:relative;max-height:inherit;max-width:100%;overflow:auto;width:100%;border-radius:inherit;padding:2rem}#m-works-dialog-id>div>h2{font-size:1.5rem;font-weight:500}#m-works-dialog-id>div>a{color:rgb(var(--g-color-accent));padding:.1em 0;margin-bottom:.5rem;display:block;width:fit-content;border-bottom:1px solid rgb(var(--g-color-accent));transition-duration:var(--g-duration-transition)}@media (hover: hover){#m-works-dialog-id>div>a:hover{padding:.1em .4em;border-radius:.125rem;background-color:rgb(var(--g-color-accent));color:rgb(var(--g-color-on-accent))}}#m-works-dialog-id>div>a:focus-visible{padding:.1em .4em;background-color:rgb(var(--g-color-accent));color:rgb(var(--g-color-on-accent))}#m-works-dialog-close-id{min-height:2.25rem;max-height:2.25rem;min-width:2.25rem;max-width:2.25rem;border:.0625rem solid rgba(var(--g-color-on-surface-dark),.08);background-color:rgba(var(--g-color-surface-dark),.64);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);justify-content:center;align-items:center;border-radius:.25rem;display:flex;position:absolute;right:2.5rem;top:2.5rem;z-index:8}@media (hover: hover){#m-works-dialog-close-id:hover{cursor:pointer}#m-works-dialog-close-id:hover>svg{fill:rgb(var(--g-color-accent-dark));scale:130%}}#m-works-dialog-close-id:active>svg{fill:rgb(var(--g-color-accent-dark));scale:85%}#m-works-dialog-close-id>svg{transition-duration:var(--g-duration-transition)}#m-tabs-id{--selected-index: 0;--count-item: 3;--padding: .25rem;--gap: .25rem;--button-width: calc( ( 100% - (var(--gap) * (var(--count-item) - 1)) - (var(--padding) * 2) ) / var(--count-item) );display:grid;grid-template-columns:repeat(var(--count-item),1fr);background-color:rgba(var(--g-color-surface),var(--g-opacity-inv3));gap:var(--gap);box-shadow:var(--g-elevation2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:.0625rem solid rgba(var(--g-color-on-surface),var(--g-opacity3));padding:var(--padding);border-radius:62.4375rem;position:relative}#m-tabs-id>div{position:absolute;border-radius:62.4375rem;background-color:rgb(var(--g-color-accent));width:var(--button-width);height:calc(100% - var(--padding) * 2);z-index:1;left:calc(var(--padding) + var(--selected-index) * var(--button-width) + var(--selected-index) * var(--gap));top:var(--padding);transition-duration:var(--g-duration-transition)}#m-tabs-id>button{z-index:2;padding:.5rem 1rem;min-height:2.25rem;border-radius:1.25rem;border:none;font-size:.875rem;font-weight:600;transition-duration:var(--g-duration-transition);cursor:pointer}#m-tabs-id>button[aria-selected=true]{color:rgb(var(--g-color-on-accent))}#m-tabs-id>button:hover:not([aria-selected=true]){background-color:rgba(var(--g-color-on-surface),var(--g-opacity3))}#m-tabs-id>button:active{scale:.85}#m-tabs-id>button:active:not([aria-selected=true]){background-color:rgba(var(--g-color-on-surface),var(--g-opacity3))}