/* Color direction from the church's orange, blue, and purple artwork. */
:root{--ink:#19234e;--blue:#1759af;--deep:#161c42;--cream:#fcfaf7;--muted:#5c6075;--line:#dedee9;--orange:#f59a4a;--purple:#7448a3;--green:#a5d744}
body{background:var(--cream)}
:focus-visible{outline-color:#e47928}
.topbar{background:linear-gradient(100deg,#713858,#472c70 45%,#124c93);color:#fff}
.site-header{border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#f4a14f,#a75194,#175cba) 1}
.brand-name{color:#14496e}.desktop-nav{gap:21px}.desktop-nav .nav-visit{background:var(--blue)}
.desktop-nav>a:not(.nav-visit):after{background:linear-gradient(90deg,var(--orange),var(--purple),var(--blue))}
.btn{background:var(--blue);border-radius:3px}.btn:hover{background:#114482}
.btn-sun{background:#ffb167;color:#281f43}.btn-sun:hover{background:#ffc68e}
.btn-lime{background:#b9e474;color:#172e42}.btn-lime:hover{background:#d0ec9c}
.btn-outline{background:transparent;border-color:#bdb9df;color:inherit}.btn-outline:hover{background:#ffffff1c}
.btn-plain{background:#fff;color:var(--ink);border-color:#d7d3e5}.btn-plain:hover{background:#f4eff8}
.hero{background:#181632;min-height:690px}
.hero-photo{opacity:.86}
.hero:after{background:linear-gradient(0deg,#121b46ed 0%,#1b133a30 65%),linear-gradient(105deg,#b45724ba 0%,#652d79af 48%,#065bb1aa 100%)}
.hero h1{font-size:clamp(60px,6.5vw,91px)}
.hero h1 em{color:#ffdbb5}.hero .eyebrow,.hero .lead{color:#fff4ec}
.hero .btn{border-radius:40px}.hero-note{color:#f3e9ff}.hero-note:before{background:var(--orange)}
.service-strip{background:linear-gradient(100deg,#fff0df,#f4edf9 50%,#e8f1fc);border-bottom-color:#e2dceb}
.service-icon{color:var(--purple)}.service-cell{border-color:#d7cee2}.round-link{border-color:#a5a9c3}.round-link:hover{background:#f9d9bc}
.eyebrow{color:#7f436c}.section-title em{color:#88528d}
.mission-block{background:radial-gradient(ellipse at 0% 35%,#fff0e2,transparent 55%),#fff}
.values-line i{background:#f39b52}.values-line{color:#58417b}
.dark{background:radial-gradient(ellipse at 0% 0%,#743c62,transparent 60%),linear-gradient(110deg,#2c255c,#143b75);color:#fff}
.dark .eyebrow,.path-number{color:#ffcba3}.dark p{color:#e6e0ee}.path-grid,.path-card{border-color:#ffffff30}
.path-card h3{color:#fff}.dark .text-link:hover{color:#ffc99b}
.watch-section{background:linear-gradient(110deg,#fff1e3,#f3edf8 60%,#ebf2ff)}
.watch-panel:after{background:linear-gradient(110deg,#592a6b90,#0c3769a8)}
.watch-panel .text-link:hover{color:#ffd2ac}
.invite-band{background:radial-gradient(ellipse at 0% 0%,#bf642f99,transparent 58%),linear-gradient(100deg,#713557,#563477 50%,#124f98);color:#fff}
.invite-band p{color:#f7e5ed}.invite-band .btn{background:#ffb167;color:#281f43;white-space:nowrap}.invite-band .btn:hover{background:#ffc68e}
.site-footer{background:linear-gradient(115deg,#171c40,#20234e 55%,#142b50)}
.footer-col h2{color:#f4ba94}.footer-intro,.footer-col a,.footer-col p{color:#c6c9df}.footer-bottom{color:#adaec9;border-color:#ffffff25}
.page-hero,.page-hero.dark{background:radial-gradient(ellipse at 2% 0%,#c3733799,transparent 60%),linear-gradient(110deg,#5c355d,#493071 48%,#124d95);color:white;position:relative;isolation:isolate;overflow:hidden;border:0}
.page-hero:after{content:'';position:absolute;z-index:-1;right:-100px;top:-250px;width:650px;height:650px;border:1px solid #ffffff16;border-radius:50%;box-shadow:0 0 0 100px #ffffff05,0 0 0 200px #ffffff04;pointer-events:none}
.page-hero .eyebrow{color:#ffd1a7}.page-hero .lead,.page-hero.dark p{color:#f1eaf8}.page-hero .btn:not(.btn-outline):not(.btn-sun){background:#ffb167;color:#281f43}
.page-hero .actions{gap:15px}.page-hero h1{max-width:1000px}
.feature-block{background:linear-gradient(125deg,#fff0e0,#f3ecf8 65%,#e7effb);border-top:3px solid #ab6493}
.feature-block .overline{color:#724379}.notice{background:#f3eff8;border-color:#be784c}
.ministry-symbol{color:var(--purple);border-color:#cfc2df;background:#f7f1fc}.ministry-row .overline{color:#805380}
.principle-number{color:#9a5d31}.principles article:nth-child(2) .principle-number{color:#754a9a}.principles article:nth-child(3) .principle-number{color:var(--blue)}
.visit-address{background:linear-gradient(135deg,#633258,#373876 55%,#165196)}.visit-address .eyebrow{color:#ffd2a9}.visit-address p{color:#e1e0f3}
.giving-card{border-color:#ddd4e5;border-top:4px solid #ee9c5d}.giving-card:nth-child(2){border-top-color:#935ca9}.giving-card:nth-child(3){border-top-color:#367cbe}
.connect-contact .overline{color:#8d507b}.connect-contact a{border-color:#d7c6de}
.calendar-btn{border-color:#cdc4df}.calendar-btn:hover{background:#efe8f7}.filter{border-color:#cdc4df}.filter[aria-pressed=true]{background:var(--purple);border-color:var(--purple)}.event-row .overline{color:#89516c}

/* Portraits are the original transparent files, framed only with CSS. */
.leadership-teaser{background:#fff}
.leader-teaser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.leader-teaser-card{display:block;min-width:0}
.leader-teaser-photo{position:relative;height:460px;overflow:hidden;background:radial-gradient(ellipse at 0 0,#ffc98e,transparent 70%),linear-gradient(135deg,#f1d8ce,#e3d5ed 60%,#b2ccef)}
.first-lady .leader-teaser-photo{background:radial-gradient(ellipse at 100% 0,#cbb5ee,transparent 70%),linear-gradient(135deg,#efdfef,#dadff4 60%,#d4e8f9)}
.portrait-word{position:absolute;top:15px;left:25px;font-family:var(--serif);font-style:italic;font-size:clamp(70px,9vw,140px);line-height:1.1;letter-spacing:-.065em;color:#fff8;pointer-events:none}
.leader-teaser-photo img{position:absolute;width:225%;max-width:none;height:auto;left:-65%;top:-10px;transition:transform .4s}
.first-lady .leader-teaser-photo img{width:220%;left:-57%;top:7px}
.leader-teaser-card:hover .leader-teaser-photo img{transform:scale(1.025)}
.leader-teaser-info{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:24px}
.leader-teaser-info .overline{font-size:10px;color:#885064}.first-lady .leader-teaser-info .overline{color:#72529c}
.leader-teaser-info h3{font-size:26px;margin-top:8px}.leader-teaser-info .round-link{color:var(--blue)}
.leader-bio-link{display:inline-flex;gap:14px;align-items:center;margin-top:15px;font-size:13px;color:var(--blue);border-bottom:1px solid #b8c5e0;padding-bottom:5px}
.profile-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:start}
.profile-visual{position:sticky;top:130px}
.profile-portrait{height:570px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 0% 0%,#ffc27f,transparent 66%),linear-gradient(135deg,#efd8c8,#d1c1e7 65%,#b1c9e9);border-radius:220px 220px 6px 6px}
.profile-portrait img{position:absolute;width:250%;max-width:none;left:-77%;top:5px;height:auto}
.profile-portrait .portrait-word{top:45px;font-size:100px;left:35px}
.portrait-caption{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-top:22px;text-align:center;color:#724573}
.portrait-caption span{display:block;font-weight:400;font-size:11px;text-transform:none;letter-spacing:.02em;margin-top:7px;color:var(--muted)}
.profile-copy .eyebrow{font-size:10px}.profile-copy h2{font-family:var(--heading);font-weight:800;font-size:52px;line-height:1.1;letter-spacing:-.055em;margin:21px 0 15px;max-width:590px}
.profile-subtitle{font-family:var(--serif);font-style:italic;font-size:23px;color:#865986;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.biography p{font-size:15px;line-height:1.9}.biography p+p{margin-top:20px}
.leader-profile.first-lady{background:linear-gradient(130deg,#f0eafa,#f9f1ec 60%,#f7faff)}
.leader-profile.first-lady .profile-grid{grid-template-columns:1.15fr .85fr}
.leader-profile.first-lady .profile-visual{grid-column:2;grid-row:1}.leader-profile.first-lady .profile-copy{grid-column:1;grid-row:1}
.first-lady .profile-portrait{background:radial-gradient(ellipse at 100% 0,#d0b2f6,transparent 70%),linear-gradient(135deg,#ecd6e4,#c1c7ec 60%,#a8cbe7)}
.first-lady .profile-portrait img{width:250%;left:-73%;top:25px}

/* A current, flyer-first announcement board; complete artwork is never cropped. */
.flyer-section{background:radial-gradient(ellipse at 100% 0%,#fce0c5a6,transparent 50%),linear-gradient(135deg,#f5eff9,#ecf1fc)}
.flyer-section .section-head{align-items:center}.flyer-section .section-title{max-width:720px}.flyer-intro{max-width:320px}.flyer-intro .text-link{margin-top:18px}
.flyer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;align-items:start}
.flyer-card{min-width:0;background:#fff;box-shadow:0 12px 35px #3334670b;position:relative;border-top:4px solid #3a77b5}
.flyer-card[data-special-event]{border-color:#e7a060}.flyer-card:nth-child(3){border-color:#9863af}
.flyer-art{position:relative;display:block;overflow:hidden;background:#eeebf4}
.flyer-art img{width:100%;height:auto;object-fit:contain}
.flyer-art[data-flyer]{cursor:zoom-in}
.flyer-zoom{display:flex;align-items:center;justify-content:space-between;gap:9px;background:#fff;color:#22274d;padding:13px 20px;font-size:12px;font-weight:600;border-bottom:1px solid #eee7f2}
.flyer-art:hover .flyer-zoom{background:#ffddbd}
.flyer-info{padding:24px}.flyer-info .overline{font-size:9px;letter-spacing:.1em;color:#8b4d70}
.flyer-info h3{font-size:24px;line-height:1.2;margin:12px 0}.flyer-info p{font-size:13px;line-height:1.7}
.flyer-location{display:flex;gap:8px;align-items:start;color:#77788b;font-size:11px;line-height:1.6;margin-top:17px}.flyer-location svg{margin-top:2px}
.flyer-card[hidden]{display:none}.no-events-card{grid-column:1;grid-row:1}
.announcements-note{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:30px;background:linear-gradient(120deg,#f9e6d5,#eee6f7 60%,#e6effc);margin-top:40px}
.announcements-note h3{font-size:22px;margin-bottom:9px}.announcements-note p{font-size:14px}.announcements-note .btn{flex:none}
.flyer-dialog{width:min(920px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:0;border:0;background:#fff;color:var(--ink);box-shadow:0 20px 100px #08071f80;border-radius:6px}
.flyer-dialog::backdrop{background:#111128d9;backdrop-filter:blur(7px)}
.flyer-dialog[open]{display:flex;flex-direction:column}
.flyer-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;border-bottom:1px solid var(--line)}
.flyer-dialog-head h2{font-family:var(--heading);font-size:17px;font-weight:700;line-height:1.35;letter-spacing:-.02em}
.flyer-close{width:44px;height:44px;flex:none;font-size:32px;line-height:1;background:#f3edf8;color:#503869;border-radius:50%}
.flyer-dialog-image{background:#161b37;min-height:0;padding:15px;display:flex;justify-content:center;overflow:auto}
.flyer-dialog-image img{max-width:100%;width:auto;max-height:70dvh;height:auto;object-fit:contain}
.flyer-dialog-foot{padding:16px 22px;display:flex;align-items:center;gap:15px 25px;flex-wrap:wrap}.flyer-dialog-foot p{font-size:12px;flex:1 1 100%}.flyer-dialog-foot .text-link{font-size:12px}
body.flyer-open{overflow:hidden}
@media(max-width:1150px){.desktop-nav{gap:14px}.profile-grid,.leader-profile.first-lady .profile-grid{gap:45px}.profile-portrait{height:500px}.profile-copy h2{font-size:45px}.leader-teaser-photo{height:420px}.leader-teaser-info h3{font-size:23px}.flyer-grid{gap:20px}.flyer-info{padding:20px}.flyer-info h3{font-size:21px}}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:grid;place-items:center}.site-header{height:83px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;background:#fff;position:absolute;left:0;right:0;top:80px;padding:15px 32px 30px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #0a263315;max-height:calc(100dvh - 100px);overflow:auto}.mobile-nav a{padding:12px 5px;border-bottom:1px solid #eee7f2;font-size:15px}.mobile-nav a[aria-current=page]{color:var(--blue);font-weight:700}}
@media(max-width:980px){.hero h1{font-size:69px}.hero{min-height:650px}.profile-grid,.leader-profile.first-lady .profile-grid{grid-template-columns:.85fr 1.15fr;gap:35px}.leader-profile.first-lady .profile-visual{grid-column:1}.leader-profile.first-lady .profile-copy{grid-column:2}.profile-portrait{height:420px}.profile-copy h2{font-size:38px}.biography p{font-size:14px}.profile-portrait .portrait-word{font-size:85px}.flyer-info h3{font-size:19px}.flyer-info{padding:18px}.flyer-info .overline{font-size:8px}.flyer-intro{max-width:270px}.flyer-section .section-title{font-size:42px}.leader-teaser-photo{height:360px}.leader-teaser-info h3{font-size:20px}.leader-teaser-info .round-link{width:34px;height:34px}.leader-teaser-info{gap:15px}}
@media(max-width:700px){.hero{min-height:600px}.hero h1{font-size:clamp(40px,10vw,62px)}.hero:after{background:linear-gradient(0deg,#121b46e8,#1b133a20 85%),linear-gradient(115deg,#a65328b0,#603178a8 52%,#064d94a6)}.hero-photo{opacity:.7}.site-header{height:78px}.mobile-nav:not([hidden]){top:75px;padding-left:20px;padding-right:20px}.service-cell{border-color:#d9cfe3}.leader-teaser-grid{grid-template-columns:1fr;gap:38px}.leader-teaser-photo{height:410px}.leader-teaser-photo img{width:240%;left:-72%;top:0}.first-lady .leader-teaser-photo img{width:235%;left:-64%;top:12px}.leader-teaser-info{padding-top:20px}.leader-teaser-info h3{font-size:24px}.leader-teaser-info .overline{font-size:9px}.leader-teaser-info .round-link{width:40px;height:40px}.portrait-word{font-size:100px}.profile-grid,.leader-profile.first-lady .profile-grid{display:flex;flex-direction:column;gap:35px}.profile-visual{position:static;top:auto;width:100%;max-width:460px;margin:auto}.profile-portrait{height:490px;max-width:410px;margin:auto}.profile-portrait img{width:240%;left:-72%;top:0}.first-lady .profile-portrait img{width:240%;left:-67%;top:20px}.profile-portrait .portrait-word{font-size:100px}.profile-copy h2{font-size:43px;max-width:400px}.profile-copy .eyebrow{font-size:9px}.profile-subtitle{font-size:21px;padding-bottom:23px;margin-bottom:23px}.biography p{font-size:15px;line-height:1.85}.flyer-grid{grid-template-columns:1fr;gap:30px;max-width:480px;margin:0 auto}.flyer-intro{max-width:100%;margin-top:20px}.flyer-intro .text-link{margin-top:18px}.flyer-section .section-title{font-size:39px}.flyer-info{padding:24px}.flyer-info .overline{font-size:10px}.flyer-info h3{font-size:26px}.flyer-info p{font-size:14px}.flyer-location{font-size:12px}.no-events-card{grid-column:auto;grid-row:1}.flyer-zoom{font-size:12px}.announcements-note{display:block;padding:25px}.announcements-note .btn{margin-top:20px}.invite-band h2{font-size:37px}.flyer-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}.flyer-dialog-head{padding:10px 14px}.flyer-dialog-head h2{font-size:14px}.flyer-dialog-image{padding:8px}.flyer-dialog-image img{max-height:62dvh}.flyer-dialog-foot{padding:13px 16px;gap:13px 20px}.flyer-dialog-foot p{font-size:11px}.page-hero .actions .btn{font-size:12px;padding:12px 16px}.page-hero:after{right:-350px}.footer-main{gap:32px 20px}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.brand{gap:8px}.brand img{width:43px;height:43px}.brand-name{font-size:16px}.brand-sub{font-size:6px;letter-spacing:.08em}.nav-inner{gap:10px}.leader-teaser-photo{height:370px}.profile-portrait{height:430px}.profile-copy h2{font-size:39px}.flyer-info h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.leader-teaser-photo img{transition:none}}
