/* about.css */
.about-page { max-width: 1100px; margin: 0 auto; padding: 5rem 2rem; }
.about-intro { max-width: 780px; margin: 0 auto 5rem; text-align: center; }
.about-intro h2 { font-size: clamp(2rem,5vw,3.2rem); color: var(--forest); margin-bottom: 1.5rem; }
.about-intro h2 em { color: var(--earth); font-weight: 400; }
.lead-text { font-family: 'Cormorant Garamond',serif; font-size: 1.2rem; color: var(--ash); line-height: 1.8; font-style: italic; }
.about-story { margin-bottom: 6rem; }
.story-block { display: grid; grid-template-columns: 80px 1fr; gap: 2rem; padding: 3rem 0; border-bottom: 1px solid var(--border); align-items: start; }
.story-num { font-family: 'Playfair Display',serif; font-size: 3rem; color: var(--light-sage); font-weight: 700; line-height: 1; padding-top: 0.2rem; }
.story-content h3 { font-size: 1.5rem; color: var(--forest); margin-bottom: 1rem; }
.story-content p { font-family: 'Cormorant Garamond',serif; font-size: 1.1rem; color: var(--ash); line-height: 1.8; margin-bottom: 0.8rem; }
.values-section { margin-bottom: 5rem; }
.values-section h2 { font-size: 2.5rem; color: var(--forest); margin-bottom: 3rem; }
.values-section h2 em { color: var(--earth); font-weight: 400; }
.values-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.5rem; }
.value-card { background: var(--cream); padding: 2rem 1.5rem; border-radius: 2px; text-align: center; }
.value-icon { font-size: 2rem; display: block; margin-bottom: 1rem; }
.value-card h4 { font-size: 1rem; color: var(--forest); margin-bottom: 0.6rem; font-family: 'Playfair Display',serif; }
.value-card p { font-size: 0.9rem; color: var(--ash); line-height: 1.6; }
.about-cta { text-align: center; padding: 4rem 2rem; background: var(--cream); border-radius: 4px; }
.about-cta h2 { font-size: 2.5rem; color: var(--forest); margin-bottom: 1rem; }
.about-cta h2 em { color: var(--earth); font-weight: 400; }
.about-cta p { font-family: 'Cormorant Garamond',serif; font-size: 1.15rem; color: var(--ash); margin-bottom: 2rem; font-style: italic; }
@media(max-width:768px){
  .values-grid{grid-template-columns:1fr 1fr;}
  .story-block{grid-template-columns:1fr;gap:0.5rem;}
  .story-num{font-size:2rem;}
}
@media(max-width:480px){.values-grid{grid-template-columns:1fr;}}