.project-page{padding:7rem 0;min-height:100vh;background:var(--bg-white)}.project-page .container{max-width:1200px;margin:0 auto}.project-header{display:grid;grid-template-columns:2fr 1fr;gap:4rem;margin-bottom:4rem;align-items:start}.project-page-image{width:100%;height:500px;overflow:hidden;border-radius:12px;box-shadow:var(--shadow-lg);position:relative;margin-top:1.5rem}.project-page-image .project-page-img,.project-page-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .8s ease;opacity:1}.project-page-image img.fade-out{opacity:0;transition:all .8s ease}.project-page-image img.fade-in{opacity:1;transition:all .8s ease}.project-page-image .gallery-nav{position:absolute;bottom:1rem;left:1rem;display:flex;gap:.5rem}.project-page-image .nav-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.9);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm);color:var(--text-primary)}.project-page-image .nav-btn:hover:not(.disabled){background:var(--accent-orange);color:var(--bg-white);transform:scale(1.1)}.project-page-image .nav-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.project-page-image .nav-btn svg{color:var(--text-primary)}.project-page-info{padding:2rem 0}.project-page-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;line-height:1.1;font-family:var(--font-family)}.project-page-meta{display:flex;flex-direction:column}.meta-item{font-size:.9rem;color:var(--text-primary);padding:.75rem 0;display:flex;align-items:flex-start;gap:.5rem}.meta-item:before{content:"";width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:50%;flex-shrink:0}.meta-item:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6104 7.04999L17.0004 1.38999C16.907 1.29731 16.7961 1.22399 16.6743 1.17422C16.5525 1.12446 16.422 1.09923 16.2904 1.09999C16.0281 1.1011 15.7767 1.20525 15.5904 1.38999L1.3904 15.54C1.20415 15.7274 1.09961 15.9808 1.09961 16.245C1.09961 16.5092 1.20415 16.7626 1.3904 16.95L7.0504 22.61C7.14384 22.7027 7.25466 22.776 7.3765 22.8258C7.49833 22.8755 7.6288 22.9008 7.7604 22.9C8.02274 22.8989 8.27414 22.7947 8.4604 22.61L11.2904 19.78L19.7804 11.29L22.6104 8.45999C22.7967 8.27263 22.9012 8.01918 22.9012 7.75499C22.9012 7.49081 22.7967 7.23736 22.6104 7.04999ZM19.0704 9.16999L18.3604 8.45999C18.173 8.27374 17.9196 8.1692 17.6554 8.1692C17.3912 8.1692 17.1378 8.27374 16.9504 8.45999C16.8567 8.55296 16.7823 8.66356 16.7315 8.78542C16.6807 8.90727 16.6546 9.03798 16.6546 9.16999C16.6546 9.302 16.6807 9.43271 16.7315 9.55457C16.7823 9.67643 16.8567 9.78703 16.9504 9.87999L17.6604 10.59L16.2404 12L14.1204 9.87999C13.9291 9.71617 13.683 9.63056 13.4313 9.64028C13.1797 9.65 12.9409 9.75433 12.7628 9.93243C12.5847 10.1105 12.4804 10.3493 12.4707 10.6009C12.461 10.8526 12.5466 11.0987 12.7104 11.29L14.8304 13.41L13.4104 14.83L12.7104 14.12C12.5221 13.9317 12.2667 13.8259 12.0004 13.8259C11.7341 13.8259 11.4787 13.9317 11.2904 14.12C11.1021 14.3083 10.9963 14.5637 10.9963 14.83C10.9963 15.0963 11.1021 15.3517 11.2904 15.54L12.0004 16.24L10.5904 17.66L8.4604 15.54C8.27304 15.3537 8.01959 15.2492 7.7554 15.2492C7.49122 15.2492 7.23776 15.3537 7.0504 15.54C6.86415 15.7274 6.75961 15.9808 6.75961 16.245C6.75961 16.5092 6.86415 16.7626 7.0504 16.95L9.1704 19.07L7.7604 20.49L3.5104 16.24L16.2404 3.50999L20.4904 7.75999L19.0704 9.16999Z' fill='url(%23paint0_linear_170_294)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_170_294' x1='12.0004' y1='1.09998' x2='12.0004' y2='22.9' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E77937' stop-opacity='0.77'/%3E%3Cstop offset='1' stop-color='%23DB534B' stop-opacity='0.99'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")}.meta-item:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 3H4.5C3.67157 3 3 3.67157 3 4.5V19.5C3 20.3284 3.67157 21 4.5 21H19.5C20.3284 21 21 20.3284 21 19.5V4.5C21 3.67157 20.3284 3 19.5 3Z' stroke='url(%23paint0_linear_173_295)' stroke-width='2'/%3E%3Cpath d='M14.5 7.5H9.5V12.5H14.5V7.5Z' stroke='url(%23paint1_linear_173_295)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 16.5V7.5' stroke='url(%23paint2_linear_173_295)' stroke-width='2' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_173_295' x1='12' y1='3' x2='12' y2='21' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E77937' stop-opacity='0.77'/%3E%3Cstop offset='1' stop-color='%23DB534B'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_173_295' x1='12' y1='7.5' x2='12' y2='12.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E77937' stop-opacity='0.77'/%3E%3Cstop offset='1' stop-color='%23DB534B'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_173_295' x1='10' y1='7.5' x2='10' y2='16.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E77937' stop-opacity='0.77'/%3E%3Cstop offset='1' stop-color='%23DB534B'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")}.meta-item strong{color:var(--text-primary);font-weight:600;flex-shrink:0}.meta-item span{flex:1;word-wrap:break-word;overflow-wrap:break-word}.project-page-description{margin-top:2rem;font-size:.9rem;line-height:1.6;color:var(--text-primary)}.project-page-description p{margin-bottom:1rem}.project-page-description p:last-child{margin-bottom:0}.project-page-content{margin-top:2rem;font-size:.9rem;line-height:1.6;color:var(--text-primary)}.project-page-content p{margin-bottom:1rem}.project-page-content p:last-child{margin-bottom:0}.project-gallery{margin-top:3rem}.project-gallery h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.project-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.gallery-item{border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.gallery-item .gallery-img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover}.other-projects{padding-top:4rem}.other-projects h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:3rem;font-family:var(--font-family)}.other-projects-carousel{position:relative;display:flex;align-items:center;gap:2rem;overflow:visible}.other-projects-viewport{overflow:hidden;flex:1;position:relative;max-width:964px;margin:0 auto}.other-projects-grid{display:flex;gap:2rem;will-change:transform}.other-project-card{flex:0 0 300px;width:300px;background:var(--bg-white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease;position:relative;text-decoration:none;display:block;color:inherit}.other-project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.other-project-card img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.other-project-card:hover img{transform:scale(1.05)}.other-project-card h3{position:absolute;bottom:1rem;left:1rem;right:auto;background:var(--bg-white);padding:.5rem 1rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;backdrop-filter:blur(8px);border-radius:8px;max-width:calc(100% - 2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--shadow-sm)}.carousel-nav{width:40px;height:40px;border-radius:50%;background:var(--accent-orange);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm);flex-shrink:0}.carousel-nav:hover:not(.disabled){transform:scale(1.1);box-shadow:var(--shadow-md)}.carousel-nav.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.carousel-nav .icon-arrow-left,.carousel-nav .icon-arrow-right{width:24px;height:24px;background-repeat:no-repeat;background-size:contain;background-position:50%}.carousel-nav .icon-arrow-left{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 18L9 12L15 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.carousel-nav .icon-arrow-right{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18L15 12L9 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@media (max-width:768px){.project-page{padding:8rem 0}.project-page .container{padding:0 1rem}.project-header{grid-template-columns:1fr;gap:2rem}.project-page-image{margin-top:0}.project-page-title{font-size:2rem}.project-page-image{height:350px}.project-page-info{padding:0}.project-page-content{font-size:.95rem;line-height:1.7}.other-projects{margin-top:3rem;padding:0}.other-projects h2{font-size:1.75rem;margin-bottom:1.5rem;text-align:center}.other-projects-carousel{gap:.75rem;align-items:center}.other-projects-viewport{max-width:calc(100% - 108px);flex:1;min-width:0}.other-projects-grid{gap:1rem}.other-project-card{flex:0 0 calc(100% - 1rem);min-width:calc(100% - 1rem);max-width:calc(100% - 1rem)}.carousel-nav{width:48px;height:48px;flex-shrink:0;align-self:center}.carousel-nav .icon-arrow-left,.carousel-nav .icon-arrow-right{width:24px;height:24px}}@media (max-width:650px){.project-page{padding:8rem 0}.project-page .container{padding:0 .75rem}.project-header{gap:1.5rem}.project-page-title{font-size:2rem;margin-bottom:1.5rem}.project-page-image{height:280px}.project-page-info{padding:0}.project-page-meta{margin-bottom:1.5rem}.meta-item{font-size:1rem;padding:.625rem 0}.project-page-content,.project-page-description{margin-top:1.5rem;font-size:1rem}.other-projects{margin-top:2.5rem;padding:0}.other-projects h2{font-size:1.5rem;margin-bottom:1.25rem;text-align:center}.other-projects-carousel{gap:.5rem;align-items:center}.other-projects-viewport{max-width:calc(100% - 96px);flex:1;min-width:0}.other-projects-grid{gap:.875rem}.other-project-card{flex:0 0 calc(100% - 0.875rem);min-width:calc(100% - .875rem);max-width:calc(100% - .875rem)}.carousel-nav{width:44px;height:44px;flex-shrink:0;align-self:center}.carousel-nav .icon-arrow-left,.carousel-nav .icon-arrow-right{width:22px;height:22px}}@media (min-width:768px) and (max-width:1024px){.project-page{padding:7rem 0}.project-page .container{padding:0 2rem}.project-header{grid-template-columns:1fr;gap:2.5rem}.project-page-image{margin-top:0;height:450px}.project-page-title{font-size:2.5rem}.project-page-info{padding:0}.other-projects{margin-top:3rem}.other-projects h2{font-size:2rem;margin-bottom:2rem}.other-projects-carousel{gap:1.5rem}.other-project-card{flex:0 0 280px;min-width:280px}.other-project-card img{height:180px}.other-project-card h3{font-size:.95rem;padding:.5rem .875rem}}