/* Reference proportions: 400 × 800 shortcuts, 100 gap, 800 × 800 sermon. */
.homepage .welcome{
 min-height:100vh;min-height:100svh;box-sizing:border-box;
 display:flex;align-items:center;justify-content:center;padding:40px 0;
 background:linear-gradient(100deg,#43b0c4 0%,#7196ed 43%,#a18bed 100%);
}
.homepage .welcome .feature-grid{
 width:min(1300px,calc(100% - 48px),calc((100svh - 80px)*1.625));
 margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);
 column-gap:7.6923077%;row-gap:0;align-items:stretch;
}
.homepage .welcome .quick-panel,.homepage .welcome .sermon-panel{
 min-width:0;min-height:0;margin:0;border:0;border-radius:24px;
 box-shadow:0 1px 10px #314d8566;overflow:hidden;container-type:inline-size;
}
.homepage .welcome .quick-panel{aspect-ratio:1/2;padding:2%;background:#f1f1f1}
.homepage .welcome .quick-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));height:100%;gap:8px;
 border-radius:18px;overflow:hidden;
}
.homepage .welcome .quick-grid a,.homepage .welcome .quick-grid a:nth-child(n){
 display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;
 padding:0 4px;border:0;border-radius:0;position:relative;
 background-position:center!important;background-size:cover!important;
 color:white;text-align:center;letter-spacing:-.7px;line-height:1.2;
}
.homepage .welcome .quick-grid .tile-intro{background-image:url('images/original-cards/tile-intro.svg')}
.homepage .welcome .quick-grid .tile-worship{background-image:url('images/original-cards/tile-worship.svg')}
.homepage .welcome .quick-grid .tile-school{background-image:url('images/original-cards/tile-school.svg')}
.homepage .welcome .quick-grid .tile-love{background-image:url('images/original-cards/tile-love.svg')}
.homepage .welcome .quick-grid .tile-news{background-image:url('images/photos/p1.jpg')}
.homepage .welcome .quick-grid .tile-news{background-image:linear-gradient(#0005,#0005),url('images/photos/p1.jpg')}
.homepage .welcome .quick-grid .tile-praise{background-image:url('images/original-cards/tile-praise.svg')}
.homepage .welcome .quick-grid .tile-choir{background-image:url('images/original-cards/tile-choir.svg')}
.homepage .welcome .quick-grid .tile-youtube{background-image:url('images/original-cards/tile-youtube.svg')}
.homepage .welcome .quick-grid a::before,.homepage .welcome .quick-grid a::after{display:none}
.homepage .welcome .quick-grid a>span{position:relative;text-shadow:0 1px 3px #0009;display:block}
.homepage .welcome .quick-grid b{display:block;font-family:YesonSquare,var(--sans);font-weight:800;font-size:6.25cqw;line-height:1.3;white-space:nowrap}
.homepage .welcome .quick-grid small{display:block;font-family:Arial,var(--sans);font-size:4.5cqw;font-weight:400;line-height:1.4;letter-spacing:-.4px;margin-top:3px;white-space:nowrap}
.homepage .welcome .quick-grid a:hover{filter:brightness(1.12)}
.homepage .welcome .quick-grid a:focus-visible{outline:3px solid #fff;outline-offset:-4px}
.homepage .welcome .sermon-panel{aspect-ratio:auto;background:#d7dfe9;display:grid;grid-template-rows:21.25% 53.75% 25%;padding:0;gap:0}
.homepage .welcome .sermon-title{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:4px;flex:initial}
.homepage .welcome .sermon-title .section-kicker{font-family:Arial,var(--sans);font-size:2cqw;font-weight:700;line-height:1.25;letter-spacing:0;color:#080a0c}
.homepage .welcome .sermon-title h2{font-family:YesonSquare,var(--sans);font-size:4.25cqw;font-weight:800;line-height:1.25;letter-spacing:-1.3px;margin:0;color:#050607}
.homepage .welcome .sermon-art{position:relative;display:grid;place-items:center;min-height:0;width:100%;height:100%;flex:initial;border-radius:0;background:url('images/original-cards/sermon-background.svg') center/cover}
.homepage .welcome .sermon-art::after{display:none}
.homepage .welcome .sermon-art .play{width:8cqw;height:8cqw;padding:0;border:0;border-radius:0;background:none;display:block;line-height:0;color:#ffffffe6}
.homepage .welcome .play svg{display:block;width:100%;height:100%}
.homepage .welcome .sermon-art:hover .play{color:white;transform:scale(1.05)}
.homepage .welcome .sermon-meta{min-width:0;min-height:0;flex:initial;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3cqw;margin:0;padding:4.75cqw 5.625cqw 7cqw 9.375cqw;text-align:left}
.homepage .welcome .sermon-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;min-width:0;gap:12px}
.homepage .welcome .sermon-copy h3{margin:0;color:#080a0c;font-family:YesonSquare,var(--sans);font-size:4cqw;font-weight:800;line-height:1.3;letter-spacing:-1px}
.homepage .welcome .sermon-copy p{margin:0;font-size:2cqw;font-weight:500;line-height:1.4;letter-spacing:-.5px;color:#15191c}
.homepage .welcome .pill{display:flex;align-items:center;justify-content:center;flex:none;max-width:none;width:29.375cqw;height:7.5cqw;margin:0;padding:0 2cqw;background:#4977d5;border-radius:999px;color:white;font-family:YesonSquare,var(--sans);font-size:2.75cqw;font-weight:800;line-height:1.3;letter-spacing:-.8px;white-space:nowrap}
.homepage .welcome .pill:hover{background:#3765c4}
@media(max-width:980px){
 .homepage .welcome{padding:28px 0}
 .homepage .welcome .feature-grid{width:calc(100% - 40px);column-gap:4%;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
 .homepage .welcome .quick-panel,.homepage .welcome .sermon-panel{border-radius:16px}
 .homepage .welcome .quick-grid{gap:5px;border-radius:11px}
}
@media(max-width:600px){
 .homepage .welcome{min-height:100svh;padding:24px 0}
 .homepage .welcome .feature-grid{width:calc(100% - 28px);max-width:440px;grid-template-columns:1fr;gap:22px}
 .homepage .welcome .quick-panel{aspect-ratio:1/1.08;padding:7px}
 .homepage .welcome .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:5px}
 .homepage .welcome .quick-grid b{font-size:5.5cqw}
 .homepage .welcome .quick-grid small{font-size:3.5cqw;margin-top:1px}
 .homepage .welcome .sermon-panel{aspect-ratio:1}
 .homepage .welcome .sermon-copy h3{font-size:4.3cqw}
 .homepage .welcome .sermon-copy p{font-size:2.7cqw}
 .homepage .welcome .sermon-title h2{font-size:5cqw}
 .homepage .welcome .sermon-title .section-kicker{font-size:2.8cqw}
 .homepage .welcome .pill{font-size:3cqw;height:9cqw;width:31cqw}
}