/* HAN Mimarlık — Projects page only */
:root{--projects-ink:#171613;--projects-paper:#f4f1eb;--projects-line:#24221f20;--projects-muted:#69655e;--projects-dark:#111110}
body{background:var(--projects-paper);color:var(--projects-ink)}
.site-header{position:relative;background:var(--projects-paper);color:var(--projects-ink);border-bottom:1px solid #17161316}
.projects-page{background:var(--projects-paper);color:var(--projects-ink);font-family:"DM Sans",Arial,sans-serif}
.projects-page *{box-sizing:border-box}
.projects-hero{min-height:218px;background:var(--projects-dark);color:#f7f4ee;position:relative;overflow:hidden;display:flex;align-items:center}
.projects-hero-copy{position:relative;z-index:2;width:43%;padding:34px 0 32px 7.5%}
.projects-rule{display:block;width:42px;height:1px;background:#f7f4ee;margin-bottom:18px}
.projects-hero h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1.03;letter-spacing:-.035em;margin:0 0 12px}
.projects-hero p{font-size:12px;line-height:1.65;letter-spacing:.015em;color:#d4d0c8;max-width:380px;margin:0}
.projects-hero-image{position:absolute;right:0;top:0;width:67%;height:100%;background:linear-gradient(90deg,#111110 0%,rgba(17,17,16,.78) 10%,rgba(17,17,16,.15) 45%,rgba(17,17,16,.02) 100%),url("hizmet-hero.jpg") center 55%/cover no-repeat}
.projects-browser{padding:18px 4.3% 18px}
.project-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.project-filters{display:flex;align-items:center;gap:8px;flex:1;min-width:0;flex-wrap:wrap}
.project-filter{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;padding:8px 13px;border:1px solid var(--projects-line);background:transparent;color:#37342f;border-radius:2px;font:500 9px/1.2 "DM Sans",Arial,sans-serif;letter-spacing:.035em;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.project-filter svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.project-filter:hover{border-color:#17161370}
.project-filter.active{background:#171613;color:#f8f5ef;border-color:#171613}
.project-search{display:flex;align-items:center;gap:10px;min-width:160px;max-width:210px;border-bottom:1px solid #777168;padding:0 0 7px}
.project-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.project-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--projects-ink);font:400 11px "DM Sans",Arial,sans-serif}
.project-search input::placeholder{color:#8b867e}
.projects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px}
.project-card{min-width:0;border:1px solid var(--projects-line);background:#faf8f3;transition:box-shadow .2s,transform .2s}
.project-card[hidden]{display:none!important}
.project-card:hover{box-shadow:0 7px 22px #17161312;transform:translateY(-2px)}
.project-photo{display:block;height:clamp(115px,10vw,145px);overflow:hidden;background:#d7d1c5}
.project-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.project-card:hover .project-photo img{transform:scale(1.035)}
.project-card-body{padding:8px 12px 9px}
.project-category{font-size:8px;letter-spacing:.11em;color:#69655e;margin:0 0 4px}
.project-card h2{font-family:"Playfair Display",Georgia,serif;font-size:16px;line-height:1.25;font-weight:400;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.project-location{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#605c55}
.project-location svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.project-detail{display:inline-flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.05em;white-space:nowrap}
.project-detail span:last-child{font-size:15px;line-height:1}
.project-detail:hover{opacity:.65}
.projects-empty{padding:40px 0;text-align:center;color:var(--projects-muted);font-size:13px}
.projects-cta{min-height:142px;background:linear-gradient(90deg,rgba(17,17,16,.97) 0%,rgba(17,17,16,.76) 45%,rgba(17,17,16,.35) 100%),url("hizmet-malzeme.jpg") center 55%/cover no-repeat;color:#f6f2ea;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 10.5%}
.projects-cta h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(30px,3.2vw,44px);font-weight:400;line-height:1.02;letter-spacing:-.03em;margin:0}
.projects-cta>a{border:1px solid #f6f2ea90;min-width:180px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:10px;letter-spacing:.06em;transition:background .2s,color .2s}
.projects-cta>a:hover{background:#f6f2ea;color:#171613}
.projects-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 5.2%;background:#111110;color:#d6d1c8;border-top:1px solid #ffffff24;font-size:9px}
.projects-footer .brand{color:#fff}
@media(min-width:1500px){.projects-hero{min-height:235px}.projects-browser{padding-top:20px;padding-bottom:20px}.project-photo{height:150px}.project-card h2{font-size:17px}}
@media(max-width:1100px){.project-tools{align-items:flex-start;flex-direction:column}.project-search{max-width:none;width:100%}.project-filters{width:100%}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-photo{height:clamp(140px,16vw,190px)}.projects-hero-copy{width:52%}.projects-hero-image{width:65%}}
@media(max-width:700px){.projects-hero{min-height:245px}.projects-hero-copy{width:78%;padding:32px 22px}.projects-hero h1{font-size:39px}.projects-hero p{font-size:12px;max-width:300px}.projects-hero-image{width:100%;opacity:.55;background-image:linear-gradient(90deg,#111110 0%,rgba(17,17,16,.7) 52%,rgba(17,17,16,.3) 100%),url("hizmet-hero.jpg")}.projects-browser{padding:15px 14px}.project-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.project-filter{justify-content:flex-start;padding:9px 10px;font-size:9px}.project-search{margin-top:4px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-photo{height:clamp(105px,28vw,160px)}.project-card-body{padding:8px}.project-card h2{font-size:14px}.project-location{font-size:8px}.project-detail{gap:4px;font-size:7px}.projects-cta{padding:28px 22px;align-items:flex-start;flex-direction:column;gap:22px}.projects-cta h2{font-size:40px}.projects-cta>a{width:100%}.projects-footer{padding:18px 20px;flex-wrap:wrap}}
@media(max-width:380px){.projects-grid{grid-template-columns:1fr}.project-photo{height:190px}.project-card h2{font-size:16px}}


/* Shared HAN header: consistent across all public pages */
.site-header{height:82px!important;min-height:82px;box-sizing:border-box;position:relative!important;inset:auto!important;z-index:100;background:#f4f1eb!important;color:#171613!important;border-bottom:1px solid rgba(23,22,19,.15)!important;padding:0 5.1%!important;display:grid!important;grid-template-columns:minmax(150px,1fr) auto minmax(130px,1fr);align-items:center!important;gap:24px!important}
.site-header .brand{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:0!important;min-width:0!important;margin:0!important;color:#171613!important;text-decoration:none!important;white-space:nowrap}
.site-header .brand-wordmark{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:36px;line-height:.9;letter-spacing:-2.8px;font-weight:400;color:#171613}
.site-header .brand small{display:block!important;font-size:7px!important;line-height:1.2;letter-spacing:.12em!important;margin-top:5px!important;color:#4e4a44!important;text-transform:none!important}
.site-header .nav{display:flex!important;align-items:center!important;justify-content:center;gap:clamp(15px,2.1vw,34px)!important;position:static!important;inset:auto!important;padding:0!important;margin:0!important;background:transparent!important;color:#171613!important;flex-direction:row!important;white-space:nowrap}
.site-header .nav a{font:500 10px/1.2 'DM Sans',Arial,sans-serif!important;letter-spacing:.035em!important;color:#302d28!important;text-decoration:none!important;position:relative;padding:8px 0!important}
.site-header .nav a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:#171613;transition:width .2s}
.site-header .nav a:hover:after,.site-header .nav a[aria-current="page"]:after{width:100%}
.site-header .lang-switch{justify-self:end!important;display:block!important;background:none!important;border:0!important;color:#171613!important;padding:8px 0!important;margin:0!important;font:500 10px/1.2 'DM Sans',Arial,sans-serif!important;white-space:nowrap;cursor:pointer}
.site-header .lang-switch span{opacity:.48}.site-header .lang-switch span.active{opacity:1;color:#171613}
.site-header .menu-toggle{display:flex!important;justify-self:end;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:30px;height:34px;padding:5px!important;margin-left:-12px;background:transparent!important;border:0!important;color:#171613!important;cursor:pointer}
.site-header .menu-toggle span{display:block!important;width:23px;height:1px;background:#171613!important;transition:transform .2s,opacity .2s}
.site-header .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(6px) rotate(45deg)}.site-header .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.site-header .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1050px){.site-header{grid-template-columns:minmax(115px,1fr) auto auto auto;gap:14px!important;padding:0 4%!important}.site-header .brand-wordmark{font-size:32px}.site-header .nav{gap:clamp(10px,1.4vw,18px)!important}.site-header .nav a{font-size:9px!important}}
@media(max-width:760px){.site-header{height:70px!important;min-height:70px;grid-template-columns:1fr auto auto;gap:12px!important;padding:0 5%!important}.site-header .brand-wordmark{font-size:30px}.site-header .brand small{font-size:6px!important}.site-header .nav{display:none!important;position:absolute!important;top:69px!important;left:0!important;right:0!important;padding:23px 5% 27px!important;background:#f4f1eb!important;border-bottom:1px solid #17161324;box-shadow:0 12px 25px #17161312;flex-direction:column!important;align-items:flex-start!important;gap:19px!important;white-space:normal;z-index:110}.site-header .nav.open{display:flex!important}.site-header .nav a{font-size:11px!important}.site-header .lang-switch{justify-self:end!important}.site-header .menu-toggle{margin-left:0!important}}

/* Ortak footer: ana sayfa ile bire bir */
html body footer.footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px clamp(24px, 8.9vw, 172px);
  background: #1c1c1a !important;
  background-color: #1c1c1a !important;
  color: #f4f1ea !important;
  font-size: 9px;
  border-top: 1px solid #ffffff20;
}
html body footer.footer a,
html body footer.footer span {
  color: #f4f1ea !important;
}
html body footer.footer .brand-logo {
  display: block;
  width: 230px;
  height: 68px;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1) !important;
}
@media (max-width: 600px) {
  html body footer.footer {
    padding: 20px;
    gap: 16px;
    flex-wrap: wrap;
  }
}