/* Black, ivory and polished gold, drawn from the supplied devotional portrait. */
#home{--gold:#eec348;--gold2:#fff1b4;--frame-gold:#e9bd4a;background:radial-gradient(ellipse at 30% 4%,#bc8b161a,transparent 48%),#090909;padding-bottom:22px}
#home .hero{display:grid;grid-template-columns:1fr;align-items:center;gap:0;margin:12px 12px 0;padding:12px;background:#080808;border:1px solid #e7c354;border-radius:25px;outline:1px solid #7e6226;outline-offset:4px;box-shadow:0 10px 45px #0008,0 0 28px #d9ab2520;overflow:hidden;min-height:0}
#home .hero>img{position:relative;display:block;inset:auto;width:100%;height:auto;min-height:0;max-height:460px;max-height:55svh;object-fit:contain;object-position:center;filter:none;border-radius:18px;background:#080808}
#home .hero:after{display:none}
#home .hero-copy{position:relative;inset:auto;padding:24px 10px 12px;display:flex;flex-direction:column;justify-content:center;background:none;border:0;text-align:center;min-width:0}
#home .hero .eyebrow{font:600 14px/1.6 'Cormorant Garamond',Georgia,serif;letter-spacing:.14em;color:#eccc73;text-transform:uppercase}
#home .hero h1{font:500 clamp(36px,9.5vw,48px)/1.08 'Cormorant Garamond',Georgia,serif;color:#fff5d5;letter-spacing:-.025em;margin:14px 0;text-wrap:balance;max-width:100%;text-shadow:0 2px 24px #f0c34718}
#home .hero p{font:400 20px/1.5 'Cormorant Garamond',Georgia,serif;color:#e6e0d2;margin:0 0 20px}
#home .primary,#home .pray-btn.on{background:linear-gradient(115deg,#916317 0%,#e9bc48 18%,#fff1ae 42%,#e0ad30 68%,#f7db7b 88%,#b0801e 100%);color:#171105;border:1px solid #fff1af;border-radius:15px;box-shadow:inset 0 1px 0 #fff8dc,0 4px 17px #c08c1730;text-shadow:none;min-height:54px}
#home .quick{padding:18px 12px 14px;gap:12px}
#home .quick button{background:linear-gradient(145deg,#191816,#070707);border:1px solid #d0a436;outline:1px solid #d7b04e45;outline-offset:-5px;border-radius:18px;box-shadow:inset 0 1px 0 #fff0b025,0 6px 17px #0005;padding:18px 16px;min-height:110px}
#home .quick strong{font:600 21px/1.25 'Cormorant Garamond',Georgia,serif;color:#f8df95}
#home .quick .sacred-icon{border:1px solid #eac04c;background:linear-gradient(130deg,#ffe9a611,#b182160d);color:#f6d267;box-shadow:0 0 15px #d6a42615;width:38px;height:38px;font-size:27px}
#home .stats{background:linear-gradient(100deg,#191712,#090909 45%,#17150f);border:1px solid #dfb548;outline-color:#b68e364f;box-shadow:0 0 0 3px #dfb54815,inset 0 0 22px #d7a82808;padding:18px 22px}
#home .stats b{color:#f9d977;font-size:48px}#home .stats [data-i]{color:#eee2bf}
#home .section-head h2{font-family:'Cormorant Garamond',Georgia,serif;color:#f5d47e;font-weight:600;font-size:34px}#home .section-head p{color:#d1c7af}#home .text-link{color:#edcb72;font-size:17px}
#home .today-card{border:2px solid #e4b841;border-radius:20px;outline-color:#f3ce795e;box-shadow:0 0 0 3px #8d661b40,0 10px 25px #0005;background:#0c0b09}
#home .today-copy{background:linear-gradient(135deg,#1d1911,#090909);border-top:1px solid #deb644;padding:22px}#home .today-copy h3{color:#fff0bc;font-family:'Cormorant Garamond',Georgia,serif;font-size:34px}
#home .saint-message p{color:#f6ecce}#home .saint-message .eyebrow{color:#eccc73}
#homeFeed .prayer{border:1px solid #d9af45;outline-color:#dfba5645;background:linear-gradient(130deg,#1d1912,#0b0b0a);box-shadow:0 0 0 3px #b48b2415,0 6px 20px #0004;border-radius:20px}
#homeFeed .meta strong{color:#f4d47a}#homeFeed .prayer>p{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;color:#f7f0e2}#homeFeed .pray-btn{border:1px solid #c49b36;background:linear-gradient(110deg,#f6d77f,#d4a23a);color:#161005;border-radius:13px}
#home button:hover{border-color:#fff0a4}#home button:focus-visible{outline:3px solid #fff1aa;outline-offset:3px}
@media(min-width:760px){#home .hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:16px;gap:20px;margin:20px 18px 0}#home .hero>img{height:540px;max-height:none;width:100%;border-radius:22px;object-fit:contain}#home .hero-copy{text-align:left;padding:24px 22px 24px 8px}#home .hero h1{font-size:clamp(44px,4.8vw,70px);line-height:1.04;margin:20px 0}#home .hero p{font-size:24px;max-width:410px;margin-bottom:28px}#home .hero .eyebrow{font-size:15px}#home .hero .primary{align-self:flex-start;min-width:240px;padding:14px 26px}#home .quick{padding:20px 18px 16px}#home .quick button{min-height:120px}}
@media(max-width:380px){#home .hero{padding:8px}#home .hero-copy{padding:19px 10px 10px}#home .hero h1{font-size:36px}#home .hero p{font-size:19px}#home .quick strong{font-size:19px}#home .stats b{font-size:42px}}

/* The stained-glass image fills one continuous introductory surface. */
#home .hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;margin:0;border:0;border-bottom:2px solid #dcb84d;border-radius:0;outline:none;box-shadow:0 12px 35px #0008;overflow:hidden;background:#080808;min-height:0}
#home .hero>img{position:absolute;z-index:-2;inset:0;width:100%;height:540px;max-height:none;min-height:0;object-fit:cover;object-position:68% top;border:0;border-radius:0;background:none}
#home .hero:after{content:'';display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 0,transparent 300px,#08080866 380px,#080808f5 530px,#080808 100%)}
#home .hero-copy{position:relative;z-index:1;inset:auto;width:100%;max-width:none;margin:385px 0 0;padding:24px 24px 32px;background:transparent;text-align:center;border:0}
#home .hero h1{font-size:clamp(36px,9.5vw,48px);margin:12px 0;color:#fff5d5;text-shadow:0 2px 12px #000}
#home .hero p{color:#fff1d5;text-shadow:0 1px 8px #000}#home .hero .eyebrow{color:#ffe6a3;text-shadow:0 1px 8px #000}#home .hero .primary{align-self:stretch}
@media(min-width:760px){#home .hero{min-height:650px;justify-content:center;margin:0;padding:0}#home .hero>img{height:100%;object-position:center center}#home .hero:after{background:linear-gradient(90deg,#070707ed 0%,#080808ad 26%,#08080824 47%,transparent 66%),linear-gradient(0deg,#0808088c,transparent 25%)}#home .hero-copy{width:43%;margin:0;padding:50px 18px 50px 36px;text-align:left}#home .hero h1{font-size:clamp(43px,4.5vw,65px);line-height:1.06}#home .hero p{font-size:22px;margin-bottom:24px}#home .hero .eyebrow{font-size:14px}#home .hero .primary{align-self:flex-start;min-width:0;width:100%;max-width:300px;padding:14px 16px}}
@media(min-width:1100px){#home .hero{min-height:720px}#home .hero-copy{padding-left:45px}}
@media(max-width:360px){#home .hero>img{height:490px}#home .hero-copy{margin-top:350px;padding:20px 20px 28px}#home .hero:after{background:linear-gradient(180deg,transparent 250px,#08080899 380px,#080808 490px)}#home .hero h1{font-size:35px}}

/* Ruby glass outline for the homepage candle action. */
#home .hero .primary[data-modal="candle"]{border:3px solid #ac1727;box-shadow:inset 0 1px 0 #fff8dc,0 0 0 1px #e34b3f,0 0 18px #a70e244d,0 4px 17px #c08c1730}

/* Soft translucent yellow for prayer and chapel shortcuts. */
#home .quick button[data-modal="prayer"],#home .quick button[data-go="chapel"]{background:linear-gradient(145deg,rgba(255,224,132,.22),rgba(255,214,104,.10))}

#home .quick button[data-go="chapel"]{border:3px solid #edc466;outline:1px solid #ffe4a17a;outline-offset:-7px;box-shadow:inset 0 1px 0 #fff0b040,0 0 16px #dfb44a30,0 6px 17px #0005}

/* Matching lavender action for the prayer wall. */
#home .hero .primary.prayer-wall-cta{margin-top:12px;border:3px solid #b28bd6;background:linear-gradient(120deg,#eee1fc,#c9ace7);color:#291637;box-shadow:inset 0 1px 0 #fff7ff,0 0 0 1px #dfc7f2,0 0 18px #b78bda4d,0 4px 17px #9070b330}
#home .hero .primary.prayer-wall-cta:hover{background:linear-gradient(120deg,#f6edff,#dbc1f2)}
#home .hero .primary.prayer-wall-cta:focus-visible{outline:3px solid #f6eaff;outline-offset:4px}

/* Full-width prayer wall precedes the saint inspiration. */
#home .home-grid{display:flex;flex-direction:column;gap:8px}
#home .home-grid>.section{width:100%;min-width:0}
#homeFeed{display:grid;grid-template-columns:1fr;grid-template-rows:none;align-items:stretch}
@media(min-width:760px){#homeFeed{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none}}
nav.bottom .nav-btn[data-go="profile"]{color:#ffdb83;font-weight:700;animation:profile-gold-glow 2.8s ease-in-out infinite}
nav.bottom .nav-btn[data-go="profile"] i{color:inherit}
@keyframes profile-gold-glow{0%,100%{color:#e8bb62;text-shadow:0 0 3px #edb94c33}50%{color:#fff0ba;text-shadow:0 0 12px #ffd16ecc,0 0 22px #e9b44466}}
@media(prefers-reduced-motion:reduce){nav.bottom .nav-btn[data-go="profile"]{animation:none;color:#ffdb83}}

#home .stats>span{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:4px;flex:1}
#home .stats>span>b{display:block;margin:0}
#home .stats>span:last-child{font-size:0}
#home .stats>span:last-child>span{font-size:1.25rem}
@media(max-width:759px){#home .candle-cta-icon{display:none}#home .hero .primary[data-modal="candle"]{background:linear-gradient(110deg,#ffe99c,#f6cb60,#ffe5a0);background-size:200% 100%;animation:candle-button-glow 3.4s ease-in-out infinite}}
@keyframes candle-button-glow{0%,100%{background-position:0% 50%;box-shadow:inset 0 0 12px #fff3bc,0 0 12px #ffc94c66,0 0 24px #f69a2522}50%{background-position:100% 50%;box-shadow:inset 0 0 18px #fff7d8,0 0 23px #ffc94ca0,0 0 38px #f69a2544}}
@media(prefers-reduced-motion:reduce){#home .hero .primary[data-modal="candle"]{animation:none}}