{"id":11,"date":"2026-06-08T05:23:43","date_gmt":"2026-06-08T05:23:43","guid":{"rendered":"https:\/\/demo5.yinwoodweb.com\/malaya\/?page_id=11"},"modified":"2026-07-10T00:07:32","modified_gmt":"2026-07-09T16:07:32","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/demo5.yinwoodweb.com\/malaya\/contact-us\/","title":{"rendered":"Contact"},"content":{"rendered":"\n\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-109eb172 alignfull uagb-is-root-container\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block');\n\nbody .st-michael-contact-page,\n.ast-separate-container .st-michael-contact-page,\n.ast-plain-container .st-michael-contact-page,\n#content .site-content .st-michael-contact-page {\n  --ast-global-color-0: #79021c !important;\n  --ast-global-color-1: #79021c !important;\n  --ast-global-color-2: #580115 !important;\n  --ast-global-color-3: #fdfaf5 !important;\n  --ast-global-color-4: #1a1a1a !important;\n  --ast-global-color-5: #fdfaf5 !important;\n  --ast-global-color-6: #e5dfd6 !important;\n  --ast-global-color-7: #1a1a1a !important;\n  --ast-global-color-8: #79021c !important;\n}\n\nbody .st-michael-contact-page {\n  all: initial;\n  display: block;\n  box-sizing: border-box;\n  position: relative;\n  font-family: 'Lora', Georgia, serif !important;\n  font-size: 16px !important;\n  line-height: 1.7 !important;\n  color: #1a1a1a !important;\n  background: #fdfaf5 !important;\n  overflow-x: hidden !important;\n  -webkit-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n  --maroon: #79021c;\n  --maroon-dark: #580115;\n  --maroon-deeper: #3d000e;\n  --maroon-light: #9e1535;\n  --white: #ffffff;\n  --cream: #fdfaf5;\n  --cream-warm: #f5efe5;\n  --gold: #c9a84c;\n  --gold-light: #e3d18a;\n  --gold-muted: #d4bc72;\n  --gold-dark: #a07d30;\n  --ink: #1a1a1a;\n  --ink-soft: #3a3a3a;\n  --ink-muted: #777777;\n  --ink-faint: #aaaaaa;\n  --border: #e5dfd6;\n  --border-light: #f0ebe3;\n  --shadow-sm: 0 2px 12px rgba(0,0,0,0.05);\n  --shadow-md: 0 8px 30px rgba(0,0,0,0.08);\n  --shadow-lg: 0 16px 50px rgba(0,0,0,0.12);\n  --shadow-xl: 0 24px 60px rgba(0,0,0,0.15);\n  --glow-maroon: 0 8px 28px rgba(121,2,28,0.2);\n  --glow-gold: 0 8px 28px rgba(201,168,76,0.25);\n  --radius-sm: 4px;\n  --radius-md: 8px;\n  --radius-lg: 12px;\n  --ease: cubic-bezier(0.22, 1, 0.36, 1);\n  --fast: 0.25s cubic-bezier(0.22, 1, 0.36, 1);\n  --normal: 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n  --slow: 0.6s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\nbody .st-michael-contact-page *,\nbody .st-michael-contact-page *::before,\nbody .st-michael-contact-page *::after { box-sizing: border-box; }\n\nbody .st-michael-contact-page h1, body .st-michael-contact-page h2,\nbody .st-michael-contact-page h3, body .st-michael-contact-page h4,\nbody .st-michael-contact-page h5, body .st-michael-contact-page h6 {\n  font-family: 'Playfair Display', Georgia, serif !important;\n  font-weight: 700 !important; line-height: 1.25 !important;\n  color: #1a1a1a !important; text-transform: none !important;\n  letter-spacing: normal !important; margin-top: 0 !important; padding-top: 0 !important;\n}\n\nbody .st-michael-contact-page a,\nbody .st-michael-contact-page a:link,\nbody .st-michael-contact-page a:visited {\n  color: #79021c !important; text-decoration: none !important;\n  background: transparent !important; border: none !important;\n  transition: color 0.3s var(--ease), background 0.3s var(--ease),\n              box-shadow 0.3s var(--ease), transform 0.3s var(--ease) !important;\n}\nbody .st-michael-contact-page a:hover,\nbody .st-michael-contact-page a:focus { color: #580115 !important; text-decoration: none !important; }\n\nbody .st-michael-contact-page input,\nbody .st-michael-contact-page textarea,\nbody .st-michael-contact-page select,\nbody .st-michael-contact-page button {\n  font-family: 'Lora', Georgia, serif !important; font-size: 0.92rem !important;\n  line-height: 1.5 !important; border-radius: 4px !important;\n  outline: none !important; box-shadow: none !important;\n}\nbody .st-michael-contact-page input:focus,\nbody .st-michael-contact-page textarea:focus,\nbody .st-michael-contact-page select:focus {\n  outline: none !important; box-shadow: 0 0 0 3px rgba(121,2,28,0.06) !important;\n}\nbody .st-michael-contact-page button,\nbody .st-michael-contact-page input[type=\"submit\"] {\n  background: #79021c !important; color: #ffffff !important;\n  font-family: 'Cormorant Garamond', serif !important; border: none !important;\n  border-radius: 4px !important; padding: 15px 38px !important; cursor: pointer !important;\n}\n\nbody .st-michael-contact-page ul,\nbody .st-michael-contact-page ol { list-style: none !important; margin: 0 !important; padding: 0 !important; }\n\nbody .st-michael-contact-page .mi {\n  font-family: 'Material Symbols Outlined' !important; font-weight: normal !important;\n  font-style: normal !important; font-size: 24px !important; line-height: 1 !important;\n  letter-spacing: normal !important; text-transform: none !important; display: inline-block !important;\n  white-space: nowrap !important; word-wrap: normal !important; direction: ltr !important;\n  -webkit-font-smoothing: antialiased !important;\n}\n\nbody .st-michael-contact-page .t-label {\n  font-family: 'Cormorant Garamond', serif !important; font-size: clamp(0.82rem,1.3vw,0.92rem) !important;\n  font-weight: 600 !important; color: var(--gold) !important; letter-spacing: 0.2em !important;\n  text-transform: uppercase !important; margin: 0 0 10px 0 !important;\n}\nbody .st-michael-contact-page .t-heading {\n  font-family: 'Playfair Display', Georgia, serif !important; font-weight: 700 !important;\n  color: var(--ink) !important; line-height: 1.2 !important; margin: 0 0 8px 0 !important;\n}\nbody .st-michael-contact-page .t-lg { font-size: clamp(2rem,4vw,3rem) !important; }\nbody .st-michael-contact-page .t-md { font-size: clamp(1.5rem,2.8vw,2.1rem) !important; }\nbody .st-michael-contact-page .t-sm { font-size: clamp(1.15rem,1.8vw,1.4rem) !important; }\nbody .st-michael-contact-page .t-body {\n  font-family: 'Lora', Georgia, serif !important; font-size: clamp(0.9rem,1.3vw,1rem) !important;\n  color: var(--ink-soft) !important; line-height: 1.85 !important; margin: 0 0 10px 0 !important;\n}\nbody .st-michael-contact-page .t-muted { color: var(--ink-muted) !important; }\nbody .st-michael-contact-page .t-divider {\n  display: block !important; width: 50px !important; height: 2px !important;\n  background: var(--gold) !important; border: none !important; margin: 16px 0 !important; padding: 0 !important;\n}\nbody .st-michael-contact-page .t-divider-center { margin-left: auto !important; margin-right: auto !important; }\n\nbody .st-michael-contact-page .smc-wrap {\n  max-width: 1200px !important; margin: 0 auto !important; padding: 0 40px !important; width: 100% !important;\n}\n\n\/* ===== HERO ===== *\/\nbody .st-michael-contact-page .smc-hero {\n  position: relative !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important;\n  background: linear-gradient(165deg, #3d000e 0%, #79021c 45%, #580115 100%) !important;\n}\nbody .st-michael-contact-page .smc-hero-grid {\n  display: grid !important; grid-template-columns: 1.1fr 0.9fr !important;\n  min-height: 580px !important; align-items: center !important;\n}\nbody .st-michael-contact-page .smc-hero-left {\n  padding: 80px 50px 80px 80px !important; position: relative !important; z-index: 2 !important;\n}\nbody .st-michael-contact-page .smc-hero-badge {\n  display: inline-flex !important; align-items: center !important; gap: 8px !important;\n  padding: 8px 18px !important; background: rgba(255,255,255,0.07) !important;\n  border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 30px !important;\n  margin-bottom: 26px !important; animation: smcSlideLeft 0.7s var(--ease) 0.15s both !important;\n}\nbody .st-michael-contact-page .smc-hero-badge .mi { font-size: 18px !important; color: var(--gold) !important; }\nbody .st-michael-contact-page .smc-hero-badge-text {\n  font-family: 'Cormorant Garamond', serif !important; font-size: 0.82rem !important;\n  font-weight: 600 !important; color: var(--gold-light) !important;\n  letter-spacing: 0.18em !important; text-transform: uppercase !important;\n}\nbody .st-michael-contact-page .smc-hero h1 {\n  font-family: 'Playfair Display', Georgia, serif !important;\n  font-size: clamp(2.2rem,4.5vw,3.2rem) !important; font-weight: 700 !important;\n  color: var(--white) !important; line-height: 1.12 !important;\n  margin: 0 0 20px 0 !important; padding: 0 !important;\n  animation: smcSlideLeft 0.8s var(--ease) 0.3s both !important;\n}\nbody .st-michael-contact-page .smc-hero h1 em {\n  font-style: italic !important; color: var(--gold-light) !important; font-weight: 500 !important;\n}\nbody .st-michael-contact-page .smc-hero-desc {\n  font-family: 'Lora', Georgia, serif !important; font-size: clamp(0.92rem,1.5vw,1.05rem) !important;\n  color: rgba(255,255,255,0.65) !important; margin: 0 0 32px 0 !important;\n  max-width: 480px !important; line-height: 1.85 !important;\n  animation: smcSlideLeft 0.8s var(--ease) 0.45s both !important;\n}\nbody .st-michael-contact-page .smc-hero-actions {\n  display: flex !important; gap: 14px !important; flex-wrap: wrap !important;\n  opacity: 1 !important; visibility: visible !important;\n}\n\n\/* ===== BUTTONS \u2014 specificity fix via a.btn-gold:link (0,3,2) beats a:link (0,2,2) ===== *\/\nbody .st-michael-contact-page a.btn-gold,\nbody .st-michael-contact-page a.btn-gold:link,\nbody .st-michael-contact-page a.btn-gold:visited {\n  display: inline-flex !important; align-items: center !important; gap: 10px !important;\n  padding: 16px 34px !important; font-family: 'Cormorant Garamond', serif !important;\n  font-size: 1rem !important; font-weight: 700 !important; letter-spacing: 0.14em !important;\n  text-transform: uppercase !important; text-decoration: none !important;\n  color: var(--gold) !important;\n  background-color: var(--maroon-deeper) !important; background-image: none !important;\n  border: 2px solid var(--gold) !important; border-radius: var(--radius-sm) !important;\n  cursor: pointer !important; opacity: 1 !important; visibility: visible !important;\n  z-index: 5 !important; position: relative !important; overflow: hidden !important;\n  box-shadow: 0 4px 20px rgba(201,168,76,0.25) !important;\n  transition: background-color var(--fast), color var(--fast), transform var(--fast), box-shadow var(--fast) !important;\n}\nbody .st-michael-contact-page a.btn-gold::after {\n  content: '' !important; position: absolute !important; inset: 0 !important;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent) !important;\n  transform: translateX(-100%) !important; transition: transform 0.5s ease !important;\n}\nbody .st-michael-contact-page a.btn-gold:hover,\nbody .st-michael-contact-page a.btn-gold:focus {\n  background-color: var(--gold) !important; color: var(--maroon-deeper) !important;\n  transform: translateY(-2px) !important; box-shadow: 0 8px 32px rgba(201,168,76,0.45) !important;\n}\nbody .st-michael-contact-page a.btn-gold:hover::after { transform: translateX(100%) !important; }\nbody .st-michael-contact-page a.btn-gold .mi { font-size: 20px !important; transition: transform var(--fast) !important; }\nbody .st-michael-contact-page a.btn-gold:hover .mi { transform: translateX(4px) !important; }\n\nbody .st-michael-contact-page a.btn-ghost,\nbody .st-michael-contact-page a.btn-ghost:link,\nbody .st-michael-contact-page a.btn-ghost:visited {\n  display: inline-flex !important; align-items: center !important; gap: 10px !important;\n  padding: 16px 34px !important; font-family: 'Cormorant Garamond', serif !important;\n  font-size: 1rem !important; font-weight: 600 !important; letter-spacing: 0.12em !important;\n  text-transform: uppercase !important; text-decoration: none !important;\n  color: var(--gold) !important;\n  background-color: transparent !important; background-image: none !important;\n  border: 2px solid var(--gold) !important; border-radius: var(--radius-sm) !important;\n  opacity: 1 !important; visibility: visible !important; z-index: 5 !important;\n  transition: border-color var(--fast), background-color var(--fast), color var(--fast), transform var(--fast) !important;\n}\nbody .st-michael-contact-page a.btn-ghost:hover,\nbody .st-michael-contact-page a.btn-ghost:focus {\n  border-color: var(--gold-light) !important; background-color: rgba(201,168,76,0.12) !important;\n  color: var(--gold-light) !important; transform: translateY(-2px) !important;\n}\nbody .st-michael-contact-page a.btn-ghost .mi { font-size: 20px !important; }\n\n\/* Hero right *\/\nbody .st-michael-contact-page .smc-hero-right {\n  position: relative !important; display: flex !important; align-items: center !important;\n  justify-content: center !important; min-height: 580px !important; overflow: hidden !important;\n}\nbody .st-michael-contact-page .smc-hero-right::before {\n  content: '' !important; position: absolute !important; inset: 0 !important;\n  background: linear-gradient(to right, #580115, transparent 30%) !important; z-index: 1 !important;\n}\nbody .st-michael-contact-page .smc-hero-cross-deco {\n  position: relative !important; width: 200px !important; height: 300px !important; opacity: 0.08 !important;\n  animation: smcCrossReveal 0.8s var(--ease) 0.3s both !important;\n}\nbody .st-michael-contact-page .smc-hero-cross-deco::before {\n  content: '' !important; position: absolute !important; left: 50% !important; top: 0 !important;\n  transform: translateX(-50%) !important; width: 14px !important; height: 100% !important;\n  background: var(--gold) !important; border-radius: 6px !important;\n}\nbody .st-michael-contact-page .smc-hero-cross-deco::after {\n  content: '' !important; position: absolute !important; top: 28% !important; left: 0 !important;\n  width: 100% !important; height: 14px !important; background: var(--gold) !important; border-radius: 6px !important;\n}\nbody .st-michael-contact-page .smc-float {\n  position: absolute !important; z-index: 3 !important;\n  background: rgba(255,255,255,0.06) !important; backdrop-filter: blur(12px) !important;\n  -webkit-backdrop-filter: blur(12px) !important; border: 1px solid rgba(255,255,255,0.08) !important;\n  border-radius: var(--radius-md) !important; padding: 16px 20px !important;\n  display: flex !important; align-items: center !important; gap: 12px !important;\n}\nbody .st-michael-contact-page .smc-float-icon {\n  width: 42px !important; height: 42px !important; border-radius: 50% !important;\n  background: rgba(201,168,76,0.14) !important; display: flex !important;\n  align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;\n}\nbody .st-michael-contact-page .smc-float-icon .mi { font-size: 20px !important; color: var(--gold-light) !important; }\nbody .st-michael-contact-page .smc-float-text strong { display: block !important; font-family: 'Playfair Display', serif !important; font-size: 0.88rem !important; font-weight: 600 !important; color: var(--white) !important; margin-bottom: 1px !important; }\nbody .st-michael-contact-page .smc-float-text span { font-family: 'Lora', serif !important; font-size: 0.76rem !important; color: rgba(255,255,255,0.5) !important; }\nbody .st-michael-contact-page .smc-float-1 { top: 55px !important; right: 70px !important; animation: smcBob 5s ease-in-out infinite !important; }\nbody .st-michael-contact-page .smc-float-2 { bottom: 110px !important; right: 130px !important; animation: smcBob 5s ease-in-out 1.5s infinite !important; }\nbody .st-michael-contact-page .smc-float-3 { bottom: 55px !important; right: 40px !important; animation: smcBob 5s ease-in-out 3s infinite !important; }\n\n@keyframes smcBob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }\n@keyframes smcSlideLeft { from{opacity:0;transform:translateX(-28px)} to{opacity:1;transform:translateX(0)} }\n@keyframes smcCrossReveal { from{opacity:0;transform:scale(0.5) rotate(-90deg)} to{opacity:1;transform:scale(1) rotate(0)} }\n\n\/* ===== QUICK STRIP ===== *\/\nbody .st-michael-contact-page .smc-strip { background: var(--white) !important; border-bottom: 1px solid var(--border-light) !important; padding: 0 !important; margin: 0 !important; }\nbody .st-michael-contact-page .smc-strip-inner { display: flex !important; align-items: center !important; justify-content: center !important; gap: 44px !important; padding: 26px 40px !important; flex-wrap: wrap !important; }\nbody .st-michael-contact-page .smc-strip-item { display: flex !important; align-items: center !important; gap: 12px !important; }\nbody .st-michael-contact-page .smc-strip-item .mi { font-size: 20px !important; color: var(--maroon) !important; }\nbody .st-michael-contact-page .smc-strip-item strong { font-family: 'Cormorant Garamond', serif !important; font-size: 0.92rem !important; font-weight: 600 !important; color: var(--ink-soft) !important; letter-spacing: 0.04em !important; }\nbody .st-michael-contact-page .smc-strip-item a { text-decoration: none !important; color: var(--ink-soft) !important; }\nbody .st-michael-contact-page .smc-strip-item a:hover { color: var(--maroon) !important; }\n\n\/* ===== ABOUT ===== *\/\nbody .st-michael-contact-page .smc-about { padding: 90px 0 70px !important; background: var(--cream) !important; margin: 0 !important; }\nbody .st-michael-contact-page .smc-about-grid { display: grid !important; grid-template-columns: 1.15fr 0.85fr !important; gap: 70px !important; align-items: center !important; }\nbody .st-michael-contact-page .smc-about-features { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 18px !important; margin-top: 28px !important; }\nbody .st-michael-contact-page .smc-feat {\n  display: flex !important; align-items: flex-start !important; gap: 14px !important; padding: 18px !important;\n  background: var(--white) !important; border-radius: var(--radius-md) !important;\n  border: 1px solid var(--border-light) !important;\n  transition: border-color var(--fast), box-shadow var(--fast), transform var(--fast) !important;\n}\nbody .st-michael-contact-page .smc-feat:hover { border-color: var(--gold) !important; box-shadow: var(--shadow-md) !important; transform: translateY(-3px) !important; }\nbody .st-michael-contact-page .smc-feat-icon {\n  width: 40px !important; height: 40px !important; border-radius: 50% !important;\n  background: linear-gradient(135deg, #79021c, #9e1535) !important; display: flex !important;\n  align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;\n  transition: transform var(--fast) !important;\n}\nbody .st-michael-contact-page .smc-feat:hover .smc-feat-icon { transform: scale(1.1) !important; }\nbody .st-michael-contact-page .smc-feat-icon .mi { font-size: 19px !important; color: var(--white) !important; }\nbody .st-michael-contact-page .smc-feat h4 { font-family: 'Playfair Display', serif !important; font-size: 0.95rem !important; font-weight: 600 !important; color: var(--ink) !important; margin: 0 0 3px 0 !important; line-height: 1.3 !important; }\nbody .st-michael-contact-page .smc-feat p { font-family: 'Lora', serif !important; font-size: 0.82rem !important; color: var(--ink-muted) !important; line-height: 1.6 !important; margin: 0 !important; }\nbody .st-michael-contact-page .smc-about-img { position: relative !important; }\nbody .st-michael-contact-page .smc-about-imgbox {\n  position: relative !important; border-radius: var(--radius-lg) !important; overflow: hidden !important;\n  box-shadow: var(--shadow-xl) !important; aspect-ratio: 4\/5 !important;\n  background: linear-gradient(135deg, #79021c, #580115) !important;\n  display: flex !important; align-items: center !important; justify-content: center !important;\n}\nbody .st-michael-contact-page .smc-about-imgbox::before {\n  content: '' !important; position: absolute !important; inset: 0 !important;\n  background: repeating-linear-gradient(45deg,transparent,transparent 28px,rgba(255,255,255,0.018) 28px,rgba(255,255,255,0.018) 30px),\n    repeating-linear-gradient(-45deg,transparent,transparent 28px,rgba(255,255,255,0.018) 28px,rgba(255,255,255,0.018) 30px) !important;\n}\nbody .st-michael-contact-page .smc-about-imgbox-inner { text-align: center !important; position: relative !important; z-index: 1 !important; padding: 40px !important; }\nbody .st-michael-contact-page .smc-deco-cross { width: 50px !important; height: 78px !important; position: relative !important; margin: 0 auto 28px !important; }\nbody .st-michael-contact-page .smc-deco-cross::before { content: '' !important; position: absolute !important; left: 50% !important; top: 0 !important; transform: translateX(-50%) !important; width: 7px !important; height: 100% !important; background: var(--gold) !important; border-radius: 3px !important; }\nbody .st-michael-contact-page .smc-deco-cross::after { content: '' !important; position: absolute !important; top: 30% !important; left: 0 !important; width: 100% !important; height: 7px !important; background: var(--gold) !important; border-radius: 3px !important; }\nbody .st-michael-contact-page .smc-about-imgbox-inner h3 { font-family: 'Playfair Display', serif !important; font-size: 1.5rem !important; font-weight: 700 !important; color: var(--white) !important; margin: 0 0 8px 0 !important; line-height: 1.25 !important; }\nbody .st-michael-contact-page .smc-about-imgbox-inner p { font-family: 'Cormorant Garamond', serif !important; font-size: 1rem !important; color: var(--gold-light) !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; margin: 0 !important; }\nbody .st-michael-contact-page .smc-about-badge {\n  position: absolute !important; bottom: -18px !important; left: 28px !important;\n  background: var(--white) !important; padding: 20px 24px !important; border-radius: var(--radius-md) !important;\n  box-shadow: var(--shadow-md) !important; display: flex !important; align-items: center !important;\n  gap: 14px !important; z-index: 2 !important;\n  transition: transform var(--fast), box-shadow var(--fast) !important;\n}\nbody .st-michael-contact-page .smc-about-badge:hover { transform: translateY(-3px) !important; box-shadow: var(--shadow-lg) !important; }\nbody .st-michael-contact-page .smc-about-badge .mi { font-size: 30px !important; color: var(--maroon) !important; }\nbody .st-michael-contact-page .smc-about-badge strong { display: block !important; font-family: 'Playfair Display', serif !important; font-size: 1.4rem !important; font-weight: 700 !important; color: var(--ink) !important; line-height: 1 !important; }\nbody .st-michael-contact-page .smc-about-badge span { font-family: 'Lora', serif !important; font-size: 0.78rem !important; color: var(--ink-muted) !important; }\n\n\/* ===== INFO CARDS ===== *\/\nbody .st-michael-contact-page .smc-info { padding: 80px 0 !important; background: var(--white) !important; margin: 0 !important; }\nbody .st-michael-contact-page .smc-info-header { text-align: center !important; max-width: 580px !important; margin: 0 auto 55px !important; }\nbody .st-michael-contact-page .smc-info-cards { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 28px !important; }\nbody .st-michael-contact-page .smc-card {\n  background: var(--cream) !important; border: 1px solid var(--border-light) !important;\n  border-radius: var(--radius-md) !important; padding: 38px 28px !important; text-align: center !important;\n  position: relative !important; overflow: hidden !important;\n  transition: transform var(--normal), box-shadow var(--normal), border-color var(--fast) !important;\n}\nbody .st-michael-contact-page .smc-card::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 4px !important; background: #79021c !important; transform: scaleX(0) !important; transition: transform var(--normal) !important; }\nbody .st-michael-contact-page .smc-card:hover::before { transform: scaleX(1) !important; }\nbody .st-michael-contact-page .smc-card:hover { transform: translateY(-7px) !important; box-shadow: var(--shadow-lg) !important; border-color: transparent !important; }\nbody .st-michael-contact-page .smc-card-icon {\n  width: 68px !important; height: 68px !important; border-radius: 50% !important;\n  background: var(--white) !important; border: 2px solid var(--border) !important;\n  display: inline-flex !important; align-items: center !important; justify-content: center !important;\n  margin-bottom: 22px !important; transition: background var(--fast), border-color var(--fast), transform var(--fast) !important;\n}\nbody .st-michael-contact-page .smc-card:hover .smc-card-icon { background: #79021c !important; border-color: #79021c !important; transform: scale(1.08) rotate(-5deg) !important; }\nbody .st-michael-contact-page .smc-card-icon .mi { font-size: 28px !important; color: #79021c !important; transition: color var(--fast) !important; }\nbody .st-michael-contact-page .smc-card:hover .smc-card-icon .mi { color: var(--white) !important; }\nbody .st-michael-contact-page .smc-card h3 { font-family: 'Playfair Display', serif !important; font-size: 1.2rem !important; font-weight: 600 !important; color: var(--ink) !important; margin: 0 0 8px 0 !important; line-height: 1.3 !important; }\nbody .st-michael-contact-page .smc-card p { font-family: 'Lora', serif !important; font-size: 0.88rem !important; color: var(--ink-muted) !important; line-height: 1.7 !important; margin: 0 0 3px 0 !important; }\nbody .st-michael-contact-page .smc-card a { color: #79021c !important; font-weight: 500 !important; text-decoration: none !important; position: relative !important; }\nbody .st-michael-contact-page .smc-card a::after { content: '' !important; position: absolute !important; bottom: -2px !important; left: 0 !important; width: 0 !important; height: 1px !important; background: #79021c !important; transition: width var(--fast) !important; }\nbody .st-michael-contact-page .smc-card a:hover::after { width: 100% !important; }\n\n\/* ===== FORM + SIDEBAR ===== *\/\nbody .st-michael-contact-page .smc-form { padding: 90px 0 !important; background: var(--cream) !important; margin: 0 !important; }\nbody .st-michael-contact-page .smc-form-header { text-align: center !important; max-width: 580px !important; margin: 0 auto 50px !important; }\nbody .st-michael-contact-page .smc-form-layout { display: grid !important; grid-template-columns: 1fr 380px !important; gap: 36px !important; align-items: start !important; }\nbody .st-michael-contact-page .smc-form-left { display: flex !important; flex-direction: column !important; gap: 28px !important; }\nbody .st-michael-contact-page .smc-form-card {\n  background: var(--white) !important; border: 1px solid var(--border-light) !important;\n  border-radius: var(--radius-lg) !important; padding: 44px 40px !important;\n  box-shadow: var(--shadow-sm) !important; position: relative !important; overflow: hidden !important;\n}\nbody .st-michael-contact-page .smc-form-card::before {\n  content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important;\n  bottom: 0 !important; width: 4px !important;\n  background: linear-gradient(to bottom, #79021c, var(--gold)) !important;\n}\nbody .st-michael-contact-page .smc-form-card h3 { font-family: 'Playfair Display', serif !important; font-size: 1.3rem !important; font-weight: 600 !important; color: var(--ink) !important; margin: 0 0 5px 0 !important; line-height: 1.3 !important; }\nbody .st-michael-contact-page .smc-form-card-desc { font-family: 'Lora', serif !important; font-size: 0.86rem !important; color: var(--ink-muted) !important; margin: 0 0 30px 0 !important; line-height: 1.7 !important; }\nbody .st-michael-contact-page .smc-form-row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 18px !important; }\nbody .st-michael-contact-page .smc-fg { margin-bottom: 18px !important; }\nbody .st-michael-contact-page .smc-fg label {\n  display: flex !important; align-items: center !important; gap: 5px !important;\n  font-family: 'Cormorant Garamond', serif !important; font-size: 0.9rem !important;\n  font-weight: 600 !important; color: var(--ink-soft) !important; letter-spacing: 0.04em !important; margin-bottom: 7px !important;\n}\nbody .st-michael-contact-page .smc-fg .req { color: #79021c !important; font-size: 0.8em !important; }\nbody .st-michael-contact-page .smc-input {\n  width: 100% !important; font-family: 'Lora', Georgia, serif !important; font-size: 0.88rem !important;\n  color: var(--ink) !important; background: var(--cream) !important; border: 1.5px solid var(--border) !important;\n  border-radius: var(--radius-sm) !important; padding: 11px 14px !important;\n  transition: border-color var(--fast), box-shadow var(--fast), background var(--fast) !important;\n  appearance: none !important; -webkit-appearance: none !important;\n}\nbody .st-michael-contact-page .smc-input::placeholder { color: var(--ink-faint) !important; font-style: italic !important; }\nbody .st-michael-contact-page .smc-input:focus { border-color: #79021c !important; background: var(--white) !important; box-shadow: 0 0 0 3px rgba(121,2,28,0.06) !important; outline: none !important; }\nbody .st-michael-contact-page textarea.smc-input { resize: vertical !important; min-height: 120px !important; }\nbody .st-michael-contact-page select.smc-input {\n  cursor: pointer !important;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'\/%3E%3C\/svg%3E\") !important;\n  background-repeat: no-repeat !important; background-position: right 14px center !important; padding-right: 36px !important;\n}\nbody .st-michael-contact-page .smc-submit {\n  display: inline-flex !important; align-items: center !important; gap: 10px !important;\n  padding: 14px 36px !important; font-family: 'Cormorant Garamond', serif !important;\n  font-size: 1rem !important; font-weight: 700 !important; letter-spacing: 0.14em !important;\n  text-transform: uppercase !important; color: var(--white) !important; background: #79021c !important;\n  border: none !important; border-radius: var(--radius-sm) !important; cursor: pointer !important;\n  position: relative !important; overflow: hidden !important;\n  transition: background var(--fast), transform var(--fast), box-shadow var(--fast) !important;\n}\nbody .st-michael-contact-page .smc-submit::after {\n  content: '' !important; position: absolute !important; inset: 0 !important;\n  background: linear-gradient(90deg,transparent,rgba(255,255,255,0.12),transparent) !important;\n  transform: translateX(-100%) !important; transition: transform 0.5s ease !important;\n}\nbody .st-michael-contact-page .smc-submit:hover { background: #580115 !important; transform: translateY(-2px) !important; box-shadow: var(--glow-maroon) !important; }\nbody .st-michael-contact-page .smc-submit:hover::after { transform: translateX(100%) !important; }\nbody .st-michael-contact-page .smc-submit .mi { font-size: 20px !important; transition: transform var(--fast) !important; }\nbody .st-michael-contact-page .smc-submit:hover .mi { transform: translateX(3px) !important; }\nbody .st-michael-contact-page .smc-submit:disabled { opacity: 0.7 !important; cursor: wait !important; }\n\n\/* ===== INLINE ALERTS ===== *\/\nbody .st-michael-contact-page .smc-form-alert {\n  margin-top: 20px !important; border-radius: var(--radius-md) !important; overflow: hidden !important;\n  max-height: 0 !important; opacity: 0 !important; padding: 0 !important;\n  transition: max-height 0.55s var(--ease), opacity 0.4s var(--ease), padding 0.55s var(--ease) !important;\n}\nbody .st-michael-contact-page .smc-form-alert.smc-alert-show {\n  max-height: 250px !important; opacity: 1 !important; padding: 20px 24px !important;\n}\nbody .st-michael-contact-page .smc-alert-success {\n  background: linear-gradient(135deg, #f0faf0, #e8f5e9) !important;\n  border: 1.5px solid #a5d6a7 !important; border-left: 5px solid #2e7d32 !important;\n}\nbody .st-michael-contact-page .smc-alert-error {\n  background: linear-gradient(135deg, #fff8f8, #ffebee) !important;\n  border: 1.5px solid #ef9a9a !important; border-left: 5px solid #c62828 !important;\n}\nbody .st-michael-contact-page .smc-alert-inner { display: flex !important; align-items: flex-start !important; gap: 14px !important; }\nbody .st-michael-contact-page .smc-alert-icon { flex-shrink: 0 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; }\nbody .st-michael-contact-page .smc-alert-success .smc-alert-icon { background: rgba(46,125,50,0.1) !important; }\nbody .st-michael-contact-page .smc-alert-success .smc-alert-icon .mi { font-size: 22px !important; color: #2e7d32 !important; }\nbody .st-michael-contact-page .smc-alert-error .smc-alert-icon { background: rgba(198,40,40,0.1) !important; }\nbody .st-michael-contact-page .smc-alert-error .smc-alert-icon .mi { font-size: 22px !important; color: #c62828 !important; }\nbody .st-michael-contact-page .smc-alert-title { font-family: 'Playfair Display', serif !important; font-size: 0.98rem !important; font-weight: 600 !important; margin: 0 0 3px 0 !important; line-height: 1.3 !important; }\nbody .st-michael-contact-page .smc-alert-success .smc-alert-title { color: #2e7d32 !important; }\nbody .st-michael-contact-page .smc-alert-error .smc-alert-title { color: #c62828 !important; }\nbody .st-michael-contact-page .smc-alert-msg { font-family: 'Lora', serif !important; font-size: 0.84rem !important; color: var(--ink-muted) !important; line-height: 1.65 !important; margin: 0 !important; }\n\n\/* Field validation *\/\nbody .st-michael-contact-page .smc-input.smc-input-error { border-color: #c62828 !important; background: #fff5f5 !important; }\nbody .st-michael-contact-page .smc-input.smc-input-error:focus { box-shadow: 0 0 0 3px rgba(198,40,40,0.1) !important; }\nbody .st-michael-contact-page .smc-fg .smc-field-error {\n  font-family: 'Lora', serif !important; font-size: 0.76rem !important; color: #c62828 !important;\n  margin-top: 5px !important; display: none !important; align-items: center !important; gap: 4px !important;\n}\nbody .st-michael-contact-page .smc-fg .smc-field-error .mi { font-size: 15px !important; color: #c62828 !important; }\nbody .st-michael-contact-page .smc-fg.smc-has-error .smc-field-error { display: flex !important; }\n\n\/* Extra cards *\/\nbody .st-michael-contact-page .smc-form-extras { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 22px !important; }\nbody .st-michael-contact-page .smc-extra-card {\n  background: var(--white) !important; border: 1px solid var(--border-light) !important;\n  border-radius: var(--radius-md) !important; padding: 28px 24px !important;\n  display: flex !important; align-items: flex-start !important; gap: 16px !important;\n  transition: transform var(--fast), box-shadow var(--fast), border-color var(--fast) !important;\n}\nbody .st-michael-contact-page .smc-extra-card:hover { transform: translateY(-3px) !important; box-shadow: var(--shadow-md) !important; border-color: var(--gold) !important; }\nbody .st-michael-contact-page .smc-extra-icon {\n  width: 46px !important; height: 46px !important; border-radius: 50% !important;\n  background: linear-gradient(135deg, #79021c, #9e1535) !important; display: flex !important;\n  align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;\n  transition: transform var(--fast) !important;\n}\nbody .st-michael-contact-page .smc-extra-card:hover .smc-extra-icon { transform: scale(1.1) rotate(-5deg) !important; }\nbody .st-michael-contact-page .smc-extra-icon .mi { font-size: 21px !important; color: var(--white) !important; }\nbody .st-michael-contact-page .smc-extra-icon-gold { background: linear-gradient(135deg, var(--gold-dark), var(--gold)) !important; }\nbody .st-michael-contact-page .smc-extra-body h4 { font-family: 'Playfair Display', serif !important; font-size: 1rem !important; font-weight: 600 !important; color: var(--ink) !important; margin: 0 0 5px 0 !important; line-height: 1.3 !important; }\nbody .st-michael-contact-page .smc-extra-body p { font-family: 'Lora', serif !important; font-size: 0.84rem !important; color: var(--ink-muted) !important; line-height: 1.7 !important; margin: 0 !important; }\n\n\/* Guarantee *\/\nbody .st-michael-contact-page .smc-guarantee {\n  background: var(--white) !important; border: 1.5px solid var(--gold) !important;\n  border-radius: var(--radius-md) !important; padding: 24px 28px !important;\n  display: flex !important; align-items: center !important; gap: 18px !important;\n  position: relative !important; overflow: hidden !important;\n  transition: box-shadow var(--fast) !important;\n}\nbody .st-michael-contact-page .smc-guarantee:hover { box-shadow: var(--glow-gold) !important; }\nbody .st-michael-contact-page .smc-guarantee::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; bottom: 0 !important; width: 4px !important; background: var(--gold) !important; }\nbody .st-michael-contact-page .smc-guarantee-icon {\n  width: 50px !important; height: 50px !important; border-radius: 50% !important;\n  background: linear-gradient(135deg, var(--gold-dark), var(--gold)) !important;\n  display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;\n}\nbody .st-michael-contact-page .smc-guarantee-icon .mi { font-size: 24px !important; color: var(--white) !important; }\nbody .st-michael-contact-page .smc-guarantee-text h4 { font-family: 'Playfair Display', serif !important; font-size: 1.05rem !important; font-weight: 600 !important; color: var(--ink) !important; margin: 0 0 4px 0 !important; line-height: 1.3 !important; }\nbody .st-michael-contact-page .smc-guarantee-text p { font-family: 'Lora', serif !important; font-size: 0.84rem !important; color: var(--ink-muted) !important; line-height: 1.7 !important; margin: 0 !important; }\n\n\/* Sidebar *\/\nbody .st-michael-contact-page .smc-sidebar { display: flex !important; flex-direction: column !important; gap: 22px !important; }\nbody .st-michael-contact-page .smc-side {\n  background: var(--white) !important; border: 1px solid var(--border-light) !important;\n  border-radius: var(--radius-md) !important; padding: 28px 24px !important;\n  box-shadow: var(--shadow-sm) !important; transition: transform var(--fast), box-shadow var(--fast) !important;\n}\nbody .st-michael-contact-page .smc-side:hover { transform: translateY(-3px) !important; box-shadow: var(--shadow-md) !important; }\nbody .st-michael-contact-page .smc-side-head { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 18px !important; padding-bottom: 14px !important; border-bottom: 1px solid var(--border-light) !important; }\nbody .st-michael-contact-page .smc-side-head-icon {\n  width: 42px !important; height: 42px !important; border-radius: 50% !important;\n  background: linear-gradient(135deg, #79021c, #9e1535) !important; display: flex !important;\n  align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;\n  transition: transform var(--fast) !important;\n}\nbody .st-michael-contact-page .smc-side:hover .smc-side-head-icon { transform: rotate(-5deg) scale(1.05) !important; }\nbody .st-michael-contact-page .smc-side-head-icon .mi { font-size: 20px !important; color: var(--white) !important; }\nbody .st-michael-contact-page .smc-side-head h4 { font-family: 'Playfair Display', serif !important; font-size: 1.05rem !important; font-weight: 600 !important; color: var(--ink) !important; margin: 0 !important; line-height: 1.3 !important; }\nbody .st-michael-contact-page .smc-side-head p { font-family: 'Lora', serif !important; font-size: 0.76rem !important; color: var(--ink-muted) !important; margin: 2px 0 0 0 !important; }\nbody .st-michael-contact-page .smc-hours li { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 9px 0 !important; border-bottom: 1px dashed var(--border-light) !important; font-family: 'Lora', serif !important; font-size: 0.86rem !important; transition: padding-left var(--fast) !important; }\nbody .st-michael-contact-page .smc-hours li:hover { padding-left: 5px !important; }\nbody .st-michael-contact-page .smc-hours li:last-child { border-bottom: none !important; }\nbody .st-michael-contact-page .smc-hours .day { font-weight: 500 !important; color: var(--ink-soft) !important; }\nbody .st-michael-contact-page .smc-hours .time { color: #79021c !important; font-weight: 500 !important; font-size: 0.83rem !important; }\nbody .st-michael-contact-page .smc-mass li { display: flex !important; align-items: center !important; gap: 10px !important; padding: 8px 0 !important; font-family: 'Lora', serif !important; font-size: 0.86rem !important; color: var(--ink-soft) !important; border-bottom: 1px dashed var(--border-light) !important; transition: gap var(--fast) !important; }\nbody .st-michael-contact-page .smc-mass li:hover { gap: 14px !important; }\nbody .st-michael-contact-page .smc-mass li:last-child { border-bottom: none !important; }\nbody .st-michael-contact-page .smc-mass li .mi { font-size: 17px !important; color: var(--gold) !important; }\nbody .st-michael-contact-page a.smc-side-phone,\nbody .st-michael-contact-page a.smc-side-phone:link,\nbody .st-michael-contact-page a.smc-side-phone:visited {\n  display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important;\n  width: 100% !important; padding: 12px 18px !important; margin-top: 14px !important;\n  font-family: 'Cormorant Garamond', serif !important; font-size: 0.98rem !important; font-weight: 700 !important;\n  letter-spacing: 0.06em !important; text-decoration: none !important;\n  color: var(--white) !important; background-color: #79021c !important; background-image: none !important;\n  border: none !important; border-radius: var(--radius-sm) !important;\n  transition: background var(--fast), transform var(--fast), box-shadow var(--fast) !important;\n}\nbody .st-michael-contact-page a.smc-side-phone:hover { background: #580115 !important; transform: translateY(-2px) !important; box-shadow: var(--glow-maroon) !important; color: var(--white) !important; }\nbody .st-michael-contact-page .smc-side-phone .mi { font-size: 19px !important; }\nbody .st-michael-contact-page a.smc-side-phone-gold,\nbody .st-michael-contact-page a.smc-side-phone-gold:link,\nbody .st-michael-contact-page a.smc-side-phone-gold:visited {\n  background-color: var(--gold) !important; background-image: none !important;\n  color: #3d000e !important; border: none !important;\n}\nbody .st-michael-contact-page a.smc-side-phone-gold:hover { background: var(--gold-light) !important; color: #3d000e !important; box-shadow: var(--glow-gold) !important; }\nbody .st-michael-contact-page .smc-side-note { font-family: 'Lora', serif !important; font-size: 0.83rem !important; color: var(--ink-muted) !important; line-height: 1.75 !important; margin: 0 !important; }\nbody .st-michael-contact-page .smc-side-note a { color: #79021c !important; font-weight: 500 !important; border-bottom: 1px solid #79021c !important; text-decoration: none !important; }\n\n\/* ===== MAP ===== *\/\nbody .st-michael-contact-page .smc-map { padding: 80px 0 !important; background: var(--white) !important; margin: 0 !important; }\nbody .st-michael-contact-page .smc-map-header { text-align: center !important; max-width: 580px !important; margin: 0 auto 45px !important; }\nbody .st-michael-contact-page .smc-map-wrap { max-width: 1200px !important; margin: 0 auto !important; padding: 0 40px !important; position: relative !important; }\nbody .st-michael-contact-page .smc-map-frame { width: 100% !important; height: 440px !important; border: none !important; border-radius: var(--radius-lg) !important; display: block !important; box-shadow: var(--shadow-lg) !important; }\nbody .st-michael-contact-page .smc-map-card {\n  position: absolute !important; bottom: 40px !important; left: 70px !important;\n  background: var(--white) !important; border-radius: var(--radius-md) !important; padding: 22px 26px !important;\n  box-shadow: var(--shadow-xl) !important; display: flex !important; align-items: center !important;\n  gap: 14px !important; max-width: 330px !important; z-index: 2 !important;\n  transition: transform var(--fast), box-shadow var(--fast) !important;\n}\nbody .st-michael-contact-page .smc-map-card:hover { transform: translateY(-4px) !important; box-shadow: 0 20px 60px rgba(0,0,0,0.18) !important; }\nbody .st-michael-contact-page .smc-map-card-icon { width: 46px !important; height: 46px !important; border-radius: 50% !important; background: #79021c !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }\nbody .st-michael-contact-page .smc-map-card-icon .mi { font-size: 22px !important; color: var(--white) !important; }\nbody .st-michael-contact-page .smc-map-card h4 { font-family: 'Playfair Display', serif !important; font-size: 0.98rem !important; font-weight: 600 !important; color: var(--ink) !important; margin: 0 0 2px 0 !important; line-height: 1.3 !important; }\nbody .st-michael-contact-page .smc-map-card p { font-family: 'Lora', serif !important; font-size: 0.8rem !important; color: var(--ink-muted) !important; line-height: 1.5 !important; margin: 0 !important; }\nbody .st-michael-contact-page .smc-map-card a {\n  display: inline-flex !important; align-items: center !important; gap: 4px !important;\n  font-family: 'Cormorant Garamond', serif !important; font-size: 0.86rem !important; font-weight: 600 !important;\n  color: #79021c !important; text-decoration: none !important; margin-top: 5px !important; letter-spacing: 0.04em !important;\n  transition: gap var(--fast), color var(--fast) !important;\n}\nbody .st-michael-contact-page .smc-map-card a:hover { gap: 8px !important; color: #580115 !important; }\nbody .st-michael-contact-page .smc-map-card a .mi { font-size: 15px !important; }\n\n\/* ===== CTA ===== *\/\nbody .st-michael-contact-page .smc-cta {\n  padding: 90px 0 !important;\n  background: linear-gradient(165deg, #3d000e 0%, #79021c 50%, #580115 100%) !important;\n  position: relative !important; overflow: hidden !important; text-align: center !important; margin: 0 !important;\n}\nbody .st-michael-contact-page .smc-cta::before {\n  content: '' !important; position: absolute !important; inset: 0 !important;\n  background: radial-gradient(ellipse at 25% 50%, rgba(201,168,76,0.05) 0%, transparent 50%),\n    radial-gradient(ellipse at 75% 50%, rgba(201,168,76,0.05) 0%, transparent 50%) !important;\n  pointer-events: none !important;\n}\nbody .st-michael-contact-page .smc-cta-inner { position: relative !important; z-index: 2 !important; max-width: 640px !important; margin: 0 auto !important; }\nbody .st-michael-contact-page .smc-cta-cross { width: 22px !important; height: 40px !important; position: relative !important; margin: 0 auto 26px !important; }\nbody .st-michael-contact-page .smc-cta-cross::before { content: '' !important; position: absolute !important; left: 50% !important; top: 0 !important; transform: translateX(-50%) !important; width: 4px !important; height: 100% !important; background: var(--gold) !important; border-radius: 2px !important; }\nbody .st-michael-contact-page .smc-cta-cross::after { content: '' !important; position: absolute !important; top: 30% !important; left: 0 !important; width: 100% !important; height: 4px !important; background: var(--gold) !important; border-radius: 2px !important; }\nbody .st-michael-contact-page .smc-cta h2 { color: var(--white) !important; margin-bottom: 14px !important; }\nbody .st-michael-contact-page .smc-cta .t-body { color: rgba(255,255,255,0.62) !important; margin-bottom: 32px !important; }\nbody .st-michael-contact-page .smc-cta-times { display: flex !important; justify-content: center !important; gap: 32px !important; flex-wrap: wrap !important; margin-bottom: 36px !important; }\nbody .st-michael-contact-page .smc-cta-time {\n  display: flex !important; align-items: center !important; gap: 8px !important;\n  font-family: 'Cormorant Garamond', serif !important; font-size: 0.98rem !important; font-weight: 500 !important;\n  color: var(--gold-light) !important; letter-spacing: 0.04em !important; transition: transform var(--fast) !important;\n}\nbody .st-michael-contact-page .smc-cta-time:hover { transform: scale(1.05) !important; }\nbody .st-michael-contact-page .smc-cta-time .mi { font-size: 19px !important; color: var(--gold) !important; }\nbody .st-michael-contact-page .smc-cta-btns {\n  display: flex !important; justify-content: center !important; gap: 14px !important; flex-wrap: wrap !important;\n  opacity: 1 !important; visibility: visible !important;\n}\n\n\/* CTA button overrides *\/\nbody .st-michael-contact-page .smc-cta a.btn-gold,\nbody .st-michael-contact-page .smc-cta a.btn-gold:link,\nbody .st-michael-contact-page .smc-cta a.btn-gold:visited {\n  color: var(--gold) !important; background-color: var(--maroon-deeper) !important;\n  background-image: none !important; border: 2px solid var(--gold) !important;\n  box-shadow: 0 4px 20px rgba(201,168,76,0.25) !important;\n}\nbody .st-michael-contact-page .smc-cta a.btn-ghost,\nbody .st-michael-contact-page .smc-cta a.btn-ghost:link,\nbody .st-michael-contact-page .smc-cta a.btn-ghost:visited {\n  color: var(--gold) !important; background-color: transparent !important;\n  background-image: none !important; border: 2px solid var(--gold) !important;\n}\n\n\/* ===== SCROLL ANIMATIONS ===== *\/\nbody .st-michael-contact-page .anim { opacity: 0 !important; transform: translateY(30px) !important; transition: opacity 0.7s var(--ease), transform 0.7s var(--ease) !important; }\nbody .st-michael-contact-page .anim.vis { opacity: 1 !important; transform: translateY(0) !important; }\nbody .st-michael-contact-page .anim-l { opacity: 0 !important; transform: translateX(-30px) !important; transition: opacity 0.7s var(--ease), transform 0.7s var(--ease) !important; }\nbody .st-michael-contact-page .anim-l.vis { opacity: 1 !important; transform: translateX(0) !important; }\nbody .st-michael-contact-page .anim-r { opacity: 0 !important; transform: translateX(30px) !important; transition: opacity 0.7s var(--ease), transform 0.7s var(--ease) !important; }\nbody .st-michael-contact-page .anim-r.vis { opacity: 1 !important; transform: translateX(0) !important; }\nbody .st-michael-contact-page .anim-s { opacity: 0 !important; transform: scale(0.9) !important; transition: opacity 0.6s var(--ease), transform 0.6s var(--ease) !important; }\nbody .st-michael-contact-page .anim-s.vis { opacity: 1 !important; transform: scale(1) !important; }\nbody .st-michael-contact-page .d1 { transition-delay: 0.1s !important; }\nbody .st-michael-contact-page .d2 { transition-delay: 0.2s !important; }\nbody .st-michael-contact-page .d3 { transition-delay: 0.3s !important; }\nbody .st-michael-contact-page .d4 { transition-delay: 0.4s !important; }\nbody .st-michael-contact-page .d5 { transition-delay: 0.5s !important; }\nbody .st-michael-contact-page .d6 { transition-delay: 0.6s !important; }\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  body .st-michael-contact-page .smc-hero-grid { grid-template-columns: 1fr !important; min-height: auto !important; }\n  body .st-michael-contact-page .smc-hero-left { padding: 65px 36px 55px !important; text-align: center !important; }\n  body .st-michael-contact-page .smc-hero-desc { max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; }\n  body .st-michael-contact-page .smc-hero-actions { justify-content: center !important; }\n  body .st-michael-contact-page .smc-hero-right { display: none !important; }\n  body .st-michael-contact-page .smc-about-grid { grid-template-columns: 1fr !important; gap: 45px !important; }\n  body .st-michael-contact-page .smc-about-img { order: -1 !important; max-width: 480px !important; margin: 0 auto !important; }\n  body .st-michael-contact-page .smc-about-badge { left: 20px !important; bottom: -14px !important; }\n  body .st-michael-contact-page .smc-form-layout { grid-template-columns: 1fr !important; gap: 28px !important; }\n  body .st-michael-contact-page .smc-sidebar { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; }\n}\n@media (max-width: 768px) {\n  body .st-michael-contact-page .smc-wrap { padding: 0 24px !important; }\n  body .st-michael-contact-page .smc-hero-left { padding: 55px 24px 48px !important; }\n  body .st-michael-contact-page .smc-hero h1 { font-size: 2rem !important; }\n  body .st-michael-contact-page .smc-float { display: none !important; }\n  body .st-michael-contact-page .smc-strip-inner { flex-direction: column !important; gap: 14px !important; padding: 20px 24px !important; }\n  body .st-michael-contact-page .smc-about { padding: 60px 0 45px !important; }\n  body .st-michael-contact-page .smc-about-features { grid-template-columns: 1fr !important; gap: 12px !important; }\n  body .st-michael-contact-page .smc-about-badge { position: relative !important; left: 0 !important; bottom: 0 !important; margin-top: 18px !important; }\n  body .st-michael-contact-page .smc-info { padding: 60px 0 !important; }\n  body .st-michael-contact-page .smc-info-cards { grid-template-columns: 1fr !important; max-width: 420px !important; margin: 0 auto !important; }\n  body .st-michael-contact-page .smc-form { padding: 60px 0 !important; }\n  body .st-michael-contact-page .smc-form-card { padding: 30px 22px !important; }\n  body .st-michael-contact-page .smc-form-card::before { width: 100% !important; height: 4px !important; bottom: auto !important; right: auto !important; }\n  body .st-michael-contact-page .smc-form-row { grid-template-columns: 1fr !important; gap: 0 !important; }\n  body .st-michael-contact-page .smc-form-extras { grid-template-columns: 1fr !important; }\n  body .st-michael-contact-page .smc-sidebar { grid-template-columns: 1fr !important; }\n  body .st-michael-contact-page .smc-map-wrap { padding: 0 24px !important; }\n  body .st-michael-contact-page .smc-map-frame { height: 300px !important; }\n  body .st-michael-contact-page .smc-map-card { left: 50px !important; right: 50px !important; bottom: 28px !important; max-width: none !important; }\n  body .st-michael-contact-page .smc-cta { padding: 65px 0 !important; }\n  body .st-michael-contact-page .smc-cta-times { flex-direction: column !important; gap: 12px !important; }\n  body .st-michael-contact-page .smc-cta-btns { flex-direction: column !important; align-items: center !important; }\n}\n@media (max-width: 480px) {\n  body .st-michael-contact-page .smc-wrap { padding: 0 16px !important; }\n  body .st-michael-contact-page .smc-hero-left { padding: 46px 16px 40px !important; }\n  body .st-michael-contact-page .smc-hero-badge { padding: 6px 13px !important; margin-bottom: 18px !important; }\n  body .st-michael-contact-page .smc-hero-badge-text { font-size: 0.72rem !important; }\n  body .st-michael-contact-page .smc-hero h1 { font-size: 1.7rem !important; }\n  body .st-michael-contact-page .smc-hero-desc { font-size: 0.86rem !important; }\n  body .st-michael-contact-page .smc-hero-actions { flex-direction: column !important; align-items: center !important; }\n  body .st-michael-contact-page .smc-hero-actions a.btn-gold,\n  body .st-michael-contact-page .smc-hero-actions a.btn-ghost { width: 100% !important; justify-content: center !important; padding: 14px 22px !important; font-size: 0.92rem !important; }\n  body .st-michael-contact-page .smc-strip-item strong { font-size: 0.82rem !important; }\n  body .st-michael-contact-page .smc-feat { padding: 14px !important; gap: 10px !important; }\n  body .st-michael-contact-page .smc-feat-icon { width: 36px !important; height: 36px !important; }\n  body .st-michael-contact-page .smc-feat-icon .mi { font-size: 17px !important; }\n  body .st-michael-contact-page .smc-card { padding: 28px 18px !important; }\n  body .st-michael-contact-page .smc-form-card { padding: 24px 16px !important; }\n  body .st-michael-contact-page .smc-form-card h3 { font-size: 1.1rem !important; }\n  body .st-michael-contact-page .smc-extra-card { padding: 20px 16px !important; gap: 12px !important; }\n  body .st-michael-contact-page .smc-extra-icon { width: 40px !important; height: 40px !important; }\n  body .st-michael-contact-page .smc-extra-icon .mi { font-size: 18px !important; }\n  body .st-michael-contact-page .smc-guarantee { padding: 18px 16px !important; gap: 14px !important; flex-direction: column !important; text-align: center !important; }\n  body .st-michael-contact-page .smc-side { padding: 22px 18px !important; }\n  body .st-michael-contact-page .smc-map-frame { height: 220px !important; }\n  body .st-michael-contact-page .smc-map-card { left: 30px !important; right: 30px !important; bottom: 18px !important; padding: 16px 18px !important; flex-direction: column !important; text-align: center !important; }\n  body .st-michael-contact-page .smc-cta a.btn-gold,\n  body .st-michael-contact-page .smc-cta a.btn-ghost { width: 100% !important; justify-content: center !important; padding: 14px 24px !important; font-size: 0.92rem !important; }\n  body .st-michael-contact-page .smc-cta-time { font-size: 0.88rem !important; }\n}\n@media (max-width: 360px) {\n  body .st-michael-contact-page .smc-hero-left { padding: 40px 14px 36px !important; }\n  body .st-michael-contact-page .smc-hero h1 { font-size: 1.5rem !important; }\n  body .st-michael-contact-page .smc-about-imgbox-inner h3 { font-size: 1.2rem !important; }\n  body .st-michael-contact-page .smc-about-badge { padding: 14px 16px !important; gap: 10px !important; }\n  body .st-michael-contact-page .smc-about-badge strong { font-size: 1.2rem !important; }\n  body .st-michael-contact-page .smc-form-card,\n  body .st-michael-contact-page .smc-side,\n  body .st-michael-contact-page .smc-card,\n  body .st-michael-contact-page .smc-extra-card,\n  body .st-michael-contact-page .smc-guarantee { padding: 20px 14px !important; }\n  body .st-michael-contact-page .smc-map-card { left: 14px !important; right: 14px !important; bottom: 14px !important; padding: 14px !important; }\n}\n<\/style>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&#038;display=block\" rel=\"stylesheet\" \/>\n\n<div class=\"st-michael-contact-page\">\n\n  <!-- ==================== HERO ==================== -->\n  <section class=\"smc-hero\">\n    <div class=\"smc-hero-grid\">\n      <div class=\"smc-hero-left\">\n        <div class=\"smc-hero-badge\">\n          <span class=\"mi\">church<\/span>\n          <span class=\"smc-hero-badge-text\">St. Michael the Archangel<\/span>\n        <\/div>\n        <h1>Reach Out to<br>Our <em>Parish<\/em> Family<\/h1>\n        <p class=\"smc-hero-desc\">We are a welcoming Catholic community devoted to faith, fellowship, and service. Whether you seek spiritual guidance, sacramental support, or wish to join our mission \u2014 we are here for you with open hearts.<\/p>\n        <div class=\"smc-hero-actions\">\n          <a href=\"#contact-form\" class=\"btn-gold\"><span class=\"mi\">arrow_downward<\/span> Send a Message<\/a>\n          <a href=\"#location\" class=\"btn-ghost\"><span class=\"mi\">location_on<\/span> Find Us<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"smc-hero-right\">\n        <div class=\"smc-hero-cross-deco\"><\/div>\n        <div class=\"smc-float smc-float-1\">\n          <div class=\"smc-float-icon\"><span class=\"mi\">schedule<\/span><\/div>\n          <div class=\"smc-float-text\"><strong>Office Open<\/strong><span>Mon \u2013 Fri, 8 AM \u2013 5 PM<\/span><\/div>\n        <\/div>\n        <div class=\"smc-float smc-float-2\">\n          <div class=\"smc-float-icon\"><span class=\"mi\">call<\/span><\/div>\n          <div class=\"smc-float-text\"><strong>Parish Office<\/strong><span>(555) 123-4567<\/span><\/div>\n        <\/div>\n        <div class=\"smc-float smc-float-3\">\n          <div class=\"smc-float-icon\"><span class=\"mi\">volunteer_activism<\/span><\/div>\n          <div class=\"smc-float-text\"><strong>All Are Welcome<\/strong><span>Join our community<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== QUICK STRIP ==================== -->\n  <div class=\"smc-strip\">\n    <div class=\"smc-strip-inner\">\n      <div class=\"smc-strip-item\"><span class=\"mi\">location_on<\/span><a href=\"https:\/\/www.google.com\/maps\/place\/San+Miguel+Mission+Station+(Malaya)\/@13.7288884,122.2802313,846m\/data=!3m1!1e3!4m6!3m5!1s0x33a2f52baf798d39:0xb1bac2b71bfa6ab9!8m2!3d13.7288884!4d122.2828062!16s%2Fg%2F11jqzwrffd?entry=ttu&#038;g_ep=EgoyMDI2MDYxMy4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\" rel=\"noopener\"><strong>Brgy. Malaya, General Luna, Quezon Province<\/strong><\/a><\/div>\n      <div class=\"smc-strip-item\"><span class=\"mi\">call<\/span><a href=\"tel:+15551234567\"><strong>(555) 123-4567<\/strong><\/a><\/div>\n      <div class=\"smc-strip-item\"><span class=\"mi\">mail<\/span><a href=\"mailto:office@stmichaelmission.org\"><strong>office@stmichaelmission.org<\/strong><\/a><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ==================== ABOUT ==================== -->\n  <section class=\"smc-about\">\n    <div class=\"smc-wrap\">\n      <div class=\"smc-about-grid\">\n        <div>\n          <p class=\"t-label anim\">Our Parish Community<\/p>\n          <h2 class=\"t-heading t-md anim d1\">A Place of Faith,<br>Fellowship &amp; Service<\/h2>\n          <hr class=\"t-divider anim d1\">\n          <p class=\"t-body anim d2\">St. Michael the Archangel Mission Center has been a beacon of faith in our community for generations. We are committed to nurturing spiritual growth through the Sacraments, prayer, and service to those in need.<\/p>\n          <p class=\"t-body t-muted anim d3\">Our doors are always open \u2014 whether you are a lifelong parishioner, newly exploring the Catholic faith, or simply seeking a welcoming community to call home.<\/p>\n          <div class=\"smc-about-features\">\n            <div class=\"smc-feat anim d3\"><div class=\"smc-feat-icon\"><span class=\"mi\">groups<\/span><\/div><div><h4>Welcoming Community<\/h4><p>A warm parish family united in faith and love.<\/p><\/div><\/div>\n            <div class=\"smc-feat anim d4\"><div class=\"smc-feat-icon\"><span class=\"mi\">local_hospital<\/span><\/div><div><h4>Sacramental Life<\/h4><p>Full access to all seven Sacraments of the Church.<\/p><\/div><\/div>\n            <div class=\"smc-feat anim d4\"><div class=\"smc-feat-icon\"><span class=\"mi\">menu_book<\/span><\/div><div><h4>Religious Formation<\/h4><p>Catechism, Bible study, and enrichment programs.<\/p><\/div><\/div>\n            <div class=\"smc-feat anim d5\"><div class=\"smc-feat-icon\"><span class=\"mi\">favorite<\/span><\/div><div><h4>Outreach &amp; Service<\/h4><p>Active ministries serving the poor and marginalized.<\/p><\/div><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"smc-about-img anim-r\">\n          <div class=\"smc-about-imgbox\">\n            <div class=\"smc-about-imgbox-inner\">\n              <div class=\"smc-deco-cross\"><\/div>\n              <h3>St. Michael<br>the Archangel<\/h3>\n              <p>Pray for Us<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"smc-about-badge\"><span class=\"mi\">church<\/span><div><strong>Est. 1952<\/strong><span>Serving over 70 years<\/span><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== INFO CARDS ==================== -->\n  <section class=\"smc-info\">\n    <div class=\"smc-wrap\">\n      <div class=\"smc-info-header\">\n        <p class=\"t-label anim\">Get in Touch<\/p>\n        <h2 class=\"t-heading t-md anim d1\">How to Reach Us<\/h2>\n        <hr class=\"t-divider t-divider-center anim d1\">\n        <p class=\"t-body t-muted anim d2\">We make it easy to connect with our parish. Choose the method that works best for you and your family.<\/p>\n      <\/div>\n      <div class=\"smc-info-cards\">\n        <div class=\"smc-card anim d2\">\n          <div class=\"smc-card-icon\"><span class=\"mi\">location_on<\/span><\/div>\n          <h3>Visit Our Parish<\/h3>\n          <p>Brgy. Malaya, General Luna<br>Quezon Province<\/p>\n          <p style=\"margin-top:10px\"><a href=\"https:\/\/www.google.com\/maps\/place\/San+Miguel+Mission+Station+(Malaya)\/@13.7288884,122.2802313,846m\/data=!3m1!1e3!4m6!3m5!1s0x33a2f52baf798d39:0xb1bac2b71bfa6ab9!8m2!3d13.7288884!4d122.2828062!16s%2Fg%2F11jqzwrffd?entry=ttu&#038;g_ep=EgoyMDI2MDYxMy4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\" rel=\"noopener\">Get Directions <span class=\"mi\" style=\"font-size:14px;vertical-align:middle\">arrow_forward<\/span><\/a><\/p>\n        <\/div>\n        <div class=\"smc-card anim d3\">\n          <div class=\"smc-card-icon\"><span class=\"mi\">call<\/span><\/div>\n          <h3>Give Us a Call<\/h3>\n          <p>Parish Office: <a href=\"tel:+15551234567\">(555) 123-4567<\/a><\/p>\n          <p>Emergency: <a href=\"tel:+15559876543\">(555) 987-6543<\/a><\/p>\n          <p style=\"margin-top:4px;font-size:0.8rem;color:var(--ink-faint)\">Mon \u2013 Fri, 8:00 AM \u2013 5:00 PM<\/p>\n        <\/div>\n        <div class=\"smc-card anim d4\">\n          <div class=\"smc-card-icon\"><span class=\"mi\">mail<\/span><\/div>\n          <h3>Send an Email<\/h3>\n          <p><a href=\"mailto:office@stmichaelmission.org\">office@stmichaelmission.org<\/a><\/p>\n          <p><a href=\"mailto:fr.michael@stmichaelmission.org\">fr.michael@stmichaelmission.org<\/a><\/p>\n          <p style=\"margin-top:4px;font-size:0.8rem;color:var(--ink-faint)\">Response within 1\u20132 business days<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== FORM + SIDEBAR ==================== -->\n  <section class=\"smc-form\" id=\"contact-form\">\n    <div class=\"smc-wrap\">\n      <div class=\"smc-form-header\">\n        <p class=\"t-label anim\">Write to Us<\/p>\n        <h2 class=\"t-heading t-md anim d1\">Send a Message<\/h2>\n        <hr class=\"t-divider t-divider-center anim d1\">\n        <p class=\"t-body t-muted anim d2\">Fill out the form below and our parish office will respond as soon as possible. All fields marked with an asterisk are required.<\/p>\n      <\/div>\n      <div class=\"smc-form-layout\">\n        <div class=\"smc-form-left\">\n          <div class=\"smc-form-card anim d2\">\n            <h3>Contact Form<\/h3>\n            <p class=\"smc-form-card-desc\">We value your privacy. Your information will never be shared with third parties.<\/p>\n            <form id=\"smcContactForm\" action=\"#\" method=\"post\" novalidate>\n              <div class=\"smc-form-row\">\n                <div class=\"smc-fg\">\n                  <label for=\"fn\">First Name <span class=\"req\">*<\/span><\/label>\n                  <input type=\"text\" id=\"fn\" name=\"first_name\" class=\"smc-input\" placeholder=\"Your first name\" required>\n                  <div class=\"smc-field-error\"><span class=\"mi\">error<\/span> Please enter your first name<\/div>\n                <\/div>\n                <div class=\"smc-fg\">\n                  <label for=\"ln\">Last Name <span class=\"req\">*<\/span><\/label>\n                  <input type=\"text\" id=\"ln\" name=\"last_name\" class=\"smc-input\" placeholder=\"Your last name\" required>\n                  <div class=\"smc-field-error\"><span class=\"mi\">error<\/span> Please enter your last name<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"smc-form-row\">\n                <div class=\"smc-fg\">\n                  <label for=\"em\">Email Address <span class=\"req\">*<\/span><\/label>\n                  <input type=\"email\" id=\"em\" name=\"email\" class=\"smc-input\" placeholder=\"you@example.com\" required>\n                  <div class=\"smc-field-error\"><span class=\"mi\">error<\/span> Please enter a valid email address<\/div>\n                <\/div>\n                <div class=\"smc-fg\">\n                  <label for=\"ph\">Phone Number<\/label>\n                  <input type=\"tel\" id=\"ph\" name=\"phone\" class=\"smc-input\" placeholder=\"(555) 000-0000\">\n                  <div class=\"smc-field-error\"><span class=\"mi\">error<\/span> Please enter a valid phone number<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"smc-fg\">\n                <label for=\"su\">Subject <span class=\"req\">*<\/span><\/label>\n                <select id=\"su\" name=\"subject\" class=\"smc-input\" required>\n                  <option value=\"\" disabled selected>Choose a topic<\/option>\n                  <option value=\"general\">General Inquiry<\/option>\n                  <option value=\"sacraments\">Sacraments<\/option>\n                  <option value=\"mass\">Mass Intention Request<\/option>\n                  <option value=\"wedding\">Wedding Preparation<\/option>\n                  <option value=\"baptism\">Baptism<\/option>\n                  <option value=\"funeral\">Funeral Services<\/option>\n                  <option value=\"volunteer\">Volunteer Opportunities<\/option>\n                  <option value=\"donation\">Donations<\/option>\n                  <option value=\"prayer\">Prayer Request<\/option>\n                  <option value=\"other\">Other Concerns<\/option>\n                <\/select>\n                <div class=\"smc-field-error\"><span class=\"mi\">error<\/span> Please select a subject<\/div>\n              <\/div>\n              <div class=\"smc-fg\">\n                <label for=\"msg\">Your Message <span class=\"req\">*<\/span><\/label>\n                <textarea id=\"msg\" name=\"message\" class=\"smc-input\" placeholder=\"Tell us how we can help you...\" required><\/textarea>\n                <div class=\"smc-field-error\"><span class=\"mi\">error<\/span> Please enter your message<\/div>\n              <\/div>\n              <button type=\"submit\" class=\"smc-submit\" id=\"smcSubmitBtn\"><span class=\"mi\">send<\/span> Send Message<\/button>\n\n              <!-- INLINE ALERTS -->\n              <div class=\"smc-form-alert smc-alert-success\" id=\"smcAlertSuccess\">\n                <div class=\"smc-alert-inner\">\n                  <div class=\"smc-alert-icon\"><span class=\"mi\">check_circle<\/span><\/div>\n                  <div>\n                    <p class=\"smc-alert-title\">Message Sent Successfully<\/p>\n                    <p class=\"smc-alert-msg\">Thank you for reaching out to St. Michael the Archangel. Our parish office will review your message and respond within 1\u20132 business days. God bless!<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"smc-form-alert smc-alert-error\" id=\"smcAlertError\">\n                <div class=\"smc-alert-inner\">\n                  <div class=\"smc-alert-icon\"><span class=\"mi\">error<\/span><\/div>\n                  <div>\n                    <p class=\"smc-alert-title\">Please Fix the Errors Below<\/p>\n                    <p class=\"smc-alert-msg\" id=\"smcAlertErrMsg\">Some required fields are missing or contain invalid information. Please review and try again.<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/form>\n          <\/div>\n\n          <div class=\"smc-form-extras\">\n            <div class=\"smc-extra-card anim d3\"><div class=\"smc-extra-icon\"><span class=\"mi\">description<\/span><\/div><div class=\"smc-extra-body\"><h4>Sacramental Records<\/h4><p>Need baptismal, marriage, or confirmation certificates? Contact the office with your full name and approximate date.<\/p><\/div><\/div>\n            <div class=\"smc-extra-card anim d3\"><div class=\"smc-extra-icon smc-extra-icon-gold\"><span class=\"mi\">payments<\/span><\/div><div class=\"smc-extra-body\"><h4>Donations &amp; Offerings<\/h4><p>Support our parish mission through tithes, building fund contributions, or special offerings. Visit or call for details.<\/p><\/div><\/div>\n            <div class=\"smc-extra-card anim d4\"><div class=\"smc-extra-icon\"><span class=\"mi\">diversity_3<\/span><\/div><div class=\"smc-extra-body\"><h4>Join a Ministry<\/h4><p>From choir to catechism, outreach to youth programs \u2014 discover ways to serve and grow in faith with us.<\/p><\/div><\/div>\n            <div class=\"smc-extra-card anim d4\"><div class=\"smc-extra-icon smc-extra-icon-gold\"><span class=\"mi\">event_note<\/span><\/div><div class=\"smc-extra-body\"><h4>Event Bookings<\/h4><p>Reserve our parish hall for retreats, meetings, or community events. Availability is subject to the parish calendar.<\/p><\/div><\/div>\n          <\/div>\n\n          <div class=\"smc-guarantee anim d5\">\n            <div class=\"smc-guarantee-icon\"><span class=\"mi\">verified<\/span><\/div>\n            <div class=\"smc-guarantee-text\"><h4>Response Guarantee<\/h4><p>Every message is read by our parish team. We aim to respond within 1\u20132 business days. For urgent pastoral matters, please call our office directly or use the emergency line after hours.<\/p><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"smc-sidebar\">\n          <div class=\"smc-side anim d3\">\n            <div class=\"smc-side-head\"><div class=\"smc-side-head-icon\"><span class=\"mi\">schedule<\/span><\/div><div><h4>Parish Office Hours<\/h4><p>We are happy to assist you<\/p><\/div><\/div>\n            <ul class=\"smc-hours\">\n              <li><span class=\"day\">Monday<\/span><span class=\"time\">8:00 AM \u2013 5:00 PM<\/span><\/li>\n              <li><span class=\"day\">Tuesday<\/span><span class=\"time\">8:00 AM \u2013 5:00 PM<\/span><\/li>\n              <li><span class=\"day\">Wednesday<\/span><span class=\"time\">8:00 AM \u2013 5:00 PM<\/span><\/li>\n              <li><span class=\"day\">Thursday<\/span><span class=\"time\">8:00 AM \u2013 5:00 PM<\/span><\/li>\n              <li><span class=\"day\">Friday<\/span><span class=\"time\">8:00 AM \u2013 3:00 PM<\/span><\/li>\n              <li><span class=\"day\">Saturday<\/span><span class=\"time\">9:00 AM \u2013 12:00 PM<\/span><\/li>\n              <li><span class=\"day\">Sunday<\/span><span class=\"time\">Closed<\/span><\/li>\n            <\/ul>\n            <a href=\"tel:+15551234567\" class=\"smc-side-phone\"><span class=\"mi\">call<\/span> (555) 123-4567<\/a>\n          <\/div>\n          <div class=\"smc-side anim d4\">\n            <div class=\"smc-side-head\"><div class=\"smc-side-head-icon\"><span class=\"mi\">church<\/span><\/div><div><h4>Mass Schedule<\/h4><p>Come worship with us<\/p><\/div><\/div>\n            <ul class=\"smc-mass\">\n              <li><span class=\"mi\">event<\/span> Sunday \u2014 7:00 AM, 9:00 AM, 5:00 PM<\/li>\n              <li><span class=\"mi\">event<\/span> Weekdays \u2014 6:30 AM, 5:30 PM<\/li>\n              <li><span class=\"mi\">event<\/span> Saturday \u2014 7:00 AM<\/li>\n            <\/ul>\n            <a href=\"https:\/\/www.google.com\/maps\/place\/San+Miguel+Mission+Station+(Malaya)\/@13.7288884,122.2802313,846m\/data=!3m1!1e3!4m6!3m5!1s0x33a2f52baf798d39:0xb1bac2b71bfa6ab9!8m2!3d13.7288884!4d122.2828062!16s%2Fg%2F11jqzwrffd?entry=ttu&#038;g_ep=EgoyMDI2MDYxMy4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\" rel=\"noopener\" class=\"smc-side-phone smc-side-phone-gold\"><span class=\"mi\">directions<\/span> Get Directions<\/a>\n          <\/div>\n          <div class=\"smc-side anim d5\" style=\"background:var(--cream-warm)\">\n            <div class=\"smc-side-head\" style=\"border-bottom-color:var(--border)\"><div class=\"smc-side-head-icon\" style=\"background:linear-gradient(135deg,var(--gold-dark),var(--gold))\"><span class=\"mi\">info<\/span><\/div><div><h4>Good to Know<\/h4><p>Before your visit<\/p><\/div><\/div>\n            <p class=\"smc-side-note\">The parish office is closed on Holy Days of Obligation and public holidays. For urgent pastoral needs outside office hours, please call our emergency line at <a href=\"tel:+15559876543\">(555) 987-6543<\/a>.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== MAP ==================== -->\n  <section class=\"smc-map\" id=\"location\">\n    <div class=\"smc-map-header\">\n      <div class=\"smc-wrap\">\n        <p class=\"t-label anim\">Find Your Way<\/p>\n        <h2 class=\"t-heading t-md anim d1\">Our Location<\/h2>\n        <hr class=\"t-divider t-divider-center anim d1\">\n        <p class=\"t-body t-muted anim d2\">Conveniently located in the heart of our community. We look forward to welcoming you in person.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"smc-map-wrap anim-s d2\">\n      <iframe class=\"smc-map-frame\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d387193.30591910525!2d-74.25986432970718!3d40.69714941932609!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sph!4v1699999999999!5m2!1sen!2sph\" width=\"600\" height=\"440\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" title=\"St. Michael the Archangel Mission Center\"><\/iframe>\n      <div class=\"smc-map-card\">\n        <div class=\"smc-map-card-icon\"><span class=\"mi\">location_on<\/span><\/div>\n        <div>\n          <h4>St. Michael the Archangel<\/h4>\n          <p>Brgy. Malaya, General Luna, Quezon Province<\/p>\n          <a href=\"https:\/\/www.google.com\/maps\/place\/San+Miguel+Mission+Station+(Malaya)\/@13.7288884,122.2802313,846m\/data=!3m1!1e3!4m6!3m5!1s0x33a2f52baf798d39:0xb1bac2b71bfa6ab9!8m2!3d13.7288884!4d122.2828062!16s%2Fg%2F11jqzwrffd?entry=ttu&#038;g_ep=EgoyMDI2MDYxMy4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\" rel=\"noopener\">Open in Google Maps <span class=\"mi\">arrow_forward<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== CTA ==================== -->\n  <section class=\"smc-cta\">\n    <div class=\"smc-wrap\">\n      <div class=\"smc-cta-inner\">\n        <div class=\"smc-cta-cross anim\"><\/div>\n        <h2 class=\"t-heading t-lg anim d1\" style=\"color:var(--white)\">Join Us for Holy Mass<\/h2>\n        <p class=\"t-body anim d2\" style=\"color:rgba(255,255,255,0.62)\">Come experience the grace of God in our sacred community. All are welcome at the table of the Lord.<\/p>\n        <div class=\"smc-cta-times anim d3\">\n          <div class=\"smc-cta-time\"><span class=\"mi\">calendar_today<\/span> Sunday \u2014 7 AM, 9 AM, 5 PM<\/div>\n          <div class=\"smc-cta-time\"><span class=\"mi\">calendar_today<\/span> Weekdays \u2014 6:30 AM, 5:30 PM<\/div>\n          <div class=\"smc-cta-time\"><span class=\"mi\">calendar_today<\/span> Saturday \u2014 7:00 AM<\/div>\n        <\/div>\n        <div class=\"smc-cta-btns\">\n          <a href=\"https:\/\/www.google.com\/maps\/place\/San+Miguel+Mission+Station+(Malaya)\/@13.7288884,122.2802313,846m\/data=!3m1!1e3!4m6!3m5!1s0x33a2f52baf798d39:0xb1bac2b71bfa6ab9!8m2!3d13.7288884!4d122.2828062!16s%2Fg%2F11jqzwrffd?entry=ttu&#038;g_ep=EgoyMDI2MDYxMy4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\" rel=\"noopener\" class=\"btn-gold\"><span class=\"mi\">arrow_forward<\/span> Plan Your Visit<\/a>\n          <a href=\"#contact-form\" class=\"btn-ghost\"><span class=\"mi\">chat<\/span> Contact Us<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function(){\n  var o = new IntersectionObserver(function(e){\n    e.forEach(function(el){\n      if(el.isIntersecting){ el.target.classList.add('vis'); o.unobserve(el.target); }\n    });\n  },{ threshold: 0.1, rootMargin: '0px 0px -25px 0px' });\n  document.querySelectorAll('.st-michael-contact-page .anim,.st-michael-contact-page .anim-l,.st-michael-contact-page .anim-r,.st-michael-contact-page .anim-s').forEach(function(el){ o.observe(el); });\n\n  var form = document.getElementById('smcContactForm');\n  var alertOk = document.getElementById('smcAlertSuccess');\n  var alertErr = document.getElementById('smcAlertError');\n  var alertMsg = document.getElementById('smcAlertErrMsg');\n  var submitBtn = document.getElementById('smcSubmitBtn');\n\n  if (!form) return;\n\n  function isValidEmail(v){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v); }\n\n  function hideAlerts(){\n    alertOk.classList.remove('smc-alert-show');\n    alertErr.classList.remove('smc-alert-show');\n  }\n\n  function showAlert(el, msg){\n    hideAlerts();\n    if(msg && alertMsg) alertMsg.textContent = msg;\n    setTimeout(function(){ el.classList.add('smc-alert-show'); }, 80);\n    setTimeout(function(){ el.scrollIntoView({ behavior:'smooth', block:'nearest' }); }, 200);\n    if(el === alertOk){\n      setTimeout(function(){ el.classList.remove('smc-alert-show'); }, 6000);\n    }\n  }\n\n  form.querySelectorAll('.smc-input').forEach(function(inp){\n    function clear(){\n      var fg = inp.closest('.smc-fg');\n      if(fg) fg.classList.remove('smc-has-error');\n      inp.classList.remove('smc-input-error');\n    }\n    inp.addEventListener('input', clear);\n    inp.addEventListener('change', clear);\n  });\n\n  form.addEventListener('submit', function(e){\n    e.preventDefault();\n    hideAlerts();\n\n    var fields = [\n      { id:'fn', name:'First Name', type:'text', req:true },\n      { id:'ln', name:'Last Name', type:'text', req:true },\n      { id:'em', name:'Email', type:'email', req:true },\n      { id:'ph', name:'Phone', type:'tel', req:false },\n      { id:'su', name:'Subject', type:'select', req:true },\n      { id:'msg', name:'Message', type:'text', req:true }\n    ];\n\n    var errors = [];\n    var firstBad = null;\n\n    form.querySelectorAll('.smc-fg').forEach(function(fg){ fg.classList.remove('smc-has-error'); });\n    form.querySelectorAll('.smc-input').forEach(function(i){ i.classList.remove('smc-input-error'); });\n\n    fields.forEach(function(f){\n      var el = document.getElementById(f.id);\n      if(!el) return;\n      var val = el.value.trim();\n      var fg = el.closest('.smc-fg');\n      var bad = false;\n      if(f.req && val === '') bad = true;\n      else if(f.type === 'email' && val !== '' && !isValidEmail(val)) bad = true;\n      if(bad){\n        errors.push(f.name);\n        if(fg) fg.classList.add('smc-has-error');\n        el.classList.add('smc-input-error');\n        if(!firstBad) firstBad = el;\n      }\n    });\n\n    if(errors.length > 0){\n      showAlert(alertErr, 'Please fill in: ' + errors.join(', ') + '.');\n      if(firstBad) firstBad.focus();\n      return;\n    }\n\n    submitBtn.disabled = true;\n    submitBtn.innerHTML = '<span class=\"mi\" style=\"animation:smcSpin 0.7s linear infinite\">sync<\/span> Sending\\u2026';\n\n    setTimeout(function(){\n      submitBtn.disabled = false;\n      submitBtn.innerHTML = '<span class=\"mi\">send<\/span> Send Message';\n      form.reset();\n      showAlert(alertOk);\n    }, 1500);\n  });\n\n  var s = document.createElement('style');\n  s.textContent = '@keyframes smcSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}';\n  document.head.appendChild(s);\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>For any inquiries, please use the contact form. Contact Information church St. Michael the Archangel Reach Out toOur Parish Family [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"slim_seo":{"title":"Contact - St. Michael the Archangel Mission Center","description":"church St. Michael the Archangel Reach Out to Our Parish Family We are a welcoming Catholic community devoted to faith, fellowship, and service. Whether you see"},"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Diocese of Gumaca","author_link":"https:\/\/demo5.yinwoodweb.com\/malaya\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"For any inquiries, please use the contact form. Contact Information church St. Michael the Archangel Reach Out toOur Parish Family [&hellip;]","_links":{"self":[{"href":"https:\/\/demo5.yinwoodweb.com\/malaya\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo5.yinwoodweb.com\/malaya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo5.yinwoodweb.com\/malaya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo5.yinwoodweb.com\/malaya\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo5.yinwoodweb.com\/malaya\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":17,"href":"https:\/\/demo5.yinwoodweb.com\/malaya\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":445,"href":"https:\/\/demo5.yinwoodweb.com\/malaya\/wp-json\/wp\/v2\/pages\/11\/revisions\/445"}],"wp:attachment":[{"href":"https:\/\/demo5.yinwoodweb.com\/malaya\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}