html{scroll-behavior:smooth}.project-detail-page{perspective:1000px;width:100%;min-height:100vh;padding:0}.container-project-detail{max-width:1400px;margin:0 auto;padding:0 40px}.has-animation{opacity:0;will-change:opacity,transform;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(60px)}.has-animation.animate-in{opacity:1;transform:translateY(0)}.has-animation.slide-left{transform:translate(-60px)}.has-animation.slide-left.animate-in{transform:translate(0)}.has-animation.slide-right{transform:translate(60px)}.has-animation.slide-right.animate-in{transform:translate(0)}.has-animation.scale-in{transform:scale(.9)}.has-animation.scale-in.animate-in{transform:scale(1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.project-detail-header{justify-content:space-between;align-items:flex-end;gap:100px;margin-bottom:80px;padding:4rem 0;display:flex}.project-detail-header .header-left{flex:none}.project-main-title{color:#fff;letter-spacing:-.02em;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;margin:0;font-size:clamp(80px,12vw,180px);font-weight:900;line-height:.9}.project-detail-header .header-right{flex-direction:column;flex:1;gap:30px;padding-top:0;display:flex}.project-description{color:#d0d0d0;text-align:justify;max-width:600px;margin:0;font-size:18px;line-height:1.8}.project-contact{color:#999;align-items:center;gap:20px;font-size:14px;display:flex}.project-contact i{font-size:12px}.contact-email{color:#d0d0d0;align-items:center;gap:10px;margin-left:auto;display:flex}.contact-email i{font-size:14px}.project-main-image-wrapper{width:100%;margin-top:60px;margin-bottom:0}.project-main-image{border-radius:12px;width:100%;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.project-main-image .main-image{object-fit:cover;width:100%;height:auto;transition:transform .8s cubic-bezier(.16,1,.3,1);display:block}.project-main-image:hover .main-image{transform:scale(1.02)}.project-main-image.has-animation{opacity:0;animation:1s ease-out forwards fadeInUp;animation-delay:var(--animation-delay,.2s);transform:translateY(40px)}.project-info-two-columns{grid-template-columns:1fr 2fr;gap:80px;margin-top:80px;padding-bottom:40px;display:grid}.info-column-left{flex-direction:column;gap:40px;display:flex}.info-item{opacity:0;animation:.8s ease-out forwards fadeInUp;animation-delay:var(--animation-delay,.25s);transform:translateY(20px)}.info-label{letter-spacing:.5px;color:#999;text-transform:uppercase;align-items:flex-end;gap:.5rem;margin:0 0 12px;font-size:14px;font-weight:700;line-height:10px;display:flex}.info-value{color:#fff;margin:0;font-size:16px;font-weight:400;line-height:1.6}.info-column-right{flex-direction:column;gap:24px;display:flex}.detail-paragraph{color:#d0d0d0;text-align:justify;opacity:0;animation:.8s ease-out forwards fadeInUp;animation-delay:var(--animation-delay,.4s);margin:0;font-size:18px;line-height:1.8;transform:translateY(20px)}.detail-section .info-value{line-height:30px}.project-more-images-gallery{flex-direction:column;gap:15px;margin-top:80px;padding-bottom:40px;display:flex}.gallery-item{background:#1a1a1a;border-radius:8px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000004d}.gallery-row.row-full{width:100%;height:100%}.gallery-item.full-width{width:100%;height:auto}.gallery-row.row-split-2{gap:15px;width:100%;display:flex}.gallery-item.half{flex:1;width:calc(50% - 7.5px)}.gallery-item.half .gallery-image-wrapper{height:100%}.gallery-row.row-split-3{gap:15px;width:100%;display:flex}.gallery-column{flex:1;width:calc(50% - 7.5px)}.gallery-column.column-single{display:flex}.gallery-item.full-height{width:100%;height:100%}.gallery-item.full-height .gallery-image-wrapper{height:100%}.gallery-column.column-stacked{flex-direction:column;gap:15px;display:flex}.gallery-item.half-height{height:calc(50% - 7.5px)}.gallery-item.half-height .gallery-image-wrapper{height:100%}.gallery-row.row-split-3-equal{gap:15px;width:100%;display:flex}.gallery-item.third{flex:1;width:calc(33.333% - 10px)}.gallery-item.third .gallery-image-wrapper{aspect-ratio:1}.gallery-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.gallery-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.gallery-item:hover .gallery-image{transform:scale(1.08)}@keyframes galleryItemFadeIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.dark-section .project-main-title{color:#fff}.dark-section .project-description{color:#d0d0d0}.dark-section .project-contact{color:#999}.dark-section .contact-email{color:#d0d0d0}@media (max-width:1200px){.container-project-detail{max-width:100%;padding:0 30px}.project-detail-header{gap:60px}}@media (max-width:991px){.project-detail-header{flex-direction:column;gap:40px;margin-bottom:60px}.project-detail-header .header-right{padding-top:0}.project-main-title{font-size:clamp(60px,10vw,120px)}.project-info-two-columns{grid-template-columns:1fr;gap:60px;margin-top:60px}}@media (max-width:767px){.container-project-detail{padding:0 20px}.project-detail-header{margin-bottom:40px;padding:2rem 0}.project-main-title{font-size:clamp(48px,12vw,80px)}.project-description{font-size:16px;line-height:1.6}.project-info-two-columns{gap:40px;margin-top:40px}.info-column-left{gap:30px}.detail-paragraph{font-size:16px}.project-more-images-gallery{gap:12px;margin-top:40px}.gallery-row.row-split-3{height:450px}.gallery-item.half .gallery-image-wrapper{aspect-ratio:4/3}}@media (max-width:479px){.container-project-detail{padding:0 15px}.project-detail-header{gap:30px}.project-main-title{font-size:clamp(36px,15vw,60px)}.project-description{font-size:14px}.contact-email{margin-left:0;font-size:12px}.project-more-images-gallery{gap:10px;margin-top:30px}.gallery-row.row-split-2,.gallery-row.row-split-3,.gallery-row.row-split-3-equal{flex-direction:column;height:auto}.gallery-column.column-stacked{gap:10px}.gallery-item.half,.gallery-item.third,.gallery-item.full-height,.gallery-item.half-height{width:100%;height:auto}.gallery-item.half .gallery-image-wrapper,.gallery-item.third .gallery-image-wrapper,.gallery-item.full-height .gallery-image-wrapper,.gallery-item.half-height .gallery-image-wrapper{aspect-ratio:4/3}.gallery-item.full-width .gallery-image-wrapper{aspect-ratio:16/9}.gallery-column{width:100%}}
.social-share-wrapper{align-items:center;gap:15px;display:flex}.social-share-wrapper .share-label{color:#999;letter-spacing:1px;text-transform:uppercase;font-size:14px}.social-share-wrapper .social-links{align-items:center;gap:15px;display:flex}.social-share-wrapper .social-link{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;text-decoration:none;transition:all .3s;display:flex}.social-share-wrapper .social-link:hover{background:#fff3;transform:translateY(-2px)}.social-share-wrapper .social-link i{line-height:1}