@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{scroll-behavior:smooth;background-color:var(--bg);width:100%;height:100%;margin:0;padding:0}html.homeisland-html{background:0 0!important}body{background-color:var(--bg);width:100%;min-height:100vh;color:var(--text);margin:0;padding:0;transition:background-color .3s,color .3s}body.homeisland-body,.homeisland-body #root{background:0 0!important}:root{font-optical-sizing:auto;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;--fs-xs:.75rem;--fs-smm:.8125rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-mdd:1.1875rem;--fs-lg:1.25rem;--fs-lgg:1.375rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.5rem;--pink:#ff64f9;--red:#ff6565;--orange:#ff6d1b;--yellow:#fe5;--green:#5bff89;--blue:#4d8aff;--purple:#6b5fff;--gold:gold;--gray:#6e6e6e;--gray-da:#505050;--gray-lt:#969696;--success:#4cc086;--warning:#ffea61;--danger:#ff6961;--info:#4c9dfa;font-family:Outfit Variable,Outfit,system-ui,-apple-system,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.5}:root,[data-theme=light]{--primary:#abcdef;--primary-lt:#b6d4f1;--primary-ltx:#c3dcf4;--primary-da:#9cc4ec;--secondary:#d5add7;--secondary-lt:#dab7dc;--secondary-da:#cfa3d2;--accent:#e1ccad;--accent-lt:#f1e3d0;--accent-da:#dbc39e;--bg:#fbfaf9;--bg-lt:#fefefe;--bg-da:#f8f7f6;--border-lt:#eee;--border:#e0e0e0;--border-da:#dcdcdc;--surface-lt:#00000003;--surface:#00000005;--surface-da:#00000008;--surface-daa:#0000004d;--text-strong:#1a1a1a;--text:#1c1c1c;--text-2:#343434;--text-3:#565656;--text-4:#646464;--text-5:#8a8a8a;--shadow-daa:#8a8a8a80;--shadow-da:#96969633;--shadow:#a0a0a01a;--shadow-lt:#a0a0a014;--hero-glow:#eef8fc66}body{background-color:var(--bg);color:var(--text);transition:background-color .3s,color .3s}[data-theme=night]{--primary:#104080;--primary-lt:#114588;--primary-ltx:#124a90;--primary-da:#0f3c76;--secondary:#d7aee2;--secondary-lt:#dbb8e5;--secondary-da:#d0a1dd;--accent:#e1ccad;--accent-lt:#f5e4cc;--accent-da:#dbc39e;--bg:#101010;--bg-lt:#181818;--bg-da:#080808;--border-lt:#303030;--border:#383838;--border-da:#404040;--surface-lt:#ffffff05;--surface:#ffffff0a;--surface-da:#ffffff0f;--surface-daa:#00000059;--text-strong:#faf9f8;--text:#fbfaf9;--text-2:#c8c8c8;--text-3:#a0a0a0;--text-4:#828282;--text-5:#646464;--shadow-daa:#0009;--shadow-da:#0000004d;--shadow:#0003;--shadow-lt:#0000001f;--hero-glow:#eef8fc66}[data-theme=pink]{--primary:#f7b8d8;--primary-lt:#fbcfe4;--primary-ltx:#fde3ef;--primary-da:#e26eaa;--secondary:#d9c2f0;--secondary-lt:#e4d3f5;--secondary-da:#c9abe9;--accent:#ffd6c2;--accent-lt:#ffe6da;--accent-da:#ffc0a3;--bg:#fff7fb;--bg-lt:#fffdfe;--bg-da:#fdeff7;--border-lt:#f9e6f0;--border:#f2d5e6;--border-da:#e9c3da;--surface-lt:#58204004;--surface:#58204008;--surface-da:#5820400d;--surface-daa:#58204047;--text-strong:#35172a;--text:#3f1d32;--text-2:#5a3049;--text-3:#7a4a66;--text-4:#9a6a86;--text-5:#ba8ea6;--shadow-daa:#be78a080;--shadow-da:#c88caf38;--shadow:#cd96b41f;--shadow-lt:#cd96b417;--hero-glow:#ffeef766}.section{max-width:100%;padding:1.25rem 3%;scroll-margin-top:80px}@media screen and (width<=768px){.section{padding:1.2rem 2%}}h1,h2,h3,h4,h5,h6{color:var(--text-strong);margin:0;transition:color .45s}h1{font-weight:350}h2{font-weight:450}h3{font-weight:470;line-height:1.2}h4{font-weight:420;line-height:1.18}p{color:var(--text);margin:0;line-height:1.38;transition:color .45s}.container{flex-direction:column;width:100%;display:flex}.layout-row{flex-direction:row;justify-content:flex-start;align-items:stretch;width:100%;display:flex}.layout-column{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;display:flex}@media screen and (width<=768px){.period-line-break{white-space:pre-line}}.text-body{font-size:var(--fs-md);color:var(--text);margin:0;font-weight:400;line-height:1.5;transition:color .45s}.text-small{font-size:var(--fs-base);color:var(--text-2);line-height:1.35}.text-caption{font-size:var(--fs-sm);color:color-mix(in srgb, var(--text-2) 55%, transparent);line-height:1.25}.text-label{font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--text-2) 40%, transparent);font-weight:600;line-height:1.25}.text-underline:after{content:"";background:var(--secondary);transform-origin:100%;width:100%;height:3px;transition:transform .3s;position:absolute;top:90%;left:0;transform:scaleX(0)}.text-underline:hover:after{transform-origin:0;transform:scaleX(1)}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.blink_animation{animation:1s infinite blink}.flash-bg-r{animation:1s infinite flash-bg-r}@keyframes flash-bg-r{0%{background:#d60000}15%{background:#d60000}to{background:initial}}.flash-bg-y{animation:1s infinite flash-bg-y}@keyframes flash-bg-y{0%{background:#ffd000}15%{background:#ffd000}to{background:initial}}.flash-bg-g{animation:1s infinite flash-bg-g}@keyframes flash-bg-g{0%{background:#007a33}15%{background:#007a33}to{background:initial}}[data-debug="1"] *{outline:1px solid red!important}[data-debug="1"] div{outline:1px solid #00f!important}[data-debug="1"] p,[data-debug="1"] span,[data-debug="1"] h1,[data-debug="1"] h2,[data-debug="1"] h3,[data-debug="1"] h4,[data-debug="1"] h5,[data-debug="1"] h6{outline:1px solid green!important}[data-debug="2"] *{outline:1px solid #f006!important}[data-debug="2"] .section{outline:2px dashed orange!important}[data-debug="2"] img,[data-debug="2"] svg{outline:2px solid #0ff!important}[data-debug="3"] *{outline:1px solid red!important}[data-debug="3"] div{outline:1px solid #00f!important}[data-debug="3"] p,[data-debug="3"] span,[data-debug="3"] h1,[data-debug="3"] h2,[data-debug="3"] h3,[data-debug="3"] h4,[data-debug="3"] h5,[data-debug="3"] h6{outline:1px solid green!important}[data-debug="3"] .section{outline:2px dashed orange!important}[data-debug="3"] img,[data-debug="3"] svg{outline:2px solid #0ff!important}.homepage{background-color:var(--bg);transition:color,background-color .45s}.navbar{box-sizing:border-box;z-index:500;border-radius:0;flex-direction:column;width:100%;display:flex;position:fixed;top:0;translate:0;scale:1}.navbar_bar{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;display:flex}.navbar_logo{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin-left:2%;display:flex}.navbar_logo img{width:auto;display:block}.navbar_logo:focus-visible{outline:2px solid var(--primary-da);outline-offset:3px;border-radius:4px}.navbar_inline{align-items:center;margin:0;padding:0;list-style:none;display:flex}.navbar_inline li{justify-content:center;display:flex;position:relative}.navbar_inline a{white-space:nowrap;text-decoration:none}.navbar_inline-left{flex:auto;justify-content:flex-start;margin-left:4%}.navbar_inline-right{justify-content:flex-end;margin-right:1.75rem}.navbar_actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.navbar_menu{color:var(--text-2);cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;transition:background-color .2s,color .2s,opacity .2s;display:flex}.navbar_menu:hover{opacity:1;color:var(--text);background-color:color-mix(in srgb, var(--primary-lt) 25%, transparent)}.navbar_menu:focus-visible{outline:2px solid var(--primary-da);outline-offset:2px}.navbar--hero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px 0 var(--shadow-daa);padding:calc(.5rem + env(safe-area-inset-top)) .25rem .5rem;transition:scale .4s cubic-bezier(.22,1,.36,1),translate .4s cubic-bezier(.22,1,.36,1),border-radius .4s cubic-bezier(.22,1,.36,1),padding .4s cubic-bezier(.22,1,.36,1)}@media screen and (width<=768px){.navbar--hero{padding:.25rem .5rem}}.navbar--hero.is-scrolled{border-radius:8px;padding:.5rem 0;translate:0 6px;scale:.95}.navbar--hero .navbar_bar{height:68px;transition:height .4s cubic-bezier(.22,1,.36,1)}.navbar--hero.is-scrolled .navbar_bar{height:50px}.navbar--hero .navbar_logo img{border-radius:0;height:58px;transition:height .4s cubic-bezier(.22,1,.36,1),border-radius .4s cubic-bezier(.22,1,.36,1)}@media screen and (width<=768px){.navbar--hero .navbar_logo img{scale:.8}}.navbar--hero.is-scrolled .navbar_logo img{border-radius:4px;height:42px}.navbar--hero .navbar_inline li{margin-right:32px}@media screen and (width<=768px){.navbar--hero .navbar_inline{display:none}}.navbar--hero .navbar_actions{margin-right:2.5rem}@media screen and (width<=768px){.navbar--hero .navbar_actions{margin-right:.5rem}}.navbar--solid{background-color:var(--bg-lt);-webkit-backdrop-filter:blur();backdrop-filter:blur();box-shadow:0 1px 20px 0 var(--shadow);padding:calc(1rem + env(safe-area-inset-top)) .25rem 1rem;transition:background-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,box-shadow .4s,padding .4s}.navbar--solid.is-scrolled{background-color:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 20px 0 var(--shadow);padding:calc(.45rem + env(safe-area-inset-top)) .25rem .45rem}.navbar--solid .navbar_logo{margin-left:4%}.navbar--solid .navbar_bar{height:56px;transition:height .4s}.navbar--solid.is-scrolled .navbar_bar{height:44px}.navbar--solid .navbar_logo img{height:44px;transition:height .4s}.navbar--solid.is-scrolled .navbar_logo img{height:34px}.navbar--solid .navbar_inline{gap:1.5rem}@media screen and (width<=640px){.navbar--solid .navbar_inline{display:none}}.navbar--solid .navbar_actions{gap:1rem;margin-right:4%}.navdrawer_backdrop{z-index:600;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;background:#00000073;transition:opacity .35s,visibility .35s;position:fixed;inset:0}.navdrawer_backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.navdrawer{z-index:700;visibility:hidden;background-color:var(--bg-lt);width:min(380px,85vw);height:100dvh;box-shadow:-8px 0 40px var(--shadow-daa);flex-direction:column;transition:transform .45s cubic-bezier(.22,1,.36,1),visibility .45s;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.navdrawer.is-open{visibility:visible;transform:translate(0)}.navdrawer_head{padding:calc(.9rem + env(safe-area-inset-top)) 1.25rem .25rem;flex-shrink:0;justify-content:flex-end;display:flex}.navdrawer_close{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.4rem;transition:background-color .25s,color .25s;display:flex}.navdrawer_close:hover{color:var(--text);background-color:color-mix(in srgb, var(--primary-lt) 30%, transparent)}.navdrawer_close:focus-visible{outline:2px solid var(--primary-da);outline-offset:2px}.navdrawer_track{flex:1;min-height:0;position:relative}.navdrawer_panel{background-color:var(--bg-lt);padding:.5rem 1.5rem 2rem;position:absolute;inset:0;overflow-y:auto}.navdrawer_nav{flex-direction:column;display:flex}.navdrawer_group{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.navdrawer_group+.navdrawer_group{border-top:1px solid var(--border);margin-top:1.1rem;padding-top:1.1rem}.navdrawer_link{text-align:left;cursor:pointer;width:100%;font-family:inherit;font-size:var(--fs-lg);color:var(--text-2);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .65rem;font-weight:450;text-decoration:none;transition:color .2s,background-color .2s;display:flex}.navdrawer_link:hover{color:var(--text-strong);background-color:color-mix(in srgb, var(--primary-lt) 28%, transparent)}.navdrawer_link:focus-visible{outline:2px solid var(--primary-da);outline-offset:-2px}.navdrawer_link svg{opacity:.55;flex-shrink:0}.navdrawer_back{cursor:pointer;font-family:inherit;font-size:var(--fs-sm);color:var(--text-3);background:0 0;border:none;border-radius:8px;align-items:center;gap:.3rem;margin-bottom:.35rem;padding:.4rem .65rem .4rem .35rem;transition:color .2s,background-color .2s;display:flex}.navdrawer_back:hover{color:var(--text);background-color:color-mix(in srgb, var(--primary-lt) 28%, transparent)}.navdrawer_back:focus-visible{outline:2px solid var(--primary-da);outline-offset:-2px}.navdrawer_subtitle{font-size:var(--fs-xl);color:var(--text-strong);border-bottom:2px solid var(--primary-da);margin:0 0 .9rem;padding:0 .65rem .6rem;font-weight:500}@media (prefers-reduced-motion:reduce){.navbar,.navbar_bar,.navbar_logo img,.navbar_inline a,.navdrawer,.navdrawer_backdrop{transition-duration:.01ms}}.theme-toggle{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.4rem;font-family:inherit;transition:background-color .25s,color .25s;display:flex}.theme-toggle:hover{color:var(--text);background-color:color-mix(in srgb, var(--primary-lt) 30%, transparent)}.theme-toggle:focus-visible{outline:2px solid var(--primary-da);outline-offset:2px}.theme-toggle_icon{justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.theme-toggle{transition-duration:.01ms}}.hero{flex-direction:column;justify-content:center;align-items:flex-start;height:100vh;padding-left:8%;display:flex;position:relative}@media screen and (width<=480px){.hero{padding-left:4%}}.hero_container{z-index:1;flex-direction:column;align-items:flex-start;margin-top:3%;transition:color .5s;display:flex;position:relative}@media screen and (width<=480px){.hero_container{margin-top:0}}.hero_title{height:7.6rem;color:var(--text-strong);justify-content:center;font-size:6.5rem;display:flex;overflow:hidden;scale:1}@media screen and (width<=768px){.hero_title{height:4.21rem;margin-bottom:-7px;font-size:3.5rem;line-height:1.21}}.hero_title-mask{vertical-align:top;display:inline-block;overflow:hidden}.hero_subtitle{color:var(--text);margin-top:-8px;margin-left:.55rem;font-size:2.25rem;font-weight:400;overflow:hidden}@media screen and (width<=1024px){.hero_subtitle{font-size:1.75rem}}@media screen and (width<=480px){.hero_subtitle{font-size:1.5rem}}.hero_hero-text{font-size:7rem;line-height:6rem;overflow:hidden}@media screen and (width<=1024px){.hero_hero-text{font-size:6rem;line-height:5rem}}@media screen and (width<=480px){.hero_hero-text{font-size:5rem;line-height:4.2rem}}.hero_glowing-separator{opacity:0;width:0;box-shadow:inset 0 0 8px 8px var(--hero-glow), 0 0 8px 8px var(--hero-glow), inset 0 0 0 3px var(--hero-glow), 0 0 0 3px var(--hero-glow);margin:.75rem 0}@media screen and (width<=480px){.hero_glowing-separator{margin:.5rem 0}}.hero_about-container{margin-top:2.75rem;padding-left:1%}.hero_about-container a{color:inherit}.hero_line{color:var(--text-2);font-size:1.3rem;line-height:2}@media screen and (width<=480px){.hero_line{font-size:revert;margin-bottom:1.25rem;line-height:1.4}}.hero_typing-text{height:2rem;color:color-mix(in srgb, var(--text-2) 90%, transparent);margin-top:1.75rem}@media screen and (width<=1024px){.hero_typing-text{font-size:96%}}@media screen and (width<=480px){.hero_typing-text{text-align:center;margin-top:1rem;font-size:94%}}.about{width:80%}@media screen and (width<=768px){.about{width:100%}}.section-title-text{color:var(--text-strong);font-size:3.5rem;font-weight:350;transition:color .45s}@media screen and (width<=480px){.section-title-text{font-size:2.5rem}}.skills_container{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}@media screen and (width<=768px){.skills_container{flex-direction:column}}.skills_grid{flex-flow:wrap;justify-content:flex-start;display:flex}@media screen and (width<=768px){.skills_grid{justify-content:center}}.skills_text{flex-direction:column;justify-content:center;align-items:center;width:320px;display:flex}@media screen and (width<=768px){.skills_text{width:100%}}.chip{background:var(--chip-bg,#00000014);color:var(--chip-color,inherit);border-radius:999px;align-items:center;font-weight:500;line-height:1;display:inline-flex}.chip-sm{padding:.25rem .5rem;font-size:.75rem}.chip-md{padding:.375rem .75rem;font-size:.875rem}.chip-lg{padding:.5rem 1rem;font-size:1rem}.skillcard{border:1px solid var(--border);width:15rem;height:4.8rem;box-shadow:0 5px 10px -6px var(--shadow);border-radius:8px;justify-content:flex-start;align-items:center;margin:.9rem;padding:.2rem;display:flex;position:relative;overflow:hidden}@media screen and (width<=768px){.skillcard{width:10.7rem;height:4rem;margin:.25rem .3rem;padding:0 .1rem}}.skillcard_image{object-fit:contain;justify-content:center;align-items:center;width:52px;height:52px;margin:0 10px;display:flex}.skillcard_image img{object-fit:contain;width:100%;height:100%}@media screen and (width<=768px){.skillcard_image{width:32px;height:32px;margin:0 5px}.skillcard_title{font-size:1rem}}.skillcard_description{font-size:var(--fs-smm);line-height:113%}.skillcard_chip{top:10px;right:10px;background-color:color-mix(in srgb, var(--accent-lt) 78%, transparent)!important;position:absolute!important}@media screen and (width<=768px){.skillcard_chip{top:2px;right:2px;scale:.85}}.footer{background-color:var(--bg-da);padding-top:.5rem;padding-bottom:calc(32px + env(safe-area-inset-bottom));position:relative}@media screen and (width<=768px){.footer{padding-bottom:calc(48px + env(safe-area-inset-bottom))}}.footer_divider{width:95%;color:var(--shadow-da);background-color:var(--shadow-da)}.footer_links{flex-flow:wrap;justify-content:flex-start;align-items:flex-start;gap:3rem;display:flex}.footer_links h3{font-size:var(--fs-mdd);font-weight:420}.footer_links p{line-height:110%}.footer_link{color:var(--text-2)}.footer_link-decorator{justify-content:center;align-items:center;width:auto;height:28px;margin-left:1px;display:flex}.footer_link-decorator img{width:auto;height:28px}.footer_copyright{position:absolute;bottom:2px;right:1%}@media screen and (width<=768px){.footer_copyright{text-align:right;position:absolute;right:0;scale:.8}}.footer_debug-button{color:var(--text-2);cursor:pointer;background:0 0;border:none;font-family:inherit;transition:opacity .2s;position:absolute;bottom:8px;left:1%}.footer_debug-button:hover{opacity:1!important}.contact_container{flex-direction:row;display:flex}@media screen and (width<=768px){.contact_container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin:0;padding:0}}.contact_grid-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.contact_grid{flex-flow:wrap;width:100%;display:flex}@media screen and (width<=768px){.contact_grid{flex-direction:column;justify-content:center;align-items:center}}.contact_info-container{flex-direction:column;justify-content:center;align-items:center;width:35%;display:flex}@media screen and (width<=768px){.contact_info-container{width:100%}}.contact_list-element{flex-direction:row;justify-content:center;align-items:center;gap:3px;display:flex;color:var(--secondary-da)!important}.contact_list-element a{color:unset}.contact_obfuscated{color:var(--shadow)}.contact_cv{flex-direction:column;align-items:center;display:flex}.contact_cv-button{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;align-items:center;gap:.2rem;padding:0;font-size:1.2rem;text-decoration:none;transition:opacity .2s;display:inline-flex}.contact_cv-button:hover{opacity:1}.subtitle-text{color:var(--text);font-size:2rem;transition:color .45s}@media screen and (width<=480px){.subtitle-text{font-size:1.5rem}}.contactcard{border:1px solid var(--border);width:13rem;height:5rem;box-shadow:0 5px 10px -6px var(--shadow-lt);border-radius:8px;justify-content:flex-start;align-items:center;margin:.9rem;padding:.5rem;display:flex;position:relative;overflow:hidden}@media screen and (width<=768px){.contactcard{width:90%;height:4.2rem;margin:.32rem 0}}.contactcard_image{object-fit:contain;width:64px;height:64px;margin:0 10px}.contactcard_image img{object-fit:contain;width:100%;height:100%}@media screen and (width<=768px){.contactcard_image{width:48px;height:48px;margin:0 10px 0 5px}}.contactcard_content{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.contactcard_chip{top:8px;right:8px;background-color:color-mix(in srgb, var(--accent-lt) 78%, transparent)!important;position:absolute!important}@media screen and (width<=768px){.contactcard_chip{top:6px;right:6px}}.projects-grid{flex-flow:wrap;width:100%;display:flex}@media screen and (width<=768px){.projects-grid{flex-direction:column;justify-content:center;align-items:center}}.card{border:1px solid var(--border-da);box-sizing:border-box;width:19.2rem;height:24.5rem;box-shadow:0 5px 10px -6px var(--shadow-da);border-radius:3px;flex-direction:column;justify-content:flex-start;align-items:stretch;margin:.9rem;padding:0;display:flex;position:relative;overflow:hidden auto}@media screen and (width<=768px){.card{flex-direction:column;align-items:stretch;width:100%;height:auto;margin:.5rem 0}}.card_image_section{border-bottom:1px solid var(--border);width:100%;height:172.8px;position:relative}@media screen and (width<=768px){.card_image_section{border-right:none;flex-shrink:0;height:96px}}.card_image{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.card_image img,.card_image video{object-fit:contain;width:100%;height:100%}.card_image:after{content:"";background:linear-gradient(to top, var(--shadow-lt), transparent);pointer-events:none;z-index:1;height:10px;position:absolute;bottom:0;left:0;right:0}@media screen and (width<=768px){.card_image{padding:0}.card_image img,.card_image video{object-fit:cover}.card_image:after{height:20px}}.card_image_chip{top:8px;right:8px;background-color:color-mix(in srgb, var(--accent-lt) 78%, transparent)!important;position:absolute!important}@media screen and (width<=768px){.card_image_chip{top:3px;right:3px}}.card_header{border-bottom:1px solid var(--border-lt);box-sizing:border-box;width:100%;padding:.75rem .55rem .4rem;position:relative}@media screen and (width<=768px){.card_header{flex:1;padding:.75rem .55rem .5rem}}.card_header_content h3{font-size:var(--fs-lgg);margin:0 0 .15rem}@media screen and (width<=768px){.card_header_content h3{margin:0 0 .15rem;font-size:1.2rem}}.card_header_content h4{color:var(--text-3);margin:0;font-size:1.05rem}@media screen and (width<=768px){.card_header_content h4{font-size:.95rem}}.card_content{box-sizing:border-box;flex:1;width:100%;padding:.35rem .55rem}.card_content p{color:var(--text-4);margin:0}@media screen and (width<=768px){.card_content p{font-size:.9rem}.card_content{padding:.5rem .55rem;display:block}}.card_footer{border-top:1px solid var(--border-lt);background-color:var(--surface-lt);width:100%;color:var(--gray);box-sizing:border-box;justify-content:space-between;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:500;display:flex}@media screen and (width<=768px){.card_footer{padding:.4rem .55rem;font-size:.7rem;display:flex}}.card_stats{gap:.75rem;display:flex}.card_stats .stat-item,.card_date{color:var(--text-5)}.experience-grid{flex-flow:wrap;width:100%;display:flex}@media screen and (width<=768px){.experience-grid{flex-direction:column;justify-content:center;align-items:center}}.notfound{width:100%;height:100vh}.notfound_content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.notfound_content h1{padding:2rem;font-size:3rem}@media screen and (width<=768px){.notfound_content h1{font-size:2rem}}.notfound_content a{color:var(--gray);font-size:1.1rem;font-weight:350}.notfound_footer{width:100%;position:absolute;bottom:0}.offline-toast{z-index:2000;border:1px solid var(--border);background:var(--bg-lt);box-shadow:0 4px 20px var(--shadow-da);color:var(--text-2);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .85rem;animation:.3s ease-out offline-toast-in;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}.offline-toast svg{flex-shrink:0}@media (width<=480px){.offline-toast{justify-content:center;animation-name:offline-toast-in-wide;left:1rem;right:1rem;transform:none}}@keyframes offline-toast-in{0%{opacity:0;transform:translate(-50%)translateY(.75rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes offline-toast-in-wide{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.offline-toast{animation:none}}