/* Hogar del Padre Celestial · Experience */
:root{--navy:#10384a;--deep:#091d29;--cream:#f5f0e7;--paper:#fffcf6;--red:#9a4144;--rose:#dec5a1}html{scroll-padding-top:32px}body{background:var(--cream)}.site-header{height:96px;background:#f9f6ef;border:0;padding:0 5.5%}.brand{gap:12px}.brand-name{font-size:22px}.brand-mark img{mix-blend-mode:normal}.brand-mark{height:57px}#desktop-nav{gap:28px;font-size:12px}.header-cta{border-radius:50px;padding:13px 22px}.button{border-radius:50px;min-height:52px;padding:17px 25px}.eyebrow{letter-spacing:.19em;font-size:10px}.section{padding:95px 7%}.section-top{gap:50px}.section-top h2{font-size:clamp(44px,5vw,72px);line-height:.97}.section-intro{font-size:15px;line-height:1.9;max-width:390px}.section-intro p{margin-bottom:0}
/* The image is symbolic; all navigation remains ordinary, direct links. */
.immersive-hero{background:#0b1f2b;min-height:675px;isolation:isolate;--mx:0px;--my:0px}.immersive-hero:before,.immersive-hero:after{display:none}.hero-scene{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-scene>img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;animation:quiet-life 18s ease-in-out infinite alternate;transform-origin:76% 53%}.hero-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071a26c9 0%,#071a2685 36%,#071a2608 66%),linear-gradient(0deg,#071a26b0,transparent 30%)}.hero-light{position:absolute;inset:-20%;background:radial-gradient(ellipse at 82% 15%,#f5c98b17,transparent 45%);transform:translate(var(--mx),var(--my));transition:transform 1s ease-out;mix-blend-mode:screen}.immersive-hero .hero-inner{min-height:605px;display:block;padding:82px 7% 72px;max-width:1600px}.immersive-hero .hero-copy{max-width:670px}.immersive-hero h1{font-size:clamp(72px,7vw,108px);line-height:.92;letter-spacing:-.045em;margin:28px 0 30px}.immersive-hero h1 em{color:#e7cba5;padding-bottom:5px}.immersive-hero .hero-description{max-width:440px;font-size:15px;line-height:1.85;color:#f0efe5d9}.immersive-hero .hero-actions{gap:24px;margin-top:29px}.quiet-link{font-size:12px}.hero-guide{border:0;background:transparent;color:#dbddd3;font-size:11px;padding:18px 0 0;display:flex;align-items:center;gap:18px;min-height:48px}.hero-guide span{font-size:23px;color:#e7cba5}.hero-vow{position:absolute;right:7%;bottom:82px;text-align:right;max-width:235px}.hero-vow p{font:400 26px/1.1 var(--serif);color:#f0e3ce;margin:16px 0 0}.hero-vow em{font-weight:400}.vow-line{display:block;height:1px;width:50px;background:#e3c8a1;margin-left:auto}.hero-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;border-top:1px solid #ffffff26;padding:20px 7%;color:#d8dedc;gap:20px}.scroll-invitation{font-size:9px;letter-spacing:.15em;display:flex;gap:18px;align-items:center}.scroll-invitation>span{font-size:20px}.hero-bottom small{font:italic 19px var(--serif)}#motion-toggle{border:0;background:transparent;color:#d8dedc;font-size:10px;padding:12px 0}.ways-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#e8e4da;padding:0 6%;border-bottom:1px solid #d6d9ce}.ways-strip a{display:flex;align-items:center;gap:15px;padding:26px 15px;font-size:12px;border-right:1px solid #c7cec3}.ways-strip a:last-child{border:0}.ways-strip a>span{font:italic 21px var(--serif);color:var(--red)}.ways-strip a>b{font-weight:400;margin-left:auto}.ways-strip a:hover{background:#ffffff55}
@keyframes quiet-life{from{transform:scale(1.015) translate(0,0)}to{transform:scale(1.065) translate(-.5%,.3%)}}.motion-paused .hero-scene>img{animation-play-state:paused}.motion-paused .hero-light{transform:none}
/* Four equal chapters with substance on the page and detail on demand. */
.apostolate-section{background:var(--cream)}.apostolate-directory{display:flex;flex-direction:column;gap:64px;margin-top:50px}.service-chapter{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;scroll-margin-top:30px}.service-chapter:nth-child(even){grid-template-columns:1.1fr .9fr}.service-chapter:nth-child(even) .chapter-art{order:2}.chapter-art{min-height:440px;align-self:stretch;position:relative;overflow:hidden;background:var(--chapter-bg) center/cover;isolation:isolate;border-radius:180px 180px 4px 4px}.chapter-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#082b3cf2,transparent 88%);z-index:-1}.chapter-art.talleres{background-position:center 45%}.chapter-art.retiros{border-radius:4px 180px 4px 4px}.chapter-art.hogar{border-radius:4px 4px 180px 4px}.chapter-art.fraterno{border-radius:180px 4px 4px 4px;background-position:77% center}.chapter-art.fraterno:after{background:linear-gradient(0deg,#082b3c,#082b3c44)}.chapter-num{position:absolute;top:35px;left:35px;color:#fffaefbf;font:italic 78px var(--serif);line-height:1}.chapter-icon{position:absolute;right:30px;top:40px;color:#f5efe3}.chapter-icon svg{width:34px;height:34px;stroke-width:1}.chapter-caption{position:absolute;bottom:40px;left:35px;right:30px;color:#f8f2e7}.chapter-caption>p{font:400 41px/1.02 var(--serif);max-width:280px;margin-bottom:20px}.chapter-caption>span{font-size:8px;letter-spacing:.12em;text-transform:uppercase}.chapter-copy{padding:12px 0}.chapter-copy>h3{font:500 43px/1.04 var(--serif);letter-spacing:-.025em;max-width:440px;margin:12px 0 20px}.chapter-copy>.chapter-intro{font-size:14px;line-height:1.9;max-width:550px}.chapter-copy>details{border-top:1px solid #cbd2c7}.chapter-copy summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding:18px 0;font-size:12px;font-weight:500;list-style:none}.chapter-copy summary::-webkit-details-marker{display:none}.chapter-copy summary b{font-size:19px;font-weight:400;color:var(--red)}.chapter-copy details[open] summary b{transform:rotate(45deg)}.chapter-copy details>p{font-size:13px;line-height:1.85;color:#5e706f}.chapter-copy>.text-button{margin-top:18px;min-height:48px;font-size:12px}.chapter-copy .apostolate-steps{margin-bottom:20px}.chapter-copy .apostolate-steps p{font-size:12px}.chapter-copy .apostolate-steps strong{font-size:12px}
/* The foundation's own convictions, without invented milestones or portraits. */
.foundation-story{padding:100px 9%;display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;background:#10384a;color:#e9eee6;position:relative;overflow:hidden}.foundation-story:before{content:'';position:absolute;width:550px;height:550px;left:-230px;bottom:-280px;border:1px solid #e5cda522;border-radius:50%;box-shadow:0 0 0 60px #e5cda506,0 0 0 120px #e5cda504;pointer-events:none}.story-heading h2{color:#f5eddf;font-size:clamp(60px,6vw,88px);line-height:.95;margin:24px 0 40px}.story-heading h2 em{color:#e1c6a2}.story-mark{width:124px;filter:brightness(0) invert(1);opacity:.9}.story-body{padding-top:35px}.story-body>.story-lead{font:400 31px/1.2 var(--serif);color:#f5eddf}.story-body>p{font-size:14px;line-height:1.95;color:#c4d0cd}.story-beliefs{margin-top:28px}.story-beliefs details{border-top:1px solid #b9cec02e}.story-beliefs summary{display:flex;gap:15px;font-size:12px;align-items:center;padding:20px 0;cursor:pointer;list-style:none}.story-beliefs summary::-webkit-details-marker{display:none}.story-beliefs summary span{font:italic 22px var(--serif);color:#d9c6a4}.story-beliefs summary b{margin-left:auto;font-weight:400;font-size:19px}.story-beliefs details[open] summary b{transform:rotate(45deg)}.story-beliefs details>p{font-size:13px;color:#bdceca;line-height:1.9;margin-left:35px}
/* A browsable collection, not a second homepage. */
.word-section{background:#f2eee4}.postcard-grid{display:flex;gap:28px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0;padding:10px 2px 24px;margin:0;scrollbar-width:thin;scrollbar-color:#b3bfb2 transparent}.postcard-entry{flex:0 0 calc((100% - 76px)/3.2);min-width:250px;scroll-snap-align:start}.postcard-grid.single .postcard-entry{max-width:335px;flex-basis:335px;margin:0}.postcard-open{width:100%;display:block;padding:0;border:0;background:none;cursor:pointer;position:relative}.postcard-art{border-radius:2px;box-shadow:none}.postcard-art:after{z-index:0;pointer-events:none;background:linear-gradient(180deg,#fffaed26,transparent 64%,#faf5e7f5)}.postcard-art.dark-art:after{background:linear-gradient(180deg,#0a1e255c,transparent 64%,#0a1e25d9)}.postcard-art .verse{z-index:1;top:10.4%!important;left:11.1%;right:10%;font-size:8.7cqw!important;line-height:1.07;letter-spacing:-.02em}.postcard-art .verse-ref{font-size:2.5cqw;letter-spacing:.03em;line-height:1.6;margin-top:4.5cqw}.postcard-brand{z-index:1;bottom:6.2%;left:33.8%;width:32.4%;padding:0;background:none;box-shadow:none;mix-blend-mode:normal}.postcard-brand img{mix-blend-mode:normal;filter:none}.dark-art .postcard-brand img{filter:brightness(0) invert(1)}.postcard-art .postal-dedication{position:absolute;top:56.5%;left:11.1%;right:11.1%;font:italic 4cqw/1.3 var(--serif);z-index:1;overflow-wrap:anywhere}.card-open-hint{z-index:3;font-size:8px;letter-spacing:.12em;background:#15394bd9;color:white;padding:12px 14px;left:auto;right:0;bottom:0;top:auto;border-radius:0}.postcard-meta strong{font-size:12px}.postcard-meta small{font-size:10px}.collection-toolbar{gap:20px;margin-bottom:24px;flex-wrap:wrap}.filters{gap:7px;flex-wrap:wrap}.filter{font-size:11px;padding:11px 15px;border-radius:30px}.saved-filter{font-size:11px}.collection-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.collection-navigation p{font-size:11px;color:#65766e;margin:0}.collection-navigation>div{display:flex;gap:10px}.collection-navigation .icon-button{border-color:#c3cabe;font-size:22px}.collection-footnote{font-size:11px;margin-top:24px}.reader-visual{background:#e4e5d9;padding:42px 30px;min-width:0}.reader-visual .postcard-art{max-width:340px}.reader-content{padding:60px 45px}.reader-content>h2{font-size:44px}.reader-content>blockquote{font-size:29px}.reader-reflection p{font-size:13px;line-height:1.9}.reader-reflection h3,.reader-practice h3{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.reader-practice{border-top:1px solid #d3d9cd;padding-top:25px;margin-top:25px}.reader-practice p{font-size:13px;line-height:1.8}.dedication-field{margin:25px auto 0;max-width:340px;padding-top:18px;border-top:1px solid #b9c3b4}.dedication-field label{font-size:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dedication-field label small{font-size:9px;font-weight:400;color:#67756d}.dedication-field input{width:100%;border:1px solid #b8c1b2;border-radius:3px;background:#f8f6ed;color:var(--ink);padding:13px;font-size:14px}.dedication-field>p{font-size:10px;line-height:1.7;color:#657267;margin:10px 0 0}#export-result img{width:100px;margin:20px auto 10px}#export-result a{font-size:12px;display:flex;justify-content:center;padding:15px}.reader-image-actions button{min-height:44px}
.support-section{background:#fffcf6}.support-options button{padding:28px 25px}.support-options h3{font-size:29px}.support-options p{font-size:13px;line-height:1.8}.solidarity-section{display:grid;grid-template-columns:1.1fr 1fr;background:#e8e7dc;gap:0;align-items:center}.solidarity-image{position:relative;height:100%;min-height:510px}.solidarity-image>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.solidarity-image>span{position:absolute;bottom:20px;left:25px;background:#15394bd9;color:#fffaef;padding:10px 12px;font-size:8px;letter-spacing:.12em}.solidarity-copy{padding:55px 12%}.solidarity-copy h2{font-size:56px;line-height:1}.solidarity-copy>p{font-size:14px;line-height:1.9}.solidarity-copy>.solidarity-note,.solidarity-note{font-size:11px;line-height:1.8;color:#647268}.solidarity-copy>.text-button{margin-top:15px;min-height:44px}.closing{padding:75px 7%}.closing>p{font-size:clamp(33px,4vw,58px)}.guide-options{display:flex;flex-direction:column;margin-top:20px}.guide-options button{position:relative;text-align:left;padding:18px 30px 18px 0;background:none;border:0;border-top:1px solid #d4dacd}.guide-options button span{display:block;font-size:14px;font-weight:500}.guide-options button small{display:block;font-size:11px;margin-top:7px;color:#657569}.guide-options button b{position:absolute;right:0;top:23px;font-weight:400;font-size:20px}.guide-options button:hover{color:var(--red)}.merch-plan{border-top:1px solid #cad3c4;padding-top:15px;margin-top:20px}.merch-plan p{font-size:13px;line-height:1.7}.merch-plan strong{font-size:14px}.dialog-close{z-index:5;background:#fffcf6e8;backdrop-filter:blur(8px)}footer{background:#f5f0e7}
@media(min-width:1600px){.immersive-hero .hero-inner{padding-left:9%;}.immersive-hero h1{font-size:115px}}
@media(max-width:1000px){.site-header{padding:0 4%;height:88px}#desktop-nav{gap:16px;font-size:11px}.brand-name{font-size:19px;max-width:200px}.hero-vow{right:5%;bottom:65px}.immersive-hero .hero-inner{padding:70px 6%}.immersive-hero h1{font-size:80px}.immersive-hero .hero-description{max-width:390px}.hero-scene>img{object-position:65% 50%}.hero-scene:after{background:linear-gradient(90deg,#071a26dd,#071a2660 70%)}.ways-strip{padding:0 3%}.ways-strip a{font-size:10px;gap:8px;padding:23px 10px}.service-chapter,.service-chapter:nth-child(even){gap:38px;grid-template-columns:1fr 1fr}.chapter-art{min-height:440px}.chapter-caption>p{font-size:35px}.chapter-copy>h3{font-size:37px}.foundation-story{gap:60px;padding:80px 7%}.story-heading h2{font-size:68px}.solidarity-copy{padding:40px 9%}.solidarity-copy h2{font-size:46px}.solidarity-image{min-height:490px}.postcard-entry{flex-basis:calc((100% - 50px)/2.5)}}
@media(max-width:700px){html{scroll-padding-top:20px}.site-header{height:78px;padding:0 5%}.brand-name{font-size:19px;max-width:220px}.brand-mark{width:50px;height:42px}.brand-mark img{width:61px}.header-cta,#desktop-nav{display:none}.section{padding:62px 6%}.section-top{display:block}.section-top h2{font-size:48px;margin-bottom:23px}.section-intro{font-size:14px;line-height:1.85;max-width:none}.immersive-hero{min-height:740px}.immersive-hero .hero-inner{padding:44px 7% 220px;min-height:0}.immersive-hero .eyebrow{font-size:8px;letter-spacing:.12em}.immersive-hero h1{font-size:clamp(55px,13.8vw,78px);line-height:.92;margin:25px 0 25px}.immersive-hero .hero-description{font-size:13px;line-height:1.8;max-width:330px}.immersive-hero .hero-actions{gap:16px;flex-direction:column;align-items:flex-start;margin-top:22px}.immersive-hero .hero-actions .button{font-size:12px;padding:15px 22px;min-height:50px}.immersive-hero .quiet-link{padding-bottom:6px;font-size:11px}.hero-guide{font-size:10px;padding-top:8px}.hero-scene>img{object-fit:cover;object-position:73% bottom;height:76%;top:24%;position:absolute}.hero-scene:after{background:linear-gradient(180deg,#091e2b 0%,#091e2bfa 22%,#091e2bd0 43%,#091e2b10 72%,#091e2b99 100%)}.hero-vow{right:7%;bottom:24px;max-width:190px}.hero-vow p{font-size:23px}.hero-bottom{padding:16px 7%;gap:10px}.hero-bottom small{display:none}.hero-bottom .scroll-invitation{font-size:8px;gap:10px}#motion-toggle{font-size:9px}.ways-strip{grid-template-columns:1fr 1fr;padding:0 4%}.ways-strip a{min-height:69px;font-size:11px;border-bottom:1px solid #c7cec3;padding:18px 12px}.ways-strip a:nth-child(2){border-right:0}.ways-strip a:nth-child(3){border-bottom:0}.ways-strip a span{font-size:20px}.apostolate-directory{gap:44px;margin-top:35px}.service-chapter,.service-chapter:nth-child(even){display:flex;flex-direction:column;gap:24px;align-items:stretch}.service-chapter:nth-child(even) .chapter-art{order:0}.chapter-art{min-height:280px;border-radius:120px 120px 3px 3px;max-width:100%}.chapter-art.retiros{border-radius:3px 120px 3px 3px}.chapter-art.hogar{border-radius:3px 3px 100px 3px}.chapter-art.fraterno{border-radius:100px 3px 3px 3px;background-position:75% 55%}.chapter-caption{bottom:28px;left:28px;right:25px}.chapter-caption>p{font-size:36px;max-width:260px;margin-bottom:13px}.chapter-num{font-size:62px;top:24px;left:28px}.chapter-icon{top:30px;right:25px}.chapter-icon svg{width:28px;height:28px}.chapter-copy{padding:0 4px}.chapter-copy>h3{font-size:36px;margin-top:8px}.chapter-copy>.chapter-intro{font-size:14px}.chapter-copy summary{font-size:12px;min-height:54px}.chapter-copy>.text-button{margin-top:12px}.foundation-story{grid-template-columns:1fr;padding:65px 7%;gap:24px}.story-heading h2{font-size:65px;margin:20px 0 25px}.story-mark{width:90px;position:absolute;right:8%;top:70px;opacity:.75}.story-heading{position:relative}.story-body{padding:0}.story-body>.story-lead{font-size:29px}.story-body>p{font-size:14px}.story-beliefs summary{font-size:12px;gap:12px}.story-beliefs details>p{font-size:13px;margin-left:0}.postcard-grid{margin:0 -6.8%;padding:8px 6.8% 22px;scroll-padding:0 6.8%;gap:18px}.postcard-entry{flex-basis:83%;min-width:0;max-width:335px}.postcard-grid.single .postcard-entry{flex-basis:83%;margin:0}.collection-toolbar{gap:15px}.filters{flex-wrap:wrap;overflow:visible;gap:6px}.filter{font-size:10px;padding:10px 12px;min-height:39px}.saved-filter{min-height:42px}.collection-navigation{margin-top:8px}.collection-navigation p{font-size:10px}.collection-footnote{font-size:10px;line-height:1.75}.reader-grid{display:block}.reader-visual{padding:60px 26px 26px}.reader-visual .postcard-art{max-width:290px}.reader-content{padding:32px 7% 45px}.reader-content>h2{font-size:39px}.reader-content>blockquote{font-size:27px}.dedication-field{max-width:290px}.dedication-field input{font-size:16px}.reader-image-actions{max-width:330px;margin:15px auto}.reader-image-actions button{font-size:11px;padding:10px 8px}.story-mark{right:0;top:10px;width:78px}.support-options{gap:14px}.support-options button{padding:25px 21px}.support-options h3{font-size:28px}.support-options p{font-size:13px}.solidarity-section{display:flex;flex-direction:column}.solidarity-image{min-height:0;width:100%;aspect-ratio:3/2}.solidarity-copy{padding:40px 7% 50px}.solidarity-copy h2{font-size:47px}.solidarity-copy>p{font-size:14px}.solidarity-image>span{font-size:7px;bottom:14px;left:15px;padding:8px 9px}.closing{padding:60px 7%}.closing>p{font-size:36px}.bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom));}.bottom-nav a{font-size:9px}.guide-options button{padding-top:16px;padding-bottom:16px}.guide-options button span{font-size:13px}.guide-options button small{font-size:10px}.reader-content .reader-next .text-button{text-align:left;line-height:1.6}dialog:not(#reader){width:calc(100% - 24px);padding:46px 24px 30px}footer{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scene>img{animation:none}.hero-light{transform:none!important;transition:none}*{scroll-behavior:auto!important}}

.dark-art .postal-dedication{text-shadow:0 1px 5px #071a26}.hero-guide{text-shadow:0 1px 6px #071a26}
@media(max-width:700px){.story-mark{position:static;width:78px;margin-top:22px}.story-heading h2{margin-bottom:20px}}