/* ========== Gildon Constructions Mini Theme ========== */
.gc-wrap{
max-width: 1200px;
margin: 0 auto;
padding: 24px 20px 60px;
}
.gc-hero{
display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 28px;
align-items: stretch;
padding: 28px;
border-radius: 22px;
border: 1px solid rgba(0,0,0,.08);
background: rgba(255,255,255,.7);
backdrop-filter: blur(6px);
}
.gc-hero__content{padding: 8px 6px;}
.gc-eyebrow{
letter-spacing: .12em;
text-transform: uppercase;
font-size: 12px;
opacity: .7;
margin: 0 0 10px;
}
.gc-h1{font-size: clamp(34px, 4vw, 54px); line-height: 1.05; margin: 0 0 12px;}
.gc-lead{font-size: 18px; line-height: 1.6; margin: 0 0 18px; opacity: .95;}
.gc-btns{display: flex; gap: 12px; flex-wrap: wrap; margin: 14px 0 14px;}
.gc-btn{
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 14px;
padding: 12px 16px;
text-decoration: none !important;
font-weight: 600;
border: 1px solid rgba(0,0,0,.12);
}
.gc-btn--primary{background: #111; color: #fff !important; border-color: #111;}
.gc-btn--ghost{background: transparent; color: #111 !important;}
.gc-badges{display:flex; gap:10px; flex-wrap: wrap; margin-top: 10px;}
.gc-badge{
font-size: 12px;
padding: 8px 10px;
border-radius: 999px;
border: 1px solid rgba(0,0,0,.12);
background: rgba(255,255,255,.7);
}
.gc-hero__image{
border-radius: 18px;
border: 1px solid rgba(0,0,0,.08);
overflow: hidden;
min-height: 260px;
display: flex;
}
.gc-image-placeholder{
width: 100%;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding: 18px;
background: linear-gradient(135deg, rgba(0,0,0,.06), rgba(0,0,0,.02));
opacity: .9;
}
.gc-section{padding: 56px 8px 0;}
.gc-section--alt{
margin-top: 42px;
padding: 42px 22px;
border-radius: 22px;
border: 1px solid rgba(0,0,0,.08);
background: rgba(0,0,0,.03);
}
.gc-section__head{max-width: 760px; margin-bottom: 18px;}
.gc-h2{font-size: clamp(26px, 2.4vw, 36px); margin: 0 0 8px;}
.gc-sub{margin: 0; opacity: .8; font-size: 16px; line-height: 1.6;}
.gc-grid-3{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-top: 18px;
}
.gc-grid-2{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
margin-top: 18px;
}
.gc-card{
border-radius: 18px;
border: 1px solid rgba(0,0,0,.08);
padding: 18px 18px 16px;
background: rgba(255,255,255,.75);
}
.gc-h3{margin: 0 0 8px; font-size: 20px;}
.gc-h4{margin: 0 0 8px; font-size: 16px;}
.gc-list{margin: 12px 0 0 18px; opacity: .9;}
.gc-list li{margin: 6px 0;}
.gc-split{
display: grid;
grid-template-columns: 1.1fr .9fr;
gap: 18px;
align-items: start;
}
.gc-panel{
border-radius: 18px;
border: 1px solid rgba(0,0,0,.08);
background: rgba(255,255,255,.75);
padding: 18px;
}
.gc-checklist{list-style: none; padding: 0; margin: 0;}
.gc-checklist li{
padding-left: 28px;
margin: 10px 0;
position: relative;
}
.gc-checklist li:before{
content: "✓";
position: absolute;
left: 0;
top: 0;
opacity: .9;
}
.gc-thumb{
display: block;
text-decoration: none !important;
color: inherit !important;
border-radius: 18px;
overflow: hidden;
border: 1px solid rgba(0,0,0,.08);
background: rgba(255,255,255,.75);
}
.gc-thumb__img{
height: 190px;
background: linear-gradient(135deg, rgba(0,0,0,.08), rgba(0,0,0,.02));
}
.gc-thumb__cap{
padding: 12px 14px 14px;
display:flex;
flex-direction: column;
gap: 2px;
}
.gc-thumb__cap span{opacity: .7; font-size: 13px;}
.gc-quote{
margin: 0;
padding: 18px;
border-radius: 18px;
border: 1px solid rgba(0,0,0,.08);
background: rgba(255,255,255,.75);
}
.gc-quote p{margin: 0 0 10px; font-size: 16px; line-height: 1.6;}
.gc-quote footer{opacity: .7; font-size: 13px;}
.gc-contact{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-top: 18px;
}
.gc-contact__info, .gc-contact__formHint{
border-radius: 18px;
border: 1px solid rgba(0,0,0,.08);
background: rgba(255,255,255,.75);
padding: 18px;
}
.gc-formHintBox{display:flex; flex-direction: column; gap: 10px;}
.gc-small{font-size: 13px; opacity: .75; line-height: 1.6;}
.gc-footer{
margin-top: 56px;
padding: 22px 8px 0;
}
.gc-footer__inner{
border-top: 1px solid rgba(0,0,0,.12);
padding-top: 18px;
}
.gc-footer a{opacity: .8; text-decoration: none;}
.gc-footer a:hover{opacity: 1; text-decoration: underline;}
/* Responsive */
@media (max-width: 980px){
.gc-hero{grid-template-columns: 1fr; padding: 22px;}
.gc-grid-3{grid-template-columns: 1fr; }
.gc-grid-2{grid-template-columns: 1fr; }
.gc-split{grid-template-columns: 1fr;}
.gc-contact{grid-template-columns: 1fr;}
}
Decks and Patios
It all begins with an idea. Maybe you want to launch a business.
Outdoor Spaces
It all begins with an idea. Maybe you want to launch a business.
Custom Additions
It all begins with an idea. Maybe you want to launch a business.
Green Building
It all begins with an idea. Maybe you want to launch a business.
Ready to Build Your Vision? It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world.
Building New Homes Since 1985
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Don’t worry about sounding professional. Sound like you. There are over 1.5 billion websites out there, but your story is what’s going to separate this one from the rest. If you read the words back and don’t hear your own voice in your head, that’s a good sign you still have more work to do.
"The team made sure our house was built according to our town’s energy efficient standards. We love our new home!"
"Our new deck is so well designed. It gave us the outdoor space we needed without breaking our budget. We can’t imagine how we lived without it for so long."
"Working from home is an absolute pleasure in my studio shed. The team’s attention to detail really shines in the custom-built desk and cabinets. I can’t wait to work with them when it’s time to build the addition to our house."