/* Scoped layout repair: preserve existing Konceptux styles and scripts. */
html { scroll-padding-top: 78px; }
body > header.kx-hero { position: relative; z-index: 0; height: auto; min-height: 0; overflow: hidden; background: #f7fafc; }
body > header.kx-hero .kx-hero-inner { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 36px; align-items: center; padding-top: 150px; padding-bottom: 80px; }
body > header.kx-hero .kx-hero-content, body > header.kx-hero .kx-hero-image { position: relative; float: none; width: auto; min-width: 0; max-width: 100%; margin: 0; transform: none; }
body > header.kx-hero .kx-hero-image img { display: block; width: 100%; height: auto; max-height: 460px; object-fit: contain; }
body > section#engineering { position: relative; z-index: 1; display: block; clear: both; isolation: isolate; background: #fff; padding: 78px 0; scroll-margin-top: 78px; }
body > section#engineering::before, body > section#engineering::after { content: none; }
body > section#engineering .container { position: relative; z-index: 1; }
body > section#engineering .row { display: flex; flex-wrap: wrap; }
body > section#engineering .row > [class*="col-"] { display: flex; }
body > section#engineering .kx-card { width: 100%; height: 100%; box-sizing: border-box; }
body > section.kx-section { background-image: none; }
body > section#projects { background: #f5f8fc; }
body > section#projects .row { display: flex; flex-wrap: wrap; }
body > section#projects .kx-project-column { margin-bottom: 28px; }
body > section#projects .kx-project-card-safe { height: 100%; overflow: hidden; background: #fff; }
body > section#projects .kx-project-card-safe > img { width: 100%; height: 230px; object-fit: cover; }
body > section#projects .kx-project-placeholder { display: flex; justify-content: center; align-items: center; gap: 8px; height: 230px; color: #fff; font-size: 29px; font-weight: 800; letter-spacing: .05em; background: linear-gradient(135deg,#102a43,#2476b5); }
body > section#projects .kx-project-placeholder span { color: #b9e3ff; }
body > section#projects .kx-project-placeholder-thermostat { font-size: 22px; background: linear-gradient(135deg,#164e63,#1687a7); }
@media(max-width: 991px) { body > header.kx-hero .kx-hero-inner { grid-template-columns: 1fr; padding-top: 115px; padding-bottom: 48px; } body > header.kx-hero .kx-hero-image img { max-height: 320px; } }
@media(max-width: 767px) { body > section#engineering { padding: 55px 0; } body > section#engineering .row { display: block; } body > section#engineering .row > [class*="col-"] { display: block; margin-bottom: 20px; } body > section#projects .kx-project-column { width: 100%; } }