/* A complete view of church life, with readable copy beside the film. */
body .hero{display:grid!important;grid-template-columns:minmax(340px,.85fr) minmax(0,1.4fr);height:auto!important;min-height:0!important;padding:32px 3%!important;gap:32px;background:#21113e;align-items:center!important}
body .hero .hero-media{position:relative!important;inset:auto!important;grid-column:2;grid-row:1;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#140b28}
body .hero .hero-media :is(.video-background,.hero-poster-image){object-fit:contain!important;object-position:center!important;transform:none!important;animation:none!important;filter:none!important}
body .hero .hero-media .video-overlay{display:none!important}
body .hero .hero-content{grid-column:1;grid-row:1;width:100%;margin:0!important;padding:24px 0!important;max-width:580px!important;background:none!important;box-sizing:border-box}
body .hero .hero-title.brand-wordmark{font-size:clamp(34px,3.8vw,60px)!important;letter-spacing:-1.5px;white-space:normal!important}
body .hero .hero-subtitle{font-size:16px!important;line-height:1.7;margin:22px 0!important}
.hero-social-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;align-items:center}
.hero-social-links a{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#fff;border-bottom:1px solid #ffffff50;text-decoration:none;font:600 13px/1.4 Arial,sans-serif}
.hero-social-links svg{width:21px;height:21px;fill:currentColor;flex:none}
.hero-social-links a:hover{color:#eadff9;border-color:#eadff9}
.hero-social-links a:focus-visible{outline:3px solid #eadff9;outline-offset:5px}
@media(max-width:1100px){body .hero{display:flex!important;flex-direction:column!important;padding:0!important;gap:0}body .hero .hero-media{border-radius:0;aspect-ratio:16/9!important;order:0}body .hero .hero-content{order:1;max-width:none!important;padding:28px 24px 34px!important}body .hero .hero-title.brand-wordmark{font-size:clamp(34px,6.4vw,48px)!important}.hero-social-links{margin-top:20px}}

/* Let the invitation lead; keep the film as a quieter supporting glimpse. */
body .hero{grid-template-columns:minmax(340px,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);padding:44px max(5vw,calc((100% - 1320px)/2))!important}
body .hero .hero-media{max-width:640px;justify-self:end;border:1px solid #ffffff18;box-shadow:0 16px 40px #10071d33;box-sizing:border-box}
body .hero .hero-media :is(.video-background,.hero-poster-image){filter:brightness(.82) saturate(.78)!important}
body .hero .hero-media .video-overlay{display:block!important;background:linear-gradient(135deg,#21113e18,#21113e30)!important;pointer-events:none}
body .hero .hero-content{padding:16px 0!important}
@media(max-width:1100px){body .hero{padding:0 0 28px!important;gap:0}body .hero .hero-content{order:0;padding:30px 24px 22px!important}body .hero .hero-media{order:1;width:calc(100% - 48px);max-width:640px;margin:0 auto;border-radius:14px;flex:none}body .hero .hero-media :is(.video-background,.hero-poster-image){filter:brightness(.88) saturate(.82)!important}}

/* Restore the film behind the welcome, with a restrained readable overlay. */
body .hero{display:flex!important;min-height:600px!important;height:clamp(600px,42vw,740px)!important;padding:60px max(5vw,calc((100% - 1320px)/2))!important;box-sizing:border-box;text-align:left;justify-content:center!important;align-items:flex-start!important}
body .hero .hero-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;margin:0!important;border:0;border-radius:0;box-shadow:none;z-index:0}
body .hero .hero-media :is(.video-background,.hero-poster-image){object-fit:cover!important;object-position:center 45%!important;filter:brightness(.8) saturate(.8)!important}
body .hero .hero-media .video-overlay{background:linear-gradient(90deg,rgba(25,12,46,.93),rgba(25,12,46,.72) 43%,rgba(25,12,46,.2))!important}
body .hero .hero-content{position:relative;z-index:2;width:100%;max-width:620px!important;padding:0!important;margin:0!important}
@media(max-width:1100px){body .hero{min-height:570px!important;height:auto!important;padding:48px 24px 76px!important;justify-content:center!important}body .hero .hero-content{order:0;padding:0!important;max-width:620px!important}body .hero .hero-media{order:0}body .hero .hero-media .video-overlay{background:linear-gradient(90deg,rgba(25,12,46,.9),rgba(25,12,46,.68))!important}}