@charset "UTF-8";:root{--paper:#faf9f5;--white:#fff;--ink:#233a32;--text:#303b35;--muted:#687269;--line:#dce1d9;--tint:#eef1e9;--accent:#a55235;--serif:"Songti SC","Noto Serif CJK SC","STSong","SimSun",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans CJK SC","Microsoft Yahei",Arial,sans-serif;--width:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--text);font:16px/1.8 var(--sans);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink)}h1,h2{font-family:var(--serif);font-weight:500}h1{font-size:clamp(2.4rem,4.4vw,4rem);line-height:1.35;letter-spacing:.02em}h2{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.45}h3{font-size:1.3rem;line-height:1.5}p+p{margin-top:1em}.wrap{width:min(var(--width),calc(100% - 80px));margin:auto}.eyebrow{color:var(--accent);font-size:.78rem;letter-spacing:.15em;font-weight:600;text-transform:uppercase;display:block;margin-bottom:18px}.muted{color:var(--muted)}.english{font-family:Georgia,serif;font-weight:400;line-height:1.5}.small{font-size:.875rem}.site-header{background:#faf9f5fa;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-inner{min-height:96px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-name{font-size:16px;line-height:1.5;letter-spacing:.04em;font-family:var(--serif)}.brand-name small{display:block;font:10px/1.5 var(--sans);letter-spacing:.11em;color:var(--muted)}.desktop-nav{margin-left:auto;display:flex;gap:23px;align-items:center;font-size:14px}.desktop-nav>a,.nav-drop>summary{padding:12px 0}.desktop-nav a:hover,.nav-drop summary:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:20px;font-size:14px}.text-link{border-bottom:1px solid currentColor;padding-bottom:3px}.give-link{padding:7px 17px;border:1px solid var(--line);border-radius:3px}.menu-toggle{display:none;background:none;border:0;padding:10px;font-size:24px;line-height:1}.hero{padding:58px 0 70px;display:grid;grid-template-columns:1fr 1.04fr;gap:60px;align-items:center}.hero h1{margin-bottom:20px}.hero .church-en{font-size:1.02rem;color:var(--muted);max-width:345px;margin-bottom:38px}.hero .welcome{font-size:1.28rem;margin-bottom:12px;color:var(--ink)}.hero .intro{max-width:435px;color:var(--muted)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:13px 23px;min-height:49px;border:1px solid var(--ink);border-radius:3px;font-size:.95rem;line-height:1.5;background:var(--ink);color:var(--white);font-weight:500;text-align:center}.btn:hover{background:#345348;color:#fff}.btn.secondary{background:transparent;color:var(--ink);border-color:#b4beb2}.btn.secondary:hover{background:var(--tint)}.btn .sub{font-size:.67rem;letter-spacing:.08em;display:block;opacity:.78}.hero-visual{position:relative;min-height:570px;background:#e5e9dd;border-radius:3px 65px 3px 3px;overflow:hidden;display:flex;align-items:flex-end;padding:36px}.hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-caption{position:relative;background:var(--paper);padding:17px 24px;font-family:var(--serif);font-size:20px;max-width:85%}.hero-caption span{font:12px var(--sans);color:var(--muted);display:block;letter-spacing:.12em;margin-top:6px}.sunday-strip{background:var(--ink);color:#f8faf4;padding:34px 0}.sunday-grid{display:grid;grid-template-columns:1fr 1.05fr 1.6fr auto;gap:35px;align-items:center}.sunday-grid h2{font-size:1.5rem;color:inherit}.sunday-grid .en-label{color:#b9c8b8;font-size:12px;letter-spacing:.12em;margin-bottom:3px;display:block}.sunday-grid strong{font-size:22px;line-height:1.45;font-weight:400}.sunday-grid p{font-size:15px;line-height:1.65}.sunday-grid a{font-size:14px;border-bottom:1px solid #9fae9c}.section{padding:85px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-head .eyebrow{margin-bottom:7px}.section-intro{color:var(--muted);max-width:600px;margin-top:12px}.site-footer{background:#e9ede4;padding:55px 0 24px;font-size:14px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px}.footer-grid h3{font-size:14px;margin-bottom:14px}.footer-grid a{display:block;margin:6px 0}.footer-bottom{border-top:1px solid #cbd3c5;margin-top:35px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#59675d}.skip-link{position:fixed;top:-80px;left:20px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}.draft-tag{position:fixed;bottom:15px;left:15px;background:#fffdf5;border:1px solid var(--line);box-shadow:0 2px 12px #233a320b;padding:4px 11px;border-radius:3px;font-size:11px;color:#626f64;z-index:25;letter-spacing:.08em}@media (max-width:1100px){.desktop-nav{gap:13px}.header-inner{gap:20px}.brand-name{font-size:14px}.header-actions{gap:12px}.hero{gap:35px}.sunday-grid{gap:24px}.hero-visual{min-height:525px}}@media (max-width:900px){.wrap{width:calc(100% - 40px)}.desktop-nav,.header-actions .give-link{display:none}.header-actions{margin-left:auto}.menu-toggle{display:block}.header-inner{min-height:78px}.hero{padding:36px 0 42px;grid-template-columns:1fr;gap:32px}.hero h1{font-size:2.55rem}.hero .church-en{margin-bottom:26px;max-width:none}.hero .intro{max-width:100%}.hero-visual{min-height:390px;border-radius:3px 42px 3px 3px}.hero-caption{font-size:18px;padding:13px 19px}.sunday-grid{grid-template-columns:1fr 1fr}.sunday-grid>div:nth-child(3){grid-column:1/3}.sunday-strip{padding:28px 0}.section{padding:54px 0}.section-head{align-items:start;gap:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{flex-direction:column;gap:6px}.actions .btn{flex:1;padding:12px 15px}.eyebrow{margin-bottom:12px}.hero .welcome{font-size:1.12rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}