.about-main{max-width:1180px!important;margin:0 auto!important;padding:0 28px 72px!important}.about-main h1,.about-main h2,.about-main h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;color:#511c2a}.about-kicker{font:600 11px/1.7 Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#8d7044;margin:0 0 12px}.about-intro{padding:64px 0 44px;border-bottom:1px solid #d6c7ab;max-width:900px}.about-intro h1{font-size:clamp(36px,5vw,58px);line-height:1.14;margin:0 0 22px}.about-intro>p:last-child{font-size:21px;line-height:1.6;max-width:680px;color:#6f6258}.about-main h2{font-size:clamp(28px,3vw,38px);line-height:1.2;margin:0 0 20px}.about-main p{line-height:1.8}.about-mission{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:70px;align-items:center;padding:48px 0}.about-mission>div>p:not(.about-kicker){font-size:17px}.about-identity{text-align:center;padding:28px 20px;background:rgba(58,0,7,.92);color:#f9f6f0;border:1px solid #d4a35966;border-radius:6px;box-shadow:0 10px 25px #00000026}.about-identity img{width:190px;height:190px;object-fit:contain;margin:0 auto 16px;display:block}.about-identity p{font-family:Georgia,serif;font-size:18px;margin:0 0 6px}.about-identity span,.about-identity a{display:block;font:12px/1.7 Inter,Arial,sans-serif}.about-identity a{margin-top:14px;color:#f3d396}.about-identity span{color:#d8cfc4}.about-link{display:inline-block;min-height:44px;padding:10px 0;font:600 13px/1.7 Inter,Arial,sans-serif;color:#6b2639;text-decoration:underline;text-underline-offset:5px}.about-section-heading{max-width:720px;margin-bottom:32px}.about-section-heading>p:last-child{font-size:17px;color:#6f6258}.about-leadership{padding:40px 0 48px;border-top:1px solid #d6c7ab}.about-clergy-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.about-clergy{padding:30px;background:#fffdf8;border:1px solid #dfd1b7}.about-clergy figure{margin:0 0 26px;text-align:center;min-height:275px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f4eee2;padding:16px}.about-clergy figure img{height:237px;width:auto;max-width:100%;object-fit:contain;display:block}.about-clergy figcaption{font:11px/1.6 Inter,Arial,sans-serif;color:#766a60;margin-top:10px}.about-clergy h3{font-size:28px;line-height:1.2;margin:0 0 10px}.about-role{font:600 13px/1.6 Inter,Arial,sans-serif;color:#8d7044;margin:0 0 20px}.about-clergy-copy>p:not(.about-kicker):not(.about-role){font-size:16px}.about-patron{padding:32px 0 42px;max-width:760px}.about-patron>p:not(.about-kicker){font-size:17px}.about-visit{padding:36px;background:#3a0007;color:#f9f6f0}.about-visit h2{color:#f3d396}.about-visit p{max-width:680px}.about-visit>div{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.about-button{display:inline-block;padding:14px 22px;background:#dfc593;color:#511c2a;font:600 13px/1.6 Inter,Arial,sans-serif;text-decoration:none}.about-visit .about-link{color:#f2dfb7}
@media(max-width:700px){.about-main{padding:0 20px 42px!important}.about-intro{padding-top:34px}.about-intro>p:last-child{font-size:18px}.about-mission{grid-template-columns:1fr;gap:28px;padding:32px 0}.about-identity{max-width:340px;width:100%;justify-self:center}.about-clergy-grid{grid-template-columns:1fr;gap:22px}.about-clergy{padding:22px}.about-clergy figure{min-height:0}.about-visit{padding:26px 22px}.about-clergy h3{font-size:26px}}
/* Match the Divine Liturgy quotation panel. */
.about-identity{background:#f1e9d9;color:#3a0007;border:1px solid #d9c49c;border-radius:0;box-shadow:none}.about-identity p,.about-identity span,.about-identity a{color:#3a0007}.about-identity-seal{display:block!important;width:190px;height:190px;margin:0 auto 16px;background:#3a0007;-webkit-mask:url('/uploads/st-catherine-mission-seal-gold-web.webp') center/contain no-repeat;mask:url('/uploads/st-catherine-mission-seal-gold-web.webp') center/contain no-repeat}

/* Worship and Orthodoxy define the interior hero palette and proportions. */
.about-main{max-width:none!important;margin:0!important;padding:0 0 64px!important}.about-main>section:not(.about-hero){max-width:1068px;margin-inline:auto}.about-main>section.about-hero{max-width:none;background:#3a0007;color:#ede4d5}.about-hero-inner{max-width:1140px;margin:auto;padding:64px 36px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:80px;align-items:center}.about-intro{max-width:none;border:0;padding:0}.about-intro h1{font-size:clamp(46px,5.5vw,70px);line-height:1.08;color:#f3d396;margin:0 0 24px}.about-intro .about-kicker{color:#d4a359;letter-spacing:.17em;margin-bottom:16px}.about-intro>p:last-child{color:#ede4d5;font-size:20px;line-height:1.7;margin-bottom:0}.about-hero .about-identity{padding:32px 24px}.about-mission{grid-template-columns:1fr;gap:0}.about-mission>div{max-width:850px}.about-main h2,.about-main h3{color:#3a0007}.about-visit h2{color:#f3d396}@media(max-width:1140px){.about-main>section:not(.about-hero){margin-inline:36px}}@media(max-width:760px){.about-hero-inner{grid-template-columns:1fr;gap:30px;padding:38px 24px}.about-intro h1{font-size:49px}.about-intro>p:last-child{font-size:18px}.about-main>section:not(.about-hero){margin-inline:24px}.about-main{padding-bottom:42px!important}.about-hero .about-identity{max-width:350px}.about-mission{grid-template-columns:1fr}}

.about-hero-quote{text-align:center;background:#f1e9d9;border:1px solid #d9c49c;color:#3a0007;padding:38px 24px}.about-hero-quote>span{font-size:64px;line-height:1;color:#a97b37}.about-hero-quote blockquote{font:italic 34px/1.5 "Playfair Display",Georgia,serif;margin:22px 0;color:#3a0007}.about-hero-quote>div{width:52px;height:1px;background:#b78946;margin:22px auto}.about-hero-quote a{font:500 12px/1.7 Inter,Arial,sans-serif;color:#3a0007;text-underline-offset:4px}.about-mission{grid-template-columns:minmax(0,1fr) 280px;gap:70px}.about-mission .about-identity{max-width:340px;width:100%}@media(max-width:760px){.about-mission{grid-template-columns:1fr;gap:28px}.about-hero-quote{max-width:350px;width:100%;justify-self:center}}

.about-hero-quote blockquote{font-size:27px}@media(max-width:760px){.about-hero-quote blockquote{font-size:25px}}

.about-mission{grid-template-columns:280px minmax(0,1fr)}@media(max-width:760px){.about-mission{grid-template-columns:1fr}}
