body{font-family:var(--font-sans);margin:0;background-color:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{font-family:var(--font-sans);color:var(--on-surface);font-size:1rem;line-height:1.7;margin-top:.5rem}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1}button{font-family:var(--font-sans)}a{text-decoration:none}.page{width:auto;flex-direction:column;display:flex;padding:clamp(2rem,5vw,8rem);padding-bottom:3rem;padding-top:130px}.page-title-wrapper{display:flex;align-items:flex-start;width:100%;flex-direction:column}.back-button{background:none;border:none;font-size:.9rem;cursor:pointer;margin-bottom:.75rem;padding:.4rem 1rem .4rem 0;color:var(--on-surface-variant);font-family:var(--font-sans);transition:color .3s ease}.back-button:hover{color:var(--primary)}.row{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}.label-subhead{display:block;font-family:var(--font-sans);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:.75rem}.page-title{font-family:var(--font-display);color:var(--on-surface);font-size:clamp(2rem,4vw,3.5rem);font-weight:500;letter-spacing:-.02em;line-height:1.15;margin-top:0;margin-bottom:1.5rem}.page-title-line{display:none}.hollow{background-color:transparent!important;color:#fff!important;border:2px solid #fff!important;border-radius:3rem}.hollow:hover{background-color:#fff!important;color:var(--on-surface)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .5s ease forwards}#root{margin:0;--primary: #667a5a;--primary-dim: #576b4c;--primary-container: #667a5a;--secondary: #8B7D6B;--secondary-container: #efddc8;--surface: #fff8f3;--surface-bright: #fff8f3;--surface-container-lowest: #ffffff;--surface-container-low: #faf4ed;--surface-container: #f4ede6;--surface-container-high: #ede5dc;--surface-container-highest: #e6ded5;--on-surface: #1e1b17;--on-surface-variant: #5c5750;--on-primary: #ffffff;--accent: #C4A77D;--accent-container: #f5ead9;--soft-blue: #C8D5DE;--soft-blue-container: #e4ecf1;--outline-variant: rgba(30, 27, 23, .12);--shadow-ambient: rgba(30, 27, 23, .04);--shadow-elevated: 0 16px 40px rgba(45, 42, 38, .04), 0 2px 8px rgba(45, 42, 38, .02);--font-serif: "Playfair Display", "Noto Serif SC", serif;--font-sans: "Plus Jakarta Sans", "Noto Sans SC", sans-serif;--font-display: "Playfair Display", "Noto Serif SC", serif;--font-elegant: "Noto Serif SC", serif;min-height:100vh;height:100%;overflow-x:hidden}.tabs{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;width:100%;position:fixed;z-index:1000;background-color:#fff8f3cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background-color .3s ease,box-shadow .3s ease}.tabs-title{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem}.tabs-title h2{margin:0;font-family:var(--font-display);font-size:clamp(.95rem,1.3vw,1.15rem);font-weight:500;color:var(--on-surface);letter-spacing:-.01em}.tab{padding:.4rem 8px;margin:0 6px;border:none;cursor:pointer;transition:color .3s ease;text-decoration:none;color:var(--on-surface-variant);font-family:var(--font-sans);font-weight:500;font-size:.82rem;letter-spacing:.04em;position:relative;display:inline-block}.tab:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:3px;border-radius:2px;background-color:var(--primary);transition:width .3s ease}.tab:hover{color:var(--on-surface)}.tab.active{color:var(--primary)}.tab.active:after{width:5px}.home-tab{margin-left:2rem}.lang-container{display:flex;justify-content:center;gap:8px;align-items:center;margin-right:2rem;margin-left:2rem}.lang-button{padding:.45rem 1.1rem;border-radius:3rem;cursor:pointer;border:1.5px solid var(--outline-variant);background-color:transparent;transition:all .3s ease;color:var(--on-surface);font-size:.78rem;font-family:var(--font-sans);font-weight:500}.lang-button:hover{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary)}.tabs-icon{width:40px;height:40px}@media (max-width: 855px){.tabs{padding:.6rem 0}.tabs-title{position:static;transform:translate(0)}}.hamburger-menu{position:relative;z-index:100000}.hamburger-icon{font-size:1.4rem;background:none;border:none;color:var(--on-surface);cursor:pointer;padding:.5rem 2rem;transform:translateY(-2px)}.drawer{position:fixed;top:0;left:-320px;height:100vh;width:280px;background-color:var(--surface);padding:2.5rem 1.75rem;box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;gap:.15rem;transition:left .35s cubic-bezier(.4,0,.2,1);z-index:100001}.drawer.open{left:0}.drawer a{color:var(--on-surface)!important;text-decoration:none;font-size:1rem;font-weight:500;border-radius:1rem;padding:.85rem 1.25rem;width:fit-content;transition:color .3s ease,background-color .3s ease;font-family:var(--font-sans)}.drawer a:hover{color:var(--primary)!important;background-color:var(--surface-container-low)}.drawer a.active{color:var(--primary)!important}.close-btn{align-self:flex-end;font-size:1.2rem;background:none;border:none;color:var(--on-surface-variant);cursor:pointer;margin-bottom:2rem;padding:.5rem;transition:color .3s ease}.close-btn:hover{color:var(--on-surface)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#1e1b1726;z-index:100000}.scrolled{color:var(--on-surface)}.home-page{padding:0;min-height:100vh}.hero{padding:100px clamp(1.5rem,4vw,5rem) clamp(1.5rem,4vw,5rem)}.hero-bento{display:grid;grid-template-columns:1.2fr 1fr;gap:1.25rem;max-width:1400px;margin:0 auto;min-height:calc(90vh - 100px)}.bento-main{background-color:var(--surface-container);border-radius:3rem;padding:clamp(2.5rem,4vw,4rem);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,4.5vw,3.75rem);font-weight:500;letter-spacing:-.02em;line-height:1.12;color:var(--on-surface);margin:.5rem 0 1.25rem}.hero-title-accent{color:var(--primary)}.hero-body{font-family:var(--font-sans);font-size:1.05rem;color:var(--on-surface-variant);margin:0 0 2rem;line-height:1.6}.hero-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;gap:.75rem;font-weight:600;padding:.9rem 2.25rem;font-size:.88rem;color:var(--on-primary);background:linear-gradient(135deg,var(--primary),var(--primary-dim));border-radius:3rem;text-decoration:none;transition:all .3s ease;width:fit-content;letter-spacing:.02em;font-family:var(--font-sans)}.cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.cta-icon{font-size:.8rem;transition:transform .3s ease}.cta-button:hover .cta-icon{transform:translate(4px)}.cta-button-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 2.25rem;font-size:.88rem;color:var(--primary);background:transparent;border:1.5px solid var(--primary);border-radius:3rem;text-decoration:none;font-weight:600;font-family:var(--font-sans);transition:all .3s ease;letter-spacing:.02em}.cta-button-secondary:hover{background-color:var(--primary);color:var(--on-primary)}.hero-cross-watermark{position:absolute;bottom:-1.5rem;right:2rem;font-size:14rem;color:var(--primary);opacity:.04;font-family:serif;line-height:1;pointer-events:none;user-select:none}.bento-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1.25rem}.bento-card{border-radius:2rem;overflow:hidden;position:relative}.bento-photo{background-color:var(--soft-blue-container)}.bento-photo img{width:100%;height:100%;object-fit:cover;display:block}.bento-time{background-color:var(--secondary-container);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center}.bento-time-large{font-family:var(--font-display);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:500;color:var(--on-surface);letter-spacing:-.02em;line-height:1}.bento-time-unit{font-family:var(--font-sans);font-size:1.1rem;font-weight:500;color:var(--on-surface-variant);margin-top:.15rem}.bento-time-label{font-family:var(--font-sans);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--on-surface-variant);margin-top:.75rem}.bento-map{background-color:var(--soft-blue-container)}.bento-map iframe{width:100%;height:100%;display:block}.bento-stat{background-color:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center}.bento-stat-number{font-family:var(--font-display);font-size:clamp(2.5rem,4vw,3rem);font-weight:500;color:var(--on-primary);line-height:1}.bento-stat-unit{font-family:var(--font-sans);font-size:1rem;font-weight:500;color:#ffffffd9;margin-top:.15rem}.bento-stat-label{font-family:var(--font-sans);font-size:.72rem;color:#ffffffb3;margin-top:.75rem;line-height:1.4}@media (max-width: 1024px){.hero-bento{grid-template-columns:1fr;min-height:auto}.bento-main{padding:clamp(2rem,4vw,3rem)}.bento-right{grid-template-columns:1fr 1fr;grid-template-rows:200px 200px}.hero-cross-watermark{font-size:10rem}}@media (max-width: 600px){.hero{padding:80px 1rem 0}.bento-main{border-radius:2rem;padding:2rem 1.5rem}.bento-card{border-radius:1.5rem}.bento-right{grid-template-rows:180px 180px}.hero-cross-watermark{font-size:8rem;right:.5rem}}.content{display:flex;flex-direction:column}.slogan-section{background-color:var(--surface);padding:4rem clamp(2rem,5vw,8rem) 5rem}.slogan-inner{max-width:800px;margin:0 auto;text-align:center}.slogan{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:400;font-style:italic;letter-spacing:-.02em;line-height:1.35;color:var(--on-surface);margin:0}.slogan-highlight{color:var(--primary);font-weight:600;font-style:normal}.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:500;letter-spacing:-.02em;color:var(--on-surface);margin:0 0 2.5rem}.latest-sermon-section{background-color:var(--secondary-container);padding:5.5rem clamp(2rem,5vw,8rem)}.latest-sermon-container{max-width:1280px;margin:0 auto}.latest-sermon-card{display:flex;gap:3rem;align-items:stretch}.latest-sermon-card .video-wrapper{flex:0 0 58%;aspect-ratio:16 / 9;border-radius:2rem;overflow:hidden;box-shadow:var(--shadow-elevated)}.latest-sermon-card .video-wrapper iframe{width:100%;height:100%;border:none;display:block}.sermon-info{flex:1;display:flex;flex-direction:column;justify-content:center;padding:1rem 0}.sermon-meta-date{font-size:.82rem;color:var(--on-surface-variant);margin:0 0 .5rem;font-family:var(--font-sans)}.sermon-info-title{font-family:var(--font-display);font-size:1.6rem;font-weight:500;letter-spacing:-.01em;margin:0 0 .75rem;color:var(--on-surface)}.sermon-info-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.7;color:var(--on-surface-variant);margin:0 0 1.75rem;font-family:var(--font-sans);font-size:.95rem}.sermon-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.75rem;background:linear-gradient(135deg,var(--primary),var(--primary-dim));color:var(--on-primary);border-radius:3rem;font-weight:600;font-size:.88rem;text-decoration:none;transition:all .3s ease;font-family:var(--font-sans)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.75rem;background:var(--surface-container-lowest);color:var(--on-surface);border-radius:3rem;font-weight:500;font-size:.88rem;text-decoration:none;transition:all .4s ease;font-family:var(--font-sans)}.btn-secondary:hover{background:var(--surface-container-high)}.events-section{background-color:var(--surface-container-low);padding:5.5rem clamp(2rem,5vw,8rem)}.events-inner{max-width:1280px;margin:0 auto}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.cta-closing-section{background-color:var(--primary);padding:5.5rem clamp(2rem,5vw,8rem);text-align:center;position:relative;overflow:hidden}.cta-closing-inner{max-width:650px;margin:0 auto;position:relative;z-index:1}.cta-closing-title{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.5rem);font-weight:500;color:var(--on-primary);margin:0 0 1rem;letter-spacing:-.02em;line-height:1.15}.cta-closing-body{font-family:var(--font-sans);font-size:1.05rem;color:#fffc;margin:0 0 2rem;line-height:1.65}.cta-closing-button{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2.5rem;background-color:var(--on-primary);color:var(--primary);border-radius:3rem;font-weight:600;font-size:.9rem;text-decoration:none;font-family:var(--font-sans);transition:all .3s ease}.cta-closing-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000026}.cta-closing-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18rem;color:#ffffff0d;font-family:serif;pointer-events:none;user-select:none}@media (max-width: 900px){.latest-sermon-card{flex-direction:column;gap:1.5rem}.latest-sermon-card .video-wrapper{flex:none;width:100%}.sermon-info{padding:0}.events-grid{grid-template-columns:1fr}}.service-times-section{background-color:var(--surface-container);padding:5.5rem clamp(2rem,5vw,8rem)}.service-times-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.6fr;gap:3rem;align-items:start}.service-times-text{position:sticky;top:120px}.service-times-heading{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:500;letter-spacing:-.02em;color:var(--on-surface);margin:0 0 1rem}.service-times-body{font-family:var(--font-sans);font-size:.95rem;color:var(--on-surface-variant);line-height:1.65;margin:0}.service-times-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.service-time-card{background-color:var(--surface-container-lowest);border-radius:2rem;padding:2rem 1.75rem;transition:background-color .4s ease}.service-time-card:hover{background-color:var(--surface-container-highest)}.service-time-name{font-family:var(--font-sans);font-size:1.05rem;font-weight:600;margin:0 0 .5rem;color:var(--on-surface)}.service-time-desc{font-family:var(--font-sans);font-size:.85rem;color:var(--on-surface-variant);margin:0;line-height:1.55}@media (max-width: 900px){.service-times-inner{grid-template-columns:1fr;gap:2rem}.service-times-text{position:static}.service-times-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.service-times-grid{grid-template-columns:1fr}}.home-event-card{background-color:var(--surface-container-lowest);border-radius:2rem;overflow:hidden;transition:background-color .4s ease}.home-event-card:hover{background-color:var(--surface-container-highest)}.home-event-content{padding:2rem 2.25rem}.home-event-date{font-size:.75rem;font-weight:600;color:var(--primary);margin:0 0 .5rem;font-family:var(--font-sans);display:inline-block;padding:.25rem .75rem;background-color:var(--surface-container);border-radius:2rem}.home-event-title{font-family:var(--font-sans);font-size:1.25rem;font-weight:600;margin:.75rem 0;color:var(--on-surface)}.home-event-desc{font-family:var(--font-sans);font-size:.9rem;color:var(--on-surface-variant);line-height:1.6;margin:0 0 1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-event-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:600;font-size:.85rem;text-decoration:none;transition:gap .3s ease;font-family:var(--font-sans)}.home-event-link:hover{gap:.75rem}.yt-facade{position:relative;width:100%;height:100%;background:#000;border:none;padding:0;cursor:pointer;display:block}.yt-facade img{width:100%;height:100%;object-fit:cover;display:block}.yt-facade-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .2s ease}.yt-facade:hover .yt-facade-play svg path:first-child{fill:red;fill-opacity:1}.footer{background-color:var(--surface-container);color:var(--on-surface);padding:4rem clamp(2rem,5vw,6rem) 2rem}.footer-content{display:grid;grid-template-columns:1.4fr .8fr 1fr 1.2fr;gap:2.5rem;max-width:1280px;margin:0 auto}.footer-heading{font-family:var(--font-display);font-size:1.1rem;font-weight:500;margin:0 0 1rem;letter-spacing:-.01em;color:var(--on-surface)}.footer-address{font-family:var(--font-sans);color:var(--on-surface);font-size:.9rem;margin:0 0 .25rem}.footer-detail{font-family:var(--font-sans);color:var(--on-surface-variant);font-size:.85rem;margin:.15rem 0}.footer-email{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.footer-lang-btn{margin-top:1rem;padding:.45rem 1.1rem;border-radius:3rem;cursor:pointer;border:1.5px solid var(--outline-variant);background-color:transparent;color:var(--on-surface);font-size:.78rem;font-family:var(--font-sans);font-weight:500;transition:all .3s ease}.footer-lang-btn:hover{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary)}.footer-link{display:block;margin:.35rem 0;color:var(--on-surface-variant);text-decoration:none;font-family:var(--font-sans);font-size:.85rem;transition:color .3s ease}.footer-link:hover{color:var(--primary)}.footer-sermon-link{display:flex;align-items:center;gap:.5rem;margin:.35rem 0;color:var(--on-surface-variant);text-decoration:none;font-family:var(--font-sans);font-size:.85rem;transition:color .3s ease}.footer-sermon-link:hover{color:var(--primary)}.footer-map iframe{width:100%;height:200px}.footer-bottom{margin-top:3rem;text-align:center;padding-top:1.5rem}.footer-bottom p{color:var(--on-surface-variant);font-size:.72rem;font-family:var(--font-sans)}@media (max-width: 900px){.footer-content{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.footer-content{grid-template-columns:1fr;gap:2rem}}