/* The homepage's three next steps: a single cinematic entrance, then calm. */
.home-actions[data-home-actions] {
 background: #eee8de;
 padding: 66px 0 72px;
 border-bottom: 1px solid #ded4c4;
}
.home-actions .explore-grid { gap: 24px; align-items: stretch; }
.home-actions .home-action {
 --action-accent: #edce91;
 --action-line: #e6c58138;
 position: relative;
 isolation: isolate;
 display: flex;
 flex-direction: column;
 min-width: 0;
 min-height: 348px;
 padding: 31px 30px 25px;
 overflow: hidden;
 border: 1px solid #c2a56d;
 border-radius: 20px;
 background: radial-gradient(ellipse at 100% 0%, #5a49343d, transparent 65%), #1b1b1e;
 color: #fffaf0;
 text-decoration: none;
 box-shadow: 0 10px 24px #392b1d12;
 transform: perspective(1000px) rotateX(0deg) rotateY(0deg);
 transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease, border-color .35s ease;
}
.home-actions .home-action::before {
 content: '';
 position: absolute;
 inset: 0;
 border-radius: inherit;
 pointer-events: none;
 background: radial-gradient(ellipse at var(--home-light-x,75%) var(--home-light-y,15%), #f7d18f20, transparent 66%), linear-gradient(135deg, #fff2cb0c, transparent 45%);
 opacity: .4;
 transition: opacity .4s ease;
 z-index: -1;
}
.home-actions .home-action::after {
 content: '';
 position: absolute;
 inset: -45% -65%;
 z-index: -1;
 pointer-events: none;
 background: linear-gradient(110deg, transparent 40%, #ffedbf26 49%, #fff8dc08 53%, transparent 62%);
 opacity: 0;
 transform: translateX(-65%);
}
.home-actions .home-action-prayer {
 --action-accent: #805525;
 --action-line: #9c78473d;
 background: radial-gradient(ellipse at 100% 0%, #ead6b754, transparent 70%), #fffcf6;
 color: #252124;
 border-color: #d7c7ab;
}
.home-actions .home-action-give {
 --action-accent: #f5d6a0;
 background: radial-gradient(ellipse at 100% 0%, #b66d6933, transparent 70%), #682c39;
 color: #fffaf0;
 border-color: #9d6669;
}
.home-actions .home-action-top { display: flex; align-items: center; gap: 16px; margin-bottom: 35px; position: relative; z-index: 1; }
.home-actions .home-action-symbol {
 width: 56px;
 height: 56px;
 border: 1px solid var(--action-line);
 border-radius: 17px;
 display: grid;
 place-items: center;
 color: var(--action-accent);
 background: #f7d18f0a;
 flex: none;
 transition: transform .45s ease, box-shadow .45s ease, background .45s ease;
}
.home-actions .home-action-symbol .icon { width: 28px; height: 28px; stroke-width: 1.4; }
.home-actions .home-action-kicker { font: 600 calc((11px) * var(--site-type-scale, 1))/1.6 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--action-accent); max-width: 145px; min-width: 0; overflow-wrap: anywhere; }
.home-actions .home-action-art { position: absolute; right: -23px; top: 42px; color: var(--action-accent); opacity: .065; z-index: -1; pointer-events: none; transform: rotate(-12deg); transition: transform .65s cubic-bezier(.2,.7,.2,1), opacity .5s ease; }
.home-actions .home-action-art .icon { width: 190px; height: 190px; stroke-width: .65; }
.home-actions .home-action-copy { position: relative; z-index: 1; padding-bottom: 27px; }
.home-actions .home-action h3 { font-size: calc((clamp(30px, 2.7vw, 39px)) * var(--site-type-scale, 1)); line-height: 1.12; letter-spacing: -.035em; font-weight: 400; color: inherit; margin: 0 0 15px; }
.home-actions .home-action p { font-size: calc((15px) * var(--site-type-scale, 1)); line-height: 1.8; color: #e1d9ce; max-width: 285px; margin: 0; }
.home-actions .home-action-prayer p { color: #675d54; }
.home-actions .home-action-give p { color: #efddd9; }
.home-actions .home-action-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--action-line); padding-top: 18px; margin-top: auto; color: var(--action-accent); font: 600 calc((13px) * var(--site-type-scale, 1))/1.5 var(--sans); position: relative; z-index: 1; }
.home-actions .home-action-arrow { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--action-line); border-radius: 50%; transition: background .3s ease, transform .3s ease; flex: none; overflow: hidden; }
.home-actions .home-action-arrow .icon { width: 18px; height: 18px; }
.home-actions .home-action-bottom > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.home-actions .home-action:hover { border-color: #c49b52; color: #fffaf0; box-shadow: 0 27px 42px #392b1d2e, 0 0 0 1px #e5bc7138; }
.home-actions .home-action-prayer:hover { color: #252124; }
.home-actions .home-action:is(:hover,:focus-visible)::before { opacity: 1; }
.home-actions .home-action:is(:hover,:focus-visible) .home-action-symbol { transform: translateY(-4px) rotate(-7deg); background: #edc78117; box-shadow: 0 7px 22px #d1a65a18; }
.home-actions .home-action:is(:hover,:focus-visible) .home-action-art { transform: translate(-10px,-8px) rotate(0deg) scale(1.08); opacity: .12; }
.home-actions .home-action:is(:hover,:focus-visible) .home-action-arrow { transform: translateX(5px); background: #e9bc7033; }
.home-actions .home-action:is(:hover,:focus-visible) .home-action-arrow .icon { animation: home-action-arrow .6s ease both; }
.home-actions .home-action:focus-visible { outline: 3px solid #896121; outline-offset: 5px; }
.home-actions [data-home-reveal] { --home-enter-x: 0px; --home-enter-y: 75px; }
.home-actions [data-home-reveal="left"] { --home-enter-x: -34px; }
.home-actions [data-home-reveal="right"] { --home-enter-x: 34px; }
.home-actions [data-home-state="shown"] { animation: home-action-arrive 1.05s cubic-bezier(.16,1,.3,1) var(--home-entry-delay,0ms) both; }
.home-actions [data-home-state="shown"]::after { animation: home-action-sheen 1.65s ease calc(var(--home-entry-delay,0ms) + 180ms) both; }
.home-actions [data-home-state="shown"] .home-action-symbol { animation: home-action-icon 1.7s ease calc(var(--home-entry-delay,0ms) + 350ms); }
.home-actions .home-action:is(:focus-visible,[data-home-motion-settled="true"]) { animation: none !important; opacity: 1; translate: none; scale: none; rotate: none; }
.home-actions .home-action:is(:focus-visible,[data-home-motion-settled="true"])::after, .home-actions .home-action:is(:focus-visible,[data-home-motion-settled="true"]) .home-action-symbol { animation: none; }
.home-actions[data-home-motion-paused="true"] .home-action,
.home-actions[data-home-motion-paused="true"] .home-action::after,
.home-actions[data-home-motion-paused="true"] .home-action-symbol,
.home-actions[data-home-motion-paused="true"] .home-action-arrow .icon { animation-play-state: paused; }
@keyframes home-action-arrive {
 0% { opacity: 0; translate: var(--home-enter-x) var(--home-enter-y); scale: .93; rotate: 1 0 0 8deg; }
 68% { opacity: 1; translate: 0 -7px; scale: 1; rotate: 1 0 0 0deg; }
 100% { opacity: 1; translate: 0 0; scale: 1; rotate: 1 0 0 0deg; }
}
@keyframes home-action-sheen {
 0% { transform: translateX(-65%); opacity: 0; }
 22% { opacity: .9; }
 80% { opacity: .8; }
 100% { transform: translateX(65%); opacity: 0; }
}
@keyframes home-action-icon {
 0%,100% { translate: 0 0; }
 38% { translate: 0 -8px; }
 70% { translate: 0 2px; }
}
@keyframes home-action-arrow {
 0%,100% { transform: translateX(0); opacity: 1; }
 42% { transform: translateX(17px); opacity: 0; }
 43% { transform: translateX(-17px); opacity: 0; }
}
@media (hover: hover) and (pointer: fine) {
 .home-actions .home-action:hover { transform: perspective(1000px) translateY(-12px) rotateX(var(--home-tilt-x,0deg)) rotateY(var(--home-tilt-y,0deg)) scale(1.012); }
}
@media (hover: none) {
 .home-actions .home-action:active { transform: scale(.985); }
}
@media (max-width: 1100px) and (min-width: 761px) {
 .home-actions .explore-grid { gap: 17px; }
 .home-actions .home-action { padding: 27px 23px 22px; min-height: 350px; }
 .home-actions .home-action-top { align-items: start; flex-direction: column; gap: 12px; margin-bottom: 25px; }
 .home-actions .home-action h3 { font-size: calc((32px) * var(--site-type-scale, 1)); }
}
@media (max-width: 760px) {
 .home-actions[data-home-actions] { padding: 35px 0 42px; }
 .home-actions .explore-grid { grid-template-columns: 1fr; gap: 18px; }
 .home-actions .home-action { min-height: 0; padding: 25px 26px 22px; border-radius: 18px; }
 .home-actions .home-action-top { margin-bottom: 24px; gap: 14px; }
 .home-actions .home-action-symbol { width: 48px; height: 48px; border-radius: 14px; }
 .home-actions .home-action-symbol .icon { width: 25px; height: 25px; }
 .home-actions .home-action-kicker { font-size: calc((11px) * var(--site-type-scale, 1)); max-width: none; }
 .home-actions .home-action h3 { font-size: calc((34px) * var(--site-type-scale, 1)); }
 .home-actions .home-action p { max-width: 100%; font-size: calc((15px) * var(--site-type-scale, 1)); }
 .home-actions .home-action-copy { padding-bottom: 24px; }
 .home-actions .home-action-bottom { font-size: calc((14px) * var(--site-type-scale, 1)); padding-top: 15px; }
 .home-actions .home-action-art { right: -16px; top: 18px; }
 .home-actions .home-action-art .icon { width: 175px; height: 175px; }
}
@media (prefers-reduced-motion: reduce) {
 .home-actions .home-action, .home-actions .home-action *, .home-actions .home-action::before, .home-actions .home-action::after { animation: none !important; transition: none !important; translate: none !important; rotate: none !important; scale: none !important; transform: none !important; }
 .home-actions .home-action { opacity: 1 !important; }
 .home-actions .home-action::after { opacity: 0; }
}
@media print {
 .home-actions .home-action, .home-actions .home-action *, .home-actions .home-action::after { animation: none !important; translate: none !important; scale: none !important; rotate: none !important; transform: none !important; }
 .home-actions .home-action { background: white; color: black; box-shadow: none; border-color: #777; break-inside: avoid; }
 .home-actions .home-action p, .home-actions .home-action-bottom, .home-actions .home-action-kicker { color: black; }
 .home-actions .home-action-art { display: none; }
}