.about-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr); gap:clamp(2rem,6vw,5rem); align-items:center; padding:clamp(3rem,7vw,6rem) 0; } .about-hero img { width:100%; aspect-ratio:1/1; object-fit:cover; box-shadow:1rem 1rem 0 var(--sand); } .about-story { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(2rem,8vw,8rem); padding:clamp(3rem,6vw,5rem) 0; border-top:1px solid var(--line); } .about-story h2 { margin-top:.25rem; } .about-story p:first-child { margin-top:0; } .about-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; padding:clamp(2rem,5vw,4rem); background:var(--sand); } .about-values article { padding:1rem; } .about-values span { color:var(--plum); font-weight:bold; letter-spacing:.1em; font-size:.75rem; } .about-values h2 { font-size:1.55rem; } .about-cta { max-width:48rem; padding:clamp(3rem,7vw,6rem) 0; } .about-cta h2 { margin:.25rem 0 1rem; } @media(max-width:700px){.about-hero,.about-story,.about-values{grid-template-columns:1fr}}