:root{--ink:#101112;--muted:#737577;--paper:#f4f3ef;--line:#d5d4cf;--accent:#b68a5c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.header{height:92px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;color:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.05;letter-spacing:.16em;font-weight:600}.brand small{font-size:8px;font-weight:400;letter-spacing:.29em}.brand-mark{width:38px;height:38px;border:1px solid currentColor;display:grid;place-items:center;font-family:Manrope;font-size:20px}.header nav{display:flex;gap:34px;align-items:center;font-size:14px}.header nav a{opacity:.85}.header nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.45);padding:13px 19px}.menu{display:none;background:none;border:0}.hero{height:min(92vh,900px);min-height:700px;position:relative;color:#fff;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,12,.78) 0%,rgba(4,8,12,.38) 45%,rgba(4,8,12,.08) 75%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 45%)}.hero-copy{position:absolute;left:8.5vw;top:50%;transform:translateY(-42%);max-width:690px}.eyebrow,.section-no{font-size:12px;letter-spacing:.2em;font-weight:600}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(56px,7.2vw,108px);line-height:.92;letter-spacing:-.055em;margin:28px 0}.intro{font-size:18px;line-height:1.65;max-width:590px;color:rgba(255,255,255,.82)}.button{display:inline-flex;margin-top:28px;align-items:center;justify-content:space-between;min-width:220px;padding:17px 18px;font-size:14px}.button.light{background:#fff;color:#111}.button.dark{background:#111;color:#fff}.hero-index{position:absolute;bottom:36px;left:4.5vw;right:4.5vw;display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:.18em}.hero-index i{height:1px;background:rgba(255,255,255,.45);flex:1}.statement,.projects,.services,.contact{padding:120px 8.5vw}.section-no{color:#7b7d7e;margin:0 0 45px}.statement h2,.section-head h2,.contact h2{font-family:Manrope;font-weight:400;letter-spacing:-.045em}.statement h2{font-size:clamp(38px,5vw,76px);line-height:1.1;max-width:1080px;margin:0}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:70px;padding-left:45%}.statement-grid p,.section-head>p{font-size:16px;line-height:1.75;color:#555;max-width:530px}.text-link{border-bottom:1px solid #111;padding-bottom:12px;align-self:end;display:flex;justify-content:space-between}.projects{background:#121415;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:64px}.section-head h2{font-size:clamp(46px,5vw,74px);line-height:1.05;margin:0}.section-head>p{color:#a7a9aa}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px 24px}.project.featured{grid-row:span 2}.project-image{height:330px;background-size:cover;background-position:center;filter:saturate(.75)}.featured .project-image{height:720px;background-image:linear-gradient(25deg,rgba(0,0,0,.2),transparent),url('hero.png')}.image-b{background-image:url('hero.png');background-position:70% 35%}.image-c{background:linear-gradient(135deg,#494d4c,#191b1b);position:relative}.image-c:after{content:'SANAYİ YAPILARI';position:absolute;left:28px;bottom:25px;font-size:11px;letter-spacing:.25em;color:#bbb}.project-meta{display:flex;justify-content:space-between;padding-top:18px}.project-meta h3{font-size:20px;margin:0 0 8px;font-weight:500}.project-meta p,.project-meta span{margin:0;color:#8e9191;font-size:13px}.project-note{color:#747777;font-size:12px;margin-top:30px}.services{background:#e9e8e3}.service-list>div{display:grid;grid-template-columns:80px 1.1fr 1fr;gap:20px;padding:36px 0;border-top:1px solid #c5c4bf;align-items:start}.service-list>div:last-child{border-bottom:1px solid #c5c4bf}.service-list span{font-size:12px;color:#888}.service-list h3{font-family:Manrope;font-size:34px;font-weight:400;margin:0}.service-list p{color:#5f6162;line-height:1.7;margin:5px 0}.contact{background:#b58a5e;min-height:600px}.contact .section-no{color:#29231e}.contact h2{font-size:clamp(60px,8vw,120px);line-height:.93;margin:0}.contact-bottom{display:grid;grid-template-columns:1fr 1.4fr auto;gap:40px;align-items:end;margin-top:90px}.contact-bottom p{font-size:14px;line-height:1.7}footer{background:#101112;color:#fff;padding:35px 4.5vw;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a6a8a8}.footer-brand{color:#fff}@media(max-width:800px){.header{height:76px}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#111;padding:25px 4.5vw;flex-direction:column;align-items:start}.header nav.open{display:flex}.menu{display:block;width:38px;height:38px;padding:10px}.menu span{display:block;height:1px;background:#fff;margin:6px 0}.hero{min-height:690px}.hero-copy{left:6vw;right:6vw}.hero h1{font-size:54px}.intro{font-size:16px}.statement,.projects,.services,.contact{padding:80px 6vw}.statement-grid{grid-template-columns:1fr;padding-left:0;margin-top:45px}.section-head{display:block}.section-head>p{margin-top:30px}.project-grid{grid-template-columns:1fr}.project.featured{grid-row:auto}.featured .project-image,.project-image{height:430px}.service-list>div{grid-template-columns:45px 1fr}.service-list p{grid-column:2}.contact-bottom{grid-template-columns:1fr;margin-top:55px}footer{gap:20px;flex-wrap:wrap}.footer-brand{width:100%}}
