/* Independent component: reusable on a future desktop greeting page. */
.mg-greeting{max-width:900px;margin:0 auto;padding:28px 14px 48px;color:#293b45;font:17px/1.95 'Malgun Gothic','Nanum Gothic',sans-serif;word-break:keep-all;overflow-wrap:break-word;box-sizing:border-box}
.mg-greeting *{box-sizing:border-box}
.mg-greeting .greeting-label{font-size:10px;letter-spacing:2px;color:#8a937b;font-weight:700}
.mg-greeting h1{font-size:clamp(24px,5.7vw,38px);line-height:1.55;letter-spacing:-1px;color:#365f6a;margin:16px 0 24px;font-weight:600}
.mg-greeting .greeting-rule{display:block;width:42px;height:2px;background:#b5bc9d;margin-bottom:30px}
.mg-greeting .greeting-letter p{margin:0 0 28px;font-size:inherit;line-height:inherit}
.mg-greeting .greeting-letter strong{color:#365e50}
.mg-greeting .greeting-sign{padding-top:14px;color:#627079;font-size:14px!important}
.mg-greeting .greeting-sign strong{font-size:24px;letter-spacing:3px;margin-left:10px;color:#243c55}
.mg-greeting .greeting-pastor{margin:48px auto 0;text-align:center;max-width:560px}
/* Show the complete portrait at its natural aspect ratio. */
.mg-greeting .greeting-portrait{width:320px;max-width:100%;margin:0 auto 24px;background:#fff}
.mg-greeting .greeting-portrait img{display:block;position:static!important;width:100%!important;max-width:100%!important;height:auto!important}
.mg-greeting .greeting-church{font-size:14px;color:#907846;margin:0 0 6px}
.mg-greeting h2{font-size:22px;color:#243c55;margin:0 0 24px}
.mg-greeting h2 strong{margin-left:8px}
.mg-greeting ul{border-top:1px solid #dbe2e7;padding:22px 0 0;margin:0;list-style:none;text-align:left;font-size:14px;line-height:1.9;color:#536779}
.mg-greeting li{position:relative;padding-left:15px;margin:8px 0}
.mg-greeting li:before{content:'•';position:absolute;left:0;color:#c1b48f}
.mg-greeting .greeting-char{opacity:0;animation:mg-letter-in .5s ease forwards;animation-delay:var(--letter-delay)}
@keyframes mg-letter-in{from{opacity:0}to{opacity:1}}
@media(min-width:768px){.mg-greeting{padding:48px 40px 64px}.mg-greeting .greeting-letter{max-width:660px}.mg-greeting .greeting-pastor{margin-top:64px}}
@media(prefers-reduced-motion:reduce){.mg-greeting .greeting-char{opacity:1;animation:none}}

/* Strong sans-serif hierarchy inspired by the pastor-page reference. */
.mg-greeting{font-family:'Noto Sans KR','Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:#414141}
.mg-greeting>header h1{font-family:'Noto Sans KR','Malgun Gothic','Apple SD Gothic Neo',sans-serif!important;font-size:clamp(28px,4.2vw,48px);font-weight:800!important;line-height:1.35;letter-spacing:-1.5px;color:#191919;margin:18px 0 28px}
.mg-greeting .greeting-letter p{font-family:'Noto Sans KR','Malgun Gothic','Apple SD Gothic Neo',sans-serif!important;font-size:17px;font-weight:400;line-height:1.95;letter-spacing:-.25px;color:#484848}
.mg-greeting .greeting-letter strong{font-weight:700;color:#604a36}
.mg-greeting .greeting-pastor h2{font-family:'Noto Sans KR','Malgun Gothic','Apple SD Gothic Neo',sans-serif!important;font-size:26px;font-weight:700;color:#604a36}
.mg-greeting .greeting-char{font-family:inherit!important;font-weight:inherit!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
@media(max-width:767px){.mg-greeting>header h1{font-size:clamp(26px,6.5vw,34px);letter-spacing:-1px}.mg-greeting .greeting-letter p{font-size:16px;line-height:1.95}}

/* Page title matches the worship section typography. */
.mg-greeting>header h1{font-family:'Noto Sans KR','Malgun Gothic','Apple SD Gothic Neo',sans-serif!important;font-weight:700!important;letter-spacing:-.5px;line-height:1.5;color:#294773}

/* Lighter greeting headline; retain its existing size. */
.mg-greeting>header h1{font-weight:550!important}

/* Desktop letter and pastor profile side by side; mobile remains stacked. */
@media(min-width:761px){
 #mg-desktop-sub .greeting-page{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);column-gap:48px;align-items:start}
 #mg-desktop-sub .greeting-page>header{grid-column:1/-1}
 #mg-desktop-sub .greeting-page>.greeting-letter{grid-column:1;min-width:0;max-width:none}
 #mg-desktop-sub .greeting-page>.greeting-pastor{grid-column:2;min-width:0;width:100%;max-width:none;margin:0;padding:0 0 0 28px;border-left:1px solid #e1e6e3}
 #mg-desktop-sub .greeting-page .greeting-portrait{width:100%;max-width:360px}
}
@media(min-width:761px) and (max-width:1000px){
 #mg-desktop-sub .greeting-page{column-gap:24px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
 #mg-desktop-sub .greeting-page>.greeting-pastor{padding-left:20px}
}