/* Management, history, clients, who-we-are */
.management-layout { display: grid; gap: 26px; max-width: 90ch; }
.mg-card { background: white; border: 1px solid var(--hh-border); padding: 18px 18px; box-shadow: 0 10px 24px rgba(2, 6, 23, 0.06); }
.mg-row { display: grid; grid-template-columns: 160px 1fr; gap: 18px; align-items: start; }
.mg-photo img { width: 160px; height: 160px; object-fit: cover; display: block; border: 1px solid rgba(15, 23, 42, 0.16); background: #f1f5f9; }
.mg-body { min-width: 0; }
.mg-name { margin: 0 0 6px; }
.mg-title { margin: 0 0 12px; color: rgba(15, 23, 42, 0.75); }
.mg-list { margin: 0; padding-left: 18px; color: var(--hh-subtext); }
.mg-list li { margin: 8px 0; }

.history-layout { max-width: 90ch; }
.history-subhead { margin-top: 22px; }
.history-timeline { margin-top: 18px; display: grid; gap: 14px; }
.history-item { display: grid; grid-template-columns: 140px 1fr; gap: 16px; padding: 16px; background: white; border: 1px solid var(--hh-border); box-shadow: 0 10px 24px rgba(2, 6, 23, 0.06); }
.history-period { font-weight: 900; color: var(--hh-primary); letter-spacing: -0.02em; }
.history-text { color: var(--hh-subtext); }

.clients-layout { max-width: 95ch; }
.clients-subhead { margin: 0 0 14px; }
.clients-subhead-spaced { margin-top: 28px; }
.testimonial-list { display: grid; gap: 16px; }
.testimonial-card { margin: 0; padding: 16px; background: white; border: 1px solid var(--hh-border); box-shadow: 0 10px 24px rgba(2, 6, 23, 0.06); }
.testimonial-head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.testimonial-avatar { width: 56px; height: 56px; border-radius: 999px; border: 2px solid rgba(15, 23, 42, 0.10); background: #f1f5f9; object-fit: cover; }
.testimonial-meta { min-width: 0; }
.testimonial-by { margin: 0; font-weight: 900; color: rgba(15, 23, 42, 0.75); }
.testimonial-quote { margin: 0; color: rgba(15, 23, 42, 0.78); line-height: 1.7; }
.client-grid { margin-top: 14px; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.client-logo { height: 74px; display: grid; place-items: center; background: white; border: 1px solid rgba(15, 23, 42, 0.14); color: rgba(15, 23, 42, 0.55); font-weight: 800; letter-spacing: 0.02em; }
.client-logo span { font-size: 12px; }

.about-layout { max-width: 78ch; }
.tile-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.tile { background: white; border: 1px solid var(--hh-border); border-radius: 0; overflow: hidden; box-shadow: 0 10px 24px rgba(2, 6, 23, 0.06); }
.tile-media { height: 120px; background-size: cover; background-position: center; background-color: rgba(255,255,255,0.10); }
.tile-title { padding: 12px 14px; font-weight: 800; color: #0b2a5b; background: #f8fafc; border-top: 1px solid var(--hh-border); }
.about-list { margin: 12px 0 14px; color: var(--hh-subtext); }
.about-list li { margin: 6px 0; }

@media (max-width: 1024px) {
	.client-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
	.tile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
	.mg-row { grid-template-columns: 1fr; }
	.mg-photo img { width: 140px; height: 140px; }
	.history-item { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
	.client-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}