.skills-grid:where(.astro-MSCXXSQS){display:grid;gap:3rem}@media (min-width: 992px){.skills-grid:where(.astro-MSCXXSQS){grid-template-columns:1fr 1fr}}.skills-grid:where(.astro-MSCXXSQS) .skill-item:where(.astro-MSCXXSQS){background-color:#fff;border-radius:var(--radius-2);padding:var(--size-fluid-3);box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;display:flex;flex-direction:column}.skills-grid:where(.astro-MSCXXSQS) .skill-item:where(.astro-MSCXXSQS) .skill-title:where(.astro-MSCXXSQS){font-size:var(--font-size-fluid-1);font-weight:600;text-transform:uppercase;display:flex;align-items:baseline;line-height:1.2;color:var(--accent-dark)}.skills-grid:where(.astro-MSCXXSQS) .skill-item:where(.astro-MSCXXSQS) .skill-title:where(.astro-MSCXXSQS) span:where(.astro-MSCXXSQS){position:relative;display:inline-flex;font-size:var(--font-size-1);padding-left:1.5rem;text-transform:none;font-weight:400;color:var(--gray-8)}.skills-grid:where(.astro-MSCXXSQS) .skill-item:where(.astro-MSCXXSQS) .skill-title:where(.astro-MSCXXSQS) span:where(.astro-MSCXXSQS):before{content:"";--size: 5px;height:var(--size);width:var(--size);border-radius:50%;position:absolute;background:var(--gray-5);left:.75rem;top:50%;transform:translate(-50%,-50%)}.skills-grid:where(.astro-MSCXXSQS) .skill-item:where(.astro-MSCXXSQS) .skill-about:where(.astro-MSCXXSQS){font-size:.9rem;line-height:1.6;flex:1}.skills-grid:where(.astro-MSCXXSQS) .skill-item:where(.astro-MSCXXSQS) .tags:where(.astro-MSCXXSQS){display:flex;flex-wrap:wrap;gap:.75rem}.skills-grid:where(.astro-MSCXXSQS) .skill-item:where(.astro-MSCXXSQS) .tags:where(.astro-MSCXXSQS) span:where(.astro-MSCXXSQS){flex-shrink:0;display:inline-flex;padding:.4rem 1rem;background:var(--gray-2);border-radius:9999rem;border:1.5px dashed var(--yellow-5);font-size:.65rem;font-weight:500;line-height:1.1;text-transform:uppercase;color:var(--gray-8)}.projects-grid:where(.astro-BYTYRQIB){display:grid;gap:3rem}@media (min-width: 992px){.projects-grid:where(.astro-BYTYRQIB){grid-template-columns:1fr 1fr}}.projects-grid:where(.astro-BYTYRQIB) .project-item:where(.astro-BYTYRQIB){background-color:#fff;border-radius:var(--radius-2);padding:var(--size-fluid-3);box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;display:flex;flex-direction:column;box-shadow:var(--shadow-1);border:1px solid;border-color:var(--grape-5)}.projects-grid:where(.astro-BYTYRQIB) .project-item:where(.astro-BYTYRQIB):nth-child(2n){border-color:var(--lime-5)}.projects-grid:where(.astro-BYTYRQIB) .project-item:where(.astro-BYTYRQIB):nth-child(3n){border-color:var(--violet-5)}.projects-grid:where(.astro-BYTYRQIB) .project-item:where(.astro-BYTYRQIB):nth-child(3n+1){border-color:var(--indigo-5)}.projects-grid:where(.astro-BYTYRQIB) .project-item:where(.astro-BYTYRQIB) .project-title:where(.astro-BYTYRQIB){font-size:var(--font-size-fluid-2);line-height:1.125}.projects-grid:where(.astro-BYTYRQIB) .project-item:where(.astro-BYTYRQIB) .project-about:where(.astro-BYTYRQIB){font-size:.9rem;line-height:1.6;flex:1}.projects-grid:where(.astro-BYTYRQIB) .project-item:where(.astro-BYTYRQIB) .project-about:where(.astro-BYTYRQIB) a:where(.astro-BYTYRQIB){color:var(--accent);font-weight:500;text-decoration:underline}.projects-grid:where(.astro-BYTYRQIB) .project-item:where(.astro-BYTYRQIB) .links:where(.astro-BYTYRQIB){display:flex;gap:1rem}.projects-grid:where(.astro-BYTYRQIB) .project-item:where(.astro-BYTYRQIB) .links:where(.astro-BYTYRQIB) a:where(.astro-BYTYRQIB){display:flex;align-items:center;justify-content:center;gap:.5em;font-size:.88rem;font-weight:600;flex:1;padding:.7em 1em;border-radius:var(--radius-2);background:var(--accent);color:#fff}.projects-grid:where(.astro-BYTYRQIB) .project-item:where(.astro-BYTYRQIB) .links:where(.astro-BYTYRQIB) a:where(.astro-BYTYRQIB):hover{background:var(--accent-dark)}.projects-grid:where(.astro-BYTYRQIB) .project-item:where(.astro-BYTYRQIB) .links:where(.astro-BYTYRQIB) a:where(.astro-BYTYRQIB):focus{outline:none;box-shadow:#f8fafc 0 0 0 2px,#93c5fd 0 0 0 5px,#0000000d 0 1px 2px}.other-project-grid:where(.astro-BYTYRQIB){display:grid;gap:3rem}.other-project-grid:where(.astro-BYTYRQIB) .op-item:where(.astro-BYTYRQIB){padding:2rem 2rem 2rem 3rem;border-radius:var(--radius-2);background-color:#fff;border:1.5px solid;--border: var(--yellow-5);border-color:var(--border)}.other-project-grid:where(.astro-BYTYRQIB) .op-item:where(.astro-BYTYRQIB):nth-child(2n){--border: var(--teal-5)}.other-project-grid:where(.astro-BYTYRQIB) .op-item:where(.astro-BYTYRQIB):nth-child(3n){--border: var(--grape-5)}.other-project-grid:where(.astro-BYTYRQIB) .op-item:where(.astro-BYTYRQIB):nth-child(4n){--border: var(--red-5)}.other-project-grid:where(.astro-BYTYRQIB) .op-item:where(.astro-BYTYRQIB) .project-about:where(.astro-BYTYRQIB) a:where(.astro-BYTYRQIB){color:var(--accent);font-weight:500;text-decoration:underline}.other-project-grid:where(.astro-BYTYRQIB) .op-item:where(.astro-BYTYRQIB) h3:where(.astro-BYTYRQIB){font-size:var(--font-size-fluid-1);line-height:1.125;position:relative}.other-project-grid:where(.astro-BYTYRQIB) .op-item:where(.astro-BYTYRQIB) h3:where(.astro-BYTYRQIB):before{content:"";--size: .5rem;height:var(--size);width:var(--size);border-radius:50%;background:var(--border);position:absolute;left:-1.75rem;top:.5ch}.other-project-grid:where(.astro-BYTYRQIB) .op-item:where(.astro-BYTYRQIB) p:where(.astro-BYTYRQIB){font-size:.88rem}@media (min-width: 768px){.other-project-grid:where(.astro-BYTYRQIB) .op-item:where(.astro-BYTYRQIB) p:where(.astro-BYTYRQIB){font-size:var(--size-3)}}.other-project-grid:where(.astro-BYTYRQIB) .op-item:where(.astro-BYTYRQIB) .links:where(.astro-BYTYRQIB){display:flex;gap:1.5rem}.other-project-grid:where(.astro-BYTYRQIB) .op-item:where(.astro-BYTYRQIB) .links:where(.astro-BYTYRQIB) a:where(.astro-BYTYRQIB){color:var(--accent);font-size:.9rem;font-weight:600}.other-project-grid:where(.astro-BYTYRQIB) .op-item:where(.astro-BYTYRQIB) .links:where(.astro-BYTYRQIB) a:where(.astro-BYTYRQIB):hover{color:var(--accent-dark);text-decoration:underline}.other-project-grid:where(.astro-BYTYRQIB) .op-item:where(.astro-BYTYRQIB) .links:where(.astro-BYTYRQIB) a:where(.astro-BYTYRQIB):focus{outline:none;box-shadow:#f8fafc 0 0 0 2px,#93c5fd 0 0 0 5px,#0000000d 0 1px 2px}
