@font-face{font-family:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/dm-sans-latin.9fea608a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/dm-sans-latin.9fea608a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/dm-sans-latin.9fea608a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/dm-sans-latin-ext.a5d38fe9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/dm-sans-latin-ext.a5d38fe9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/dm-sans-latin-ext.a5d38fe9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/bebas-neue-latin.a7c90c89.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/bebas-neue-latin-ext.16c95ce4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Yedek;src:local(Arial),local(ArialMT);size-adjust:102.97%;ascent-override:96.15%;descent-override:30.11%;line-gap-override:0%;unicode-range:U+D,U+20-7E,U+A0-AC,U+AE-107,U+10A-11B,U+11E-123,U+126-133,U+136-137,U+139-148,U+14A-15B,U+15E-165,U+168-17E,U+18F,U+192,U+1FC-1FD,U+218-21B,U+237,U+259,U+2C6-2C7,U+2DA,U+2DC-2DD,U+300-301,U+303-304,U+308,U+1E80-1E85,U+1E9E,U+1EF2-1EF3,U+1EF8-1EF9,U+2013-2014,U+2018-201A,U+201C-201E,U+2020,U+2022,U+2026,U+2039-203A,U+2044,U+20A8,U+20AC,U+20B9-20BA,U+20BD,U+2113,U+2122,U+2191,U+2193,U+2212,U+2215,U+FFFF}@font-face{font-family:Bebas Neue Yedek;src:local(Arial),local(ArialMT);size-adjust:77.27%;ascent-override:122.94%;descent-override:45.29%;line-gap-override:0%;unicode-range:U+D,U+20-7E,U+A0-17E,U+192,U+1FC-1FF,U+218-21B,U+237,U+2BC,U+2C6-2C7,U+2C9,U+2DA,U+2DC-2DD,U+300-301,U+303-304,U+308,U+1E02-1E03,U+1E0A-1E0B,U+1E1E-1E1F,U+1E40-1E41,U+1E56-1E57,U+1E60-1E61,U+1E6A-1E6B,U+1E80-1E85,U+1E9E,U+1EF2-1EF3,U+2002,U+200B,U+2013-2014,U+2018-201A,U+201C-201E,U+2020,U+2022,U+2026,U+2039-203A,U+2044,U+20AC,U+20B9,U+20BF,U+2113,U+2122,U+2212,U+2215,U+FFFF}:root{--ink:#3d3d3d;--muted:#999;--line:#3d3d3d1f;--bg:#f7f7f7;--white:#fff;--teal:teal;--sans:"DM Sans","DM Sans Yedek",sans-serif;--display:"Bebas Neue","Bebas Neue Yedek",sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--ink);overflow-x:hidden}h3{font-size:inherit;font-weight:inherit}address{font-style:normal}ul{list-style:none}[hidden]{display:none!important}.skip-link{z-index:1000;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:6px;padding:8px 14px;font-size:13px;text-decoration:none;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}nav{z-index:100;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f7f7f7eb;justify-content:space-between;align-items:center;height:60px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo img{aspect-ratio:1000/417;width:auto;height:35px;display:block}.nav-links{gap:28px;display:flex}.nav-links a{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:12px;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.active,.nav-links a.is-current{color:var(--teal)}.nav-right{align-items:center;gap:12px;display:flex}.nav-katalog{letter-spacing:1px;text-transform:uppercase;color:var(--teal);border:1px solid var(--teal);background:0 0;border-radius:100px;padding:7px 18px;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}.nav-katalog:hover{background:var(--teal);color:var(--white)}.nav-cta{letter-spacing:1px;text-transform:uppercase;color:var(--white);background:var(--teal);border:none;border-radius:100px;padding:8px 18px;font-size:12px;font-weight:500;text-decoration:none;transition:opacity .2s}.nav-cta:hover{opacity:.85}.lang-switcher{position:relative}.lang-btn{font-family:var(--sans);letter-spacing:1px;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:500;transition:border-color .2s,color .2s;display:flex}.lang-btn:hover{border-color:var(--teal);color:var(--teal)}.lang-btn svg{width:10px;height:10px;transition:transform .2s}.lang-switcher.open .lang-btn svg{transform:rotate(180deg)}.lang-dropdown{background:var(--white);border:1px solid var(--line);opacity:0;pointer-events:none;visibility:hidden;z-index:200;border-radius:8px;min-width:100px;transition:opacity .2s,transform .2s,visibility 0s .2s;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(-6px);box-shadow:0 8px 24px #3d3d3d1a}.lang-switcher.open .lang-dropdown{opacity:1;pointer-events:all;visibility:visible;transition:opacity .2s,transform .2s,visibility;transform:translateY(0)}.lang-option{text-align:left;width:100%;font-family:var(--sans);letter-spacing:1px;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:12px;font-weight:400;text-decoration:none;transition:background .15s,color .15s;display:block}.lang-option:hover{color:var(--teal);background:#0080800f}.lang-option.active{color:var(--teal);font-weight:500}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.footer-logo img{aspect-ratio:3897/995;opacity:.5;width:auto;height:18px;display:block}.footer-links{gap:24px;display:flex}.footer-links a{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:11px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--teal)}.footer-copy{color:var(--muted);letter-spacing:.5px;font-size:11px}section{scroll-margin-top:60px}.section-tag{text-transform:uppercase;letter-spacing:2px;color:var(--teal);align-items:center;gap:8px;margin-bottom:20px;font-size:10px;display:flex}.section-tag:before{content:"";background:var(--teal);width:16px;height:1px}.section-title{font-family:var(--display);letter-spacing:2px;color:var(--ink);margin-bottom:24px;font-size:clamp(36px,4vw,52px);line-height:1}.section-desc{color:var(--muted);font-size:15px;font-weight:300;line-height:1.7}.about-text{color:var(--ink);margin-bottom:8px;font-size:15px;font-weight:300;line-height:1.8}.contact-left{border-right:1px solid var(--line);padding:80px 40px}.contact-right{flex-direction:column;gap:32px;padding:80px 40px;display:flex}.contact-info-label{text-transform:uppercase;letter-spacing:2px;color:var(--teal);margin-bottom:6px;font-size:10px}.contact-info-val{color:var(--ink);font-size:14px;font-weight:300;line-height:1.7}.contact-info-val a{color:var(--ink);text-decoration:none;transition:color .2s}.contact-info-val a:hover{color:var(--teal)}.contact-divider{background:var(--line);height:1px}.contact-map{filter:grayscale(30%);border:none;border-radius:4px;width:100%;height:260px;display:block}.ref-card{background:var(--bg);aspect-ratio:4/3;display:block;position:relative;overflow:hidden}.ref-card img{object-fit:cover;filter:grayscale(20%);width:100%;height:100%;transition:transform .5s,filter .5s;display:block}.ref-card:hover img{filter:grayscale(0%);transform:scale(1.04)}.ref-label{background:linear-gradient(#0000 0%,#3d3d3da6 100%);padding:12px 16px;position:absolute;bottom:0;left:0;right:0}.ref-label-name{font-family:var(--display);letter-spacing:1.5px;color:var(--white);font-size:15px}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.fade-in{opacity:.01;animation:.7s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.fi-1{animation-delay:.1s}.fi-2{animation-delay:.25s}.fi-3{animation-delay:.4s}.fi-4{animation-delay:.6s}#hero{border-bottom:1px solid var(--line);flex-direction:column;justify-content:flex-end;min-height:100vh;padding:120px 40px 64px;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}#hero-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-tag{letter-spacing:2px;text-transform:uppercase;color:var(--teal);align-items:center;gap:8px;margin-bottom:24px;font-size:11px;display:inline-flex;position:relative}.hero-tag:before{content:"";background:var(--teal);width:24px;height:1px}.hero-title{font-family:var(--display);letter-spacing:2px;color:var(--ink);max-width:700px;font-size:clamp(56px,9vw,110px);line-height:.92;position:relative}.hero-title span{color:var(--teal)}.hero-sub{max-width:420px;color:var(--muted);margin-top:28px;font-size:16px;font-weight:300;line-height:1.7;position:relative}.hero-bottom{justify-content:space-between;align-items:center;margin-top:48px;display:flex;position:relative}.hero-stats{gap:48px;display:flex}.hero-stat-num{font-family:var(--display);letter-spacing:2px;color:var(--ink);font-size:55px;line-height:1}.hero-stat-num span{color:var(--teal)}.hero-stat-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-top:2px;font-size:15px}.hero-scroll{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:11px;text-decoration:none;display:flex}.hero-scroll-line{background:var(--line);width:40px;height:1px;position:relative;overflow:hidden}.hero-scroll-line:after{content:"";background:var(--teal);width:100%;height:100%;animation:2s ease-in-out infinite scanline;position:absolute;top:0;left:-100%}@keyframes scanline{0%{left:-100%}to{left:100%}}#hakkimizda{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.about-left{border-right:1px solid var(--line);padding:80px 40px}.about-right{flex-direction:column;gap:32px;padding:80px 40px;display:flex}.about-photo{aspect-ratio:4/3;object-fit:cover;border-radius:4px;width:100%;height:auto;display:block}.about-stat-grid{background:var(--line);border:1px solid var(--line);border-radius:4px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.about-stat{background:var(--bg);padding:22px 24px}.about-stat-num{font-family:var(--display);letter-spacing:2px;color:var(--ink);font-size:36px;line-height:1}.about-stat-num span{color:var(--teal)}.about-stat-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-top:4px;font-size:11px}#urunler{border-bottom:1px solid var(--line)}.products-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:40px;padding:64px 40px 40px;display:flex}.products-header-left{max-width:480px}.all-link{letter-spacing:1px;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);white-space:nowrap;padding-bottom:1px;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s}.all-link:hover{color:var(--teal);border-color:var(--teal)}.products-grid{grid-template-columns:repeat(4,1fr);display:grid}.product-card{border-right:1px solid var(--line);color:inherit;background:var(--bg);text-decoration:none;transition:background .3s;display:block;position:relative;overflow:hidden}.product-card:last-child{border-right:none}.product-card:hover{background:var(--white)}.product-card:after{content:"";background:var(--teal);transform-origin:0;height:2px;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.product-card:hover:after{transform:scaleX(1)}.product-img-wrap{overflow:hidden}.product-img{aspect-ratio:4/3;object-fit:cover;filter:grayscale(15%);width:100%;height:auto;transition:filter .4s,transform .4s;display:block}.product-card:hover .product-img{filter:grayscale(0%);transform:scale(1.03)}.product-body{padding:28px 28px 32px}.product-name{font-family:var(--display);letter-spacing:2px;margin-bottom:8px;font-size:22px}.product-desc{color:var(--muted);margin-bottom:20px;font-size:12px;font-weight:300;line-height:1.6}.product-link{letter-spacing:1px;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);align-items:center;gap:6px;padding-bottom:1px;font-size:11px;font-weight:500;transition:color .2s,border-color .2s;display:inline-flex}.product-card:hover .product-link{color:var(--teal);border-color:var(--teal)}.s-arrow{transition:transform .2s}.product-card:hover .s-arrow{transform:translate(4px)}#markalar{border-bottom:1px solid var(--line)}.brands-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:56px 40px 32px;display:flex}.section-title.brands-title{margin-bottom:0}.section-desc.brands-desc{max-width:320px}.brands-scroll-wrap{padding:32px 0;position:relative;overflow:hidden}.brands-scroll-wrap:before,.brands-scroll-wrap:after{content:"";z-index:2;pointer-events:none;width:80px;position:absolute;top:0;bottom:0}.brands-scroll-wrap:before{background:linear-gradient(to right,var(--bg),transparent);left:0}.brands-scroll-wrap:after{background:linear-gradient(to left,var(--bg),transparent);right:0}.brands-track{align-items:center;gap:56px;width:max-content;animation:60s linear infinite marquee;display:flex}.brands-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand-logo{object-fit:contain;filter:grayscale()opacity(.45);flex-shrink:0;width:auto;height:32px;transition:filter .3s}.brand-logo:hover{filter:grayscale(0%)opacity()}#referanslar{border-bottom:1px solid var(--line)}.ref-header{justify-content:space-between;align-items:flex-end;padding:64px 40px 0;display:flex}.ref-grid{background:var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:40px;display:grid}#iletisim{grid-template-columns:1fr 1fr;display:grid}.page-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:40px;margin-top:60px;padding:56px 40px 40px;display:flex}.page-tag{text-transform:uppercase;letter-spacing:2px;color:var(--teal);align-items:center;gap:8px;margin-bottom:12px;font-size:10px;display:flex}.page-tag:before{content:"";background:var(--teal);width:16px;height:1px}.page-title{font-family:var(--display);letter-spacing:2px;color:var(--ink);font-size:clamp(40px,5vw,64px);line-height:1}.product-count{color:var(--muted);font-size:13px;font-weight:300}.product-count span{color:var(--teal);font-weight:500}.products-layout,.projects-layout{grid-template-columns:220px 1fr;min-height:calc(100vh - 60px);display:grid}.sidebar{border-right:1px solid var(--line);scrollbar-width:none;height:calc(100vh - 60px);padding:32px 0;position:sticky;top:60px;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar-label{text-transform:uppercase;letter-spacing:2px;color:var(--muted);padding:0 24px 16px;font-size:10px;display:block}.cat-list{list-style:none}.cat-btn{width:100%;font-family:var(--sans);color:var(--muted);cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;justify-content:space-between;align-items:center;padding:11px 24px;font-size:13px;font-weight:400;transition:all .2s;display:flex}.cat-btn:hover{color:var(--ink);background:#0080800a}.cat-btn.active{color:var(--teal);border-left-color:var(--teal);background:#0080800f;font-weight:500}.cat-count{color:var(--muted);font-size:11px;font-weight:300}.cat-btn.active .cat-count{color:var(--teal)}.sidebar-divider{background:var(--line);height:1px;margin:16px 24px}.sidebar-link{color:var(--teal);border-left:2px solid #0000;align-items:center;gap:8px;padding:11px 24px;font-size:13px;text-decoration:none;transition:background .2s;display:flex}.sidebar-link:hover{background:#0080800f}.products-area,.projects-area{padding:32px 40px 80px}.search-bar-wrap{margin-bottom:32px;position:relative}.search-bar{width:100%;font-family:var(--sans);color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:6px;outline:none;padding:12px 16px 12px 40px;font-size:13px;transition:border-color .2s}.search-bar::placeholder{color:var(--muted)}.search-bar:focus{border-color:var(--teal)}.search-icon{width:16px;height:16px;stroke:var(--muted);fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.products-grid-full{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;display:grid}.product-card-full{background:var(--bg);flex-direction:column;transition:background .25s;display:flex;position:relative;overflow:hidden}.product-card-full:hover{background:var(--white)}.product-card-full:after{content:"";background:var(--teal);transform-origin:0;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.product-card-full:hover:after{transform:scaleX(1)}.product-img-wrap-sq{aspect-ratio:1;overflow:hidden}.product-img-sq{object-fit:contain;background:var(--white);width:100%;height:100%;padding:16px;transition:transform .4s;display:block}.product-card-full:hover .product-img-sq{transform:scale(1.06)}.product-body-full{flex-direction:column;flex:1;padding:16px;display:flex}.product-brand-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--teal);margin-bottom:6px;font-size:10px;font-weight:500}.product-name-full{color:var(--ink);flex:1;font-size:13px;font-weight:500;line-height:1.4}.product-cat-tag{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:8px;font-size:10px}.pagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;display:flex}.pagination-info{color:var(--muted);font-size:12px}.pagination-info span{color:var(--ink);font-weight:500}.pagination-pages{align-items:center;gap:4px;display:flex}.page-btn{width:34px;height:34px;font-family:var(--sans);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:400;transition:all .2s;display:flex}.page-btn:hover{border-color:var(--line);color:var(--ink)}.page-btn.active{border-color:var(--teal);color:var(--teal);background:#0080800f;font-weight:500}.page-btn:disabled{opacity:.3;cursor:default}.page-btn.arrow{color:var(--ink);font-size:16px}.page-dots{text-align:center;width:34px;color:var(--muted);font-size:12px}.empty-state{text-align:center;grid-column:1/-1;padding:80px 40px;display:none}.empty-state-title{font-family:var(--display);letter-spacing:2px;color:var(--muted);margin-bottom:8px;font-size:32px}.empty-state-sub{color:var(--muted);font-size:14px;font-weight:300}.mobile-filter-wrap{scrollbar-width:none;border-bottom:1px solid var(--line);gap:8px;padding:16px 20px;display:none;overflow-x:auto}.mobile-filter-wrap::-webkit-scrollbar{display:none}.mobile-cat-btn{white-space:nowrap;font-family:var(--sans);border:1px solid var(--line);background:var(--white);color:var(--muted);cursor:pointer;border-radius:100px;flex-shrink:0;padding:7px 16px;font-size:12px;transition:all .2s}.mobile-cat-btn.active{border-color:var(--teal);background:var(--teal);color:var(--white)}.projects-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1px;display:grid}.project-card{aspect-ratio:4/3;background:var(--bg);position:relative;overflow:hidden}.project-card img{object-fit:cover;filter:grayscale(15%);width:100%;height:100%;transition:transform .5s,filter .5s;display:block}.project-card:hover img{filter:grayscale(0%);transform:scale(1.05)}.project-label{background:linear-gradient(#0000 0%,#3d3d3db8 100%);padding:12px 16px;position:absolute;bottom:0;left:0;right:0}.project-name{font-family:var(--display);letter-spacing:1.5px;color:var(--white);font-size:16px;font-weight:400;display:block}.project-cat{letter-spacing:1.5px;text-transform:uppercase;color:#ffffff8c;opacity:0;max-height:0;margin-top:2px;font-size:10px;transition:max-height .3s,opacity .3s;display:block;overflow:hidden}.project-card:hover .project-cat{opacity:1;max-height:20px}.cta-banner{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:40px;padding:48px 40px;display:grid}.cta-title{font-family:var(--display);letter-spacing:2px;color:var(--ink);font-size:clamp(24px,3vw,36px);font-weight:400}.cta-sub{color:var(--muted);margin-top:6px;font-size:14px;font-weight:300}.cta-actions{flex-shrink:0;gap:12px;display:flex}.cta-btn-primary{letter-spacing:1px;text-transform:uppercase;color:var(--white);background:var(--teal);border:none;border-radius:100px;padding:10px 24px;font-size:12px;font-weight:500;text-decoration:none;transition:opacity .2s}.cta-btn-primary:hover{opacity:.85}.cta-btn-secondary{letter-spacing:1px;text-transform:uppercase;color:var(--teal);border:1px solid var(--teal);background:0 0;border-radius:100px;padding:10px 24px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s}.cta-btn-secondary:hover{background:var(--teal);color:var(--white)}@media (width<=900px){nav{padding:0 20px}.nav-links{display:none}#hero{padding:100px 20px 48px}.hero-bottom{flex-direction:column;align-items:flex-start;gap:24px}#hakkimizda{grid-template-columns:1fr}.about-left{border-right:none;border-bottom:1px solid var(--line);padding:48px 20px}.about-right{padding:48px 20px}.products-header{flex-direction:column;align-items:flex-start;padding:48px 20px 32px}.products-grid{grid-template-columns:1fr 1fr}.product-card:nth-child(2){border-right:none}.product-card:nth-child(3){border-top:1px solid var(--line)}.product-card:nth-child(4){border-right:none;border-top:1px solid var(--line)}.brands-header{flex-direction:column;align-items:flex-start;padding:40px 20px 24px}.ref-header{flex-direction:column;align-items:flex-start;padding:48px 20px 0}.ref-grid{grid-template-columns:1fr 1fr}#iletisim{grid-template-columns:1fr}.contact-left{border-right:none;border-bottom:1px solid var(--line);padding:48px 20px}.contact-right{padding:48px 20px}.products-layout,.projects-layout{grid-template-columns:1fr}.sidebar{display:none}.mobile-filter-wrap{display:flex}.products-area,.projects-area{padding:24px 20px 60px}.page-header{flex-direction:column;align-items:flex-start;padding:40px 20px 28px}.cta-banner{grid-template-columns:1fr;padding:40px 20px}.cta-actions{flex-direction:column}footer{text-align:center;flex-direction:column;gap:16px;padding:24px 20px}.footer-links{flex-wrap:wrap;justify-content:center}}.ar-2262x365{aspect-ratio:2262/365}.ar-781x121{aspect-ratio:781/121}.ar-2200x512{aspect-ratio:2200/512}.ar-1203x246{aspect-ratio:1203/246}.ar-1825x1818{aspect-ratio:1825/1818}.ar-403x135{aspect-ratio:403/135}.ar-778x221{aspect-ratio:778/221}.ar-1328x225{aspect-ratio:1328/225}.ar-1450x406{aspect-ratio:1450/406}.ar-1884x1198{aspect-ratio:1884/1198}.ar-1024x644{aspect-ratio:1024/644}.ar-2560x2560{aspect-ratio:2560/2560}.ar-2956x1119{aspect-ratio:2956/1119}.ar-600x600{aspect-ratio:600/600}.ar-2372x478{aspect-ratio:2372/478}