/* BPYC public About page — page-specific visual layer.
 * Extracted from public-site.css by Performance Phase 4 to avoid shipping
 * About-only presentation rules on every public route.
 */

/* BEGIN public-about-visual-v2 */
.about-public-section#church,.about-public-section#history{padding:34px 0;background:#f7f9fc}.about-public-section#history{background:#fff}
.about-public-section#church .about-public-split,.about-public-section#history .about-public-split{position:relative;display:block!important;min-height:560px;overflow:hidden;border-radius:30px;background:linear-gradient(135deg,#0a355e,#002a54);box-shadow:0 24px 60px rgba(0,42,84,.16)}
.about-public-section#church .about-public-media,.about-public-section#history .about-public-media{position:absolute;inset:0;z-index:0;min-height:100%;border:0;border-radius:0;box-shadow:none;background:linear-gradient(145deg,#0d426f,#002a54)}
.about-public-section#church .about-public-media img,.about-public-section#history .about-public-media img{width:100%;height:100%;min-height:560px;max-height:none;object-fit:cover}
.about-public-section#church .about-public-media::after,.about-public-section#history .about-public-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,47,.94),rgba(4,31,58,.76) 46%,rgba(4,31,58,.18))}
.about-public-section#history .about-public-media::after{background:linear-gradient(270deg,rgba(38,26,8,.93),rgba(78,53,13,.72) 46%,rgba(78,53,13,.16))}
.about-public-section#church .about-public-copy,.about-public-section#history .about-public-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;width:min(650px,62%);min-height:560px;padding:56px;color:#fff}
.about-public-section#history .about-public-copy{margin-left:auto}
.about-public-section#church .about-public-copy h2,.about-public-section#history .about-public-copy h2{color:#fff;font-size:clamp(40px,5vw,64px)}
.about-public-section#church .about-public-copy .section-prose,.about-public-section#history .about-public-copy .section-prose{color:rgba(255,255,255,.86);font-size:12px;line-height:21px}
.about-public-section#church .about-public-fact{grid-template-columns:90px 1fr;border-color:rgba(255,255,255,.16)}
.about-public-section#church .about-public-fact span{color:#ffd88f}.about-public-section#church .about-public-fact strong{color:#fff}
.about-public-section#church .about-public-media-placeholder,.about-public-section#history .about-public-media-placeholder{height:100%;min-height:560px;border-radius:0}

.about-public-section-priest{padding:34px 0 72px;background:linear-gradient(180deg,#f8fbff,#fff9ed)}
.about-public-section-priest .about-priest-card{position:relative;display:block!important;min-height:560px;overflow:hidden;border:0;border-radius:30px;background:linear-gradient(135deg,#0a355e,#002a54);box-shadow:0 24px 60px rgba(0,42,84,.16)}
.about-public-section-priest .about-priest-media{position:absolute;inset:0;z-index:0;min-height:100%}
.about-public-section-priest .about-priest-media img,.about-public-section-priest .about-public-media-placeholder{width:100%;height:100%;min-height:560px;max-height:none;object-fit:cover}
.about-public-section-priest .about-priest-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,31,58,.95),rgba(2,31,58,.76) 46%,rgba(2,31,58,.18))}
.about-public-section-priest .about-priest-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;width:min(650px,62%);min-height:560px;padding:56px;color:#fff}
.about-public-section-priest .about-priest-copy h2,.about-public-section-priest .about-priest-copy h3{color:#fff}
.about-public-section-priest .about-priest-copy .section-prose{color:rgba(255,255,255,.86);font-size:12px;line-height:21px}
.about-public-section-priest .about-priest-role{color:#ffd276}

.about-officer-grid-visual{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.about-officer-card-visual{display:block!important;padding:0!important;overflow:hidden;border:0!important;border-radius:20px!important;background:#fff;box-shadow:0 12px 30px rgba(0,42,84,.10)!important}
.about-officer-photo{position:relative;aspect-ratio:4/5;overflow:hidden;background:linear-gradient(145deg,#dce8f4,#b8cde1)}
.about-officer-photo>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.about-officer-card-visual:hover .about-officer-photo>img{transform:scale(1.025)}
.about-officer-photo-fallback{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,#0d426f,#002a54);color:#fff;font:800 44px/1 var(--figma-display)}
.about-officer-photo-shade{position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(0,22,43,.9))}
.about-officer-labels{position:absolute;left:16px;right:16px;bottom:15px;color:#fff}
.about-officer-labels span{display:inline-flex!important;margin-bottom:5px;padding:5px 7px;border-radius:999px;background:rgba(255,125,68,.92)!important;color:#fff!important;font-size:7px!important;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.04em}
.about-officer-labels h3{margin:0!important;color:#fff!important;font:600 19px/22px var(--figma-display)!important}
.about-officer-term{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;border-top:1px solid #edf1f5}
.about-officer-term span{color:#8794a5!important;font-size:7px!important;font-weight:900;text-transform:uppercase}
.about-officer-term strong{color:#24405d;font-size:8.5px}
@media(max-width:980px){.about-public-section#church .about-public-copy,.about-public-section#history .about-public-copy,.about-public-section-priest .about-priest-copy{width:min(720px,82%)}.about-officer-grid-visual{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.about-public-section#church,.about-public-section#history,.about-public-section-priest{padding:18px 0}.about-public-section#church .about-public-split,.about-public-section#history .about-public-split,.about-public-section-priest .about-priest-card{min-height:520px;border-radius:20px}.about-public-section#church .about-public-copy,.about-public-section#history .about-public-copy,.about-public-section-priest .about-priest-copy{width:100%;min-height:520px;padding:30px 24px;justify-content:flex-end}.about-public-section#church .about-public-media::after,.about-public-section#history .about-public-media::after,.about-public-section-priest .about-priest-media::after{background:linear-gradient(0deg,rgba(2,25,48,.95),rgba(2,25,48,.66) 50%,rgba(2,25,48,.18))}.about-officer-grid-visual{grid-template-columns:1fr 1fr;gap:10px}.about-officer-labels{left:11px;right:11px;bottom:10px}.about-officer-labels h3{font-size:15px!important;line-height:18px!important}.about-officer-term{display:grid;gap:2px;padding:9px 10px}}
@media(max-width:420px){.about-officer-grid-visual{grid-template-columns:1fr}}
/* END public-about-visual-v2 */

/* BEGIN public-about-homepage-color-v3 */
/*
 * About page color pass:
 * use the same BPYC navy/coral/gold/cyan/teal language as the homepage
 * without changing the Phase 6 content structure or responsive behavior.
 */
.about-public-hero{
    isolation:isolate;
    background:
        radial-gradient(circle at 88% 16%,rgba(6,182,212,.26),transparent 27%),
        radial-gradient(circle at 77% 86%,rgba(251,191,36,.20),transparent 28%),
        linear-gradient(145deg,var(--figma-navy),var(--figma-navy-2) 56%,var(--figma-deep));
}
.about-public-hero::before,
.about-public-hero::after{
    content:"";
    position:absolute;
    z-index:1;
    border-radius:50%;
    pointer-events:none;
}
.about-public-hero::before{
    width:250px;
    height:250px;
    right:-85px;
    top:-75px;
    background:rgba(255,94,54,.22);
    filter:blur(7px);
}
.about-public-hero::after{
    width:190px;
    height:190px;
    left:-72px;
    bottom:-82px;
    background:rgba(251,191,36,.17);
    filter:blur(7px);
}
.about-public-hero-shade{
    z-index:0;
    background:linear-gradient(90deg,rgba(0,26,53,.94),rgba(0,42,84,.76) 48%,rgba(0,42,84,.22));
}
.about-public-hero-inner{z-index:2}
.about-public-hero-copy .figma-eyebrow{
    display:inline-flex;
    align-items:center;
    padding:6px 11px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(255,255,255,.11);
    color:#ffe08a!important;
    backdrop-filter:blur(8px);
}
.about-public-hero-copy h1{
    text-shadow:0 7px 24px rgba(0,20,42,.28);
}
.about-public-jump{
    background:rgba(5,29,54,.60);
    border-color:rgba(255,255,255,.20);
    box-shadow:0 18px 40px rgba(0,20,42,.20);
}
.about-public-jump a{
    border:1px solid transparent;
    transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.about-public-jump a:hover{
    border-color:rgba(255,255,255,.13);
    background:rgba(255,255,255,.10);
    transform:translateX(2px);
}
.about-public-jump a:nth-child(1) span{background:var(--figma-coral);color:#fff}
.about-public-jump a:nth-child(2) span{background:var(--figma-gold);color:#3d2900}
.about-public-jump a:nth-child(3) span{background:var(--figma-cyan);color:#00334a}
.about-public-jump a:nth-child(4) span{background:var(--figma-teal);color:#fff}

/* Church: navy + cyan, with homepage-style playful accents. */
.about-public-section#church{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 5% 12%,rgba(6,182,212,.10),transparent 23%),
        linear-gradient(180deg,#f7fbff,#eef6ff);
}
.about-public-section#church::before{
    content:"";
    position:absolute;
    width:240px;
    height:240px;
    left:-120px;
    bottom:-110px;
    border-radius:50%;
    background:rgba(255,94,54,.07);
}
.about-public-section#church .about-public-split{
    border:4px solid #fff;
    background:linear-gradient(135deg,var(--figma-navy),#087b95);
    box-shadow:0 24px 60px rgba(0,42,84,.17);
}
.about-public-section#church .about-public-media::after{
    background:linear-gradient(90deg,rgba(0,29,57,.94),rgba(0,62,83,.72) 48%,rgba(6,182,212,.18));
}
.about-public-section#church .figma-eyebrow{
    display:inline-flex;
    align-self:flex-start;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(6,182,212,.18);
    border:1px solid rgba(103,232,249,.22);
    color:#baf5ff!important;
}

/* History: warm coral/gold section to break the navy rhythm. */
.about-public-section#history{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 92% 16%,rgba(251,191,36,.13),transparent 25%),
        linear-gradient(180deg,#fffaf0,#fff);
}
.about-public-section#history::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    right:-100px;
    bottom:-92px;
    border-radius:50%;
    background:rgba(255,94,54,.08);
}
.about-public-section#history .about-public-split{
    border:4px solid #fff;
    background:linear-gradient(135deg,#7b4307,var(--figma-orange) 58%,var(--figma-gold));
    box-shadow:0 24px 60px rgba(132,72,14,.17);
}
.about-public-section#history .about-public-media::after{
    background:linear-gradient(270deg,rgba(70,37,5,.92),rgba(141,72,7,.69) 47%,rgba(251,191,36,.14));
}
.about-public-section#history .figma-eyebrow{
    display:inline-flex;
    align-self:flex-start;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(251,191,36,.18);
    border:1px solid rgba(255,226,145,.24);
    color:#fff0b9!important;
}

/* Council: bright paper section with alternating colorful officer cards. */
.about-public-section#council{
    position:relative;
    overflow:hidden;
    padding-top:76px;
    padding-bottom:80px;
    background:
        radial-gradient(circle at 4% 12%,rgba(255,94,54,.09),transparent 23%),
        radial-gradient(circle at 94% 18%,rgba(6,182,212,.10),transparent 24%),
        linear-gradient(180deg,var(--figma-paper),#fff);
}
.about-public-section#council::before{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    left:-155px;
    bottom:-145px;
    border-radius:50%;
    background:rgba(251,191,36,.10);
}
.about-public-section#council .about-public-section-head{
    position:relative;
    z-index:1;
}
.about-public-section#council .figma-eyebrow{
    display:inline-flex;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(251,191,36,.17);
    color:#a35a00!important;
}
.about-public-section#council .about-public-count{
    background:#fff;
    border:1px solid rgba(0,42,84,.10);
    box-shadow:0 6px 16px rgba(0,42,84,.06);
}
.about-officer-grid-visual{
    position:relative;
    z-index:1;
}
.about-officer-card-visual{
    border-top:5px solid var(--figma-coral)!important;
    transition:transform .18s ease,box-shadow .18s ease;
}
.about-officer-card-visual:nth-child(4n+2){border-top-color:var(--figma-gold)!important}
.about-officer-card-visual:nth-child(4n+3){border-top-color:var(--figma-cyan)!important}
.about-officer-card-visual:nth-child(4n+4){border-top-color:var(--figma-teal)!important}
.about-officer-card-visual:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 38px rgba(0,42,84,.15)!important;
}
.about-officer-card-visual:nth-child(4n+1) .about-officer-labels span{background:rgba(255,94,54,.94)!important}
.about-officer-card-visual:nth-child(4n+2) .about-officer-labels span{background:rgba(251,191,36,.95)!important;color:#342200!important}
.about-officer-card-visual:nth-child(4n+3) .about-officer-labels span{background:rgba(6,182,212,.94)!important}
.about-officer-card-visual:nth-child(4n+4) .about-officer-labels span{background:rgba(13,148,136,.94)!important}
.about-officer-card-visual:nth-child(4n+1) .about-officer-photo-fallback{background:linear-gradient(145deg,var(--figma-coral),#b93f27)}
.about-officer-card-visual:nth-child(4n+2) .about-officer-photo-fallback{background:linear-gradient(145deg,var(--figma-gold),#c77800);color:#332100}
.about-officer-card-visual:nth-child(4n+3) .about-officer-photo-fallback{background:linear-gradient(145deg,var(--figma-cyan),#08758f)}
.about-officer-card-visual:nth-child(4n+4) .about-officer-photo-fallback{background:linear-gradient(145deg,var(--figma-teal),#075f59)}

/* Priest: navy/teal pastoral hero with coral + gold accents. */
.about-public-section-priest{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 8% 16%,rgba(13,148,136,.11),transparent 24%),
        radial-gradient(circle at 92% 80%,rgba(251,191,36,.10),transparent 25%),
        linear-gradient(180deg,#f7fbff,#fff8eb);
}
.about-public-section-priest .about-priest-card{
    border:4px solid #fff!important;
    background:linear-gradient(135deg,var(--figma-navy),#0a7180 58%,var(--figma-teal));
    box-shadow:0 24px 60px rgba(0,42,84,.17);
}
.about-public-section-priest .about-priest-media::after{
    background:linear-gradient(90deg,rgba(0,30,58,.95),rgba(0,67,79,.72) 47%,rgba(13,148,136,.16));
}
.about-public-section-priest .figma-eyebrow{
    display:inline-flex;
    align-self:flex-start;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(255,94,54,.20);
    border:1px solid rgba(255,184,164,.22);
    color:#ffd2c5!important;
}
.about-public-section-priest .about-priest-role{
    display:inline-flex;
    align-self:flex-start;
    padding:5px 9px;
    border-radius:999px;
    background:rgba(251,191,36,.17);
    color:#ffe093!important;
}

/* Keep the visual language playful on mobile without motion-induced jank. */
@media(max-width:640px){
    .about-public-jump a:hover{transform:none}
    .about-officer-card-visual:hover{transform:none}
    .about-public-section#council{padding-top:50px;padding-bottom:54px}
}
/* END public-about-homepage-color-v3 */

/* BEGIN public-about-homepage-layout-v4 */
/* About page: deliberately reuses the homepage's light hero, chips, polaroids,
   playful stickers, paper sections and coral/gold/cyan/teal accents. */
.about-homepage-story-section,.about-homepage-council,.about-homepage-priest-section{scroll-margin-top:118px}
.about-homepage-hero{
    padding-top:60px;
    padding-bottom:74px;
}
.about-homepage-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-bottom:10px;
    padding:5px 11px;
    border:1px solid rgba(255,94,54,.14);
    border-radius:999px;
    background:#fff7f2;
    color:var(--figma-coral);
    font-size:11px;
    line-height:18px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.about-homepage-title{
    max-width:720px;
    margin-top:4px;
}
.about-homepage-title em{
    color:var(--figma-coral);
    font-style:italic;
}
.about-homepage-actions{
    align-items:stretch;
}
.about-homepage-share{
    display:flex;
}
.about-homepage-share .public-share,
.about-homepage-share .public-share-trigger{
    height:100%;
}
.about-homepage-share .public-share-trigger{
    min-height:52px;
    padding:13px 21px;
    border-radius:16px;
    font-size:14px;
    font-weight:900;
}
.about-homepage-scripture{
    max-width:690px;
}
.about-homepage-visual{
    padding-bottom:34px;
}
.about-homepage-story-sticker{
    min-width:320px;
}
.about-homepage-jump-grid{
    position:relative;
    z-index:4;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-top:58px;
}
.about-homepage-jump{
    position:relative;
    display:grid;
    align-content:start;
    min-height:184px;
    padding:18px;
    overflow:hidden;
    border:1px solid rgba(0,42,84,.10);
    border-radius:20px;
    background:#fff;
    box-shadow:0 5px 16px rgba(0,42,84,.07);
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.about-homepage-jump::after{
    content:"";
    position:absolute;
    width:90px;
    height:90px;
    right:-38px;
    bottom:-38px;
    border-radius:50%;
    opacity:.14;
    background:currentColor;
}
.about-homepage-jump:hover{
    transform:translateY(-2px);
    border-color:rgba(0,42,84,.18);
    box-shadow:0 12px 26px rgba(0,42,84,.10);
}
.about-homepage-jump-icon{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    margin-bottom:12px;
    border-radius:14px;
    background:#eff4ff;
    font-size:20px;
}
.about-homepage-jump small{
    position:relative;
    z-index:1;
    color:var(--figma-coral);
    font-size:9px;
    line-height:15px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.about-homepage-jump strong{
    position:relative;
    z-index:1;
    margin-top:4px;
    color:var(--figma-navy);
    font:500 19px/23px var(--figma-display);
}
.about-homepage-jump em{
    position:relative;
    z-index:1;
    margin-top:7px;
    color:var(--figma-muted);
    font-size:10px;
    line-height:16px;
    font-style:normal;
}
.about-homepage-jump.about-tone-gold small{color:#a85c00}
.about-homepage-jump.about-tone-cyan small{color:#007b8e}
.about-homepage-jump.about-tone-teal small{color:#08756e}
.about-homepage-jump.about-tone-coral .about-homepage-jump-icon{background:rgba(255,94,54,.12)}
.about-homepage-jump.about-tone-gold .about-homepage-jump-icon{background:rgba(251,191,36,.25)}
.about-homepage-jump.about-tone-cyan .about-homepage-jump-icon{background:rgba(6,182,212,.16)}
.about-homepage-jump.about-tone-teal .about-homepage-jump-icon{background:rgba(13,148,136,.14)}
.about-homepage-jump.about-tone-coral{color:var(--figma-coral)}
.about-homepage-jump.about-tone-gold{color:var(--figma-gold)}
.about-homepage-jump.about-tone-cyan{color:var(--figma-cyan)}
.about-homepage-jump.about-tone-teal{color:var(--figma-teal)}

.about-homepage-story-section{
    position:relative;
    overflow:hidden;
}
.about-homepage-church{
    background:#fff;
}
.about-homepage-history{
    background:linear-gradient(180deg,rgba(239,244,255,.55),#f8f9ff);
}
.about-homepage-story-section::before,
.about-homepage-story-section::after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.about-homepage-church::before{
    width:260px;
    height:260px;
    left:-145px;
    top:34px;
    background:rgba(6,182,212,.08);
}
.about-homepage-church::after{
    width:210px;
    height:210px;
    right:-110px;
    bottom:30px;
    background:rgba(255,94,54,.07);
}
.about-homepage-history::before{
    width:260px;
    height:260px;
    right:-130px;
    top:30px;
    background:rgba(251,191,36,.12);
}
.about-homepage-story-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    gap:58px;
    align-items:center;
}
.about-homepage-story-grid.is-reverse{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
}
.about-homepage-story-visual,
.about-homepage-priest-visual{
    position:relative;
    width:100%;
    max-width:500px;
    padding:18px 8px 34px;
}
.about-homepage-story-visual{
    justify-self:start;
}
.about-homepage-story-grid.is-reverse .about-homepage-story-visual{
    justify-self:end;
}
.about-homepage-story-polaroid,
.about-homepage-priest-polaroid{
    width:100%;
    transform:rotate(-1deg);
}
.about-homepage-story-grid.is-reverse .about-homepage-story-polaroid{
    transform:rotate(1deg);
}
.about-homepage-story-polaroid .figma-polaroid-photo,
.about-homepage-priest-polaroid .figma-polaroid-photo{
    height:auto;
    aspect-ratio:1.05/1;
}
.about-homepage-photo-placeholder{
    display:grid;
    place-items:center;
    align-content:center;
    gap:12px;
    width:100%;
    height:100%;
    min-height:390px;
    padding:30px;
    text-align:center;
    color:#fff;
    background:linear-gradient(145deg,var(--figma-navy),var(--figma-navy-2));
}
.about-homepage-photo-placeholder span{
    font-size:54px;
}
.about-homepage-photo-placeholder strong{
    max-width:280px;
    font:500 24px/30px var(--figma-display);
}
.about-homepage-photo-placeholder.about-tone-gold{
    color:#392600;
    background:linear-gradient(145deg,#ffe4a6,var(--figma-gold));
}
.about-homepage-photo-placeholder.about-tone-teal{
    background:linear-gradient(145deg,#0b6171,var(--figma-teal));
}
.about-homepage-photo-sticker{
    position:absolute;
    right:-8px;
    top:4px;
    z-index:5;
    padding:9px 14px;
    border:2px solid #fff;
    border-radius:15px;
    color:#fff;
    background:linear-gradient(90deg,var(--figma-coral),var(--figma-orange));
    font-size:11px;
    font-weight:900;
    letter-spacing:.03em;
    transform:rotate(5deg);
    box-shadow:0 14px 24px rgba(0,42,84,.14);
}
.about-homepage-photo-sticker.about-tone-gold{
    color:#3b2700;
    background:linear-gradient(90deg,var(--figma-gold),#fcd34d);
}
.about-homepage-photo-sticker.about-tone-teal{
    background:linear-gradient(90deg,var(--figma-teal),var(--figma-cyan));
}
.about-homepage-story-copy{
    position:relative;
}
.about-homepage-story-copy h2,
.about-homepage-priest-copy h2{
    margin:8px 0 14px;
    color:var(--figma-navy);
    font:500 clamp(36px,4.5vw,52px)/1.04 var(--figma-display);
    letter-spacing:-.5px;
}
.about-homepage-prose{
    color:var(--figma-muted);
    font-size:14px;
    line-height:23px;
}
.about-homepage-facts{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
    margin-top:24px;
}
.about-homepage-fact{
    position:relative;
    min-height:118px;
    padding:15px;
    overflow:hidden;
    border:1px solid rgba(0,42,84,.09);
    border-radius:18px;
    background:#fff;
    box-shadow:0 4px 12px rgba(0,42,84,.05);
}
.about-homepage-fact>span{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    margin-bottom:8px;
    border-radius:11px;
    background:#eff4ff;
}
.about-homepage-fact small,
.about-homepage-fact strong{
    display:block;
    position:relative;
    z-index:1;
}
.about-homepage-fact small{
    color:#7d8998;
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
}
.about-homepage-fact strong{
    margin-top:3px;
    color:var(--figma-navy);
    font-size:10px;
    line-height:15px;
}
.about-homepage-fact.about-tone-gold>span{background:rgba(251,191,36,.22)}
.about-homepage-fact.about-tone-cyan>span{background:rgba(6,182,212,.14)}
.about-homepage-history-note,
.about-homepage-priest-note{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:12px;
    align-items:start;
    margin-top:24px;
    padding:14px 16px;
    border:1px solid #fde68a;
    border-radius:16px;
    background:linear-gradient(90deg,#fff,#fffbea);
}
.about-homepage-history-note>span,
.about-homepage-priest-note>span{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:13px;
    background:rgba(251,191,36,.20);
}
.about-homepage-history-note p,
.about-homepage-priest-note p{
    margin:0;
    color:var(--figma-muted);
    font-size:11px;
    line-height:18px;
}
.about-homepage-history-note strong{
    color:var(--figma-navy);
}

.about-homepage-council{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 3% 12%,rgba(255,94,54,.08),transparent 24%),
        radial-gradient(circle at 95% 18%,rgba(6,182,212,.09),transparent 24%),
        #fff;
}
.about-homepage-council::before{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    left:-160px;
    bottom:-145px;
    border-radius:50%;
    background:rgba(251,191,36,.09);
}
.about-homepage-council-head{
    position:relative;
    z-index:1;
}
.about-homepage-count-pill{
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:9px 15px;
    border:1px solid rgba(0,42,84,.09);
    border-radius:999px;
    background:#fff;
    color:var(--figma-navy);
    font-size:11px;
    font-weight:900;
    box-shadow:0 4px 12px rgba(0,42,84,.05);
}
.about-homepage-officer-grid{
    position:relative;
    z-index:1;
}
.about-homepage-officer-grid .about-officer-card-visual{
    border-top:5px solid var(--figma-coral)!important;
    transition:transform .16s ease,box-shadow .16s ease;
}
.about-homepage-officer-grid .about-officer-card-visual:nth-child(4n+2){border-top-color:var(--figma-gold)!important}
.about-homepage-officer-grid .about-officer-card-visual:nth-child(4n+3){border-top-color:var(--figma-cyan)!important}
.about-homepage-officer-grid .about-officer-card-visual:nth-child(4n+4){border-top-color:var(--figma-teal)!important}
.about-homepage-officer-grid .about-officer-card-visual:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 36px rgba(0,42,84,.14)!important;
}
.about-homepage-officer-grid .about-officer-card-visual:nth-child(4n+2) .about-officer-labels span{
    color:#3a2600!important;
    background:rgba(251,191,36,.95)!important;
}
.about-homepage-officer-grid .about-officer-card-visual:nth-child(4n+3) .about-officer-labels span{background:rgba(6,182,212,.94)!important}
.about-homepage-officer-grid .about-officer-card-visual:nth-child(4n+4) .about-officer-labels span{background:rgba(13,148,136,.94)!important}
.about-homepage-officer-grid .about-officer-card-visual:nth-child(4n+1) .about-officer-photo-fallback{background:linear-gradient(145deg,var(--figma-coral),#b83c24)}
.about-homepage-officer-grid .about-officer-card-visual:nth-child(4n+2) .about-officer-photo-fallback{color:#3a2600;background:linear-gradient(145deg,var(--figma-gold),#d38205)}
.about-homepage-officer-grid .about-officer-card-visual:nth-child(4n+3) .about-officer-photo-fallback{background:linear-gradient(145deg,var(--figma-cyan),#08758f)}
.about-homepage-officer-grid .about-officer-card-visual:nth-child(4n+4) .about-officer-photo-fallback{background:linear-gradient(145deg,var(--figma-teal),#075f59)}

.about-homepage-priest-section{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg,rgba(239,244,255,.48),#f8f9ff);
}
.about-homepage-priest-section::after{
    content:"";
    position:absolute;
    width:310px;
    height:310px;
    right:-170px;
    bottom:-160px;
    border-radius:50%;
    background:rgba(13,148,136,.08);
}
.about-homepage-priest-card{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    gap:52px;
    align-items:center;
    padding:34px;
    border:1px solid rgba(0,42,84,.09);
    border-radius:28px;
    background:#fff;
    box-shadow:0 14px 34px rgba(0,42,84,.08);
}
.about-homepage-priest-visual{
    padding-bottom:28px;
}
.about-homepage-priest-copy h3{
    margin:0;
    color:var(--figma-navy);
    font:600 clamp(24px,3vw,34px)/1.1 var(--figma-display);
}
.about-homepage-priest-copy .about-priest-role{
    display:inline-flex;
    margin:6px 0 18px;
    padding:5px 9px;
    border-radius:999px;
    background:rgba(6,182,212,.13);
    color:#006b7e;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.about-homepage-priest-note{
    border-color:#ccebea;
    background:linear-gradient(90deg,#fff,#f0fffd);
}
.about-homepage-priest-note>span{
    background:rgba(13,148,136,.13);
}

@media(max-width:1040px){
    .about-homepage-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .about-homepage-story-grid,
    .about-homepage-story-grid.is-reverse,
    .about-homepage-priest-card{grid-template-columns:1fr}
    .about-homepage-story-grid.is-reverse .about-homepage-story-copy{order:2}
    .about-homepage-story-grid.is-reverse .about-homepage-story-visual{order:1}
    .about-homepage-story-visual,
    .about-homepage-story-grid.is-reverse .about-homepage-story-visual,
    .about-homepage-priest-visual{justify-self:center}
    .about-homepage-story-copy,
    .about-homepage-priest-copy{max-width:760px;margin-inline:auto}
}
@media(max-width:720px){
    .about-homepage-actions{display:grid;grid-template-columns:1fr}
    .about-homepage-share,
    .about-homepage-share .public-share,
    .about-homepage-share .public-share-trigger{width:100%}
    .about-homepage-jump-grid{grid-template-columns:1fr;gap:10px;margin-top:42px}
    .about-homepage-jump{min-height:0}
    .about-homepage-story-grid{gap:30px}
    .about-homepage-facts{grid-template-columns:1fr}
    .about-homepage-story-visual,
    .about-homepage-priest-visual{max-width:470px}
    .about-homepage-story-polaroid .figma-polaroid-photo,
    .about-homepage-priest-polaroid .figma-polaroid-photo{aspect-ratio:1/1}
    .about-homepage-priest-card{gap:26px;padding:20px;border-radius:22px}
    .about-homepage-count-pill{align-self:flex-start}
}
@media(max-width:560px){
    .about-homepage-hero{padding-top:42px}
    .about-homepage-story-sticker{min-width:0;width:94%}
    .about-homepage-photo-sticker{right:0;font-size:9px;padding:7px 10px}
    .about-homepage-story-copy h2,
    .about-homepage-priest-copy h2{font-size:32px;line-height:36px}
    .about-homepage-prose{font-size:13px;line-height:21px}
    .about-homepage-officer-grid .about-officer-card-visual:hover{transform:none}
}
/* END public-about-homepage-layout-v4 */

/* BEGIN about-page-header-spacing-v1 */
.about-page-header{background:linear-gradient(180deg,#eff4ff 0%,#f8fbff 58%,#f8f9ff 100%)}
.about-page-header .section-page-hero-card{background:linear-gradient(145deg,#fff,#fffdf5)}
.about-page-header .section-page-card-icon{background:linear-gradient(135deg,rgba(255,94,54,.14),rgba(251,191,36,.22))}
.about-page-header-share{position:relative;z-index:2;margin-top:12px}
.about-page-header-share .public-share-trigger{min-height:38px;padding:8px 13px;border-radius:10px}
.about-page-jump-section{padding:34px 0 42px;background:#fff;border-bottom:1px solid rgba(0,42,84,.06)}
.about-page-jump-section .about-homepage-jump-grid{margin:0}
.about-page-header .section-page-hero-copy h1{max-width:780px}
@media(max-width:980px){.about-page-jump-section{padding-top:28px}}
@media(max-width:720px){.about-page-jump-section{padding:22px 0 30px}}
/* END about-page-header-spacing-v1 */

/* BEGIN public-about-render-containment-v1 */
@supports (content-visibility:auto){
    .about-homepage-history,
    .about-homepage-council,
    .about-homepage-priest-section{
        content-visibility:auto;
        contain-intrinsic-size:1px 760px;
    }
}
/* END public-about-render-containment-v1 */

/* BEGIN public-about-readable-type-v1 */
.about-homepage-eyebrow,
.about-homepage-photo-sticker,
.about-homepage-count-pill,
.about-homepage-priest-copy .about-priest-role{font-size:13px;line-height:1.45}
.about-homepage-jump small,
.about-homepage-fact small{font-size:12px;line-height:1.45}
.about-homepage-jump em,
.about-homepage-fact strong,
.about-homepage-history-note p,
.about-homepage-priest-note p{font-size:14px;line-height:1.6}
.about-homepage-prose{font-size:16px;line-height:1.7}

.about-homepage-officer-grid .about-officer-labels span{font-size:12px!important;line-height:1.3}
.about-homepage-officer-grid .about-officer-term span{font-size:12px!important;line-height:1.4}
.about-homepage-officer-grid .about-officer-term strong{font-size:14px;line-height:1.45}

@media(max-width:560px){
    .about-homepage-photo-sticker{font-size:12px}
    .about-homepage-prose{font-size:16px;line-height:1.7}
}
/* END public-about-readable-type-v1 */