@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap";body{font-family:Poppins,sans-serif;margin:0;padding:0;background:#fff}.homepage{margin:0;padding:0;overflow:hidden;font-family:Poppins,sans-serif;background-color:#000;position:relative}.slideshow-container{position:fixed;width:100%;height:calc(100vh - 60px);top:60px;left:0;overflow:hidden;z-index:0;background-color:#000}.slide-image{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center;background-color:#000;top:0;left:0}.overlay{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:linear-gradient(to bottom,#0006,#000000b3);display:flex;justify-content:center;align-items:center;pointer-events:none;animation:fadeInSlideUp 1.8s ease-out forwards}.hero-title{font-size:3rem;font-family:Playfair Display,serif;color:#fff;text-align:center;letter-spacing:2px;text-shadow:0 4px 12px rgba(0,0,0,.85);padding:20px;max-width:90%;line-height:1.4;pointer-events:all}.nav-button{position:absolute;top:50%;background-color:#0006;border:none;color:#fff;font-size:2rem;padding:.6rem 1rem;cursor:pointer;z-index:2;border-radius:50%;transition:background-color .3s ease,transform .3s ease;transform:translateY(-50%)}.nav-button.left{left:20px}.nav-button.right{right:20px}.nav-button:hover{background-color:#000000b3;transform:scale(1.1) translateY(-50%)}@media (max-width: 768px){.hero-title{font-size:2.2rem}.nav-button{font-size:1.5rem;padding:.5rem .8rem}.slide-image{object-fit:contain}}@media (max-width: 480px){.hero-title{font-size:1.2rem;padding:40px}.nav-button{font-size:1.2rem;padding:.4rem .7rem}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.navbar{width:100vw;background:#000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 4px 30px #0000001a;position:fixed;top:0;left:0;z-index:1000;transition:background .3s ease}.navbar-container{max-width:1400px;margin:auto;padding:3px 40px;display:flex;align-items:center;justify-content:space-between}.navbar-logo img{height:55px;cursor:pointer;transition:transform .3s ease}.navbar-logo img:hover{transform:scale(1.05)}.navbar-links{display:flex;gap:40px;align-items:center}.navbar-links a{text-decoration:none;font-weight:500;font-size:18px;color:#fff;position:relative;transition:color .3s ease;letter-spacing:.5px;font-family:Poppins,sans-serif;padding:5px 0}.navbar-links a:after{content:"";position:absolute;width:0%;height:2px;background:#78383c;left:0;bottom:0;transition:width .3s ease}.navbar-links a:hover:after{width:100%}.navbar-links a.active-link{color:#fff}.navbar-links a.active-link:after{width:100%;background:#78383c}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.bar{width:25px;height:3px;background-color:#fff;color:#000;transition:all .3s ease;border-radius:5px}@media (max-width: 768px){.navbar-links{position:absolute;top:70px;right:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;gap:25px;padding:25px 35px;border-radius:12px;box-shadow:0 12px 25px #0003;display:none}.navbar-links a{color:#000;font-size:18px}.navbar-links a.active-link{color:#000}.navbar-links a.active-link:after{color:#000;background:#78383c}.navbar-links.active,.hamburger{display:flex}}.contact-btn{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border:none;border-radius:50%;background:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff0d,inset 0 0 10px #ffffff0f;color:#000;display:flex;align-items:center;justify-content:center;transition:all .35s ease;z-index:999;cursor:pointer;font-size:24px}.contact-btn:hover{transform:scale(1.15) rotate(6deg);background:#fff;box-shadow:0 0 10px #78383c,0 3px 15px #78383c}.portfolio-wrapper{background-color:#000;color:#fff;min-height:100vh;padding-top:60px;font-family:Poppins,sans-serif}.portfolio-content{padding:2rem;max-width:1440px;margin:auto}.portfolio-title{font-size:2.8rem;text-align:center;margin-bottom:2rem;color:#fff;letter-spacing:1px}.masonry-grid{display:flex;margin-left:-1rem;width:auto}.masonry-column{padding-left:1rem;background-clip:padding-box}.masonry-item{margin-bottom:1rem;overflow:hidden;border-radius:16px;box-shadow:0 8px 20px #0006}.portfolio-image{width:100%;display:block;border-radius:16px;transition:transform .3s ease-in-out}.masonry-item:hover .portfolio-image{transform:scale(1.03)}.portfolio-subtitle{font-size:1.4rem;text-align:center;color:#bbb;margin-bottom:2rem;letter-spacing:.5px}.lightbox-overlay{position:fixed;top:60px;left:0;width:100vw;height:calc(100vh - 60px);background-color:#000000f0;display:flex;align-items:center;justify-content:center;z-index:99;overflow:hidden}.lightbox-img{max-width:100%;max-height:90%;border-radius:20px;object-fit:contain;box-shadow:0 0 40px #000c;margin:auto;box-sizing:border-box;display:block}.close-btn{position:fixed;top:60px;right:40px;background:none;color:#fff;border:none;font-size:3rem;font-weight:700;cursor:pointer;z-index:100;transition:.3s}.close-btn:hover{transform:scale(1.1)}@media (max-width: 768px){.portfolio-title{font-size:2rem}}.about-wrapper{background:#fff;color:#111;font-family:Delius,cursive;padding:3rem 1rem;margin-top:50px}.about-container{max-width:900px;margin:0 auto;text-align:center}.about-title{font-size:2.8rem;font-family:Playfair Display,serif;font-weight:600;color:#222;margin-bottom:2rem}.about-description-wrapper{overflow:hidden;max-width:720px;margin:0 auto 2.5rem}.about-description{font-size:1.1rem;line-height:1.75;color:#555;padding:0 1rem}.about-image{width:100%;max-width:460px;border-radius:1.25rem;box-shadow:0 10px 40px #00000014;margin:0 auto;display:block;transform-style:preserve-3d;backface-visibility:hidden}@media (max-width: 600px){.about-title{font-size:2rem}.about-description{font-size:1rem}}.contact-wrapper{background-color:#fff;color:#000;font-family:Poppins,sans-serif;margin-top:100px;max-width:100vw;min-height:100vh;padding:0 1rem}.contact-main{max-width:600px;margin:4rem auto;padding:3rem;background:#00000005;border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 20px 2px #78383c;text-align:center}.contact-main h1{font-size:2.2rem;margin-bottom:1rem;color:#78383c}.contact-subtext{color:#555;margin-bottom:1rem;font-size:.95rem}.contact-email{margin-bottom:2.5rem;font-size:1rem;color:#333}.contact-email a{color:#000;font-weight:500;text-decoration:underline dotted;transition:opacity .3s ease}.contact-email a:hover{opacity:.6}.form-field{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-form{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem}.contact-form-input,.contact-form-textarea{width:100%;padding:1rem;border:1px solid rgba(0,0,0,.2);border-radius:10px;background:#f9f9f9;color:#111;font-size:1rem;outline:none;transition:border-color .3s ease,background-color .3s ease}.contact-form-input:focus,.contact-form-textarea:focus{border-color:#78383c;background-color:#fff}.contact-form-input::placeholder,.contact-form-textarea::placeholder{color:#999}.contact-form>button{width:100%;background-color:#222;color:#fff;padding:.9rem;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.contact-form button:hover{background-color:#000;transform:scale(1.03)}.form-status{text-align:center;margin:10px 0;font-weight:500;color:#000}.contact-footer{position:relative;bottom:0;right:20px;width:100%;color:#000;text-align:right;padding:2px 0;font-size:.6rem;letter-spacing:.5px}.contact-footer a{color:#4da3ff;text-decoration:none}.contact-footer a:hover{text-decoration:underline}@media (max-width: 600px){.contact-wrapper{min-height:max-content}.contact-main{margin:2rem 1rem;padding:1.5rem}.contact-main h1{font-size:1.7rem}.contact-email{font-size:.9rem}.contact-form input,.contact-form textarea{padding:.8rem}.contact-form button{font-size:.95rem}}