.projects-page{background-color:var(--base-500);min-height:100vh}.projects-page-hero{padding:12rem 0 8rem}.projects-page-header{flex-direction:column;gap:2rem;max-width:900px;margin-bottom:6rem;display:flex}.projects-page-callout p{color:var(--base-350)}.projects-page-title h1{letter-spacing:-.15rem;color:var(--base-100);font-size:clamp(3rem,6vw,5.5rem);line-height:1.1}.projects-page-description{max-width:650px}.projects-page-description p{color:var(--base-250);line-height:1.7}.projects-page-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem;display:grid}.project-page-card{cursor:pointer;background-color:#ffffff05;border:1px solid #ffffff14;border-radius:20px;transition:all .4s cubic-bezier(.65,0,.076,1);position:relative;overflow:hidden}.project-page-card:hover{background-color:#ffffff0a;border-color:#ffffff26;transform:translateY(-12px);box-shadow:0 25px 50px #0006}.project-page-card-image{aspect-ratio:2;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff05 100%);width:100%;position:relative;overflow:hidden}.project-image{object-fit:contain;object-position:center;width:100%;height:100%;transition:transform .4s}.project-page-card:hover .project-image{transform:scale(1.05)}.project-image-placeholder{background:linear-gradient(135deg,var(--base-450)0%,var(--base-500)100%);border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.project-placeholder-text{color:var(--base-300);text-align:center;padding:1rem;font-size:1.5rem;font-weight:600}.project-page-card-overlay{opacity:0;background:linear-gradient(#0000001a 0%,#0009 100%);flex-direction:column;justify-content:space-between;align-items:flex-end;padding:1.5rem;transition:all .4s;display:flex;position:absolute;inset:0}.project-page-card:hover .project-page-card-overlay{opacity:1}.project-page-card-category{color:var(--base-500);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;border-radius:50px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.project-page-card-action{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.project-page-view-text{color:var(--base-100);font-size:.95rem;font-weight:600}.project-page-arrow{color:var(--base-100);align-items:center;font-size:1.25rem;transition:all .3s;display:inline-flex}.project-page-card:hover .project-page-arrow{transform:translate(4px)}.project-page-card-content{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.project-page-card-header h3{color:var(--base-100);letter-spacing:-.02rem;font-size:1.75rem;font-weight:600;line-height:1.3;transition:all .3s}.project-page-card:hover .project-page-card-header h3{color:var(--base-100)}.project-page-card-description p{color:var(--base-300);line-height:1.6}.project-page-card-tags{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.project-page-tag{color:var(--base-350);background-color:#ffffff0d;border:1px solid #ffffff14;border-radius:50px;padding:.4rem .85rem;font-size:.85rem;transition:all .3s}.project-page-card:hover .project-page-tag{background-color:#ffffff14;border-color:#ffffff1f}.project-page-card-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff08 0%,#0000 70%);width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.project-page-card-glow.active{opacity:1}.projects-cta-section{background:linear-gradient(135deg,#ffffff05 0%,#ffffff01 100%);border-top:1px solid #ffffff0d;padding:8rem 0}.projects-cta-content{text-align:center;flex-direction:column;align-items:center;gap:2rem;max-width:600px;margin:0 auto;display:flex}.projects-cta-content h2{color:var(--base-100);letter-spacing:-.1rem;font-size:clamp(2.5rem,5vw,4rem);line-height:1.2}.projects-cta-content p{color:var(--base-250);line-height:1.7}.projects-cta-button{margin-top:1rem}.whatsapp-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#25d366bf;border:none;border-radius:4rem;outline:none;width:14rem;height:auto;padding:.15rem;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-block;position:relative}.whatsapp-circle{background:#25d366;border-radius:4rem;width:3rem;height:3rem;margin:0;font-size:1.5rem;transition:width .5s cubic-bezier(.65,0,.076,1);display:block;position:relative;overflow:hidden}.whatsapp-icon-wrapper{color:#fff;will-change:transform;justify-content:center;align-items:center;font-size:1.5rem;transition:all .5s cubic-bezier(.65,0,.076,1);display:flex;position:absolute;top:50%;left:1.5rem;transform:translate(-50%,-50%)}.whatsapp-text{text-align:center;color:#fff;white-space:nowrap;margin:0 0 0 1.25rem;font-family:Manrope,sans-serif;font-weight:600;line-height:1;transition:all .5s cubic-bezier(.65,0,.076,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.whatsapp-button:hover .whatsapp-circle{width:100%}.whatsapp-button:hover .whatsapp-icon-wrapper{left:2.25rem;transform:translate(-50%,-50%)}@media (max-width:1200px){.projects-page-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}}@media (max-width:1000px){.projects-page-hero{padding:8rem 0 4rem}.projects-page-header{margin-bottom:4rem}.projects-page-title h1{font-size:2.5rem}.projects-page-grid{grid-template-columns:1fr;gap:1.5rem}.project-page-card-content{padding:1.5rem}.project-page-card-image{aspect-ratio:2}.projects-cta-section{padding:6rem 0}}@media (max-width:768px){.projects-page-hero{padding:6rem 0 3rem}.projects-page-header{margin-bottom:3rem}.project-page-card-image{aspect-ratio:2}.project-placeholder-text{font-size:1.25rem}.project-page-card-overlay{padding:1rem}.project-page-card-action{padding:.5rem 1rem}.project-page-view-text{font-size:.875rem}.projects-cta-section{padding:4rem 0}.whatsapp-button{width:100%;min-width:200px;max-width:300px;margin:0 auto}}@media (max-width:480px){.projects-page-grid{grid-template-columns:1fr;gap:1rem}.project-page-card-content{padding:1rem}.project-page-card-image{aspect-ratio:2}.project-placeholder-text{font-size:1rem}.project-page-card-header h3{font-size:1.5rem}.project-page-card-tags{gap:.25rem}.project-page-tag{padding:.3rem .6rem;font-size:.75rem}}