:root{color-scheme:dark;background:#222124;font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{width:100%;min-height:100%;scroll-behavior:smooth;scrollbar-color:rgba(226,218,221,.52) rgba(24,23,25,.55);scrollbar-width:thin}body,#root{width:100%;min-height:100%;margin:0}body{min-width:20rem;overflow-x:hidden;background:#222124}::-webkit-scrollbar{width:.625rem}::-webkit-scrollbar-track{background:#1817198c}::-webkit-scrollbar-thumb{border:.1875rem solid transparent;border-radius:1rem;background:#e2dadd85;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ffffffc7;background-clip:padding-box}.site-background{position:fixed;z-index:0;inset:0;pointer-events:none;background:#0f172a}.particle-background{position:absolute;z-index:0;top:0;left:0;width:100%;pointer-events:none}.site-content{position:relative;z-index:1}.experience{position:relative;width:100%;height:max(120svh,45rem);overflow:hidden;background:transparent}.loft-canvas{width:100%!important;height:100%!important;cursor:grab;touch-action:pan-y!important}.loft-canvas:active{cursor:grabbing}.loft-canvas.is-hotspot-active,.loft-canvas.is-hotspot-active:active{cursor:pointer}.hotspot-label{position:relative;padding:.55rem .8rem;border:0;background:transparent;color:#fff;cursor:pointer;font:inherit;font-size:.68rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;text-shadow:0 .125rem .8rem rgba(0,0,0,.8);transition:opacity .18s ease,transform .18s ease}.hotspot-label--left{transform:translate(calc(-100% - .5rem),-50%)}.hotspot-label--right{transform:translate(.5rem,-50%)}.hotspot-label:after{position:absolute;right:.8rem;bottom:.25rem;left:.8rem;height:.0625rem;background:currentColor;content:"";opacity:0;transform:scaleX(.25);transition:opacity .18s ease,transform .18s ease}.hotspot-label:hover,.hotspot-label.is-active{opacity:1}.hotspot-label--left:hover,.hotspot-label--left.is-active{transform:translate(calc(-100% - .5rem),calc(-50% - .12rem))}.hotspot-label--right:hover,.hotspot-label--right.is-active{transform:translate(.5rem,calc(-50% - .12rem))}.hotspot-label:hover:after,.hotspot-label.is-active:after{opacity:.8;transform:scaleX(1)}.content-section{--section-content-gap: 2.5rem;display:grid;min-height:100svh;padding:6rem 1rem;place-items:center;background:transparent;color:#fff}.content-section>div{width:min(100%,64rem);min-width:0}.section-title{margin:0;font-size:1.6rem;font-weight:400;line-height:.92;letter-spacing:-.055em}.experience-section{min-height:auto;padding-block:6rem}.section-heading{max-width:58rem}.work-timeline{--timeline-gap: 2rem;position:relative;display:grid;gap:var(--timeline-gap);margin:var(--section-content-gap) 0 0;padding:0;list-style:none}.work-experience:not(:last-child):before{position:absolute;top:.825rem;left:.375rem;width:.0625rem;height:calc(100% + var(--timeline-gap));background:linear-gradient(to bottom,#ffffffd1,#ffffff24);content:"";transform:translate(-50%)}.work-experience{position:relative;display:grid;grid-template-columns:1rem minmax(0,1fr);gap:2rem}.work-timeline-dot{z-index:1;width:.75rem;height:.75rem;margin-top:.45rem;border:.125rem solid rgba(255,255,255,.44);border-radius:50%;background:#fff;box-shadow:0 0 0 .375rem #ffffff0f,0 0 1.25rem #ffffff47}.work-experience-content{padding-bottom:2rem;border-bottom:.0625rem solid rgba(255,255,255,.14)}.work-experience:last-child .work-experience-content{padding-bottom:0;border-bottom:0}.work-experience-header{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start;padding-right:4rem}.work-experience-identity{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.875rem;align-items:center;transition:opacity .18s ease}.work-experience-logo{display:block;width:3rem;height:3rem;border-radius:.375rem;object-fit:contain}.work-experience-company,.work-experience-meta p{margin:0}.work-experience-company{margin-bottom:.55rem;color:#ffffff94;font-size:65%;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.work-experience h3{margin:0;font-size:115%;font-weight:400;line-height:1.05;letter-spacing:-.025em}.work-experience-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem 1.5rem;align-items:start;transition:opacity .18s ease}.work-experience-meta p{color:#ffffff85;font-size:.65rem;letter-spacing:.04em}.work-experience-location{justify-self:end;text-align:right}.work-experience-toggle{position:absolute;z-index:1;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.work-experience-toggle:focus-visible{border-radius:.25rem;outline:.0625rem solid rgba(255,255,255,.7);outline-offset:.5rem}.work-experience-toggle-icon{position:absolute;top:50%;right:.65rem;width:1.5rem;height:1.5rem;color:#ffffffb8;perspective:4rem;transform:translateY(-50%);transition:color .18s ease}.work-experience-toggle:hover .work-experience-toggle-icon,.work-experience-toggle:focus-visible .work-experience-toggle-icon{color:#fff}.work-experience-chevron{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;transform-origin:center;transition:transform .42s cubic-bezier(.61,.02,.42,.87)}.work-experience-chevron--down{transform:rotateX(0)}.work-experience-chevron--up{transform:rotateX(-180deg)}.work-experience-toggle[aria-expanded=true] .work-experience-chevron--down{transform:rotateX(180deg)}.work-experience-toggle[aria-expanded=true] .work-experience-chevron--up{transform:rotateX(0)}.visually-hidden{position:absolute;width:.0625rem;height:.0625rem;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.work-experience-details{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-.5rem);transition:grid-template-rows .42s cubic-bezier(.61,.02,.42,.87),opacity .24s cubic-bezier(.61,.02,.42,.87),transform .42s cubic-bezier(.61,.02,.42,.87)}.work-experience.is-expanded .work-experience-details{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.work-experience-details-inner{min-height:0;overflow:hidden}.work-experience-details ul{display:grid;max-width:60rem;gap:.75rem;margin:1.75rem 0 0;padding-left:1.15rem;color:#ffffffc2;font-size:1rem;line-height:1.7}.work-experience li::marker{color:#ffffff75}.skills-section{min-height:auto;padding-block:4rem}.skills-section .section-heading{text-align:center}.skills-heading{position:relative;max-width:none;display:flex;align-items:center;justify-content:center}.skills-layout-toggle{position:absolute;left:calc(50% + 3.25rem);display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:.5rem;border:0;border-radius:.375rem;background:transparent;color:#ffffffa6;cursor:pointer;transition:color .18s ease,background-color .18s ease}.skills-layout-toggle:hover{color:#fff;background:#ffffff12}.skills-layout-toggle:focus-visible{outline:.0625rem solid currentColor;outline-offset:.25rem}.skills-layout-toggle:disabled{cursor:wait;opacity:.5}.skills-layout-toggle svg{width:1.25rem;height:1.25rem}.skills-carousel{width:100%;margin-top:var(--section-content-gap);overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.skills-track{display:flex;width:max-content;animation:skills-scroll 64s linear infinite;will-change:transform}.skills-carousel:hover .skills-track{animation-play-state:paused}.skills-list{display:flex;gap:1rem;margin:0;padding:0 1rem 0 0;list-style:none}.skill-card{display:flex;width:11rem;min-height:7rem;flex-direction:column;align-items:center;justify-content:center;gap:.875rem;padding:1rem;border:.0625rem solid rgba(255,255,255,.14);border-radius:.625rem;background:#100f113d;color:#ffffffd6;font-size:.85rem;text-align:center;white-space:nowrap}.skill-icon{width:2.5rem;height:2.5rem;flex:0 0 auto;object-fit:contain}.skills-carousel.skills-display--list,.skills-carousel.is-transitioning{mask-image:none;-webkit-mask-image:none}.skills-display--list .skills-track{width:100%;animation:none;will-change:auto}.skills-carousel.is-transitioning .skills-track{animation-name:none}.skills-display--list .skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));width:100%;gap:.75rem;padding:0}.skills-display--list .skill-card{width:100%;height:3.25rem;min-height:0;flex-direction:row;justify-content:flex-start;gap:.75rem;padding:.625rem 1rem}.skills-display--list .skill-icon{width:1.75rem;height:1.75rem}.skills-carousel.is-transitioning .skill-card,.skills-carousel.is-transitioning .skill-card>*{transform-origin:top left}.projects-section{min-height:auto;padding-block:6rem 8rem}.projects-list{display:grid;gap:1.5rem;margin-top:var(--section-content-gap)}.project-card{display:grid;grid-template-columns:12.5rem minmax(0,1fr);gap:2rem;align-items:center;padding:1.5rem;border:.0625rem solid rgba(255,255,255,.12);border-radius:.75rem;background:#100f113d;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.project-card:hover{border-color:#ffffff3d;background:#ffffff0e;transform:translateY(-.125rem)}.project-image-frame{aspect-ratio:16 / 10;overflow:hidden;border:.0625rem solid rgba(255,255,255,.12);border-radius:.5rem;background:#ffffff0a}.project-image{display:block;width:100%;height:100%;object-fit:fill;transition:transform .32s cubic-bezier(.61,.02,.42,.87)}.project-card:hover .project-image{transform:scale(1.025)}.project-content{min-width:0}.project-title-row{display:flex;align-items:center;gap:.45rem}.project-title-row h3{margin:0;font-size:1.1rem;font-weight:500;line-height:1.2;letter-spacing:-.025em}.project-title-link{display:inline-flex;align-items:center;gap:.45rem;color:inherit;text-decoration:none}.project-title-link:focus-visible{border-radius:.125rem;outline:.0625rem solid rgba(255,255,255,.72);outline-offset:.375rem}.project-title-icon{width:1.1rem;height:1.1rem;flex:0 0 auto;color:#fff9;transition:color .18s ease,transform .18s ease}.project-title-link:hover .project-title-icon,.project-title-link:focus-visible .project-title-icon{color:#fff;transform:translate(.125rem,-.125rem)}.project-description{margin:.75rem 0 0;color:#ffffff94;font-size:.95rem;line-height:1.6}.project-technologies{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.35rem 0 0;padding:0;list-style:none}.project-technologies li{padding:.45rem .75rem;border:.0625rem solid rgb(255 203 47 / 25%);border-radius:999rem;background:#ffffff12;color:#ffcb2fc2;font-size:.75rem;line-height:1;white-space:nowrap}@keyframes skills-scroll{to{transform:translate(-50%)}}@media(max-width:46rem){.hotspot-label{padding:.45rem .55rem;font-size:.58rem;letter-spacing:.1em}.hotspot-label:after{right:.55rem;left:.55rem}.hotspot-label--left{transform:translate(.5rem,-50%)}.hotspot-label--left:hover,.hotspot-label--left.is-active{transform:translate(.5rem,calc(-50% - .12rem))}.experience-section{padding-block:5rem}.work-experience{grid-template-columns:.75rem minmax(0,1fr);gap:1.125rem}.work-experience-header{gap:.9rem;padding-right:3rem}.work-experience-details ul{margin-top:1.4rem;line-height:1.6}.skills-carousel{mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}.skill-card{width:9.5rem;min-height:6rem;padding:.875rem}.skill-icon{width:2rem;height:2rem}.skills-display--list .skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skills-display--list .skill-card{width:fit-content;gap:.5rem}.skills-display--list .skill-icon{width:1rem;height:1rem}.projects-section{padding-block:5rem 6rem}.project-card{grid-template-columns:minmax(0,1fr);gap:1.25rem;padding:1rem}.project-image-frame{width:100%}.project-content{padding:0 .25rem .25rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skills-track{animation:none}}