*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:calc(16px * var(--scale,1))}body{margin:0;color:var(--ink);background:var(--bg);font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:1.0625rem;line-height:1.65;word-break:keep-all}body.a{--ink:#1F2D3D;--bg:#F7F1E8;--accent:#A04432;--soft:#f0e4d4}body.b{--ink:#1F2D3D;--bg:#fff;--accent:#0F5C5A;--soft:#F3F5F7}body.c{--ink:#1F2D3D;--bg:#F1F4F6;--accent:#1F2D3D;--soft:#e8edf1;--gold:#C09F5A}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #b8c1c8;background:white;border-radius:8px;min-height:44px;min-width:44px}a:focus-visible,button:focus-visible{outline:3px solid #276bc0;outline-offset:4px}a:hover .arrow{transform:translate(3px,-3px)}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h2{font-size:2rem;line-height:1.3;letter-spacing:-.045em;margin-bottom:22px}h3{font-size:1.5rem;line-height:1.35;letter-spacing:-.035em}p+p{margin-top:12px}svg{width:30px;height:30px;flex-shrink:0}h2 svg{vertical-align:-4px;margin-right:10px}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.17em;margin-bottom:14px;color:var(--accent)}.muted{color:#52616b}.brand{display:flex;align-items:center;gap:12px;min-height:64px;flex-shrink:0}.brand small{display:block;font-size:.65rem;letter-spacing:.05em;font-weight:500}.brand strong{display:block;font-size:1.6rem;line-height:1.15;letter-spacing:-.06em}.brand img{width:29px;height:41px}.head{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:104px}header{background:#fff;position:relative;z-index:5}nav{display:flex;align-items:center;gap:25px}nav a{font-size:1rem;font-weight:650;display:flex;align-items:center;min-height:44px}nav [lang=th]{max-width:190px}nav a:hover{color:var(--accent)}[lang=th]{font-family:'Leelawadee UI','Noto Sans Thai',sans-serif;font-weight:600;line-height:1.7;overflow-wrap:anywhere}.menu-button{display:none}.utility{background:var(--ink);color:#fff;font-size:.8rem}.utility .wrap{display:flex;align-items:center;justify-content:flex-end;gap:24px}.utility a{display:inline-flex;align-items:center;min-height:44px}.fonts{display:flex;gap:2px}.fonts button{background:transparent;border:0;color:white}.skip{position:fixed;top:-100px;left:12px;background:#fff;padding:12px;z-index:30}.skip:focus{top:10px}.hero{position:relative;isolation:isolate;min-height:610px}.hero-slide{position:absolute;inset:0;z-index:-1}.hero-slide[hidden]{display:none}.hero-slide>img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}.hero-inner{display:flex;align-items:center;min-height:inherit;padding:50px 0}.hero-copy{max-width:850px;padding:38px 44px;background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.8) 80%,rgba(255,255,255,0));border-radius:4px}.hero h1{font-size:3.5rem;line-height:1.28;letter-spacing:-.06em;font-weight:750}.hero h1 span{font-weight:550}.sub{max-width:620px;margin-top:22px;line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:10px 22px;border-radius:8px;background:#fff;border:1px solid #bcc1c6;font-weight:650}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--accent);margin-top:10px}.panel{background:#fff;padding:30px;border-radius:18px;min-width:0}.sample{position:absolute;right:12px;top:12px;background:#fff;color:#1F2D3D;font-size:.6875rem;line-height:1.5;font-weight:700;border:1px solid #d6d6d6;border-radius:4px;padding:4px 8px;z-index:2}.tile{position:relative;overflow:hidden;min-width:0;min-height:230px;border-radius:18px;display:flex;align-items:flex-end}.tile>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.tile-copy{position:relative;width:100%;padding:25px;color:white;background:linear-gradient(transparent,rgba(10,20,25,.95));padding-top:65px}.tile-copy p{font-size:.9rem;margin-top:7px}.tile .arrow{position:absolute;right:24px;bottom:22px;font-size:1.6rem;transition:transform .15s}.tile h3{padding-right:32px}.tile.solid{background:var(--accent);color:white;align-items:flex-start;flex-direction:column;padding:28px}.solid>svg{width:42px;height:42px}.solid .tile-copy{padding:25px 0 0;background:none}.solid .arrow{right:0;bottom:0}.sermon h3{font-size:2rem;margin-bottom:18px}.sermon-copy>p:not(.eyebrow){font-size:1rem}.divider{margin:0 10px;opacity:.6}.video{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:12px;background:#14222d}.video-launch{padding:0;border:0;display:block;width:100%;height:100%;position:absolute;inset:0}.video img{width:100%;height:100%;object-fit:cover}.play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#1f2d3d;border-radius:50%;width:64px;height:64px;display:grid;place-items:center;box-shadow:0 4px 20px #0004}.video iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.news ul{padding:0;list-style:none;margin:0}.news li{display:flex;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid #e1e5e8;font-size:1rem}.news time{font-size:.8rem;color:#52616b;white-space:nowrap}.account{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-top:1px solid #e2e6e8}.offering .muted{margin-bottom:18px;font-size:.9rem}.account span{font-size:.875rem}.account strong{display:block;font-size:1.25rem;font-weight:650;letter-spacing:.02em}.account button{padding:4px 12px;font-size:.9rem}.worship table{width:100%;border-collapse:collapse;font-size:1rem}.worship th,.worship td{text-align:left;padding:15px 10px;border-bottom:1px solid #dfe5e8}.worship thead{background:var(--soft)}.worship tbody th{font-weight:550}.worship td{white-space:nowrap}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:50px 0}.info-grid>div{display:grid;gap:24px}.gallery{margin:60px 0}.gallery>div{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.gallery figure{position:relative;margin:0;height:180px;overflow:hidden;border-radius:12px}.gallery img{width:100%;height:100%;object-fit:cover}footer{background:var(--ink);color:#fff;padding:48px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px;font-size:.875rem}.footer-grid p{margin-top:16px;color:#e0e6eb}.footer-grid>div:last-child a{display:flex;align-items:center;min-height:44px}.footer-grid>div:first-child>a:not(.brand){display:inline-flex;align-items:center;min-height:44px}footer .brand{margin-bottom:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:12px;background:#1f2d3d;color:#fff;display:none;z-index:20}#toast.show{display:block}
.a header{background:#f7f1e8}.a .head{flex-direction:column;gap:12px;padding:25px 0}.a nav{justify-content:center}.a .hero{min-height:calc(100svh - 165px)}.a .hero-inner{justify-content:center;text-align:center;align-items:flex-start;padding-top:65px;padding-bottom:180px}.a .hero-copy{max-width:930px;background:radial-gradient(ellipse at center,#f7f1e8f5 35%,#f7f1e8df 65%,#f7f1e800 75%);padding:45px 55px}.a .sub{margin-left:auto;margin-right:auto}.a .hero h1{font-size:3.5rem}.a .actions{justify-content:center}.a .bento{margin-top:-125px;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.a .bento>*{box-shadow:0 8px 28px #27344112}.a .bento .sermon{grid-column:span 2;grid-row:span 2;padding:0;overflow:hidden}.a .sermon .video{border-radius:0;aspect-ratio:16/8.2}.a .sermon-copy{padding:30px}.a .bento .news{grid-column:span 2}.a .bento .thai-tile{grid-column:span 2}.a .bento .thai-tile .tile{height:100%}.a .bento .offering{grid-column:span 2}.a .bento .offering h2{font-size:1.6rem}.a .bottom-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin:48px 0 64px}.a .bottom-grid>div{display:grid;gap:24px}
.b header{border-top:6px solid var(--accent)}.b .hero-copy{max-width:835px}.slide-controls{position:absolute;bottom:48px;left:calc((100% - min(1200px,100% - 64px))/2);display:flex;align-items:center;gap:7px;background:#fff;border-radius:30px;padding:3px 10px}.slide-controls button{border:0;background:transparent;border-radius:50%;font-size:.875rem}.slide-controls button[aria-pressed=true]{background:var(--accent);color:white}.b .welcome{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;margin-top:-35px;z-index:2}.welcome a{padding:30px;border:1px solid #e2e8ea;border-radius:18px;background:#fff;box-shadow:0 10px 28px #163c3b0d}.welcome .round{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;margin-bottom:24px}.welcome h2{font-size:1.5rem;margin-bottom:10px}.welcome p{font-size:1rem;color:#52616b}.statement{text-align:center;padding:90px 20px 60px}.statement h2{font-size:2.25rem;line-height:1.6;margin:0}.statement em{font-style:normal;color:var(--accent)}.statement p{margin-top:16px;color:#52616b}.mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 auto 80px}.mosaic .tile{border-radius:0;min-height:255px}.mosaic .tile:nth-child(1){border-top-left-radius:18px}.mosaic .tile:nth-child(3){border-top-right-radius:18px}.mosaic .tile:nth-child(4){border-bottom-left-radius:18px}.mosaic .tile:nth-child(6){border-bottom-right-radius:18px}.worship-band{background:var(--accent);color:white;position:relative;padding:65px 0;overflow:hidden}.worship-band:before{content:'WORSHIP';position:absolute;top:-45px;left:0;font-size:clamp(90px,16vw,245px);font-weight:800;line-height:1.2;color:#ffffff0b;letter-spacing:.04em;pointer-events:none}.worship-band .eyebrow{color:#fff}.band-heading{position:relative;text-align:center;margin-bottom:38px}.band-heading h2{font-size:2.25rem}.band-heading p{color:#e7f1f1}.worship-band .sermon{display:grid;grid-template-columns:1.55fr 1fr;gap:36px;padding:0;background:none;color:white;align-items:center}.worship-band .text-link{color:white;border-bottom:1px solid #ffffff80}.b .info-grid{margin:65px 0}.b .info-grid .panel{background:var(--soft)}.b .secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:60px}.b .secondary-grid .panel{border:1px solid #dfe6e8}
.c .hero{min-height:465px}.c .hero h1{font-size:2.9rem}.c .desktop-break{display:none}.c .hero-copy{max-width:1000px;padding-left:28px}.c .hero h1 span{display:block;white-space:nowrap;font-size:2.75rem}.c .quick-block{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.c .quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.c .quick-grid .tile{border-radius:10px;min-height:190px}.c .quick-grid .tile-copy{background:var(--ink);padding:13px 18px;border-top:3px solid var(--gold)}.c .quick-grid .tile-copy h3{font-size:1.25rem}.c .quick-grid .tile-copy p{font-size:.7rem;margin-top:2px;color:#e6d7b7;letter-spacing:.05em}.c .quick-grid .tile-copy .arrow{bottom:16px;right:15px}.c .sermon{border-radius:10px;padding:0;position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:390px;color:white}.c .sermon:before{content:'';position:absolute;inset:0;background:none}.c .sermon-copy{position:relative;width:100%;padding:35px;background:linear-gradient(transparent,#111e2df5 25%)}.c .sermon .eyebrow,.c .sermon .text-link{color:#f2dfb6}.c .sermon h2{font-size:1.7rem;margin-bottom:16px}.c .sermon h3{font-size:1.9rem}.c .panel{border-radius:10px}.c .info-grid{margin:38px 0}.c .offering{border-left:4px solid var(--gold)}.c .offering h2{font-size:1.5rem}.c .gallery{margin:44px 0}.c .gallery>div{gap:6px}.c .gallery figure{border-radius:4px;height:155px}.c .extra-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:50px}.c .extra-grid .tile{min-height:260px}.c .extra-grid h2{font-size:1.5rem}
@media(max-width:1100px){nav{gap:14px}nav a{font-size:.9rem}.head{gap:12px}.c .hero h1 span{white-space:normal}.a .hero h1{font-size:3rem}}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.head,.a .head{min-height:85px;padding:12px 0;flex-direction:row;gap:10px}.brand strong{font-size:1.45rem}.brand small{font-size:.6rem}.menu-button{display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:0;font-size:1.25rem}.menu-button span{font-size:.8rem}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:15px 24px;border-bottom:1px solid #ddd;box-shadow:0 10px 20px #0001;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav [lang=th]{max-width:none}nav a{font-size:1rem}.utility .wrap{gap:12px;justify-content:space-between}.utility a{font-size:.7rem}.fonts button{font-size:.75rem}.hero,.c .hero{min-height:580px}.hero-slide>img{object-position:60% center}.hero-inner{padding:35px 0;align-items:flex-start}.hero-copy,.c .hero-copy{padding:24px 20px;background:linear-gradient(90deg,#fffffff5,#ffffffdf);margin-top:18px;border-radius:12px}.hero h1,.a .hero h1,.c .hero h1{font-size:2rem;line-height:1.4;letter-spacing:-.06em}.c .hero h1 span{font-size:1.85rem}.desktop-break{display:none}.sub{font-size:1rem;line-height:1.75;margin-top:16px}.actions{gap:8px;margin-top:20px}.button{padding:10px 14px;font-size:.9rem;min-height:48px}.eyebrow{font-size:.68rem;letter-spacing:.15em}h2{font-size:1.75rem}h3{font-size:1.3rem}.panel{padding:24px;border-radius:14px}.a .hero{min-height:calc(100svh - 85px)}.a .hero-inner{padding-top:36px;padding-bottom:130px}.a .hero-copy{padding:26px 18px;background:#f7f1e8ed;border-radius:14px}.a .bento{grid-template-columns:1fr 1fr;gap:12px;margin-top:-65px}.a .bento .sermon{grid-column:span 2;grid-row:auto}.a .sermon-copy{padding:24px}.a .bento .news,.a .bento .thai-tile,.a .bento .offering{grid-column:span 2}.a .bento .tile.solid{padding:22px;min-height:185px}.solid .tile-copy{padding-top:16px}.solid .arrow{font-size:1.25rem}.tile-copy h3{font-size:1.2rem}.a .thai-tile .tile{min-height:280px}.a .bottom-grid{grid-template-columns:1fr;margin:32px 0 40px;gap:20px}.sermon h3{font-size:1.75rem}.news li{flex-direction:column;gap:4px;padding:14px 0}.account strong{font-size:1.1rem}.worship table{font-size:.88rem}.worship th,.worship td{padding:14px 5px}.info-grid,.b .info-grid{grid-template-columns:1fr;gap:20px;margin:32px 0}.b .welcome{grid-template-columns:1fr;gap:12px;margin-top:-28px}.welcome a{padding:22px;display:grid;grid-template-columns:54px 1fr;column-gap:20px;align-items:center}.welcome .round{grid-row:span 2;margin:0;width:52px;height:52px}.welcome h2{font-size:1.25rem;margin-bottom:3px}.welcome p{font-size:.94rem}.statement{padding:50px 8px 35px}.statement h2{font-size:1.65rem}.statement p{font-size:.9rem}.mosaic{grid-template-columns:1fr 1fr;margin-bottom:45px;gap:4px}.mosaic .tile{min-height:205px}.mosaic .tile-copy{padding:60px 18px 18px}.mosaic .tile-copy h3{font-size:1.1rem}.mosaic .tile-copy p{font-size:.75rem}.mosaic .arrow{right:12px;bottom:16px;font-size:1.2rem}.mosaic .tile:nth-child(n){border-radius:0}.mosaic .tile:nth-child(1){border-top-left-radius:12px}.mosaic .tile:nth-child(2){border-top-right-radius:12px}.mosaic .tile:nth-child(5){border-bottom-left-radius:12px}.mosaic .tile:nth-child(6){border-bottom-right-radius:12px}.worship-band{padding:42px 0}.worship-band:before{top:0;font-size:88px}.band-heading h2{font-size:1.65rem}.band-heading p{font-size:1rem}.worship-band .sermon{grid-template-columns:1fr;gap:25px}.band-heading{margin-bottom:25px}.b .secondary-grid{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.c .quick-block{grid-template-columns:1fr;gap:14px;margin-top:22px}.c .quick-grid{gap:10px}.c .quick-grid .tile{min-height:180px}.c .quick-grid .tile-copy{padding:12px}.c .quick-grid .tile-copy h3{font-size:1.1rem}.c .sermon{min-height:390px;grid-row:1}.c .sermon-copy{padding:26px}.c .sermon h3{font-size:1.75rem}.c .extra-grid{grid-template-columns:1fr;gap:18px;margin-bottom:32px}.gallery{margin:36px 0}.gallery>div{grid-template-columns:repeat(2,1fr);gap:8px}.gallery figure,.c .gallery figure{height:170px}.gallery figure:last-child{grid-column:span 2}.gallery h2{font-size:1.6rem}.sample{right:8px;top:8px;padding:3px 6px}.footer-grid{grid-template-columns:1fr;gap:24px}footer{padding:35px 0}.slide-controls{left:18px;bottom:42px}.c .utility .wrap{width:calc(100% - 24px);gap:7px}}
.a .bento .news{grid-column:4;grid-row:2}.a .bento .news li{flex-direction:column;gap:5px}.a .bento .thai-tile{grid-column:1 / span 2;grid-row:3}.a .bento .offering{grid-column:3 / span 2;grid-row:3}.tile-copy{background:linear-gradient(transparent,#102027ee 35%)}.b main>.wrap>.tile{min-height:350px}.b main>.wrap>.tile>img{object-position:50% 35%}
@media(max-width:800px){.a .bento .news,.a .bento .thai-tile,.a .bento .offering{grid-column:span 2;grid-row:auto}.a .bento>a.solid:nth-of-type(3){grid-column:span 2;min-height:140px;flex-direction:row;align-items:center;gap:24px}.a .bento>a.solid:nth-of-type(3) .tile-copy{padding-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Dynamic sermon image; the mockup gradient belongs only to its copy. */
.sermon-bg{position:absolute;inset:0}.sermon-bg img{width:100%;height:100%;object-fit:cover;object-position:center}.sermon-detail{display:contents}.sermon-detail h3{max-width:24ch;text-wrap:balance}.sermon-copy .sermon-detail p{font-size:1rem}#toast:not(:empty){display:block}[hidden]{display:none!important}