﻿:root{--red:#a30000;--red-light:#f17878;--ink:#202020;--gray:#292929;--muted:#646464;--line:#dedede;--gutter:clamp(22px,5vw,88px);--shell:1320px;--header:80px}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header) + 20px)}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button{background:none;border:0;color:inherit}p,h1,h2,h3,figure{margin:0}img{display:block;max-width:100%;height:auto}address,cite{font-style:normal}em{font-weight:400}h1,h2,h3,.display{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.04}h2{font-size:clamp(42px,4.9vw,72px)}h3{font-size:34px}p{line-height:1.75}::selection{background:#a30000;color:white}:focus-visible{outline:2px solid var(--red);outline-offset:5px}[hidden]{display:none!important}.shell{width:calc(100% - var(--gutter)*2);max-width:var(--shell);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:15px;top:-100px;padding:15px;background:#fff;z-index:100}.skip-link:focus{top:10px}.eyebrow,.section-label{font-size:10px;font-weight:500;letter-spacing:.17em;text-transform:uppercase;line-height:1.5}.section-label{display:flex;align-items:baseline;gap:16px}.section-label b{font-weight:400;color:var(--red)}.section-meta{margin-bottom:54px}.section-space{padding-block:88px}.dark{background:var(--gray);color:#fff}.dark .section-label b{color:var(--red-light)}.dark :focus-visible{outline-color:#fff}.dark .muted{color:#c1c1c1}.muted{color:var(--muted)}
.site-header{position:fixed;inset:0 0 auto;z-index:50;height:var(--header);background:rgba(41,41,41,.97);color:white;border-bottom:1px solid #ffffff20;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.header-inner{height:100%;padding-inline:var(--gutter);max-width:1600px;margin:auto;display:flex;align-items:center;gap:32px}.brand{position:relative;display:block;width:98px;flex:none}.brand img{width:98px;height:68px;object-fit:contain}.brand .brand-cross{position:absolute;inset:0;clip-path:inset(0 67% 0 0)}.desktop-nav{display:flex;gap:30px;align-items:center;margin-left:auto;font-size:12px}.desktop-nav a{padding:14px 0}.desktop-nav a:hover,.desktop-nav a[aria-current]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--red-light)}.language-switch{display:flex;gap:1px;font-size:10px;flex:none;border-left:1px solid #ffffff35;padding-left:15px}.language-switch a{display:grid;place-items:center;min-width:34px;min-height:44px;color:#b5b5b5}.language-switch a[aria-current]{color:#fff;text-decoration:underline;text-decoration-color:var(--red-light);text-underline-offset:6px}.site-header :focus-visible{outline-color:white}.menu-toggle{display:none;min-height:44px;font-size:11px}.menu-lines{display:inline-block;width:20px;height:9px;border-block:1px solid white;margin-left:12px}.mobile-nav{position:absolute;top:calc(var(--header) - 1px);left:0;right:0;background:var(--gray);padding:15px var(--gutter) 25px;max-height:calc(100svh - var(--header));overflow:auto}.mobile-nav a{display:block;padding:13px 0;border-bottom:1px solid #ffffff20;font-size:21px;font-family:'Cormorant Garamond',serif}
.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:48px;padding:14px 23px;font-size:10px;font-weight:500;letter-spacing:.07em;line-height:1.5;text-transform:uppercase;transition:background .2s, border-color .2s}.button-primary{background:var(--red);color:#fff;border:1px solid var(--red)}.button-primary:hover{background:#800000;border-color:#800000}.button-secondary{border:1px solid #a5a5a5;color:var(--ink)}.button-secondary:hover{border-color:var(--red)}.button-primary span,.button-secondary span{font-size:18px}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:7px}.text-link:hover{color:var(--red)}.dark .text-link:hover{color:var(--red-light)}
.home-opening{height:100svh;min-height:580px;padding-top:var(--header);display:grid;grid-template-rows:minmax(0,1fr) auto}.hero{position:relative;display:grid;place-items:center;overflow:hidden;background:#171717;padding:30px 0 45px;color:white}.hero-media{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;opacity:.82}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0009,#000b 55%,#000c)}.hero-content{position:relative;z-index:2;text-align:center}.hero h1{font-size:clamp(44px,5.7vw,86px);line-height:1.04;letter-spacing:-.035em;text-shadow:0 2px 25px #0004}.hero h1 em{white-space:nowrap}.hero-actions{display:flex;justify-content:center;gap:16px;margin-top:28px}.hero .button-secondary{color:#fff;border-color:#ffffff75;background:#ffffff08;backdrop-filter:blur(4px)}.hero .button-secondary:hover{background:#ffffff1a}.hero :focus-visible{outline-color:white}.video-toggle{position:absolute;bottom:9px;right:var(--gutter);z-index:3;font-size:9px;min-height:32px;padding:5px 8px;color:#e0e0e0}.meeting-strip{background:var(--gray);color:white;padding:27px 0}.strip-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:32px;align-items:center;max-width:1140px}.strip-intro{font-family:'Cormorant Garamond',serif;font-size:35px;line-height:1.05}.strip-intro strong{font-weight:400;font-style:italic;color:var(--red-light)}.strip-grid>a{display:flex;flex-direction:column;border-left:1px solid #ffffff30;padding-left:30px;gap:6px;font-size:11px}.strip-grid .eyebrow{font-size:8px;color:#c7c7c7}.meeting-time{font-family:'Cormorant Garamond',serif;font-size:33px;white-space:nowrap;line-height:1.1}.meeting-time small{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:0}.meeting-strip :focus-visible{outline-color:white}
.faith-section{background:#fff;position:relative}.faith-inner{min-height:430px;display:flex;flex-direction:column;justify-content:space-between}.faith-quote{margin:0;max-width:1140px}.reveal-text{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,5.3vw,78px);line-height:1.14;letter-spacing:-.026em}.faith-quote cite{display:block;font-size:9px;letter-spacing:.15em;margin-top:38px;color:var(--muted)}.faith-quote .reveal-word{display:inline-block}.motion-reduced .reveal-word{opacity:1!important}
.photo-ticker-section{overflow:hidden;padding-block:64px 76px}.photo-ticker-section .section-meta{margin-bottom:38px}.photo-ticker{--photo-width:clamp(280px,34vw,480px);--photo-gap:20px}.photo-ticker-viewport{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.photo-ticker-viewport::-webkit-scrollbar{display:none}.photo-ticker-track{display:flex;width:max-content;gap:0}.photo-ticker-set{display:flex;gap:var(--photo-gap);padding-right:var(--photo-gap);flex:none;width:max-content}.photo-card{width:var(--photo-width);aspect-ratio:3/2;flex:none;background:#383838;overflow:hidden}.photo-open{display:block;width:100%;height:100%;padding:0;cursor:grab}.photo-open:active{cursor:grabbing}.photo-card img{width:100%;height:100%;object-fit:cover;object-position:var(--photo-position,50% 50%);filter:saturate(.76) contrast(.97) brightness(var(--photo-brightness,1));user-select:none;-webkit-user-drag:none}.photo-open:focus-visible{outline:3px solid white;outline-offset:-6px}.photo-ticker[data-mode=auto] .photo-ticker-viewport{overflow:hidden}.photo-ticker-hint{font-size:9px;letter-spacing:.07em;color:#bdbdbd;margin-top:22px}.photo-dialog{margin:auto;width:min(1120px,94vw);max-width:94vw;max-height:94svh;padding:18px 22px;border:1px solid #ffffff26;background:#202020;color:white;overflow:auto}.photo-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.photo-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px}.photo-dialog-bar p{font-size:12px}.photo-dialog-bar button{min-width:44px;min-height:44px;font-size:24px}.photo-dialog-image{width:100%;height:70svh;object-fit:contain;filter:saturate(.76) contrast(.97) brightness(var(--photo-brightness,1));touch-action:pan-y}.photo-dialog-position{text-align:center;font-size:10px;letter-spacing:.1em;margin-top:12px}.photo-dialog :focus-visible{outline-color:white}
.commitment-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,125px)}.commitment-grid h2{margin-bottom:26px}.commitment-grid p{font-size:14px;line-height:1.9;color:#555}.commitment-grid blockquote{margin:25px 0 0;border-left:2px solid var(--red);padding-left:20px;font-family:'Cormorant Garamond',serif;font-size:23px;line-height:1.4}.commitment-grid blockquote cite{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:.1em;margin-top:10px}.mission-goals{padding:0;margin:23px 0 0;list-style:none}.mission-goals li{border-top:1px solid var(--line);padding:13px 0;display:flex;gap:20px;align-items:center;font-size:15px}.mission-goals span{color:var(--red);font-size:10px}.section-action{margin-top:42px}.ministry-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:44px}.ministry-intro p{max-width:470px;font-size:14px;color:#c7c7c7}.ministry-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #ffffff30}.ministry-chips a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 18px 20px 0;border-bottom:1px solid #ffffff30;font-size:13px;min-height:78px}.ministry-chips a span:last-child{color:var(--red-light)}.ministry-chips a:hover{color:var(--red-light)}.ministry-preview{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;margin-top:42px}.image-window{overflow:hidden;background:#d4d4d4}.ministry-preview img{width:100%;aspect-ratio:16/8;object-fit:cover}.ministry-preview figure:last-child img{object-position:center 38%}.next-step{background:white}.next-layout{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:40px}.next-layout .eyebrow{color:var(--muted);margin-bottom:22px}.next-layout h2 em{color:var(--red)}.next-layout>div:last-child{justify-self:end}
.site-footer{position:relative;background:var(--gray);color:white;overflow:hidden;padding-top:60px}.footer-watermark{position:absolute;opacity:.045;filter:grayscale(1);right:4%;bottom:0;width:220px;height:440px;object-fit:contain;pointer-events:none}.footer-grid{position:relative;display:grid;grid-template-columns:.9fr 1.2fr 1fr 1.2fr;gap:40px;padding-bottom:45px;font-size:11px;color:#c4c4c4}.footer-grid h3{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:.05em;color:white;margin-bottom:20px}.footer-grid p,.footer-grid address{line-height:1.85;margin-bottom:12px}.footer-grid a{overflow-wrap:anywhere}.footer-grid .text-link{font-size:10px}.footer-brand .brand{width:128px;margin-bottom:20px}.footer-brand .brand img{width:128px;height:89px}.footer-brand>p{font-size:11px}.footer-contact{display:block;margin-top:8px}.social-links{display:flex;gap:16px;margin-top:18px;flex-wrap:wrap}.map-shell iframe{width:100%;height:168px;border:0;filter:grayscale(1);background:#444}.map-shell>a{display:block;margin-top:10px;font-size:10px}.footer-bottom{border-top:1px solid #ffffff25;padding-block:24px;display:flex;align-items:center;gap:28px;font-size:9px;color:#bababa}.footer-bottom nav{display:flex;gap:22px;margin-left:auto}.footer-bottom button{font-size:9px;min-height:36px}.back-top{font-size:20px;min-width:36px;text-align:center}.site-footer :focus-visible{outline-color:white}
.subpage{padding-top:calc(var(--header) + 30px)}.breadcrumbs{font-size:10px;color:#696969;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:54px}.breadcrumbs a:hover{color:var(--red)}.breadcrumbs [aria-current]{color:var(--ink)}.page-heading{padding-bottom:62px}.page-heading .eyebrow{margin-bottom:20px;color:var(--red)}.page-heading h1{font-size:clamp(52px,6.8vw,96px);max-width:1000px}.page-heading h1 em{color:var(--red)}.page-lede{font-size:15px;color:var(--muted);max-width:690px;margin-top:26px}.history-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:70px;padding-block:65px;border-top:1px solid var(--line)}.history-copy p{font-size:14px;color:#555;margin-bottom:22px;line-height:1.95}.history-copy h2{margin-bottom:28px}.founders-grid{display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:15px}.founders-grid img{width:100%;aspect-ratio:3/4;object-fit:cover}.founders-grid figcaption{font-size:10px;margin-top:10px;line-height:1.5}.timeline{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.timeline li{border-top:1px solid #ffffff30;padding-top:25px}.timeline strong{font-family:'Cormorant Garamond',serif;font-size:37px;font-weight:400;color:var(--red-light)}.timeline p{font-size:12px;color:#c7c7c7;margin-top:14px}.ministry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px;padding-bottom:78px}.ministry-card .image-window{aspect-ratio:3/2}.ministry-card img{height:100%;width:100%;object-fit:cover;object-position:var(--position,center)}.ministry-card h2{font-size:34px;margin:22px 0 12px}.ministry-card p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:20px}.ministry-card .text-link{font-size:10px}.ministry-card:hover .text-link{color:var(--red)}.ministry-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:76px;align-items:start}.ministry-detail figure{position:sticky;top:110px}.ministry-detail img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:var(--position,center)}.ministry-detail figcaption{font-size:10px;line-height:1.7;color:#777;margin-top:12px}.ministry-detail p{font-size:14px;line-height:1.95;margin-bottom:22px;color:#555}.ministry-detail h2{font-size:40px;margin-bottom:25px}.ministry-detail .button-primary{margin-top:15px}.subpage-end{padding-block:35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.subpage-end-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-left:auto}.subpage-end-actions .button-primary,.subpage-end-actions .button-secondary{min-height:48px;min-width:190px;padding:14px 22px;box-sizing:border-box}.subpage-end-actions .text-link{font-size:11px}.subpage-end .text-link{font-size:11px}.info-panel{padding:38px;background:#f4f4f3}.info-panel h2{font-size:36px;margin-bottom:22px}.info-panel p,.info-panel address{font-size:13px;color:#555;line-height:1.9}.contact-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;padding-bottom:80px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-field{display:flex;flex-direction:column;gap:10px}.form-field.full{grid-column:1/-1}.form-field label{font-size:11px;color:#454545}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #d4d4d4;border-radius:0;background:white;padding:13px;font-size:14px;color:#202020;min-height:48px}.form-field textarea{min-height:155px;resize:vertical}.form-note{font-size:11px;color:#777;line-height:1.8;margin:20px 0}.form-status{font-size:12px;line-height:1.8;margin-top:20px}.form-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.contact-info{align-self:start}.contact-info a{display:block;margin-top:18px;font-size:13px;overflow-wrap:anywhere}.contact-info .social-links a{font-size:11px;margin:0}.schedule-list{padding-bottom:65px}.schedule-row{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:35px 0}.schedule-row h2{font-size:43px}.schedule-row p{font-size:12px;color:var(--muted);margin-top:7px}.schedule-row strong{font-family:'Cormorant Garamond',serif;font-size:43px;font-weight:400;color:var(--red);white-space:nowrap}.schedule-note{font-size:11px;color:var(--muted);margin-top:15px}.sermon-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:85px;align-items:center}.sermon-panel img{width:100%;aspect-ratio:4/3;object-fit:cover}.sermon-panel h2{margin-bottom:25px}.sermon-panel p{font-size:14px;color:var(--muted);margin-bottom:25px}
@media(min-width:1800px){:root{--shell:1500px}.hero h1{font-size:clamp(86px,4.7vw,115px)}.meeting-strip{padding-block:35px}.strip-grid{max-width:1380px}.meeting-time{font-size:40px}.strip-intro{font-size:42px}.section-space{padding-block:110px}}
@media(max-width:1023px){:root{--header:72px;--gutter:32px}.header-inner{gap:20px}.desktop-nav{display:none}.language-switch{margin-left:auto}.menu-toggle{display:block}.brand,.brand img{width:91px}.brand img{height:63px}.hero h1{font-size:clamp(44px,7vw,70px)}.strip-grid{gap:24px;grid-template-columns:1fr 1fr 1fr}.strip-grid>a{padding-left:24px}.strip-intro{font-size:30px}.meeting-time{font-size:28px}.meeting-time small{font-size:8px}.ministry-chips{grid-template-columns:repeat(2,1fr)}.ministry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-bottom{gap:20px;flex-wrap:wrap}.footer-bottom nav{margin-left:0}.history-grid{grid-template-columns:1fr;gap:35px}.founders-grid{max-width:520px}.timeline{grid-template-columns:1fr 1fr}.contact-grid{gap:35px;grid-template-columns:1.2fr 1fr}.ministry-detail{gap:35px}.ministry-detail figure{position:static}.faith-inner{min-height:380px}.commitment-grid{gap:40px}.ministry-intro{gap:35px}}
@media(max-width:639px){:root{--header:68px;--gutter:22px}.header-inner{gap:12px}.brand,.brand img{width:84px}.brand img{height:59px}.language-switch{padding-left:0;border:0;font-size:9px}.language-switch a{min-width:29px}.menu-toggle{font-size:10px}.menu-lines{margin-left:8px;width:18px}.home-opening{min-height:540px}.hero{padding:22px 0 42px}.hero-content{width:calc(100% - 34px)}.hero h1{font-size:clamp(34px,9.5vw,57px);line-height:1.06;letter-spacing:-.04em}.hero-actions{flex-direction:column;align-items:center;gap:8px;margin-top:21px}.hero-actions a{min-width:238px;min-height:44px;padding:10px 18px;font-size:9px}.video-toggle{font-size:8px;bottom:2px}.meeting-strip{padding:18px 0 20px}.strip-grid{grid-template-columns:1fr 1fr;gap:14px 20px}.strip-intro{grid-column:1/-1;text-align:center;font-size:26px}.strip-intro br{display:none}.strip-intro strong:before{content:' '}.strip-grid>a{padding:0;border:0;align-items:center;gap:5px;font-size:9px}.strip-grid>a+a{border-left:1px solid #ffffff30}.strip-grid .eyebrow{font-size:7px}.meeting-time{font-size:27px}.meeting-time small{font-size:8px}.section-space{padding-block:58px}.section-meta{margin-bottom:36px}.section-label{font-size:8px;gap:12px}.faith-inner{min-height:0}.reveal-text{font-size:clamp(38px,10vw,54px)}.faith-quote cite{font-size:8px;line-height:1.8;margin-top:28px}.photo-ticker-section{padding-block:45px 38px}.photo-ticker-section .section-meta{margin-bottom:30px}.photo-ticker{--photo-width:80vw;--photo-gap:12px}.photo-ticker-hint{font-size:8px;margin-top:18px}.photo-dialog{padding:12px}.photo-dialog-bar p{font-size:10px}.photo-dialog-image{height:67svh}.commitment-grid{grid-template-columns:1fr;gap:46px}.commitment-grid h2{font-size:43px;margin-bottom:20px}.commitment-grid p{font-size:13px}.mission-goals li{font-size:14px}.section-action{margin-top:30px}.ministry-intro{display:block;margin-bottom:30px}.ministry-intro p{margin-top:24px;font-size:13px}.ministry-chips a{font-size:11px;min-height:71px;padding-block:16px;gap:10px}.ministry-preview{gap:12px;grid-template-columns:1fr 1fr;margin-top:30px}.ministry-preview img{aspect-ratio:3/4}.next-layout{display:block}.next-layout>div:last-child{margin-top:32px}.next-layout .eyebrow{font-size:8px}.next-layout h2{font-size:54px}.site-footer{padding-top:45px}.footer-grid{gap:30px 20px;font-size:10px;padding-bottom:35px}.footer-brand{grid-column:1/-1;display:flex;align-items:center;gap:30px}.footer-brand .brand{width:106px;margin:0}.footer-brand .brand img{width:106px;height:74px}.footer-brand>p{font-size:10px;margin:0}.footer-grid h3{font-size:10px}.map-shell{grid-column:1/-1}.map-shell iframe{height:190px}.footer-bottom{font-size:8px;gap:12px;padding-block:20px}.footer-bottom nav{order:4;width:100%}.footer-bottom button{font-size:8px;margin-left:auto}.footer-watermark{right:-35px;bottom:250px}.subpage{padding-top:calc(var(--header) + 23px)}.breadcrumbs{font-size:9px;margin-bottom:38px;gap:8px}.page-heading{padding-bottom:40px}.page-heading h1{font-size:clamp(44px,11.5vw,66px)}.page-heading .eyebrow{font-size:8px}.page-lede{font-size:13px;margin-top:22px}.history-grid{padding-block:42px;gap:28px}.history-copy p{font-size:13px}.founders-grid{gap:10px}.founders-grid figcaption{font-size:9px}.timeline{gap:30px 22px}.timeline strong{font-size:30px}.timeline p{font-size:11px}.ministry-grid{grid-template-columns:1fr;gap:35px;padding-bottom:55px}.ministry-card h2{font-size:35px;margin-top:19px}.ministry-card p{font-size:13px}.ministry-detail{display:flex;flex-direction:column;gap:28px;padding-bottom:50px}.ministry-detail figure{width:100%}.ministry-detail p{font-size:13px}.ministry-detail h2{font-size:36px}.subpage-end{gap:20px;flex-wrap:wrap;padding-block:27px}.subpage-end-actions{width:100%;justify-content:stretch}.subpage-end-actions .button-primary,.subpage-end-actions .button-secondary{flex:1 1 calc(50% - 6px);min-width:0}.lesson-card-actions .lesson-card-btn{flex:1 1 calc(50% - 6px);min-width:0}.contact-grid{display:flex;flex-direction:column;gap:40px;padding-bottom:55px}.form-grid{grid-template-columns:1fr;gap:18px}.info-panel{padding:27px}.contact-info{width:100%}.schedule-row{display:block;padding-block:28px}.schedule-row h2{font-size:36px}.schedule-row strong{display:block;font-size:37px;margin-top:20px}.sermon-panel{grid-template-columns:1fr;gap:28px;padding-bottom:55px}}
@media(max-height:699px) and (min-width:640px){.home-opening{min-height:500px}.hero{padding-block:16px 38px}.hero h1{font-size:clamp(38px,5vw,58px)}.hero-actions{margin-top:18px}.meeting-strip{padding-block:18px}.meeting-time{font-size:28px}.strip-intro{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-word{opacity:1!important}}
@media(forced-colors:active){.button-primary,.button-secondary{border:1px solid ButtonText}.reveal-word{opacity:1!important}.hero:after{background:Canvas}.hero-content{color:CanvasText}}
/* Compact schedule range remains within 320px viewports. */
@media(max-width:639px){.meeting-time{font-size:clamp(20px,5.5vw,27px)}.meeting-time small{font-size:7px}}
.ministry-card img[src*="ninos-ninas"],.ministry-detail img[src*="ninos-ninas"]{object-position:center 24%}
/* Editorial refinement: shared navigation rail, SVG identity, readable motion. */
:root{--rail:35px;--surface:#f5f4f2;--header-total:calc(var(--header) + var(--rail))}
body{overflow-x:clip}button,input,select,textarea{-webkit-appearance:none;appearance:none;border-radius:0}button{touch-action:manipulation}.icon{display:inline-block;width:17px;height:17px;vertical-align:middle;flex:none;pointer-events:none}.text-link .icon,.button-primary .icon,.button-secondary .icon{transition:transform .25s ease}.button-primary,.button-secondary{transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.button-primary:hover,.button-secondary:hover{transform:translateY(-2px);box-shadow:0 5px 16px #0000000e}.button-primary:active,.button-secondary:active{transform:translateY(0)}.text-link:hover .icon,.button-primary:hover .icon,.button-secondary:hover .icon{transform:translate(2px,-2px)}
.site-header{height:auto;border-bottom:0;background:#292929}.header-inner{height:var(--header);gap:24px}.brand,.brand img{width:110px}.brand img{height:76px}.desktop-nav{gap:23px;font-size:11px}.header-rail{border-top:1px solid #111;height:var(--rail);display:flex;align-items:center;background:#292929}.header-rail .shell{height:100%;display:flex;align-items:center;max-width:none}.header-rail-home{height:1px}.header-rail .breadcrumbs{margin:0;color:#bababa;gap:9px;font-size:9px;white-space:nowrap;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0;line-height:1.6}.header-rail .breadcrumbs .icon{height:10px;width:10px;color:#838383}.header-rail .breadcrumbs [aria-current]{color:#fff;white-space:normal}.header-rail .breadcrumbs a{flex:none}.header-rail .breadcrumbs a:hover{color:var(--red-light)}.reading-progress{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--red-light);transform:scaleX(0);transform-origin:left;pointer-events:none}.inner-page .subpage{padding-top:calc(var(--header-total) + 29px)}.inner-page{--scroll-inset:var(--header-total)}html{scroll-padding-top:130px}.home-opening{padding-top:calc(var(--header) + 1px)}.hero,.meeting-strip{border-bottom:1px solid #111}.site-footer{border-top:1px solid #101010}.footer-brand .brand,.footer-brand .brand img{width:148px}.footer-brand .brand img{height:103px}.footer-bottom{border-top:1px solid #101010}
.menu-scrim{position:fixed;inset:0;z-index:40;background:#0009;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .18s ease}.menu-open{overflow:hidden}.menu-open .menu-scrim{opacity:1;animation:scrim-in .18s ease}.mobile-nav{top:calc(100% + 8px);left:auto;right:var(--gutter);width:min(340px,calc(100vw - var(--gutter)*2));padding:12px 24px 18px;border:1px solid #ffffff17;box-shadow:0 16px 45px #0004;border-radius:3px;max-height:calc(100svh - var(--header-total) - 28px);opacity:0;transform:translateY(-7px);transition:opacity .18s ease,transform .18s ease}.mobile-nav a{padding:12px 0;border-color:#ffffff14;font-size:22px;line-height:1.2}.mobile-nav a:last-child{border:0}.menu-open .mobile-nav{opacity:1;transform:none;animation:menu-in .22s ease}.menu-lines{position:relative;height:12px;border:0}.menu-lines:before,.menu-lines:after{content:'';position:absolute;left:0;width:100%;height:1px;background:white;transition:transform .2s,top .2s}.menu-lines:before{top:2px}.menu-lines:after{top:9px}.menu-toggle[aria-expanded=true] .menu-lines:before{top:6px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines:after{top:6px;transform:rotate(-45deg)}
@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes scrim-in{from{opacity:0}to{opacity:1}}
.reading-word{transition:color .2s ease;--reading-accent:var(--red)}.dark .reading-word,.site-footer .reading-word,.hero .reading-word{--reading-accent:var(--red-light)}.reading-word.is-reading{color:var(--reading-accent)}@media(hover:hover) and (pointer:fine){.reading-word:hover{color:var(--reading-accent)}}
.faith-inner{min-height:0}.faith-section .section-meta{margin-bottom:30px}.reveal-text{font-size:clamp(38px,4.5vw,66px);line-height:1.18}.faith-quote .reveal-word{display:inline-grid;vertical-align:baseline;line-height:inherit}.quote-base,.quote-color{grid-area:1/1}.quote-base{color:#8a8a8a;font-weight:400}.quote-color{color:var(--red);font-weight:400;opacity:0}.motion-reduced .quote-color{opacity:1!important}.faith-quote cite{margin-top:25px}.section-space{padding-block:65px}.section-meta{margin-bottom:35px}.page-heading{padding-bottom:32px}.page-heading h1{font-size:clamp(46px,5.6vw,78px)}.page-heading .eyebrow{margin-bottom:14px}.page-lede{margin-top:18px;font-size:14px;max-width:700px;line-height:1.8}.history-panorama{max-height:430px;margin-bottom:0}.history-panorama img{width:100%;aspect-ratio:2.65/1;object-fit:cover;object-position:50% 50%}.history-grid{padding-block:45px;gap:48px}.history-copy h2{font-size:clamp(36px,3.7vw,53px);margin-bottom:22px}.history-copy p{margin-bottom:18px}.commitment-grid{gap:clamp(36px,6vw,90px)}.commitment-grid h2{font-size:clamp(37px,4.2vw,58px);margin-bottom:20px}.commitment-grid p{line-height:1.85}.timeline{gap:30px}.timeline li{padding-top:18px}.timeline strong{font-size:34px}.timeline p{margin-top:11px}.contact-grid{gap:55px;padding-bottom:55px}.schedule-list{padding-bottom:45px}.schedule-row{padding-block:27px}.sermon-panel{gap:45px;padding-bottom:55px}.ministry-intro{margin-bottom:30px}.ministry-preview{margin-top:30px}.next-layout h2{font-size:clamp(44px,4.9vw,66px)}.next-layout .eyebrow{margin-bottom:16px}.site-footer{padding-top:45px}.footer-grid{padding-bottom:35px;gap:30px}.footer-bottom{padding-block:18px}
.hero-media{inset:-4% 0;height:108%;opacity:.82;filter:none}.hero:after{background:linear-gradient(180deg,#0009,#000b 58%,#000c)}.video-toggle{display:flex;align-items:center;gap:7px;color:#f1f1f1}.video-toggle .icon{width:12px;height:12px}.video-toggle .icon-pause{display:none}.video-toggle[aria-pressed=true] .icon-play{display:none}.video-toggle[aria-pressed=true] .icon-pause{display:inline-block}video::-webkit-media-controls,video::-webkit-media-controls-panel,video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.form-field select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292929' stroke-width='1.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--red)}
.carousel{min-width:0;position:relative;background:#f2f0ed;color:var(--ink);touch-action:pan-y}.carousel-stage{position:relative;aspect-ratio:16/10;overflow:hidden;background:#ddd}.carousel-slide{position:absolute!important;inset:0;opacity:0;z-index:0;transition:opacity .8s ease;pointer-events:none;margin:0!important}.carousel-slide.is-active{opacity:1;z-index:1}.carousel-slide img{width:100%;height:100%;aspect-ratio:auto!important;object-fit:cover;object-position:var(--slide-position,50% 50%)!important;filter:saturate(.9) contrast(1.01);user-select:none;-webkit-user-drag:none}.carousel-controls{position:relative;display:flex;align-items:center;gap:8px;justify-content:space-between;padding:2px 12px;background:#f2f0ed;color:#292929;min-height:38px}.carousel-counter{font-size:8px;letter-spacing:.13em;white-space:nowrap}.carousel-dots{display:flex;gap:0;align-items:center}.carousel-dots button{width:21px;min-height:36px;display:grid;place-items:center;padding:0}.carousel-dots button span{width:4px;height:4px;border-radius:50%;background:#aaa;transition:background .2s,transform .2s}.carousel-dots button[aria-pressed=true] span{background:var(--red);transform:scale(1.4)}.carousel-buttons{display:flex;gap:0}.carousel-buttons button{min-width:32px;min-height:36px;padding:5px;display:grid;place-items:center}.carousel-buttons .icon{width:14px;height:14px}.carousel-buttons button:hover{color:var(--red)}.carousel [data-carousel-toggle] .icon-play{display:none}.carousel [data-carousel-toggle][aria-pressed=true] .icon-pause{display:none}.carousel [data-carousel-toggle][aria-pressed=true] .icon-play{display:inline-block}.carousel :focus-visible{outline-color:var(--red)}
.ministry-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;padding-bottom:48px}.ministry-story{display:grid;grid-template-columns:.95fr 1fr;background:var(--surface);min-width:0;border:1px solid #e7e5e2}.ministry-story .carousel{display:grid;grid-template-rows:1fr auto;min-height:264px}.ministry-story .carousel-stage{aspect-ratio:auto;min-height:220px}.ministry-story .carousel-controls{padding-inline:7px;gap:2px}.ministry-story .carousel-dots{display:none}.ministry-story-copy{padding:24px 23px;display:flex;flex-direction:column;align-items:flex-start}.story-number{color:var(--red);font-size:9px;letter-spacing:.12em;margin-bottom:17px}.ministry-story h2{font-size:clamp(27px,2.4vw,37px);line-height:1.06;margin-bottom:14px}.ministry-story p{font-size:11px;line-height:1.85;color:#666;margin-bottom:20px}.ministry-story .text-link{font-size:10px;margin-top:auto}.ministry-detail{gap:42px;padding-bottom:50px;grid-template-columns:1.1fr 1fr}.ministry-detail-gallery{position:sticky;top:calc(var(--header-total) + 22px)}.ministry-detail-copy h2{font-size:38px}.ministry-detail-copy p{font-size:14px;line-height:1.9;margin-bottom:18px}.ministry-detail .carousel-stage{aspect-ratio:4/3}.ministry-detail img{height:100%;aspect-ratio:auto}.ministry-detail .carousel-slide{top:0}.ministry-preview .carousel-stage{aspect-ratio:16/9}.ministry-preview img{aspect-ratio:auto}.ministry-preview .carousel-controls{background:#373737;color:#eee}.ministry-preview .carousel-dots button[aria-pressed=true] span{background:var(--red-light)}.ministry-preview .carousel-buttons button:hover{color:var(--red-light)}
.discipleship-intro{margin-bottom:30px}.discipleship-intro details{border-block:1px solid var(--line);padding:0}.discipleship-intro summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;padding:19px 0;font-family:'Cormorant Garamond',serif;font-size:29px;text-align:left}.discipleship-intro summary::-webkit-details-marker{display:none}.detail-label{display:block;text-align:left;letter-spacing:normal;word-spacing:normal;white-space:normal;line-height:1.2}.detail-plus{position:relative;width:18px;height:18px;flex:none}.detail-plus:before,.detail-plus:after{content:'';position:absolute;width:16px;height:1px;background:var(--red);top:8px;left:1px;transition:transform .2s}.detail-plus:after{transform:rotate(90deg)}details[open] .detail-plus:after{transform:rotate(0)}.discipleship-intro .lesson-content{padding:0 0 20px;max-width:920px;text-align:left}.discipleship-intro .lesson-content p{text-align:left;letter-spacing:normal;word-spacing:normal}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;padding-bottom:45px}.lesson-card{display:grid;grid-template-columns:36% 1fr;border:1px solid #e0dedb;min-width:0;background:#fff}.lesson-cover{background:#dedcdc;display:grid;place-items:center;padding:18px}.lesson-cover img{width:auto;max-width:100%;max-height:220px;object-fit:contain;transition:transform .45s}.lesson-card:hover .lesson-cover img{transform:translateY(-3px) rotate(-1deg)}.lesson-card-copy{padding:25px 25px 22px;display:flex;align-items:flex-start;flex-direction:column;height:100%;min-height:100%;box-sizing:border-box}.lesson-card .eyebrow{font-size:8px;color:var(--red);margin-bottom:16px}.lesson-card h2{font-size:32px;line-height:1.08;margin-bottom:15px}.lesson-card-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#626262;margin-bottom:20px}.lesson-card .text-link{font-size:10px;margin-top:auto}.journal-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:33px;border-top:1px solid var(--line)}.journal-cta h2{font-size:45px;margin-top:10px}.journal-cta .eyebrow{font-size:8px;color:var(--muted)}.lesson-section{display:grid;grid-template-columns:260px 1fr;gap:60px;padding:0 0 40px;max-width:1120px;margin-inline:auto}.lesson-section+.lesson-section{padding-top:35px;border-top:1px solid var(--line)}.study-cover{background:#dedcdc;padding:26px;align-self:start;display:grid;place-items:center}.study-cover img{max-height:330px;width:auto;max-width:100%;object-fit:contain}.lesson-content{font-size:15px;color:#4d4d4d}.lesson-content p{line-height:1.95;margin-bottom:20px}.lesson-content h2{font-size:36px;margin:13px 0 20px;color:#202020}.lesson-content .eyebrow{font-size:9px;color:var(--red)}.lesson-content .source-attribution{font-size:10px;line-height:1.8;color:#777;border-top:1px solid var(--line);padding-top:15px;margin-top:25px}.study-article{padding-bottom:10px}
@media(min-width:1800px){.section-space{padding-block:75px}.hero h1{font-size:100px}.page-heading h1{font-size:84px}.ministry-story{grid-template-columns:1fr 1fr}.ministry-story h2{font-size:40px}}
@media(max-width:1119px){.desktop-nav{display:none}.menu-toggle{display:block}.language-switch{margin-left:auto}.header-inner{gap:18px}.brand,.brand img{width:100px}.brand img{height:69px}.ministry-directory{grid-template-columns:1fr}.ministry-story{grid-template-columns:1fr 1.1fr}.ministry-story .carousel-stage{min-height:245px}.ministry-story h2{font-size:38px}.ministry-story p{font-size:13px}.ministry-story-copy{padding:30px}.ministry-story .carousel-dots{display:flex}.lesson-grid{gap:20px}.lesson-card{grid-template-columns:35% 1fr}.lesson-card h2{font-size:28px}.lesson-card-copy{padding:23px 20px}.lesson-section{grid-template-columns:230px 1fr;gap:38px}.ministry-detail{gap:30px}.contact-grid{gap:30px}}
@media(max-width:639px){:root{--rail:34px}.brand,.brand img{width:92px}.brand img{height:64px}.header-inner{gap:12px}.header-rail .breadcrumbs{font-size:8px;gap:6px}.header-rail .breadcrumbs [aria-current]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inner-page .subpage{padding-top:calc(var(--header-total) + 24px)}.page-heading{padding-bottom:25px}.page-heading h1{font-size:clamp(41px,10.5vw,58px)}.page-lede{font-size:13px;margin-top:16px}.section-space{padding-block:43px}.section-meta{margin-bottom:26px}.faith-section .section-meta{margin-bottom:28px}.reveal-text{font-size:clamp(35px,9.5vw,49px)}.faith-quote cite{font-size:7px;margin-top:24px}.history-panorama{width:100%;max-height:none}.history-panorama img{aspect-ratio:1.55/1;object-position:50% 50%}.history-grid{padding-block:32px;gap:27px}.history-copy h2{font-size:39px}.history-copy p{font-size:13px}.commitment-grid{gap:32px}.commitment-grid h2{font-size:40px}.commitment-grid blockquote{font-size:22px;margin-top:20px}.mission-goals li{padding-block:11px}.ministry-preview{gap:14px;grid-template-columns:1fr}.ministry-preview .carousel-stage{aspect-ratio:16/9}.ministry-preview>.carousel:last-child{display:none}.ministry-story{grid-template-columns:1fr}.ministry-story .carousel-stage{min-height:0;aspect-ratio:16/10}.ministry-story .carousel{min-height:0}.ministry-story-copy{padding:23px}.ministry-story h2{font-size:35px;margin-bottom:12px}.ministry-story p{font-size:12px;margin-bottom:18px}.story-number{margin-bottom:11px}.ministry-story .text-link{margin-top:0}.ministry-directory{gap:23px;padding-bottom:33px}.ministry-detail{gap:28px;padding-bottom:32px}.ministry-detail-gallery{position:static;width:100%}.ministry-detail-copy h2{font-size:35px;margin-bottom:20px}.ministry-detail-copy p{font-size:13px}.ministry-detail .carousel-stage{aspect-ratio:4/3}.carousel-controls{min-height:42px;padding-inline:10px}.carousel-buttons button{min-height:40px;min-width:35px}.ministry-story .carousel-controls{padding-inline:12px}.contact-grid{gap:32px;padding-bottom:35px}.schedule-list{padding-bottom:35px}.schedule-row{padding-block:22px}.schedule-row strong{font-size:34px;margin-top:15px}.sermon-panel{gap:26px;padding-bottom:35px}.sermon-panel h2{font-size:42px}.next-layout h2{font-size:49px}.next-layout>div:last-child{margin-top:24px}.site-footer{padding-top:35px}.footer-brand .brand,.footer-brand .brand img{width:120px}.footer-brand .brand img{height:84px}.footer-grid{gap:28px 20px}.footer-bottom{gap:12px}.footer-bottom nav{gap:18px}.lesson-grid{grid-template-columns:1fr;gap:20px;padding-bottom:32px}.lesson-card{grid-template-columns:35% 1fr}.lesson-cover{padding:12px}.lesson-cover img{max-height:190px}.lesson-card-copy{padding:22px 18px}.lesson-card h2{font-size:28px}.lesson-card .eyebrow{font-size:7px;margin-bottom:12px}.lesson-card-copy>p:not(.eyebrow){font-size:11px;margin-bottom:16px}.lesson-card .text-link{font-size:9px;gap:8px}.discipleship-intro{margin-bottom:25px}.discipleship-intro summary{font-size:27px;padding-block:16px}.lesson-section{grid-template-columns:1fr;gap:25px;padding-bottom:30px}.study-cover{padding:20px;max-width:210px;width:100%;margin-inline:auto}.study-cover img{max-height:240px}.lesson-content{font-size:13px}.lesson-content h2{font-size:32px;margin-top:8px}.lesson-content p{line-height:1.9;margin-bottom:18px}.journal-cta{display:block;padding-block:26px}.journal-cta h2{font-size:39px}.journal-cta .button-primary{margin-top:23px}.subpage-end{padding-block:23px}.video-toggle{bottom:3px;font-size:8px}.carousel-slide img[src*='generaciones-juntas']{object-position:50% 55%!important}}
@media(prefers-reduced-motion:reduce){.menu-open .mobile-nav,.menu-open .menu-scrim{animation:none}.carousel-slide{transition:none}.quote-color{opacity:1!important}.reading-word{transition:none}}.motion-reduced .carousel-slide,.motion-reduced .reading-word{transition:none}.motion-reduced .button-primary,.motion-reduced .button-secondary,.motion-reduced .icon{transition:none}
.site-header .reading-word{--reading-accent:var(--red-light)}.carousel-buttons button:disabled{opacity:.35}

/* 1.4 â€” quiet navigation, independent photo ribbons and deliberate page journeys. */
.language-switch{border-left:0;padding-left:0;align-items:center;gap:0}.language-switch a+a{position:relative;margin-left:8px}.language-switch a+a:before{content:'';position:absolute;left:-4px;top:50%;height:13px;width:1px;background:#ffffff55;transform:translateY(-50%)}
.site-header{transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.site-header.header-away{transform:translateY(-105%);opacity:0;pointer-events:none}.menu-control{position:relative;display:none;flex:none;isolation:isolate}.menu-control:before{content:'';position:absolute;right:-12px;top:0;width:min(290px,calc(100vw - 32px));height:var(--menu-height,340px);border:1px solid #ffffff1a;background:#333;box-shadow:0 22px 50px #0003;border-radius:2px;opacity:0;transform:scaleY(.12);transform-origin:top right;transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .2s;pointer-events:none;z-index:-1}.menu-open .menu-control:before{opacity:1;transform:scaleY(1)}.menu-toggle{position:relative;align-items:center;justify-content:center;gap:11px;padding:0 0 0 8px;line-height:1;min-height:44px}.menu-lines{margin:0;width:20px;height:14px;flex:none;align-self:center}.menu-lines:before{top:3px}.menu-lines:after{top:10px}.menu-toggle[aria-expanded=true] .menu-lines:before,.menu-toggle[aria-expanded=true] .menu-lines:after{top:6.5px}.menu-control .mobile-nav{top:100%;left:auto;right:-12px;width:min(290px,calc(100vw - 32px));padding:4px 20px 17px;background:transparent;border:0;box-shadow:none;border-radius:0;max-height:calc(100dvh - var(--header) - 26px);transform:translateY(-5px);transition:opacity .18s,transform .24s}.menu-control .mobile-nav a{font-family:'DM Sans',Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:.01em;line-height:1.5;padding:14px 0;border-color:#ffffff15;display:block}.menu-control .mobile-nav a:after{content:'';width:4px;height:4px;border-radius:50%;background:var(--red-light);opacity:0;transition:opacity .2s}.menu-control .mobile-nav a[aria-current]:after,.menu-control .mobile-nav a:hover:after{opacity:1}.menu-open .menu-control .mobile-nav{transform:none;animation:none}.menu-scrim{background:#000a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.scroll-focus{opacity:var(--section-opacity,1)}.scroll-focus:focus-within{opacity:1!important}.motion-reduced .scroll-focus{opacity:1!important}.ministry-ticker{margin-top:32px;overflow:hidden}.ministry-ticker .photo-ticker{--photo-width:clamp(290px,34vw,480px)}.ministry-ticker .photo-ticker-hint{margin-top:20px}.ministry-still{position:relative;margin:0!important;overflow:hidden;min-width:0;background:#e7e2dc}.ministry-still img{width:100%;height:100%;object-fit:cover;object-position:var(--slide-position,50% 50%);aspect-ratio:4/3}.ministry-story>.ministry-still{min-height:264px;align-self:stretch}.ministry-story>.ministry-still img{position:absolute;inset:0}.ministry-detail .ministry-still{width:100%;position:relative;top:auto}.ministry-detail .ministry-still img{height:auto;aspect-ratio:auto;max-height:580px;object-fit:contain}.ministry-detail .ministry-art img{aspect-ratio:4/3}.ministry-art img{filter:none!important}
.map-shell iframe{filter:none;color-scheme:normal;background:#e5e3df}.social-icon{display:block;width:18px;height:18px;flex:none}.social-brands{gap:5px 15px}.social-brands a{display:inline-flex;align-items:center;gap:7px;min-height:40px;transition:color .2s}.social-brands a:hover{color:var(--red-light)}.footer-signature{line-height:1.9;flex-shrink:0}.footer-signature>span:first-child{font-size:9px;color:#e0e0e0}.social-dock{display:none}.video-message-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-bottom:42px}.video-message-card{border-top:1px solid var(--line);padding-top:15px;min-width:0}.video-message-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:var(--muted);margin-bottom:13px}.video-message-meta>span{display:flex;align-items:center;gap:7px}.video-message-meta .social-icon{width:13px;height:13px}.video-message-frame{aspect-ratio:16/9;background:#242424;position:relative;overflow:hidden}.video-message-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-message-card h2{font-size:32px;line-height:1.13;margin:20px 0 8px}.video-message-card p{font-size:11px;color:var(--muted);margin-bottom:20px}.video-message-card .text-link{font-size:10px}.message-channels{padding-block:28px 35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.message-channels h2{font-size:38px}.message-channels p{font-size:12px;color:var(--muted);margin-top:12px}.message-channel-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.message-channel-actions a{display:flex;align-items:center;gap:12px;font-size:11px;min-height:45px;border-bottom:1px solid #aaa}.message-channel-actions a:hover{color:var(--red)}
@media(max-width:1119px){.menu-control{display:block}.menu-toggle{display:inline-flex}.video-message-grid{gap:19px}.video-message-card h2{font-size:28px}.footer-signature{flex-shrink:1}.footer-bottom{gap:17px}}
@media(max-width:767px){.video-message-grid{grid-template-columns:1fr;gap:32px}.video-message-card h2{font-size:33px;margin-top:18px}.video-message-card p{margin-bottom:12px}.message-channels{display:block}.message-channel-actions{margin-top:22px;gap:25px}.social-dock{position:fixed;z-index:35;bottom:max(16px,env(safe-area-inset-bottom));right:16px;display:flex;align-items:center;padding:3px 5px;border:1px solid #ffffff25;border-radius:999px;background:#292929f2;color:#fff;box-shadow:0 4px 18px #0002;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .2s,transform .25s,visibility .25s}.social-dock a{width:42px;height:42px;display:grid;place-items:center}.social-dock .social-icon{width:17px;height:17px}.social-dock a+a{position:relative}.social-dock a+a:before{content:'';position:absolute;left:0;top:15px;height:12px;width:1px;background:#ffffff24}.social-dock a:active{color:var(--red-light)}.footer-in-view .social-dock,.menu-open .social-dock{opacity:0;transform:translateY(10px);pointer-events:none;visibility:hidden}}
@media(max-width:639px){.menu-toggle{gap:9px;font-size:10px}.menu-lines{width:18px;margin:0}.ministry-ticker{margin-top:25px}.ministry-ticker .photo-ticker{--photo-width:80vw}.ministry-story>.ministry-still{min-height:0;aspect-ratio:16/10}.ministry-detail .ministry-still{width:100%}.social-brands{gap:3px 12px}.social-brands a{font-size:9px;min-height:36px}.social-brands .social-icon{width:15px;height:15px}.footer-signature{width:100%;font-size:8px}.footer-signature>span:first-child{font-size:9px}.footer-bottom nav{flex-wrap:wrap}.footer-bottom button{margin-left:0}.back-top{margin-left:auto}.video-message-grid{padding-bottom:30px}.message-channels h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.scroll-focus{opacity:1!important}.site-header,.menu-control:before,.social-dock{transition:none}}.motion-reduced .site-header,.motion-reduced .menu-control:before,.motion-reduced .social-dock{transition:none}
.ministry-still:not(.ministry-art) img{filter:saturate(.9) contrast(1.01)}
/* Keep multiword menu labels together after per-word reading enhancement. */
.menu-control .mobile-nav a{display:block;position:relative;padding-right:16px}.menu-control .mobile-nav a:after{position:absolute;right:0;top:50%;transform:translateY(-50%)}

/* 1.5 â€” a single page grid, a chronological route and red directional wipes. */
:root{--page-width:min(calc(100% - var(--gutter)*2),var(--shell))}
.shell,.header-inner,.header-rail .shell,.hero-content,.history-panorama,.strip-grid,.photo-ticker{width:var(--page-width);max-width:var(--shell);margin-inline:auto}
.header-inner{padding-inline:0}.lesson-section{max-width:none;width:100%;margin-inline:0}.founders-grid{max-width:none}.video-toggle{right:max(var(--gutter),calc((100vw - var(--shell))/2))}
.origins-section{overflow:hidden}.origins-section .section-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.origins-section h2.eyebrow{font-family:'DM Sans',sans-serif;letter-spacing:.17em;font-weight:500;font-size:10px;line-height:1.5}.origins-range{font-size:9px;letter-spacing:.12em;color:#b7b1ad}.timeline-journey{--timeline-progress:0;--timeline-gap:36px;position:relative;padding-top:0}.timeline-journey .timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--timeline-gap);position:relative}.timeline-journey .timeline-event{position:relative;border:0;padding:64px 0 0;min-width:0}.timeline-axis{position:absolute;left:7px;top:25px;width:calc(75% + var(--timeline-gap)*.75);height:1px;background:#ffffff23}.timeline-axis>span{display:block;width:100%;height:100%;background:#df6760;transform:scaleX(var(--timeline-progress));transform-origin:left}.timeline-node{position:absolute;left:0;top:18px;width:15px;height:15px;border:1px solid #7a726e;background:#292929;border-radius:50%;transition:background .3s,border-color .3s,box-shadow .3s}.is-reached .timeline-node{background:#bd322d;border-color:#ef847b;box-shadow:0 0 0 5px #c44d401b}.timeline-journey .timeline strong{display:block;color:#f2ece6;font-size:clamp(45px,4.9vw,68px);line-height:1;font-weight:400;letter-spacing:-.045em}.timeline-day{display:block;min-height:25px;padding-top:5px;color:#bdb6b0;font-size:9px;letter-spacing:.08em}.timeline-journey .timeline h3{font-size:25px;line-height:1.2;margin-top:13px;letter-spacing:-.015em;color:#f2eee9}.timeline-journey .timeline p{margin-top:13px;font-size:12px;color:#bfbab6;line-height:1.9}.timeline-journey .timeline-copy{transform:translateY(calc((1 - var(--timeline-progress))*5px))}

.video-message-frame{display:block;isolation:isolate}.video-message-frame>img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.3,1)}.video-message-frame:hover>img{transform:scale(1.035)}.message-play{position:absolute;right:22px;top:22px;width:42px;height:42px;border:1px solid #ffffff88;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff0a;transition:background .25s,transform .25s}.message-play .icon{width:17px;height:17px;margin-left:2px}.video-message-frame:hover .message-play{background:var(--red);transform:scale(1.08)}.message-watch{position:absolute;left:20px;right:20px;bottom:15px;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.08em}.video-message-frame:focus-visible{outline-offset:5px}

@media(max-width:899px){.timeline-journey .timeline{grid-template-columns:1fr;gap:42px}.timeline-journey .timeline-event{padding:0 0 0 43px}.timeline-journey .timeline strong{font-size:55px}.timeline-journey .timeline h3{font-size:27px;margin-top:7px}.timeline-journey .timeline p{font-size:13px;max-width:660px}.timeline-node{top:18px}.timeline-axis{left:7px;top:25px;bottom:0;width:1px;height:calc(100% - 25px)}.timeline-axis>span{transform:scaleY(var(--timeline-progress));transform-origin:top}.timeline-day{min-height:18px}.timeline-day:empty{display:none}.origins-section .section-meta{margin-bottom:30px}.timeline-journey .timeline-copy{transform:none}}
@media(max-width:767px){.social-dock{left:50%;right:auto;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%)}.footer-in-view .social-dock,.menu-open .social-dock{transform:translate(-50%,10px)}}
@media(max-width:639px){.origins-section h2.eyebrow{font-size:8px}.origins-range{font-size:8px}.timeline-journey .timeline{gap:37px}.timeline-journey .timeline p{font-size:12px}.timeline-journey .timeline-event{padding-left:37px}.message-play{width:39px;height:39px;right:18px;top:18px}}
@media(prefers-reduced-motion:reduce){.timeline-copy{transform:none!important}.timeline-axis>span{transform:none!important}.video-message-frame>img,.message-play{transition:none}}.motion-reduced .timeline-copy{transform:none!important}.motion-reduced .timeline-axis>span{transform:none!important}

.is-transitioning{overflow:hidden}.is-transitioning .social-dock{visibility:hidden}

/* 1.6 â€” a quiet thread through history, with a soft page dissolve. */
.origins-section .section-meta{margin-bottom:27px}.timeline-journey .timeline-event{padding-top:0}.timeline-journey .timeline-copy{transform:none}.timeline-journey .timeline time{display:block;min-height:76px}.timeline-journey .timeline strong{font-size:clamp(38px,4vw,55px);line-height:1;color:#c7c2bd;transition:color .6s ease}.timeline-journey .timeline-day{min-height:21px;font-size:8px}.timeline-journey .timeline h3{margin-top:45px;font-size:23px}.timeline-journey .timeline p{margin-top:12px;line-height:1.85}.timeline-journey .timeline-axis{top:95px;height:1px;left:5px;background:#ffffff1c}.timeline-journey .timeline-axis>span{background:#bb5550}.timeline-journey .timeline-node{top:90px;width:10px;height:10px;border-color:#6a625e;background:#292929;box-shadow:none}.timeline-journey .is-reached .timeline-node{background:#9d3833;border-color:#bb5550}.timeline-journey .is-current .timeline-node{background:#edb3a7;border-color:#edb3a7;box-shadow:0 0 0 5px #c17c6515}.timeline-journey .is-current strong{color:#f3b5ac}.timeline-journey .timeline-copy{transition:none}.photo-dialog-bar{justify-content:flex-end}.photo-dialog-position.sr-only{margin:0}
@media(max-width:899px){.timeline-journey .timeline{gap:28px}.timeline-journey .timeline-event{padding:0 0 0 34px}.timeline-journey .timeline-axis{left:4px;top:22px;bottom:18px;width:1px;height:calc(100% - 40px)}.timeline-journey .timeline-node{top:17px;width:9px;height:9px}.timeline-journey .timeline strong{font-size:43px}.timeline-journey .timeline time{min-height:0}.timeline-journey .timeline-day{min-height:0;padding-top:7px}.timeline-journey .timeline h3{margin-top:12px;font-size:24px}.timeline-journey .timeline p{margin-top:9px;font-size:12px}.timeline-journey .timeline-copy{padding-bottom:25px;border-bottom:1px solid #ffffff12}.timeline-journey .timeline-event:last-child .timeline-copy{border-bottom:0;padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.page-portal{display:none!important}.timeline-journey .timeline strong{transition:none}}.motion-reduced .page-portal{display:none!important}.motion-reduced .timeline-journey .timeline strong{transition:none}
.video-message-grid{grid-template-columns:repeat(var(--message-columns,3),minmax(0,1fr))}.video-message-frame>img{object-fit:contain;filter:none;transition:none}.video-message-frame:hover>img{transform:none}.video-message-frame:hover{outline:1px solid var(--red);outline-offset:3px}@media(max-width:767px){.video-message-grid{grid-template-columns:1fr}}

/* 1.8 â€” preserve reading contrast and serve a responsive opening frame. */
.hero-poster,.hero-footage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-footage{opacity:0}.hero-media.has-frame .hero-footage{opacity:1}
.carousel-buttons button{min-width:44px;min-height:44px}
@media(max-width:767px){.form-field input,.form-field select,.form-field textarea{font-size:16px}.language-switch a{min-width:40px;min-height:44px}}

/* Next-step muÃ±equitos: lÃ­neas finas tipo sitio, loop limpio, sin tapar cabeza. */
.next-layout {
  grid-template-columns: minmax(0, 1.2fr) minmax(170px, 1fr) auto;
  align-items: end;
  gap: clamp(20px, 3vw, 40px);
}
.next-embrace {
  justify-self: center;
  align-self: center;
  width: min(280px, 54vw);
  pointer-events: none;
  user-select: none;
}
.embrace-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  shape-rendering: geometricPrecision;
}
.embrace-scene {
  stroke: var(--ink, #202020);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.embrace-head {
  fill: #fff;
  stroke: var(--ink, #202020);
}
.embrace-figure {
  transform-box: fill-box;
  transform-origin: center bottom;
}

/* Suave respiraciÃ³n del grupo â€” mismo inicio/fin */
.embrace-scene {
  transform-origin: 120px 100px;
  animation: embrace-breathe 4s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

/* Lateral izq: se acerca un poco al abrazo */
.embrace-left {
  transform-origin: 52px 110px;
  animation: embrace-lean-l 4s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}
/* Centro: solo sube levemente; no escala para no chocar lÃ­neas */
.embrace-mid {
  transform-origin: 120px 110px;
  animation: embrace-lift-mid 4s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}
/* Lateral der: se acerca */
.embrace-right {
  transform-origin: 188px 110px;
  animation: embrace-lean-r 4s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

/* Izq: brazo exterior saluda hacia arriba (arco) */
.embrace-left .embrace-arm-outer {
  transform-origin: 40px 72px;
  animation: embrace-wave-up 4s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}
/* Der: gesto distinto â€” mano hace â€œholaâ€ lateral (vaivÃ©n) */
.embrace-right .embrace-arm-outer {
  transform-origin: 200px 72px;
  animation: embrace-wave-hello 4s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

/* Brazos del medio: solo un leve abrir, lejos de la cabeza */
.embrace-mid .embrace-arm-l {
  transform-origin: 108px 72px;
  animation: embrace-cheer-soft-l 4s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}
.embrace-mid .embrace-arm-r {
  transform-origin: 132px 72px;
  animation: embrace-cheer-soft-r 4s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

/* Brazos internos del abrazo: apriete suave bajo el pecho */
.embrace-left .embrace-arm-inner {
  transform-origin: 64px 78px;
  animation: embrace-hug-in-l 4s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}
.embrace-right .embrace-arm-inner {
  transform-origin: 176px 78px;
  animation: embrace-hug-in-r 4s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

@keyframes embrace-breathe {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
@keyframes embrace-lean-l {
  0%, 100% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(4px) rotate(2deg); }
}
@keyframes embrace-lean-r {
  0%, 100% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(-4px) rotate(-2deg); }
}
@keyframes embrace-lift-mid {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
@keyframes embrace-wave-up {
  0%, 100% { transform: rotate(0deg); }
  35% { transform: rotate(-14deg); }
  55% { transform: rotate(-8deg); }
  70% { transform: rotate(-16deg); }
}
/* Mano derecha: vaivÃ©n horizontal tipo saludo, no espejo del izq */
@keyframes embrace-wave-hello {
  0%, 100% { transform: rotate(6deg); }
  25% { transform: rotate(22deg); }
  50% { transform: rotate(4deg); }
  75% { transform: rotate(20deg); }
}
@keyframes embrace-cheer-soft-l {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(-3deg); }
}
@keyframes embrace-cheer-soft-r {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(3deg); }
}
@keyframes embrace-hug-in-l {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(6deg); }
}
@keyframes embrace-hug-in-r {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(-6deg); }
}

@media (max-width: 1023px) {
  .next-layout {
    grid-template-columns: 1.2fr 1fr;
  }
  .next-embrace {
    grid-column: 2;
    grid-row: 1;
    width: min(230px, 46vw);
  }
  .next-layout > div:last-child {
    grid-column: 1 / -1;
    justify-self: start;
  }
}
@media (max-width: 639px) {
  .next-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .next-embrace {
    grid-column: auto;
    grid-row: auto;
    width: min(220px, 68vw);
    justify-self: start;
    order: 2;
  }
  .next-layout > div:first-child { order: 1; }
  .next-layout > div:last-child { order: 3; margin-top: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .embrace-scene,
  .embrace-left,
  .embrace-mid,
  .embrace-right,
  .embrace-left .embrace-arm-outer,
  .embrace-right .embrace-arm-outer,
  .embrace-mid .embrace-arm-l,
  .embrace-mid .embrace-arm-r,
  .embrace-left .embrace-arm-inner,
  .embrace-right .embrace-arm-inner {
    animation: none !important;
  }
}
.motion-reduced .embrace-scene,
.motion-reduced .embrace-left,
.motion-reduced .embrace-mid,
.motion-reduced .embrace-right,
.motion-reduced .embrace-left .embrace-arm-outer,
.motion-reduced .embrace-right .embrace-arm-outer,
.motion-reduced .embrace-mid .embrace-arm-l,
.motion-reduced .embrace-mid .embrace-arm-r,
.motion-reduced .embrace-left .embrace-arm-inner,
.motion-reduced .embrace-right .embrace-arm-inner {
  animation: none !important;
}


/* MuÃ±ecos monoline â€” compactos y responsive (no empujan layout en Horarios/Contacto) */
.ministry-mascot {
  width: min(180px, 58%);
  margin: 0 0 16px;
  pointer-events: none;
  user-select: none;
  flex: none;
}
.ministry-story-copy .ministry-mascot {
  width: min(130px, 48%);
  margin: 0 0 10px;
}
.ministry-detail-copy .ministry-mascot {
  width: min(160px, 55%);
  margin: 0 0 14px;
}

/* Horarios / Contacto: fuera del flujo â†’ no agrandan el bloque */
.has-page-mascot {
  position: relative;
}
.has-page-mascot > .ministry-mascot {
  position: absolute;
  margin: 0;
  z-index: 1;
  opacity: 0.92;
  pointer-events: none;
}
/* Horarios: anclado al heading existente (usa padding del tÃ­tulo) */
.page-heading.has-page-mascot > .ministry-mascot {
  right: 0;
  bottom: 4px;
  width: min(138px, 20vw);
}
.page-heading.has-page-mascot h1 {
  max-width: min(1000px, calc(100% - min(150px, 22vw)));
}
/* Contacto: esquina del panel lateral */
.contact-info.has-page-mascot > .ministry-mascot {
  top: 14px;
  right: 14px;
  width: min(112px, 38%);
}
.contact-info.has-page-mascot > h2 {
  padding-right: min(120px, 42%);
}

.mm-clock-face,
.mm-bubble-shape {
  stroke: var(--ink, #202020);
  fill: #fff;
}
.mm-clock-hand,
.mm-bubble-dots {
  stroke: var(--ink, #202020);
}
.mm-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  shape-rendering: geometricPrecision;
}
.mm-scene {
  stroke: var(--ink, #202020);
  stroke-width: 2.35;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  transform-origin: 100px 100px;
  animation: mm-breathe 4.2s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}
.mm-head {
  fill: #fff;
  stroke: var(--ink, #202020);
}
.mm-book,
.mm-gift {
  stroke: var(--ink, #202020);
  fill: #fff;
}
.mm-gift-bow { stroke: var(--ink, #202020); }

/* â€”â€” Damas: hermandad + libro â€”â€” */
.mm-damas .mm-a { transform-origin: 44px 110px; animation: mm-lean-l 4.2s ease-in-out infinite; }
.mm-damas .mm-c { transform-origin: 156px 110px; animation: mm-lean-r 4.2s ease-in-out infinite; }
.mm-damas .mm-b { transform-origin: 100px 110px; animation: mm-lift 4.2s ease-in-out infinite; }
.mm-damas .mm-a .mm-arm-out { transform-origin: 36px 72px; animation: mm-wave-up 4.2s ease-in-out infinite; }
.mm-damas .mm-c .mm-arm-out { transform-origin: 164px 72px; animation: mm-wave-hello 4.2s ease-in-out infinite; }
.mm-damas .mm-book { transform-origin: 100px 87px; animation: mm-book-tip 4.2s ease-in-out infinite; }

/* â€”â€” Caballeros: servicio / mano alzada â€”â€” */
.mm-caballeros .mm-a { transform-origin: 48px 110px; animation: mm-lean-l 4.2s ease-in-out infinite; }
.mm-caballeros .mm-c { transform-origin: 152px 110px; animation: mm-lean-r 4.2s ease-in-out infinite; }
.mm-caballeros .mm-b .mm-arm-up { transform-origin: 108px 68px; animation: mm-raise 4.2s ease-in-out infinite; }

/* â€”â€” Juvenil: energÃ­a / high-five â€”â€” */
.mm-juvenil .mm-b { transform-origin: 100px 110px; animation: mm-jump 4.2s ease-in-out infinite; }
.mm-juvenil .mm-a .mm-arm-hi,
.mm-juvenil .mm-c .mm-arm-hi {
  animation: mm-highfive 4.2s ease-in-out infinite;
}
.mm-juvenil .mm-a .mm-arm-hi { transform-origin: 54px 70px; }
.mm-juvenil .mm-c .mm-arm-hi { transform-origin: 146px 70px; }
.mm-juvenil .mm-b .mm-arm-l { transform-origin: 92px 64px; animation: mm-cheer-l 4.2s ease-in-out infinite; }
.mm-juvenil .mm-b .mm-arm-r { transform-origin: 108px 64px; animation: mm-cheer-r 4.2s ease-in-out infinite; }

/* â€”â€” NiÃ±os: adulto + peques â€”â€” */
.mm-ninos-ninas-adolescentes .mm-adult { transform-origin: 101px 110px; animation: mm-lift 4.2s ease-in-out infinite; }
.mm-ninos-ninas-adolescentes .mm-a { transform-origin: 50px 120px; animation: mm-kid-bounce 4.2s ease-in-out infinite; }
.mm-ninos-ninas-adolescentes .mm-c { transform-origin: 150px 120px; animation: mm-kid-bounce 4.2s ease-in-out infinite 0.2s; }
.mm-ninos-ninas-adolescentes .mm-a .mm-arm-up { transform-origin: 56px 88px; animation: mm-wave-hello 4.2s ease-in-out infinite; }
.mm-ninos-ninas-adolescentes .mm-c .mm-arm-up { transform-origin: 144px 88px; animation: mm-wave-up 4.2s ease-in-out infinite; }

/* â€”â€” Familia: abrazo + niÃ±o â€”â€” */
.mm-familia-matrimonio .mm-a { transform-origin: 56px 110px; animation: mm-lean-l 4.2s ease-in-out infinite; }
.mm-familia-matrimonio .mm-c { transform-origin: 144px 110px; animation: mm-lean-r 4.2s ease-in-out infinite; }
.mm-familia-matrimonio .mm-kid { transform-origin: 102px 120px; animation: mm-kid-bounce 4.2s ease-in-out infinite; }
.mm-familia-matrimonio .mm-a .mm-arm-hug { transform-origin: 64px 72px; animation: mm-hug-l 4.2s ease-in-out infinite; }
.mm-familia-matrimonio .mm-c .mm-arm-hug { transform-origin: 136px 72px; animation: mm-hug-r 4.2s ease-in-out infinite; }

/* â€”â€” OraciÃ³n: manos juntas â€”â€” */
.mm-oracion .mm-fig { animation: mm-bow 4.8s ease-in-out infinite; }
.mm-oracion .mm-a { transform-origin: 49px 110px; }
.mm-oracion .mm-b { transform-origin: 100px 110px; animation-delay: 0.15s; }
.mm-oracion .mm-c { transform-origin: 151px 110px; animation-delay: 0.3s; }
.mm-oracion .mm-pray { transform-origin: center; animation: mm-pray-pulse 4.8s ease-in-out infinite; }

/* â€”â€” Benevolencia: dar / recibir â€”â€” */
.mm-benevolencia .mm-a { transform-origin: 56px 110px; animation: mm-lean-l 4.2s ease-in-out infinite; }
.mm-benevolencia .mm-c { transform-origin: 144px 110px; animation: mm-lean-r 4.2s ease-in-out infinite; }
.mm-benevolencia .mm-gift,
.mm-benevolencia .mm-gift-bow {
  transform-origin: 103px 90px;
  animation: mm-gift-pass 4.2s ease-in-out infinite;
}
.mm-benevolencia .mm-give { transform-origin: 64px 74px; animation: mm-hug-l 4.2s ease-in-out infinite; }
.mm-benevolencia .mm-receive { transform-origin: 136px 74px; animation: mm-hug-r 4.2s ease-in-out infinite; }

/* â€”â€” Seguimiento: brazo de apoyo â€”â€” */
.mm-seguimiento-apoyo .mm-a { transform-origin: 66px 110px; animation: mm-walk-l 4.2s ease-in-out infinite; }
.mm-seguimiento-apoyo .mm-b { transform-origin: 126px 110px; animation: mm-walk-r 4.2s ease-in-out infinite; }
.mm-seguimiento-apoyo .mm-support { transform-origin: 74px 70px; animation: mm-hug-l 4.2s ease-in-out infinite; }
.mm-seguimiento-apoyo .mm-b .mm-arm-out { transform-origin: 134px 74px; animation: mm-wave-hello 4.2s ease-in-out infinite; }

/* â€”â€” Horarios: llegada + reloj â€”â€” */
.mm-horarios .mm-clock { transform-origin: 100px 34px; animation: mm-lift 4.2s ease-in-out infinite; }
.mm-horarios .mm-minute { transform-origin: 100px 34px; animation: mm-clock-tick 8s linear infinite; }
.mm-horarios .mm-a { transform-origin: 56px 120px; animation: mm-walk-l 4.2s ease-in-out infinite; }
.mm-horarios .mm-b { transform-origin: 100px 120px; animation: mm-lift 4.2s ease-in-out infinite; }
.mm-horarios .mm-c { transform-origin: 144px 120px; animation: mm-walk-r 4.2s ease-in-out infinite; }
.mm-horarios .mm-wave { transform-origin: 48px 84px; animation: mm-wave-up 4.2s ease-in-out infinite; }
.mm-horarios .mm-invite { transform-origin: 152px 84px; animation: mm-wave-hello 4.2s ease-in-out infinite; }

/* â€”â€” Contacto: conversaciÃ³n + saludo â€”â€” */
.mm-contacto .mm-a { transform-origin: 60px 110px; animation: mm-lean-l 4.2s ease-in-out infinite; }
.mm-contacto .mm-b { transform-origin: 156px 110px; animation: mm-lean-r 4.2s ease-in-out infinite; }
.mm-contacto .mm-talk { transform-origin: 68px 74px; animation: mm-hug-l 4.2s ease-in-out infinite; }
.mm-contacto .mm-wave { transform-origin: 164px 74px; animation: mm-wave-hello 4.2s ease-in-out infinite; }
.mm-contacto .mm-bubble { transform-origin: 114px 62px; animation: mm-bubble-pop 4.2s ease-in-out infinite; }

@keyframes mm-breathe {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
@keyframes mm-lean-l {
  0%, 100% { transform: translateX(0) rotate(0); }
  50% { transform: translateX(3px) rotate(2deg); }
}
@keyframes mm-lean-r {
  0%, 100% { transform: translateX(0) rotate(0); }
  50% { transform: translateX(-3px) rotate(-2deg); }
}
@keyframes mm-lift {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}
@keyframes mm-wave-up {
  0%, 100% { transform: rotate(0); }
  40% { transform: rotate(-12deg); }
  70% { transform: rotate(-6deg); }
}
@keyframes mm-wave-hello {
  0%, 100% { transform: rotate(4deg); }
  25% { transform: rotate(18deg); }
  50% { transform: rotate(2deg); }
  75% { transform: rotate(16deg); }
}
@keyframes mm-book-tip {
  0%, 100% { transform: rotate(0); }
  50% { transform: rotate(-3deg); }
}
@keyframes mm-raise {
  0%, 100% { transform: rotate(0); }
  50% { transform: rotate(-10deg) translateY(-2px); }
}
@keyframes mm-jump {
  0%, 100% { transform: translateY(0); }
  45% { transform: translateY(-8px); }
  60% { transform: translateY(-2px); }
}
@keyframes mm-highfive {
  0%, 100% { transform: rotate(0); }
  50% { transform: rotate(8deg); }
}
@keyframes mm-cheer-l {
  0%, 100% { transform: rotate(0); }
  50% { transform: rotate(-4deg); }
}
@keyframes mm-cheer-r {
  0%, 100% { transform: rotate(0); }
  50% { transform: rotate(4deg); }
}
@keyframes mm-kid-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
@keyframes mm-hug-l {
  0%, 100% { transform: rotate(0); }
  50% { transform: rotate(5deg); }
}
@keyframes mm-hug-r {
  0%, 100% { transform: rotate(0); }
  50% { transform: rotate(-5deg); }
}
@keyframes mm-bow {
  0%, 100% { transform: rotate(0); }
  50% { transform: rotate(3deg) translateY(2px); }
}
@keyframes mm-pray-pulse {
  0%, 100% { transform: scaleY(1); }
  50% { transform: scaleY(0.96); }
}
@keyframes mm-gift-pass {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(4px); }
}
@keyframes mm-walk-l {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(4px); }
}
@keyframes mm-walk-r {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(4px); }
}
@keyframes mm-clock-tick {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes mm-bubble-pop {
  0%, 100% { transform: scale(1); opacity: 0.95; }
  50% { transform: scale(1.06) translateY(-2px); opacity: 1; }
}

/* Tablet */
@media (max-width: 1119px) {
  .ministry-story-copy .ministry-mascot { width: min(120px, 42%); }
  .ministry-detail-copy .ministry-mascot { width: min(140px, 50%); }
  .page-heading.has-page-mascot > .ministry-mascot { width: min(120px, 22vw); }
  .page-heading.has-page-mascot h1 { max-width: calc(100% - min(130px, 24vw)); }
  .contact-info.has-page-mascot > .ministry-mascot { width: min(100px, 36%); }
  .contact-info.has-page-mascot > h2 { padding-right: min(108px, 40%); }
  .next-embrace { width: min(200px, 40vw); }
}

/* MÃ³vil */
@media (max-width: 639px) {
  .ministry-mascot { width: min(120px, 46%); margin-bottom: 10px; }
  .ministry-story-copy .ministry-mascot { width: min(96px, 38%); margin-bottom: 8px; }
  .ministry-detail-copy .ministry-mascot {
    width: min(110px, 42%);
    margin: 0 0 12px;
  }
  .page-heading.has-page-mascot > .ministry-mascot {
    width: 70px;
    bottom: 2px;
    opacity: 0.88;
  }
  .page-heading.has-page-mascot h1 {
    max-width: calc(100% - 78px);
  }
  .page-heading.has-page-mascot .page-lede {
    padding-right: 76px;
  }
  .contact-info.has-page-mascot > .ministry-mascot {
    width: 68px;
    top: 12px;
    right: 12px;
  }
  .contact-info.has-page-mascot > h2 {
    padding-right: 80px;
    font-size: clamp(28px, 8vw, 34px);
  }
  .next-embrace {
    width: min(140px, 42vw);
  }
  .next-layout { gap: 10px; }
  .mm-scene { animation-duration: 4.8s; }
}

/* Pantallas muy estrechas */
@media (max-width: 379px) {
  .page-heading.has-page-mascot > .ministry-mascot,
  .contact-info.has-page-mascot > .ministry-mascot {
    width: 58px;
    opacity: 0.8;
  }
  .page-heading.has-page-mascot h1 { max-width: calc(100% - 64px); }
  .page-heading.has-page-mascot .page-lede { padding-right: 64px; }
  .contact-info.has-page-mascot > h2 { padding-right: 68px; }
  .ministry-story-copy .ministry-mascot { width: 84px; }
  .next-embrace { width: min(120px, 46vw); }
}

@media (prefers-reduced-motion: reduce) {
  .mm-scene,
  .ministry-mascot [class*="mm-"],
  .ministry-mascot path,
  .ministry-mascot g,
  .next-embrace [class*="embrace-"] {
    animation: none !important;
  }
}
.motion-reduced .mm-scene,
.motion-reduced .ministry-mascot g,
.motion-reduced .ministry-mascot path,
.motion-reduced .next-embrace [class*="embrace-"] {
  animation: none !important;
}

/* === mobile-ux-2026-10 === */
/* Browser chrome / overscroll gris */
html {
  background-color: #292929;
}
/* Contenido claro del home en blanco; html gris solo para overscroll/chrome. */
body.home-page {
  background-color: #fff;
}
body.home-page main > .section-space:not(.dark) {
  background-color: #fff;
}
body.inner-page {
  background-color: #fff;
}

/* MenÃº: barra derecha full-height, solo el ancho necesario */
@media (max-width: 1119px) {
  .menu-control:before {
    display: none !important;
  }
  .menu-control .mobile-nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: 55;
    width: max-content;
    min-width: 168px;
    max-width: min(72vw, 220px);
    height: 100dvh;
    max-height: none;
    margin: 0;
    padding: calc(var(--header) + 18px) 20px 32px 18px;
    background: #292929;
    border: 0;
    border-left: 1px solid #ffffff18;
    border-radius: 0;
    box-shadow: -18px 0 48px #00000055;
    opacity: 1;
    transform: translateX(104%);
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .menu-open .menu-control .mobile-nav {
    transform: translateX(0);
    animation: none;
  }
  .menu-control .mobile-nav a {
    font-family: 'DM Sans', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.5;
    padding: 12px 18px 12px 0;
    border-color: #ffffff12;
  }
  .menu-control .mobile-nav a:last-child {
    border-bottom: 0;
  }
  .menu-scrim {
    z-index: 50;
  }
}

/* Isla redes: en home oculta en el hero; entra al scrollear */
@media (max-width: 767px) {
  .home-page .social-dock {
    bottom: max(20px, calc(env(safe-area-inset-bottom) + 12px));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 28px);
    transition:
      opacity 0.34s ease,
      transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0.34s;
  }
  .home-page.hero-past .social-dock {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
  }
  .home-page.footer-in-view .social-dock,
  .home-page.menu-open .social-dock,
  .home-page.is-transitioning .social-dock {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 18px);
  }
  .map-shell {
    background: #e5e3df;
    min-height: 168px;
  }
  .map-shell iframe {
    background: #e5e3df;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .social-dock,
  .menu-control .mobile-nav {
    transition: none !important;
  }
}


.lesson-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:14px;width:100%}
.lesson-card-actions .lesson-card-btn{min-height:42px;min-width:148px;max-width:220px;padding:11px 16px;font-size:9px;gap:14px;flex:0 1 auto;justify-content:center;text-align:center}
/* === lahibi-card-mark === */
.lesson-card-lahibi{
  grid-template-columns:36% 1fr;
}
.lesson-card-media{
  display:flex;
  flex-direction:column;
  min-height:100%;
  min-width:0;
  background:#dedcdc;
}
.lesson-card-lahibi .lesson-card-media .lesson-cover{
  flex:1 1 auto;
  background:transparent;
}
.lesson-card-lahibi .lahibi-card-brand{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:14px 12px 16px;
  background:#dedcdc;
  border-top:1px solid #0000000d;
}
.lesson-card-lahibi .lahibi-card-mark{
  width:min(128px,92%);
  max-width:128px;
  height:auto;
  object-fit:contain;
  pointer-events:none;
  opacity:.98;
}
.lesson-card-lahibi .lesson-card-actions{
  margin-top:auto;
  padding-top:14px;
  width:100%;
}
.lesson-card-lahibi .lesson-card-actions .lesson-card-btn{
  flex:0 1 auto;
  max-width:220px;
}
@media (max-width:960px){
  .lesson-card-lahibi{grid-template-columns:35% 1fr}
}
@media (max-width:639px){
  .lesson-card,
  .lesson-card-lahibi{
    grid-template-columns:minmax(108px,35%) 1fr;
  }
  .lesson-card-lahibi .lahibi-card-brand{padding:10px 8px 12px}
  .lesson-card-lahibi .lahibi-card-mark{max-width:104px;width:min(104px,94%)}
}


/* === mobile-menu-typography === */
@media (max-width: 1119px) {
  .menu-control .mobile-nav a {
    font-family: 'DM Sans', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.5;
    text-transform: none;
  }
  .menu-control .mobile-nav a:hover,
  .menu-control .mobile-nav a[aria-current='page'] {
    text-decoration: underline;
    text-underline-offset: 7px;
    text-decoration-color: var(--red-light);
  }
  .menu-control .mobile-nav a:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .menu-control .mobile-nav a {
    font-size: 11px;
  }
}

/* === hero-word-pulse === */
.hero h1 .hero-word-pulse {
  display: inline-block;
  transform-origin: 50% 88%;
  animation: hero-word-pulse 5.2s ease-in-out infinite;
  will-change: transform, filter;
}
@keyframes hero-word-pulse {
  0%, 100% {
    transform: scale(1);
    filter: brightness(1) drop-shadow(0 0 0 transparent);
  }
  50% {
    transform: scale(1.095);
    filter: brightness(1.14) drop-shadow(0 0 14px rgba(255, 235, 220, 0.28));
  }
}
html.motion-reduced .hero h1 .hero-word-pulse {
  animation: none;
  filter: none;
}
@media (prefers-reduced-motion: reduce) {
  .hero h1 .hero-word-pulse {
    animation: none !important;
    filter: none !important;
  }
}

/* === faith-quote-depth === */
.faith-quote .reveal-word {
  display: inline-grid;
  vertical-align: baseline;
  line-height: inherit;
  transform: perspective(960px) translateZ(0);
  transform-style: preserve-3d;
}
.quote-base,
.quote-color {
  grid-area: 1 / 1;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 400;
  transform: translate3d(0, 0, 0);
}
.quote-base {
  color: #8a8a8a;
  text-shadow: 0 0.04em 0.1em rgba(0, 0, 0, 0.07);
}
.quote-color {
  color: var(--red);
  opacity: 0;
  text-shadow:
    0 0.04em 0.1em rgba(90, 0, 0, 0.12),
    0 0 0.55em rgba(163, 0, 0, 0.1);
  transition: opacity 0.35s linear;
}
.motion-reduced .quote-color {
  opacity: 1 !important;
}
