/* Rivers District homepage ("Cinematic"). Loaded only on the front page. */
body.aog-front{margin:0;background:#fff;color:var(--aog-black);font-family:var(--aog-sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.aog-front *{box-sizing:border-box}
.aog-front img{max-width:100%;display:block}
.aog-front a{color:inherit;text-decoration:none}
.aog-front p{margin:0}
.aog-front h1,.aog-front h2,.aog-front h3{margin:0;font-family:var(--aog-display);font-weight:800;font-variation-settings:"wdth" 72;text-transform:uppercase;line-height:.92;letter-spacing:-.005em;text-wrap:balance;color:inherit}
.aog-front main > section{padding-block:clamp(4.5rem,9vw,8rem)}
.f-kicker{display:inline-block;font-family:var(--aog-display);font-variation-settings:"wdth" 100;font-weight:700;font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:var(--aog-gold-dk)}
.f-ctas{display:flex;gap:.9rem;flex-wrap:wrap}
.f-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.2rem;margin-bottom:2.2rem}
.f-head h2{font-size:clamp(2.6rem,6vw,5rem);margin-top:.8rem}
.f-head__link{font-weight:700;font-size:.95rem;border-bottom:2px solid var(--aog-gold);padding-bottom:2px}
.f-head__link:hover{color:var(--aog-gold-dk)}

/* hero */
.aog-front main > .f-hero{position:relative;min-height:clamp(600px,86vh,880px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--aog-black);padding:0}
.f-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.f-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,6,.62) 0%,rgba(10,8,6,.38) 30%,rgba(10,8,6,.45) 60%,rgba(10,8,6,.9) 100%)}
.f-hero__content{position:relative;z-index:2;width:100%;padding-block:clamp(8.5rem,14vw,11rem) clamp(3rem,6vw,5rem)}
.f-hero .f-kicker{color:var(--aog-gold);text-shadow:0 1px 10px rgba(0,0,0,.75)}
.f-hero h1{font-size:clamp(3.2rem,8.4vw,7.6rem);margin-top:1rem;max-width:12em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.f-hero h1 span{color:var(--aog-gold)}
.f-hero__row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:2rem}
.f-hero__lead{font-size:1.15rem;max-width:30em;color:rgba(255,255,255,.9);text-shadow:0 2px 18px rgba(0,0,0,.35)}

/* statement */
.f-statement__grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.f-statement__grid > img{width:clamp(70px,9vw,110px);height:auto}
.f-statement__text{margin-top:1rem!important;font-family:var(--aog-display);font-variation-settings:"wdth" 100;font-weight:500;font-size:clamp(1.6rem,3.2vw,2.7rem);line-height:1.22;letter-spacing:-.01em;max-width:24em}
.f-statement__text em{font-style:normal;color:var(--aog-gold-dk)}
.f-statement__more{margin-top:1.8rem!important;display:flex;flex-wrap:wrap;gap:.6rem 1.8rem;font-weight:700}
.f-statement__more a{border-bottom:2px solid var(--aog-gold);padding-bottom:2px}
.f-statement__more a:hover{color:var(--aog-gold-dk)}
@media(max-width:600px){.f-statement__grid{grid-template-columns:1fr}}

/* ministries rail */
.aog-front main > .f-ministries{padding-top:0}
.f-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,31%);gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:var(--aog-black) var(--aog-rule)}
.f-tile{position:relative;aspect-ratio:3/4;overflow:hidden;scroll-snap-align:start;color:#fff;isolation:isolate}
.f-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s ease}
.f-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,8,6,.86));z-index:-1}
.f-tile:hover img{transform:scale(1.06)}
.f-tile__n{position:absolute;top:1.1rem;left:1.2rem;font-family:var(--aog-display);font-variation-settings:"wdth" 100;font-weight:700;font-size:.78rem;letter-spacing:.2em;color:var(--aog-gold)}
.f-tile__t{position:absolute;left:1.3rem;right:1.3rem;bottom:1.4rem}
.f-tile h3{font-size:2.2rem}
.f-tile p{font-size:.92rem;color:rgba(255,255,255,.86);margin-top:.5rem!important;line-height:1.45}
@media(max-width:700px){.f-rail{grid-auto-columns:78%}}

/* superintendent band */
.aog-front main > .f-band{position:relative;color:#fff;overflow:hidden;background:var(--aog-black)}
.f-band__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.35) brightness(.36)}
.f-band__grid{position:relative;display:grid;grid-template-columns:auto 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.f-band__face{width:clamp(150px,18vw,230px);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 6px var(--aog-gold)}
.f-band__face img{width:100%;height:100%;object-fit:cover;object-position:100% 0;transform:scale(1.9);transform-origin:84% 12%}
.f-band .f-kicker{color:var(--aog-gold)}
.f-band blockquote{margin:1rem 0 0;padding:0;border:0;font-family:var(--aog-display);font-variation-settings:"wdth" 75;font-weight:800;text-transform:uppercase;font-size:clamp(2rem,4.6vw,3.9rem);line-height:.98;color:#fff;quotes:none}
.f-band blockquote span{color:var(--aog-gold)}
.f-band__who{margin-top:1.6rem!important;font-size:1rem;color:rgba(255,255,255,.85)}
.f-band__who b{color:#fff;font-weight:700}
.f-band__link{display:inline-block;margin-top:1.2rem;font-weight:700;color:#fff;border-bottom:2px solid var(--aog-gold);padding-bottom:2px}
.f-band__link:hover{color:var(--aog-gold)}
@media(max-width:760px){.f-band__grid{grid-template-columns:1fr}}

/* events */
.f-ev-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,3vw,2.4rem)}
.f-ev__ph{position:relative;aspect-ratio:16/10;overflow:hidden}
.f-ev__ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.f-ev:hover .f-ev__ph img{transform:scale(1.04)}
.f-ev__badge{position:absolute;left:0;bottom:0;background:var(--aog-gold);color:var(--aog-black);padding:.8rem 1.1rem;font-family:var(--aog-display);font-variation-settings:"wdth" 80;font-weight:800;text-transform:uppercase;line-height:1}
.f-ev__badge b{display:block;font-size:1.9rem}
.f-ev__badge span{display:block;font-size:.72rem;letter-spacing:.18em;margin-top:.3rem}
.f-ev h3{font-size:clamp(2rem,3.4vw,2.8rem);margin-top:1.4rem}
.f-ev__theme{margin-top:.5rem!important;font-size:1.05rem;font-weight:600;color:var(--aog-gold-dk)}
.f-ev__d{margin-top:.6rem!important;color:var(--aog-ink-2);font-size:.95rem}
@media(max-width:760px){.f-ev-grid{grid-template-columns:1fr}}

/* sections */
.aog-front main > .f-find{background:var(--aog-off)}
.f-find h2{font-size:clamp(2.6rem,6vw,5rem);margin-top:.8rem}
.f-find__intro{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;align-items:flex-end;margin-bottom:2.6rem}
.f-find__intro p{max-width:28em;color:var(--aog-ink-2)}
.f-places{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--aog-black)}
.f-places a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 0;border-bottom:1px solid var(--aog-rule);font-family:var(--aog-display);font-variation-settings:"wdth" 80;font-weight:700;text-transform:uppercase;font-size:clamp(1.25rem,2.1vw,1.65rem);line-height:1.05;transition:color .2s}
.f-places a:nth-child(3n+2),.f-places a:nth-child(3n+3){padding-left:1.4rem;border-left:1px solid var(--aog-rule)}
.f-places a span{font-family:var(--aog-sans);font-size:1.1rem;color:var(--aog-muted);transition:transform .2s,color .2s;padding-right:.6rem}
.f-places a:hover{color:var(--aog-gold-dk)}
.f-places a:hover span{transform:translateX(4px);color:var(--aog-gold-dk)}
@media(max-width:860px){.f-places{grid-template-columns:1fr 1fr}.f-places a:nth-child(3n+2),.f-places a:nth-child(3n+3){padding-left:0;border-left:0}.f-places a:nth-child(2n){padding-left:1.2rem;border-left:1px solid var(--aog-rule)}}
@media(max-width:520px){.f-places{grid-template-columns:1fr}.f-places a:nth-child(2n){padding-left:0;border-left:0}}

/* visit */
.aog-front main > .f-visit{display:grid;grid-template-columns:1fr 1fr;padding:0}
.f-visit__info{background:var(--aog-black);color:#fff;padding:clamp(2.6rem,6vw,4.8rem) max(24px,6vw)}
.f-visit .f-kicker{color:var(--aog-gold)}
.f-visit h2{font-size:clamp(2.4rem,5vw,4.2rem);margin-top:.8rem}
.f-visit dl{margin:2rem 0 2.2rem;display:grid;gap:1.2rem}
.f-visit dt{font-family:var(--aog-display);font-variation-settings:"wdth" 100;font-weight:700;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--aog-gold)}
.f-visit dd{margin:.25rem 0 0;font-size:1.1rem;color:rgba(255,255,255,.92)}
.f-visit dd a:hover{color:var(--aog-gold)}
.f-visit__ph{position:relative;min-height:420px}
.f-visit__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:860px){.aog-front main > .f-visit{grid-template-columns:1fr}.f-visit__ph{min-height:300px}}

/* give */
.aog-front main > .f-give{padding-block:clamp(4rem,8vw,6.5rem)}
.f-give__row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem}
.f-give h2{font-size:clamp(2.4rem,5.4vw,4.4rem);max-width:12em;margin-top:.8rem}
.f-give p{margin-top:1rem!important;color:var(--aog-ink-2);max-width:30em}
@media (prefers-reduced-motion:reduce){.aog-front *{transition:none!important;scroll-behavior:auto!important}}