/* About page only. Shared typography, navigation and reveals come from site.css. */
.about-intro { padding-block: 5rem 4rem; }
.about-intro h1 { font-size: clamp(3rem,6.4vw,6.3rem); line-height: 1.08; }
.about-intro h1 em { color: #c6b380; }
.about-lead { font-size: 1.125rem; line-height: 1.85; color: #c0bdb2; max-width: 58rem; margin-bottom: 2rem; }
.about-brand-band { background: #1d1e18; border-block: 1px solid var(--line); padding-block: 2.5rem; }
.about-brand-band > .container { display: flex; align-items: center; justify-content: space-between; gap: 3rem; }
.about-brand-signature { display: flex; align-items: center; gap: 2rem; min-width: 0; }
.about-brand-signature img { width: 5.5rem; height: auto; }
.about-brand-signature > span { font-size: .875rem; color: var(--muted); }
.about-brand-band p { font-size: clamp(1.4rem,2.7vw,2.5rem); letter-spacing: -.025em; line-height: 1.4; margin: 0; }
.about-brand-band p > span { color: #c6b380; }
.about-section { padding-block: 5rem; }
.about-kicker { display: flex; align-items: center; gap: .9rem; margin-bottom: 2rem; min-width: 0; }
.about-kicker > span { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; flex: 0 0 auto; border: 1px solid #af9c6d80; border-radius: 50%; color: #c6b380; font-size: .875rem; }
.about-kicker p { font-size: .875rem; letter-spacing: .07em; text-transform: uppercase; margin: 0; }
.about-kicker i { height: 1px; min-width: 0; flex: 1; background: var(--line); }
.about-section h2, .about-principles h2 { font-size: clamp(2.3rem,4.2vw,4rem); letter-spacing: -.045em; line-height: 1.15; margin-bottom: 1.5rem; }
.about-section h2 em, .about-principles h2 em { font-style: normal; color: #c6b380; }
.about-story { width: 100%; font-size: 1.0625rem; line-height: 1.9; color: #c0bdb2; margin-bottom: 1.75rem; }
.about-story p { margin-bottom: 1rem; }
.about-description { font-size: 1.0625rem; line-height: 1.85; color: #c0bdb2; margin-bottom: 2.5rem; }
.about-principles { padding-block: 5rem; background: #e8e5dc; color: #20221c; }
.about-principles .about-kicker > span { border-color: #88764880; color: #665632; }
.about-principles .about-kicker i { background: #20221c30; }
.about-principles h2 em { color: #76663d; }
.about-principles .about-description { color: #606253; }
.about-principle-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2.5rem; }
.about-principle-grid article { border-top: 1px solid #20221c30; padding-top: 1.75rem; }
.about-principle-grid article > span { font-size: 2rem; color: #76663d; line-height: 1; display: block; margin-bottom: 1.75rem; }
.about-principle-grid h3 { font-size: 1.5rem; font-weight: 500; letter-spacing: -.025em; margin-bottom: 1rem; }
.about-principle-grid p { font-size: 1rem; line-height: 1.85; color: #606253; margin-bottom: 0; }
.about-audience-list { margin-bottom: 2rem; }
.about-audience-list > div { display: grid; grid-template-columns: 2.5rem minmax(0,1fr) minmax(0,1.2fr); gap: 1.5rem; align-items: start; padding-block: 1.75rem; border-top: 1px solid var(--line); }
.about-audience-list > div:last-child { border-bottom: 1px solid var(--line); }
.about-audience-list span { color: #c6b380; font-size: .875rem; }
.about-audience-list h3 { font-size: 1.35rem; font-weight: 500; line-height: 1.4; letter-spacing: -.025em; margin: 0; }
.about-audience-list p { font-size: 1rem; color: var(--muted); line-height: 1.8; margin: 0; }
.about-next { background: var(--surface); border-top: 1px solid var(--line); padding-block: 5rem; }
.about-next h2 { font-size: clamp(2.5rem,4.6vw,4.5rem); line-height: 1.12; letter-spacing: -.045em; margin-block: 1.5rem; }
.about-next h2 em { font-style: normal; color: #c6b380; }
.about-next h2 + p { font-size: 1.0625rem; color: var(--muted); line-height: 1.85; max-width: 52rem; margin-bottom: 2rem; }
@media(max-width:57.99rem) {
  .about-intro { padding-block: 3rem; }
  .about-section,.about-principles,.about-next { padding-block: 4rem; }
  .about-brand-band > .container { gap: 2rem; }
  .about-brand-signature { gap: 1rem; }
  .about-brand-signature > span { max-width: 7rem; }
  .about-principle-grid { gap: 1.5rem; }
  .about-audience-list > div { grid-template-columns: 2rem minmax(0,1fr); gap: .75rem 1rem; }
  .about-audience-list p { grid-column: 2; }
}
@media(max-width:40rem) {
  .about-intro h1 { font-size: clamp(2.8rem,10vw,4rem); }
  .about-lead { font-size: 1.0625rem; }
  .about-brand-band > .container { flex-direction: column; align-items: start; gap: 2rem; }
  .about-brand-signature > span { max-width: none; }
  .about-kicker { gap: .7rem; }
  .about-kicker p { font-size: .8125rem; letter-spacing: .03em; }
  .about-principle-grid { grid-template-columns: minmax(0,1fr); gap: 2rem; }
  .about-principle-grid article > span { margin-bottom: 1rem; }
  .about-section h2,.about-principles h2 { font-size: 2.25rem; }
}