@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap";
:root{--ink:#0a1d2c;--orange:#ef6b2e;--sand:#f4f0e9;--white:#fff;--muted:#7b858c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}header{z-index:5;color:#fff;border-bottom:1px solid #ffffff30;justify-content:space-between;align-items:center;width:100%;height:84px;padding:0 6vw;display:flex;position:absolute}.brand{letter-spacing:2px;align-items:center;gap:10px;font:700 17px Manrope;display:flex}.brandMark{background:var(--orange);color:#fff;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);place-items:center;width:38px;height:42px;font-size:23px;display:grid}.brand small{letter-spacing:5px;margin-top:1px;font-size:8px;display:block}nav{align-items:center;gap:32px;font-size:13px;display:flex}nav a:not(.navCta):hover{color:#ff9a6b}.navCta{border:1px solid #ffffff70;padding:12px 18px}.menuBtn{display:none}.hero{color:#fff;background:linear-gradient(100deg,#081b28 0%,#0a1d2c80 48%,#0a1d2c10 100%),url(https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2000&q=85) 50%/cover;height:min(900px,100vh);min-height:700px;position:relative}.heroShade{background:linear-gradient(#0000 55%,#081b28aa);position:absolute;inset:0}.heroContent{z-index:2;position:absolute;top:25%;left:8vw}.eyebrow,.sectionNo{letter-spacing:3px;color:var(--orange);font-size:11px;font-weight:600}h1,h2{letter-spacing:-4px;margin:24px 0;font:500 clamp(42px,6vw,84px)/1.04 Manrope}em{color:var(--orange);font-style:normal}.heroContent p{color:#e2e7e9;max-width:460px;font-size:18px}.heroActions{align-items:center;gap:30px;margin-top:38px;display:flex}.primary{background:var(--orange);color:#fff;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:28px;padding:17px 23px;font:600 13px DM Sans;display:inline-flex}.textLink{border-bottom:1px solid #ffffff50;padding-bottom:5px;font-size:13px}.stats{z-index:2;width:65%;color:var(--ink);background:#fff;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;right:0}.stats div{border-right:1px solid #ddd;padding:26px 30px}.stats b{font:600 30px Manrope;display:block}.stats span{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:10px}.about,.projects,.contact{padding:120px 8vw}.about{background:var(--sand);grid-template-columns:1.15fr .85fr;gap:10vw;display:grid}h2{font-size:clamp(38px,5vw,68px)}.aboutCopy{padding-top:50px}.aboutCopy p{color:#53616b;font-size:17px;line-height:1.8}.aboutCopy a{color:var(--orange);border-bottom:1px solid #ef6b2e;margin-top:20px;font-weight:600;display:inline-block}.services{background:var(--ink);color:#fff;padding:110px 8vw}.light{color:#d9e0e4}.serviceHead{justify-content:space-between;align-items:flex-end;display:flex}.serviceHead p{color:#aab4ba;max-width:340px;margin-bottom:35px;line-height:1.7}.serviceGrid{border-top:1px solid #ffffff28;grid-template-columns:repeat(4,1fr);margin-top:40px;display:grid}.serviceGrid article{border-right:1px solid #ffffff28;min-height:285px;padding:28px 25px;position:relative}.serviceGrid article:hover{background:#102a3c}.serviceGrid span{color:var(--orange);font-size:11px}.serviceGrid h3{margin-top:55px;font:500 21px Manrope}.serviceGrid p{color:#93a0a8;font-size:13px;line-height:1.7}.serviceGrid b{color:var(--orange);position:absolute;bottom:25px;right:25px}.projectTitle{justify-content:space-between;align-items:flex-end;display:flex}.projectTitle>a{color:var(--orange);margin-bottom:35px;font-weight:600}.projectGrid{grid-template-rows:310px 310px;grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.projectGrid article{background-position:50%;background-size:cover;position:relative;overflow:hidden}.projectGrid article:after{content:"";background:linear-gradient(#0000 40%,#081b28d9);position:absolute;inset:0}.projectGrid article>span{color:#fff;z-index:2;font-size:11px;position:absolute;top:16px;right:18px}.projectGrid article>div{z-index:2;color:#fff;position:absolute;bottom:24px;left:28px}.projectGrid small{letter-spacing:2px}.projectGrid h3{margin:7px 0;font:500 24px Manrope}.p1{background-image:url(https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1200&q=80);grid-row:1/3}.p2{background-image:url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1000&q=80)}.p3{background-image:url(https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=1000&q=80)}.contact{color:#fff;background:#102a3c;grid-template-columns:1fr 1fr;gap:10vw;display:grid}.contact p{color:#aab4ba;max-width:430px;line-height:1.7}.contactInfo{flex-direction:column;gap:10px;margin-top:40px;font-size:14px;display:flex}.contactInfo a:first-child{color:var(--orange);font-size:20px}form{color:var(--ink);background:#fff;gap:22px;padding:40px;display:grid}label{letter-spacing:1px;font-size:11px;font-weight:600}input,textarea{border:0;border-bottom:1px solid #ccd1d4;outline:none;width:100%;padding:13px 0;font:14px DM Sans;display:block}textarea{resize:none;height:80px}form .primary{justify-content:center}footer{color:#aab4ba;background:#071722;justify-content:space-between;align-items:center;padding:32px 8vw;font-size:11px;display:flex}footer .brand{color:#fff}footer>div{gap:20px;display:flex}@media (max-width:800px){header{height:70px;padding:0 5vw}.menuBtn{color:#fff;background:0 0;border:0;font-size:24px;display:block}nav{background:var(--ink);flex-direction:column;padding:25px;display:none;position:absolute;top:70px;left:0;right:0}nav.open{display:flex}.hero{min-height:760px}.heroContent{top:20%;left:6vw;right:6vw}h1,h2{letter-spacing:-2px}.stats{grid-template-columns:repeat(2,1fr);width:100%}.stats div{padding:15px 20px}.about,.contact{grid-template-columns:1fr;padding:85px 6vw}.aboutCopy{padding-top:0}.services,.projects{padding:85px 6vw}.serviceHead{display:block}.serviceGrid{grid-template-columns:1fr 1fr}.serviceGrid article{border-bottom:1px solid #ffffff28;min-height:240px}.projectGrid{display:block}.projectGrid article{height:350px;margin-bottom:16px}.projectTitle{display:block}.contact{gap:40px}form{padding:28px 22px}footer{text-align:center;flex-direction:column;gap:20px}}.projectGrid .p1{background-image:url(/yse-images-v12/altyapi-kesit-detayi.webp)}.projectGrid .p2{background-image:url(/yse-images-v12/su-kanalizasyon-hatti.webp)}.projectGrid .p3{background-image:url(/yse-images-v12/yol-istinat-duvari.webp)}.hero{background:linear-gradient(100deg,#081b28eb 0%,#081b28b8 48%,#081b2861 100%),url(/yse-images-v12/yse-altyapi-arka-plan.webp) 50%/cover no-repeat}.heroShade{background:linear-gradient(#081b2814 38%,#081b28d1)}.brandLogo{object-fit:contain;background:#fffffff5;width:156px;height:66px;padding:5px 10px}.fieldStory{background:var(--sand);padding:120px 8vw}.fieldStoryHead{grid-template-columns:.6fr 1.35fr .8fr;align-items:end;gap:4vw;margin-bottom:48px;display:grid}.fieldStoryHead h2{margin:0}.fieldStoryHead p{color:#66737c;margin:0 0 8px;line-height:1.75}.compareGrid{grid-template-columns:1fr 70px 1fr;align-items:center;display:grid}.compareGrid figure{background:var(--ink);height:470px;margin:0;position:relative;overflow:hidden}.compareGrid img{object-fit:cover;width:100%;height:100%;transition:transform .65s}.compareGrid figure:hover img{transform:scale(1.04)}.compareGrid figcaption{color:#fff;background:linear-gradient(#0000,#071722ef);align-items:center;gap:17px;padding:26px;display:flex;position:absolute;bottom:0;left:0;right:0}.compareGrid figcaption b{color:var(--orange);font:600 12px Manrope}.compareGrid figcaption span{font:500 17px Manrope}.compareGrid figcaption small{color:#c9d0d4;letter-spacing:2px;margin-bottom:5px;font:600 9px DM Sans;display:block}.compareArrow{background:var(--orange);color:#fff;z-index:2;border-radius:50%;place-items:center;width:54px;height:54px;margin:auto;font-size:23px;display:grid;position:relative;box-shadow:0 10px 30px #ef6b2e55}.processStrip{letter-spacing:1.5px;text-transform:uppercase;border-top:1px solid #d8d3ca;border-bottom:1px solid #d8d3ca;justify-content:center;align-items:center;gap:22px;margin-top:42px;padding:23px;font:600 11px DM Sans;display:flex}.processStrip i{color:var(--orange);font-style:normal}.contactInfo small{color:#7f929e;letter-spacing:2px;margin-top:12px;font-size:9px}.contactInfo address{color:#dce3e7;max-width:470px;font-style:normal;line-height:1.7}.contactInfo a[href^=tel]{color:var(--orange);font-size:20px}.websiteField{width:1px!important;height:1px!important;position:absolute!important;left:-9999px!important;overflow:hidden!important}.formNotice{padding:13px 15px;margin:0!important;font-size:12px!important;line-height:1.5!important}.formNotice.success{background:#e9f8ef;color:#176b3a!important}.formNotice.error{background:#fff0f0;color:#9a2929!important}.contractWorks{background:#fff;padding:120px 8vw}.contractIntro{justify-content:space-between;align-items:flex-end;gap:8vw;margin-bottom:52px;display:flex}.contractIntro p{color:#66737c;max-width:390px;margin-bottom:35px;line-height:1.75}.contractGallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:360px;gap:16px;display:grid}.contractGallery figure{background:var(--ink);cursor:zoom-in;margin:0;position:relative;overflow:hidden}.contractGallery figure.wide{grid-column:span 2}.contractGallery img{object-fit:cover;width:100%;height:100%;transition:transform .55s}.contractGallery figure:hover img{transform:scale(1.035)}.contractGallery figure:after{content:"";pointer-events:none;background:linear-gradient(#0000 48%,#071722e0);position:absolute;inset:0}.contractGallery figcaption{z-index:2;color:#fff;align-items:center;gap:12px;font:500 15px Manrope;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.contractGallery figcaption span{color:var(--orange);letter-spacing:2px;font-size:10px}.workFilters{flex-wrap:wrap;gap:10px;margin:-15px 0 42px;display:flex}.workFilters button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d7dcdf;padding:12px 18px;font:600 12px DM Sans;transition:all .25s}.workFilters button:hover,.workFilters button.active{background:var(--orange);border-color:var(--orange);color:#fff;transform:translateY(-2px)}.zoomIcon{z-index:3;width:38px;height:38px;color:var(--ink);opacity:0;background:#ffffffde;border-radius:50%;place-items:center;font:400 24px Manrope;transition:all .25s;display:grid;position:absolute;top:18px;right:18px;transform:scale(.75)}.contractGallery figure:hover .zoomIcon{opacity:1;transform:scale(1)}.lightbox{z-index:100;background:#05121cf0;place-items:center;padding:5vw;animation:.22s fadeIn;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:92vw;max-height:82vh;box-shadow:0 25px 80px #0008}.lightbox p{color:#fff;letter-spacing:.5px;font:500 15px Manrope;position:absolute;bottom:2.5vh}.lightbox button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff5;border-radius:50%;width:48px;height:48px;font-size:30px;position:absolute;top:3vw;right:3vw}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.serviceGrid article,.projectGrid article{transition:transform .35s,box-shadow .35s}.serviceGrid article:hover{transform:translateY(-8px)}.projectGrid article:hover{transform:translateY(-6px);box-shadow:0 20px 45px #07172232}.projectGrid article{background-size:105%}.projectGrid article:hover{background-size:112%}.workGroup{margin-top:70px}.workGroup:first-of-type{margin-top:0}.workGroupTitle{border-bottom:1px solid #dfe3e5;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:14px;display:flex}.workGroupTitle span{color:var(--orange);letter-spacing:2px;font-size:10px}.workGroupTitle h3{margin:0;font:500 22px Manrope}.projects .projectGrid{grid-template-rows:repeat(2,330px);grid-template-columns:repeat(3,1fr)}@media (max-width:800px){.brandLogo{width:126px;height:54px}.contractWorks{padding:85px 6vw}.contractIntro{margin-bottom:35px;display:block}.contractGallery{grid-template-columns:1fr;grid-auto-rows:330px}.contractGallery figure.wide{grid-column:auto}.workGroup{margin-top:50px}.workFilters{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.workFilters button{white-space:nowrap}.zoomIcon{opacity:1}.fieldStory{padding:85px 6vw}.fieldStoryHead{display:block}.fieldStoryHead p{margin-top:25px}.compareGrid{grid-template-columns:1fr}.compareGrid figure{height:360px}.compareArrow{margin:-16px auto;transform:rotate(90deg)}.processStrip{white-space:nowrap;justify-content:flex-start;overflow-x:auto}}