.projects-page-wrapper{min-height:100vh;padding-top:10rem;position:relative;overflow:hidden}.bg-giant-text{font-family:var(--font-display);color:#ffffff04;pointer-events:none;user-select:none;text-transform:uppercase;z-index:0;white-space:nowrap;font-size:15vw;font-weight:800;line-height:1;position:absolute;top:25%;left:5%}.projects-intro{z-index:1;max-width:800px;margin-bottom:4rem;position:relative}.intro-title{text-transform:uppercase;margin-top:.5rem;font-size:clamp(3rem,6vw,5rem);line-height:1}.intro-desc{color:var(--text-secondary);margin-top:1.5rem;font-size:1.15rem;line-height:1.6}.scroll-helper{color:var(--accent-secondary);align-items:center;gap:.75rem;margin-top:2.5rem;font-size:.85rem;display:flex}.arrow-indicator{animation:1.5s ease-in-out infinite bounceLR}.arrow-indicator:first-child{animation-delay:.75s}@keyframes bounceLR{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.showcase-section{z-index:1;width:100vw;margin-left:-2rem;position:relative}.horizontal-scroll-container{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:3rem;padding:2rem 4rem 6rem;display:flex;overflow-x:auto}.horizontal-scroll-container::-webkit-scrollbar{display:none}.showcase-item{scroll-snap-align:start;flex-direction:column;flex:0 0 min(550px,80vw);gap:1.5rem;display:flex}.item-number{color:var(--accent-primary);font-size:1.1rem;font-weight:700}.item-inner{background-color:var(--bg-secondary);border:1px solid #ffffff08;border-radius:12px;transition:border-color .3s,box-shadow .3s;overflow:hidden}.item-inner:hover{border-color:#d4ff3f26;box-shadow:0 20px 40px -20px #d4ff3f0d}.item-image-wrapper{aspect-ratio:16/10;position:relative;overflow:hidden}.item-image{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:transform .8s var(--ease-out-expo), filter .8s var(--ease-out-expo)}.item-inner:hover .item-image{filter:grayscale(0%);transform:scale(1.05)}.item-image-overlay{background:linear-gradient(#0000 50%,#0d0d0ccc);width:100%;height:100%;position:absolute;top:0;left:0}.item-info{flex-direction:column;gap:1rem;padding:2.5rem;display:flex}.item-tags{gap:.5rem;display:flex}.item-tag{color:var(--accent-secondary);background-color:#ffffff08;border:1px solid #ffffff05;border-radius:4px;padding:.2rem .6rem;font-size:.75rem}.item-title{text-transform:uppercase;font-size:2rem;font-weight:800}.item-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.cta-item{flex:0 0 min(450px,75vw)}.cta-inner{background:linear-gradient(135deg, var(--bg-secondary) 0%, #d4ff3f05 100%);border:1px solid #d4ff3f0d;border-radius:12px;flex-direction:column;justify-content:center;gap:1.5rem;height:100%;padding:3rem 2rem;display:flex}.cta-subtitle{color:var(--accent-primary);letter-spacing:.1em;font-size:.85rem}.cta-title{text-transform:uppercase;font-size:2rem;font-weight:800;line-height:1.1}.cta-desc{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem;line-height:1.5}.cta-inner .btn-magnetic{align-self:flex-start}@media (width<=900px){.projects-page-wrapper{padding-top:8rem}.intro-title{font-size:clamp(2.5rem,8vw,4rem)}.showcase-section{width:100%;margin-left:0}.horizontal-scroll-container{gap:2rem;padding:1.5rem 2rem 4rem}.showcase-item{flex:0 0 min(480px,85vw)}.item-info{padding:2rem}.item-title{font-size:1.75rem}.cta-item{flex:0 0 min(400px,80vw)}.cta-inner{padding:2.5rem 1.5rem}.cta-title{font-size:1.75rem}}@media (width<=768px){.projects-page-wrapper{padding-top:7rem}.bg-giant-text{display:none}.intro-title{font-size:clamp(2rem,10vw,3rem)}.intro-desc{font-size:1rem}.scroll-helper{display:none}.showcase-section{width:auto;margin-left:0}.horizontal-scroll-container{scroll-snap-type:none;flex-direction:column;gap:2rem;padding:0;overflow-x:visible}.showcase-item{flex:auto;width:100%}.item-image{filter:grayscale(0%)}.item-info{padding:1.5rem}.item-title{font-size:1.5rem}.item-desc{font-size:.9rem}.cta-item{flex:auto;width:100%}.cta-inner{padding:2rem 1.5rem}.cta-title{font-size:1.5rem}.cta-desc{font-size:.9rem}}@media (width<=480px){.projects-page-wrapper{padding-top:6rem}.intro-title{font-size:clamp(1.75rem,12vw,2.5rem)}.intro-desc{font-size:.95rem;line-height:1.5}.item-number{font-size:.95rem}.item-info{gap:.75rem;padding:1.25rem}.item-tag{padding:.15rem .5rem;font-size:.65rem}.item-title{font-size:1.35rem}.item-desc{font-size:.85rem}.cta-inner{padding:1.5rem 1.25rem}.cta-subtitle{font-size:.75rem}.cta-title{font-size:1.35rem}.cta-desc{font-size:.85rem}}