.about-v2-page { overflow-x: hidden; background: var(--makki-white); }
.about-v2-page main { overflow: clip; }
.about-v2-page :where(main a, main [tabindex]):focus-visible { outline: 3px solid var(--makki-gold); outline-offset: 3px; }

.about-v2-hero { position: relative; padding-block: clamp(2.8rem, 5vw, 4.6rem); overflow: hidden; background: linear-gradient(115deg, rgba(255,255,255,.46), transparent 58%), var(--makki-ivory); border-bottom: var(--makki-border); }
.about-v2-hero::after { position: absolute; right: -4rem; bottom: -8rem; width: 19rem; height: 19rem; border: 1px solid rgba(198,161,91,.22); border-radius: 50%; content: ""; }
.about-v2-hero__inner { position: relative; z-index: 1; display: grid; align-items: center; grid-template-columns: minmax(0,1fr) 170px; gap: clamp(2rem,5vw,6rem); }
.about-v2-breadcrumb { display: flex; align-items: center; gap: .6rem; margin-bottom: 1.25rem; color: var(--makki-sage); font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.about-v2-breadcrumb a { color: var(--makki-navy); text-decoration: none; }
.about-v2-breadcrumb a:hover { color: var(--makki-wood); }
.about-v2-hero h1 { margin: 0; font-size: clamp(2.8rem,6vw,5rem); letter-spacing: -.035em; }
.about-v2-hero__copy > p { max-width: 680px; margin: 1rem 0 0; color: var(--makki-sage); font-size: clamp(1rem,1.5vw,1.12rem); }
.about-v2-hero__arch { position: relative; width: 145px; height: 165px; justify-self: end; border: 1px solid rgba(23,59,87,.2); border-radius: 80px 80px 8px 8px; }
.about-v2-hero__arch::before { position: absolute; inset: 12px; border: 1px solid rgba(198,161,91,.52); border-radius: 68px 68px 4px 4px; content: ""; }
.about-v2-hero__arch::after { position: absolute; right: 50%; bottom: -20px; width: 1px; height: 85px; background: var(--makki-gold); content: ""; opacity: .6; }
.about-v2-hero__arch span { position: absolute; top: 46px; left: 50%; width: 42px; height: 42px; border: 1px solid rgba(23,59,87,.18); transform: translateX(-50%) rotate(45deg); }

.about-v2-intro__grid, .about-v2-purpose__intro, .about-v2-community__grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(2.5rem,7vw,7rem); }
.about-v2-intro__heading h2, .about-v2-purpose h2, .about-v2-community h2, .about-v2-history h2, .about-v2-support h2, .about-v2-leadership h2 { margin: 0; font-size: clamp(2.35rem,4vw,3rem); letter-spacing: -.025em; }
.about-v2-intro__copy { position: relative; padding-left: clamp(1.25rem,3vw,2.5rem); border-left: 1px solid rgba(198,161,91,.65); }
.about-v2-intro__copy p { margin: 0; color: var(--makki-charcoal); font-size: clamp(1rem,1.4vw,1.08rem); }
.about-v2-intro__copy p + p { margin-top: 1.35rem; color: var(--makki-sage); }

.about-v2-purpose { background: var(--makki-navy-deep); color: rgba(255,255,255,.76); }
.about-v2-purpose .v2-eyebrow { color: var(--makki-gold); }
.about-v2-purpose h2 { color: var(--makki-white); }
.about-v2-purpose__copy { padding-left: clamp(1.25rem,3vw,2.5rem); border-left: 1px solid rgba(198,161,91,.55); }
.about-v2-purpose__copy p { margin: 0; font-size: clamp(1rem,1.4vw,1.08rem); }
.about-v2-purpose__copy p + p { margin-top: 1rem; color: rgba(255,255,255,.62); }
.about-v2-pillars { display: grid; margin: clamp(2.75rem,5vw,4.25rem) 0 0; padding: 0; list-style: none; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); }
.about-v2-pillars li { position: relative; min-width: 0; padding: clamp(1.4rem,2.5vw,2rem); }
.about-v2-pillars li + li { border-left: 1px solid rgba(255,255,255,.14); }
.about-v2-pillar__number { color: var(--makki-gold); font-size: .72rem; font-weight: 800; letter-spacing: .1em; }
.about-v2-pillars h3 { margin: .5rem 0 .35rem; color: var(--makki-white); font-size: clamp(1.25rem,2vw,1.55rem); }
.about-v2-pillars p { margin: 0; color: rgba(255,255,255,.65); font-size: .9rem; line-height: 1.7; }

.about-v2-leadership { position: relative; overflow: hidden; background: linear-gradient(135deg,rgba(221,210,180,.2),transparent 44%),var(--makki-ivory); border-top: var(--makki-border); }
.about-v2-leadership::after { position: absolute; top: -150px; right: -90px; width: 310px; height: 350px; border: 1px solid rgba(198,161,91,.17); border-radius: 180px 180px var(--makki-radius-md) var(--makki-radius-md); content: ""; transform: rotate(8deg); }
.about-v2-leadership__heading { position: relative; z-index: 1; max-width: 760px; margin: 0 auto clamp(2.75rem,5vw,4.5rem); text-align: center; }
.about-v2-leadership__heading .v2-eyebrow { justify-content: center; }
.about-v2-leadership__heading > p { max-width: 680px; margin: .9rem auto 0; color: var(--makki-sage); }
.about-v2-org { position: relative; z-index: 1; }
.about-v2-org-root { position: relative; width: min(100%,460px); margin: 0 auto clamp(4rem,6vw,5.25rem); padding: 1.4rem 1.75rem; background: var(--makki-navy-deep); border: 1px solid var(--makki-navy-deep); border-radius: 90px 90px var(--makki-radius-md) var(--makki-radius-md); box-shadow: var(--makki-shadow-md); color: rgba(255,255,255,.72); text-align: center; }
.about-v2-org-root::after { position: absolute; top: 100%; left: 50%; width: 1px; height: clamp(4rem,6vw,5.25rem); background: rgba(198,161,91,.72); content: ""; }
.about-v2-org-root span, .about-v2-org-branch__heading span { display: block; color: var(--makki-gold); font-size: .72rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.about-v2-org-root h3 { margin: .25rem 0 0; color: var(--makki-white); font-size: clamp(1.4rem,2.3vw,1.8rem); }
.about-v2-org-branches { position: relative; display: grid; align-items: start; grid-template-columns: minmax(0,1.45fr) minmax(300px,.8fr); gap: clamp(1.5rem,3vw,2.5rem); }
.about-v2-org-branches::before { position: absolute; top: 0; right: calc(20% - 2.3rem); left: calc(31.6% - .3rem); height: 1px; background: rgba(198,161,91,.72); content: ""; }
.about-v2-org-branch { position: relative; min-width: 0; padding-top: 2rem; }
.about-v2-org-branch::before { position: absolute; top: 0; left: 50%; width: 1px; height: 2rem; background: rgba(198,161,91,.72); content: ""; }
.about-v2-org-branch__heading { position: relative; min-height: 105px; padding: 1.25rem; background: var(--makki-white); border: var(--makki-border); border-top: 3px solid var(--makki-gold); border-radius: var(--makki-radius-md); box-shadow: var(--makki-shadow-sm); text-align: center; }
.about-v2-org-branch__heading::after { position: absolute; top: 100%; left: 50%; width: 1px; height: 2rem; background: rgba(198,161,91,.55); content: ""; }
.about-v2-org-branch__heading h3 { margin: .25rem 0 0; font-size: clamp(1.25rem,2vw,1.6rem); }
.about-v2-org-tier { position: relative; padding-top: 2rem; }
.about-v2-org-tier + .about-v2-org-tier { margin-top: 1.25rem; }
.about-v2-org-tier + .about-v2-org-tier::before { position: absolute; top: -1.25rem; left: 50%; width: 1px; height: 3.25rem; background: rgba(198,161,91,.5); content: ""; }
.about-v2-org-tier h4 { position: relative; z-index: 1; width: fit-content; margin: 0 auto 1rem; padding: .42rem 1rem; background: var(--makki-sand); border-radius: 999px; color: var(--makki-navy-deep); font-family: "Manrope",sans-serif; font-size: .75rem; font-weight: 800; letter-spacing: .08em; line-height: 1.35; text-align: center; text-transform: uppercase; }
.about-v2-person-grid, .about-v2-role-grid { position: relative; z-index: 1; display: grid; margin: 0; padding: 0; list-style: none; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; }
.about-v2-person, .about-v2-role-node { position: relative; min-width: 0; padding: 1.15rem; overflow: hidden; background: var(--makki-white); border: var(--makki-border); border-radius: var(--makki-radius-md); box-shadow: 0 8px 24px rgba(16,42,63,.06); text-align: center; }
.about-v2-person::before { position: absolute; top: -22px; right: -15px; width: 55px; height: 65px; border: 1px solid rgba(198,161,91,.22); border-radius: 30px 30px 3px 3px; content: ""; }
.about-v2-person h5 { position: relative; margin: 0; overflow-wrap: anywhere; color: var(--makki-navy-deep); font-family: "El Messiri",serif; font-size: 1.08rem; line-height: 1.3; }
.about-v2-role { position: relative; margin: .35rem 0 0; color: var(--makki-wood); font-size: .76rem; font-weight: 800; letter-spacing: .05em; line-height: 1.45; text-transform: uppercase; }
.about-v2-role-badge { position: relative; display: inline-flex; margin-top: .65rem; padding: .25rem .5rem; background: rgba(221,210,180,.45); border: 1px solid rgba(139,106,80,.18); border-radius: 999px; color: var(--makki-navy); font-size: .65rem; font-weight: 700; line-height: 1.35; }
.about-v2-role-node { display: flex; min-height: 112px; align-items: center; justify-content: center; flex-direction: column; }
.about-v2-role-node span { color: var(--makki-wood); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.about-v2-role-node strong { margin-top: .25rem; overflow-wrap: anywhere; color: var(--makki-navy-deep); font-family: "El Messiri",serif; font-size: 1rem; line-height: 1.3; }
.about-v2-role-node small { margin-top: .35rem; color: var(--makki-sage); font-size: .62rem; line-height: 1.35; }
.about-v2-role-node--reference { background: rgba(255,255,255,.68); border-style: dashed; }
.about-v2-person--compact { display: flex; min-height: 112px; justify-content: center; flex-direction: column; }
.about-v2-org-branch--religious .about-v2-org-tier::before { position: absolute; top: 0; left: 50%; width: 1px; height: 2rem; background: rgba(198,161,91,.5); content: ""; }
.about-v2-person-grid--religious { grid-template-columns: 1fr; }
.about-v2-person-grid--religious .about-v2-person { min-height: 118px; display: flex; justify-content: center; flex-direction: column; }

.about-v2-support .v2-eyebrow { color: var(--makki-gold); }
.about-v2-support h2 { color: var(--makki-white); }

.about-v2-history { position: relative; overflow: hidden; background: var(--makki-ivory); }
.about-v2-history__heading { max-width: 700px; margin-bottom: clamp(2.5rem,5vw,4rem); }
.about-v2-timeline { position: relative; display: grid; margin: 0; padding: 0; list-style: none; grid-template-columns: repeat(4,minmax(0,1fr)); gap: clamp(1rem,2vw,1.5rem); }
.about-v2-timeline::before { position: absolute; top: 1.05rem; right: 0; left: 0; height: 1px; background: rgba(198,161,91,.55); content: ""; }
.about-v2-timeline li { position: relative; min-width: 0; padding-top: 3.1rem; }
.about-v2-timeline li::before { position: absolute; top: .68rem; left: 0; width: .78rem; height: .78rem; background: var(--makki-ivory); border: 2px solid var(--makki-gold); border-radius: 50%; box-shadow: 0 0 0 6px var(--makki-ivory); content: ""; }
.about-v2-timeline time, .about-v2-timeline__today { position: absolute; top: 0; left: 1.5rem; color: var(--makki-wood); font-size: .76rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.about-v2-timeline h3 { margin: 0 0 .55rem; color: var(--makki-navy-deep); font-size: clamp(1.15rem,1.7vw,1.4rem); }
.about-v2-timeline p { margin: 0; color: var(--makki-sage); font-size: .9rem; line-height: 1.7; }

.about-v2-community__content > p { max-width: 680px; margin: 0; color: var(--makki-sage); font-size: clamp(1rem,1.4vw,1.08rem); }
.about-v2-community__links { display: flex; margin-top: 2rem; border-top: var(--makki-border); border-bottom: var(--makki-border); }
.about-v2-community__links a { display: inline-flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 1.25rem; padding: .75rem 1.25rem; border-right: var(--makki-border); color: var(--makki-navy); font-size: .9rem; font-weight: 700; text-decoration: none; transition: background-color var(--makki-transition), color var(--makki-transition); flex: 1 1 0; }
.about-v2-community__links a:first-child { border-left: var(--makki-border); }
.about-v2-community__links a:hover { background: var(--makki-ivory); color: var(--makki-wood); }
.about-v2-community__links i { color: var(--makki-gold); font-size: .75rem; }

.about-v2-support { padding-block: clamp(3.75rem,6vw,5.5rem); background: var(--makki-ivory); }
.about-v2-support__panel { position: relative; display: grid; align-items: center; padding: clamp(2rem,5vw,4rem); overflow: hidden; background: var(--makki-navy); border-radius: var(--makki-radius-lg); box-shadow: var(--makki-shadow-md); grid-template-columns: minmax(0,1fr) auto; gap: clamp(2rem,5vw,5rem); }
.about-v2-support__panel::after { position: absolute; top: -100px; right: 12%; width: 230px; height: 260px; border: 1px solid rgba(198,161,91,.25); border-radius: 130px 130px var(--makki-radius-md) var(--makki-radius-md); content: ""; transform: rotate(8deg); }
.about-v2-support__panel > * { position: relative; z-index: 1; }
.about-v2-support__panel p { max-width: 720px; margin: .7rem 0 0; color: rgba(255,255,255,.75); }
.about-v2-support .v2-btn { min-width: 155px; }

@media (max-width: 1024px) {
    .about-v2-pillars { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .about-v2-pillars li:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255,255,255,.14); }
    .about-v2-pillars li:nth-child(4) { border-top: 1px solid rgba(255,255,255,.14); }
    .about-v2-org-branches { grid-template-columns: minmax(0,1.35fr) minmax(280px,.8fr); }
    .about-v2-person-grid, .about-v2-role-grid { grid-template-columns: 1fr; }
    .about-v2-org-branches::before { right: calc(21% - .5rem); left: calc(29% - .5rem); }
}
@media (max-width: 900px) {
    .about-v2-intro__grid, .about-v2-purpose__intro, .about-v2-community__grid { grid-template-columns: 1fr; gap: 2rem; }
    .about-v2-intro__heading h2 br { display: none; }
    .about-v2-support__panel { grid-template-columns: 1fr; }
    .about-v2-support .v2-btn { justify-self: start; }
}
@media (max-width: 800px) {
    .about-v2-leadership__heading { text-align: left; }
    .about-v2-leadership__heading .v2-eyebrow { justify-content: flex-start; }
    .about-v2-org-root { margin-bottom: 3rem; padding-inline: 1.25rem; }
    .about-v2-org-root::after { height: 3rem; }
    .about-v2-org-branches { display: block; }
    .about-v2-org-branches::before { display: none; }
    .about-v2-org-branch { padding-top: 1.5rem; }
    .about-v2-org-branch::before { height: 1.5rem; }
    .about-v2-org-branch + .about-v2-org-branch { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid rgba(198,161,91,.35); }
    .about-v2-org-branch + .about-v2-org-branch::before { top: 0; height: 3rem; }
    .about-v2-org-branch + .about-v2-org-branch::after { position: absolute; top: -6px; left: 50%; width: 12px; height: 12px; background: var(--makki-ivory); border: 1px solid var(--makki-gold); box-shadow: 0 0 0 6px var(--makki-ivory); content: ""; transform: translateX(-50%) rotate(45deg); }
    .about-v2-person-grid, .about-v2-role-grid, .about-v2-person-grid--religious { grid-template-columns: 1fr; }
    .about-v2-person, .about-v2-role-node { min-height: 0; }
    .about-v2-org-branch__heading { min-height: 0; }
    .about-v2-person-grid--religious .about-v2-person { min-height: 0; }
    .about-v2-timeline { grid-template-columns: 1fr; gap: 0; padding-left: 1.75rem; }
    .about-v2-timeline::before { top: 0; bottom: 0; left: .38rem; width: 1px; height: auto; }
    .about-v2-timeline li { padding: 0 0 2rem 1rem; }
    .about-v2-timeline li:last-child { padding-bottom: 0; }
    .about-v2-timeline li::before { top: .2rem; left: -1.75rem; }
    .about-v2-timeline time, .about-v2-timeline__today { position: static; display: block; margin-bottom: .45rem; }
}
@media (max-width: 767px) {
    .about-v2-hero__inner { grid-template-columns: minmax(0,1fr) 90px; gap: 1rem; }
    .about-v2-hero__arch { width: 80px; height: 105px; }
    .about-v2-hero__arch span { top: 35px; width: 26px; height: 26px; }
    .about-v2-community__links { border: var(--makki-border); flex-direction: column; }
    .about-v2-community__links a, .about-v2-community__links a:first-child { border: 0; }
    .about-v2-community__links a + a { border-top: var(--makki-border); }
}
@media (max-width: 560px) {
    .about-v2-hero__inner { grid-template-columns: 1fr; }
    .about-v2-hero__arch { display: none; }
    .about-v2-intro__copy { padding-left: 1rem; }
    .about-v2-intro__copy p { line-height: 1.85; }
    .about-v2-intro__copy p + p { margin-top: 1.65rem; }
    .about-v2-purpose__copy { padding-left: 1rem; }
    .about-v2-pillars { grid-template-columns: 1fr; }
    .about-v2-pillars li + li, .about-v2-pillars li:nth-child(3) { border-top: 1px solid rgba(255,255,255,.14); border-left: 0; }
    .about-v2-support__panel { padding: 1.75rem 1.25rem; }
    .about-v2-support .v2-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .about-v2-page main a { transition: none; } }