*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.5}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer}.carousel{max-width:1200px;margin:2rem auto;padding:0 1rem}.carousel-loading{text-align:center;padding:3rem;font-size:1.125rem;color:#666}.carousel-error{display:none;text-align:center;padding:3rem;background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin:2rem 0}.carousel-error.visible{display:block}.carousel-error p{margin-bottom:1rem;color:#856404}.carousel-error a{color:#06c;text-decoration:none;font-weight:500}.carousel-error a:hover{text-decoration:underline}.carousel-content{display:none}.carousel-content.visible{display:block}.carousel-viewport{perspective:1200px;-webkit-perspective:1200px;overflow:hidden;position:relative;width:100%;height:500px;display:flex;align-items:center;justify-content:center;-moz-perspective:1200px}.carousel-track{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;display:flex;align-items:center;justify-content:center}.carousel-project{position:absolute;text-align:center;width:485px;cursor:pointer;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1),z-index 0s;will-change:transform,opacity;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.carousel-project.center{cursor:default;z-index:100}.carousel-project.transitioning{opacity:0}.project-badge-featured{display:inline-block;background:linear-gradient(135deg,gold,#ffed4e);color:#333;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:1rem;box-shadow:0 2px 8px #ffd7004d}.project-badge-featured.hidden{display:none}.project-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#333}.project-embed{display:block;margin:0 auto;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:100%;height:auto}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2rem}.carousel-btn{background:#06c;color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #06c3}.carousel-btn:hover{background:#0052a3;transform:scale(1.1);box-shadow:0 4px 12px #0066cc4d}.carousel-btn:active{transform:scale(.95)}.carousel-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.carousel-indicators{min-width:80px;text-align:center}.carousel-position{font-size:1rem;color:#666;font-weight:500}@media(max-width:767px){.carousel{padding:0 .5rem;margin:1rem auto}.carousel-viewport{height:400px;perspective:800px}.carousel-project{width:340px}.project-title{font-size:1.25rem;margin-bottom:1rem}.project-badge-featured{font-size:.75rem;padding:.375rem .75rem;margin-bottom:.75rem}.project-embed{width:100%;height:auto;aspect-ratio:485 / 402}.carousel-controls{gap:1rem;margin-top:1.5rem}.carousel-btn{width:56px;height:56px;font-size:1.75rem}.carousel-position{font-size:.875rem}.carousel-loading,.carousel-error{padding:2rem 1rem;font-size:1rem}}@media(min-width:768px)and (max-width:1024px){.carousel{max-width:720px;padding:0 1rem}.carousel-viewport{height:450px;perspective:1000px}.carousel-project{width:400px}.project-title{font-size:1.375rem}.project-embed{width:100%;max-width:400px;height:auto;aspect-ratio:485 / 402}.carousel-btn{width:52px;height:52px;font-size:1.625rem}}@media(min-width:1024px){.carousel{max-width:1200px}.carousel-viewport{height:500px;perspective:1200px}.carousel-project{width:485px}.project-embed{width:485px;height:402px}.carousel-btn:hover{transform:scale(1.15)}}