:root{--green:#1d302b;--green2:#263e35;--dark:#202823;--cream:#f5f2eb;--paper:#f9f7f2;--stone:#e8e4da;--beige:#d7cebf;--copper:#b89570;--muted:#6a706a;--line:#d7d9d1;--font:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--dark);font:400 15px/1.65 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{width:min(1420px,calc(100% - 104px));margin:0 auto}.skip-link{position:absolute;top:-100px;left:16px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:16px}.topbar{background:var(--green);color:#c6d1c9;font-size:9px;letter-spacing:.17em;font-weight:700}.topbar-inner{height:31px;display:flex;align-items:center;justify-content:space-between}.tiny-star{color:#b7a88b;margin-right:9px;font-size:13px}.site-header{position:sticky;top:0;z-index:50;background:rgba(249,247,242,.97);border-bottom:1px solid #e4e5df;backdrop-filter:blur(16px)}.nav-shell{height:83px;display:flex;align-items:center;gap:38px}.brand{display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:5px}.brand img{width:260px;height:auto;max-width:min(34vw,260px)}.brand-sub{font-weight:800;font-size:8px;letter-spacing:.28em;margin-left:4px;margin-top:0;color:#21469a}.desktop-nav{display:flex;gap:36px;align-items:center;margin-left:auto}.desktop-nav a{font-size:12px;font-weight:700;color:#39453e;transition:color .2s}.desktop-nav a:hover{color:#a4774e}.nav-contact{border:1px solid #33483c;padding:13px 19px;margin-left:8px;white-space:nowrap;font-weight:700;font-size:10px;letter-spacing:.09em;transition:background .2s,color .2s}.nav-contact span{font-size:15px;margin-left:24px}.nav-contact:hover{background:var(--green);color:#fff}.menu-toggle,.mobile-nav{display:none}.hero{position:relative;overflow:hidden;background:var(--green)}.hero-content{display:grid;grid-template-columns:51.5% 48.5%;min-height:660px}.hero-copy{padding:100px max(48px,calc((100vw - 1420px)/2 + 7px)) 40px max(52px,calc((100vw - 1420px)/2));color:#fff;position:relative;display:flex;flex-direction:column;min-width:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.20em;display:flex;align-items:center;gap:15px}.eyebrow-line{display:inline-block;width:27px;height:1px;background:currentColor;opacity:.75;flex-shrink:0}.hero-eyebrow{color:#d9c4a4}.hero h1{font:700 clamp(52px,5.2vw,87px)/1.075 var(--display);letter-spacing:-.075em;margin:36px 0 22px}.hero h1 span{font-weight:400;color:#d7c4aa;letter-spacing:-.076em}.hero-copy>p{font-size:16px;line-height:1.85;color:#d3dad4;max-width:455px;margin:8px 0 33px}.hero-actions{display:flex;align-items:center;gap:35px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 22px;min-height:56px;font-size:10px;letter-spacing:.12em;font-weight:800;transition:transform .2s,background .2s,color .2s;border:0}.btn:hover{transform:translateY(-2px)}.btn span{font-size:19px;font-weight:400}.btn-light{background:#f1eee7;color:var(--green)}.btn-light:hover{background:white}.text-link{font-size:10px;font-weight:800;letter-spacing:.14em;display:inline-flex;align-items:center;gap:21px;white-space:nowrap;border-bottom:1px solid;padding-bottom:7px;transition:gap .2s}.text-link:hover{gap:30px}.text-link span{font-size:15px}.light-link{color:#e0e4db;border-color:#89958a}.hero-bottom{margin-top:auto;display:flex;align-items:center;gap:15px;color:#b9c8bd;letter-spacing:.13em;font-size:9px;font-weight:700;padding-top:56px;white-space:nowrap}.hero-bar{width:29px;height:1px;background:#94a59c}.hbdot{font-size:14px;color:#c8ac8f}.hero-image{position:relative;overflow:hidden;min-height:660px;background:#a6a59b url('architectural-fallback.svg') center center/cover no-repeat}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:center 53%;position:absolute;inset:0}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,35,28,.12),transparent 45%),linear-gradient(0deg,rgba(16,29,23,.25),transparent 30%);pointer-events:none}.hero-photo-stamp{position:absolute;left:36px;bottom:36px;background:#f4f1e9;display:flex;gap:22px;align-items:center;padding:23px 27px;z-index:1;color:#243b33;box-shadow:0 10px 40px #1f2b2238}.stamp-plus{font-size:29px;color:#b89570}.hero-photo-stamp span:last-child{font-size:10px;line-height:1.6;font-weight:800;letter-spacing:.11em}.hero-image-caption{position:absolute;right:31px;top:29px;z-index:1;color:#fff;font-size:9px;letter-spacing:.18em;font-weight:700;text-shadow:0 1px 5px #333}.vertical-tag{position:absolute;color:#536b5c;right:-22px;top:49%;transform:rotate(90deg);font-size:8px;letter-spacing:.2em;display:none}.section-pad{padding:118px 0}.section-index{font-size:10px;font-weight:700;letter-spacing:.2em;display:flex;align-items:center;gap:14px;margin-top:8px}.index-square{height:35px;width:35px;border:1px solid #8c9487;display:grid;place-items:center;font-size:10px;letter-spacing:0}.intro{background:var(--paper)}.intro-layout{display:grid;grid-template-columns:36% 64%;gap:0}.intro h2,.section-head h2,.faq h2{font:700 clamp(39px,4vw,65px)/1.2 var(--display);letter-spacing:-.06em;margin:0}.intro h2 em,.section-head h2 em,.faq h2 em,.feature h2 em,.values blockquote em,.contact h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}.intro h2 em,.section-head h2 em,.faq h2 em{color:#849184}.intro-layout>div:last-child{max-width:820px}.intro-layout>div:last-child>p{max-width:630px;font-size:16px;color:#657066;line-height:1.9;margin:30px 0}.dark-link{color:#35463b;border-color:#a4aa9e}.services{background:#eeeae0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:52px}.section-head>div{flex:1}.section-head>p{width:285px;color:#6b746b;line-height:1.85;margin:0 6px 4px 0;font-size:14px}.section-eyebrow{color:#69756b;margin-bottom:20px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid #cdd0c5;border-top:1px solid #cdd0c5}.service-card{background:transparent;border-right:1px solid #cdd0c5;border-bottom:1px solid #cdd0c5;padding:29px 32px 35px;min-height:325px;display:flex;flex-direction:column;transition:background .25s,color .25s}.service-card:hover{background:#fcfaf4}.service-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.12em;color:#7f8b7f}.service-arrow{font-size:23px;line-height:1;transition:transform .2s}.service-card:hover .service-arrow{transform:translate(3px,-3px)}.service-icon{height:115px;display:flex;align-items:center}.service-icon svg{width:69px;height:69px;stroke:#52685a;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font:700 22px/1.25 var(--display);letter-spacing:-.045em;margin:0 0 9px}.service-card p{font-size:13px;line-height:1.75;color:#6b766d;max-width:330px;margin:0}.feature{display:grid;grid-template-columns:50% 50%;min-height:630px}.feature-img{position:relative;background:#aaa897 url('architectural-fallback.svg') center/cover no-repeat;min-height:630px;overflow:hidden}.feature-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.image-side-label{position:absolute;left:35px;bottom:28px;z-index:1;color:#fff;font-weight:700;font-size:10px;letter-spacing:.17em;text-shadow:0 1px 5px #0009}.feature-copy{background:#263a32;padding:82px clamp(36px,6vw,110px);color:#fff}.light-eyebrow{color:#d1b89a}.feature h2{font:700 clamp(37px,3.6vw,59px)/1.18 var(--display);letter-spacing:-.06em;margin:28px 0 24px}.feature h2 em{color:#dfc7aa}.feature-copy>p{color:#cad4c9;line-height:1.85;max-width:470px;margin:0 0 27px}.feature-lines{margin-bottom:30px;border-top:1px solid #5e7469}.feature-lines>div{display:flex;align-items:flex-start;gap:25px;border-bottom:1px solid #5e7469;padding:13px 0}.feature-lines span{color:#cbb899;font-size:10px;font-weight:800;margin-top:4px}.feature-lines p{margin:0;color:#e0e6de;font-size:13px}.btn-outline{border:1px solid #b4c3b7;color:#f0f4eb}.btn-outline:hover{background:#f1eee7;color:var(--green)}.gallery{background:var(--paper)}.gallery-grid{display:grid;grid-template-columns:1.16fr 1fr 1fr;gap:17px}.gallery-card{min-width:0}.gallery-photo{position:relative;overflow:hidden;height:350px;background:#b7b2a5 url('architectural-fallback.svg') center/cover no-repeat}.gallery-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-card:hover img{transform:scale(1.035)}.gallery-photo-two{background-color:#c9bfab}.gallery-photo-three{background-color:#a9b6ad}.gallery-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 1px 10px;gap:10px}.gallery-caption span:not(.gallery-mark){color:#8b9489;letter-spacing:.17em;font-size:9px;font-weight:800}.gallery-caption h3{font:700 21px var(--display);letter-spacing:-.04em;margin:7px 0}.gallery-mark{font-size:27px;color:#657669}.imagery-disclaimer{font-size:11px;color:#7e877e;margin:22px 0 0}.process{background:#20362e;color:#fff}.process .section-head>p{color:#c1d0c5}.process h2 em{color:#d4bca0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:27px;margin-top:60px}.step-number{font:400 45px/1 var(--display);color:#c0ab8f;letter-spacing:-.06em}.step-rule{margin:20px 0 32px;height:1px;background:#789083;position:relative}.step-rule:before{content:'';position:absolute;left:0;top:-4px;width:9px;height:9px;border-radius:50%;background:#c4ad91}.step h3{font:700 24px var(--display);letter-spacing:-.04em;margin:0 0 12px}.step p{color:#c4d0c5;font-size:13px;line-height:1.9;max-width:230px;margin:0}.values{background:#e7e4d9}.values-layout{display:grid;grid-template-columns:31% 69%;align-items:center}.values-mark{font:800 clamp(130px,19vw,275px)/1 var(--display);letter-spacing:-.15em;color:#cbd1c6;user-select:none}.values-mark span{color:#b5beb1}.values blockquote{font:700 clamp(34px,3.3vw,55px)/1.35 var(--display);letter-spacing:-.055em;margin:25px 0}.values blockquote em{color:#758779}.values p{max-width:520px;font-size:14px;color:#707b71}.faq{background:var(--paper)}.faq-layout{display:grid;grid-template-columns:40% 60%;gap:30px}.faq h2{margin-bottom:24px}.faq-layout>div:first-child>p{max-width:260px;color:#69746a}.faq-list{border-top:1px solid #c7cec2}.faq-list details{border-bottom:1px solid #c7cec2}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 0;font-size:15px;font-weight:700;color:#34463b}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:25px;color:#a48b6f;font-weight:300;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;color:#70786f;line-height:1.85;max-width:610px;padding:0 28px 24px 0;margin:0}.contact{background:#d6dfd3}.contact-layout{display:grid;grid-template-columns:43% 57%;gap:50px}.contact-intro{padding-top:28px}.contact .light-eyebrow{color:#617669}.contact h2{font:700 clamp(43px,4.5vw,72px)/1.2 var(--display);letter-spacing:-.065em;margin:26px 0}.contact h2 em{color:#758d78}.contact-intro>p{max-width:390px;font-size:15px;line-height:1.85;color:#5e6e62}.contact-area{display:flex;flex-direction:column;border-left:2px solid #9aaf9e;margin-top:74px;padding-left:20px;gap:6px}.contact-area span{font-size:10px;letter-spacing:.15em;color:#62766a;font-weight:700}.contact-area strong{font-size:21px;font-family:var(--display);letter-spacing:-.04em}.contact-area small{font-size:12px;color:#728275}.form-panel{padding:42px 42px 40px;background:#f9f7f1;box-shadow:0 18px 60px #34433815}.form-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.form-title h3{margin:0;font:700 25px var(--display);letter-spacing:-.04em}.form-title>span{font-size:9px;letter-spacing:.1em;color:#818d83;font-weight:800}.form-title>span span{font-size:16px;margin-left:8px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-panel label{display:flex;flex-direction:column;gap:8px;font-size:9px;color:#667568;letter-spacing:.15em;font-weight:800;margin-bottom:22px}.form-panel input,.form-panel select,.form-panel textarea{width:100%;border:0;border-bottom:1px solid #ccd3c9;border-radius:0;background:transparent;outline:none;font-size:14px;color:#2b3a32;letter-spacing:0;font-weight:400;padding:10px 1px 11px;resize:vertical}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:#3c5b46}.form-panel input::placeholder,.form-panel textarea::placeholder{color:#929c92}.full-field{margin-bottom:12px!important}.form-actions{display:flex;align-items:center;gap:23px}.btn-dark{background:var(--green);color:#fff;white-space:nowrap}.btn-dark:hover{background:#355246}.form-actions p{max-width:240px;font-size:11px;color:#899189;line-height:1.6}.form-feedback{font-size:12px;color:#445d4c;margin-top:15px}.footer{background:#172c25;color:#fff;padding-top:73px}.footer-main{display:flex;justify-content:space-between;padding-bottom:82px;gap:50px}.footer-logo-card{display:inline-flex;align-items:center;background:#fff;padding:14px 16px;border-radius:10px;box-shadow:0 14px 35px rgba(0,0,0,.14)}.footer-brand img{width:315px;height:auto}.footer-main>div:first-child>p{font-size:15px;line-height:1.8;color:#b3c3b5;margin:24px 0 0}.footer-links{display:flex;gap:120px}.footer-links>div{display:flex;flex-direction:column;gap:11px}.footer-links span:first-child{color:#bda98e;font-size:10px;letter-spacing:.2em;font-weight:800;margin-bottom:12px}.footer-links a,.footer-links .footer-area{font-size:13px;color:#c8d5ca}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #3a5045;display:flex;justify-content:space-between;align-items:center;padding:23px 0;color:#a2b0a4;font-size:10px;letter-spacing:.08em}.footer-star{color:#cbb598}.footer-bottom a{color:#dae5da}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);z-index:1000;max-width:min(90vw,550px);text-align:center;padding:14px 22px;background:var(--green);color:#fff;font-size:13px;box-shadow:0 8px 30px #1115;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1200px){.wrap{width:min(100% - 66px,1420px)}.nav-shell{gap:22px}.desktop-nav{gap:20px}.hero-copy{padding-left:48px;padding-right:36px}.hero h1{font-size:clamp(51px,5vw,72px)}.hero-actions{gap:21px}.hero-copy>p{font-size:15px}.hero-bottom{font-size:8px;gap:10px}.feature-copy{padding:65px 45px}.footer-links{gap:70px}}
@media(max-width:940px){.desktop-nav,.nav-contact{display:none}.menu-toggle{display:flex;margin-left:auto;width:44px;height:44px;border:1px solid #bdc4b8;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:7px}.menu-toggle span{width:20px;height:1.5px;background:#24392c;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.25px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;background:var(--paper);border-top:1px solid #e5e7de;padding:15px 34px 25px}.mobile-nav a{padding:12px 0;font-weight:700;border-bottom:1px solid #e5e7de;font-size:14px}.hero-content{grid-template-columns:53% 47%;min-height:600px}.hero-copy{padding:80px 28px 32px 36px}.hero-image{min-height:600px}.hero h1{font-size:clamp(42px,5vw,64px);white-space:normal}.hero h1 span{white-space:normal}.hero-bottom{white-space:normal}.hero-actions{align-items:flex-start;flex-direction:column;gap:24px}.section-pad{padding:85px 0}.service-grid{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr 1fr}.feature-copy{padding:60px 31px}.feature h2{font-size:37px}.feature-img{min-height:650px}.gallery-photo{height:280px}.gallery-caption h3{font-size:17px}.contact-layout{gap:30px;grid-template-columns:38% 62%}.form-panel{padding:35px 28px}.values-mark{font-size:17vw}.footer-links{gap:45px}}
@media(max-width:680px){.wrap{width:calc(100% - 38px)}.topbar-inner span:last-child{display:none}.topbar-inner{justify-content:center}.topbar{font-size:8px}.nav-shell{height:70px}.brand img{width:min(62vw,220px)}.brand-sub{font-size:6px;letter-spacing:.22em;margin-left:2px}.hero-content{display:flex;flex-direction:column}.hero-copy{order:1;padding:60px 25px 35px;min-height:520px}.hero-image{order:0;min-height:315px;height:315px}.hero-photo-stamp{left:19px;bottom:20px;padding:14px 16px;gap:13px}.hero-photo-stamp span:last-child{font-size:8px}.stamp-plus{font-size:22px}.hero-image-caption{font-size:8px;top:16px;right:19px}.hero h1{font-size:clamp(44px,10.6vw,64px);margin:25px 0 18px}.hero-copy>p{font-size:14px;line-height:1.8;margin:0 0 28px}.hero-actions{flex-direction:row;gap:25px;align-items:center}.hero .btn{padding:14px 16px;min-height:51px;gap:15px}.hero .text-link{font-size:9px}.hero-bottom{margin-top:42px;padding:0;gap:9px;font-size:8px}.section-pad{padding:68px 0}.intro-layout{grid-template-columns:1fr;gap:31px}.intro h2,.section-head h2,.faq h2{font-size:clamp(38px,9vw,52px)}.intro-layout>div:last-child>p{font-size:14px;margin:22px 0}.section-head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:33px}.section-head>p{width:auto;max-width:500px}.service-grid{grid-template-columns:1fr 1fr}.service-card{padding:19px 18px 25px;min-height:290px}.service-icon{height:89px}.service-icon svg{width:57px;height:57px}.service-card h3{font-size:18px}.service-card p{font-size:12px}.feature{grid-template-columns:1fr}.feature-img{min-height:330px;height:330px}.feature-copy{padding:62px 23px}.feature h2{font-size:43px}.gallery-grid{grid-template-columns:1fr 1fr;gap:16px}.gallery-large{grid-column:span 2}.gallery-large .gallery-photo{height:360px}.gallery-photo{height:230px}.gallery-caption{align-items:flex-start}.gallery-caption h3{font-size:17px}.gallery-caption span:not(.gallery-mark){font-size:8px}.process .section-head h2{font-size:48px}.steps{grid-template-columns:1fr 1fr;column-gap:20px;row-gap:38px;margin-top:36px}.step p{font-size:12px}.step-rule{margin:16px 0 19px}.values-layout{grid-template-columns:1fr}.values-mark{font-size:120px;line-height:.8;opacity:.7;margin-bottom:28px}.values blockquote{font-size:36px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-list summary{font-size:14px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-intro{padding-top:0}.contact h2{font-size:55px}.contact-area{margin-top:36px}.form-panel{padding:28px 22px}.footer{padding-top:55px}.footer-main{flex-direction:column;padding-bottom:50px;gap:30px}.footer-logo-card{padding:12px 14px}.footer-brand img{width:min(82vw,285px)}.footer-links{gap:65px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:9px;font-size:9px}.form-actions{flex-direction:column;align-items:flex-start;gap:4px}.form-actions p{max-width:320px}}
@media(max-width:400px){.hero-copy{padding-left:19px;padding-right:19px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-copy{min-height:590px}.service-grid{grid-template-columns:1fr}.service-card{min-height:230px}.service-icon{height:72px}.gallery-grid{grid-template-columns:1fr}.gallery-large{grid-column:auto}.gallery-large .gallery-photo,.gallery-photo{height:250px}.field-row{grid-template-columns:1fr;gap:0}.form-title>span{display:none}.footer-links{gap:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Keep contact form within the grid at tablet and desktop widths. */
@media (min-width:681px){.contact-layout{grid-template-columns:minmax(0,43fr) minmax(0,57fr)}.contact-layout>*{min-width:0}}
@media (min-width:681px) and (max-width:940px){.contact-layout{grid-template-columns:minmax(0,38fr) minmax(0,62fr)}}


/* === KXWELL BLUE BRAND REFRESH, OCT 2026 === */
:root{--green:#092858;--green2:#12488d;--dark:#182b4a;--cream:#f1f6fe;--paper:#f8faff;--stone:#e8effa;--beige:#e2eaf7;--copper:#1268d4;--muted:#667790;--line:#cad7e9;}
body{background:var(--paper);color:var(--dark)}
.topbar{background:#082151;color:#e0ebff}.tiny-star{color:#54a8ff}
.site-header{background:rgba(255,255,255,.98);border-bottom:1px solid #dce5f2}
.brand-sub{color:#1464c7}.desktop-nav a{color:#1b3c68}.desktop-nav a:hover{color:#0068d7}
.nav-contact{border-color:#1553a8;color:#10468e}.nav-contact:hover{background:#075ac7;color:#fff}
.hero{background:#092858}.hero-eyebrow{color:#cbdfff}.hero h1 span{color:#b7d5fa}.hero-copy>p{color:#e0e9f8}.hero-bottom{color:#c7daf3}.hbdot,.stamp-plus{color:#1975dc}.hero-bar{background:#b1cff1}
.btn-light{background:#fff;color:#092858}.btn-light:hover{background:#e8f2ff}.light-link{color:#eef5ff;border-color:#8bb8f2}
.hero-photo-stamp{background:#fff;color:#143974}.image-side-label{color:#fff}
.intro{background:#f9fbff}.intro h2 em,.section-head h2 em,.faq h2 em{color:#587cae}.intro-layout>div:last-child>p{color:#5b6f89}.section-index{color:#315c93}.index-square{border-color:#a7bbd3}
.dark-link{color:#174e9d;border-color:#84a8d7}.section-eyebrow{color:#2f5c92}
.services{background:#edf3fc}.section-head>p,.service-card p{color:#5f718b}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-color:#ccdbea}.service-card{min-height:283px;border-color:#ccdbea}.service-card:hover{background:#fff}.service-top{color:#4774b1}.service-icon svg{stroke:#2269c5}.service-card h3{color:#173c78}
.feature-copy{background:#103669}.feature h2 em{color:#bbd8ff}.feature-copy>p{color:#d3e2f5}.light-eyebrow{color:#b9d6ff}.feature-lines{border-color:#6083aa}.feature-lines>div{border-color:#6083aa}.feature-lines span{color:#72b2ff}.feature-lines p{color:#e6f0fc}.btn-outline{border-color:#a6caef;color:#fff}.btn-outline:hover{background:#fff;color:#103669}
.gallery{background:#fff}.gallery-caption h3{color:#133d78}.gallery-caption span:not(.gallery-mark),.gallery-mark{color:#4577b7}.imagery-disclaimer{color:#6a788c}
.process{background:#08265b}.process h2 em{color:#a9d1ff}.process .section-head>p{color:#d5e2f6}.step-number{color:#7bbaff}.step-rule{background:#7199d4}.step-rule:before{background:#60b0ff}.step p{color:#d1def2}
.values{background:#e5edf9}.values-mark{color:#c4d6ed}.values-mark span{color:#8db6ec}.values blockquote em{color:#3771ba}.values p{color:#576e8c}
.faq{background:#fff}.faq-list,.faq-list details{border-color:#d4e0ef}.faq-list summary{color:#193d70}.faq-list summary span{color:#1c6bd1}.faq-list details p{color:#66778d}
.contact{background:#e0edff}.contact .light-eyebrow{color:#336cae}.contact h2 em{color:#4a7ec2}.contact-intro>p{color:#43617e}.contact-area{border-color:#6da5e4}.contact-area span,.contact-area small{color:#4575a8}.form-panel{background:#fff}.form-panel label{color:#42678f}.form-panel input,.form-panel select,.form-panel textarea{border-color:#c2d3ea;color:#17385f}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:#0c6ad2}.btn-dark{background:#095bc2;color:#fff}.btn-dark:hover{background:#073c89}
.footer{background:#071a3c}.footer-links span:first-child{color:#88c0ff}.footer-main>div:first-child>p{color:#c4d8ef}.footer-links a,.footer-links .footer-area{color:#c9dbf2}.footer-bottom{border-color:#3b557e;color:#afc5e0}.footer-star{color:#4a9ef9}.toast{background:#092858}
/* Larger project imagery that feels grounded rather than showroom-styled */
.gallery-photo{height:365px;background-color:#bfcbe0}.gallery-photo img{object-position:center center}.gallery-photo-three img{object-position:center 48%}.hero-image>img{object-position:center 54%}
@media(max-width:1200px){.service-card{min-height:300px}.brand img{width:220px}.nav-shell{gap:18px}.desktop-nav{gap:17px}}
@media(max-width:940px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.brand img{width:min(62vw,220px)}.service-grid{grid-template-columns:1fr}.service-card{min-height:230px;padding:24px}.service-icon{height:84px}.gallery-photo{height:230px}.gallery-large .gallery-photo{height:320px}.form-panel{background:#fff}}

/* Actual KXWELL projects are distinguished from conceptual stock imagery. */
.featured-work{background:#f1f5fc}
.featured-work .section-head>p{width:390px;max-width:100%}
.featured-project{display:grid;grid-template-columns:1.12fr 1fr;background:#fff;border:1px solid #dce6f5;box-shadow:0 15px 45px rgba(13,50,98,.08);min-height:390px}
.featured-project-image{background:linear-gradient(145deg,#07306a 0%,#0a54ad 55%,#137de3 100%);position:relative;overflow:hidden;min-height:410px;display:flex;flex-direction:column;justify-content:space-between;padding:26px 32px;color:#eaf4ff}
.featured-project-image:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(199,227,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(199,227,255,.11) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(135deg,black,transparent 93%)}
.fp-corner,.fp-image-note{position:relative;z-index:1;font-weight:700;letter-spacing:.18em;font-size:10px}
.fp-image-note{font-size:9px;color:#c3ddf7}
.fp-drawing{position:relative;display:grid;place-items:center;flex:1}
.fp-drawing .fp-horizontal{position:absolute;width:67%;height:26%;border:2px solid rgba(230,244,255,.65);transform:skewY(-8deg);top:37%;left:16%;border-bottom-width:5px}
.fp-drawing .fp-vertical{position:absolute;width:38%;height:34%;border:2px solid rgba(230,244,255,.4);transform:skewY(-8deg);top:29%;left:31%}
.fp-wordmark{z-index:1;font:800 clamp(34px,4vw,70px)/1 var(--display);letter-spacing:-.07em;color:rgba(255,255,255,.93);text-shadow:0 3px 20px rgba(0,42,102,.3)}
.fp-mark{color:#a5d5ff;font-weight:400}
.featured-project-copy{padding:clamp(34px,5vw,75px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.featured-project-copy .eyebrow{font-size:9px;color:#4a79af}
.featured-project-copy h3{font:800 clamp(37px,4vw,58px)/1.13 var(--display);letter-spacing:-.055em;margin:28px 0 19px;color:#08295b}
.featured-project-copy h3 em{font-family:Georgia,serif;font-weight:400;color:#3679c7;letter-spacing:-.03em}
.featured-project-copy>p{font-size:15px;line-height:1.9;color:#57708b;max-width:510px}
.fp-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.fp-tags span{border:1px solid #b8d4ef;padding:7px 11px;font-size:9px;font-weight:800;letter-spacing:.1em;color:#3469a1}
.featured-project-copy .fp-status{font-size:11px;line-height:1.6;color:#6e839a;margin:0}
@media(max-width:800px){.featured-project{grid-template-columns:1fr}.featured-project-image{min-height:350px}.featured-project-copy{padding:38px}}
@media(max-width:480px){.featured-project-image{min-height:270px;padding:18px}.featured-project-copy{padding:26px}.featured-project-copy h3{font-size:39px}.fp-corner,.fp-image-note{font-size:8px}}

/* KXWELL 5703 project showcase; photo intentionally pending until approved originals are supplied. */
.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.gallery-card.gallery-large{grid-column:auto}
.gallery-5703{grid-column:span 2;background:#eef3f9;border:1px solid #d6e2f3;padding:18px 18px 24px}
.gallery-photo-5703{min-height:320px;height:320px;background:linear-gradient(135deg,#07214c 0%,#104c9e 55%,#166cde 100%);display:flex;align-items:center;justify-content:center;padding:28px}
.project-photo-pending{color:#fff;display:flex;align-items:flex-start;flex-direction:column;gap:14px;width:min(100%,740px)}
.project-photo-pending strong{font:800 clamp(34px,5vw,66px)/1.08 var(--display);letter-spacing:-.06em}
.project-kicker,.project-photo-pending>span:last-child{font-size:11px;letter-spacing:.16em;font-weight:800;color:#c2dcff}
.gallery-project-description{font-size:14px;color:#45566e;margin:6px 0 14px;line-height:1.75}
.project-drive-link{display:inline-block;font-weight:800;font-size:12px;letter-spacing:.02em;color:#085bb6;border-bottom:1px solid #085bb6;padding-bottom:3px}
@media(max-width:680px){.gallery-5703{grid-column:span 2}.gallery-photo-5703{height:255px;min-height:255px}}
@media(max-width:400px){.gallery-grid{grid-template-columns:1fr}.gallery-5703{grid-column:auto}.gallery-photo-5703{height:240px;min-height:240px}}


/* 5703 Outdoor Kitchen — preliminary rendering and dimensional concept study. */
.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-card.gallery-large{grid-column:auto}
.gallery .imagery-disclaimer{margin-top:26px}
.featured-work{background:#f2f6fd}
.featured-work .section-head>p{width:400px}
.featured-project{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:stretch;min-height:440px}
.featured-project-image.fp-render-image{background:#e5e8ea;padding:0;display:block;position:relative;min-height:410px;overflow:hidden}
.fp-render-image:before{display:none}
.fp-render-image img{display:block;width:100%;height:100%;min-height:410px;object-fit:contain;object-position:center;background:#f5f5f7;transition:transform .35s ease}
.fp-render-image:hover img{transform:scale(1.018)}
.fp-image-chip{position:absolute;left:18px;bottom:18px;background:#092858;color:#fff;padding:10px 15px;font-size:10px;font-weight:800;letter-spacing:.12em;box-shadow:0 4px 15px #06234a4d}
.fp-image-chip span{font-size:15px;margin-left:12px}
.featured-project-copy{padding:clamp(30px,3.8vw,62px)}
.featured-project-copy h3{font-size:clamp(31px,3.25vw,49px);margin:22px 0 10px}
.featured-project-copy>p{font-size:14px;line-height:1.85}
.technical-panel{margin-top:24px;background:#fff;border:1px solid #d6e2f3;box-shadow:0 15px 38px #0b356112;padding:clamp(24px,4vw,45px)}
.technical-panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:26px;padding-bottom:26px}
.technical-panel-head>div{max-width:860px}
.technical-number{display:block;font-size:10px;letter-spacing:.16em;color:#2c65ad;font-weight:800;margin-bottom:14px}
.technical-panel h3{font:800 clamp(27px,3.6vw,48px)/1.14 var(--display);letter-spacing:-.065em;margin:0 0 20px;color:#0a285b}
.technical-panel h3 em{font-family:Georgia,serif;color:#3b7cc7;font-weight:400}
.technical-panel p{color:#586b82;line-height:1.82;font-size:14px;margin:0 0 13px}
.technical-open{white-space:nowrap;color:#095ab5;font-size:10px;font-weight:800;letter-spacing:.11em;border-bottom:1px solid #095ab5;padding-bottom:7px;margin-bottom:8px}
.technical-image-link{display:block;position:relative;border:1px solid #d9e3f3;background:#fff;overflow:hidden}
.technical-image-link img{display:block;width:100%;height:auto}
.technical-image-link>span{position:absolute;bottom:13px;right:13px;color:#fff;background:#072c69;font-size:10px;font-weight:800;letter-spacing:.1em;padding:10px 13px;box-shadow:0 5px 16px #1114}
.technical-note{font-size:12px;line-height:1.7;color:#566a82;background:#f1f6ff;margin-top:15px;padding:12px 16px;border-left:3px solid #2175d7}
.technical-note strong{color:#0f4386}
@media(max-width:1080px){.featured-project{grid-template-columns:1fr}.fp-render-image img{min-height:0;height:auto;max-height:530px}.featured-project-image.fp-render-image{min-height:0}.technical-panel-head{align-items:flex-start;flex-direction:column;gap:8px}.technical-open{margin-bottom:8px}}
@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.gallery-grid{grid-template-columns:1fr}.gallery-photo{height:230px}.gallery-card.gallery-large{grid-column:auto}.fp-image-chip{left:10px;bottom:10px;font-size:9px;padding:8px}.technical-panel{padding:19px}.technical-image-link>span{position:static;display:block;width:100%;text-align:center}}

/* KXWELL contact information and Netlify form enhancements */
.contact-details{margin-top:31px;padding-top:23px;border-top:1px solid rgba(40,87,150,.23);display:flex;flex-direction:column;gap:10px;max-width:410px}
.contact-info-label{font-size:10px;font-weight:800;letter-spacing:.17em;color:#285b9f}
.contact-email{font-size:clamp(17px,1.5vw,21px);font-weight:800;color:#063d8c;word-break:break-word}
.contact-email:hover,.contact-person a:hover{color:#147be9;text-decoration:underline}
.contact-email span{padding-left:6px;font-size:17px}
.contact-person{display:flex;gap:15px;align-items:baseline;justify-content:space-between;border-top:1px solid rgba(40,87,150,.12);padding-top:10px}
.contact-person>span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#45688f}
.contact-person small{font-size:9px;color:#225ca4;white-space:nowrap}
.contact-person a{color:#0a3a79;font-size:16px;font-weight:800;white-space:nowrap}
.form-honeypot{position:absolute!important;height:1px!important;width:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;margin:-1px!important;white-space:nowrap!important}
.form-panel{position:relative}
.form-feedback:not(:empty){padding:12px 14px;border-left:3px solid #215cac;background:#edf5ff;color:#1f497d;line-height:1.55}
.form-feedback[data-state=success]{border-color:#149068;background:#eaf6f0;color:#135e45}
.form-feedback[data-state=error]{border-color:#c54b4b;background:#fff0f0;color:#9b2d2d}
.form-actions button:disabled{opacity:.65;cursor:wait;transform:none}
.footer-links>div:last-child{min-width:240px}
@media(max-width:520px){.contact-person{align-items:flex-start;flex-direction:column;gap:2px}.contact-person a{font-size:17px}.contact-details{margin-top:24px}}

/* Aligned service hierarchy and consistent gutters. */
#services .section-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:40px}
#services .section-head>p{width:auto;max-width:440px;margin:0;justify-self:end}
#services .service-grid-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border:0}
#services .service-card{min-width:0;min-height:300px;border:1px solid #cad7e9;padding:32px;display:flex;flex-direction:column;background:#f8faff}
#services .service-top{margin-bottom:22px}
#services .service-icon{height:72px;margin-bottom:24px}
#services .service-icon svg{width:64px;height:64px}
#services .service-card h3{font-size:clamp(23px,2.1vw,32px);margin:0 0 14px}
#services .service-card p{max-width:none;font-size:14px;line-height:1.8;margin:0}
#services .service-featured{grid-column:1/-1;display:grid;grid-template-columns:112px minmax(0,1fr);gap:0 32px;min-height:280px;background:#e0ebfb}
#services .service-featured .service-top{grid-column:1/-1}
#services .service-featured .service-icon{height:auto;margin:0;align-self:center}
#services .service-featured .service-icon svg{width:100px;height:100px}
#services .service-featured h3{font-size:clamp(30px,3vw,42px)}
#services .service-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:112px minmax(0,1fr);gap:0 32px;min-height:250px}
#services .service-card:last-child .service-top{grid-column:1/-1}
#services .service-card:last-child .service-icon{height:auto;margin:0;align-self:center}
#services .service-card:hover{background:#fff}
#services .service-card:focus-visible{outline:3px solid #1268d4;outline-offset:4px}
.desktop-nav{gap:clamp(14px,1.4vw,25px)}.desktop-nav a{font-size:11px;white-space:nowrap}
@media(min-width:1101px){.nav-shell{gap:20px}.brand img{width:220px}.nav-contact{padding:12px}.nav-contact span{margin-left:12px}}
@media(max-width:1100px){.desktop-nav,.nav-contact{display:none}.menu-toggle{display:flex;margin-left:auto;width:44px;height:44px;border:1px solid #a7bbd3;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:7px}.menu-toggle span{width:20px;height:1.5px;background:#173c78}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:16px 33px 24px;background:#fff;border-top:1px solid #dce5f2}.mobile-nav a{padding:12px 0;border-bottom:1px solid #e5edf9;font-size:14px;font-weight:700}}
@media(max-width:680px){#services .section-head{grid-template-columns:1fr;gap:22px}#services .section-head>p{justify-self:start;max-width:none}#services .service-grid-featured{grid-template-columns:1fr;gap:16px}#services .service-card,#services .service-featured,#services .service-card:last-child{grid-column:auto;display:flex;min-height:0;padding:24px;gap:0}#services .service-icon,#services .service-featured .service-icon,#services .service-card:last-child .service-icon{height:64px;margin:0 0 22px;align-self:flex-start}#services .service-featured .service-icon svg{width:64px;height:64px}#services .service-card h3{font-size:26px}}
.residential-hero-visual{background:#f0f5fd}.residential-hero-visual img{object-fit:contain}

.residential-showcase{background:#f0f5fd}.residential-showcase-link{display:block;max-width:1100px;margin:0 auto}.residential-showcase-link img{width:100%;height:auto}.residential-showcase-link:focus-visible{outline:3px solid #1268d4;outline-offset:6px}

/* Practical Spaces: show complete, clean architectural views. */
.gallery-photo-one img{object-position:center}.gallery-photo-two img{object-position:center}.gallery-photo-three img{object-position:center}

/* Dedicated building process page. */
.process-page-intro{background:#edf3fc}.process-page-intro h1{font:700 clamp(42px,5vw,76px)/1.16 var(--display);letter-spacing:-.06em;margin:0 0 26px;color:#092858}.process-page-intro h1 em{font-family:Georgia,serif;font-weight:400;color:#587cae}.process-page-intro p{max-width:720px;color:#5f718b;font-size:17px;line-height:1.85;margin:0 0 30px}.process-details{background:#fff}.process-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.process-detail-grid article{padding:clamp(24px,3vw,44px);border:1px solid #cad7e9;background:#f8faff}.process-detail-number{font-size:11px;font-weight:800;letter-spacing:.12em;color:#2269c5}.process-detail-grid h2{font:700 clamp(25px,2.7vw,36px)/1.25 var(--display);letter-spacing:-.04em;color:#173c78;margin:24px 0 16px}.process-detail-grid p{color:#5f718b;line-height:1.85;margin:0}@media(max-width:680px){.process-detail-grid{grid-template-columns:1fr;gap:16px}.process-page-intro p{font-size:15px}}