*{box-sizing:border-box}.showcase-section{position:relative;width:100%;height:100vh;overflow:hidden;background-color:#0e172b}.horizontal-wrapper{position:relative;height:100%;display:flex;flex-wrap:nowrap;width:max-content;min-height:100%}.project-panel{flex:0 0 100vw;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;gap:2rem;padding:4rem;color:#e0e7ff}.project-details{flex:1;max-width:500px}.project-details h2{font-size:3rem;font-weight:600;margin-bottom:1rem}.project-details p{font-size:1.1rem;color:#a0b3d1;margin-bottom:2rem}.tech-stack{display:flex;gap:.5rem;flex-wrap:wrap}.tech-stack span{background-color:rgba(163,255,180,.1);color:#a3ffb4;padding:.25rem .75rem;border-radius:999px;font-size:.9rem}.project-image{flex:1;position:relative;width:100%;height:60%;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.project-image img,.project-image video{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:768px){.showcase-section{height:auto}.horizontal-wrapper,.project-panel{width:100%;flex-direction:column}.project-panel{height:100vh;padding:2rem;gap:1rem}.project-details{max-width:100%;text-align:center}.project-details h2{font-size:2rem}.tech-stack{justify-content:center}.project-image{height:40%}}.know-more-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;padding:.75rem 1.5rem;background:transparent;border:1px solid #a3ffb4;border-radius:50px;color:#a3ffb4;font-weight:500;transition:all .3s ease-out;cursor:pointer}.know-more-btn:hover{transform:translateY(-2px)}.project-overlay{position:fixed;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:2rem}.overlay-content{position:relative;background-color:#0e172b;border-top:1px solid rgba(163,255,180,.3);border-radius:15px 15px 0 0;width:100%;max-width:1200px;height:85vh;padding:2rem;overflow-y:auto;color:#e0e7ff;transform:translateY(100%);animation:slide-up .5s ease-out forwards}.overlay-content h3{font-size:2.5rem;margin-bottom:2rem;margin-bottom:0}.close-btn{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.1);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s ease}.close-btn:hover{background:rgba(255,255,255,.2)}.overlay-header{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem}.repo-link-btn{display:inline-flex;align-items:center;gap:.5rem;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:999px;color:#a0b3d1;text-decoration:none;font-weight:500;transition:all .2s ease}.repo-link-btn:hover{background-color:rgba(255,255,255,.1);color:#e0e7ff;border-color:rgba(163,255,180,.5)}.media-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.media-gallery img,.media-gallery video{width:100%;height:auto;border-radius:8px;background-color:#0a0f18}.detailed-info{line-height:1.7;color:#a0b3d1;max-width:800px}.horizontal-wrapper{outline:2px dashed rgba(163,255,180,.5)}@keyframes slide-up{to{transform:translateY(0)}}.cta-section{position:relative;width:100%;padding:8rem 2rem;background-color:#0e172b;text-align:center;overflow:hidden;display:flex;justify-content:center;align-items:center}.cta-content{position:relative;z-index:2}.cta-headline{font-size:clamp(2.5rem,6vw,5rem);font-weight:600;color:#e0e7ff;margin:0 0 2.5rem}.cta-button{display:inline-block;font-size:1.1rem;font-weight:500;color:#0e172b;background-color:#a3ffb4;padding:1rem 2.5rem;border-radius:999px;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.cta-background-svg{position:absolute;top:0;left:0;z-index:1;opacity:.1}.svg-line{stroke:#a3ffb4;stroke-width:2;fill:none;stroke-dasharray:2000;stroke-dashoffset:2000}.elastic-string-section{position:relative;width:100%;padding:4rem 1rem;background:linear-gradient(180deg,#0e172b,#17243d 50%,#0e172b);text-align:center;overflow:hidden}.string-intro-text,.string-outro-text{font-size:clamp(1rem,2vw,1.25rem);color:#a0b3d1;margin:0 auto 2rem;max-width:800px;line-height:1.6}.string-outro-text{margin:2rem auto 0}.string-interactive-area{position:relative;width:100%;cursor:pointer;padding:0}.string-interactive-area svg path{stroke:#a3ffb4;stroke-width:1;fill:transparent;stroke-linecap:round;opacity:.8}.elastic-string-section:before{top:0}.elastic-string-section:after,.elastic-string-section:before{content:"";position:absolute;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(163,255,180,.7),transparent);opacity:.5}.elastic-string-section:after{bottom:0}@media (max-width:768px){.elastic-string-section{padding:3rem .5rem}.string-intro-text,.string-outro-text{font-size:.9rem;margin:0 auto 1.5rem}.string-outro-text{margin:1.5rem auto 0}}