/*
Theme Name: Koybash Engineering
Version: 1.0.0
Description: A focused, accessible engineering consultancy website with editable WordPress pages.
Author: Koybash Engineering
*/
:root{--ink:#172328;--muted:#586469;--gold:#e3aa38;--paper:#f5f5f0;--line:#dce1df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font:17px/1.7 Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.12;letter-spacing:-.035em;margin:0 0 24px}h1{font-size:clamp(42px,5.3vw,78px);max-width:820px}h2{font-size:clamp(32px,3.4vw,49px)}h3{font-size:25px}p{margin:0 0 24px}.wrap{max-width:1240px;margin:auto;padding:0 40px}.site-header{background:var(--ink);color:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:108px}.brand{display:flex;align-items:center;text-decoration:none}.brand img{width:235px;display:block}.navigation{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:700}.navigation a{text-decoration:none}.navigation a:hover{color:var(--gold)}.button,.wp-block-button__link{display:inline-block;padding:15px 23px;background:var(--gold);color:var(--ink);font-weight:700;font-size:15px;text-decoration:none;border:1px solid var(--gold);border-radius:0}.button:hover,.wp-block-button__link:hover{background:#f3bd50}.button.secondary{background:transparent;color:#fff;border-color:#889298}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:#9b6813;margin-bottom:22px}.hero{background:var(--ink);color:#fff;padding:65px 0 0}.hero .eyebrow{color:var(--gold)}.hero-copy{max-width:660px;color:#cbd2d3;font-size:19px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 48px}.hero-image{height:360px;width:100%;object-fit:cover;object-position:center 60%;display:block}.image-caption{font-size:11px;color:#647277;margin:6px 0 0}.hero .image-caption{color:#adb9bc;padding-bottom:12px}.strip{background:var(--gold);padding:19px 0;font-size:13px;font-weight:700;letter-spacing:.04em}.strip .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.section{padding:95px 0}.section.soft{background:var(--paper)}.section-head{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;margin-bottom:44px;align-items:end}.section-head p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;align-items:flex-start}.card p{color:var(--muted);font-size:15px}.card .number{color:#987024;font-size:12px;font-weight:700;margin-bottom:30px}.card a{font-size:14px;font-weight:700;margin-top:auto;text-underline-offset:5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.project{padding:34px 0;border-top:1px solid var(--line)}.project p{color:var(--muted);max-width:520px}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8a651f;margin-bottom:15px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about p{color:var(--muted)}.steps{margin:0;padding:0;list-style:none}.steps li{padding:22px 0;border-top:1px solid var(--line)}.steps strong{display:block;font-size:19px;margin-bottom:8px}.steps span{color:var(--muted);font-size:15px}.cta{background:var(--ink);color:#fff;padding:78px 0}.cta .wrap{display:flex;gap:40px;align-items:center;justify-content:space-between}.cta h2{max-width:670px;margin-bottom:12px}.cta p{color:#cbd2d3;margin:0}.site-footer{background:#101b20;color:#cbd2d3;padding:48px 0;font-size:13px}.footer-grid{display:flex;gap:40px;justify-content:space-between}.site-footer strong{color:#fff;display:block;font-size:17px;margin-bottom:10px}.site-footer a{color:var(--gold)}.preview-note{border-top:1px solid #354146;margin-top:30px;padding-top:20px;font-size:11px;color:#a7b4b8}.page-heading{background:var(--ink);color:#fff;padding:65px 0}.page-heading .eyebrow{color:var(--gold)}.page-body{padding:65px 0}.page-body .entry-content{max-width:940px}.entry-content h2{margin-top:50px}.entry-content p,.entry-content li{max-width:800px}.entry-content ul{padding-left:22px}.skip-link{position:absolute;top:-100px;left:10px;z-index:1000;background:white;padding:10px}.skip-link:focus{top:10px}.wp-block-columns{display:flex;gap:28px}.wp-block-column{flex:1}.wp-block-group{margin-bottom:24px} .admin-bar .site-header{top:32px}
@media(max-width:800px){.wrap{padding:0 22px}.header-inner{padding-top:20px;padding-bottom:20px;flex-direction:column;align-items:flex-start;gap:20px}.brand img{width:195px}.navigation{gap:20px;flex-wrap:wrap;font-size:12px}.navigation .button{padding:10px 14px}.hero{padding-top:42px}.hero-image{height:260px}.section{padding:60px 0}.section-head,.about{grid-template-columns:1fr;gap:20px}.cards{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.cta .wrap,.footer-grid{flex-direction:column;align-items:flex-start}.wp-block-columns{flex-direction:column}}@media(max-width:520px){.cards{grid-template-columns:1fr}.navigation{gap:15px}.hero-copy{font-size:17px}.hero-image{height:220px}.strip .wrap{display:block}.strip span{display:block;margin:4px 0}.card{padding:25px}}

/* WordPress enquiry and application forms */
.wpcf7{max-width:800px;padding:30px;border:1px solid var(--line);background:var(--paper)}.wpcf7 label{display:block;font-size:15px;font-weight:700;margin-bottom:20px}.wpcf7 input:not([type=checkbox]):not([type=submit]),.wpcf7 select,.wpcf7 textarea{display:block;width:100%;max-width:100%;margin-top:8px;padding:12px;border:1px solid #aebbbd;background:white;color:var(--ink);font:16px/1.5 Arial,sans-serif;border-radius:0}.wpcf7 textarea{min-height:170px}.wpcf7 input[type=submit]{background:var(--gold);color:var(--ink);padding:16px 25px;font:700 15px Arial,sans-serif;border:0;cursor:pointer}.wpcf7 input[type=submit]:disabled{opacity:.55;cursor:not-allowed}.wpcf7 .wpcf7-list-item{margin:0}.wpcf7 .wpcf7-list-item-label{font-weight:400}.wpcf7-not-valid-tip{color:#9c2424;font-size:14px}.wpcf7 form .wpcf7-response-output{margin:20px 0 0;padding:16px}.wpcf7 p{font-size:15px}.wpcf7 input:focus,.wpcf7 textarea:focus,.wpcf7 select:focus{outline:2px solid #987024;outline-offset:2px}@media(max-width:520px){.wpcf7{padding:20px}}