:root{--ink:#173f4a;--olive:#607441;--paper:#fffdf8;--sand:#f5f0e5;--clay:#e27451;--sun:#f6bd45}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--sun);outline-offset:3px}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;background:var(--paper);z-index:4}.logo{display:flex;align-items:center}.logo img{width:48px;height:48px}.menu{display:none}nav{display:flex;gap:26px}nav a{font-weight:bold;color:var(--ink);text-decoration:none}.hero{height:610px;display:grid;align-items:end;position:relative;color:#fff}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#123740dd,#12374033);z-index:-1}.hero>div{max-width:800px;padding:8vw}.hero p,.eyebrow{letter-spacing:.15em;font-size:.75rem;font-weight:bold;color:#f9d97b}.hero h1,h2{font:500 clamp(2.1rem,5vw,4.7rem)/1.05 Georgia,serif;margin:.4rem 0 1.6rem}.hero a,form button{display:inline-block;padding:13px 18px;background:#fff;color:var(--ink);text-decoration:none;font-weight:bold;border:0}.hero .solid,form button{background:var(--clay);color:#fff}.hero .solid:hover,form button:hover{background:#c85d3f}.wrap{max-width:1120px;margin:auto;padding:75px 24px}.eyebrow{color:var(--olive)}.wrap h2{font:500 clamp(2rem,3.4vw,3.1rem)/1.1 Georgia,serif;margin:.3rem 0 34px}.gallery-heading{margin:0!important;font:700 .75rem/1.2 Arial,sans-serif!important;letter-spacing:.15em;text-transform:uppercase}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.service{min-height:245px;position:relative;isolation:isolate;display:flex;align-items:end;padding:18px;color:#fff;text-decoration:none;background-size:cover;background-position:center;overflow:hidden}.service:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,43,48,.82),rgba(15,43,48,.03) 70%);z-index:-1;transition:background .2s}.service:hover:before{background:linear-gradient(0deg,rgba(226,116,81,.85),rgba(15,43,48,.08) 72%)}.service span{font:600 1.32rem/1.05 Georgia,serif;text-shadow:0 1px 4px #000}.garden{background-image:url("assets/services/bahce-cim-temsili.webp")}.water{background-image:url("assets/services/sulama-tesisat-temsili.webp")}.stone{background-image:url("assets/services/tas-zemin-temsili.webp")}.farm{background-image:url("assets/services/tarim-temsili.webp")}.outdoor{background-image:url("assets/services/sineklik-tente-temsili.webp")}.gallery{background:var(--sand)}.filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;gap:7px;margin:18px 0 28px}.filters button{--tab:#315963;min-height:58px;padding:10px 8px;border:0;border-radius:12px;background:#fff;color:var(--ink);font:700 .94rem/1.15 Arial;cursor:pointer;box-shadow:0 5px 16px #173f4a12;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.filters button:nth-child(1){--tab:#173f4a}.filters button:nth-child(2){--tab:#6f8746}.filters button:nth-child(3){--tab:#2e7881}.filters button:nth-child(4){--tab:#e27451}.filters button:nth-child(5){--tab:#bd8a32}.filters button:nth-child(6){--tab:#49656b}.filters button:hover,.filters button:focus-visible,.filters .active{background:var(--tab);color:#fff;transform:translateY(-3px);box-shadow:0 9px 20px #173f4a26}.works{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.work{height:190px;position:relative;overflow:hidden;border:0;padding:0;background:var(--ink);color:#fff;cursor:pointer;text-align:left}.work img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .28s ease}.work:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#102f37d9 0%,transparent 65%)}.work span{position:absolute;left:14px;bottom:12px;z-index:1;font:600 1.05rem Georgia,serif}.work:hover img,.work:focus-visible img{transform:scale(1.05)}.contact{background:var(--ink);color:#fff}.contact h2{font:500 clamp(2rem,3.5vw,3.2rem)/1.1 Georgia}.phone,.insta{display:block;color:#fff;margin:10px 0;text-decoration:none;font:1.35rem Georgia}.insta{color:#f9d97b;font:700 .9rem Arial}form{max-width:520px;display:grid;gap:10px;margin-top:25px}select,textarea{padding:12px;font:inherit}textarea{min-height:70px}form button{width:max-content}footer{padding:25px 6%;font-size:.85rem}.mobile-actions{display:none}dialog{border:0;padding:12px;background:#fff;max-width:min(92vw,1000px)}dialog::backdrop{background:#0d252ad9}dialog button{position:absolute;right:12px;top:12px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:1.7rem}dialog img{display:block;max-width:86vw;max-height:76vh;object-fit:contain}dialog strong{display:block;padding:12px 4px 4px}@media(max-width:820px){.services{grid-template-columns:repeat(2,1fr)}.service{min-height:180px}.filters{grid-template-columns:repeat(3,1fr)}.works{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){body{padding-bottom:64px}header{padding:0 20px}nav{display:none}.header.open nav{display:flex;position:absolute;right:20px;top:62px;padding:16px;background:var(--paper);box-shadow:0 8px 20px #0002;flex-direction:column;gap:10px}.menu{display:block;border:0;background:transparent;color:var(--ink);font:inherit}.hero{height:570px}.hero>div{padding:70px 24px}.wrap{padding:55px 20px}.work{height:180px}.mobile-actions{position:fixed;bottom:0;left:0;right:0;z-index:5;display:grid;grid-template-columns:1fr 1fr;height:64px;box-shadow:0 -6px 20px #173f4a26}.mobile-actions a{display:grid;place-items:center;background:#fff;color:var(--ink);font-weight:700;text-decoration:none}.mobile-actions a:last-child{background:var(--olive);color:#fff}}@media(max-width:440px){.filters{grid-template-columns:repeat(2,1fr)}.works{grid-template-columns:1fr 1fr;gap:8px}.work{height:150px}}