Explore Faith | Beyond the Chaos
:root{
–cream:#FBF6EC;
–cream-2:#F3ECDC;
–sage:#93A583;
–sage-deep:#5F7050;
–clay:#E28356;
–clay-deep:#C4633A;
–gold:#E0AC4E;
–ink:#33362E;
–ink-soft:#6B6F60;
–white:#FFFEFA;
–display:’Fraunces’,serif;
–body:’Libre Franklin’,sans-serif;
}
*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
scroll-behavior:smooth;
}
body{
background:var(–cream);
color:var(–ink);
font-family:var(–body);
line-height:1.6;
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}
a{
color:inherit;
text-decoration:none;
}
img{
max-width:100%;
display:block;
}
:focus-visible{
outline:3px solid var(–clay-deep);
outline-offset:3px;
}
.faith-wrap{
max-width:1180px;
margin:0 auto;
padding:0 32px;
}
/* HEADER */
.faith-header{
position:sticky;
top:0;
z-index:50;
background:rgba(251,246,236,.92);
backdrop-filter:blur(10px);
border-bottom:1px solid rgba(51,54,46,.08);
}
.faith-nav{
max-width:1180px;
margin:0 auto;
padding:20px 32px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
}
.faith-logo{
font-family:var(–display);
font-style:italic;
font-size:22px;
color:var(–sage-deep);
white-space:nowrap;
}
.faith-links{
display:flex;
align-items:center;
gap:30px;
font-size:13px;
font-weight:600;
letter-spacing:.06em;
text-transform:uppercase;
}
.faith-links a{
transition:color .2s ease;
}
.faith-links a:hover{
color:var(–clay-deep);
}
.faith-cta{
background:var(–sage-deep);
color:var(–white);
padding:11px 20px;
border-radius:100px;
font-size:13px;
font-weight:600;
white-space:nowrap;
transition:.2s ease;
}
.faith-cta:hover{
background:var(–clay-deep);
transform:translateY(-1px);
}
/* HERO */
.faith-hero{
padding:105px 32px 95px;
text-align:center;
position:relative;
overflow:hidden;
}
.faith-hero::before{
content:”;
position:absolute;
width:430px;
height:430px;
border-radius:50%;
background:var(–sage);
opacity:.16;
filter:blur(70px);
top:-180px;
right:-120px;
}
.faith-hero::after{
content:”;
position:absolute;
width:350px;
height:350px;
border-radius:50%;
background:var(–gold);
opacity:.12;
filter:blur(70px);
bottom:-170px;
left:-100px;
}
.faith-hero-inner{
position:relative;
z-index:2;
max-width:850px;
margin:0 auto;
}
.eyebrow{
display:inline-flex;
align-items:center;
gap:10px;
font-size:12px;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
color:var(–clay-deep);
margin-bottom:22px;
}
.eyebrow::before,
.eyebrow::after{
content:”;
width:25px;
height:1px;
background:var(–clay-deep);
opacity:.55;
}
.faith-hero h1{
font-family:var(–display);
font-size:clamp(40px,6vw,72px);
line-height:1.1;
font-weight:400;
margin-bottom:25px;
}
.faith-hero h1 em{
color:var(–sage-deep);
font-style:italic;
font-weight:500;
}
.faith-hero p{
max-width:650px;
margin:0 auto;
color:var(–ink-soft);
font-size:17px;
}
.hero-buttons{
margin-top:35px;
display:flex;
justify-content:center;
gap:15px;
flex-wrap:wrap;
}
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 27px;
border-radius:100px;
font-size:14px;
font-weight:600;
transition:.2s ease;
}
.btn-primary{
background:var(–clay-deep);
color:var(–white);
box-shadow:0 10px 24px -12px rgba(196,99,58,.6);
}
.btn-primary:hover{
transform:translateY(-2px);
}
.btn-ghost{
border:1.5px solid rgba(51,54,46,.22);
}
.btn-ghost:hover{
border-color:var(–sage-deep);
color:var(–sage-deep);
}
/* INTRO */
.faith-intro{
background:var(–white);
padding:80px 32px;
text-align:center;
}
.faith-intro-inner{
max-width:720px;
margin:0 auto;
}
.faith-intro h2{
font-family:var(–display);
font-size:clamp(28px,4vw,42px);
font-weight:400;
line-height:1.2;
margin-bottom:18px;
}
.faith-intro h2 em{
color:var(–clay-deep);
}
.faith-intro p{
color:var(–ink-soft);
font-size:16px;
}
/* CATEGORIES */
.faith-categories{
padding:95px 32px;
background:var(–cream);
}
.section-heading{
text-align:center;
max-width:650px;
margin:0 auto 55px;
}
.section-heading h2{
font-family:var(–display);
font-size:clamp(30px,4vw,44px);
font-weight:400;
line-height:1.2;
margin-bottom:15px;
}
.section-heading h2 em{
color:var(–clay-deep);
font-style:italic;
}
.section-heading p{
color:var(–ink-soft);
}
.faith-grid{
max-width:1180px;
margin:0 auto;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;
}
.faith-card{
background:var(–white);
border-radius:26px;
padding:35px;
position:relative;
overflow:hidden;
transition:transform .25s ease,box-shadow .25s ease;
}
.faith-card:hover{
transform:translateY(-5px);
box-shadow:0 25px 45px -25px rgba(51,54,46,.25);
}
.faith-card::after{
content:”;
position:absolute;
width:110px;
height:110px;
border-radius:50%;
background:var(–sage);
opacity:.12;
right:-35px;
bottom:-40px;
}
.faith-icon{
width:54px;
height:54px;
border-radius:50%;
background:var(–cream-2);
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
margin-bottom:22px;
}
.faith-card h3{
font-family:var(–display);
font-size:25px;
font-weight:500;
margin-bottom:10px;
}
.faith-card p{
color:var(–ink-soft);
font-size:14.5px;
margin-bottom:20px;
}
.card-link{
color:var(–clay-deep);
font-size:13px;
font-weight:700;
}
/* FEATURED */
.featured{
padding:95px 32px;
background:var(–white);
}
.featured-card{
max-width:1050px;
margin:0 auto;
background:var(–cream-2);
border-radius:30px;
padding:55px;
display:grid;
grid-template-columns:1fr 1fr;
gap:55px;
align-items:center;
}
.featured-label{
color:var(–clay-deep);
font-size:11px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
margin-bottom:14px;
}
.featured-copy h2{
font-family:var(–display);
font-size:clamp(28px,4vw,42px);
font-weight:400;
line-height:1.2;
margin-bottom:17px;
}
.featured-copy h2 em{
color:var(–sage-deep);
}
.featured-copy p{
color:var(–ink-soft);
font-size:15px;
margin-bottom:25px;
}
.featured-art{
min-height:320px;
border-radius:24px;
background:linear-gradient(145deg,var(–sage),var(–sage-deep));
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:40px;
color:var(–white);
}
.featured-art span{
font-family:var(–display);
font-size:30px;
font-style:italic;
line-height:1.25;
}
/* SCRIPTURE */
.scripture{
background:var(–sage-deep);
color:var(–white);
text-align:center;
padding:100px 32px;
}
.scripture blockquote{
max-width:800px;
margin:0 auto 20px;
font-family:var(–display);
font-style:italic;
font-size:clamp(25px,4vw,40px);
line-height:1.35;
}
.scripture cite{
font-family:var(–body);
font-size:13px;
letter-spacing:.08em;
text-transform:uppercase;
opacity:.75;
}
/* SIGNUP */
.faith-signup{
padding:95px 32px;
background:var(–cream-2);
}
.signup-card{
max-width:950px;
margin:0 auto;
background:var(–white);
border-radius:30px;
padding:55px;
text-align:center;
}
.signup-card h2{
font-family:var(–display);
font-size:clamp(28px,4vw,40px);
font-weight:400;
margin-bottom:14px;
}
.signup-card h2 em{
color:var(–clay-deep);
}
.signup-card p{
max-width:600px;
margin:0 auto 25px;
color:var(–ink-soft);
}
/* FOOTER */
.faith-footer{
background:var(–ink);
color:var(–cream-2);
padding:65px 32px 30px;
}
.footer-inner{
max-width:1180px;
margin:0 auto;
display:grid;
grid-template-columns:1.5fr 1fr 1fr;
gap:45px;
padding-bottom:45px;
}
.footer-brand .faith-logo{
color:var(–white);
display:block;
margin-bottom:12px;
}
.footer-brand p{
max-width:300px;
color:rgba(251,246,236,.6);
font-size:14px;
}
.footer-col h4{
color:var(–gold);
font-size:11px;
letter-spacing:.1em;
text-transform:uppercase;
margin-bottom:16px;
}
.footer-col a{
display:block;
color:rgba(251,246,236,.72);
font-size:14px;
margin-bottom:10px;
}
.footer-col a:hover{
color:var(–white);
}
.footer-bottom{
max-width:1180px;
margin:0 auto;
padding-top:25px;
border-top:1px solid rgba(251,246,236,.12);
font-size:12px;
color:rgba(251,246,236,.45);
display:flex;
justify-content:space-between;
gap:15px;
flex-wrap:wrap;
}
/* MOBILE */
@media(max-width:800px){
.faith-links{
display:none;
}
.faith-nav{
padding:18px 20px;
}
.faith-hero{
padding:75px 20px 65px;
}
.faith-intro,
.faith-categories,
.featured,
.faith-signup{
padding:65px 20px;
}
.faith-grid{
grid-template-columns:1fr;
}
.featured-card{
grid-template-columns:1fr;
padding:32px;
gap:30px;
}
.featured-art{
min-height:240px;
}
.scripture{
padding:70px 20px;
}
.signup-card{
padding:35px 25px;
}
.footer-inner{
grid-template-columns:1fr;
gap:30px;
}
.footer-bottom{
flex-direction:column;
}
}
Beyond the Chaos
Faith for the days when you don’t feel particularly faithful.
You don’t have to have perfect faith, a quiet house, or all the answers.
This is a place to slow down, open Scripture, and meet God right in the middle of real life.
Come as you are
You don’t need to clean up the chaos before you come to God.
Faith isn’t just for quiet mornings and answered prayers.
Sometimes it’s whispered between tantrums, cried out in the car,
scribbled into a journal at midnight, or held onto by a thread.
These resources are for those moments.
Find your place
A little faith for whatever season you’re in.
Start wherever you need encouragement today.
🌿
Women God Saw
Biblical character studies for women who have ever felt overlooked,
forgotten, broken, or uncertain about what God is doing in their story.
Explore the women →
📖
Devotionals
Short, Scripture-rooted encouragement for busy women and overwhelmed moms
who need something meaningful without another thing to add to the list.
Browse devotionals →
✨
Bible Studies
Go a little deeper into Scripture with thoughtful studies designed to
connect biblical truth to the messy places of everyday life.
Explore Bible studies →
🤍
Faith in the Mess
Honest reflections about doubt, exhaustion, motherhood, guilt,
healing, and learning to trust God when life doesn’t look the way you expected.
Read the stories →
Start here
Five quiet minutes can still make room for God.
If your days are loud, your brain is tired, and your Bible has been
sitting untouched for a while, start small.
This free 5-day devotional was created for the mama who needs
encouragement without pressure.
Get the Free Devotional →
Rooted &
Grounded
“Those who hope in the Lord will renew their strength.”
Isaiah 40:31
Stay connected
A little encouragement for your inbox.
Get Scripture, honest encouragement, new devotionals, and free resources
from Beyond the Chaos.
Join the Beyond the Chaos Letter →