:root {
–brand-gold: #c3a384;
–brand-gold-hover: #b18f6f;
–brand-dark: #1b232c;
–text-main: #1d1d1b;
–text-muted: #626262;
–white: #ffffff;
–bg-light: #fdfdfb;
–border: #eeeeee;
}
* { box-sizing: border-box; }
body {
margin: 0;
font-family: ‘Montserrat’, sans-serif;
background: var(–bg-light);
color: var(–text-main);
line-height: 1.7;
-webkit-font-smoothing: antialiased;
}
.container { width: min(1200px, 90%); margin: 0 auto; }
/* Typography Match */
h1, h2, h3 { font-weight: 700; margin: 0 0 20px; line-height: 1.2; }
h1 { font-size: clamp(34px, 5vw, 52px); letter-spacing: -1px; }
h2 { font-size: clamp(28px, 4vw, 38px); color: var(–brand-dark); text-align: center; margin-bottom: 40px; }
/* Instruction: H3 in Golden */
h3 { font-size: 24px; color: var(–brand-gold); margin-bottom: 15px; }
.eyebrow {
text-transform: uppercase;
letter-spacing: 3px;
font-size: 13px;
font-weight: 700;
color: var(–brand-gold);
display: block;
margin-bottom: 15px;
}
p { color: var(–text-muted); font-size: 17px; margin-bottom: 20px; }
a { color: var(–brand-gold); text-decoration: none; font-weight: 600; transition: 0.3s; }
a:hover { text-decoration: underline; color: var(–brand-gold-hover); }
/* Hero Section with proper Background Image */
.hero {
position: relative;
min-height: 75vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: var(–white);
background: linear-gradient(rgba(27, 35, 44, 0.75), rgba(27, 35, 44, 0.75)),
url(‘https://kbbetterconstruction.com/wp-content/uploads/Kitchen-Renovations-in-White-City-Custom-Cabinetry-Full-Installation-scaled.webp’) center/cover no-repeat;
padding: 100px 0;
}
.hero-content { max-width: 950px; }
.hero h1 { margin-bottom: 25px; }
.hero p { color: rgba(255,255,255,0.9); font-size: 20px; max-width: 800px; margin: 0 auto 40px; }
/* Button Styles */
.btn {
padding: 18px 34px;
font-weight: 700;
text-decoration: none !important;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
transition: 0.3s ease;
border-radius: 4px;
display: inline-block;
}
.btn-gold { background: var(–brand-gold); color: var(–white); border: 2px solid var(–brand-gold); }
.btn-gold:hover { background: var(–brand-gold-hover); border-color: var(–brand-gold-hover); color:var(–white);}
/* Sections */
section { padding: 90px 0; border-bottom: 1px solid var(–border); }
.intro { text-align: center; background: #fff; }
/* Process Rows */
.row { display: flex; align-items: center; gap: 60px; margin-bottom: 80px; }
.row:nth-child(even) { flex-direction: row-reverse; }
.row-img { flex: 1; }
.row-img img {
width: 100%;
border-radius: 20px;
box-shadow: 0 15px 35px rgba(0,0,0,0.1);
display: block;
}
.row-text { flex: 1; }
/* FAQ Dropdown Style */
.faq-container { max-width: 900px; margin: 0 auto; }
.faq-item {
background: #fff;
border: 1px solid var(–border);
border-radius: 8px;
margin-bottom: 15px;
overflow: hidden;
}
.faq-item summary {
padding: 22px 30px;
cursor: pointer;
font-weight: 700;
font-size: 18px;
color: var(–brand-dark);
list-style: none;
position: relative;
}
.faq-item summary::after {
content: ‘+’;
position: absolute;
right: 30px;
color: var(–brand-gold);
font-size: 24px;
top: 50%;
transform: translateY(-50%);
}
.faq-item[open] summary { background: #f9f9f7; border-bottom: 1px solid var(–border); }
.faq-item[open] summary::after { content: ‘-‘; }
.faq-content { padding: 25px 30px; }
/* Dark Band Section */
.dark-band {
background: var(–brand-dark);
color: white;
text-align: center;
padding: 100px 0;
}
.dark-band h2 { color: white; margin-bottom: 25px; }
.dark-band p { color: rgba(255,255,255,0.8); max-width: 800px; margin: 0 auto 40px; }
/* Resource Links Footer */
.links-section { background: #f4f4f2; padding: 60px 0; text-align: center; }
.links-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-top: 30px; }
.link-item { background: #fff; padding: 12px 20px; border-radius: 4px; border: 1px solid #ddd; font-weight: 700; font-size: 13px; text-transform: uppercase; color: var(–text-main); }
@media (max-width: 900px) {
.row, .row:nth-child(even) { flex-direction: column; gap: 30px; }
}
Kitchen Remodel White City Specialists
Local Kitchen Experts
The White City Upgrade
Full Service Support
Project Planning Resources
Transform Your Main Living Space
Kitchen Renovations in White City — Custom Cabinetry & Full Installation
Upgrade your builder-grade kitchen into a custom masterpiece. KB Better Construction brings Kitchen Craft craftsmanship and 15+ years of experience to every White City home. Request Your Free Kitchen QuoteCustom Kitchen Remodeling in Southern Saskatchewan
Kitchen renovation in White City is one of the most requested residential services KB Better Construction delivers in the community. Many newer homes in the area feature functional but builder-grade kitchens; our clients want spaces that truly reflect their unique lifestyle. By bringing Kitchen Craft cabinetry and professional kitchen remodeling expertise to your door, KB Better Construction ensures a high-end transformation from initial design to final plumbing and electrical installation.
The White City Upgrade
Personalized Custom Finishes
Most kitchen home renovations in White City involve a transition from basic builder stock to custom cabinetry and high-end quartz countertops. Whether you are looking for a standalone update or a full home renovation, we provide the storage solutions and modern layout ideas your family needs. KB Better Construction specializes in upgrading these newer subdivision builds into personalized custom masterpieces. Review Our Project Cost Guide →
Full Service Support