:root{color-scheme:light;--ink:#392f25;--cream:#f4ecdf;--gold:#8d633b;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #765128;outline-offset:6px}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:800px;min-height:clamp(760px,94svh,1000px);display:flex;flex-direction:column;padding:0 clamp(24px,5.6vw,110px)}.scene,.veil{position:absolute;inset:0;z-index:-2;pointer-events:none}.scene{overflow:hidden;background:#bea17a}.scene-push{position:absolute;inset:-20px;animation:push-in 15s ease-out both;animation-play-state:paused}.scene-layer{position:absolute;width:100%;height:100%;object-fit:cover;object-position:58% center}.layer-midground,.layer-fatherPeter,.layer-foreground{object-fit:cover}.veil{z-index:-1;background:linear-gradient(90deg,rgba(248,241,227,.96) 0%,rgba(246,237,218,.87) 23%,rgba(239,224,198,.52) 43%,rgba(239,224,198,.04) 67%),linear-gradient(0deg,rgba(239,227,209,.93),transparent 26%,transparent 87%,rgba(245,235,216,.62))}.sunlight,.haze{position:absolute;pointer-events:none;animation-play-state:paused}.sunlight{inset:0;background:radial-gradient(ellipse at 82% 30%,rgba(255,219,161,.16),transparent 60%);animation:sunlight 16s ease-in-out infinite;animation-play-state:paused}.haze{width:65%;height:26%;left:35%;top:48%;filter:blur(24px);background:radial-gradient(ellipse,rgba(240,219,191,.13),transparent 70%);animation:haze 34s ease-in-out infinite alternate;animation-play-state:paused}.motion-active .scene-push,.motion-active .haze,.motion-active .sunlight{animation-play-state:running}.parallax-active .scene-layer{will-change:transform}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;height:110px;border-bottom:1px solid rgba(70,51,28,.13)}.brand{display:flex;gap:12px;align-items:center;font-family:Georgia,'Times New Roman',serif;font-size:27px;white-space:nowrap}.brand svg{width:24px;height:36px;stroke-width:2}.navigation{display:flex;gap:27px;font-size:13px}.navigation span,footer nav span,.secondary{cursor:default}.header-actions{display:flex;gap:24px;align-items:center;font-size:12px}.search svg{width:21px;height:21px}.header-ask{border:1px solid rgba(76,55,33,.38);padding:13px 23px;border-radius:4px}.hero-content{margin-top:clamp(52px,7svh,90px);width:580px;max-width:100%;padding-bottom:48px}.eyebrow{font-size:10px;letter-spacing:.25em;color:#755434;margin:0 0 25px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(58px,4.9vw,82px);letter-spacing:-.045em;line-height:1.04;margin:0}.description{font-size:16px;line-height:1.7;margin:26px 0 28px;color:#655543}.ctas{display:flex;gap:25px;align-items:center;font-size:13px}.primary{background:#86603d;color:#fff9ef;padding:19px 24px;border-radius:4px;display:flex;gap:24px;align-items:center;transition:background .2s}.primary:hover{background:#714e2e}.secondary{color:#624b34}.secondary span{margin-left:8px}.quick-links{margin-top:auto;padding:25px 0 29px;border-top:1px solid rgba(70,51,28,.2);display:flex;gap:70px}.quick-links>div{display:flex;gap:15px;align-items:center}.quick-symbol{font-size:26px;color:#86613f}.quick-links h2{font-size:13px;font-weight:500;margin:0 0 7px}.quick-links p{font-size:11px;margin:0;color:#72604e}footer{min-height:100px;padding:30px clamp(24px,5.6vw,110px);display:flex;gap:24px;align-items:center;justify-content:space-between;font-size:12px}footer>a{font-family:Georgia,serif;font-size:20px}footer nav{display:flex;gap:24px;color:#72604e}footer small{font-size:10px;color:#72604e}@keyframes push-in{from{transform:scale(1)}to{transform:scale(1.023)}}@keyframes haze{from{transform:translate3d(-12px,0,0)}to{transform:translate3d(12px,0,0)}}@keyframes sunlight{0%{opacity:.92}50%{opacity:1}100%{opacity:.95}}@media(max-width:1199px){.navigation{gap:16px}.header-actions{gap:16px}.quick-links{gap:40px}.hero-content{width:480px}h1{font-size:65px}}@media(max-width:1000px){.navigation{display:none}.scene-layer{object-position:65% center}.veil{background:linear-gradient(90deg,rgba(248,241,227,.95),rgba(246,237,218,.75) 40%,rgba(239,224,198,.12) 85%),linear-gradient(0deg,rgba(239,227,209,.97),transparent 35%)}footer nav{gap:12px}}@media(max-width:767px){.hero{padding:0 24px;min-height:850px;min-height:max(850px,96svh)}.header{height:86px;gap:12px}.brand{font-size:23px;gap:8px}.brand svg{height:31px;width:21px}.header-actions{gap:13px}.search{display:none}.header-ask{padding:10px 12px;font-size:11px}.locale{font-size:10px}.hero-content{margin-top:53px;padding-bottom:180px}.eyebrow{font-size:9px;margin-bottom:24px}h1{font-size:clamp(47px,12.5vw,65px);line-height:1.06}.description{font-size:14px;margin-top:24px}.ctas{align-items:flex-start;flex-direction:column;gap:20px}.primary{padding:17px 20px;font-size:12px}.secondary{font-size:12px}.scene-layer{object-position:76% center}.veil{background:linear-gradient(90deg,rgba(248,241,227,.94),rgba(246,237,218,.69) 53%,rgba(239,224,198,.13)),linear-gradient(0deg,rgba(239,227,209,.98),transparent 34%)}.quick-links{gap:16px;padding:22px 0;justify-content:space-between}.quick-links>div{display:block;flex:1}.quick-symbol{display:none}.quick-links h2{font-size:11px;line-height:1.45}.quick-links p{font-size:10px;line-height:1.45}footer{flex-wrap:wrap;gap:20px;padding:25px 24px}footer nav{order:3;width:100%;flex-wrap:wrap;font-size:11px}.scene-push{animation-name:push-in-mobile}@keyframes push-in-mobile{from{transform:scale(1)}to{transform:scale(1.012)}}}@media(prefers-reduced-motion:reduce){.scene-push,.haze,.sunlight{animation:none!important}.scene-layer{transform:none!important;will-change:auto!important}.primary{transition:none}}
/* Approved Hero.png composition, with live UI over the clean photographic plate. */
:root{--ink:#201c17;--gold:#795520}.hero{padding-inline:6.8vw}.scene-push{inset:-8px}.scene-layer{object-position:center center}.veil{background:none}.header{height:114px;border:0;justify-content:flex-start;gap:5.6vw}.brand{font-family:'Times New Roman',serif;font-size:32px;gap:20px}.brand-mark{position:relative;display:block;overflow:hidden;width:35px;height:53px;flex-shrink:0}.brand-mark img{position:absolute;width:1254px;max-width:none;height:auto;left:-73.5px;top:-18.75px}.navigation{gap:36px;font-size:16px}.header-actions{margin-left:auto;gap:26px;font-size:16px;color:#fff9ef}.header-ask{border:0;border-radius:99px;background:#f4ecdf;color:#211d17;padding:18px 33px;font-size:16px}.hero-content{margin-top:43px;width:620px}.eyebrow{font-size:12px;letter-spacing:.28em;margin-bottom:16px}h1{font-family:'Times New Roman',serif;font-size:clamp(62px,4.9vw,86px);letter-spacing:-.035em;line-height:1.01}.description{font-size:21px;line-height:1.4;margin:22px 0 28px;color:#756953}.ctas{font-size:18px;gap:42px}.primary{background:#795520;border-radius:99px;padding:19px 35px;gap:14px}.primary svg,.secondary svg{width:22px;height:22px;vertical-align:middle}.secondary{color:#201c17}.secondary span{margin-left:9px}.quick-links{border:0;gap:0;padding:24px 0 55px;color:#fff9ef}.quick-links>div{gap:18px;padding:0 30px;border-right:1px solid #eee0be66}.quick-links>div:first-child{padding-left:0}.quick-links>div:last-child{border:0}.quick-symbol{color:#fff9ef}.quick-symbol svg{width:36px;height:36px;stroke-width:1.5}.quick-links h2{font-size:14px;margin-bottom:7px}.quick-links p{font-size:12px;color:#fff3e0}.haze{background:radial-gradient(ellipse,rgba(240,219,191,.05),transparent 70%)}.sunlight{background:radial-gradient(ellipse at 67% 43%,rgba(255,219,161,.06),transparent 50%)}
@media(min-width:1440px){.hero{min-height:clamp(810px,56.25vw,1000px)}.hero-content{margin-top:43px}}
@media(min-width:768px) and (max-width:1199px){.header{gap:25px}.brand{font-size:27px}.navigation{display:none}.hero-content{width:470px}h1{font-size:64px}.description{font-size:17px}.ctas{font-size:14px;gap:20px}.primary{padding:18px 24px}.quick-links>div{padding-inline:20px}.hero{padding-inline:5vw}.veil{background:linear-gradient(90deg,#f6eddf55,transparent 55%)}}
@media(max-width:767px){.hero{padding:0 24px;min-height:850px;background:#f4ecdf}.header{height:86px;gap:12px}.brand{font-size:23px;gap:10px}.brand-mark{width:26px;height:40px}.brand-mark img{width:940.5px;left:-55.1px;top:-14.1px}.header-actions{color:var(--ink);gap:13px;font-size:10px}.header-ask{padding:11px 16px;font-size:11px;border:1px solid #79552033}.hero-content{margin-top:45px;padding-bottom:190px;width:100%}.eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:clamp(44px,12.5vw,60px);line-height:1.05}.description{font-size:15px;margin:24px 0}.ctas{font-size:13px;gap:20px}.primary{padding:17px 23px}.primary svg,.secondary svg{width:19px;height:19px}.secondary{font-size:13px}.scene{background:#f4ecdf}.scene-push{inset:0}.scene-layer{object-fit:contain;object-position:center bottom}.veil{background:none}.quick-links{padding:24px 0 25px;gap:10px}.quick-links>div{padding:0 8px}.quick-links>div:first-child{padding:0}.quick-links h2{font-size:11px}.quick-links p{font-size:10px}.quick-symbol{display:none}}
@media(min-width:768px){.veil{background:linear-gradient(90deg,rgba(249,239,219,.82),rgba(249,239,219,.52) 33%,transparent 64%);mask-image:linear-gradient(to bottom,#000 5%,rgba(0,0,0,.88) 50%,transparent 85%)}}
@media(min-width:1200px){.header{margin-left:-14px}.brand-mark{width:49px;height:70px}.brand-mark img{width:1672px;left:-98px;top:-25px}.hero-content{margin-top:57px}h1{line-height:.88}.eyebrow{margin-bottom:22px}.description{font-size:24px;margin-top:25px}.ctas{font-size:22px;gap:46px}.primary{padding:21px 41px;gap:15px}.primary svg,.secondary svg{width:24px;height:24px}.quick-links{padding-bottom:70px}.quick-symbol svg{width:42px;height:42px}.quick-links h2{font-size:16px}.quick-links p{font-size:13px}.quick-links>div{padding-inline:32px}}
.brand-mark{mix-blend-mode:multiply}
@media(min-width:1200px){h1{font-size:clamp(64px,5.25vw,90px);line-height:.82}.eyebrow{margin-bottom:17px}.description{margin-top:20px}.header-actions{gap:30px}.header-ask{padding-inline:36px}}
@media(max-width:767px){.scene-layer{height:360px;top:auto;bottom:0;object-fit:cover;object-position:right bottom;mask-image:linear-gradient(to bottom,transparent,#000 25%)}.scene-push{animation-name:push-in-mobile}.quick-links{position:relative}.hero-content{position:relative}}
.brand-mark img{filter:brightness(1.25) contrast(1.2)}
@media(min-width:768px){.veil{background:linear-gradient(90deg,rgba(255,243,227,.93),rgba(255,243,227,.60) 33%,transparent 64%);mask-image:linear-gradient(to bottom,#000 5%,rgba(0,0,0,.95) 50%,transparent 85%)}}
/* Layer geometry is shared: no independently scaled or positioned assets. */
.scene-push{inset:-18px;transform-origin:center center}
.scene-layer{transform-origin:center center}
.layer-fallback{z-index:0}
.layer-background{z-index:1}
.layer-midground{z-index:2}
.layer-fatherPeter{z-index:3}
.layer-foreground{z-index:4}
.hero:not(.layered-ready) .scene-layer:not(.layer-fallback){visibility:hidden}
.layered-ready .layer-fallback{visibility:hidden}
@media(max-width:767px){.scene-push{inset:0}}
@keyframes sunlight{0%{opacity:.93}50%{opacity:1}100%{opacity:.96}}
.parallax-active.layered-ready .layer-fallback{will-change:auto}
.hero:not(.layered-ready) .scene-layer:not(.layer-fallback){will-change:auto}
@media(min-width:768px) and (max-width:1199px){.scene-layer{object-position:right center}}
@media(max-width:767px){.scene-layer{mask-image:none}.scene{mask-image:linear-gradient(to bottom,transparent calc(100% - 360px),#000 calc(100% - 270px))}}
@media(max-width:767px){
 .hero{min-height:970px}
 .scene-layer{bottom:120px}
 .scene{mask-image:linear-gradient(to bottom,transparent calc(100% - 480px),#000 calc(100% - 390px))}
 .quick-links{color:var(--ink);background:var(--cream)}
 .quick-links p{color:#72604e}
 .quick-links>div{border-right-color:rgba(70,51,28,.18)}
}

/* Real desktop UI uses the 1671 x 941 reference coordinate system. */
.desktop-reference-hero{display:none}
@media(min-width:1200px){
 .hero{padding:0;min-height:0;height:calc(100vw * 941 / 1671);display:block}
 .hero>.scene,.hero>.veil,.hero>.header,.hero>.hero-content,.hero>.quick-links{display:none}
 .desktop-reference-hero{display:block;position:absolute;inset:0;overflow:hidden;--u:calc(100vw / 1671);color:#211c14;font-family:Arial,Helvetica,sans-serif}
 .desktop-scene-picture{position:absolute;inset:0;display:block}
 .desktop-scene-picture>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:center;animation:desktop-scene-push-in 15s cubic-bezier(.2,.6,.3,1) both}
 .desktop-readability{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(249,239,222,.84) 0%,rgba(249,239,222,.65) 28%,rgba(249,239,222,.24) 49%,transparent 69%);mask-image:linear-gradient(#000 0%,#000 54%,transparent 86%)}
 .desktop-reference-hero .reference-control{position:absolute;margin:0;padding:0;border:0;background:none;line-height:1.2;white-space:nowrap}
 .reference-brand{left:calc(98 * var(--u));top:calc(25 * var(--u));height:calc(70 * var(--u));display:flex;align-items:center;gap:calc(19 * var(--u));font:calc(34 * var(--u)) 'Times New Roman',serif}
 .reference-cross{width:calc(49 * var(--u));height:calc(70 * var(--u));object-fit:contain;mix-blend-mode:multiply}
 .reference-articles,.reference-questions,.reference-gospel,.reference-about{top:calc(50 * var(--u));font-size:calc(18 * var(--u))}
 .reference-articles{left:calc(404 * var(--u))}.reference-questions{left:calc(501 * var(--u))}.reference-gospel{left:calc(617 * var(--u))}.reference-about{left:calc(777 * var(--u))}
 .reference-search{left:calc(1277 * var(--u));top:calc(45 * var(--u));color:#fff8ed}
 .reference-search svg{width:calc(26 * var(--u));height:calc(26 * var(--u));stroke-width:1.7}
 .reference-locale{left:calc(1337 * var(--u));top:calc(48 * var(--u));font-size:calc(18 * var(--u));color:#fff8ed;display:flex;gap:calc(9 * var(--u));align-items:center}
 .desktop-reference-hero .reference-ask{left:calc(1418 * var(--u));top:calc(28 * var(--u));width:calc(159 * var(--u));height:calc(59 * var(--u));display:flex;align-items:center;justify-content:center;border-radius:999px;background:#f4ecdf;font-size:calc(20 * var(--u))}
 .reference-eyebrow{left:calc(115 * var(--u));top:calc(170 * var(--u));font-size:calc(14 * var(--u));letter-spacing:.28em;color:#936631}
 .desktop-reference-hero .reference-title{left:calc(114 * var(--u));top:calc(199 * var(--u));font-family:'Times New Roman',serif;font-size:calc(80 * var(--u));font-weight:400;letter-spacing:-.015em;line-height:.88}
 .desktop-reference-hero .reference-description{left:calc(115 * var(--u));top:calc(506 * var(--u));font-size:calc(25 * var(--u));line-height:1.36;color:#776d5c}
 .desktop-reference-hero .reference-primary{left:calc(115 * var(--u));top:calc(598 * var(--u));width:calc(351 * var(--u));height:calc(68 * var(--u));background:#795520;color:#fff6e9;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:calc(14 * var(--u));font-size:calc(23 * var(--u))}
 .reference-primary span{font-size:calc(29 * var(--u));font-weight:300;line-height:1}
 .desktop-reference-hero .reference-secondary{left:calc(513 * var(--u));top:calc(619 * var(--u));font-size:calc(21 * var(--u));display:flex;align-items:center;gap:calc(12 * var(--u))}
 .reference-secondary::after{content:'';position:absolute;left:0;bottom:calc(-5 * var(--u));width:calc(133 * var(--u));border-bottom:1px solid #a89070}
 .desktop-reference-hero .reference-bottom-gospel,.desktop-reference-hero .reference-bottom-questions,.desktop-reference-hero .reference-bottom-articles{top:calc(826 * var(--u));height:calc(47 * var(--u));display:flex;align-items:center;gap:calc(19 * var(--u));color:#fff5e7}
 .reference-bottom-gospel{left:calc(111 * var(--u));width:calc(234 * var(--u));border-right:1px solid #eee0be66!important}
 .reference-bottom-questions{left:calc(377 * var(--u));width:calc(245 * var(--u));border-right:1px solid #eee0be66!important}
 .reference-bottom-articles{left:calc(654 * var(--u))}
 .reference-bottom-icon svg{display:block;width:calc(42 * var(--u));height:calc(42 * var(--u));stroke-width:1.4}
 .desktop-reference-hero .reference-bottom h2{font:400 calc(17 * var(--u))/1.2 Arial,Helvetica,sans-serif;margin:0 0 calc(6 * var(--u))}
 .desktop-reference-hero .reference-bottom p{font:400 calc(14 * var(--u))/1.2 Arial,Helvetica,sans-serif;margin:0}
 .desktop-reference-hero a:focus-visible{outline:3px solid #795520;outline-offset:5px}
}
@keyframes desktop-scene-push-in{from{transform:scale(1)}to{transform:scale(1.023)}}
@media(min-width:1200px) and (prefers-reduced-motion:reduce){.desktop-scene-picture>img{animation:none;transform:none}}


.site-logo-image{display:block;object-fit:contain;height:40px;width:auto;max-width:none;filter:none;mix-blend-mode:normal}.brand.site-logo{gap:0}.reference-brand.site-logo .site-logo-image{height:100%;width:auto}@media(min-width:768px){.brand.site-logo .site-logo-image{height:53px}}@media(min-width:1200px){.brand.site-logo .site-logo-image{height:70px}}