html{background:#0c0b0a!important;overflow-x:hidden!important}
:root{
--ink:#FAF7F2!important;
--ink-soft:#EEEAE4!important;
}
body{
background:
radial-gradient(ellipse 105% 24% at 0% 9%,rgba(192,41,63,.26),transparent 68%),
radial-gradient(ellipse 100% 22% at 100% 31%,rgba(229,185,79,.20),transparent 70%),
radial-gradient(ellipse 105% 24% at 0% 54%,rgba(155,27,48,.18),transparent 70%),
radial-gradient(ellipse 100% 24% at 100% 77%,rgba(229,185,79,.15),transparent 72%),
linear-gradient(180deg,#0c0b0a 0%,#15100f 22%,#100e0c 45%,#17120d 68%,#0c0b0a 100%)!important;
isolation:isolate;
text-rendering:optimizeLegibility;
}
body p:not(.hero-verse){color:#e8e3dc!important}
body h1,body h2,body h3{color:#faf7f2;text-shadow:0 2px 22px rgba(0,0,0,.3)}
.hero-verse,.verse p,blockquote p{color:#ead28d!important}
.ministry-card-body p,.ministries-intro p,.mp-copy p,.contact-info p,.info-card p{color:#e8e3dc!important}
body small{color:#f0ece6}
.foot-bottom p,footer.site p,footer.site-foot,.player-status{color:#eeeae4!important}
.menu a:not(.active):not(:hover):not(:focus-visible),.nav-drop-toggle:not(.active):not(:hover):not(:focus-visible){color:#eeeae4!important}
.menu a:hover,.menu a:focus-visible,.menu a:active,.menu a.active,
.nav-drop-toggle:hover,.nav-drop-toggle:focus-visible,.nav-drop-toggle:active,.nav-drop-toggle.active,.nav-drop.open>.nav-drop-toggle{
color:var(--gold,#e5b94f)!important;
background:rgba(229,185,79,.09);
text-shadow:0 0 15px rgba(229,185,79,.68)!important;
outline:none;
}
.page-fade{animation:none!important}
/* Full-opacity red and gold studio lighting across every page. */
body::before,body::after{
content:"";
position:fixed;
inset:-18%;
z-index:-4;
pointer-events:none;
opacity:.5!important;
mix-blend-mode:screen;
filter:blur(34px) saturate(1.08);
will-change:transform;
}
body::before{
background:
radial-gradient(ellipse 38% 32% at 8% 18%,rgba(192,41,63,.70) 0,rgba(155,27,48,.30) 42%,transparent 74%),
radial-gradient(ellipse 34% 30% at 72% 86%,rgba(192,41,63,.34) 0,transparent 70%);
animation:unitedRedStudio 24s ease-in-out infinite alternate;
}
body::after{
z-index:-3;
background:
radial-gradient(ellipse 38% 30% at 94% 30%,rgba(229,185,79,.62) 0,rgba(201,162,39,.24) 44%,transparent 74%),
radial-gradient(ellipse 30% 26% at 34% 78%,rgba(229,185,79,.28) 0,transparent 72%);
animation:unitedGoldStudio 28s ease-in-out infinite alternate;
}
@keyframes unitedRedStudio{
from{transform:translate3d(-2.5%,-1%,0) scale(1)}
to{transform:translate3d(5%,4%,0) scale(1.08)}
}
@keyframes unitedGoldStudio{
from{transform:translate3d(2%,-3%,0) scale(1.04)}
to{transform:translate3d(-5%,5%,0) scale(.98)}
}
/* Keep existing page atmosphere in the same red-and-gold theme. */
.spirit-bg{z-index:-2!important;visibility:visible!important}
.spirit-bg .aurora{opacity:1!important}
.spirit-bg .rays{opacity:.65!important}
.spirit-bg .aurora .b1{background:radial-gradient(circle,rgba(192,41,63,.62),transparent 64%)!important}
.spirit-bg .aurora .b2{background:radial-gradient(circle,rgba(229,185,79,.54),transparent 64%)!important}
.spirit-bg .aurora .b3{background:radial-gradient(circle,rgba(155,27,48,.50),transparent 64%)!important}
.spirit-fx{z-index:-1!important}
/* Section spotlights remain, but bleed and feather into neighbouring sections. */
.section-studio-zone{
position:relative!important;
isolation:isolate;
overflow:visible!important;
background-color:transparent!important;
background-image:none!important;
}
.section-studio-zone .section-studio-lights{
position:absolute;
inset:-32% -14%;
z-index:0;
overflow:visible;
pointer-events:none;
opacity:.5!important;
mix-blend-mode:screen;
-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%);
mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%);
}
.section-studio-zone>:not(.section-studio-lights){position:relative;z-index:1}
.section-studio-zone:last-of-type{
overflow:clip!important;
}
.section-studio-zone:last-of-type .section-studio-lights{
bottom:0;
}
.section-studio-lights .section-spot{
position:absolute;
width:min(92vw,1100px);
aspect-ratio:1.35;
border-radius:50%;
opacity:.9;
filter:blur(95px) saturate(1.08);
mix-blend-mode:screen;
will-change:transform;
}
.section-studio-lights .spot-a{
left:-28%;
top:-14%;
background:radial-gradient(ellipse at center,rgba(var(--section-spot-a,192,41,63),.44) 0%,rgba(var(--section-spot-a,192,41,63),.20) 38%,rgba(var(--section-spot-a,192,41,63),.06) 60%,transparent 78%);
animation:sectionSpotA 30s cubic-bezier(.45,.05,.55,.95) infinite alternate;
}
.section-studio-lights .spot-b{
right:-28%;
bottom:-16%;
background:radial-gradient(ellipse at center,rgba(var(--section-spot-b,229,185,79),.38) 0%,rgba(var(--section-spot-b,229,185,79),.17) 40%,rgba(var(--section-spot-b,229,185,79),.05) 62%,transparent 80%);
animation:sectionSpotB 36s cubic-bezier(.45,.05,.55,.95) infinite alternate;
}
@keyframes sectionSpotA{
from{transform:translate3d(-3%,-2%,0) scale(1)}
to{transform:translate3d(12%,9%,0) scale(1.12)}
}
@keyframes sectionSpotB{
from{transform:translate3d(4%,3%,0) scale(1.08)}
to{transform:translate3d(-12%,-8%,0) scale(.98)}
}
/* Replace the homepage's hard service-section divider with a feathered transition. */
.services{
border-top:0!important;
position:relative;
}
.services::before{
content:"";
position:absolute;
left:0;
right:0;
top:-90px;
height:180px;
pointer-events:none;
background:linear-gradient(180deg,transparent 0%,rgba(192,41,63,.07) 45%,rgba(229,185,79,.055) 65%,transparent 100%);
filter:blur(24px);
opacity:.9;
}
/* Native same-origin page transitions: no white frame between documents. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:unitedViewOut .38s cubic-bezier(.4,0,.7,.2) both}
::view-transition-new(root){animation:unitedViewIn .52s cubic-bezier(.16,.78,.23,1) both}
@keyframes unitedViewOut{to{opacity:0;transform:translate3d(0,-8px,0) scale(.992)}}
@keyframes unitedViewIn{from{opacity:0;transform:translate3d(0,14px,0) scale(.988)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
/* Apple-inspired scroll depth and smart header */
html{scroll-behavior:smooth;background:#0c0b0a}
body{overflow-x:clip}
.spirit-bg,.spirit-fx,.faith-motion{
overflow:clip!important;
contain:paint;
}
.hero + .services{
margin-top:1.5rem!important;
}
nav.top{
will-change:transform,opacity;
transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .34s ease,background .4s ease,box-shadow .4s ease!important;
transform:translate3d(0,0,0);
}
nav.top.nav-hidden{transform:translate3d(0,calc(-100% - 14px),0);opacity:0;pointer-events:none}
nav.top.nav-returning{box-shadow:0 16px 48px rgba(0,0,0,.38);background:rgba(12,11,10,.94)!important}
.scroll-3d-section{perspective:1600px;transform-style:preserve-3d;isolation:isolate;overflow:clip}
.scroll-3d-scene{
position:relative;
width:100%;
transform-origin:50% 50%;
transform-style:preserve-3d;
will-change:transform,opacity;
backface-visibility:hidden;
transform:perspective(1500px) translate3d(0,var(--scroll-y,0px),var(--scroll-z,0px)) rotateX(var(--scroll-rx,0deg)) rotateY(var(--scroll-ry,0deg)) scale(var(--scroll-scale,1));
opacity:var(--scroll-opacity,1);
}
.scroll-3d-section::after{display:none!important}
/* Background light slides and rays: 40% peak visibility. */
.fx-beam{
display:block!important;
left:-24vw!important;
width:9vw!important;
background:linear-gradient(105deg,transparent,rgba(229,185,79,.16),rgba(255,245,214,.08),transparent)!important;
animation-name:unitedBeamGlide!important;
animation-timing-function:cubic-bezier(.45,.05,.3,.95)!important;
animation-iteration-count:infinite!important;
will-change:transform,opacity;
mix-blend-mode:screen;
}
@keyframes unitedBeamGlide{
0%{transform:translate3d(-12vw,0,0) skewX(-14deg);opacity:0}
18%{opacity:.4}
78%{opacity:.4}
100%{transform:translate3d(158vw,0,0) skewX(-14deg);opacity:0}
}
/* Use the shared transform-based gloss instead of older position animations. */
.services .svc::before,.give-card::before{display:none!important}
/* Shared United glass treatment for cards on every page */
.united-gloss-card{
position:relative!important;
z-index:2!important;
isolation:isolate;
overflow:hidden!important;
background:
radial-gradient(circle at 14% 0%,rgba(255,255,255,.18),transparent 36%),
radial-gradient(circle at -8% 24%,rgba(192,41,63,.13),transparent 48%),
radial-gradient(circle at 108% 78%,rgba(229,185,79,.11),transparent 50%),
linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035)),
rgba(34,29,24,.60)!important;
border:1px solid rgba(255,255,255,.17)!important;
border-radius:22px;
box-shadow:0 12px 46px rgba(0,0,0,.40),-10px 0 34px rgba(192,41,63,.055),10px 0 34px rgba(229,185,79,.045),inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.18)!important;
backdrop-filter:blur(42px) brightness(.48) saturate(.78)!important;
-webkit-backdrop-filter:blur(42px) brightness(.48) saturate(.78)!important;
}
.united-gloss-card::after{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background:linear-gradient(112deg,transparent 0 31%,rgba(255,255,255,.035) 38%,rgba(255,255,255,.15) 45%,rgba(229,185,79,.055) 49%,transparent 58% 100%);
transform:translate3d(-125%,0,0) skewX(-12deg);
animation:unitedCardGloss 6.4s cubic-bezier(.34,.02,.23,1) infinite;
}
.united-gloss-card>:not(.section-studio-lights){position:relative;z-index:1}
.leader-grid .leader:last-child .photo img{
transform:translateY(-5%) scale(1.22)!important;
transform-origin:center 42%;
object-position:center 42%!important;
}
.leader-grid .leader:last-child:hover .photo img{transform:translateY(-5%) scale(1.26)!important}
.united-gloss-card:hover{border-color:rgba(229,185,79,.42)!important;box-shadow:0 22px 56px rgba(0,0,0,.48),0 0 28px rgba(229,185,79,.11),inset 0 1px 0 rgba(255,255,255,.28)!important}
@keyframes unitedCardGloss{0%,15%{transform:translate3d(-125%,0,0) skewX(-12deg)}52%,100%{transform:translate3d(125%,0,0) skewX(-12deg)}}
/* Header ministries dropdown */
.nav-drop{position:relative;list-style:none}
.nav-drop-toggle{display:flex;align-items:center;gap:.38rem;border:0;background:transparent;color:var(--ink-soft,#a39c92);font:600 .9rem 'Manrope',sans-serif;padding:.5rem .9rem;border-radius:8px;cursor:pointer;text-decoration:none;transition:color .25s,text-shadow .25s}
.nav-drop-toggle:hover,.nav-drop-toggle.active,.nav-drop.open>.nav-drop-toggle{color:var(--gold,#e5b94f);text-shadow:0 0 14px rgba(229,185,79,.6)}
.nav-drop-toggle span{font-size:.75rem;transition:transform .25s}
.nav-drop.open>.nav-drop-toggle span,.nav-drop:focus-within>.nav-drop-toggle span{transform:rotate(180deg)}
.nav-drop::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.nav-submenu{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%) translateY(-8px);min-width:230px;padding:.65rem;display:grid;gap:.2rem;list-style:none;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(12,11,10,.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,transform .22s,visibility .22s;z-index:300}
.nav-drop:hover>.nav-submenu,.nav-drop:focus-within>.nav-submenu,.nav-drop.open>.nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.menu .nav-submenu a{display:block!important;margin:0!important;padding:.72rem .85rem!important;border-radius:10px!important;color:var(--ink-soft,#a39c92)!important;font-size:.85rem!important;white-space:nowrap}
.menu .nav-submenu a:hover{background:rgba(229,185,79,.09);color:var(--gold,#e5b94f)!important}
/* Professional page loading transition */
.site-loader{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;overflow:hidden;perspective:1200px;view-transition-name:none;background:radial-gradient(circle at 50% 48%,#1d1510 0,#0c0b0a 38%,#070605 100%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}
.site-loader.active{opacity:1;visibility:visible;pointer-events:all}
.site-loader::before,.site-loader::after{content:"";position:absolute;inset:-18%;pointer-events:none;transform-style:preserve-3d}
.site-loader::before{background:conic-gradient(from 45deg,transparent 0 22%,rgba(192,41,63,.055) 27%,transparent 32% 58%,rgba(229,185,79,.055) 63%,transparent 69%);animation:portalSpin 7s linear infinite}
.site-loader::after{inset:0;background:linear-gradient(112deg,transparent 0 46%,rgba(229,185,79,.055) 50%,transparent 54%);transform:translateX(-120%);animation:portalSweep 1.8s ease-in-out infinite}
.site-loader-inner{text-align:center;color:#f2eee8;position:relative;z-index:2;transform-style:preserve-3d}
.transition-stage{position:relative;width:min(220px,58vw);height:165px;display:grid;place-items:center;transform-style:preserve-3d}
.loader-logo{display:block;width:min(138px,38vw);height:auto;position:relative;z-index:3;transform-style:preserve-3d;filter:drop-shadow(0 0 13px rgba(229,185,79,.38));animation:loaderLogo3d 1.65s cubic-bezier(.45,.05,.2,1) infinite alternate}
.portal-core{position:absolute;width:102px;height:102px;border-radius:50%;background:radial-gradient(circle,rgba(229,185,79,.18),rgba(192,41,63,.07) 44%,transparent 73%);filter:blur(7px);animation:portalBreathe 1.8s ease-in-out infinite}
.orbit-ring{position:absolute;width:132px;height:132px;border:1px solid rgba(229,185,79,.24);border-radius:50%;box-shadow:0 0 18px rgba(229,185,79,.07),inset 0 0 18px rgba(229,185,79,.05);transform-style:preserve-3d}
.orbit-one{animation:orbitOne 3s linear infinite}.orbit-two{width:158px;height:158px;border-color:rgba(192,41,63,.18);animation:orbitTwo 3.8s linear infinite reverse}
.depth-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#e5b94f;box-shadow:0 0 10px 3px rgba(229,185,79,.42);animation:dotOrbit 2.4s ease-in-out infinite}
.site-3d-enter{transform-origin:50% 12%;animation:pageEnter3d .58s cubic-bezier(.16,.78,.23,1) both}
.site-3d-exit{transform-origin:50% 18%;animation:pageExit3d .48s cubic-bezier(.45,.02,.7,.3) both!important;pointer-events:none}
@keyframes pageEnter3d{0%{opacity:.22;transform:perspective(1400px) translate3d(0,16px,-68px) rotateX(-1.8deg) scale(.982)}100%{opacity:1;transform:perspective(1400px) translate3d(0,0,0) rotateX(0) scale(1)}}
@keyframes pageExit3d{0%{opacity:1;transform:perspective(1400px) translate3d(0,0,0) rotateX(0) scale(1)}100%{opacity:0;transform:perspective(1400px) translate3d(0,-10px,-78px) rotateX(1.6deg) scale(.978)}}
@keyframes loaderLogo3d{0%{transform:translateZ(-12px) rotateY(-5deg) rotateX(2deg) scale(.975);opacity:.86}100%{transform:translateZ(20px) rotateY(5deg) rotateX(-1deg) scale(1.015);opacity:1;filter:drop-shadow(0 0 19px rgba(229,185,79,.54))}}
@keyframes orbitOne{from{transform:rotateX(68deg) rotateZ(0)}to{transform:rotateX(68deg) rotateZ(360deg)}}
@keyframes orbitTwo{from{transform:rotateY(68deg) rotateZ(0)}to{transform:rotateY(68deg) rotateZ(360deg)}}
@keyframes dotOrbit{0%,100%{transform:translate3d(-70px,-13px,18px);opacity:.25}50%{transform:translate3d(70px,18px,42px);opacity:.8}}
@keyframes portalBreathe{0%,100%{transform:scale(.9);opacity:.45}50%{transform:scale(1.08);opacity:.78}}
@keyframes portalSpin{to{transform:rotate(360deg)}}
@keyframes portalSweep{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
.loader-flame{width:38px;height:52px;margin:0 auto 1.1rem;position:relative;filter:drop-shadow(0 0 18px rgba(192,41,63,.7));animation:loaderPulse 1.1s ease-in-out infinite}
.loader-flame:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#c0293f 15%,#9b1b30 72%);border-radius:60% 40% 65% 35%/70% 45% 55% 30%;transform:rotate(45deg)}
.loader-flame:after{content:"";position:absolute;left:13px;bottom:7px;width:14px;height:22px;background:#e5b94f;border-radius:60% 40% 60% 40%;transform:rotate(28deg)}
.site-loader strong{display:block;font-family:'Fraunces',serif;font-size:1.1rem;font-weight:400;color:#e5b94f}
.site-loader small{display:block;margin-top:.35rem;font:700 .62rem 'Manrope',sans-serif;letter-spacing:.23em;text-transform:uppercase;color:#a39c92}
@keyframes loaderPulse{0%,100%{transform:translateY(0) scale(.94)}50%{transform:translateY(-5px) scale(1.05)}}
/* Ministries card page */
.ministries-shell{max-width:1160px;margin:0 auto;padding:3.15rem 1.5rem 5rem}
.ministries-intro{text-align:center;max-width:680px;margin:0 auto 1.65rem}
.ministries-intro .eyebrow{justify-content:center}
.ministries-intro h1{font-family:'Fraunces',serif;font-size:clamp(2.15rem,4.5vw,3.35rem);font-weight:300;color:#fff;line-height:1.06;margin:.65rem 0 .75rem}
.ministries-intro h1 em{color:var(--gold,#e5b94f)}
.ministries-intro p{color:var(--ink-soft,#a39c92)}
.ministry-page-drop{position:relative;width:max-content;margin:0 auto 2.8rem;z-index:30}
.ministry-page-toggle{border:1px solid rgba(229,185,79,.42);border-radius:999px;padding:.8rem 1.25rem;background:rgba(229,185,79,.08);color:#e5b94f;font:700 .86rem 'Manrope',sans-serif;cursor:pointer}
.ministry-page-menu{position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%) translateY(-7px);min-width:230px;display:grid;gap:.25rem;padding:.65rem;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(12,11,10,.97);box-shadow:0 20px 50px rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.22s}
.ministry-page-drop.open .ministry-page-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.ministry-page-menu a{padding:.65rem .8rem;border-radius:9px;color:#a39c92;text-decoration:none;font-size:.85rem}
.ministry-page-menu a:hover{color:#e5b94f;background:rgba(229,185,79,.08)}
.ministry-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.ministry-card{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 16px 44px rgba(0,0,0,.34);transition:transform .38s ease,border-color .38s,box-shadow .38s}
.ministry-card:hover{transform:translateY(-9px);border-color:rgba(229,185,79,.42);box-shadow:0 24px 58px rgba(0,0,0,.5),0 0 28px rgba(229,185,79,.1)}
.ministry-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border-bottom:1px solid rgba(255,255,255,.1)}
.ministry-card-body{padding:1.45rem}
.ministry-card-body small{font-size:.67rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#e5b94f}
.ministry-card-body h2{font-family:'Fraunces',serif;font-size:1.48rem;color:#fff;margin:.45rem 0 .55rem}
.ministry-card-body p{min-height:4.6em;color:#a39c92;font-size:.88rem}
.ministry-card-body a{display:inline-block;margin-top:1rem;color:#e5b94f;text-decoration:none;font-size:.85rem;font-weight:800}
@media(max-width:850px){.ministry-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){
.nav-drop{width:100%}.nav-drop-toggle{width:100%;justify-content:space-between;padding:.9rem}
.nav-submenu{position:static;transform:none!important;min-width:0;display:none;margin:.2rem 0 .4rem;padding:.35rem;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;background:rgba(255,255,255,.03)}
.nav-drop.open>.nav-submenu{display:grid}
.nav-drop:hover>.nav-submenu:not(:focus-within){transform:none}
}
@media(max-width:580px){.ministry-card-grid{grid-template-columns:1fr}.ministries-shell{padding-top:2.35rem}}
@media(max-width:720px){
.scroll-3d-scene{transform:perspective(1100px) translate3d(0,var(--scroll-y-mobile,0px),var(--scroll-z-mobile,0px)) rotateX(var(--scroll-rx-mobile,0deg)) scale(var(--scroll-scale-mobile,1))}
}
@media(max-width:720px){
html,body{
width:100%;
max-width:100%;
overflow-x:hidden!important;
}
body::before,body::after{inset:-8%;filter:blur(28px) saturate(1.05)}
.wrap{padding-left:1.15rem!important;padding-right:1.15rem!important}
.section-studio-zone .section-studio-lights{
left:0!important;
right:0!important;
width:100%!important;
}
.section-studio-lights .section-spot{
width:min(118vw,560px);
filter:blur(72px) saturate(1.04);
}
.scroll-3d-scene{
transform:none!important;
opacity:1!important;
}
.reveal,.zoom-in,.bf,.stagger>*{
opacity:1!important;
transform:none!important;
filter:none!important;
transition:none!important;
}
.ministry-card,.mp-hero,.mp-ph,.services .svc{
animation:none!important;
opacity:1!important;
transform:none!important;
}
.site-3d-enter{animation:mobilePageIn .32s ease-out both!important}
.site-3d-exit{animation:mobilePageOut .18s ease-in both!important}
.site-loader{transition:opacity .14s ease,visibility .14s ease!important}
.loader-logo{animation-duration:1.15s!important}
nav.top .nav-inner{height:60px;padding-left:1rem!important;padding-right:1rem!important}
nav.top .logo-img{height:35px!important}
nav.top .menu{top:60px!important;max-height:calc(100vh - 60px);overflow-y:auto}
.page-head{padding:4.5rem 0 3rem!important}
.page-head h1{font-size:clamp(2.25rem,11vw,3.2rem)!important}
body small,.player-status,.ministry-card-body small{
font-size:.75rem!important;
line-height:1.45;
}
.hero-btns{gap:.75rem}
.hero-btns .btn{padding:.82rem 1.25rem}
.united-gloss-card{border-radius:18px}
footer.site,footer.site-foot{overflow:hidden}
}
@keyframes mobilePageIn{
from{opacity:.82;transform:translate3d(0,8px,0)}
to{opacity:1;transform:none}
}
@keyframes mobilePageOut{
from{opacity:1;transform:none}
to{opacity:.75;transform:translate3d(0,-4px,0)}
}
@media(max-width:420px){
.wrap{padding-left:1rem!important;padding-right:1rem!important}
.hero-btns{align-items:stretch}
.hero-btns .btn{min-width:0;flex:1 1 140px;text-align:center}
.ministry-card-body,.vm-card,.belief,.info-card,.contact-form,.contact-info{padding-left:1.2rem!important;padding-right:1.2rem!important}
}
@media(prefers-reduced-motion:reduce){
body::before,body::after{animation:none!important}
.section-studio-lights .section-spot{animation:none!important}
.loader-flame,.loader-logo,.portal-core,.orbit-ring,.depth-dot,.site-loader::before,.site-loader::after,.site-3d-enter,.site-3d-exit{animation:none!important}
.site-loader,.ministry-card,nav.top{transition:none!important}
.scroll-3d-scene{transform:none!important;opacity:1!important}
.united-gloss-card::after{animation:none!important;display:none}
::view-transition-old(root),::view-transition-new(root){animation:none!important}
}