/* Visual edition. Prior design retained in design-backups. */
.compact-hero{background:#f6eddd;color:#381523;padding:54px 28px 48px;overflow:hidden}
.hero-inner{max-width:1120px;display:grid;grid-template-columns:1.18fr 1fr;gap:38px;align-items:center;text-align:left}
.hero-copy .eyebrow{color:#8a6335;font-size:11px;letter-spacing:1.5px}
.course-name{font-size:32px;line-height:1.18;color:#641f32;margin:15px 0 23px;letter-spacing:-.5px}
.compact-hero h1{font-size:38px;color:#381523;line-height:1.16;margin:0 0 25px}
.compact-hero h1 em{color:#641f32;background:#e8d4ad;padding:0 5px;box-decoration-break:clone}
.compact-hero h2{font-size:18px;margin:0 0 16px;max-width:none}
.hero-intro{font-size:16px;color:#665047;font-weight:500;margin:0 0 24px}
.compact-price{justify-content:flex-start;color:#665047}.compact-price strong{color:#641f32;font-size:34px}
.compact-hero .button{background:#641f32;color:#fff7e9;margin:0;width:100%;font-size:13px;box-shadow:0 8px 24px #641f3222}
.compact-hero .button:hover{background:#421422}.compact-hero .micro{color:#715e50;text-align:left}
.hero-portrait{margin:0;position:relative;height:620px;overflow:hidden;border-radius:230px 230px 14px 14px;border:1px solid #c9a76e;background:#f8ead2;box-shadow:0 20px 60px #70472818}
.hero-portrait img{height:100%;width:100%;object-fit:cover;object-position:right center;display:block}
.hero-portrait figcaption{position:absolute;bottom:0;left:0;right:0;padding:25px 10px 20px;text-align:center;background:linear-gradient(transparent,#f6ead9 45%);color:#6e4424;font-size:10px;letter-spacing:2px}
.trust-strip{background:#641f32}.deliverables-grid article{background:#fffaf2;border-color:#e1d4be}.card-icon{color:#9a7340}
.bonus{background:#f0e5d3;color:#381523}.bonus h2{color:#641f32}.bonus-intro,.bonus-foot{color:#6f594b}
.bonus-grid article{padding:0 0 25px;background:#fffbf4;border:1px solid #dfcdb0;border-radius:15px;overflow:hidden;box-shadow:0 8px 22px #50281708}
.bonus-portrait{height:285px;overflow:hidden;margin-bottom:24px;background:#f3e1c1}
.bonus-portrait img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}
.bonus-grid article>span,.bonus-grid article>h3,.bonus-grid article>p,.bonus-grid article>small{margin-left:24px;margin-right:24px}
.bonus-grid article>span,.bonus-grid small{color:#94703e}.bonus-grid h3{color:#641f32;font-size:24px;margin-top:16px;margin-bottom:14px}.bonus-grid p{color:#655247}
.welcome-cover{width:100%;border-radius:12px;box-shadow:0 12px 35px #641f3214}.welcome{grid-template-columns:1fr 1fr}
.day-cover{display:block;width:100%;max-width:650px;height:auto;border-radius:8px;margin:4px 0 20px}.prayer-content{padding-top:4px}
.offer-card{border-radius:14px}.about{background:linear-gradient(100deg,#f3ebdf,transparent);border-radius:14px}
@media(max-width:800px){.hero-inner{gap:25px}.hero-portrait{height:540px}.course-name{font-size:27px}.compact-hero h1{font-size:32px}.bonus-portrait{height:240px}}
@media(max-width:640px){.compact-hero{padding:30px 22px}.hero-inner{display:flex;flex-direction:column;gap:24px}.hero-copy{width:100%}.course-name{font-size:28px;line-height:1.2}.compact-hero h1{font-size:32px}.compact-hero h2{font-size:17px}.hero-intro{font-size:16px}.hero-portrait{width:100%;max-width:340px;height:410px;order:-1;border-radius:170px 170px 12px 12px}.hero-copy .eyebrow{text-align:center;font-size:10px}.compact-hero .button{font-size:12px}.bonus-portrait{height:330px}.bonus-grid article{padding:0 0 24px}.welcome{grid-template-columns:1fr}.bonus-grid h3{font-size:26px}.about{border-radius:0}.day-cover{margin-top:8px}}
.bonus-portrait img{transform:scale(1.42);transform-origin:right center}

/* Contemporary card-inspired edition */
body{font-family:Inter,Arial,sans-serif}
h1,h2,h3,.course-name{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:-.4px}
.compact-hero{position:relative;background:#f7edda;padding:65px 28px 58px}
.hero-inner{position:relative;gap:30px;grid-template-columns:1.2fr 1fr}
.hero-copy{position:relative;z-index:2}
.course-name{font-size:43px;line-height:1.04;font-weight:800;max-width:610px}
.compact-hero h1{font-size:46px;line-height:1.08;margin-bottom:24px}
.compact-hero h1 em{background:#641f32;color:#fff4df;padding:1px 8px}
.compact-hero h2{font-family:Inter,Arial,sans-serif;line-height:1.55;font-size:17px;font-weight:700;letter-spacing:-.3px}
.hero-intro{font-weight:600;line-height:1.7}
.hero-portrait{height:650px;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 12%,#000 95%,transparent),linear-gradient(to bottom,#000 80%,transparent);mask-composite:intersect}
.hero-portrait img{object-position:right center}
.hero-portrait figcaption{display:none}
.button{border-radius:6px;font-family:Inter,Arial,sans-serif;letter-spacing:0;font-weight:700}
h2{font-size:44px;line-height:1.08}.bonus h2{font-size:48px}
.deliverables-grid article{border-radius:8px;border-top:3px solid #9e773d}.deliverables-grid h3{font-size:29px}
.bonus-grid article{border-radius:6px}.bonus-grid h3{font-size:30px;line-height:1.12}.bonus-portrait{border-radius:0}
.welcome-art{width:100%;max-width:420px;height:420px;overflow:hidden;justify-self:center;background:#f6eddd;mask-image:linear-gradient(to bottom,#000 88%,transparent)}
.welcome-art .welcome-cover{width:100%;height:100%;object-fit:cover;object-position:right center;border-radius:0;box-shadow:none;transform:scale(1.2);transform-origin:right center}
@media(max-width:800px){.course-name{font-size:35px}.compact-hero h1{font-size:40px}.hero-portrait{height:590px}.welcome-art{height:350px}}
@media(max-width:640px){.compact-hero{padding:30px 22px 36px}.hero-inner{display:flex;gap:12px}.hero-portrait{height:350px;max-width:350px;border-radius:0;order:0;width:100%;margin:0 auto;mask-image:linear-gradient(to bottom,#000 75%,transparent)}.hero-copy{width:100%}.course-name{font-size:36px;line-height:1.07;text-align:left;margin-top:16px}.compact-hero h1{font-size:40px}.hero-copy .eyebrow{text-align:left}.hero-intro{font-size:16px}.hero-portrait{display:none}.compact-hero{background-image:linear-gradient(#f7eddae8,#f7edda 80%),url('assets/bonus-01-preciosissimo-sangue.jpg');background-size:auto,auto 600px;background-position:center,80% top;background-repeat:no-repeat}.welcome-art{width:100%;max-width:340px;height:370px}.welcome-art .welcome-cover{transform:scale(1.1)}h2{font-size:36px}.bonus h2{font-size:42px}.bonus-grid h3{font-size:30px}}
@media(max-width:640px){.hero-portrait{display:block;order:-1;height:320px}.compact-hero{background:#f7edda}.hero-copy .eyebrow{text-align:center}}
/* Mobile layout corrections; desktop remains unchanged. */
@media(max-width:640px){
.hero-portrait{flex:none;max-width:330px;height:340px}
.hero-portrait img{transform:scale(1.42);transform-origin:right center}
.hero-inner,.hero-copy,.wrap>div,.bonus-grid article,.deliverables-grid article{min-width:0}
.compact-hero h1{font-size:clamp(32px,9.8vw,40px)}
.compact-hero h1 em{padding:1px 5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.course-name{font-size:clamp(30px,8.8vw,36px)}
.button{white-space:normal;max-width:100%;overflow-wrap:break-word}
.prayer-day summary>span:nth-child(2){min-width:0}
.welcome-art{max-width:100%}
.welcome-art .welcome-cover{transform:scale(1.25)}
.bonus-portrait{height:auto;aspect-ratio:1/1}
body{padding-bottom:env(safe-area-inset-bottom);-webkit-text-size-adjust:100%;text-size-adjust:100%}
}
@media(max-width:360px){
header{gap:12px;padding-left:16px;padding-right:16px}.brand{gap:7px}.nav-cta{font-size:10px}
.deliverables-grid{grid-template-columns:1fr}
.mobile-bar{gap:10px;padding-left:14px;padding-right:14px}.mobile-bar a{font-size:10px;padding:12px 10px}
}
@media(max-width:640px){.hero-portrait img{transform-origin:right top}.welcome-art .welcome-cover{transform-origin:right top}}
/* Soft painted transition around the opening portrait. */
.hero-portrait{isolation:isolate}
.hero-portrait::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(to right,#f7edda,transparent 13%,transparent 89%,#f7edda),linear-gradient(to bottom,#f7edda,transparent 12%,transparent 72%,#f7edda);box-shadow:inset 0 0 26px 8px #f7edda80}
@media(max-width:640px){.hero-portrait{overflow:hidden;mask-image:none;-webkit-mask-image:none}.hero-portrait::after{background:linear-gradient(to right,#f7edda,transparent 14%,transparent 88%,#f7edda),linear-gradient(to bottom,#f7edda,transparent 13%,transparent 66%,#f7edda);box-shadow:inset 0 0 24px 6px #f7edda66}}

.about-portrait{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:22/23;object-fit:cover;border-radius:6px;margin-top:28px;box-shadow:0 12px 30px #42152215}
@media(max-width:640px){.about-portrait{max-width:320px;margin:24px auto 26px}}