.embla{--slide-spacing:1.5rem;--slide-size:70%;max-width:100%;margin:auto;position:relative}.embla__viewport{border-radius:.5rem;overflow:hidden}.embla__container{touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing)*-1);display:flex}.embla__slide{flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing);position:relative;transform:translate(0,0)}.embla__slide__img{object-fit:cover;border-radius:.75rem;width:100%;height:auto;transition:transform .3s,box-shadow .3s;display:block;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.embla__slide__img:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.embla__controls{justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.embla__buttons{align-items:center;gap:.75rem;display:flex}.embla__button{appearance:none;touch-action:manipulation;cursor:pointer;z-index:1;color:#1f2937;background-color:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0;padding:0;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.embla__button:hover{background-color:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.embla__button:disabled{opacity:.5;cursor:not-allowed}.embla__dots{flex-wrap:wrap;justify-content:center;align-items:center;margin-top:1rem;display:flex}.embla__dot{appearance:none;touch-action:manipulation;cursor:pointer;background-color:#0000;border:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin:0 .25rem;padding:0;text-decoration:none;display:flex}.embla__dot:after{content:"";background-color:#d1d5db;border-radius:50%;align-items:center;width:.75rem;height:.75rem;transition:background-color .2s,transform .2s;display:flex}.embla__dot--selected:after{background-color:#4b5563;transform:scale(1.2)}.project-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.project-card{background-color:#fff;border-radius:.75rem;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.project-info{padding:1rem}@media (max-width:768px){.embla{--slide-size:90%}}