.work-title{color:var(--foreground);margin-bottom:1.5rem;font-size:2.25rem;font-weight:700}.work-grid{grid-template-columns:1fr;gap:2rem;width:100%;max-width:1200px;margin:0 auto;display:grid}@media (min-width:1024px){.work-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem}}.left-col,.right-col{flex-direction:column;display:flex}.tech-stack-card{background-color:var(--background);border-radius:.75rem;height:400px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000008,0 2px 4px #0000000d,0 12px 24px #0000000d}.dark .tech-stack-card{border:1px solid #ffffff1a;box-shadow:inset 0 -20px 80px -20px #ffffff1f}@media (min-width:640px){.tech-stack-card{height:400px}}@media (min-width:1024px){.tech-stack-card{height:540px}}@media (min-width:1280px){.tech-stack-card{height:550px}}.tech-stack-grid{grid-template-rows:1fr auto;width:100%;height:100%;display:grid;overflow:hidden}@media (min-width:640px){.tech-stack-grid{grid-template-rows:1fr;grid-template-columns:1fr 1fr}}.tech-stack-left{background-color:var(--card);border-bottom:1px solid var(--border);flex-direction:column;display:flex;position:relative}@media (min-width:640px){.tech-stack-left{border-bottom:none;border-right:1px solid var(--border)}}.tech-stack-frameworks{flex:1;justify-content:center;align-items:center;display:flex;transform:scale(.6)}@media (min-width:640px){.tech-stack-frameworks{transform:scale(.75)}}@media (min-width:1024px){.tech-stack-frameworks{transform:scale(.65)}}@media (min-width:1280px){.tech-stack-frameworks{transform:scale(.9)}}.tech-stack-info{background:linear-gradient(to top,var(--card)60%,transparent);padding:1rem}@media (min-width:640px){.tech-stack-info{padding:1.5rem}}.tech-stack-icon{width:2.5rem;height:2.5rem;color:var(--muted-foreground);margin-bottom:.5rem}.tech-stack-title{color:var(--foreground);margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.tech-stack-desc{color:var(--muted-foreground);font-size:.875rem}.tech-stack-right{background-color:var(--muted);flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}@media (min-width:640px){.tech-stack-right{gap:1.5rem;padding:1.5rem}}@media (min-width:1024px){.tech-stack-right{padding:2rem}}.tech-stack-right::-webkit-scrollbar{width:6px}.tech-stack-right::-webkit-scrollbar-track{background:0 0}.tech-stack-right::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.tech-stack-right::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.skill-category{flex-direction:column;gap:.5rem;display:flex}.skill-category-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);font-size:.75rem;font-weight:700}@media (min-width:640px){.skill-category-title{font-size:.8rem}}.skill-pills{flex-wrap:wrap;gap:.5rem;display:flex}.skill-pill{color:var(--secondary-foreground);background-color:var(--secondary);border:1px solid var(--border);border-radius:.375rem;align-items:center;padding:.25rem .5rem;font-size:.65rem;font-weight:500;transition:all .2s;display:inline-flex}.skill-pill:hover{background-color:var(--accent);color:var(--accent-foreground);transform:translateY(-1px)}@media (min-width:640px){.skill-pill{padding:.3rem .6rem;font-size:.7rem}}@media (min-width:1024px){.skill-pill{padding:.35rem .7rem;font-size:.75rem}}.experience-card{border-color:var(--border);background-color:var(--card);transition:background-color .3s;position:relative;overflow:hidden}.experience-card:hover{background-color:var(--accent)}.experience-logo-box{border:1px solid var(--border);background-color:var(--muted);border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-top:.25rem;display:flex}.experience-role{color:var(--card-foreground);font-size:1.125rem}.experience-company{color:var(--muted-foreground);font-weight:500}.experience-date{color:var(--muted-foreground);background-color:var(--muted);border:1px solid var(--border);border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:none}@media (min-width:640px){.experience-date{display:block}}.experience-description{color:var(--muted-foreground);font-size:.875rem;line-height:1.625}.experience-skill-badge{background-color:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}