.portfolio-section{padding:34px 0}.portfolio-bg-black{background-color:#000;color:#fff}.portfolio-bg-green{background-color:var(--deep-teal, #1E3636);color:#fff}.portfolio-section .project-title{color:var(--sandstone, #9a8b74);margin-bottom:30px;letter-spacing:2px}.portfolio-video-wrapper{max-width:900px;margin:0 auto 20px;overflow:hidden;box-shadow:0 4px 15px #00000080}.portfolio-video-wrapper video{width:100%;height:auto;display:block}.portfolio-video-wrapper .plyr{width:100%!important}.portfolio-video-wrapper .plyr__controls{display:none!important}.portfolio-video-wrapper .plyr--playing .plyr__controls,.portfolio-video-wrapper .plyr--hover .plyr__controls{display:flex!important}.portfolio-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:0;max-width:900px;margin:0 auto}.portfolio-projects-grid img{transition:transform .3s ease;width:100%;height:100%;object-fit:cover}.portfolio-projects-grid img:hover{transform:scale(1.02)}@media(max-width:768px){.portfolio-projects-grid{grid-template-columns:1fr;gap:15px}.portfolio-projects-grid img{aspect-ratio:16 / 9;height:auto}.portfolio-video-wrapper{max-width:100%;margin-bottom:15px}}.project-features-box{margin:0 auto 20px;max-width:900px;padding:36px 40px}.project-title-row{display:flex;align-items:center;gap:20px;margin-bottom:28px}.project-title-row .title-line{flex:1;height:1px;background-color:#9a8b744d}.project-title-span{font-size:12px;letter-spacing:3px;color:#9a8b74;white-space:nowrap;text-transform:uppercase}.budget-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center;margin-bottom:0}.budget-stat{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px}.budget-stat .stat-label{font-size:13px;letter-spacing:2px;font-weight:700;color:#9a8b74;text-transform:uppercase}.budget-stat .stat-value{font-size:15px;letter-spacing:2px;color:#9a8b74;text-transform:uppercase;font-weight:300}.budget-stat-divider{display:none}.leaf-divider{display:flex;align-items:center;margin:20px 0}.leaf-divider .leaf-line{flex:1;height:1px;background-color:#9a8b7440}.leaf-divider .leaf-icon{margin:0 25px;line-height:1}.features-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;row-gap:8px;font-size:12px;letter-spacing:2px;color:#9a8b74;text-transform:uppercase}.features-list .feature-divider{margin:0 12px;color:#9a8b74;opacity:.4}@media(max-width:600px){.project-title-span{font-size:10px;letter-spacing:1.5px}.budget-row{grid-template-columns:1fr;gap:0}.budget-stat{flex-direction:row;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(154,139,116,.15);gap:10px}.budget-stat:last-child{border-bottom:none}.budget-stat .stat-label,.budget-stat .stat-value{font-size:12px}.features-list{font-size:11px;letter-spacing:1px}.features-list .feature-divider{margin:0 8px}}.detailed-features .image-wrap{max-width:1000px;margin:40px auto 0}.detailed-features .img-popup{cursor:zoom-in;display:block}.portfolio-turnkey{padding:20px 0;max-width:900px;margin:0 auto}.portfolio-turnkey .turnkey-head{margin-bottom:60px}.portfolio-turnkey .turnkey-head h2{font-size:38px;margin-top:10px;letter-spacing:4px}.portfolio-turnkey .turnkey-grid{display:flex;justify-content:center;gap:100px;flex-wrap:wrap}.portfolio-turnkey .turnkey-info-item{display:flex;align-items:flex-start;gap:25px}.sandstone{color:#9a8b74!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:initial!important}.portfolio-turnkey .icon-box i{width:50px;text-align:center;line-height:1}.portfolio-turnkey .text-box .label{font-size:12px;margin-bottom:8px;letter-spacing:2px;text-transform:uppercase}.portfolio-turnkey .text-box .value{font-size:16px;line-height:1.8;text-transform:uppercase;letter-spacing:1px}@media(max-width:991px){.turnkey-grid{padding-top:30px}.portfolio-turnkey .turnkey-grid{gap:20px}}@media(max-width:767px){.portfolio-turnkey .turnkey-grid{flex-direction:column;align-items:center;text-align:center;gap:10px}.portfolio-turnkey .turnkey-info-item{flex-direction:column;align-items:center;gap:15px}.portfolio-turnkey .turnkey-head h2{font-size:28px}}.detailed-features .image-wrap img{width:100%;height:auto;display:block;border:1px solid #222}@media(max-width:900px){.detailed-features .image-wrap{max-width:100%;padding:0 20px}}
