/* projeler.php styles — Light Theme */

.proj-intro { background: var(--bg-2); }
.proj-intro-inner { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }
.proj-intro-text p { font-size: 14px; color: var(--mid); font-weight: 300; line-height: 1.9; margin-bottom: 20px; }

.proj-filter {
    background: var(--bg); border-bottom: 1px solid rgba(184,148,58,0.12);
    padding: 0 60px; display: flex; gap: 0; overflow-x: auto; scrollbar-width: none;
}
.proj-filter::-webkit-scrollbar { display: none; }
.pf-btn {
    display: inline-block; padding: 20px 28px; font-size: 9px; font-weight: 500;
    letter-spacing: 3px; text-transform: uppercase; color: var(--mid); text-decoration: none;
    border-bottom: 2px solid transparent; transition: all 0.3s ease; white-space: nowrap;
    cursor: pointer; background: none; border-top: none; border-left: none; border-right: none;
    font-family: "Montserrat", sans-serif;
}
.pf-btn:hover, .pf-btn.active { color: var(--gold); border-bottom-color: var(--gold); }

.proj-section { background: var(--bg); }
.proj-grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: rgba(184,148,58,0.10); }
.proj-card { background: var(--bg-2); position: relative; overflow: hidden; transition: background 0.3s; }
.proj-card:hover { background: var(--bg-3); }
.proj-thumb {
    height: 200px; background: var(--bg-3);
    display: flex; align-items: center; justify-content: center;
    position: relative; overflow: hidden; border-bottom: 1px solid rgba(184,148,58,0.10);
}
.proj-thumb-num { font-family: "Cormorant Garamond", serif; font-size: 96px; font-weight: 300; color: rgba(184,148,58,0.10); line-height: 1; transition: color 0.4s; }
.proj-card:hover .proj-thumb-num { color: rgba(184,148,58,0.18); }
.proj-thumb-label { position: absolute; bottom: 16px; left: 20px; font-size: 7.5px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); }
.proj-info { padding: 36px 32px; }
.proj-cat { font-size: 7.5px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; display: block; }
.proj-name { font-family: "Cormorant Garamond", serif; font-size: 22px; font-weight: 400; color: var(--ink); margin-bottom: 10px; line-height: 1.2; }
.proj-loc { font-size: 11px; color: var(--mid); font-weight: 300; margin-bottom: 16px; }
.proj-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.proj-tag { font-size: 7.5px; letter-spacing: 2px; text-transform: uppercase; color: var(--mid); border: 1px solid var(--bg-4); padding: 5px 10px; }

.proj-featured { max-width: 1360px; margin: 0 auto 1px; display: grid; grid-template-columns: 1fr 1fr; background: rgba(184,148,58,0.10); }
.pf-visual { background: var(--bg-3); display: flex; align-items: center; justify-content: center; min-height: 420px; position: relative; }
.pf-visual-num { font-family: "Cormorant Garamond", serif; font-size: 180px; font-weight: 300; color: rgba(184,148,58,0.09); line-height: 1; }
.pf-badge { position: absolute; top: 24px; left: 24px; background: var(--gold); color: var(--white); font-size: 7.5px; letter-spacing: 3px; text-transform: uppercase; padding: 8px 14px; }
.pf-content { background: var(--bg-2); padding: 60px 52px; display: flex; flex-direction: column; justify-content: center; }
.pf-cat { font-size: 8px; letter-spacing: 4px; text-transform: uppercase; color: var(--gold); margin-bottom: 18px; }
.pf-name { font-family: "Cormorant Garamond", serif; font-size: 36px; font-weight: 300; color: var(--ink); margin-bottom: 20px; line-height: 1.1; }
.pf-desc { font-size: 13px; color: var(--mid); font-weight: 300; line-height: 1.85; margin-bottom: 36px; }
.pf-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.pf-meta-label { font-size: 7.5px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); margin-bottom: 6px; }
.pf-meta-val { font-size: 13px; color: var(--ink-3); font-weight: 300; }

.sectors-section { background: var(--bg-2); }
.sectors-grid { max-width: 1360px; margin: 80px auto 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: rgba(184,148,58,0.10); }
.sector-card { background: var(--bg); padding: 44px 36px; transition: background 0.3s; }
.sector-card:hover { background: var(--bg-3); }
.sector-ico { font-size: 28px; color: var(--gold); margin-bottom: 20px; display: block; }
.sector-name { font-family: "Cormorant Garamond", serif; font-size: 22px; font-weight: 400; color: var(--ink); margin-bottom: 12px; }
.sector-count { font-size: 11px; color: var(--mid); font-weight: 300; }
.sector-count strong { color: var(--gold); font-weight: 500; }

@media (max-width:1100px) {
    .proj-intro-inner { grid-template-columns: 1fr; gap: 60px; }
    .proj-filter { padding: 0 32px; }
    .proj-grid { grid-template-columns: 1fr 1fr; }
    .proj-featured { grid-template-columns: 1fr; }
    .sectors-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width:640px) {
    .proj-grid { grid-template-columns: 1fr; }
    .sectors-grid { grid-template-columns: 1fr 1fr; }
}