:root{--color-ink:#162b40;--color-navy:#06141d;--color-blue:#558dc8;--color-gold:#f2c94c;--color-bg:#fff;--color-bg-muted:#f2f2f2;--color-border:#e2e6ea;--color-text-muted:#5b6673;--max-width:1180px;font-family:Segoe UI,Helvetica Neue,Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--color-ink);background:var(--color-bg);line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.section{padding:64px 0}.section--muted{background:var(--color-bg-muted)}.section-eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--color-blue);margin-bottom:12px;font-size:12px;font-weight:700}.section-title{color:var(--color-navy);margin:0 0 24px;font-size:32px;font-weight:300}.btn{border:2px solid var(--color-navy);letter-spacing:1px;text-transform:uppercase;cursor:pointer;color:var(--color-navy);background:0 0;border-radius:30px;padding:12px 26px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:inline-block}.btn:hover{background:var(--color-navy);color:#fff}.btn--primary{background:var(--color-blue);border-color:var(--color-blue);color:#fff}.btn--primary:hover{background:#3f74ab;border-color:#3f74ab}.btn--ghost-white{color:#fff;border-color:#fff}.btn--ghost-white:hover{color:var(--color-navy);background:#fff}.site-header{z-index:100;border-bottom:1px solid var(--color-border);background:#fff;position:sticky;top:0}.site-header__bar{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:14px 20px;display:flex}.site-header__brand{letter-spacing:.5px;color:var(--color-navy);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.site-header__brand img{width:auto;height:40px}.main-nav{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.main-nav__item{position:relative}.main-nav__link,.main-nav__button{color:var(--color-ink);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:10px 14px;font-size:14px;font-weight:600;display:inline-flex}.main-nav__link:hover,.main-nav__button:hover,.main-nav__button[aria-expanded=true]{background:var(--color-bg-muted)}.main-nav__dropdown{border:1px solid var(--color-border);background:#fff;border-radius:10px;flex-direction:column;gap:2px;min-width:240px;padding:8px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 12px 28px #06141d1f}.main-nav__dropdown a{color:var(--color-ink);border-radius:6px;padding:10px 12px;font-size:14px}.main-nav__dropdown a:hover{background:var(--color-bg-muted)}.header-actions{align-items:center;gap:12px;display:flex}.lang-toggle{border:1px solid var(--color-navy);cursor:pointer;color:var(--color-navy);background:0 0;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700}.lang-toggle:hover{background:var(--color-navy);color:#fff}.nav-toggle{cursor:pointer;background:0 0;border:none;font-size:24px;display:none}@media (width<=900px){.main-nav{display:none}.main-nav.is-open{border-bottom:1px solid var(--color-border);background:#fff;flex-direction:column;align-items:stretch;padding:8px 16px 16px;display:flex;position:absolute;top:100%;left:0;right:0}.main-nav.is-open .main-nav__dropdown{box-shadow:none;border:none;padding-left:12px;position:static}.nav-toggle{display:block}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(32px)}.reveal--visible{opacity:1;transform:translateY(0)}.reveal--fade-only{transform:none}.reveal--left{transform:translate(-40px)}.reveal--left.reveal--visible{transform:translate(0)}.reveal--right{transform:translate(40px)}.reveal--right.reveal--visible{transform:translate(0)}.reveal--scale{transform:scale(.94)}.reveal--scale.reveal--visible{transform:scale(1)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.parallax{background-position:50%;background-size:cover;background-attachment:fixed}@media (pointer:coarse),(hover:none){.parallax{background-attachment:scroll}}.hero-banner{width:100%;height:auto;display:block}.hero{color:#fff;text-align:center;background:var(--color-navy);justify-content:center;align-items:center;display:flex;position:relative}.hero__content{z-index:1;max-width:760px;padding:40px 20px;animation:1.1s cubic-bezier(.22,1,.36,1) both hero-fade-in;position:relative}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero__content{animation:none}}.hero__title{letter-spacing:3px;text-transform:uppercase;margin:0 0 16px;font-size:46px;font-weight:200}.hero__tagline{margin:0 0 32px;font-size:18px;font-weight:300;line-height:1.8}.hero__ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.card-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=900px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.card-grid{grid-template-columns:1fr}}.card{border:1px solid var(--color-border);background:#fff;border-radius:10px;flex-direction:column;gap:10px;padding:24px 20px;transition:box-shadow .2s,transform .2s;display:flex}.card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #06141d14}.card h3{color:var(--color-navy);margin:0;font-size:18px}.card p{color:var(--color-text-muted);margin:0;font-size:14px}.card__link{color:var(--color-blue);text-transform:uppercase;letter-spacing:.5px;margin-top:auto;font-size:13px;font-weight:700}.photo-placeholder{color:#8a92a0;text-align:center;background:#ececec;border:1px dashed #b8bfc7;border-radius:10px;justify-content:center;align-items:center;min-height:180px;padding:12px;font-size:13px;font-weight:600;display:flex}.info-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=900px){.info-grid{grid-template-columns:1fr}}.info-block h3{color:var(--color-navy);margin:0 0 8px}.info-block p,.info-block ul{color:var(--color-text-muted);font-size:15px}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}@media (width<=800px){.two-col{grid-template-columns:1fr}}.prose p{color:var(--color-ink);margin:0 0 16px;font-size:15.5px;line-height:1.85}.prose h3,.prose h4{color:var(--color-navy)}.page-hero{background:var(--color-navy) url(/images/LightHouseOutside1.png) center / cover no-repeat;color:#fff;text-align:center;padding:72px 0;position:relative;overflow:hidden}.page-hero:before{content:"";background:linear-gradient(#06141db8,#06141dd1);position:absolute;inset:0}.page-hero>*{z-index:1;position:relative}.page-hero h1{letter-spacing:1px;margin:0;font-size:38px;font-weight:200}.badge{color:#8a6d1c;background:#fff3cf;border:1px solid #f2c94c;border-radius:6px;margin-bottom:16px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.timeline{max-width:720px;margin:0 auto;padding-left:32px;position:relative}.timeline:before{content:"";background:var(--color-border);width:2px;position:absolute;top:6px;bottom:6px;left:5px}.timeline-item{padding:0 0 32px 24px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";background:var(--color-blue);width:12px;height:12px;box-shadow:0 0 0 2px var(--color-blue);border:2px solid #fff;border-radius:50%;position:absolute;top:4px;left:-32px}.timeline-item .meta{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.timeline-item h4{color:var(--color-navy);margin:6px 0 8px}.timeline-item p{color:var(--color-text-muted);font-size:13.5px}.sermon-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=900px){.sermon-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.sermon-grid{grid-template-columns:1fr}}.sermon-card{border:1px solid var(--color-border);background:#fff;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.sermon-card img,.sermon-card .photo-placeholder{aspect-ratio:4/3;object-fit:cover;width:100%}.sermon-card__body{flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.sermon-card__date{color:var(--color-text-muted);font-size:12px;font-weight:600}.sermon-card__title{color:var(--color-navy);font-size:15px;font-weight:700}.sermon-card__link{color:var(--color-blue);text-transform:uppercase;margin-top:auto;font-size:12px;font-weight:700}.recent-sermon{grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;display:grid}@media (width<=800px){.recent-sermon{grid-template-columns:1fr}}.video-embed{background:#000;border-radius:10px;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.video-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.site-footer{background:var(--color-navy);color:#cfd8e0;margin-top:auto;padding:48px 0 24px}.site-footer__grid{grid-template-columns:2fr 1fr 1fr;gap:32px;display:grid}@media (width<=700px){.site-footer__grid{grid-template-columns:1fr}}.site-footer h4{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0 0 14px;font-size:14px}.site-footer a:hover{color:#fff}.site-footer ul{flex-direction:column;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.site-footer__bottom{color:#8fa0af;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:32px;padding-top:20px;font-size:13px;display:flex}.social-icons{gap:12px;display:flex}.social-icons a{border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.social-icons a:hover{color:var(--color-navy);background:#fff}.map-frame{border:0;border-radius:10px;width:100%;height:360px}.give-button{color:#444;cursor:not-allowed;text-transform:uppercase;letter-spacing:1px;background:#b8bfc7;border-radius:30px;padding:16px 32px;font-size:13px;font-weight:700;display:inline-block}.notice-box{border:1px solid var(--color-border);background:var(--color-bg-muted);color:var(--color-text-muted);border-radius:10px;padding:20px;font-size:14px}.admin-narrow{max-width:420px}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-header .section-title{margin:0}.admin-panel{border:1px solid var(--color-border);background:var(--color-bg-muted);border-radius:10px;margin:24px 0;padding:24px}.admin-panel h2{color:var(--color-navy);margin:0 0 8px;font-size:20px;font-weight:600}.admin-form{flex-direction:column;gap:16px;display:flex}.admin-form label{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.admin-form small{color:var(--color-text-muted);font-weight:400}.admin-form input,.admin-form textarea{font:inherit;border:1px solid var(--color-border);color:var(--color-ink);background:#fff;border-radius:6px;padding:10px 12px;font-weight:400}.admin-form input:focus,.admin-form textarea:focus{outline:2px solid var(--color-blue);outline-offset:1px}.admin-form button[type=submit]{align-self:flex-start}.admin-actions{flex-wrap:wrap;gap:12px;display:flex}.admin-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:6px;margin:16px 0;padding:10px 12px;font-size:14px}.admin-add{margin:24px 0}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px 10px}.admin-table th{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);font-size:12px}.admin-table a{color:var(--color-blue)}.admin-nowrap{white-space:nowrap}.admin-row-actions{justify-content:flex-end;gap:8px;display:flex}.btn--small{padding:6px 14px;font-size:11px}.btn--danger{color:#b42318;border-color:#b42318}.btn--danger:hover{color:#fff;background:#b42318}.btn:disabled{opacity:.6;cursor:default}