:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(#fffaf3 0%,#f6f2ea 100%)}.site-shell{min-height:100vh}.topbar{z-index:100;background:linear-gradient(#0c1c148c 0%,#0000 100%);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:.02em;color:#fff;font-size:1rem;font-weight:700}.topbar nav{gap:1rem;display:flex}.topbar a{color:#fff;font-weight:600;text-decoration:none}.topbar a:hover{text-decoration:underline}.hero{color:#fff;justify-content:center;align-items:stretch;height:100svh;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero__image{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;top:0;left:0}.hero__overlay{background:linear-gradient(#0a181059 0%,#0a181033 45%,#0a18108c 100%);position:absolute;inset:0}.hero__content{z-index:1;text-align:center;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:900px;height:100%;min-height:100%;padding:6.5rem 1.5rem 2.5rem;display:flex;position:relative}.hero__headline{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.hero__title{letter-spacing:.02em;color:#fff;text-shadow:0 2px 18px #00000059;margin:0;font-family:Kranky,cursive;font-size:clamp(2.75rem,8vw,5.5rem);font-weight:400;line-height:1.05}.hero__church{color:#f4d35e;text-shadow:0 1px 10px #00000059;margin:1rem 0 0;font-family:inherit;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:400;line-height:1.45}.hero__mission{color:#fff;text-shadow:0 1px 10px #00000059;max-width:36rem;margin:0;padding-bottom:.5rem;font-family:inherit;font-size:clamp(.95rem,1.8vw,1.15rem);font-weight:400;line-height:1.55}.coming-up{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:760px;height:100svh;max-height:100svh;margin:0 auto;padding:1.25rem 1.5rem;display:flex;overflow:hidden}.coming-up__heading{flex-shrink:0;margin:0 0 .75rem}.coming-up__image-wrap{flex:auto;justify-content:center;align-items:center;width:100%;min-height:50svh;display:flex}.coming-up__image{object-fit:contain;object-position:center;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 7rem);margin:0;display:block}.home-content{text-align:center;max-width:760px;margin:0 auto;padding:2.5rem 1.5rem 3rem}.section-heading{color:#183126;margin:2.5rem 0 1rem;font-family:Kranky,cursive;font-size:clamp(2rem,6vw,3rem);font-weight:400;line-height:1.15}.home-content>.section-heading:first-child{margin-top:0}.home-content__text{color:#4b5f56;margin:0 0 1.25rem;font-size:1.05rem;line-height:1.6}.home-content__text a{color:#2d6a4f;font-weight:600}.home-content__text a:hover{text-decoration:underline}.content-image{border-radius:4px;width:100%;max-width:100%;margin:0 auto 1.5rem;display:block}@media (orientation:portrait){.content-image{aspect-ratio:1;object-fit:cover;object-position:center}}.section-subheading{color:#183126;margin:0 0 1.25rem;font-family:Kranky,cursive;font-size:clamp(1.25rem,3.5vw,1.6rem);font-weight:400;line-height:1.25}.values__intro{color:#4b5f56;max-width:48rem;margin:0 auto 2rem;font-size:1.05rem;line-height:1.6}.value-row{text-align:left;grid-template-columns:96px 1fr;align-items:start;gap:1.25rem;margin-bottom:2rem;display:grid}.value-row:last-child{margin-bottom:0}.value-row__icon{object-fit:contain;object-position:center;border-radius:12px;width:96px;height:96px}.value-row__title{color:#183126;margin:0 0 .5rem;font-family:Kranky,cursive;font-size:clamp(1.1rem,3.2vw,1.4rem);font-weight:400;line-height:1.1}.value-row__lead{color:#4b5f56;margin:0 0 .5rem;font-size:1.05rem;line-height:1.6}.value-row__detail{color:#4b5f56;text-align:left;grid-column:1/-1;margin:0;font-size:1.02rem;line-height:1.6}.value-row__detail em{font-style:italic}@media (width<=520px){.value-row{grid-template-columns:72px 1fr;gap:1rem}.value-row__icon{border-radius:10px;width:72px;height:72px}}.panel{border-top:1px solid #e8e3db;max-width:760px;margin:0 auto;padding:2rem 1.5rem 3rem}.panel .section-heading{margin-top:0}