/* Kent Build signature finish • visual proposal, no site geometry or copy changes.
   Architectural brass/champagne accents against existing charcoal, cream, and bright quote gold.
   All rules consolidated here, not layered onto earlier gold passes. */
:root {
 --kb-brass:#b78a31;
 --kb-brass-deep:#8b641d;
 --kb-champagne:#e5c780;
 --kb-cream-border:#ded0b6;
 --kb-deep-panel:#151410;
}
/* Header: a narrow signature line and clear navigation position. */
.site-header { border-bottom:1px solid rgba(229,199,128,.48); }
.site-header::after {content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent 7%,rgba(229,199,128,.42) 44%,transparent 93%);pointer-events:none;}
.main-nav a{position:relative;white-space:nowrap;}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--kb-champagne);}
.main-nav a[aria-current="page"]::after{content:'';position:absolute;bottom:-12px;left:0;right:0;height:2px;border-radius:3px;background:var(--kb-champagne);}
/* Discrete gold detail visibly frames the hero without interfering with media. */
.hero .eyebrow,.practical-about-section .eyebrow,.review-section .eyebrow,.kb-page-hero .eyebrow {color:var(--kb-champagne);}
.hero-inner::before {content:'';display:block;width:66px;height:3px;margin-bottom:29px;background:linear-gradient(90deg,var(--kb-champagne),var(--kb-brass));border-radius:2px;}
.hero-panel{border-color:rgba(229,199,128,.54);box-shadow:0 22px 74px rgba(0,0,0,.29),0 0 0 1px rgba(229,199,128,.12);}
.hero-panel::after{content:'';position:absolute;top:17px;right:17px;width:55px;height:55px;border-top:2px solid var(--kb-champagne);border-right:2px solid var(--kb-champagne);border-radius:0 13px 0 0;pointer-events:none;z-index:4;}
/* Section labels are visually consistent on both dark and cream. */
.light-section .eyebrow,.kb-page-wrap .eyebrow,.kb-inner-page .kb-page-wrap .eyebrow{color:var(--kb-brass-deep);}
.practical-about-section .eyebrow::after,.home-gateways-section .eyebrow::after,.review-section .eyebrow::after,.contact-section .eyebrow::after,.kb-page-hero .eyebrow::after{
 content:'';display:inline-block;vertical-align:middle;width:40px;height:1px;margin-left:15px;background:currentColor;opacity:.65;
}
.about-photo-frame{border-color:rgba(229,199,128,.63);}
.quality-card{border:1px solid rgba(229,199,128,.66);box-shadow:0 19px 48px rgba(0,0,0,.25);}
.about-points article{border-top:2px solid rgba(183,138,49,.65);}
.about-points article span{color:var(--kb-champagne);}
/* White cards gain a real architectural brass detail visible at a glance. */
.gateway-card,.kb-page-section,.published-review-card,.contact-card{border-color:var(--kb-cream-border);}
.gateway-card,.kb-page-section{box-shadow:inset 0 3px 0 rgba(183,138,49,.85),0 15px 35px rgba(29,22,9,.075);}
.gateway-card:hover,.gateway-card:focus-visible{border-color:var(--kb-brass);box-shadow:inset 0 3px 0 var(--kb-brass),0 21px 43px rgba(29,22,9,.12);}
.gateway-card span{color:var(--kb-brass-deep);}
.published-review-card{box-shadow:inset 0 3px 0 rgba(183,138,49,.85),0 14px 33px rgba(23,18,7,.07);}
/* Existing dark CTA components keep bright buttons; decorative trim uses softer brass. */
.service-grid article,.standards-grid article,.process-list article,.contact-brand-panel{border-color:rgba(229,199,128,.42);}
.service-grid article span,.process-list article span{color:var(--kb-champagne);}
.kb-page-cta{border:1px solid rgba(229,199,128,.5);}
.kb-page-cta::before{content:'';display:block;width:64px;height:3px;background:var(--kb-champagne);border-radius:3px;margin-bottom:18px;}
.footer{border-top:1px solid rgba(229,199,128,.36);}
.footer a:hover,.contact-card a:hover{color:var(--kb-champagne);}
/* The new editorial section should obviously belong to Kent Build. */
.kb-insights .insights-hero,.kb-insights .insights-article-hero{background:linear-gradient(116deg,#11110f 0%,#1a1813 60%,#2f2514 100%);border-bottom-color:rgba(229,199,128,.6);}
.kb-insights .insights-hero .insights-container::before,.kb-insights .insights-article-hero .insights-container::before{
 content:'';display:block;width:70px;height:3px;background:var(--kb-champagne);margin-bottom:22px;border-radius:2px;
}
.kb-insights .insights-hero h1 em{color:var(--kb-champagne);}
.kb-insights .insights-card{border-color:var(--kb-cream-border);box-shadow:inset 0 3px 0 var(--kb-brass),0 16px 38px rgba(22,17,8,.08);}
.kb-insights .insights-card:hover,.kb-insights .insights-card:focus-visible{border-color:var(--kb-brass);}
.kb-insights .insights-card-copy{position:relative;}
.kb-insights .insights-card-copy::before{content:'';height:2px;background:linear-gradient(90deg,var(--kb-brass),transparent);position:absolute;left:27px;right:27px;top:0;}
.kb-insights .insights-takeaways{border-color:var(--kb-cream-border);box-shadow:inset 0 3px 0 var(--kb-brass),0 10px 29px rgba(20,17,9,.06);}
.kb-insights .insights-aside-cta{border-color:rgba(229,199,128,.64);}
.kb-insights .insights-read,.kb-insights .insights-article-content a{color:var(--kb-brass-deep);}
/* Subtle, integrated cross-link to the steelwork article/service. */
.steelwork-insights-link{grid-column:1/-1;margin:0 0 18px;padding:14px 18px;border-left:3px solid var(--kb-brass);background:rgba(183,138,49,.08);}
.steelwork-insights-link a{color:var(--kb-brass-deep);font-weight:700;text-decoration:underline;text-underline-offset:4px;}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--kb-brass);outline-offset:3px;}
/* Desktop navbar adjustment specific to added discoverable links; mobile remains full menu. */
@media(min-width:1201px){
 .nav-shell{gap:16px;}
 .main-nav{gap:clamp(10px,1vw,17px);font-size:13px;letter-spacing:.025em;}
 .logo-plus-text{min-width:242px;gap:9px;}
 .logo-plus-text img{width:73px;}
 .quote-button{padding:14px 21px;white-space:nowrap;}
}
@media(min-width:901px) and (max-width:1200px){
 .nav-shell{gap:13px;}
 .logo-plus-text{min-width:0;gap:8px;}
 .logo-plus-text img{width:62px;}
 .logo-plus-text .brand-text small{display:none;}
 .main-nav{gap:9px;font-size:12px;letter-spacing:0;}
 .quote-button{padding:12px 15px;white-space:nowrap;font-size:12px;}
}
@media(max-width:900px){
 .main-nav a[aria-current="page"]::after{display:none;}
 .hero-inner::before{margin-bottom:17px;width:46px;}
 .hero-panel::after{width:36px;height:36px;}
}

/* At narrower laptop widths, use the full menu instead of crowding nine links.
   Keep the hero's copy and media as separate full-width rows: no overlap. */
@media(min-width:901px) and (max-width:1150px){
 .nav-shell{flex-wrap:wrap;gap:13px;padding:14px 0;}
 .logo-plus-text{min-width:0;margin-right:auto;}
 .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;margin-left:auto;padding:11px 16px;color:white;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:50px;font-weight:800;text-transform:uppercase;cursor:pointer;}
 .main-nav{display:none;order:4;width:100%;margin-left:0;flex-direction:column;align-items:stretch;gap:7px;padding:14px 0 5px;}
 .main-nav.open,.menu-toggle[aria-expanded="true"] + .main-nav{display:flex!important;}
 .main-nav a{display:block;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.04);}
 .main-nav a[aria-current="page"]::after{display:none;}
 .quote-button{order:3;margin-left:0;padding:12px 18px;}
 .hero{grid-template-columns:minmax(0,1fr);min-height:auto;gap:35px;padding:68px 0;}
 .hero-inner{max-width:740px;}
 .hero h1{max-width:740px;}
 .hero-panel{max-width:740px;width:100%;justify-self:start;}
 .hero::before{inset:40px 0;width:100%;}
}