/* About layout. Typography and text colors inherit the shared site system. */
#hridaan-site .hdi-about { padding: 20px 0 32px; }
#hridaan-site .hdi-about .about-intro { display: grid; grid-template-columns: .72fr 1.28fr; gap: 64px; align-items: start; padding: 12px 0 36px; border-bottom: 1px solid var(--line); }
#hridaan-site .hdi-about .about-intro h1 { margin: 0; }
#hridaan-site .hdi-about .about-intro-copy p { margin: 0 0 20px; }
#hridaan-site .hdi-about .about-intro-copy p:last-child { margin-bottom: 0; }
#hridaan-site .hdi-about .about-story { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; padding-top: 32px; }
#hridaan-site .hdi-about .about-story p { margin: 0; }
#hridaan-site .hdi-about .about-section { margin-top: 64px; }
#hridaan-site .hdi-about .about-section > h2 { max-width: 920px; margin: 0 0 28px; }
#hridaan-site .hdi-about .about-reasons { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; padding: 0; margin: 0; list-style: none; }
#hridaan-site .hdi-about .about-reasons > li { min-width: 0; padding: 24px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
#hridaan-site .hdi-about h3 { margin: 0 0 12px; }
#hridaan-site .hdi-about .about-reasons p { margin: 0; }
#hridaan-site .hdi-about .about-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex: 0 0 40px; margin-bottom: 20px; border: 1px solid var(--line); border-radius: 10px; background: var(--wash); }
#hridaan-site .hdi-about .about-icon svg { width: 21px; height: 21px; stroke-width: 1.6; }
#hridaan-site .hdi-about .about-approach { padding: 36px; border: 1px solid var(--line); border-radius: 16px; background: var(--wash); }
#hridaan-site .hdi-about .about-approach-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
#hridaan-site .hdi-about .about-approach-grid > article { padding-top: 24px; border-top: 1px solid var(--line); min-width: 0; }
#hridaan-site .hdi-about .about-approach-grid p { margin: 0; }
#hridaan-site .hdi-about .about-approach .about-icon { background: var(--surface); }
#hridaan-site .hdi-about .about-values-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
#hridaan-site .hdi-about .about-values-grid > article { display: flex; align-items: flex-start; gap: 20px; padding: 28px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
#hridaan-site .hdi-about .about-values-grid p { margin: 0; }
#hridaan-site .hdi-about .about-quotes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
#hridaan-site .hdi-about .about-quote { display: flex; flex-direction: column; min-width: 0; padding: 28px; margin: 0; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
#hridaan-site .hdi-about .about-client-logo { display: block; object-fit: contain; object-position: left center; width: 112px; height: 52px; margin: 0 0 24px; }
#hridaan-site .hdi-about blockquote { margin: 0 0 24px; padding: 0; border: 0; background: transparent; }
#hridaan-site .hdi-about blockquote::before,#hridaan-site .hdi-about blockquote::after { content: none; }
#hridaan-site .hdi-about blockquote p { margin: 0; }
#hridaan-site .hdi-about figcaption { display: flex; align-items: center; gap: 12px; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--line); }
#hridaan-site .hdi-about .about-person { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; object-fit: cover; }
#hridaan-site .hdi-about figcaption h3 { margin: 0; }
#hridaan-site .hdi-about .about-closing { display: grid; grid-template-columns: .9fr 1.1fr; align-items: start; gap: 48px; padding: 36px; border-radius: 16px; border: 1px solid var(--line); background: var(--wash); }
#hridaan-site .hdi-about .about-closing > h2 { margin: 0; }
#hridaan-site .hdi-about .about-closing p { margin: 0 0 20px; }
#hridaan-site .hdi-about .about-closing p:last-child { margin: 0; }
@media(max-width: 1000px) {
 #hridaan-site .hdi-about .about-intro { gap: 36px; }
 #hridaan-site .hdi-about .about-reasons { grid-template-columns: 1fr 1fr; }
 #hridaan-site .hdi-about .about-approach { padding: 28px; }
 #hridaan-site .hdi-about .about-values-grid > article { padding: 24px; gap: 16px; }
 #hridaan-site .hdi-about .about-quotes { grid-template-columns: 1fr; }
 #hridaan-site .hdi-about .about-quote { display: grid; grid-template-columns: 140px 1fr; column-gap: 24px; }
 #hridaan-site .hdi-about .about-quote blockquote { grid-column: 2; grid-row: 1 / span 2; margin: 0; }
 #hridaan-site .hdi-about figcaption { grid-column: 2; }
 #hridaan-site .hdi-about .about-client-logo { margin: 0; }
}
@media(max-width: 700px) {
 #hridaan-site .hdi-about { padding-top: 8px; }
 #hridaan-site .hdi-about .about-intro,#hridaan-site .hdi-about .about-story,#hridaan-site .hdi-about .about-approach-grid,#hridaan-site .hdi-about .about-values-grid,#hridaan-site .hdi-about .about-closing { grid-template-columns: 1fr; gap: 24px; }
 #hridaan-site .hdi-about .about-intro { padding-bottom: 28px; }
 #hridaan-site .hdi-about .about-story { padding-top: 28px; }
 #hridaan-site .hdi-about .about-section { margin-top: 44px; }
 #hridaan-site .hdi-about .about-section > h2 { margin-bottom: 24px; }
 #hridaan-site .hdi-about .about-reasons { grid-template-columns: 1fr; gap: 12px; }
 #hridaan-site .hdi-about .about-reasons > li { display: grid; grid-template-columns: 40px 1fr; column-gap: 16px; padding: 20px; }
 #hridaan-site .hdi-about .about-reasons .about-icon { grid-row: 1 / span 2; margin: 0; }
 #hridaan-site .hdi-about .about-reasons p { grid-column: 2; }
 #hridaan-site .hdi-about .about-approach,#hridaan-site .hdi-about .about-closing { padding: 24px; }
 #hridaan-site .hdi-about .about-values-grid > article { padding: 20px; }
 #hridaan-site .hdi-about .about-quote { display: flex; padding: 24px; }
 #hridaan-site .hdi-about .about-client-logo { margin-bottom: 20px; }
 #hridaan-site .hdi-about .about-quote blockquote { margin-bottom: 20px; }
 #hridaan-site .hdi-about .about-closing > h2 { margin-bottom: 0; }
}