/* Original story artwork for the homepage and How It Works. */
.aj-story-art{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.aj-home-hero{min-height:auto;padding:156px 0 76px}
.aj-home-hero>.shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:48px}
.aj-home-hero .hero-copy{min-width:0}
.aj-home-hero h1{font-size:clamp(54px,6vw,78px);line-height:.98;letter-spacing:-.06em}
.aj-home-hero .hero-sub{font-size:22px;line-height:1.5;max-width:560px}
.aj-home-hero .aj-story-art{max-width:480px;justify-self:end}
.aj-home-hero .scroll-cue{display:none}
.daily-photo.aj-daily-photo{height:auto;aspect-ratio:1;background:none;border-radius:20px}
.daily-photo.aj-daily-photo::after{display:none}
.aj-memory-visual{flex-direction:column;align-items:center;min-height:0;padding:18px 14px}
.aj-memory-visual .memory-card{position:relative;width:100%;max-width:430px;transform:rotate(-2deg);padding:24px 24px 38px}
.aj-memory-heading{display:grid;grid-template-columns:minmax(0,1fr) 124px;align-items:center;gap:18px;margin-bottom:18px}
.aj-memory-heading h3{font-size:25px;line-height:1.08;margin-bottom:0}
.aj-memory-heading .aj-story-art{border-radius:12px}
.aj-memory-visual .prayer-ui{width:100%;max-width:430px;transform:translate(8px,-16px) rotate(1.5deg)}
.aj-how-page .hero{min-height:0;padding:152px 0 62px}
.aj-how-page .hero-copy{max-width:900px}
.aj-how-page .hero h1{font-size:clamp(54px,7vw,86px);line-height:1.02}
.aj-how-page .hero-sub{max-width:760px;font-size:21px;line-height:1.55}
.aj-how-story{padding:20px 0 74px;scroll-margin-top:24px}
.aj-how-story h2{font-size:clamp(34px,4.2vw,52px);line-height:1.06;letter-spacing:-.045em;margin:0 0 34px}
.aj-story-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}
.aj-story-steps>li{min-width:0}
.aj-story-step-copy{padding-top:24px}
.aj-story-step-copy .aj-story-number{font-size:11px;line-height:1.5;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#53616a;margin:0 0 12px}
.aj-story-step-copy h3{font-size:28px;line-height:1.1;letter-spacing:-.045em;margin:0 0 16px}
.aj-story-step-copy p{font-size:16px;line-height:1.75;color:#4f555a;margin:0 0 16px}
.aj-how-page .answer-section{background:#edf7fd}
@media(min-width:760px) and (max-width:1000px){.aj-home-hero>.shell{gap:28px}.aj-home-hero h1{font-size:54px}.aj-home-hero .hero-sub{font-size:19px}.aj-home-hero .actions{gap:14px}.aj-home-hero .button{font-size:14px;padding-inline:20px}.aj-home-hero .text-link{font-size:14px}.aj-memory-heading{grid-template-columns:minmax(0,1fr) 96px;gap:12px}.aj-memory-heading h3{font-size:22px}.aj-story-steps{gap:20px}.aj-story-step-copy h3{font-size:24px}.aj-story-step-copy p{font-size:15px}}
@media(max-width:759px){.aj-home-hero{padding:124px 0 48px}.aj-home-hero>.shell{grid-template-columns:minmax(0,1fr);gap:34px;padding-inline:24px}.aj-home-hero .hero-copy{padding-inline:0}.aj-home-hero h1{font-size:clamp(44px,12.5vw,64px);line-height:1.02;letter-spacing:-.065em}.aj-home-hero .hero-sub{font-size:19px;line-height:1.5;max-width:100%;margin-bottom:26px}.aj-home-hero .actions{gap:17px}.aj-home-hero .button{min-height:50px;font-size:14px;padding-inline:20px}.aj-home-hero .text-link{font-size:14px}.aj-home-hero .aj-story-art{max-width:none}.aj-home-hero .hero-note{font-size:12px;margin-top:20px}.aj-memory-visual{padding-inline:6px}.aj-memory-visual .memory-card{padding:20px 20px 34px}.aj-memory-heading{grid-template-columns:minmax(0,1fr) 112px;gap:14px}.aj-memory-heading h3{font-size:23px}.aj-memory-visual .prayer-ui{padding:22px;transform:translate(3px,-16px) rotate(1deg)}.aj-how-page .shell{padding-inline:24px}.aj-how-page .hero{padding:128px 0 42px}.aj-how-page .hero-copy{padding-inline:0}.aj-how-page .hero h1{font-size:clamp(44px,12vw,60px)}.aj-how-page .hero-sub{font-size:18px;line-height:1.6;max-width:100%}.aj-how-story{padding:10px 0 46px}.aj-how-story h2{font-size:36px;margin-bottom:26px}.aj-story-steps{grid-template-columns:minmax(0,1fr);gap:38px}.aj-story-step-copy{padding-top:20px}.aj-story-step-copy h3{font-size:30px}.aj-story-step-copy p{font-size:17px}.aj-story-step-copy p:last-child{margin-bottom:0}}
@media(max-width:350px){.aj-memory-heading{grid-template-columns:minmax(0,1fr) 88px}.aj-memory-heading h3{font-size:21px}.aj-home-hero .actions{gap:16px}.aj-how-page .hero .actions{gap:14px}}
