/* A continuous watercolor scene depicting a panikhida memorial service. */
.rites-hero .s-hero-grid{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(490px,46vw,720px);padding:40px 0 80px;margin-bottom:35px;box-sizing:border-box}
.rites-hero .s-hero-grid::before{content:"";position:absolute;z-index:-1;inset:-20px calc((100% - 100vw)/2) 0;background:url('/assets/rites-panikhida-palette.webp') center center/cover no-repeat;mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 88%,transparent)}
.rites-hero-copy{width:36%;max-width:480px;padding:0 0 28px}
.rites-hero .s-hero-grid p{font-size:clamp(16px,1.4vw,20px);line-height:1.75;text-wrap:pretty}
.rites-hero h1{font-size:clamp(60px,6.2vw,94px)}
@media(min-width:1700px){.rites-hero .s-hero-grid::before{background-size:100% auto}}
@media(max-width:950px) and (min-width:651px){.rites-hero .s-hero-grid{min-height:470px}.rites-hero .s-hero-grid::before{background-size:auto 100%;background-position:58% center}.rites-hero-copy{width:37%}.rites-hero h1{font-size:60px}.rites-hero .s-button{font-size:14px;padding:13px 18px;gap:15px}}
@media(max-width:650px){
 .rites-hero .s-hero-grid{display:flex;align-items:flex-end;min-height:570px;padding:200px 0 32px;margin-bottom:0}
 .rites-hero-copy{width:100%;max-width:440px;padding:0}
 .rites-hero h1{font-size:62px;margin:12px 0 18px}
 .rites-hero .s-hero-grid p{font-size:16px;line-height:1.7;max-width:360px}
 .rites-hero .s-hero-grid::before{inset:0 calc((100% - 100vw)/2);background-size:auto 100%;background-position:69% center;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 90%,transparent)}
 .rites-hero .s-hero-grid::after{content:"";position:absolute;z-index:-1;inset:0 calc((100% - 100vw)/2);background:linear-gradient(to bottom,rgba(249,241,229,0) 20%,rgba(249,241,229,.35) 36%,rgba(249,241,229,.87) 54%,rgba(249,241,229,.96) 82%,#f9f1e5 100%)}
 .rites-hero .s-button{margin-top:8px}
}
@media(max-width:370px){.rites-hero h1{font-size:56px}.rites-hero .s-hero-grid{min-height:580px}}

/* Full-viewport watercolor branch, distinct from the homepage artwork. */
.rites-hero + .s-content{border-top:0;padding-top:0}
.rites-hero + .s-content::before{content:"";display:block;width:100vw;height:clamp(135px,18vw,270px);margin:0 calc((100% - 100vw)/2) 35px;background:url('/assets/rites-myrtle-divider.webp') center/100% auto no-repeat;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);pointer-events:none}
@media(max-width:650px){.rites-hero + .s-content::before{height:145px;margin-bottom:24px;background-size:auto 220px}.rites-hero + .s-content{padding-top:0}}

.rites-page .s-ending::before{background-image:url("/assets/rites-ending-watercolor.webp");mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}

/* Diluted watercolor washes retain the page palette without competing with copy. */
.rites-page .s-ending::before{opacity:.45;filter:saturate(.8)}