/* hakkimizda.php styles — Light Theme */

.mv-section { background: var(--bg-2); }
.mv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(184,148,58,0.10); margin-top: 80px; }
.mv-card { background: var(--bg); padding: 60px 52px; position: relative; overflow: hidden; }
.mv-card::before {
    content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 0;
    background: var(--gold); transition: height 0.6s var(--transition);
}
.mv-card:hover::before { height: 100%; }
.mv-ico { font-size: 36px; margin-bottom: 28px; display: block; color: var(--gold); }
.mv-title { font-family: "Cormorant Garamond", serif; font-size: 32px; font-weight: 300; color: var(--ink); margin-bottom: 20px; }
.mv-text { font-size: 13.5px; color: var(--mid); font-weight: 300; line-height: 1.9; }

.values-section { background: var(--bg); }
.values-header { max-width: 1360px; margin: 0 auto 80px; }
.values-grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: rgba(184,148,58,0.10); }
.val-card { background: var(--bg-2); padding: 44px 36px; transition: background 0.3s; }
.val-card:hover { background: var(--bg-3); }
.val-num {
    font-family: "Cormorant Garamond", serif; font-size: 56px; font-weight: 300;
    color: rgba(184,148,58,0.12); line-height: 1; margin-bottom: 20px; display: block; transition: color 0.3s;
}
.val-card:hover .val-num { color: rgba(184,148,58,0.2); }
.val-title { font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); margin-bottom: 14px; }
.val-body { font-size: 12.5px; color: var(--mid); font-weight: 300; line-height: 1.8; }

.history-section { background: var(--bg-2); }
.history-inner { max-width: 1360px; margin: 0 auto; }
.timeline { margin-top: 80px; position: relative; }
.timeline::before {
    content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(184,148,58,0.25) 10%, rgba(184,148,58,0.25) 90%, transparent);
}
.timeline-item { display: grid; grid-template-columns: 160px 1fr; gap: 60px; padding: 0 0 64px 0; position: relative; }
.timeline-item::before {
    content: ""; position: absolute; left: -5px; top: 8px;
    width: 10px; height: 10px; background: var(--gold); border-radius: 50%;
}
.timeline-year {
    font-family: "Cormorant Garamond", serif; font-size: 44px; font-weight: 300;
    color: rgba(184,148,58,0.22); text-align: right; padding-right: 60px; line-height: 1; padding-top: 4px; transition: color 0.3s;
}
.timeline-item:hover .timeline-year { color: var(--gold); }
.timeline-content h3 { font-family: "Cormorant Garamond", serif; font-size: 26px; font-weight: 400; color: var(--ink); margin-bottom: 14px; }
.timeline-content p { font-size: 13px; color: var(--mid); font-weight: 300; line-height: 1.8; }

.team-section { background: var(--bg); }
.team-grid { max-width: 1360px; margin: 80px auto 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: rgba(184,148,58,0.10); }
.team-card { background: var(--bg-2); padding: 48px 40px; }
.team-avatar {
    width: 80px; height: 80px; border: 1.5px solid rgba(184,148,58,0.25);
    display: flex; align-items: center; justify-content: center; margin-bottom: 24px;
    font-family: "Cormorant Garamond", serif; font-size: 30px; color: var(--gold); background: var(--bg);
}
.team-name { font-family: "Cormorant Garamond", serif; font-size: 24px; font-weight: 400; color: var(--ink); margin-bottom: 6px; }
.team-role { font-size: 9px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); margin-bottom: 16px; }
.team-bio { font-size: 12.5px; color: var(--mid); font-weight: 300; line-height: 1.8; }

.cert-section { background: var(--bg-2); }
.cert-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); }
.cert-card { background: var(--bg); padding: 40px 32px; text-align: center; transition: background 0.3s; }
.cert-card:hover { background: var(--bg-3); }
.cert-ico { font-size: 30px; margin-bottom: 16px; display: block; color: var(--gold); }
.cert-name { font-size: 11px; font-weight: 600; color: var(--ink); letter-spacing: 1px; margin-bottom: 8px; }
.cert-body { font-size: 11px; color: var(--mid); font-weight: 300; }

@media (max-width:1100px) {
    .mv-grid { grid-template-columns: 1fr; }
    .values-grid { grid-template-columns: 1fr 1fr; }
    .team-grid { grid-template-columns: 1fr 1fr; }
    .cert-grid { grid-template-columns: 1fr 1fr; }
    .timeline-item { grid-template-columns: 100px 1fr; gap: 32px; }
}
@media (max-width:640px) {
    .values-grid { grid-template-columns: 1fr; }
    .team-grid { grid-template-columns: 1fr; }
    .cert-grid { grid-template-columns: 1fr 1fr; }
    .timeline-item { grid-template-columns: 1fr; gap: 16px; }
    .timeline-year { text-align: left; padding-right: 0; }
}