:root{--carousel-animation-duration: 30s}.intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:100%;overflow-x:hidden}@media (max-width: 1200px){.intro-layout{grid-template-columns:1fr 1fr;gap:2rem}.carousel-caption{position:relative;top:auto}}@media (max-width: 968px){.intro-layout{grid-template-columns:1fr;gap:2rem}}.intro-content{display:flex;flex-direction:column;gap:1.5rem}.intro-label{font-size:.875rem;color:var(--color-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:600;text-shadow:0 0 10px var(--color-glow-2)}.intro-title{font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);text-shadow:0 0 20px var(--color-glow);margin:.5rem 0}.intro-subtitle{font-size:1.75rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);text-shadow:0 0 10px var(--color-glow-2)}.intro-description{font-size:1rem;color:var(--color-text-muted);line-height:1.8;margin-bottom:1rem}.carousel-slide{display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary-10);border:2px solid var(--color-border);border-radius:8px;overflow:hidden;transition:all .3s;position:relative;cursor:pointer;text-decoration:none;color:inherit}.carousel-slide:hover{transform:translateY(-5px);border-color:var(--color-border-light);box-shadow:0 0 20px var(--color-glow-2)}.carousel-slide.active{border-color:var(--color-accent);box-shadow:0 0 25px var(--shadow-glow-accent),0 0 50px var(--color-glow-2);background:var(--color-bg-accent-15)}.carousel-slide img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block}.carousel-caption{position:sticky;top:2rem;padding:1.5rem;background:var(--color-surface);border:2px solid var(--color-border-light);border-radius:8px;height:fit-content;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;box-shadow:0 0 20px var(--color-glow-2);text-decoration:none;color:inherit;display:block;cursor:pointer;overflow-y:auto}.carousel-caption:hover{border-color:var(--color-accent);box-shadow:0 0 25px var(--shadow-glow-accent),0 0 40px var(--color-glow-2);transform:translateY(-2px)}.carousel-caption.active{opacity:1;visibility:visible;pointer-events:auto}.carousel-title{font-size:1.25rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;text-shadow:0 0 10px var(--shadow-glow-accent)}.carousel-description{font-size:.875rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:1rem}.carousel-tags{display:flex;flex-wrap:wrap;gap:.5rem}.carousel-tag{padding:.375rem .75rem;border:1px solid var(--color-border-light);border-radius:4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg-secondary-10);color:var(--color-secondary);transition:all .3s}.carousel-tag:hover{border-color:var(--color-accent);background:var(--color-bg-accent-20);color:var(--color-accent);box-shadow:0 0 10px var(--shadow-glow-accent)}.section-showcase{position:relative;width:100%;overflow:hidden;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}.carousel-wrapper{position:relative;width:100%;height:200px;overflow:hidden;border-radius:8px;max-width:100%}.carousel-track{display:flex;animation:slideBanner var(--carousel-animation-duration, 10s) linear infinite;height:100%;gap:1.5rem;align-items:center;will-change:transform}.carousel-track:hover{animation-play-state:paused}@keyframes slideBanner{0%{transform:translate(0)}to{transform:translate(var(--carousel-translate-distance, -50%))}}.carousel-track:not([style*=--carousel-translate-distance]){--carousel-translate-distance: -50%}#featured-open-source-project{box-sizing:border-box;width:100%}#featured-open-source-project .container{max-width:1400px;margin:0 auto;width:100%;padding:0;box-sizing:border-box}.carousel-item{flex-shrink:0;width:auto;min-width:150px;max-width:250px;height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}.carousel-item img{max-width:100%;max-height:180px;width:auto;height:auto;object-fit:contain}