:root{
–parchment:#EFE8D8;
–parchment-dim:#E5DCC6;
–charcoal:#2A2620;
–clay:#B1502E;
–clay-dark:#8E3F23;
–stone:#9C8B72;
–pine:#4B5D45;
–line:#C9BCA0;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
background:var(–parchment);
color:var(–charcoal);
font-family:’Karla’, sans-serif;
line-height:1.5;
}
h1,h2,h3, .display{
font-family:’Big Shoulders Display’, sans-serif;
text-transform:none;
letter-spacing:0.01em;
color:var(–charcoal);
}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
.wrap{max-width:1120px; margin:0 auto; padding:0 32px;}
/* stacked-stone divider */
.stone-divider{
height:14px;
display:flex;
width:100%;
}
.stone-divider span{
flex:1;
border-right:3px solid var(–parchment);
background:var(–stone);
}
.stone-divider span:nth-child(odd){background:var(–charcoal);}
.stone-divider span:last-child{border-right:none;}
/* ———- HEADER ———- */
header{
padding:26px 0 0 0;
}
.nav{
display:flex;
justify-content:space-between;
align-items:center;
padding-bottom:22px;
}
.logo{
font-family:’Big Shoulders Display’, sans-serif;
font-weight:800;
font-size:26px;
line-height:1;
}
.logo span{color:var(–clay);}
nav.links{
display:flex;
gap:36px;
font-size:15px;
font-weight:600;
}
nav.links a{
border-bottom:2px solid transparent;
padding-bottom:4px;
transition:border-color .15s ease;
}
nav.links a:hover{border-color:var(–clay);}
.nav-cta{
background:var(–charcoal);
color:var(–parchment);
padding:11px 22px;
font-weight:700;
font-size:14px;
border-radius:2px;
}
.nav-cta:hover{background:var(–clay-dark);}
/* ———- HERO ———- */
.hero{
padding:36px 0 0 0;
position:relative;
overflow:hidden;
}
.hero-grid{
display:grid;
grid-template-columns:1.15fr 0.85fr;
gap:40px;
align-items:end;
padding-bottom:44px;
}
.hero h1{
font-size:clamp(52px, 7.4vw, 96px);
font-weight:800;
line-height:0.92;
letter-spacing:0;
}
.hero h1 em{
font-style:normal;
color:var(–clay);
}
.hero-sub{
max-width:420px;
margin-top:22px;
font-size:17px;
color:#4A453C;
}
.hero-actions{
display:flex;
gap:14px;
margin-top:28px;
flex-wrap:wrap;
}
.btn-primary{
background:var(–clay);
color:var(–parchment);
padding:14px 26px;
font-weight:700;
font-size:15px;
border-radius:2px;
transition:background .15s ease;
}
.btn-primary:hover{background:var(–clay-dark);}
.btn-ghost{
border:2px solid var(–charcoal);
padding:12px 24px;
font-weight:700;
font-size:15px;
border-radius:2px;
transition:background .15s ease, color .15s ease;
}
.btn-ghost:hover{background:var(–charcoal); color:var(–parchment);}
.mtn-wrap{
position:relative;
padding-bottom:10px;
}
.stat-card{
background:var(–charcoal);
color:var(–parchment);
padding:22px 24px;
max-width:280px;
margin-left:auto;
margin-bottom:18px;
}
.stat-card .num{
font-family:’Big Shoulders Display’, sans-serif;
font-size:44px;
font-weight:700;
color:var(–clay);
line-height:1;
}
.stat-card .lbl{
font-size:13px;
margin-top:6px;
color:var(–parchment-dim);
}
/* ———- SERVICES ———- */
.services{
padding:70px 0 60px;
}
.section-head{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:end;
margin-bottom:44px;
}
.section-head h2{
font-size:clamp(36px,4.6vw,52px);
font-weight:700;
line-height:0.98;
}
.section-head p{
font-size:16px;
color:#4A453C;
max-width:400px;
}
.service-list{
display:grid;
grid-template-columns:repeat(2,1fr);
border-top:1px solid var(–line);
}
.service{
border-bottom:1px solid var(–line);
padding:30px 28px 30px 0;
display:grid;
grid-template-columns:56px 1fr;
gap:18px;
}
.service:nth-child(odd){border-right:1px solid var(–line); padding-left:0;}
.service:nth-child(even){padding-left:28px;}
.service .idx{
font-family:’Big Shoulders Display’, sans-serif;
font-size:15px;
font-weight:700;
color:var(–stone);
padding-top:4px;
}
.service h3{
font-size:24px;
font-weight:700;
margin-bottom:8px;
}
.service p{
font-size:15px;
color:#4A453C;
max-width:340px;
}
/* ———- PROCESS ———- */
.process{
background:var(–charcoal);
color:var(–parchment);
padding:70px 0;
}
.process .section-head h2{color:var(–parchment);}
.process .section-head p{color:#C9C2B2;}
.steps{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:0;
}
.step{
padding:0 28px 0 0;
border-left:1px solid #4a453c;
padding-left:26px;
}
.step:first-child{border-left:none; padding-left:0;}
.step .num{
font-family:’Big Shoulders Display’, sans-serif;
font-size:56px;
font-weight:800;
color:var(–clay);
line-height:1;
margin-bottom:14px;
}
.step h3{
color:var(–parchment);
font-size:21px;
margin-bottom:10px;
}
.step p{
font-size:14.5px;
color:#C9C2B2;
max-width:280px;
}
/* ———- GALLERY ———- */
.gallery{
padding:70px 0;
}
.gallery-grid{
display:grid;
grid-template-columns:1.3fr 1fr 1fr;
grid-template-rows:220px 220px;
gap:6px;
}
.g-tile{
position:relative;
overflow:hidden;
}
.g-tile:nth-child(1){grid-row:1 / 3;}
.g-tile .fill{
width:100%; height:100%;
}
.g-tile .label{
position:absolute;
bottom:14px; left:14px;
color:var(–parchment);
font-family:’Big Shoulders Display’, sans-serif;
font-weight:700;
font-size:17px;
}
/* ———- TESTIMONIAL ———- */
.testimonial{
padding:80px 0;
border-top:1px solid var(–line);
border-bottom:1px solid var(–line);
}
.testimonial .wrap{
max-width:760px;
}
.testimonial blockquote{
font-family:’Big Shoulders Display’, sans-serif;
font-size:clamp(28px,3.6vw,40px);
font-weight:600;
line-height:1.15;
}
.testimonial cite{
display:block;
margin-top:22px;
font-style:normal;
font-size:14px;
font-weight:700;
color:var(–stone);
}
/* ———- CTA / FOOTER ———- */
.cta{
padding:70px 0 50px;
}
.cta-box{
background:var(–pine);
color:var(–parchment);
padding:52px 44px;
display:grid;
grid-template-columns:1.3fr 0.7fr;
gap:32px;
align-items:center;
}
.cta-box h2{
color:var(–parchment);
font-size:clamp(30px,4vw,44px);
font-weight:700;
line-height:1.02;
}
.cta-box .btn-primary{
justify-self:start;
}
footer{
padding:40px 0 50px;
}
.footer-grid{
display:grid;
grid-template-columns:1.4fr 1fr 1fr 1fr;
gap:24px;
padding-bottom:30px;
}
.footer-grid h4{
font-size:13px;
font-weight:700;
text-transform:uppercase;
letter-spacing:0.06em;
color:var(–stone);
margin-bottom:14px;
}
.footer-grid p, .footer-grid a{
display:block;
font-size:14.5px;
margin-bottom:8px;
color:#4A453C;
}
.footer-grid a:hover{color:var(–clay);}
.footer-bottom{
display:flex;
justify-content:space-between;
font-size:13px;
color:var(–stone);
padding-top:20px;
}
@media (max-width:820px){
.hero-grid{grid-template-columns:1fr;}
.stat-card{margin-left:0;}
.section-head{grid-template-columns:1fr;}
.service-list{grid-template-columns:1fr;}
.service:nth-child(odd){border-right:none; padding-left:0;}
.service:nth-child(even){padding-left:0;}
.steps{grid-template-columns:1fr; gap:28px;}
.step{border-left:none; padding-left:0;}
.gallery-grid{grid-template-columns:1fr 1fr; grid-template-rows:160px 160px 160px;}
.g-tile:nth-child(1){grid-row:auto; grid-column:1/3;}
.cta-box{grid-template-columns:1fr;}
nav.links{display:none;}
.footer-grid{grid-template-columns:1fr 1fr;}
}
BUILT FOR
7,000 FEET
AND FALLING SNOW.
Colorado’s freeze-thaw cycles wreck patios built the lower-altitude way. We design and build paver patios, fire features, and outdoor kitchens engineered for this state’s ground, sun, and winters — from Denver to Colorado Springs.
400+
Front Range patios built since 2011
Four ways we extend your living space outdoors.
Every project starts with how you’ll actually use the space — entertaining, quiet mornings, or year-round cooking — then gets engineered for Colorado’s climate.
01
Paver Patios
Frost-rated base preparation and interlocking pavers that won’t heave when the ground freezes.
02
Fire Pits & Kitchens
Built-in grills, pizza ovens, and gas fire features rated for high-altitude use and mountain wind.
03
Pergolas & Shade
Structures rated for our snow loads, sited to cut afternoon UV without blocking your mountain view.
04
Decks & Retaining Walls
Composite and cedar decking, plus engineered walls for the sloped lots common on the Front Range.
From first sketch to first cookout.
A straightforward process, usually 6–10 weeks from signed design to move-in ready.
01
On-Site Design Visit
We walk your yard, talk through how you’ll use it, and sketch layout options on the spot.
02
Fixed-Price Proposal
A detailed quote with materials, timeline, and no surprise change orders once we break ground.
03
Build & Walkthrough
Our crew builds it, cleans up daily, and walks the finished space with you before we call it done.
Recent builds around the Front Range.
A sample of patios, fire features, and outdoor kitchens completed this year.
“They talked us out of a design that wouldn’t survive our first hard freeze — and the one we built instead is still flat three winters later.”
Marisol T., Highlands Ranch
Leave a Reply