.projects-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7rem 1rem;overflow:hidden}.projects-containerPort{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2.5rem}.projects-title{font-size:80px;font-weight:500;color:#000;text-align:center;line-height:1;position:relative;z-index:10;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0px 2px 10px rgba(0,0,0,.5)}.project-frame{position:absolute;z-index:1;width:130px;height:150px;border-radius:8px;overflow:hidden;box-shadow:0 10px 20px #0000001a}.project-photo{width:100%;height:100%;object-fit:cover;display:block}.image-one{transform:rotate(-15deg);top:-90px;left:-10px}.image-two{transform:rotate(15deg);top:160px;right:-10px}.cnt-projects-description{display:flex;justify-content:center;align-items:center}.projects-description{padding:160px 0 0;text-align:center;max-width:90%;font-size:16px;color:var(--text-primary);line-height:24px}.image-gallery-section{padding:10px;background-color:#fff}.gallery-title{text-align:center;font-size:2.5rem;color:#1a1a1a;margin-bottom:2.5rem}.gallery-grid{display:grid;grid-template-columns:1fr;gap:8px}.gallery-item{border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #00000014;aspect-ratio:16 / 10}.gallery-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.gallery-item:hover .gallery-image{transform:scale(1.05)}@media (min-width: 768px){.projects-section{padding:5rem 1.5rem}.project-frame{width:170px;height:200px}.image-one{top:-40px;left:-140px}.image-two{top:120px;right:-125px}.projects-description{padding:120px 0 0;max-width:650px;font-size:1rem}.projects-title{font-size:100px}.project-feature-block{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:2rem;margin-bottom:2rem}.feature-content{padding:0}.project-feature-block:nth-child(2n){grid-template-areas:"image content"}.project-feature-block:nth-child(2n) .feature-content{grid-area:content}.project-feature-block:nth-child(2n) .feature-image{grid-area:image}}@media (min-width: 768px){.gallery-grid{grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto}.image-gallery-section{padding:5rem 3rem}}.project-details-section{max-width:1200px;margin:0 auto}.project-feature-block{border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;margin-bottom:3rem}.feature-content{padding:2rem}.feature-content h2{font-size:1.75rem;color:#000;margin-top:0;margin-bottom:1.5rem}.feature-content li{line-height:1.6;margin-bottom:1rem}.feature-image img{width:100%;height:100%}.projects-container{margin:0 auto;padding:10px;max-width:1200px}.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:10px 0 30px}.tab-button{color:var(--color-primary);font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-width:100px;min-height:80px;border:none;background:none}.tab-button i{font-size:35px;line-height:1}.tab-button span{font-size:13px;line-height:1}.tab-button:hover,.tab-button.active{color:var(--color-accent);transform:translateY(-2px)}.project-feature-block{border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;margin-bottom:2rem}.feature-content{padding:1.5rem}.feature-content h2{font-size:1.75rem;color:#1a202c;margin-top:0;margin-bottom:1.5rem}.feature-content ul{list-style:none;padding:0;margin:0}.feature-content li{color:#4a5568;line-height:1.6;margin-bottom:1rem;padding-left:1.2em;position:relative}.feature-content li:before{content:"•";color:var(--color-accent, #ff8c00);font-weight:700;display:inline-block;position:absolute;left:0}.feature-image img{object-fit:cover;display:block;max-width:500px;max-height:334px}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.tabs{padding:30px 0}.project-feature-block{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:2rem}.feature-content{padding:0}.project-feature-block:nth-child(2n) .feature-image{grid-column:1 / 2;grid-row:1 / 2}.project-feature-block:nth-child(2n) .feature-content{grid-column:2 / 3}}
