/* Quiet editorial motion; no scroll interception or hidden content. */
.bio-editorial-photo{margin:0 0 30px;overflow:hidden;border-bottom:1px solid #ba904c77;background:#061225}
.bio-editorial-photo img{display:block;width:100%;height:auto;max-height:530px;object-fit:contain}
.bio-editorial{display:block!important;min-width:0}
.community-editorial{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:40px 0 46px}
.community-frame{min-width:0;display:block}
.community-frame figure{margin:0;overflow:hidden;background:#061225;border:1px solid #c6a36538}
.community-frame img{display:block;width:100%;height:clamp(300px,36vw,520px);object-fit:contain;background:radial-gradient(ellipse at center,#142b45,#061225)}
.community-frame figcaption{position:relative;padding:25px 28px 28px;background:#071426;border-top:1px solid #c6a36555}
.community-frame figcaption strong{display:block;font:400 clamp(28px,3vw,42px)/1.2 var(--serif);color:#ebd5b2;margin:12px 0}
.community-frame figcaption>span:last-child{font-size:14px;color:#c2c9d2}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .community-frame img,.bio-editorial-photo img,.presence-photo img{transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
 .community-frame:hover img,.bio-editorial-photo:hover img{transform:scale(1.018)}
 .community-frame figure,.calling-card,.church-page-link{transition:border-color .4s,box-shadow .4s}
 .community-frame:hover figure{border-color:#c6a36599;box-shadow:0 18px 45px #0003}
 .button{transition:transform .3s,box-shadow .3s}
 .button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #b98b3924}
 .text-link{transition:color .3s}
}
@media(max-width:650px){.community-editorial{grid-template-columns:1fr;gap:26px;margin:30px 0}.community-frame img{height:auto;max-height:520px;object-fit:contain}.community-frame figcaption{padding:22px}.bio-editorial-photo img{max-height:440px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.signature-hero *,.community-frame *,.bio-editorial *,.button{animation:none!important;transition:none!important}}

/* Navy atmosphere, warm gold and fine architectural rules. */
.royal-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:paint}
.royal-aura{position:absolute;top:8%;left:15%;width:70%;height:65%;background:radial-gradient(ellipse at 50% 65%,#dfab5120,transparent 65%);opacity:.8}
.royal-ray{position:absolute;top:0;left:6%;width:70%;height:82%;background:linear-gradient(116deg,transparent 25%,#e2b66d0c 39%,#f5d69e19 43%,transparent 49%);transform:translateX(-10%);opacity:.6}
.signature-invitation{position:relative;z-index:1;flex-wrap:wrap}
.motion-control{border:0;background:none;color:#b8a888;font:400 12px/1.6 var(--sans,Arial,sans-serif);letter-spacing:.06em;cursor:pointer;padding:8px 0;text-underline-offset:5px}
.signature-invitation>.motion-control{flex-basis:100%;text-align:center;margin-top:-12px}
.motion-control:hover{text-decoration:underline;color:#f0d7a9}
.motion-control:disabled{cursor:default}
.motion-control:focus-visible{outline:1px solid #e6c487;outline-offset:5px}
.presence-photo,.encounter-art{overflow:hidden}
.bio-editorial-photo{padding:10px;border:1px solid #c7a66a45;box-shadow:inset 0 0 0 4px #071529,0 20px 50px #0003}
.section-heading{position:relative}
.section-heading::after{content:"";position:absolute;bottom:-1px;left:0;width:min(220px,42%);height:1px;background:linear-gradient(90deg,#e7c893,transparent);transform-origin:left;pointer-events:none}
.calling-card,.church-page-link{position:relative}
.calling-card::after,.church-page-link::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#f5d59a,#b38a46,transparent);transform:scaleX(0);transform-origin:left;transition:transform .75s cubic-bezier(.22,1,.36,1)}
.calling-card:hover::after,.calling-card:focus-visible::after,.church-page-link:hover::after,.church-page-link:focus-visible::after{transform:scaleX(1)}
.community-frame:focus-visible figure{border-color:#e4c18b;box-shadow:0 18px 45px #0003}
.signature-glow{height:34px;background:radial-gradient(ellipse 155px 17px at 50% 50%,#ffbf6855,transparent 75%),radial-gradient(ellipse 45px 12px at 50% 50%,#ffd08b99,transparent 80%)}
@media(prefers-reduced-motion:no-preference){
 html[data-motion="on"] .royal-aura{animation:royal-breathe 11s ease-in-out infinite alternate}
 html[data-motion="on"] .royal-ray{animation:royal-light-pass 17s ease-in-out infinite alternate}
 html[data-motion="on"] .signature-glow{animation:royal-flare 7s ease-in-out infinite alternate}
 html[data-motion="on"] .signature-glow::before{animation:royal-gold-line 9s ease-in-out infinite alternate}
 html[data-motion="on"] .section-heading.royal-revealed::after{animation:royal-rule-enter 1.6s cubic-bezier(.22,1,.36,1) both}
 html[data-motion="on"] .gold{background-size:180% 100%;background-position:0 50%;transition:background-position 1s,transform .35s,box-shadow .35s}
 html[data-motion="on"] .gold:hover,html[data-motion="on"] .gold:focus-visible{background-position:100% 50%;box-shadow:inset 0 0 0 3px #f8d8a51c,0 7px 30px #c6a36533}
}
@keyframes royal-breathe{from{transform:translate(-7%,2%) scale(.96);opacity:.45}to{transform:translate(7%,-3%) scale(1.08);opacity:1}}
@keyframes royal-light-pass{from{transform:translateX(-15%);opacity:.3}to{transform:translateX(24%);opacity:.9}}
@keyframes royal-flare{from{opacity:.65}to{opacity:1}}
@keyframes royal-gold-line{from{transform:scaleX(.86);opacity:.6}to{transform:scaleX(1);opacity:1}}
@keyframes royal-rule-enter{from{transform:scaleX(0);opacity:.3}to{transform:scaleX(1);opacity:1}}
.signature-hero:not(.motion-in-view) .royal-aura,.signature-hero:not(.motion-in-view) .royal-ray,.signature-hero:not(.motion-in-view) .signature-glow,.signature-hero:not(.motion-in-view) .signature-glow::before,.motion-tab-hidden .royal-aura,.motion-tab-hidden .royal-ray,.motion-tab-hidden .signature-glow,.motion-tab-hidden .signature-glow::before{animation-play-state:paused!important}
html[data-motion="off"] .royal-aura,html[data-motion="off"] .royal-ray,html[data-motion="off"] .signature-glow,html[data-motion="off"] .signature-glow::before{animation:none!important}
html[data-motion="off"] .community-frame img,html[data-motion="off"] .bio-editorial-photo img,html[data-motion="off"] .presence-photo img,html[data-motion="off"] .button,html[data-motion="off"] .calling-card::after,html[data-motion="off"] .church-page-link::after{transition:none!important;transform:none}
@media(max-width:650px){.royal-ray{width:100%;left:-12%;height:55%}.signature-invitation>.motion-control{margin:16px 0 0}.bio-editorial-photo{padding:6px}}
@media(prefers-reduced-motion:reduce){.royal-atmosphere *,.signature-glow,.signature-glow::before,.section-heading::after{animation:none!important}.calling-card::after,.church-page-link::after{transition:none!important}}
@media(forced-colors:active){.royal-atmosphere{display:none}.motion-control{color:ButtonText}}

/* Crossfade portraits occupy one fixed canvas: no layout jumps or moving text. */
.signature-portraits.portrait-carousel{display:block}
.portrait-carousel .portrait-slide{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;opacity:0;pointer-events:none;transition:opacity 1.6s ease-in-out;z-index:0}
.portrait-carousel .portrait-slide.is-active{opacity:1;z-index:1}
.portrait-carousel .portrait-slide figure{margin:0;min-width:0;height:100%}
.portrait-carousel .portrait-together{grid-template-columns:1fr}
.portrait-carousel .portrait-together img{object-position:50% 22%;object-fit:cover}
.portrait-controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 0 0;order:2}
.portrait-controls[hidden]{display:none}
.portrait-dot{display:grid;place-items:center;position:relative;width:48px;height:44px;background:transparent;border:0;color:#bbaa8d;font:400 12px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.12em;cursor:pointer}
.portrait-dot::after{content:'';position:absolute;bottom:4px;left:9px;right:9px;height:1px;background:#b2946544;transition:background .4s,box-shadow .4s,transform .4s;transform:scaleX(.6)}
.portrait-dot[aria-pressed="true"]{color:#ffdfa6}
.portrait-dot[aria-pressed="true"]::after{background:#efc781;box-shadow:0 0 9px #d8ac6055;transform:scaleX(1)}
.portrait-dot:hover{color:#fff0ca}
.portrait-dot:focus-visible{outline:1px solid #eac48a;outline-offset:2px;border-radius:2px}
@media(max-width:720px){.portrait-carousel .portrait-slide figure{aspect-ratio:auto}.portrait-carousel .portrait-slide img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover}.portrait-carousel .portrait-together img{object-position:50% 25%}.signature-hero .signature-invitation{order:3}.portrait-controls{padding-top:0;margin-top:-8px}}
html[data-motion="off"] .portrait-slide{transition:none}
@media(prefers-reduced-motion:reduce){.portrait-carousel .portrait-slide,.portrait-dot::after{transition:none}}
/* Keep the square joint portrait complete, blending its sides into the navy. */
.portrait-carousel .portrait-together figure{width:auto;max-width:100%;aspect-ratio:1/1;justify-self:center;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.portrait-carousel .portrait-together img{object-fit:contain;object-position:center top}
.portrait-carousel .portrait-wide{grid-template-columns:1fr}
.portrait-carousel .portrait-wide img{object-fit:cover;object-position:50% 35%}
.portrait-carousel .portrait-prayer img{object-position:50% 25%}
@media(max-width:720px){.portrait-carousel .portrait-wide img{object-position:center top}}

/* A dedicated third-scene caption keeps the three faces free of the main title. */
.portrait-carousel .portrait-spiritual figure{width:auto;max-width:100%;aspect-ratio:4/3;justify-self:center;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.portrait-carousel .portrait-spiritual img{object-fit:contain;object-position:center top}
.has-portrait-caption .portrait-carousel{mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%)}
.signature-heading>.eyebrow,.signature-heading>h1,.signature-heading>.signature-statement{transition:opacity .8s ease}
.has-portrait-caption .signature-heading>.eyebrow,.has-portrait-caption .signature-heading>h1,.has-portrait-caption .signature-heading>.signature-statement{opacity:0}
.signature-heading .portrait-caption{position:absolute;left:0;right:0;bottom:48px;margin:0 auto;width:min(880px,100%);opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s;color:#edd4ad;text-shadow:0 2px 24px #030d1c;font:400 clamp(26px,3.4vw,47px)/1.25 var(--serif);letter-spacing:.01em}
.portrait-caption span,.portrait-caption strong{display:block}
.portrait-caption span{font-size:.66em;margin-bottom:10px;color:#e9ddcd}
.portrait-caption strong{font-weight:400}
.has-portrait-caption .portrait-caption{opacity:1;visibility:visible}
@media(max-width:720px){.signature-heading .portrait-caption{bottom:auto;top:50%;transform:translateY(-50%);padding:0 10px;font-size:clamp(27px,7.7vw,43px)}.has-portrait-caption .portrait-carousel{mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)}}
html[data-motion="off"] .signature-heading>*,html[data-motion="off"] .portrait-caption{transition:none}
@media(prefers-reduced-motion:reduce){.signature-heading>*,.portrait-caption{transition:none!important}}

/* Visible camera movement and a travelling gold highlight beneath the title. */
.royal-aura{background:radial-gradient(ellipse at 50% 65%,#dfab513b,transparent 65%)}
.royal-ray{background:linear-gradient(116deg,transparent 25%,#e2b66d17 39%,#f5d69e2b 43%,transparent 49%)}
@media(prefers-reduced-motion:no-preference){
 html[data-motion="on"] .portrait-slide img{transform:scale(1)}
 html[data-motion="on"] .portrait-slide.is-active img{--portrait-zoom:1.045;animation:royal-portrait-zoom 6s cubic-bezier(.2,.5,.4,1) both}
 html[data-motion="on"] .portrait-spiritual.is-active img{--portrait-zoom:1.018}
 html[data-motion="on"] .signature-glow::after{animation:royal-moving-spark 7s ease-in-out infinite alternate}
}
@keyframes royal-portrait-zoom{from{transform:scale(1)}to{transform:scale(var(--portrait-zoom,1.045))}}
.signature-hero:not(.motion-in-view) .portrait-slide img,.motion-tab-hidden .portrait-slide img{animation-play-state:paused!important}
@keyframes royal-moving-spark{0%{left:18%;opacity:.6}50%{opacity:1}100%{left:82%;opacity:.6}}
.signature-hero:not(.motion-in-view) .signature-glow::after,.motion-tab-hidden .signature-glow::after{animation-play-state:paused!important}
html[data-motion="off"] .portrait-slide img{transform:none;transition:none;animation:none}
html[data-motion="off"] .signature-glow::after{animation:none;left:50%}
@media(prefers-reduced-motion:reduce){.portrait-slide img{transform:none!important;transition:none!important;animation:none!important}.signature-glow::after{animation:none!important;left:50%}}