:root{color-scheme:dark;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--teal-300: #5eead4;--teal-400: #2dd4bf;--yellow-500: #eab308;--bg-color: var(--slate-900);--surface-color: rgb(30 41 59 / .5);--surface-color-hover: rgb(30 41 59 / .8);--surface-border-color: rgb(226 232 240 / .1);--surface-border-color-hover: rgb(226 232 240 / .3);--surface-border-color-accent: rgb(94 234 212 / .3);--text-color: var(--slate-400);--title-color: var(--slate-200);--accent-color: var(--teal-300);--accent-surface-color: rgb(45 212 191 / .1);--spotlight-color: rgb(29 78 216 / .15);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Nexa", var(--font-sans);--page-max-width: 80rem;--header-width: 48%;--main-width: 52%;--radius: .375rem;--transition-fast: .15s ease;--transition: .3s ease}@font-face{font-family:Inter;src:url(/assets/inter-latin-Dx4kXJAl.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;src:url(/assets/inter-latin-ext-DO1Apj_S.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nexa;src:url(/assets/main-DxTHCfco.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,p,figure,blockquote{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img,svg,video{display:block;max-width:100%}::selection{background-color:var(--teal-300);color:var(--slate-900)}:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px;border-radius:var(--radius)}.page-root{position:relative}.spotlight{position:fixed;inset:0;z-index:30;pointer-events:none;transition:background var(--transition)}.page{position:relative;max-width:var(--page-max-width);min-height:100vh;margin-inline:auto;padding:3rem 1.5rem}.page-inner{animation:page-fade-in 1s ease-out both}.skip-link{position:absolute;top:0;left:1.5rem;z-index:40;clip-path:inset(50%);border-radius:var(--radius);background-color:var(--yellow-500);padding:.75rem 1rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--slate-900)}.skip-link:focus{clip-path:none}@media(min-width:768px){.skip-link{left:3rem}}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}@media(min-width:768px){.page{padding:4rem 3rem}}@media(min-width:1024px){.page{padding-block:0}.spotlight{position:absolute}.page-inner{display:flex;justify-content:space-between;gap:1rem}}.main{padding-top:4rem}@media(min-width:768px){.main{padding-top:6rem}}@media(min-width:1024px){.main{width:var(--main-width);padding-block:6rem}}.header-name{font-family:var(--font-display);font-size:2.25rem;font-weight:700;line-height:1.1;letter-spacing:-.025em;color:var(--title-color)}.header-role{margin-top:.75rem;font-size:1.125rem;font-weight:500;letter-spacing:-.025em;color:var(--title-color)}.header-tagline{margin-top:.375rem;max-width:20rem;line-height:1.5}.nav{display:none}.nav-list{margin-top:4rem;width:max-content}.nav-link{display:flex;align-items:center;padding-block:.75rem}.nav-indicator{margin-right:1rem;width:2rem;height:1px;background-color:var(--slate-600);transition:width var(--transition),background-color var(--transition)}.nav-text{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--slate-500);transition:color var(--transition)}.nav-link:hover .nav-indicator,.nav-link:focus-visible .nav-indicator,.nav-link.is-active .nav-indicator{width:4rem;background-color:var(--slate-200)}.nav-link:hover .nav-text,.nav-link:focus-visible .nav-text,.nav-link.is-active .nav-text{color:var(--slate-200)}.social{display:flex;align-items:center;gap:1.25rem;margin-top:1.5rem}.social-link{display:flex;color:var(--slate-400);transition:color var(--transition)}.social-link:hover,.social-link:focus-visible{color:var(--slate-200)}.social-link svg{width:1.5rem;height:1.5rem}@media(min-width:640px){.header-name{font-size:3rem}.header-role{font-size:1.25rem}}@media(min-width:1024px){.header{position:sticky;top:0;display:flex;flex-direction:column;max-height:100vh;width:var(--header-width);padding-block:6rem}.nav{display:block}}.section{margin-bottom:4rem;scroll-margin-top:4rem}.section-heading{position:sticky;top:0;z-index:20;margin:0 -1.5rem 1rem;padding:1.25rem 1.5rem;background-color:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--title-color)}.section-footer{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin-top:3rem}@media(min-width:768px){.section{margin-bottom:6rem;scroll-margin-top:6rem}.section-heading{margin-inline:-3rem;padding-inline:3rem}}@media(min-width:1024px){.section{margin-bottom:9rem}.section-heading{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.list-item{position:relative;display:grid;gap:1rem;padding-bottom:.25rem;transition:opacity var(--transition)}.list-item+.list-item{margin-top:3rem}.item-backdrop{display:none;position:absolute;inset:-1rem;z-index:0;border-radius:var(--radius);transition:background-color var(--transition),box-shadow var(--transition)}.item-aside,.item-content{position:relative;z-index:1}.item-aside{order:1}.item-content{order:2}.item-title{font-size:1rem;font-weight:500;line-height:1.25;color:var(--title-color)}.item-subtitle{margin-top:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500)}.item-text{margin-top:.5rem;font-size:.875rem;line-height:1.5}.item-image{width:100%;aspect-ratio:16 / 9;border:2px solid var(--surface-border-color);border-radius:var(--radius);transition:border-color var(--transition)}.item-image--cover{object-fit:cover}.item-image--contain{padding:.5rem;background-color:var(--slate-200);object-fit:contain}.list-item:hover .item-image{border-color:var(--surface-border-color-hover)}.item-icon{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16 / 9;padding:.5rem;border:2px solid var(--surface-border-color);border-radius:var(--radius);background-color:var(--surface-color);color:var(--accent-color);transition:border-color var(--transition)}.item-icon svg{width:2rem;height:2rem}.list-item:hover .item-icon{border-color:var(--surface-border-color-hover)}@media(min-width:640px){.list-item{grid-template-columns:repeat(8,minmax(0,1fr));gap:2rem}.item-aside{grid-column:span 2}.item-content{grid-column:span 6}}@media(min-width:768px){.list-item{gap:1rem}.link-overlay{inset-inline:-1.5rem}}@media(min-width:1024px){.item-backdrop{display:block;inset-inline:-1.5rem}.list-item:hover .item-backdrop{background-color:var(--surface-color);box-shadow:inset 0 1px #94a3b81a,0 10px 15px -3px #02061766}.list:hover .list-item{opacity:.5}.list .list-item:hover,.list .list-item:focus-within{opacity:1}}.pill-list{display:flex;flex-wrap:wrap;margin-top:.5rem}.pill-list>li{margin-top:.5rem;margin-right:.375rem}.pill{display:inline-flex;align-items:center;border-radius:9999px;background-color:var(--accent-surface-color);padding:.25rem .75rem;font-size:.75rem;font-weight:500;line-height:1.25rem;color:var(--accent-color)}.link{position:relative;display:inline-flex;align-items:baseline;font-weight:500;line-height:1.25;color:var(--title-color)}.link--strong{font-weight:600}.link-icon{flex-shrink:0;width:1rem;height:1rem;margin-left:.25rem;transform:translateY(1px);transition:transform var(--transition-fast)}.link:hover .link-icon,.link:focus-visible .link-icon{transform:translate(.25rem,-.25rem)}.link-overlay{display:none;position:absolute;inset:-.625rem -1rem;border-radius:var(--radius)}@media(min-width:1024px){.link-overlay{display:block}}.about-paragraph+.about-paragraph{margin-top:1rem}.about-accent{font-weight:500;color:var(--title-color)}.skills-grid{display:grid;gap:1rem}.skill-card{padding:1.5rem;border:1px solid var(--surface-border-color);border-radius:var(--radius);background-color:var(--surface-color);transition:border-color var(--transition),background-color var(--transition)}.skill-card:hover{border-color:var(--surface-border-color-accent);background-color:var(--surface-color-hover)}.skill-card-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:500;color:var(--title-color)}.skill-card-title svg{width:1.125rem;height:1.125rem;color:var(--accent-color)}.skill-list{display:grid;gap:.875rem;margin-top:1.25rem}.skill-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:.75rem;line-height:1.5}.skill-value{color:var(--slate-500)}.skill-track{height:.25rem;margin-top:.375rem;border-radius:9999px;background-color:var(--slate-700)}.skill-bar{height:100%;border-radius:9999px;background-color:var(--accent-color)}@media(min-width:640px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-grid>:last-child:nth-child(odd){grid-column:1 / -1}}.contact-grid{display:grid;gap:1rem}.contact-card{display:flex;height:100%;flex-direction:column;gap:.5rem;padding:1.5rem;border:1px solid var(--surface-border-color);border-radius:var(--radius);background-color:var(--surface-color);transition:border-color var(--transition),background-color var(--transition),transform var(--transition)}.contact-card:hover,.contact-card:focus-visible{border-color:var(--surface-border-color-accent);background-color:var(--surface-color-hover);transform:translateY(-2px)}.contact-icon{color:var(--accent-color)}.contact-icon svg{width:1.25rem;height:1.25rem}.contact-title{margin-top:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--title-color)}.contact-value{font-size:.875rem;color:var(--slate-300)}.contact-action{display:inline-flex;align-items:center;margin-top:auto;padding-top:1rem;font-size:.75rem;font-weight:500;color:var(--accent-color)}.contact-arrow{width:.875rem;height:.875rem;margin-left:.375rem;transition:transform var(--transition-fast)}.contact-card:hover .contact-arrow,.contact-card:focus-visible .contact-arrow{transform:translate(.25rem)}@media(min-width:640px){.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
