#mg-mobile-draft{max-width:460px;margin:auto;background:#f5f6f4;color:#243c35;font:15px/1.65 'Malgun Gothic',sans-serif;--mg-green:#365e50;--mg-radius:22px}#mg-mobile-draft *{box-sizing:border-box}#mg-mobile-draft h1,#mg-mobile-draft h2,#mg-mobile-draft h3,#mg-mobile-draft p{word-break:keep-all;overflow-wrap:break-word}#mg-mobile-draft button{font:inherit;cursor:pointer}#mg-mobile-draft button:focus-visible{outline:3px solid #acba76;outline-offset:3px}#mg-mobile-draft h1,#mg-mobile-draft h2,#mg-mobile-draft h3,#mg-mobile-draft p{margin:0}#mg-mobile-draft .top{display:flex;align-items:center;justify-content:space-between;background:white;padding:12px 20px}#mg-mobile-draft .logo{width:142px;height:auto;display:block}#mg-mobile-draft .menu-button{background:none;border:0;font-size:25px;width:44px;height:44px;color:#365e50}#mg-mobile-draft .menu{padding:15px 24px;background:#e9eee5}#mg-mobile-draft .menu button{display:block;width:100%;text-align:left;padding:12px;background:none;border:0;color:#365e50}#mg-mobile-draft [hidden]{display:none!important}
#mg-mobile-draft .hero{position:relative;height:510px;overflow:hidden;background:#20382f;color:#fff}#mg-mobile-draft .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.3s ease}#mg-mobile-draft .hero-photo.active{opacity:1}#mg-mobile-draft .veil{position:absolute;inset:0;background:linear-gradient(180deg,#102a2420 0%,#102a2465 35%,#102a24e8 100%)}#mg-mobile-draft .hero-copy{position:absolute;left:28px;right:25px;bottom:105px;transition:opacity .45s}#mg-mobile-draft .eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700}#mg-mobile-draft .hero .eyebrow{color:#dce7cf;margin-bottom:16px}#mg-mobile-draft .hero h1{font-size:36px;line-height:1.4;letter-spacing:-1.6px;color:white;font-weight:700}#mg-mobile-draft .verse-ref{font-size:12px;color:#d9e3db;margin-top:16px}#mg-mobile-draft .hero-bottom{position:absolute;bottom:26px;left:28px;right:25px;display:flex;align-items:center;gap:14px}#mg-mobile-draft .track{height:2px;background:#ffffff40;flex:1}#mg-mobile-draft .track span{display:block;width:10%;height:100%;background:#d6dfb5;transition:width .5s}#mg-mobile-draft .count{font-size:12px;letter-spacing:2px}#mg-mobile-draft .hero-bottom button{width:40px;height:40px;border:1px solid #ffffff60;border-radius:50%;background:#ffffff10;color:white;font-size:16px}
#mg-mobile-draft .welcome{padding:30px 24px 24px}#mg-mobile-draft .welcome .eyebrow{color:#7d8c70}#mg-mobile-draft .welcome h2{font-size:25px;letter-spacing:-1px;margin-top:6px}#mg-mobile-draft .welcome p{font-size:13px;color:#7c867e;margin-top:6px}#mg-mobile-draft .sections{padding:0 16px 30px;display:grid;gap:18px}#mg-mobile-draft .section-card{padding:23px;background:white;border-radius:var(--mg-radius);box-shadow:0 7px 25px #263c3305}#mg-mobile-draft .section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}#mg-mobile-draft .section-head h2{font-size:19px;font-weight:700;letter-spacing:-.8px;display:flex;align-items:center;gap:9px}#mg-mobile-draft .section-head h2:before{content:'';height:17px;width:3px;background:#537e67;border-radius:4px}#mg-mobile-draft .more{border:0;border-radius:50%;width:36px;height:36px;background:#f2f4ef;color:#6f806e;font-size:22px}#mg-mobile-draft .video{display:block;position:relative;width:100%;height:198px;border:0;overflow:hidden;border-radius:12px;background:#294b40;text-align:left;color:white;padding:24px}#mg-mobile-draft .video img{position:absolute;right:0;top:0;width:100%;height:100%;object-fit:cover;opacity:.42}#mg-mobile-draft .video:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#143e35cf,transparent)}#mg-mobile-draft .video-copy{position:relative;z-index:1;font-size:12px;max-width:200px}#mg-mobile-draft .video-copy strong{display:block;font-size:23px;line-height:1.5;margin-top:10px}#mg-mobile-draft .play{position:absolute;z-index:2;right:20px;bottom:20px;display:grid;place-items:center;width:48px;height:48px;background:#fff;border-radius:50%;color:#365e50}#mg-mobile-draft .caption{display:flex;justify-content:space-between;gap:10px;color:#7f8982;font-size:11px;margin-top:13px}#mg-mobile-draft .bulletins{list-style:none;padding:0;margin:0}#mg-mobile-draft .bulletins button{display:flex;justify-content:space-between;gap:14px;padding:15px 0;border:0;border-bottom:1px solid #edf0e9;background:white;width:100%;text-align:left;font-size:14px;color:#34423a}#mg-mobile-draft .bulletins li:last-child button{border-bottom:0;padding-bottom:0}#mg-mobile-draft time{font-size:11px;color:#899188;white-space:nowrap}
#mg-mobile-draft .word-card{position:relative;overflow:hidden;background:#e6eddf;padding:30px 25px;border-radius:var(--mg-radius)}#mg-mobile-draft .word-card:after{content:'✦';position:absolute;right:-15px;top:-70px;font-size:235px;color:#c7d5bc45;pointer-events:none}#mg-mobile-draft .word-card>*{position:relative;z-index:1}#mg-mobile-draft .word-card .eyebrow{color:#839276}#mg-mobile-draft .word-card h2{font-size:20px;margin:7px 0 14px}#mg-mobile-draft .verse{font-size:22px;line-height:1.7;letter-spacing:-.7px;color:#364e3c}#mg-mobile-draft .reference{font-size:12px;color:#74836c;margin-top:12px}#mg-mobile-draft .summary{margin-top:27px;padding-top:25px;border-top:1px solid #cad8bf}#mg-mobile-draft .summary h3{font-size:19px;margin:8px 0 12px}#mg-mobile-draft .summary p{font-size:14px;line-height:1.9;color:#586a52}#mg-mobile-draft .text-link{background:none;border:0;padding:15px 0 0;color:#365e50;font-size:13px}
#mg-mobile-draft .photo-section{background:#e9e9e3;padding:34px 16px}#mg-mobile-draft .photo-heading{padding:0 8px 24px}#mg-mobile-draft .photo-heading .eyebrow{color:#7b856e}#mg-mobile-draft .photo-heading h2{font-size:28px;margin:7px 0 8px;letter-spacing:-1px}#mg-mobile-draft .photo-heading p{font-size:12px;color:#7e8378}#mg-mobile-draft .mosaic{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f8f8f3;padding:7px}#mg-mobile-draft .tile{aspect-ratio:1/1.06;min-width:0;position:relative;border:0;padding:0;overflow:hidden;background:#dfE3d8}#mg-mobile-draft .tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}#mg-mobile-draft .tile:hover img{transform:scale(1.05)}#mg-mobile-draft .quote-tile{display:flex;flex-direction:column;justify-content:center;padding:17px;font-size:13px;line-height:1.8;background:#f0eee8;color:#7c8276}#mg-mobile-draft .quote-tile small{display:block;margin-top:12px;font-size:10px;letter-spacing:2px;color:#969c8e}#mg-mobile-draft .tile.reveal{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}#mg-mobile-draft .tile.visible{opacity:1;transform:none}#mg-mobile-draft .album-more{display:block;border:1px solid #bbc3b3;background:transparent;color:#53664e;margin:22px auto 0;padding:12px 24px;border-radius:30px;font-size:12px}#mg-mobile-draft .footer{background:#fff;padding:30px 24px;text-align:center;font-size:12px;color:#869080}#mg-mobile-draft .footer strong{display:block;color:#365e50;font-size:18px;margin-bottom:8px}#mg-mobile-draft .dialog{position:sticky;bottom:12px;margin:0 12px 12px;padding:20px;background:#fff;color:#365e50;border:1px solid #d9e0d0;border-radius:16px;box-shadow:0 8px 40px #0003;z-index:20}#mg-mobile-draft .dialog img{width:100%;max-height:300px;object-fit:contain}#mg-mobile-draft .dialog button{float:right;border:0;background:#edf1e8;border-radius:50%;width:34px;height:34px}#mg-mobile-draft .dialog p{font-size:13px;padding-top:10px}#mg-mobile-draft .dialog strong{display:block;padding-right:38px}
@media(max-width:350px){#mg-mobile-draft .hero h1{font-size:31px}#mg-mobile-draft .section-card{padding:18px}#mg-mobile-draft .verse{font-size:20px}}@media(prefers-reduced-motion:reduce){#mg-mobile-draft *{transition:none!important}#mg-mobile-draft .tile.reveal{opacity:1;transform:none}}

#mg-mobile-draft .quick{background:#20363e;color:#fff;padding:22px 18px;border-radius:var(--mg-radius)}#mg-mobile-draft .quick-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}#mg-mobile-draft .quick-title small{font-size:9px;letter-spacing:1.2px;color:#b3d1d7}#mg-mobile-draft .quick-title h2{font-size:18px;color:white}#mg-mobile-draft .quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}#mg-mobile-draft .quick-grid button{grid-column:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:78px;background:#ffffff05;border:1px solid #ffffff25;border-radius:10px;color:white;font-size:12px;padding:10px 3px}#mg-mobile-draft .quick-grid button:nth-child(4){grid-column:2/span 2}#mg-mobile-draft .quick-grid button:nth-child(5){grid-column:4/span 2}#mg-mobile-draft .quick-grid button:hover{background:#ffffff12}#mg-mobile-draft .quick-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#ffffff0c;color:#b5d1d5;font-size:18px}#mg-mobile-draft .quick-icon svg{width:18px;height:18px}

body{margin:0;background:#e9ede7}#mg-mobile-draft a{color:inherit;text-decoration:none}#mg-mobile-draft .test-note{padding:8px 16px;background:#fff7df;color:#79652e;font-size:11px;text-align:center}#mg-mobile-draft .quick-grid a{grid-column:span 2;display:grid;place-items:center;min-height:65px;border:1px solid #ffffff25;border-radius:10px;color:white;font-size:12px}#mg-mobile-draft .quick-grid a:nth-child(4){grid-column:2/span 2}#mg-mobile-draft .quick-grid a:nth-child(5){grid-column:4/span 2}#mg-mobile-draft .quick-grid a[aria-disabled]{opacity:.5;cursor:default}#mg-mobile-draft .bulletins a{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #edf0e9}#mg-mobile-draft .empty{font-size:13px;color:#7d877d;padding:20px 0}#mg-mobile-draft .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}#mg-mobile-draft .more{display:grid;place-items:center}#mg-mobile-draft .album-more{text-align:center}#mg-mobile-draft .menu a{display:block;padding:10px}#mg-mobile-draft .video.is-player:after{display:none}
#mg-mobile-draft .footer strong{font-size:15px;line-height:1.8;word-break:keep-all}#mg-mobile-draft .footer address{font-style:normal;margin:13px 0;color:#6f7b70;font-size:12px}#mg-mobile-draft .footer p{margin-top:12px;line-height:1.9}#mg-mobile-draft .footer .copyright{font-size:10px;letter-spacing:.1px;color:#7b867b}#mg-mobile-draft .footer a{text-decoration:underline}#mg-mobile-draft .menu{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}#mg-mobile-draft .menu a{padding:12px 5px;border-bottom:1px solid #d6dfcf;font-size:13px}#mg-mobile-draft .hero .eyebrow{text-transform:none;letter-spacing:2px}
/* Show the sermon attachment in its original colors and proportions. */
#mg-mobile-draft #mg-sermon .video{height:auto;min-height:100px;padding:0;background:#f2f4ef;color:#365e50}
#mg-mobile-draft #mg-sermon .video:after{display:none}
#mg-mobile-draft #mg-sermon .video img{position:static;display:block;width:100%;height:auto;object-fit:contain;opacity:1}
#mg-mobile-draft #mg-sermon .video-copy{display:block;padding:30px 80px 30px 20px}
#mg-mobile-draft #mg-sermon .sermon-title{font-size:17px;line-height:1.6;margin:14px 0 0;word-break:keep-all}
#mg-mobile-draft #mg-sermon .video.is-player{aspect-ratio:16/9;min-height:0;background:#000}
/* Darker neutral overlay keeps the rotating scripture readable. */
#mg-mobile-draft .veil{background:rgba(0,0,0,.35)}
#mg-mobile-draft .hero .eyebrow{margin-bottom:8px}
#mg-mobile-draft .hero-motto{font-size:12px;line-height:1.8;letter-spacing:.5px;font-weight:500;color:#f0f3e8;margin:0 0 22px;word-break:keep-all}
#mg-mobile-draft .hero h1{font-size:30px;line-height:1.5}
@media(max-width:350px){#mg-mobile-draft .hero h1{font-size:26px}#mg-mobile-draft .hero-motto{font-size:11px;letter-spacing:0}}
/* Six quick links: three columns across both rows. */
#mg-mobile-draft .quick-grid a:nth-child(n){grid-column:span 2}

/* Kindergarten collage, independent of the church photo album. */
#mg-mobile-draft .kids-gallery{background:#f1efec;padding:36px 18px;color:#30283e}
#mg-mobile-draft .kids-gallery .eyebrow{color:#b58924}
#mg-mobile-draft .kids-gallery h2{font-size:28px;line-height:1.4;margin:7px 0 22px;letter-spacing:-1px}
#mg-mobile-draft .kids-intro{font-size:14px;line-height:1.9;color:#797181;margin-bottom:28px}
#mg-mobile-draft .kids-frame{padding:20px 16px;background:#fffefa}
#mg-mobile-draft .kids-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.6;margin:4px 0 22px;color:#71687d}
#mg-mobile-draft .kids-label strong{letter-spacing:.6px}#mg-mobile-draft .kids-label span{text-align:right}
#mg-mobile-draft .kids-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:105px;gap:7px}
#mg-mobile-draft .kids-tile{position:relative;display:block;min-width:0;overflow:hidden;background:#e0ddd8}
#mg-mobile-draft .kids-tile:nth-child(1),#mg-mobile-draft .kids-tile:nth-child(4){grid-row:span 2}
#mg-mobile-draft .kids-tile img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter 1.8s ease,transform .6s}
#mg-mobile-draft .kids-tile:hover img,#mg-mobile-draft .kids-tile:focus-visible img{filter:grayscale(0);transform:scale(1.03)}
#mg-mobile-draft .kids-signoff{margin-top:20px;font-size:11px;letter-spacing:2px;color:#77697f}
#mg-mobile-draft .kids-more{display:block;margin-top:14px;font-size:13px;color:#365e50;text-align:right}
#mg-mobile-draft .kids-tile.reveal{opacity:0;transform:translateY(16px);transition:opacity .8s,transform .8s}
#mg-mobile-draft .kids-tile.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){#mg-mobile-draft .kids-tile.reveal{opacity:1;transform:none}}

/* Start monochrome, then reveal colour after the tile enters the viewport. */
#mg-mobile-draft .kids-tile.visible img{filter:grayscale(0);transition-delay:.45s}
@media(prefers-reduced-motion:reduce){#mg-mobile-draft .kids-tile img{filter:none;transition:none}}

/* Mobile footer: church details, policy link and compact navigation. */
#mg-mobile-draft .footer{background:#fff;text-align:left;padding:32px 24px;color:#34465f}
#mg-mobile-draft .footer strong{font-size:17px;color:#243c55;line-height:1.7}
#mg-mobile-draft .footer address,#mg-mobile-draft .footer p{color:#617082}
#mg-mobile-draft .footer-bottom{border-top:1px solid #d8e0e9;margin-top:24px;padding-top:22px;display:flex;flex-direction:column;gap:20px}
#mg-mobile-draft .footer .copyright{margin:0;font-size:10px;color:#274565;overflow-wrap:anywhere}
#mg-mobile-draft .footer a{text-decoration:none}
#mg-mobile-draft .footer a:hover{text-decoration:underline}
#mg-mobile-draft .footer-youtube{display:inline-block;margin-top:14px;color:#c83030;font-size:14px;font-weight:600}
#mg-mobile-draft .footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:#26466b;width:100%}
#mg-mobile-draft .footer-top{display:grid;place-items:center;width:40px;height:40px;border:1px solid #1f4c88;border-radius:50%;font-size:24px;flex-shrink:0;margin-left:auto}

#mg-mobile-draft .footer-vision{display:inline-block;margin:14px 0 0 18px;color:#26466b;font-size:14px;font-weight:500}