.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding-block:var(--space-7);max-width:640px;margin-inline:auto}.hero__eyebrow{z-index:-1;position:relative;color:var(--color-secondary);font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.hero__avatar{aspect-ratio:1/1;background-color:var(--color-bg);border-radius:100%;max-width:var(--image-size);max-height:var(--image-size);border:2px solid var(--color-border)}.hero__headline{font-size:var(--text-3xl);font-weight:800;line-height:1.1;margin:0}.hero__subheadline{font-size:var(--text-lg);color:var(--color-text-muted);margin-left:var(--space-2);margin-right:var(--space-2)}.hero__actions{display:flex;gap:var(--space-3);margin-top:var(--space-1)}.btn--ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.dropdown{position:relative}.dropdown__trigger{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);cursor:pointer}.dropdown__menu{position:absolute;top:calc(100% + var(--space-1));left:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);list-style:none;margin:0;padding:0;min-width:100%;z-index:10}.dropdown__item{display:flex;justify-content:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius);cursor:pointer;font-size:var(--text-sm)}.dropdown__item:hover{background:var(--color-bg)}.navbar{display:grid;justify-content:center;align-items:center;grid-template-columns:.25fr 1fr .25fr;gap:var(--space-4);padding-block:var(--space-3);border-bottom:1px solid var(--color-border)}.navbar__links{display:flex;justify-content:center;grid-template-columns:auto auto auto;gap:var(--space-6);list-style:none;margin:0;padding:0}.navbar__links a{color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm)}.navbar__links a:hover{color:var(--color-text)}.navbar__theme-dropdown{justify-self:right;margin-right:var(--space-3)}@media(max-width:640px){.navbar{grid-template-columns:1fr 1fr}.navbar__links{justify-self:left;padding-left:var(--space-3);gap:var(--space-4)}}.footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2);padding-right:var(--space-3);border-top:1px solid var(--color-border)}.footer__license{display:flex;gap:var(--space-2)}.footer__links{display:flex;align-items:center;gap:var(--space-3)}.footer__links a{color:var(--color-text)}.footer__links a :hover{color:var(--color-bg)}._hero__eyebrow_1lkxb_1{animation:_fade-up_1lkxb_1 .4s ease-out .8s both}._hero__avatar_1lkxb_1{animation:_fade-up_1lkxb_1 .4s ease-out .1s both}._hero__headline_1lkxb_1{animation:_fade-up_1lkxb_1 .4s ease-out .2s both}._hero__subheadline_1lkxb_1{animation:_fade-up_1lkxb_1 .4s ease-out .3s both}._hero__actions_1lkxb_1{animation:_fade-up_1lkxb_1 .4s ease-out .4s both}._text-body_1lkxb_1{animation:_fade-in_1lkxb_1 .5s ease-out both}._and-more_1lkxb_1{animation:_fade-in_1lkxb_1 .5s 2s ease-out both}img._not-loaded_1lkxb_1{visibility:hidden}img._loaded_1lkxb_1{animation:_fade-in_1lkxb_1 1s ease-out;visibility:visible}h1{animation:_fade-down_1lkxb_1 .5s ease 0s both}@keyframes _fade-up_1lkxb_1{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}@keyframes _fade-down_1lkxb_1{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}@keyframes _fade-in_1lkxb_1{0%{opacity:0}to{opacity:1}}@keyframes _fade-left_1lkxb_1{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes _fade-right_1lkxb_1{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}._projects_1lkxb_3{columns:3;gap:var(--space-3);margin-top:var(--space-3);margin-bottom:var(--space-3);animation:_fade-up_1lkxb_1 1s ease}._card_1lkxb_11{border:2px solid var(--color-border);background-color:var(--color-surface);border-image-slice:1;border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-bottom:var(--space-3);transition:border-color .25s ease;break-inside:avoid}._card_1lkxb_11:hover{border-color:var(--color-secondary)}._card_1lkxb_11 img{width:100%;max-width:100%;max-height:100%;object-fit:contain}@media(max-width:640px){._projects_1lkxb_3{columns:1}}:root{transition:--color-bg .5s ease,--color-surface .5s ease,--color-primary .5s ease,--color-secondary .5s ease,--color-border .5s ease}@property --color-bg{syntax: "<color>"; inherits: true; initial-value: #000000;}@property --color-surface{syntax: "<color>"; inherits: true; initial-value: #000000;}@property --color-primary{syntax: "<color>"; inherits: true; initial-value: #000000;}@property --color-secondary{syntax: "<color>"; inherits: true; initial-value: #000000;}@property --color-border{syntax: "<color>"; inherits: true; initial-value: #000000;}:root[data-theme=Inferno]{--color-bg: #2a2b28;--color-surface: #404040;--color-primary: #f44430;--color-secondary: #f98354;--color-border: #685d5c}:root[data-theme=Tokyo]{--color-bg: #142a30;--color-primary: #6f26c1;--color-secondary: #0bc6ba;--color-surface: #1c343a;--color-border: #304a51}:root[data-theme=Rose]{--color-bg: #281e27;--color-primary: #fc41e3;--color-secondary: #c93861;--color-surface: #382736;--color-border: #775775}:root{--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px;--text-xsm: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 3rem;--color-text: #e4e4e7;--color-text-muted: #a1a1aa;--radius: 8px;--container-width: 1100px;--image-size: 30%;--icon-size: 24px}main{scrollbar-width:none}main::-webkit-scrollbar{display:none}main{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}main::-webkit-scrollbar-track{background:transparent}main::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}main::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.img{width:var(--image-size);height:var(--image-size)}svg{width:var(--icon-size);height:var(--icon-size)}body{display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:system-ui,sans-serif;line-height:1.5}.centered{display:flex;justify-content:center}html,body{margin:0;height:100dvh}body{overflow:hidden}#root{height:100dvh;display:flex;flex-direction:column;overflow:hidden}header,footer{flex-shrink:0}main{flex:1;overflow-y:auto}main{position:relative}main:before,main:after{content:"";position:sticky;display:block;height:var(--space-6);z-index:1;pointer-events:none}main:before{top:-1px;background:linear-gradient(to bottom,var(--color-bg),transparent);margin-bottom:calc(-1 * var(--space-5))}main:after{bottom:-1px;background:linear-gradient(to top,var(--color-bg),transparent);margin-top:calc(-1 * var(--space-5))}.container{max-width:var(--container-width);min-height:0%;margin-inline:auto;padding-inline:var(--space-4);margin-bottom:var(--space-4);display:flex;flex-direction:column;align-items:center}.btn{display:flex;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:none;font-size:var(--text-sm);cursor:pointer}.btn--primary{position:relative;font-weight:600;color:#fff;background-image:linear-gradient(to top left,var(--color-primary),var(--color-secondary))}.btn--primary:before{content:"";position:absolute;inset:0;border-radius:var(--radius);background-image:linear-gradient(to bottom right,var(--color-primary),var(--color-secondary));opacity:0;transition:opacity .3s ease}.btn--primary:hover:before{opacity:1}.btn--ghost{font-weight:400;border:1px solid var(--color-border)}.btn--ghost:hover{border-color:var(--color-text)}a{text-decoration:none;color:var(--color-text)}.gradient--bg{background-image:linear-gradient(to top left,var(--color-primary),var(--color-secondary));border-radius:var(--radius);padding:2px}.gradient--fg{background-image:linear-gradient(to top left,var(--color-primary),var(--color-secondary));background-clip:text;color:transparent}h1{background-image:linear-gradient(var(--color-text),var(--color-text-muted));background-clip:text;color:transparent}.hero__eyebrow{animation:fade-up .4s ease-out .8s both}.hero__avatar{animation:fade-up .4s ease-out .1s both}.hero__headline{animation:fade-up .4s ease-out .2s both}.hero__subheadline{animation:fade-up .4s ease-out .3s both}.hero__actions{animation:fade-up .4s ease-out .4s both}.text-body{animation:fade-in .5s ease-out both}.and-more{animation:fade-in .5s 2s ease-out both}img.not-loaded{visibility:hidden}img.loaded{animation:fade-in 1s ease-out;visibility:visible}h1{animation:fade-down .5s ease 0s both}@keyframes fade-up{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-left{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes fade-right{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}