.projekty{width:100%;color:var(--base-500);background-color:var(--base-100);min-height:100vh;position:relative;overflow-x:hidden}@media (max-width:768px){.projekty-hero .hero-content h1{letter-spacing:-.1rem!important;font-size:2.5rem!important}}@media (max-width:1200px){.projects-masonry{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media (max-width:1000px){.gallery-container{padding:0 1.5rem 4rem}.gallery-header h2{font-size:2.25rem}}@media (max-width:768px){.gallery-container{padding:0 1.5rem 4rem}.gallery-header h2{font-size:2rem}.projects-masonry{grid-template-columns:1fr;gap:2rem}.project-card{aspect-ratio:auto;height:auto;min-height:auto}.project-image{aspect-ratio:16/9}.project-content{flex-direction:column;justify-content:space-between;height:100%;padding:1.5rem;display:flex}.project-content h3{margin-bottom:.5rem;font-size:1.25rem}.project-description{flex:1;margin-bottom:1rem;font-size:.9rem}.project-button{margin-top:auto;padding-top:1rem}.project-button .btn{width:100%}.projekty-hero{height:80vh}.hero-description{font-size:1.1rem}}@media (max-width:480px){.gallery-container{padding:0 1rem 2rem}.project-content{padding:1rem}.project-content h3{-webkit-line-clamp:2;line-clamp:2;margin-bottom:.5rem;font-size:1rem}.project-description{-webkit-line-clamp:2;line-clamp:2;margin-bottom:1rem;font-size:.8rem}}.projekty .container{max-width:1400px;margin:0 auto;padding:8rem 2rem 6rem;position:relative}.projekty .page-header{text-align:center;margin-bottom:6rem}.projekty .page-header h1{letter-spacing:-.2rem;color:var(--base-500);margin-bottom:1.5rem;font-size:4.5rem;font-weight:500;line-height:1.1}.projekty .page-header p{color:var(--base-450);max-width:800px;margin:0 auto;font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:500;line-height:1.6}.projekty-hero{background-color:var(--base-200);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.projekty-hero .hero-bg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.projekty-hero .hero-bg img{object-fit:cover;object-position:center;width:100%;height:100%}.projekty-hero .hero-gradient{z-index:2;background:linear-gradient(135deg,#0006,#0009);width:100%;height:100%;position:absolute;top:0;left:0}.projekty-hero .hero-content{z-index:3;text-align:center;max-width:800px;padding:0 2rem;position:relative;color:linen!important}.projekty-hero .hero-content h1{letter-spacing:-.25rem;font-family:Supreme,sans-serif;font-size:clamp(3rem,8vw,5rem);font-weight:400;line-height:1.05;color:linen!important}@media (max-width:768px){.projekty-hero .hero-content h1{letter-spacing:-.1rem!important;font-size:2.5rem!important}}.hero-subtitle{color:linen;text-transform:uppercase;letter-spacing:.15em;margin-bottom:3.5rem;font-family:DM Mono,monospace;font-size:.75rem;font-weight:500}.hero-description{color:linen;max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.5}.gallery-container{max-width:1400px;margin:0 auto;padding:0 2rem 6rem}.gallery-header{text-align:center;margin-bottom:4rem}.gallery-header p{color:var(--base-400);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem;font-family:DM Mono,monospace;font-size:.9rem}.gallery-header h2{letter-spacing:-.1rem;color:var(--base-500);margin-bottom:1.5rem;font-size:2.75rem;font-weight:500;line-height:1.2}.projects-masonry{grid-template-columns:repeat(3,1fr);gap:2rem;margin:0;padding:0;display:grid}.project-card{cursor:pointer;background-color:var(--base-100);aspect-ratio:16/9;border:1px solid #0000000d;border-radius:1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.project-card:hover{transform:translateY(-4px)}.project-card-inner{background-color:var(--base-100);border-radius:1.5rem;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.project-image{background-color:var(--base-200);aspect-ratio:16/9;flex:1;position:relative;overflow:hidden}.project-image img{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-image img{transform:scale(1.08)}.project-content{background-color:var(--base-100);flex-direction:column;justify-content:space-between;min-height:140px;padding:2rem;display:flex;position:relative}.project-info{flex:1;margin-bottom:1.5rem}.project-category{color:var(--base-400);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.75rem;font-weight:500;display:inline-block}.project-content h3{color:var(--base-500);letter-spacing:-.02em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:1.5rem;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.project-description{color:var(--base-450);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.project-button{margin-top:auto}.project-content .btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--base-250);background:#f2ede6bf;width:auto;min-width:10rem;margin:0;transition:all .4s cubic-bezier(.16,1,.3,1)}.project-content .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.project-content .btn .circle{background:var(--base-400)}.project-content .btn .button-text{color:var(--base-500);font-size:.9rem;font-weight:500}.project-content .btn:hover .button-text{color:#fff}.loading,.no-projects{text-align:center;color:var(--base-400);letter-spacing:.05em;grid-column:1/-1;padding:6rem 2rem;font-family:DM Mono,monospace;font-size:1.1rem}@media (max-width:1200px){.projects-masonry{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media (max-width:1000px){.gallery-container{padding:0 1.5rem 4rem}.gallery-header h2{font-size:2.25rem}}@media (max-width:768px){.gallery-container{padding:0 1.5rem 4rem}.gallery-header h2{font-size:2rem}.projects-masonry{grid-template-columns:1fr;gap:2rem}.project-card{aspect-ratio:auto;height:auto;min-height:auto}.project-image{aspect-ratio:16/9}.project-content{flex-direction:column;justify-content:space-between;height:100%;padding:1.5rem;display:flex}.project-content h3{margin-bottom:.5rem;font-size:1.25rem}.project-description{flex:1;margin-bottom:1rem;font-size:.9rem}.project-button{margin-top:auto;padding-top:1rem}.project-button .btn{width:100%}.projekty-hero{height:80vh}.hero-description{font-size:1.1rem}}@media (max-width:480px){.gallery-container{padding:0 1rem 2rem}.project-content{padding:1rem}.project-content h3{-webkit-line-clamp:2;line-clamp:2;margin-bottom:.5rem;font-size:1rem}.project-description{-webkit-line-clamp:2;line-clamp:2;margin-bottom:1rem;font-size:.8rem}}