/*
Theme Name: KOWEBS Block Theme
Theme URI: https://kowebs.example
Author: KOWEBS
Description: A modern block-based WordPress website for Knock Out Web Design with a custom Coming Soon block.
Version: 11.2.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: kowebs
*/
:root{--ko-orange:#ffa500;--ko-blue:#005aff;--ko-ink:#101a32}*{box-sizing:border-box}body{margin:0}a{text-underline-offset:4px}.ko-header{box-shadow:0 3px 20px rgba(16,26,50,.06)}.ko-nav a:hover{color:#005aff!important}.ko-footer{border-top:1px solid #e5eaf3}.ko-card{border:1px solid #e5eaf3;border-radius:18px;padding:28px;background:#fff;box-shadow:0 10px 35px rgba(16,26,50,.05)}.ko-pill{display:inline-block;border-radius:100px;padding:8px 16px;background:#fff0d4;color:#915b00;font-weight:700;letter-spacing:.1em;font-size:12px}.ko-gradient{background:linear-gradient(125deg,#005aff,#0033a0)}.ko-logo img{width:min(330px,100%);height:auto}.ko-page-title{letter-spacing:-.035em}.ko-hero-wrap{overflow:hidden;position:relative;background:radial-gradient(circle at 80% 15%,rgba(0,90,255,.11),transparent 32%),linear-gradient(150deg,#fff 15%,#f3f7ff 100%);border-bottom:1px solid #e8eef8}.ko-hero-content{max-width:1050px;margin:auto;text-align:center;padding:100px 24px 115px}.ko-hero-content h1{font-size:clamp(42px,7vw,82px);line-height:1.08;margin:18px 0;color:#101a32;letter-spacing:-.055em}.ko-hero-content h1 span{color:#005aff}.ko-hero-content p{font-size:clamp(17px,2vw,22px);line-height:1.65;color:#52627b;max-width:670px;margin:0 auto 30px}.ko-hero-logo{display:block;max-width:min(470px,90%);height:auto;margin:0 auto 40px}.ko-hero-rule{width:90px;height:5px;border-radius:10px;margin:0 auto 24px;background:linear-gradient(90deg,#ffa500,#005aff)}.ko-button{display:inline-block;background:#005aff;color:#fff!important;padding:14px 25px;border-radius:10px;text-decoration:none;font-weight:700}.ko-button:hover{background:#003fae}.ko-page-content{padding-top:50px;padding-bottom:85px}.ko-accent{color:#005aff}.ko-service-grid{gap:22px}.ko-card h3{margin-top:0}.ko-card p{color:#52627b}.ko-small{font-size:14px;color:#62728b}@media(max-width:700px){.ko-hero-content{padding:65px 20px 80px}.ko-header .wp-block-group{gap:14px}.ko-header .wp-block-site-logo{max-width:180px}}

/* KOWEBS V2 — vibrant orange and electric blue */
body{background:#f6f9ff;color:#101a32}.ko-header{background:#081936!important;border-bottom:3px solid #ffa500;box-shadow:0 12px 35px #00194b24;position:relative;z-index:5}.ko-header .wp-block-navigation a{color:#fff!important;font-weight:750!important}.ko-header .wp-block-navigation a:hover{color:#ffa500!important}.ko-header .wp-block-navigation__responsive-container-open{color:#fff}.ko-logo img{filter:drop-shadow(0 3px 6px #0005);width:min(290px,100%)}
.ko-hero-wrap{background:radial-gradient(circle at 90% 15%,#005aff60,transparent 36%),radial-gradient(circle at 5% 75%,#ffa50038,transparent 35%),linear-gradient(135deg,#07142f,#102d69 65%,#0738a2);border-bottom:6px solid #ffa500;color:white;isolation:isolate}.ko-hero-wrap:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1}.ko-hero-content{max-width:1130px;padding:85px 24px 105px}.ko-hero-logo{width:min(670px,94%);max-width:none;margin:0 auto 30px;filter:drop-shadow(0 18px 30px #0008)}.ko-hero-content h1{color:white;font-size:clamp(44px,7vw,88px);font-weight:850}.ko-hero-content h1 span{color:#ffa500}.ko-hero-content p{color:#dce9ff}.ko-hero-content .ko-pill{background:#ffa500;color:#06152f;padding:10px 20px}.ko-hero-rule{width:125px;height:6px}.ko-button{background:linear-gradient(120deg,#ffa500,#ff7800);color:#071a3b!important;box-shadow:0 12px 25px #ff900040;border-radius:12px;padding:17px 30px;transition:transform .2s,box-shadow .2s}.ko-button:hover{background:#ffba36;transform:translateY(-2px);box-shadow:0 16px 35px #ff900055}.ko-page-content{padding:70px 24px 110px}.ko-page-title,.ko-page-content h1{font-weight:850;letter-spacing:-.05em}.ko-page-content h1{color:#005aff}.ko-page-content h2{color:#0c275b}.ko-page-content .ko-pill{background:#ffedc7;color:#985500}.ko-card{border-top:5px solid #ffa500;box-shadow:0 16px 40px #06367c12;transition:transform .2s,box-shadow .2s}.ko-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #06367c20}.ko-service-grid .ko-card:nth-child(2){border-top-color:#005aff}.ko-footer{background:#071936!important;color:#e6efff;border-top:5px solid #005aff}.ko-footer p{color:#e6efff}.ko-footer strong{color:#ffa500}.ko-feature-strip{background:linear-gradient(100deg,#ffa500,#ff8a00);color:#091a3a;padding:25px 20px;text-align:center;font-weight:800;letter-spacing:.04em}.ko-feature-strip span{display:inline-block;margin:0 18px}.ko-hero-kicker{font-size:14px!important;letter-spacing:.19em;text-transform:uppercase;color:#ffa500!important;font-weight:800}.ko-hero-note{margin-top:32px;color:#b9c9e5;font-size:13px}.ko-page-content>.wp-block-post-title{display:none}@media(max-width:760px){.ko-header .wp-block-group{justify-content:center}.ko-hero-content{padding:60px 16px 80px}.ko-hero-logo{width:100%}.ko-feature-strip span{margin:8px}}

/* KOWEBS v3 - luminous chrome / racing arc identity */
:root{--ko-orange:#ffa500;--ko-blue:#005aff;--ko-night:#030b20}
body{background:#071126;color:#e9f3ff}
.ko-header{background:linear-gradient(115deg,#030915,#071f4c 68%,#052c79)!important;border-bottom:2px solid #ff9b00;box-shadow:0 12px 35px #0008}
.ko-logo img{width:min(345px,100%);filter:drop-shadow(0 0 13px #005aff66) drop-shadow(0 5px 7px #000a)}
.ko-hero-wrap{background:radial-gradient(ellipse at 76% 28%,#005aff6e,transparent 42%),radial-gradient(ellipse at 15% 76%,#ff97004a,transparent 36%),linear-gradient(145deg,#020818,#081b42 48%,#03102e);border-bottom:4px solid #ffa500}
.ko-hero-wrap:before{background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,transparent,#000 40%,transparent)}
.ko-hero-content{max-width:1220px;padding:85px 24px 110px}
.ko-hero-logo{width:min(1040px,98%);margin:0 auto 25px;filter:drop-shadow(0 0 24px #005aff88) drop-shadow(0 24px 30px #000c)}
.ko-hero-content h1{font-size:clamp(42px,6.2vw,82px);background:linear-gradient(100deg,#fff 25%,#bddcff 65%,#fff);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-.05em;text-shadow:none}
.ko-hero-content .ko-pill{background:#ff9b00;color:#08142a;box-shadow:0 0 28px #ffa5005c}
.ko-hero-rule{background:linear-gradient(90deg,#ff9200,#ffe09a,#005aff,#4edcff);width:170px;box-shadow:0 0 18px #005aff77}
.ko-button{background:linear-gradient(120deg,#ffc029,#ff8900);border:1px solid #ffd47a;box-shadow:0 0 26px #ff9a0066}
.ko-feature-strip{background:linear-gradient(90deg,#ff9400,#ffc24d 47%,#ff9200);box-shadow:0 8px 30px #ff94002a}
.ko-page-content{background:radial-gradient(circle at 95% 0,#005aff25,transparent 40%),linear-gradient(#0a1730,#071126);color:#e8f1ff;min-height:65vh}
.ko-page-content h1,.ko-page-content h2{color:#fff}
.ko-page-content .ko-pill{background:#ffa500;color:#07152f}
.ko-card{background:linear-gradient(145deg,#112b58,#091b39);border:1px solid #2e5aa1;border-top:5px solid #ffa500;color:#f4f8ff;box-shadow:0 12px 34px #0005}
.ko-card h3,.ko-card h2{color:#fff}.ko-card p{color:#cbdaf5}.ko-service-grid .ko-card:nth-child(2){border-top-color:#005aff}
.ko-footer{background:#020815!important;border-top:4px solid #005aff}
@media(max-width:700px){.ko-hero-content{padding:55px 16px 75px}.ko-hero-logo{width:100%}.ko-logo img{width:230px}}

/* V4 construction-inspired header and portfolio showcase */
.ko-build-banner{margin:0!important;background:#020918;border-bottom:3px solid #ffa500}.ko-banner-image{width:100%;height:clamp(220px,38vw,560px);background-image:url('assets/construction-header.webp');background-size:cover;background-position:center center;background-repeat:no-repeat;box-shadow:inset 0 -25px 35px #02091880}.ko-construction-nav{position:sticky;top:0;z-index:100;padding:8px 24px!important;background:linear-gradient(90deg,#020918,#071d44)!important;border-bottom:3px solid #005aff}.ko-construction-nav .wp-block-navigation-item__content{padding:9px 14px;border:1px solid transparent;border-radius:7px;text-transform:uppercase;letter-spacing:.04em}.ko-construction-nav .wp-block-navigation-item__content:hover{background:#ffa500!important;color:#071126!important;box-shadow:0 0 16px #ffa50070}.ko-construction-nav .ko-logo img{width:190px}.ko-hero-content{padding-top:60px}.ko-hero-logo{width:min(700px,95%)}.ko-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:40px 0 65px}.ko-project{border:1px solid #2359ad;border-top:5px solid #ffa500;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#0b2451,#06142c);box-shadow:0 18px 45px #0008}.ko-project:nth-child(2n){border-top-color:#005aff}.ko-project-screen{aspect-ratio:16/10;background:#081f47;overflow:hidden}.ko-project-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.ko-project-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;padding:30px;background:linear-gradient(145deg,#07152eaa,#07152edd),repeating-linear-gradient(45deg,#ffa50033 0 12px,#005aff33 12px 24px)}.ko-project-placeholder span{font-size:12px;letter-spacing:.25em;color:#ffa500;font-weight:800}.ko-project-placeholder strong{font-size:clamp(20px,3vw,32px);color:#fff}.ko-project-placeholder small{color:#c5dcff}.ko-project-info{padding:24px}.ko-project-info h3{margin:0 0 8px;color:#fff}.ko-project-info p{margin:0 0 16px;color:#c4d8f8}.ko-project-link{color:#ffa500;font-weight:800}.ko-project-link:hover{color:#fff}@media(max-width:760px){.ko-banner-image{height:240px;background-position:center}.ko-construction-nav{position:relative}.ko-projects{grid-template-columns:1fr;gap:20px}.ko-construction-nav .ko-logo img{width:140px}}

/* v5 full-scene construction visual identity */
body{background:#030d20!important;color:#edf5ff!important}
.ko-scene-header{width:100%;position:relative;background:#020918;box-shadow:0 9px 34px #005aff55;line-height:0}
.ko-scene-art{width:100%;aspect-ratio:1983/793;background:url("assets/kowebs-construction-full.webp") center center/100% 100% no-repeat}
.ko-scene-links{position:absolute;left:5.5%;right:19%;bottom:8.7%;height:11%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:0;line-height:1}
.ko-scene-links a{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:900;font-size:clamp(9px,1.2vw,20px);text-shadow:0 2px 5px #000;padding:0 .2rem;transition:background .2s}
.ko-scene-links a:hover,.ko-scene-links a:focus-visible{background:#ff990080;outline:2px solid #ffa500;outline-offset:-2px}
.ko-scene-links .ko-active{background:#ff8c0038}
.ko-v5-main,.ko-v5-inner{background:radial-gradient(ellipse at 50% 0%,#0d3272 0%,#061631 52%,#020916 100%);padding:clamp(40px,6vw,95px) 24px!important;border-top:3px solid #005aff}
.ko-v5-main:before{content:"";display:block;max-width:1000px;height:5px;margin:-38px auto 50px;background:linear-gradient(90deg,transparent,#ffa500,#005aff,transparent);box-shadow:0 0 23px #005aff}
.ko-status{width:max-content;max-width:100%;margin:0 auto 24px;padding:12px 22px;border:1px solid #ffa500a8;border-radius:30px;background:#ffa50016;color:#ffbd40;font-size:clamp(11px,1.2vw,15px);letter-spacing:2px;font-weight:800;text-align:center}
.ko-status-light{display:inline-block;width:10px;height:10px;background:#ffa500;border-radius:50%;box-shadow:0 0 15px #ffa500;margin-right:9px}
.ko-v5-heading{font-size:clamp(34px,5vw,78px)!important;font-weight:1000!important;letter-spacing:-2px;line-height:1.12!important;color:white!important;text-shadow:0 5px 20px #000}
.ko-v5-heading span{color:#ffa500;text-shadow:0 0 24px #ff8a0055}
.ko-v5-sub{max-width:850px!important;margin:22px auto 48px!important;font-size:clamp(17px,1.7vw,23px)!important;color:#d1e6ff!important;line-height:1.6}
.ko-v5-steps{max-width:1180px!important;margin:35px auto!important;gap:22px}
.ko-v5-tile{height:100%;box-sizing:border-box;padding:32px!important;background:linear-gradient(145deg,#0d2d5a,#061327)!important;border:1px solid #1565b9;border-top:4px solid #ffa500;border-radius:13px;box-shadow:0 15px 30px #0005}
.ko-v5-tile h3{color:#ffa500!important;font-weight:900!important;font-size:23px!important}
.ko-v5-tile p{color:#d7eaff!important}
.ko-v5-button a{background:linear-gradient(110deg,#ff9b00,#f46b00)!important;color:#07162d!important;font-weight:900!important;padding:18px 36px!important;box-shadow:0 0 25px #ff900066;border-radius:6px!important}
.ko-v5-inner{min-height:450px}
.ko-v5-inner h1,.ko-v5-inner h2,.ko-v5-inner h3{color:#ffa500}
.ko-v5-inner p{color:#e1efff}
.ko-v5-inner .ko-card,.ko-v5-inner .ko-project{background:#091d3d!important;border:1px solid #005aff!important;border-radius:12px}
.ko-v5-inner .ko-project-screen{border-bottom:3px solid #ffa500}
.ko-v5-inner .ko-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.ko-v5-inner .ko-project img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.ko-header,.ko-build-banner{display:none!important}
@media(max-width:680px){.ko-scene-art{aspect-ratio:1983/950;background-size:cover;background-position:center top}.ko-scene-links{left:0;right:0;bottom:0;height:19%;background:#05132de8}.ko-scene-links a{font-size:10px;flex-direction:column;gap:2px}.ko-v5-inner .ko-projects{grid-template-columns:1fr}.ko-v5-steps{flex-direction:column}}

/* v6: approved image is the exact header; links overlay the existing artwork labels */
.ko-approved-header{position:relative;width:100%;line-height:0;background:#030b1c;overflow:hidden}
.ko-approved-banner{width:100%;aspect-ratio:1983/793;background-image:url("assets/approved-kowebs-header.webp");background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.ko-art-nav{position:absolute;left:5.1%;right:18.1%;bottom:9.7%;height:11.5%;display:grid;grid-template-columns:1.23fr .91fr 1.07fr 1.19fr 1.1fr;gap:0;line-height:1}
.ko-art-nav a{display:block;background:transparent!important;position:relative;border:0!important;text-decoration:none!important}
.ko-art-nav a:hover{box-shadow:inset 0 -4px 0 #ffa500}
.ko-art-nav a:focus-visible{outline:3px solid #fff;outline-offset:-4px}
.ko-approved-header + .ko-scene-header{display:none!important}
.ko-v5-main{position:relative;background:radial-gradient(ellipse at 50% 0%,#0c3573,#041329 62%,#030917)!important;border-top:4px solid #ff9900!important}
.ko-v5-main::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#005aff 1px,transparent 1px),linear-gradient(90deg,#005aff 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(#000,transparent 70%)}
.ko-v5-main>*{position:relative;z-index:1}
.ko-v5-tile{border:1px solid #1476ed!important;border-top:5px solid #ff9800!important;box-shadow:0 10px 40px #005aff22,0 3px 20px #000!important}
.ko-v5-inner{border-top:4px solid #ff9900!important}
.ko-v5-inner .ko-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.ko-project{overflow:hidden;border:1px solid #005aff!important;background:#081b39!important;border-radius:12px}
.ko-project-screen{aspect-ratio:16/10;overflow:hidden;border-bottom:4px solid #ffa500}
.ko-project-screen img{width:100%;height:100%;object-fit:cover}
.ko-project-info{padding:22px}
.ko-project-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;background:repeating-linear-gradient(135deg,#071c3a,#071c3a 22px,#0c2952 22px,#0c2952 44px);color:#fff}
.ko-project-placeholder span{color:#ffa500;letter-spacing:2px}
.ko-project-placeholder strong{font-size:clamp(18px,2vw,28px)}
.ko-project-link{color:#ffa500!important;font-weight:800}
@media(max-width:680px){
 .ko-approved-banner{aspect-ratio:1983/793;background-size:100% 100%}
 .ko-art-nav{left:5.1%;right:18.1%;bottom:9.7%;height:11.5%}
 .ko-v5-inner .ko-projects{grid-template-columns:1fr}
}

/* v7 exact artwork. The image is a single full-width, uncropped original. */
html,body{margin:0!important;padding:0!important}
body .wp-site-blocks{padding:0!important;margin:0!important;max-width:none!important;overflow-x:clip}
body .wp-site-blocks>*,body .wp-site-blocks>.wp-block-template-part{margin-block-start:0!important}
.kowebs-exact-header{display:block!important;position:relative!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:0!important;background:#020716!important}
.kowebs-banner-frame{position:relative;width:100%;line-height:0!important}
.kowebs-exact-art{display:block!important;width:100%!important;max-width:none!important;height:auto!important;object-fit:contain!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;border:0!important}
.kowebs-image-links{position:absolute;left:5.05%;right:18.05%;bottom:9.65%;height:11.65%;display:grid;grid-template-columns:1.23fr .91fr 1.07fr 1.19fr 1.1fr;line-height:1}
.kowebs-image-links a{display:block;min-width:0;min-height:0;background:transparent!important;text-decoration:none!important;border:0!important}
.kowebs-image-links a:hover{background:rgba(255,165,0,.16)!important}
.kowebs-image-links a:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.kowebs-exact-header+.ko-approved-header,.ko-approved-header,.ko-scene-header,.ko-build-banner{display:none!important}
.ko-v5-main{margin-top:0!important}
@media(max-width:700px){.kowebs-exact-header{width:100vw!important}.kowebs-image-links{left:5.05%;right:18.05%;bottom:9.65%;height:11.65%}}

/* KOWEBS v10 Option 1: traditional full-width navigation over a cinematic hero */
.ko10-header{width:100%;max-width:none;background:#020b1f;color:#fff;overflow:hidden;border-bottom:4px solid #ff9d00}
.ko10-top{display:flex;align-items:center;gap:clamp(8px,1.3vw,25px);min-height:92px;padding:8px clamp(14px,2vw,35px);background:linear-gradient(115deg,#030a19,#071d40 60%,#020b1c);border-top:2px solid #005aff;border-bottom:2px solid #ff9200;box-shadow:inset 0 -7px 12px #005aff22}
.ko10-brand{display:block;flex:0 1 285px;min-width:145px;line-height:0}
.ko10-brand img{display:block;width:100%;height:auto;max-height:86px;object-fit:contain;filter:drop-shadow(0 0 10px #005aff66)}
.ko10-nav{display:flex;align-items:stretch;justify-content:space-around;flex:1;gap:3px;min-width:0;min-height:58px}
.ko10-nav a{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;padding:14px 8px;color:#fff!important;text-decoration:none!important;font-weight:850;letter-spacing:.02em;font-size:clamp(11px,1.08vw,17px);white-space:nowrap;background:linear-gradient(#071b38,#031127);border:1px solid #18467a;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:filter .15s}
.ko10-nav a.is-active,.ko10-nav a:hover{background:linear-gradient(115deg,#ffb120,#ff7800);border-color:#ffd478;color:#07142c!important;filter:drop-shadow(0 0 7px #ffa50099)}
.ko10-icon{font-size:22px;line-height:1}
.ko10-social{display:flex;align-items:center;gap:8px;margin-left:4px}
.ko10-social span{width:33px;height:33px;border:1px solid #4f81c6;border-radius:50%;display:grid;place-items:center;background:#005aff;font-size:20px;font-weight:900;box-shadow:0 0 9px #005aff88}
.ko10-social span:nth-child(2){background:linear-gradient(40deg,#ffa500,#d9009b,#005aff)}
.ko10-social span:nth-child(3){background:#e00013}
.ko10-hero{position:relative;width:100%;max-height:460px;overflow:hidden;background:#071633;line-height:0}
.ko10-hero img{display:block;width:100%;height:auto;max-height:460px;object-fit:cover;object-position:center center}
.ko10-header + .ko10-header{display:none}
.ko-v5-main{margin-top:0!important}
@media(max-width:1080px){.ko10-top{flex-wrap:wrap;justify-content:center}.ko10-brand{flex-basis:220px}.ko10-nav{order:3;flex-basis:100%;min-height:50px}.ko10-social{margin-left:auto}}
@media(max-width:650px){.ko10-top{gap:7px;padding:10px}.ko10-brand{flex-basis:170px}.ko10-social span{width:28px;height:28px;font-size:16px}.ko10-nav{flex-wrap:wrap;gap:4px}.ko10-nav a{min-width:29%;padding:11px 5px;clip-path:none;font-size:11px}.ko10-icon{font-size:16px}.ko10-hero img{max-height:none;min-height:160px;object-fit:cover}.ko10-hero{max-height:300px}}

/* v10.1: compact Option 1, enforced even if old theme CSS remains cached */
body .ko10-header{width:100%!important;max-width:none!important;display:block!important;margin:0!important}
body .ko10-top{display:flex!important;min-height:72px!important;max-height:none!important;padding:7px 20px!important;background:linear-gradient(110deg,#020817,#09244d 58%,#020916)!important}
body .ko10-brand{flex:0 0 clamp(160px,17vw,260px)!important}
body .ko10-brand img{max-height:68px!important;width:100%!important;object-fit:contain!important}
body .ko10-nav{display:flex!important;flex:1!important;min-height:52px!important}
body .ko10-hero{height:300px!important;max-height:300px!important;overflow:hidden!important;width:100%!important;line-height:0!important}
body .ko10-hero img{width:100%!important;height:300px!important;max-height:300px!important;object-fit:cover!important;object-position:center 48%!important;display:block!important}
@media(max-width:700px){body .ko10-top{flex-wrap:wrap!important;padding:8px!important}body .ko10-nav{flex-basis:100%!important;order:3!important;flex-wrap:wrap!important}body .ko10-nav a{min-width:27%!important}body .ko10-hero,body .ko10-hero img{height:205px!important;max-height:205px!important}}


/* KOWEBS 11: clean header, patterned on Big Shorty's separate banner/navigation structure */
body .wp-site-blocks,body .wp-site-blocks>.wp-block-template-part{max-width:none!important;margin:0!important;padding:0!important}
.ko12-header{position:relative!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#030b1d!important;overflow:visible!important;border-bottom:3px solid #ffa500!important}
.ko12-desktop-nav{position:relative!important;width:100%!important;aspect-ratio:1536/110!important;background-image:url("assets/option1-detailed-navigation.webp")!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important}
.ko12-hotspots{position:absolute!important;inset:0!important;display:block!important}
.ko12-hotspots a{position:absolute!important;display:block!important;top:15%!important;height:70%!important;background:transparent!important;text-decoration:none!important}
.ko12-hotspots a:hover{box-shadow:inset 0 -4px #ffab00!important;background:#ffab001b!important}
.ko12-hotspots a:focus-visible{outline:3px solid white!important}
.ko12-logo-hit{left:0!important;width:24%!important}
.ko12-hit-home{left:24%!important;width:14%!important}
.ko12-hit-about{left:38%!important;width:11%!important}
.ko12-hit-services{left:49%!important;width:13%!important}
.ko12-hit-portfolio{left:62%!important;width:14%!important}
.ko12-hit-contact{left:76%!important;width:12%!important}
.ko12-hero{position:relative!important;isolation:isolate!important;width:100%!important;height:clamp(250px,25vw,390px)!important;max-height:390px!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#03112b!important;border-top:2px solid #0789ff!important;line-height:0!important}
.ko12-hero::before{content:"";position:absolute;z-index:-1;inset:-18px;background:url("assets/kowebs-construction-hero.webp") center/cover no-repeat;filter:blur(16px) brightness(.42)}
.ko12-hero img{position:relative!important;display:block!important;width:auto!important;max-width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important;padding:0!important;flex:none!important}
.ko12-mobile-nav{display:none!important}
@media(max-width:800px){
.ko12-desktop-nav{display:none!important}
.ko12-mobile-nav{display:block!important;padding:10px!important;background:linear-gradient(#051b3c,#020b1c)!important;border-bottom:2px solid #ffa500!important}
.ko12-mobile-logo{display:block!important;width:190px!important;max-width:65%!important;margin:0 auto 9px!important}
.ko12-mobile-logo img{display:block!important;width:100%!important;height:auto!important}
.ko12-mobile-nav nav{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:5px!important}
.ko12-mobile-nav nav a{color:#fff!important;text-decoration:none!important;padding:9px 12px!important;background:#092a5a!important;border:1px solid #005aff!important;border-bottom:2px solid #ffa500!important;font-weight:800!important}
.ko12-hero{height:clamp(160px,33vw,270px)!important;max-height:270px!important}
}

/* v11.1: full-bleed cinematic hero with no blurred side panels */
body .ko12-header{width:100%!important;max-width:none!important;overflow:hidden!important}
body .ko12-hero{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:0!important;display:block!important;overflow:hidden!important;background:#030b1d!important;border-top:2px solid #0789ff!important}
body .ko12-hero::before{content:none!important;display:none!important}
body .ko12-hero img{display:block!important;position:static!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important}
@media(min-width:2200px){body .ko12-hero{max-height:520px!important}body .ko12-hero img{height:520px!important;object-fit:cover!important;object-position:center!important}}
@media(max-width:800px){body .ko12-hero{height:auto!important;max-height:none!important}body .ko12-hero img{height:auto!important;max-height:none!important}}

/* v11.2: restore full top edge of navigation artwork; do not change hero */
body .ko12-desktop-nav{aspect-ratio:1536/124!important;background-image:url("assets/option1-detailed-navigation.webp")!important;background-size:100% 100%!important;background-position:center top!important;}
body .ko12-hotspots a{top:13%!important;height:73%!important;}