@layer theme,base;@layer components{.avatar-orbit-icon{pointer-events:auto;width:8.4%}.orbit-glass.avatar-orbit-icon:hover{--glass-glow:color-mix(in srgb, var(--color-primary) 60%, transparent);--glass-edge-opacity:1;scale:1.08}.avatar-orbit-tag{font-size:var(--text-2xs);padding-left:.75em}.avatar-orbit-tag-glyph{width:1.15em;height:1.15em;color:var(--color-primary);flex-shrink:0}.dark .avatar-orbit-tag-glyph{color:var(--color-brand-blue)}@media (min-width:768px){.avatar-orbit-tag{font-size:var(--text-xs)}}@media (min-width:1024px){.avatar-orbit-tag{font-size:var(--text-s)}}@media (max-width:767px){.avatar-orbit-icon{width:11%}}@media (prefers-reduced-motion:reduce){.orbit-glass.avatar-orbit-icon:hover{scale:none}}}@layer utilities;
@layer theme,base;@layer components{@keyframes gradientSweep{0%{background-position:0%}to{background-position:200%}}.intro-gradient-sweep{background-size:200%;animation:3s cubic-bezier(.22,1,.36,1) 1.7s forwards gradientSweep}@media (prefers-reduced-motion:reduce){.intro-gradient-sweep{animation:none!important}}}@layer utilities;
@layer theme,base;@layer components{.architecture-overlay{--pillar-size:7%}.architecture-core{width:11.6%;top:50%;left:50%}.orbit-stage.entered .orbit-glass.architecture-core{animation-delay:.85s}.architecture-pillar{left:var(--x);top:var(--y);width:var(--pillar-size)}.architecture-label{left:var(--x);font-size:var(--text-2xs);transition:box-shadow .4s,color .4s,scale .4s cubic-bezier(.2,.7,.2,1)}.architecture-label.above{top:calc(var(--y) - var(--pillar-size) / 2 - 1.2%);translate:-50% -100%}.architecture-label.below{top:calc(var(--y) + var(--pillar-size) / 2 + 1.2%);translate:-50%}.architecture-pillar:after,.architecture-label:after{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(66deg, var(--color-primary) 0%, var(--color-brand-purple) 100%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.orbit-glass.architecture-pillar.active,.orbit-glass.architecture-label.active{--glass-glow:color-mix(in srgb, var(--color-primary) 60%, transparent);--glass-edge-opacity:0}.architecture-pillar.active:after,.architecture-label.active:after{opacity:1}.orbit-glass.architecture-pillar.active{scale:1.15}.architecture-pillar.active>svg{stroke:var(--color-white)}.orbit-glass-chip.architecture-label.active{color:var(--color-white)}@media (min-width:768px){.architecture-label{font-size:var(--text-xs)}}@media (max-width:767px){.architecture-overlay{--pillar-size:9%}}@media (prefers-reduced-motion:reduce){.orbit-glass.architecture-pillar.active{scale:none}}}@layer utilities;
@layer theme,base;@layer components{.skill-item{opacity:.4;color:var(--color-slate-steel);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.skill-item.active{opacity:1;background-image:linear-gradient(90deg, var(--color-brand-blue) 0%, var(--color-primary) 65%, var(--color-brand-purple) 100%);-webkit-text-fill-color:transparent;color:var(--color-brand-blue);-webkit-background-clip:text;background-clip:text;transform:translate(20px)}@supports not (color:color-mix(in srgb, red, blue)){.skill-item{color:var(--color-slate-steel)}.skill-item[data-active=true]{color:var(--color-primary)}}#main-container.is-sticky{background-color:var(--color-white);transition:background-color .4s ease-in-out}@media (prefers-reduced-motion:no-preference){.skill-item{transition-duration:.8s}}}@layer utilities;