:root{--color-primary:#a05a2c;--color-primary-light:#c27d4f;--color-primary-dark:#783e1a;--color-secondary:#1e1b18;--color-accent:#d4af37;--color-bg-light:#fdfbf7;--color-bg-alt:#f5efe6;--color-text-dark:#2d2621;--color-text-light:#e6dfd9;--color-muted:#8c827a;--font-heading:'Playfair Display', Georgia, serif;--font-body:'Inter', sans-serif;--header-height:90px;--header-height-scrolled:75px;--container-width:1200px;--transition-smooth:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);--border-radius:8px;--shadow-soft:0 10px 30px rgba(30, 27, 24, 0.05);--shadow-medium:0 15px 40px rgba(30, 27, 24, 0.1);--shadow-glow:0 0 20px rgba(160, 90, 44, 0.3)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);font-size:1rem;line-height:1.7;background-color:var(--color-bg-light);color:var(--color-text-dark);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-secondary);font-weight:700;line-height:1.3}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-smooth)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}ul{list-style:none}.container{width:90%;max-width:var(--container-width);margin:0 auto;padding:0 15px}.section-title-wrapper{text-align:center;margin-bottom:3.5rem}.section-subtitle{font-size:.85rem;text-transform:uppercase;letter-spacing:3px;color:var(--color-primary);font-weight:700;display:block;margin-bottom:.75rem}.section-title{font-size:2.5rem;position:relative;padding-bottom:1.25rem;display:inline-block}.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background-color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2.2rem;font-size:.9rem;font-weight:600;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition-smooth);border:none;letter-spacing:.5px}.btn i{margin-left:8px;font-size:.8rem;transition:var(--transition-smooth)}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 15px rgb(160 90 44 / .2)}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgb(160 90 44 / .3);color:#fff}.btn-primary:hover i{transform:translateX(4px)}.btn-outline{background-color:#fff0;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-2px)}.btn-outline:hover i{transform:translateX(4px)}.btn-dark{background-color:var(--color-secondary);color:var(--color-text-light)}.btn-dark:hover{background-color:#000;color:#fff;transform:translateY(-2px)}.site-header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background-color:#fff0;z-index:1000;display:flex;align-items:center;transition:var(--transition-smooth)}.site-header.scrolled{height:var(--header-height-scrolled);background-color:rgb(30 27 24 / .95);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgb(0 0 0 / .15);border-bottom:1px solid rgb(255 255 255 / .05)}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-link{display:flex;align-items:center;gap:12px}.logo-icon{width:45px;height:45px;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.8rem;font-weight:700;border-radius:6px;border-bottom:3px solid var(--color-accent);box-shadow:var(--shadow-glow)}.logo-text{display:flex;flex-direction:column}.logo-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:1px;line-height:1.1}.site-header:not(.scrolled) .logo-title{color:#fff}.logo-subtitle{font-size:.7rem;font-weight:500;text-transform:uppercase;color:var(--color-accent);letter-spacing:2px}.main-navigation ul{display:flex;align-items:center;gap:30px}.main-navigation a{color:rgb(255 255 255 / .8);font-size:.9rem;font-weight:500;position:relative;padding:8px 0}.main-navigation a:hover,.main-navigation a.active{color:var(--color-accent)}.main-navigation a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-accent);transition:var(--transition-smooth)}.main-navigation a:hover::after,.main-navigation a.active::after{width:100%}.main-navigation a.nav-cta{background-color:var(--color-primary);color:#fff;padding:8px 18px;border-radius:4px;font-weight:600;box-shadow:0 4px 10px rgb(160 90 44 / .3)}.main-navigation a.nav-cta::after{display:none}.main-navigation a.nav-cta:hover{background-color:var(--color-primary-light);transform:translateY(-1px)}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:25px;height:18px;background:#fff0;border:none;cursor:pointer}.menu-toggle .bar{width:100%;height:2px;background-color:#fff;transition:var(--transition-smooth)}.hero-section{position:relative;height:100vh;min-height:650px;background:linear-gradient(rgb(30 27 24 / .6),rgb(30 27 24 / .85)),url(/wp-content/themes/elementahsaptasarim/assets/images/hero_bg.jpg) no-repeat center center / cover;display:flex;align-items:center;color:var(--color-text-light);overflow:hidden}.hero-content{max-width:650px}.hero-tagline{font-size:.9rem;text-transform:uppercase;letter-spacing:4px;color:var(--color-accent);margin-bottom:1.25rem;font-weight:600;display:inline-block;border-left:2px solid var(--color-primary);padding-left:12px}.hero-title{font-size:3.5rem;color:#fff;margin-bottom:1.5rem;font-weight:700}.hero-desc{font-size:1.1rem;color:rgb(230 223 217 / .85);margin-bottom:2.5rem}.hero-actions{display:flex;gap:15px}.about-section{padding:6rem 0;background-color:var(--color-bg-light)}.about-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:60px;align-items:center}.about-img-box{position:relative;border-radius:var(--border-radius)}.about-img-box img{border-radius:var(--border-radius);box-shadow:var(--shadow-medium)}.about-badge{position:absolute;bottom:-30px;right:-30px;background-color:var(--color-secondary);color:#fff;padding:2.2rem;border-radius:var(--border-radius);border-bottom:5px solid var(--color-primary);box-shadow:var(--shadow-medium);text-align:center;z-index:10}.about-badge .years{font-family:var(--font-heading);font-size:3rem;font-weight:700;color:var(--color-accent);line-height:1;display:block}.about-badge .text{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;margin-top:5px;display:block}.about-text h3{font-size:1.8rem;margin-bottom:1.25rem;color:var(--color-secondary)}.about-text p{color:var(--color-text-dark);margin-bottom:1.5rem}.about-features{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-item{display:flex;gap:12px;align-items:flex-start}.feature-item i{color:var(--color-primary);font-size:1.2rem;margin-top:4px}.feature-title{font-size:1rem;font-weight:600;color:var(--color-secondary);margin-bottom:4px}.feature-desc{font-size:.85rem;color:var(--color-muted)}.services-section{padding:6rem 0;background-color:var(--color-bg-alt)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.service-card{background-color:#fff;padding:3rem 2.2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-soft);border-bottom:3px solid #fff0;transition:var(--transition-smooth);position:relative;overflow:hidden}.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background-color:var(--color-primary);transform:scaleX(0);transform-origin:left;transition:var(--transition-smooth)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-medium);border-bottom-color:var(--color-primary)}.service-card:hover::before{transform:scaleX(1)}.service-icon-box{width:65px;height:65px;background-color:var(--color-bg-alt);color:var(--color-primary);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);margin-bottom:2rem;transition:var(--transition-smooth)}.service-card:hover .service-icon-box{background-color:var(--color-primary);color:#fff}.service-icon-box .icon{width:32px;height:32px}.service-card h3{font-size:1.4rem;margin-bottom:1rem}.service-card p{font-size:.9rem;color:var(--color-muted)}.before-after-section{padding:6rem 0;background-color:var(--color-bg-light)}.ba-section-grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:50px;align-items:center}.ba-info-text h3{font-size:1.8rem;margin-bottom:1.25rem}.ba-info-text p{margin-bottom:1.5rem;color:var(--color-text-dark)}.ba-points{margin-bottom:2rem}.ba-point{display:flex;gap:12px;margin-bottom:12px;align-items:center}.ba-point i{color:var(--color-accent);background-color:var(--color-secondary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.75rem}.ba-point span{font-size:.95rem;font-weight:500}.before-after-wrapper{width:100%}.before-after-container{position:relative;width:100%;height:420px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-medium);user-select:none;cursor:ew-resize;border:4px solid #fff}.ba-image{position:absolute;top:0;left:0;width:100%;height:100%}.ba-image img{width:100%;height:100%;object-fit:cover;pointer-events:none}.ba-after{z-index:1}.ba-before{z-index:2;overflow:hidden;width:50%;border-right:1px solid #fff0}.ba-before img{width:100%;max-width:none}.before-after-container:not(.dragging) .ba-before img{width:calc(1200px * 1.2 / 2)}.ba-handle{position:absolute;top:0;left:50%;transform:translateX(-50%);width:4px;height:100%;background-color:#fff;z-index:3;display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:none;box-shadow:0 0 10px rgb(0 0 0 / .3)}.ba-handle-line{width:2px;height:40%;background-color:rgb(255 255 255 / .7)}.ba-handle-button{width:44px;height:44px;background-color:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgb(0 0 0 / .3);border:3px solid #fff;pointer-events:auto;cursor:grab;transition:transform 0.2s ease,background-color 0.2s ease}.before-after-container:hover .ba-handle-button{transform:scale(1.1)}.before-after-container.dragging .ba-handle-button{cursor:grabbing;background-color:var(--color-secondary);transform:scale(1.15)}.ba-label{position:absolute;bottom:20px;background-color:rgb(30 27 24 / .7);backdrop-filter:blur(5px);color:#fff;padding:6px 16px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:4px;border:1px solid rgb(255 255 255 / .15);z-index:4}.ba-label-after{right:20px;border-color:rgb(212 175 55 / .3)}.ba-label-before{left:20px}.ba-caption{text-align:center;margin-top:15px;color:var(--color-muted);font-size:.85rem}.ba-caption i{color:var(--color-primary);margin-right:5px}.before-after-container img{width:100%!important;height:100%!important;object-fit:cover!important}.team-section{padding:6rem 0;background-color:var(--color-bg-alt)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.team-member{background-color:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-soft);transition:var(--transition-smooth);text-align:center}.team-member:hover{transform:translateY(-8px);box-shadow:var(--shadow-medium)}.team-img-wrapper{position:relative;overflow:hidden;aspect-ratio:1}.team-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.team-member:hover .team-img-wrapper img{transform:scale(1.08)}.team-social-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(30 27 24 / .7);display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:var(--transition-smooth)}.team-member:hover .team-social-overlay{opacity:1}.team-social-overlay a{width:40px;height:40px;background-color:#fff;color:var(--color-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.team-social-overlay a:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-3px)}.team-info{padding:1.75rem}.team-name{font-size:1.25rem;margin-bottom:4px}.team-role{font-size:.85rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px}.projects-section{padding:6rem 0;background-color:var(--color-bg-light)}.projects-filter{display:flex;justify-content:center;gap:15px;margin-bottom:3rem}.filter-btn{background:none;border:1px solid var(--color-bg-alt);padding:6px 20px;font-size:.85rem;font-weight:600;border-radius:20px;cursor:pointer;background-color:var(--color-bg-alt);color:var(--color-text-dark);transition:var(--transition-smooth)}.filter-btn.active,.filter-btn:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:30px}.project-card{position:relative;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-soft);aspect-ratio:1.3}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.project-card:hover img{transform:scale(1.08)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgb(30 27 24 / .9) 20%,rgb(30 27 24 / .2) 80%);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;opacity:0;transition:var(--transition-smooth)}.project-card:hover .project-overlay{opacity:1}.project-category{font-size:.75rem;text-transform:uppercase;color:var(--color-accent);letter-spacing:2px;font-weight:600;margin-bottom:6px}.project-title{color:#fff;font-size:1.4rem;margin-bottom:12px}.project-link{color:#fff;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.project-link:hover{color:var(--color-accent)}.project-link i{font-size:.75rem}.contact-section{padding:6rem 0;background-color:var(--color-secondary);color:var(--color-text-light)}.contact-section .section-title{color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:flex-start}.contact-info-block{display:flex;flex-direction:column;gap:30px}.contact-info-block h3{color:#fff;font-size:1.8rem;margin-bottom:10px}.contact-card{display:flex;gap:20px;background-color:rgb(255 255 255 / .03);padding:1.5rem;border-radius:var(--border-radius);border-left:4px solid var(--color-primary)}.contact-card-icon{width:50px;height:50px;background-color:rgb(160 90 44 / .1);color:var(--color-accent);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.2rem;flex-shrink:0}.contact-card-text h4{color:#fff;font-size:1.05rem;margin-bottom:6px}.contact-card-text p,.contact-card-text a{color:var(--color-muted);font-size:.95rem}.contact-card-text a:hover{color:var(--color-accent)}.contact-form-box{background-color:#fff;padding:3rem;border-radius:var(--border-radius);box-shadow:var(--shadow-medium)}.contact-form-box h3{font-size:1.6rem;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--color-secondary);margin-bottom:6px}.form-control{width:100%;padding:.85rem 1rem;font-family:var(--font-body);font-size:.95rem;border:1px solid var(--color-bg-alt);border-radius:6px;background-color:var(--color-bg-light);color:var(--color-text-dark);transition:var(--transition-smooth)}.form-control:focus{outline:none;border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px rgb(160 90 44 / .1)}textarea.form-control{resize:vertical;min-height:120px}.btn-submit{width:100%;background-color:var(--color-primary);color:#fff;border:none;font-size:1rem;letter-spacing:1px;padding:1rem;font-weight:700;box-shadow:0 4px 15px rgb(160 90 44 / .2)}.btn-submit:hover{background-color:var(--color-primary-dark)}.page-header-banner{padding:8rem 0 4rem;background:linear-gradient(rgb(30 27 24 / .85),rgb(30 27 24 / .95)),url(/wp-content/themes/elementahsaptasarim/assets/images/hero_bg.jpg) no-repeat center center / cover;color:#fff;text-align:center}.page-header-banner h1{color:#fff;font-size:3rem;margin-bottom:10px}.breadcrumbs{font-size:.85rem;color:var(--color-accent)}.breadcrumbs a{color:var(--color-muted)}.breadcrumbs a:hover{color:#fff}.inner-page-content{padding:5rem 0;background-color:var(--color-bg-light)}.post-content{max-width:800px;margin:0 auto}.post-content p{margin-bottom:1.5rem;font-size:1.05rem}.post-content h2,.post-content h3{margin:2.5rem 0 1.25rem}.post-meta{font-size:.85rem;color:var(--color-muted);margin-bottom:2rem;display:flex;gap:15px}.site-footer{background-color:#12100e;color:var(--color-text-light);padding:5rem 0 0;border-top:4px solid var(--color-primary)}.footer-container{display:grid;grid-template-columns:1.3fr 0.8fr 0.9fr;gap:50px;margin-bottom:4rem}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem}.footer-logo .logo-title{color:#fff}.footer-desc{color:var(--color-muted);font-size:.9rem;margin-bottom:1.5rem;line-height:1.6}.footer-socials{display:flex;gap:12px}.footer-socials a{width:38px;height:38px;background-color:rgb(255 255 255 / .05);color:var(--color-text-light);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-smooth)}.footer-socials a:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-3px)}.footer-title{color:#fff;font-size:1.2rem;margin-bottom:1.5rem;position:relative;padding-bottom:10px}.footer-title::after{content:'';position:absolute;bottom:0;left:0;width:35px;height:2px;background-color:var(--color-primary)}.footer-links ul li{margin-bottom:10px}.footer-links ul li a{color:var(--color-muted);font-size:.9rem;display:inline-block;transition:var(--transition-smooth)}.footer-links ul li a:hover{color:var(--color-accent);transform:translateX(5px)}.contact-list li{display:flex;gap:12px;margin-bottom:15px;color:var(--color-muted);font-size:.9rem}.contact-list li i{color:var(--color-primary);margin-top:4px}.contact-list a{color:var(--color-muted)}.contact-list a:hover{color:var(--color-accent)}.footer-bottom{background-color:#0b0a09;padding:1.5rem 0;border-top:1px solid rgb(255 255 255 / .05)}.footer-bottom-container{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--color-muted)}.footer-bottom .designer{color:rgb(255 255 255 / .2)}@media (max-width:1024px){.about-grid{grid-template-columns:1fr;gap:50px}.about-badge{bottom:-20px;right:0}.ba-section-grid{grid-template-columns:1fr;gap:40px}.contact-grid{grid-template-columns:1fr;gap:50px}.footer-container{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width:768px){:root{--header-height:80px;--header-height-scrolled:70px}.menu-toggle{display:flex;z-index:1001}.menu-toggle.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.main-navigation ul{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background-color:var(--color-secondary);flex-direction:column;justify-content:center;align-items:center;gap:25px;box-shadow:-10px 0 30px rgb(0 0 0 / .3);transition:right 0.4s cubic-bezier(.25,.8,.25,1);z-index:1000}.main-navigation ul.active{right:0}.main-navigation a{font-size:1.1rem;color:#fff}.hero-title{font-size:2.5rem}.hero-desc{font-size:1rem}.about-section,.services-section,.before-after-section,.team-section,.projects-section,.contact-section{padding:4rem 0}.section-title{font-size:2rem}.before-after-container{height:320px}.contact-form-box{padding:2rem 1.5rem}.footer-container{grid-template-columns:1fr;gap:30px}.footer-bottom-container{flex-direction:column;gap:10px;text-align:center}}@media (max-width:480px){.hero-actions{flex-direction:column}.about-badge{position:static;margin-top:20px;padding:1.5rem}.about-badge .years{font-size:2.2rem}.before-after-container{height:250px}}