html,body{margin:0;padding:0;height:100%}:root{--vh: 1dvh}.section--fullvh{min-height:calc(100 * var(--vh))}.navbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:20px;font-family:Arial,sans-serif;box-shadow:0 2px 5px #0000001a;-webkit-tap-highlight-color:transparent;transition:padding .3s ease,box-shadow .3s ease,opacity .3s ease}.navbar.scrolled{opacity:.95;padding:10px 20px;box-shadow:0 4px 12px #00000026}.logo-link{display:inline-flex;align-items:center;text-decoration:none;min-width:0}.logo-image{height:100px;width:auto;object-fit:contain;transition:height .3s ease;cursor:pointer}.navbar-links{display:flex;align-items:center;gap:30px}.navbar-links a{position:relative;color:#000;text-decoration:none;font-weight:600;text-transform:capitalize;font-size:20px;-webkit-tap-highlight-color:transparent;transition:color .2s ease,transform .2s ease}.navbar-links a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#000;border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.navbar-links a:hover:after,.navbar-links a.active:after{transform:scaleX(1)}.navbar-links a.active{transform:translateY(-2px)}.logout-btn{background:transparent;border:1px solid #000;color:#000;padding:6px 12px;font-weight:600;border-radius:4px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.logout-btn:hover{background:#0b5a48;color:#fff;border-color:#0b5a48}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:44px;height:44px;padding:10px 9px;background:transparent;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:1001}.hamburger span{display:block;height:3px;background:#000;border-radius:2px;transition:transform .25s ease,opacity .2s ease}@media(max-width:992px)and (min-width:769px){.navbar{padding:15px 20px}.logo-image{height:85px}.navbar-links{gap:20px}.navbar-links a{font-size:18px}.logout-btn{padding:5px 10px}}@media(max-width:768px){.navbar{min-height:64px;padding-right:64px}.logo-image{height:48px!important;max-width:60vw}.hamburger{display:flex!important;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.navbar-links{position:fixed;inset:0;display:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:28px;background:#fff;padding:96px 20px 20px;opacity:0;transform:translateY(-4%);transition:opacity .2s ease,transform .2s ease;z-index:9999;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.navbar-links.active{display:flex;opacity:1;transform:translateY(0)}.navbar-links a{font-size:1.25rem;font-weight:700;color:#000}.hamburger.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}.footer{display:flex;justify-content:space-between;align-items:center;background-color:#000;padding:15px 20px;box-shadow:0 -2px 5px #0000001a}.footer-text{color:#fff;font-size:.9rem}.footer-icons{display:flex;gap:15px}.social-icon{color:#fff;font-size:4rem;transition:color .3s ease,transform .3s ease}.social-icon:hover{color:#414141;transform:translateY(-2px)}.home-container{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}.hero-section{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;text-align:left;height:40vh;background-color:#000;color:#fff;padding:0 2rem}.hero-section h1{font-size:10rem;margin-bottom:5rem;align-self:flex-start}.hero-section p{font-size:1.5rem;max-width:600px}.about-section{padding:4rem 2rem;text-align:center}.about-section h2{font-size:2.5rem;margin-bottom:1rem}.about-section p{font-size:1.2rem;max-width:800px;margin:0 auto}.featured-portfolio-section{display:flex;flex-direction:row;gap:2rem;padding:4rem 3rem}.featured-left{flex:1 1 50%}.featured-portfolio-main{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .3s ease}.featured-portfolio-main:hover{transform:scale(1.03)}.featured-right{flex:1 1 50%;display:flex;flex-direction:column;gap:2rem}.featured-project-card{position:relative;cursor:pointer;overflow:hidden;height:30vh;transition:transform .3s ease}.featured-project-card:hover{transform:scale(1.02)}.featured-project-image{width:100%;height:100%;object-fit:cover;display:block}.placeholder-image{background-color:#020202;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.featured-project-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,#000000b3,#0000);color:#fff}.featured-project-overlay h3{margin:0;font-size:1.2rem}@media(max-width:900px){.featured-portfolio-section{flex-direction:column;padding:2rem 1rem}.featured-left,.featured-right{flex:1 1 100%;width:100%}.featured-project-card{height:180px}.hero-section h1{font-size:3rem;margin-bottom:2rem}.hero-section p{font-size:1.2rem}.about-section h2{font-size:2rem}.about-section p{font-size:1rem}}.projects-section{padding:4rem 2rem;background-color:#000;min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:#fff;display:flex;flex-direction:column;align-items:center}.projects-title{font-size:3rem;margin-bottom:3rem;text-align:center;color:#0b5a48}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;max-width:1400px;justify-items:center}.project-card{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border-radius:0!important;box-shadow:0 6px 20px #0000004d;background:#fff;display:flex;flex-direction:column}.project-card:hover{transform:scale(1.03);box-shadow:0 12px 30px #00000080}.carousel-container{position:relative;width:100%;height:100%;overflow:hidden}.carousel-track{display:flex;transition:transform .3s ease-in-out;width:100%;height:100%}.carousel-image{flex:0 0 100%;width:100%;height:100%;object-fit:cover;display:block;border-radius:0!important}.project-overlay{position:absolute;bottom:0;width:100%;background:#0000008c;color:#fff;padding:12px 16px;text-align:left;transition:background .3s ease;font-weight:500}.project-card:hover .project-overlay{background:#000000b3}.project-overlay h3{margin:0;font-size:1.2rem;font-weight:600}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0006;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;z-index:10;font-size:1.2rem;transition:background .2s ease;border-radius:0!important}.carousel-btn:hover{background:#0009}.carousel-btn.left{left:.5rem}.carousel-btn.right{right:.5rem}.project-card:hover .carousel-image{transform:scale(1.03);transition:transform .3s ease}@media(max-width:768px){.projects-section{padding:3rem 1rem}.projects-title{font-size:2.5rem;margin-bottom:2rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.project-overlay h3{font-size:1rem}}.projects-section{width:100%;padding:6rem 2rem;background:#000}.projects-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-.03em;color:#fff;margin:0 0 .5rem;padding-left:2rem}.projects-subtitle{font-size:1.2rem;color:#e6e6e6;line-height:1.6;margin:0 0 4rem;padding-left:2rem;max-width:700px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding:0 2rem;justify-content:center}.projects-grid:has(.project-card:nth-child(1):last-child),.projects-grid:has(.project-card:nth-child(2):last-child){grid-template-columns:repeat(auto-fit,minmax(320px,480px));justify-content:center}.project-card{position:relative;overflow:hidden;border-radius:0;max-width:480px;margin:0 auto}.project-image-wrapper{position:relative}.project-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;transition:transform .5s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);padding:1rem;display:flex;justify-content:space-between;align-items:flex-end;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.project-card:hover .project-overlay{opacity:1;transform:translateY(0)}.project-card-title{color:#fff;font-size:1.3rem;font-weight:600;margin:0;letter-spacing:-.02em}.project-actions{display:flex;gap:.5rem}.project-btn{background:#ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;border-radius:50%;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .2s ease;cursor:pointer}.project-btn:hover{background:#ffffff4d;transform:scale(1.05)}.icon{width:20px;height:20px;stroke:#fff}@media(max-width:768px){.projects-section{padding:3rem 1rem}.projects-title{font-size:clamp(1.8rem,6vw,2.5rem);padding-left:0;text-align:center}.projects-subtitle{font-size:1rem;padding-left:0;text-align:center;margin-bottom:2rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem;padding:0}.project-card{border-radius:.5rem;max-width:100%}.project-image{aspect-ratio:16 / 9;object-fit:cover}.project-overlay{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.project-card-title{font-size:1.1rem}.project-actions{gap:.75rem}.project-btn{padding:.4rem}.icon{width:18px;height:18px}}.about-container{display:flex;justify-content:center;align-items:flex-start;gap:3rem;padding:4rem 2rem;background:#010101;color:#f9f9f9;font-family:Arial,Helvetica,sans-serif;flex-wrap:wrap;min-height:80vh}.about-content{flex:1;max-width:650px}.about-title{font-size:7rem;font-weight:700;color:#fff;margin-bottom:2rem}.about-content p{font-size:1.25rem;line-height:1.8;margin-bottom:1.5rem;color:#f0f0f0}.email-link{color:#fff;font-weight:800;text-decoration:none;border-bottom:2px solid transparent;transition:all .2s ease-in-out}.email-link:hover{border-bottom:2px solid #f9f9f9}.about-content h2{margin-top:2.5rem;font-size:1.75rem;color:#0b5a48}.about-image{flex:0 0 350px;display:flex;justify-content:center;margin-top:10vh}.about-image img{max-width:100%;border-radius:8px}@media(max-width:768px){.about-container{flex-direction:column;align-items:center;text-align:center;padding:3rem 1.5rem}.about-image{width:100%;max-width:100%;height:auto;margin-top:1.5rem}.about-title{font-size:2.5rem}.about-content p{font-size:1.125rem}.about-content h2{font-size:1.5rem}}.junk-drawer-container{min-height:100vh;padding:4rem 2rem;background:#fff;color:#f9f9f9;font-family:Arial,Helvetica,sans-serif;display:block}.junk-drawer-top{max-width:900px;text-align:center;margin:0 auto 3rem}.junk-drawer-top h1{font-size:3rem;color:#0b5a48;margin-bottom:1rem}.junk-drawer-top p{font-size:1.25rem;line-height:1.8;color:#f0f0f0}.junk-drawer-column img{width:100%;margin-bottom:25px;display:block;border-radius:4px;object-fit:cover}.junk-drawer-column img:hover{transform:scale(1.03);box-shadow:0 4px 12px #ffffff40}.admin-login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#000}.admin-login-form{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 20px #0000001a;width:300px;text-align:center}.admin-login-form h2{margin-bottom:1.5rem}.admin-login-form input{width:75%;padding:.8rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:5px}.admin-login-form button{width:100%;padding:.8rem;background:#000;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer}.admin-login-form button:hover{background:#505050}.error{color:red;margin-bottom:1rem}.project-detail-container{width:90%;max-width:1200px;margin:0 auto;font-family:Arial,sans-serif;padding:0 1rem}.hero-image-container{width:100vw;margin-left:calc(-50vw + 50%);overflow:hidden}.hero-image{width:100%;height:auto;display:block;object-fit:cover;margin-bottom:2rem}.project-detail-container{width:100%;max-width:1200px;margin:0 auto;font-family:Arial,sans-serif;padding:0 1rem}.project-text-section{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:nowrap}.title-subtitle{flex:1 1 50%;display:flex;flex-direction:column;text-align:left}.project-title{font-size:4rem;margin:0 0 .5rem}.project-subtitle{font-size:1.5rem;color:#000;margin:0}.project-description{flex:1 1 50%;text-align:left;font-size:1.3rem;font-weight:600;margin-top:.5rem}.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;background-color:#fff}.gallery-item{width:100%;overflow:hidden}.gallery-item:hover{transform:scale(1.03);box-shadow:0 8px 20px #0003}.gallery-image{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:992px){.project-text-section{flex-direction:column}.project-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.project-text-section{flex-direction:column}.project-gallery{grid-template-columns:1fr}}.project-detail-container{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;font-family:Inter,sans-serif;display:flex;flex-direction:column;gap:1.5rem}.project-detail-container h1{font-size:1.8rem;font-weight:600;color:#000;margin-bottom:.5rem;text-align:center}.project-header label{display:flex;flex-direction:column;font-weight:500;font-size:.95rem;color:#333;gap:.4rem;margin-bottom:.8rem}.project-header input,.project-header textarea{width:100%;padding:.9rem 1rem;border:1px solid #ddd;border-radius:10px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.project-header input:focus,.project-header textarea:focus{outline:none;border-color:#0b5a48;box-shadow:0 0 0 3px #0b5a4826}.project-header textarea{min-height:140px;resize:vertical}.carousel-container{position:relative;width:100%;overflow:hidden;border-radius:12px;box-shadow:0 2px 8px #00000014}.carousel-track{display:flex;transition:transform .4s ease;width:100%}.carousel-image{min-width:100%;height:320px;object-fit:cover;border-radius:12px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#020202cc;border:none;color:#fff;font-size:1.8rem;padding:.5rem .8rem;border-radius:50%;cursor:pointer;transition:background .2s ease;z-index:5}.carousel-btn.left{left:12px}.carousel-btn.right{right:12px}.carousel-btn:hover{background:#050505}.image-upload{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.image-upload label{font-weight:500;font-size:.95rem;color:#333}.image-upload input[type=file]{border:1px solid #ddd;border-radius:10px;padding:.6rem;cursor:pointer}.save-btn{margin-top:1.5rem;background-color:#0b5a48;color:#fff;border:none;border-radius:12px;padding:.9rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .25s ease,transform .15s ease}.junk-drawer-container{min-height:100vh;padding:4rem 2rem;background:#f4eedb;color:#000;font-family:Arial,Helvetica,sans-serif;display:block}.junk-drawer-top{max-width:900px;text-align:center;margin:0 auto 2rem}.junk-drawer-top h1{font-size:3rem;color:#000;margin-bottom:1rem}.junk-drawer-top p{font-size:1.25rem;line-height:1.8;color:#000}.junk-drawer-form{max-width:600px;margin:0 auto 3rem;display:flex;flex-direction:column;gap:1rem}.junk-drawer-form input[type=file]{padding:.5rem;border-radius:4px;border:none}.junk-drawer-form button{background-color:#0b5a48;color:#fff;border:none;padding:.75rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.junk-drawer-form button:hover{background-color:#0a4e3f}.preview-image{width:100%;border-radius:4px;object-fit:cover}.message{font-size:1rem;color:#000;text-align:center}.junk-drawer-images{display:flex!important;width:100%;max-width:1200px;margin:0 auto}.junk-drawer-column{flex:1!important;padding-left:16px}.junk-image-wrapper{position:relative;margin-bottom:25px}.junk-image-wrapper img{width:100%;display:block;border-radius:4px;object-fit:cover;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.junk-image-wrapper img:hover{transform:scale(1.03);box-shadow:0 4px 12px #ffffff40}.delete-btn{position:absolute;top:8px;right:8px;background:#fffc;border:none;padding:4px 6px;border-radius:4px;cursor:pointer;font-size:.9rem}.delete-btn:hover{background:#ff0000e6;color:#fff}.junk-drawer-no-images{font-size:1.25rem;color:#f0f0f0;text-align:center;margin-top:2rem}@media(max-width:992px){.junk-drawer-top h1{font-size:2.5rem}.junk-drawer-top p,.junk-drawer-no-images{font-size:1.125rem}}@media(max-width:768px){.junk-drawer-top h1{font-size:2rem}.junk-drawer-top p,.junk-drawer-no-images{font-size:1rem}}.admin-projects-container{padding:3rem 2rem;background:#f9fafb;min-height:100vh;display:flex;flex-direction:column;gap:2rem}.admin-projects-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e5e7eb;padding-bottom:1rem}.admin-projects-title{font-size:2rem;font-weight:700;color:#0b5a48;margin:0}.admin-project-add-btn{background:#0b5a48;color:#fff;font-size:1rem;padding:.6rem 1rem;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.admin-project-add-btn:hover{background:#09795e}.admin-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.admin-project-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.admin-project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.admin-project-controls{display:flex;justify-content:space-between;gap:.5rem;padding:.75rem;border-top:1px solid #e5e7eb;background:#f3f4f6}.admin-project-edit-btn,.admin-project-delete-btn,.admin-project-featured-btn{flex:1;padding:.4rem .6rem;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .2s ease,color .2s ease}.admin-project-edit-btn{background:#e5e7eb;color:#111}.admin-project-edit-btn:hover{background:#d1d5db}.admin-project-delete-btn{background:#fee2e2;color:#991b1b}.admin-project-delete-btn:hover{background:#fecaca}.admin-project-featured-btn{background:#e0f2f1;color:#065f46}.admin-project-featured-btn:hover{background:#b2dfdb}.admin-project-featured-btn.active{background:#0b5a48;color:#fff}.admin-projects-error{color:#b91c1c;text-align:center;font-size:1rem}.admin-project-form{max-width:700px;margin:2rem auto;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;font-family:Inter,sans-serif;display:flex;flex-direction:column;gap:1.2rem}.admin-project-form h1{font-size:1.8rem;font-weight:600;color:#000;margin-bottom:1rem;text-align:center}.admin-project-form label{display:flex;flex-direction:column;font-weight:500;font-size:.95rem;color:#333;gap:.5rem}.admin-project-form input,.admin-project-form textarea{width:100%;padding:.9rem 1rem;border:1px solid #ddd;border-radius:10px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.admin-project-form input:focus,.admin-project-form textarea:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0b5a4826}.admin-project-form textarea{min-height:120px;resize:vertical}.image-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-top:.5rem}.preview-item{position:relative;background:#f9f9f9;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #00000014}.preview-item img{width:100%;height:100px;object-fit:cover;border-radius:12px}.preview-item button{position:absolute;top:6px;right:6px;background:#0b5a48e6;border:none;color:#fff;padding:.3rem .6rem;font-size:.8rem;border-radius:8px;cursor:pointer;transition:background .2s ease}.preview-item button:hover{background:#09705a}.save-btn{margin-top:1.2rem;background-color:#000;color:#fff;border:none;border-radius:12px;padding:.9rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .25s ease,transform .15s ease}.save-btn:hover{background-color:#09705a;transform:translateY(-1px)}.save-btn:active{background-color:#075445;transform:translateY(0)}.preview-item label{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:4px 0;font-size:.85rem;background:#fff}.preview-item input[type=radio]:checked+img,.preview-item input[type=radio]:checked~img{border:3px solid #0B5A48;border-radius:12px;box-shadow:0 0 8px #0b5a4859}.preview-item:hover{transform:translateY(-2px);transition:transform .2s ease}.preview-item input[type=radio]{width:16px;height:16px;accent-color:#0B5A48;cursor:pointer}