.organization-page{--paper:#f7f6f2;--line:#c9c5bd;background:var(--paper)}

.organization-hero{position:relative;min-height:760px;height:100svh;max-height:1050px;display:flex;align-items:flex-end;overflow:hidden;background:var(--black);color:var(--white)}
.organization-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.68) 43%,rgba(0,0,0,.12) 100%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 50%)}
.organization-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;width:100%;padding-top:9rem;padding-bottom:clamp(5rem,9vw,8rem)}
.organization-hero .overline{color:var(--gold-light)}
.organization-hero h1{max-width:820px;margin:.7rem 0 1.8rem;font-size:clamp(4.3rem,7.8vw,8.4rem);line-height:.87;letter-spacing:-.058em}
.organization-hero h1 em{color:var(--gold-light);font-weight:400}
.organization-hero-copy{max-width:570px;margin:0;padding-left:1.2rem;border-left:1px solid rgba(255,255,255,.45);color:rgba(255,255,255,.82);font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.72}
.organization-hero-image{position:absolute;inset:0;margin:0;overflow:hidden}
.organization-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 46%;filter:grayscale(1) contrast(1.04);animation:hero-settle 1.8s cubic-bezier(.22,.75,.22,1) both}

.leadership-section{padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem)}
.prayer-section{background:#fff}
.governing-section{background:var(--paper)}
.advisory-section{background:var(--black);color:#fff}
.team-section{background:var(--bone)}
.section-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(3rem,8vw,9rem);margin-bottom:clamp(4rem,7vw,6.5rem)}
.section-index{display:flex;align-items:flex-start;gap:1.1rem;padding-top:.45rem}
.section-index span{color:var(--gold);font-size:.68rem;font-weight:600;letter-spacing:.14em}
.section-index p{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:600}
.section-heading h2{margin:0 0 1.35rem;font-size:clamp(3.3rem,5.7vw,6.3rem);line-height:.94}
.section-heading>div:last-child>p{max-width:620px;margin:0;color:#56524d;font-size:1.03rem;line-height:1.72}
.advisory-section .section-index span{color:var(--gold-light)}
.advisory-section .section-heading>div:last-child>p{color:rgba(255,255,255,.72)}

.information-panel{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(3rem,8vw,9rem);padding:1.8rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.information-panel p{margin:0}
.information-panel p:first-child{color:var(--gold);text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:600}
.information-panel p:last-child{max-width:670px;font-family:var(--serif);font-size:clamp(1.45rem,2.4vw,2.4rem);line-height:1.35;color:#3f3b35}
.advisory-section .information-panel{border-color:rgba(255,255,255,.25)}
.advisory-section .information-panel p:first-child{color:var(--gold-light)}
.advisory-section .information-panel p:last-child{color:var(--white)}

.carousel-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.15rem}
.carousel-toolbar>p{margin:0;color:#595650;text-transform:uppercase;letter-spacing:.13em;font-size:.67rem;font-weight:600}
.carousel-toolbar>div{display:flex;gap:.55rem}
.carousel-toolbar button{position:relative;width:44px;height:44px;border:1px solid #a9a49b;border-radius:50%;background:transparent;color:var(--black);font-size:0;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.carousel-toolbar button:before{position:absolute;inset:0;display:grid;place-items:center;font-size:1rem;line-height:1}
.carousel-toolbar button[data-team-direction="previous"]:before{content:"←"}
.carousel-toolbar button[data-team-direction="next"]:before{content:"→"}
.carousel-toolbar button:hover,.carousel-toolbar button:focus-visible{background:var(--black);border-color:var(--black);color:#fff}
.card-scroll{display:flex;gap:1.2rem;overflow-x:auto;padding:0 0 1.2rem;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--gold) #e8e5de;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.person-card{flex:0 0 calc((100% - 2.4rem)/3);min-width:310px;min-height:470px;padding:1.7rem;display:flex;flex-direction:column;justify-content:space-between;background:#fff;border:1px solid #d2cdc4;scroll-snap-align:start;box-shadow:0 12px 30px rgba(0,0,0,.04)}
.person-card:hover{border-color:#ae812e}
.card-number{margin:0;color:var(--gold);font-size:.67rem;font-weight:600;letter-spacing:.14em}
.person-role{min-height:2.4em;margin:0 0 1.25rem;color:#625e56;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:600;line-height:1.45}
.person-card h3{margin:0;font-family:var(--serif);font-size:clamp(2.65rem,4vw,4.5rem);font-weight:400;line-height:.9;letter-spacing:-.05em;color:var(--black)}
.person-summary{max-width:330px;margin:1.35rem 0 0;color:#625e56;font-size:.92rem;line-height:1.62}
.bio-trigger{display:inline-flex;align-items:center;margin-top:1.65rem;padding:.45rem 0 .3rem;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--gold);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.bio-trigger:after{content:"+";margin-left:.65rem;font-size:.9rem;font-weight:400;transition:transform .2s}
.bio-trigger:hover:after,.bio-trigger:focus-visible:after{transform:rotate(90deg)}
.bio-trigger:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.profile-card-link{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;margin:1.65rem 0 0 1rem;padding:0;border:0;color:#4f4b44;font-size:0}
.profile-card-link::before,.profile-dialog-link::before{content:"in";display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:2px;background:var(--gold);color:#fff;font-family:Arial,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:-.05em;line-height:1}
.profile-card-link:hover,.profile-card-link:focus-visible{opacity:.72;transform:translateY(-1px)}

.profile-dialog{width:min(670px,calc(100% - 2rem));max-height:calc(100svh - 2rem);padding:clamp(2rem,5vw,4.25rem);border:0;border-top:5px solid var(--gold);background:#fff;color:var(--black);box-shadow:0 24px 90px rgba(0,0,0,.38)}
.profile-dialog::backdrop{background:rgba(0,0,0,.76)}
.profile-dialog[open]{animation:dialog-in .24s ease both}
.profile-close{position:absolute;top:1.2rem;right:1.2rem;padding:.45rem 0;border:0;border-bottom:1px solid currentColor;background:transparent;text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;cursor:pointer}
.profile-label{margin:0 0 2.5rem;color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:.67rem;font-weight:600}
.profile-dialog h2{margin:0;font-size:clamp(3rem,6.5vw,5.7rem);line-height:.9}
.profile-role{margin:1.2rem 0 2.2rem;color:var(--gold);font-size:.73rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.profile-bio{max-width:540px;margin:0;color:#4d4a45;font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.48}
.profile-dialog-link{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;margin-top:2rem;padding:0;border:0;color:var(--gold);font-size:0}
.profile-dialog-link:hover,.profile-dialog-link:focus-visible{opacity:.72;transform:translateY(-1px)}
.profile-dialog-link[hidden]{display:none}
@keyframes dialog-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.organization-closing{min-height:560px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#fff;color:var(--black)}
.organization-closing .overline{color:var(--gold)}
.organization-closing h2{margin:.7rem 0 2.2rem;font-size:clamp(3.8rem,7vw,7.2rem);line-height:.9}
.organization-closing h2 em{color:var(--gold);font-weight:400}
.organization-closing .closing-link{background:var(--black);color:#fff}

/* Dedicated team page */
.team-page-hero{position:relative;min-height:820px;height:100svh;max-height:1080px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--black);color:#fff;padding-top:10rem;padding-bottom:clamp(5rem,9vw,8rem)}
.team-page-hero::before{content:"TOGETHER";position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.12);font-family:var(--serif);font-size:clamp(8rem,19vw,23rem);letter-spacing:-.07em;white-space:nowrap;pointer-events:none}
.team-page-hero>*{position:relative;z-index:1}
.team-page-hero .overline{color:var(--gold-light)}
.team-page-hero h1{max-width:980px;margin:.7rem 0 1.8rem;font-size:clamp(4.8rem,9vw,9.5rem);line-height:.84;letter-spacing:-.06em}
.team-page-hero h1 em{color:var(--gold-light);font-weight:400}
.team-page-hero-copy{max-width:610px;margin:0;padding-left:1.2rem;border-left:1px solid rgba(255,255,255,.42);color:rgba(255,255,255,.78);font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.72}
.team-group{position:relative}
.team-executive{background:#fff}
.team-field{background:var(--black);color:#fff}
.team-creative{background:var(--paper)}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.team-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:calc(66.666% + .4rem)}
.team-grid .person-card{width:auto;min-width:0;min-height:500px;flex:none}
.team-group .section-heading h2 em{color:var(--gold);font-weight:400}
.team-field .section-index span,.team-field .section-heading h2 em,.team-field .card-number,.team-field .bio-trigger,.team-field .information-panel p:first-child{color:var(--gold-light)}
.team-field .section-heading>div:last-child>p{color:rgba(255,255,255,.7)}
.team-field .person-card{background:#111;border-color:rgba(255,255,255,.22);box-shadow:none}
.team-field .person-card:hover{border-color:var(--gold-light)}
.team-field .person-card h3{color:#fff}
.team-field .person-role,.team-field .person-summary{color:rgba(255,255,255,.68)}
.team-field .information-panel{margin-top:clamp(3rem,6vw,5.5rem);border-color:rgba(255,255,255,.23)}
.team-field .information-panel p:last-child{color:#fff}

@media(max-width:1000px){
  .organization-hero{min-height:680px;height:90svh}.organization-hero-content{min-height:0}.organization-hero-image{min-height:0;height:auto}
  .section-heading,.information-panel{grid-template-columns:1fr;gap:2rem}
  .person-card{flex-basis:calc((100% - 1.2rem)/2)}
  .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid-two{max-width:none}
}
@media(max-width:650px){
  .organization-hero{min-height:660px;height:90svh}.organization-hero:after{background:linear-gradient(0deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.63) 60%,rgba(0,0,0,.12) 100%)}.organization-hero-content{padding-bottom:5rem}.organization-hero h1{font-size:clamp(4rem,17vw,5.6rem)}.organization-hero-image{min-height:0;height:auto}.organization-hero-image img{object-position:55% center}
  .section-heading h2{font-size:clamp(3.1rem,14vw,4.8rem)}
  .information-panel p:last-child{font-size:clamp(1.4rem,6.5vw,2rem)}
  .carousel-toolbar button{width:40px;height:40px}
  .card-scroll{margin-right:-1.25rem;padding-right:1.25rem;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}
  .card-scroll::-webkit-scrollbar{display:none}
  .person-card{flex:0 0 calc(100vw - 2.5rem);min-width:0;min-height:440px}
  .js .card-scroll .person-card.enter{opacity:1;transform:none;transition:none}
  .person-card h3{font-size:clamp(2.8rem,13vw,4rem)}
  .organization-closing{min-height:540px}.organization-closing h2{font-size:clamp(3.8rem,16vw,5.2rem)}
  .team-page-hero{min-height:690px;height:92svh;padding-bottom:5rem}.team-page-hero::before{top:44%;font-size:36vw}.team-page-hero h1{font-size:clamp(4.2rem,18vw,6rem)}
  .team-grid{grid-template-columns:1fr}.team-grid .person-card{min-height:430px}.team-grid .person-card h3{font-size:clamp(2.8rem,13vw,4rem)}
}