.purpose-section { scroll-margin-top:7rem; }
.purpose-heading { max-width:54rem; margin:0 auto 3rem; text-align:center; }
.studio-page .purpose-eyebrow { font-size:1.1rem; font-weight:750; letter-spacing:.06em; color:#087e93; margin-bottom:1.25rem; }
.studio-page .purpose-heading h2 { font-size:clamp(2.4rem,4vw,4rem); line-height:1.15; }
.purpose-heading h2 span { color:#c41565; }
.studio-page .purpose-lead { font-size:1.25rem; line-height:1.8; color:#526274; max-width:47rem; margin:1.5rem auto 0; }
.purpose-cards { display:grid; grid-template-columns:1fr 1fr; gap:2rem; }
.purpose-card { background:#fff; border:1px solid #dbe3e8; border-top:4px solid #087e93; border-radius:1.4rem; overflow:hidden; box-shadow:0 15px 35px -28px #354c6a70; scroll-margin-top:7rem; }
.purpose-vision { border-top-color:#c41565; }
.purpose-art { display:flex; align-items:center; justify-content:space-between; padding:1.5rem 2.5rem 0; }
.purpose-number { font-size:3.5rem; font-weight:800; color:#a2cbd4; line-height:1; }
.purpose-vision .purpose-number { color:#ddb3c7; }
.purpose-art svg { width:180px; height:140px; }
.purpose-content { padding:1rem 2.5rem 2.5rem; }
.studio-page .purpose-content h3 { font-size:clamp(1.9rem,2.7vw,2.5rem); margin-bottom:1.3rem; }
.studio-page .purpose-content p { font-size:1.2rem; line-height:1.85; color:#475d73; }
.purpose-caption { border-top:1px solid #dfe7eb; padding-top:1.3rem; margin-top:1.75rem; font-size:1.05rem; font-weight:750; color:#087e93; }
.purpose-vision .purpose-caption { color:#b51860; }
html[dir="rtl"] .purpose-section .purpose-heading { text-align:center; }
@media(max-width:700px){ .purpose-cards { grid-template-columns:1fr; gap:1.5rem; } .purpose-art { padding:1.25rem 1.5rem 0; } .purpose-content { padding:1rem 1.5rem 1.75rem; } .studio-page .purpose-lead,.studio-page .purpose-content p { font-size:1.125rem; } .purpose-art svg { width:150px; height:120px; } }

/* Keep the team introduction together instead of splitting it across columns. */
.team-editorial-heading { text-align:center; max-width:52rem; margin:0 auto 3rem; }
.studio-page .team-editorial-heading h2 { font-size:clamp(2.4rem,4vw,3.75rem); line-height:1.2; }
.studio-page .team-editorial-heading .studio-kicker { font-size:1.1rem; margin-bottom:1.1rem; }
.studio-page .team-editorial-heading > p { font-size:1.25rem; line-height:1.8; margin:1.25rem auto 0; max-width:43rem; color:#526274; }
html[dir="rtl"] .studio-page .team-editorial-heading { text-align:center; }
@media(max-width:600px){ .studio-page .team-editorial-heading > p { font-size:1.125rem; } .team-editorial-heading { margin-bottom:2rem; } }