:root{--orange:#ff8617;--ink:#16191d;--soft:#f7f7f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px Manrope,Arial,sans-serif;background:var(--soft)}.project-site-header{height:78px;background:#fff;display:flex;align-items:center;box-shadow:0 1px 9px #1111}.project-site-header .inner{width:min(1280px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between}.project-site-header img{width:205px;height:64px;object-fit:contain}.back-link{color:var(--ink);text-decoration:none;font-weight:800;font-size:13px}.back-link:hover{color:var(--orange)}.project-hero{height:min(67vw,620px);min-height:390px;position:relative;overflow:hidden;background:#181b1e}.project-hero img{width:100%;height:100%;object-fit:cover}.project-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,15,.76),rgba(10,12,15,.12) 70%)}.project-hero .inner{position:absolute;z-index:1;inset:0;width:min(1280px,calc(100% - 48px));margin:auto;display:flex;align-items:flex-end;padding-bottom:58px;color:#fff}.project-type{font-size:13px;font-weight:800;color:#ffaf63;text-transform:uppercase;letter-spacing:1.8px;margin:0 0 11px}.project-hero h1{font:800 clamp(36px,5vw,64px)/1.05 'Plus Jakarta Sans';margin:0;letter-spacing:-2px}.project-content{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:76px 0}.project-intro{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;padding-bottom:62px}.project-intro h2{font:800 33px/1.1 'Plus Jakarta Sans';margin:0;letter-spacing:-1px}.project-intro h2:before{content:"Proje Özeti";display:block;color:var(--orange);text-transform:uppercase;letter-spacing:1.5px;font:800 12px Manrope;margin-bottom:13px}.project-intro p{font-size:18px;line-height:1.7;color:#555d65;margin:0}.gallery-title{font:800 32px 'Plus Jakarta Sans';margin:0 0 25px;letter-spacing:-1px}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.gallery img{width:100%;height:350px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #17222d1c}.gallery img:first-child{grid-column:span 2;height:560px}.all-projects{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:70px 0}.all-projects header{margin-bottom:36px}.all-projects h1{font:800 52px/1 'Plus Jakarta Sans';letter-spacing:-2px;margin:0 0 12px}.all-projects header p{color:#5d6268;font-size:17px;margin:0}.all-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.all-project-card{height:310px;overflow:hidden;position:relative;border-radius:12px;color:#fff;text-decoration:none;background:#24272d;box-shadow:0 6px 22px #18232c25}.all-project-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.all-project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 65%)}.all-project-card span{position:absolute;z-index:1;bottom:21px;left:20px;right:20px}.all-project-card b{font:800 20px 'Plus Jakarta Sans';display:block}.all-project-card small{display:block;color:#ffc088;font-weight:700;margin-top:5px}.all-project-card:hover img{transform:scale(1.06)}.project-footer{padding:28px 24px;background:#121a21;color:#fff;text-align:center;font-size:13px}@media(max-width:700px){.project-site-header{height:68px}.project-site-header .inner,.project-hero .inner,.project-content,.all-projects{width:calc(100% - 30px)}.project-site-header img{width:160px;height:55px}.back-link{font-size:11px}.project-hero{height:470px;min-height:0}.project-hero .inner{padding-bottom:36px}.project-intro{grid-template-columns:1fr;gap:20px;padding-bottom:43px}.project-intro h2,.gallery-title{font-size:27px}.project-intro p{font-size:16px}.gallery{grid-template-columns:1fr;gap:12px}.gallery img,.gallery img:first-child{height:250px;grid-column:auto}.all-projects{padding:48px 0}.all-projects h1{font-size:39px}.all-project-grid{grid-template-columns:1fr;gap:15px}.all-project-card{height:260px}}
