/*
Theme Name: Imprinted Concrete
Theme URI: https://imprintedconcrete.co.uk/
Author: ImprintedConcrete.co.uk
Description: Responsive WordPress theme for a pattern imprinted concrete driveway, patio and landscaping business.
Version: 1.0.0
Text Domain: imprinted-concrete
*/
:root{--dark:#111820;--dark2:#1b242d;--yellow:#ffc400;--text:#18212a;--muted:#65717c;--light:#f5f6f7;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.container{max-width:var(--max);margin:auto;padding:0 22px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(17,24,32,.97);color:#fff;border-bottom:1px solid #303943}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:25px;font-weight:900;letter-spacing:-1px;line-height:1}.logo span{color:var(--yellow)}.logo small{font-size:13px}.tag{display:block;font-size:8px;letter-spacing:3px;color:#aeb6bd;margin-top:6px;font-style:normal}.site-menu{display:flex;gap:25px;font-size:14px;font-weight:700;list-style:none;padding:0;margin:0}.site-menu a:hover{color:var(--yellow)}.phone{font-weight:900;white-space:nowrap}.phone small{display:block;color:#c8cdd1;font-weight:400;font-size:10px;text-align:right}
.hero{min-height:610px;display:flex;align-items:center;position:relative;overflow:hidden;background:#252c32}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.36) 55%,rgba(0,0,0,.15)),var(--hero-image) center 35%/cover no-repeat;filter:saturate(.95)}.hero-content{position:relative;color:#fff;max-width:650px;padding:90px 22px}.eyebrow{color:var(--yellow);font-weight:900;letter-spacing:2px;text-transform:uppercase;font-size:13px}h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:12px 0 20px;letter-spacing:-2px}.hero p{font-size:20px;max-width:580px;color:#f0f2f3}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:15px 23px;border-radius:5px;font-weight:900;border:2px solid var(--yellow);background:var(--yellow);color:#111;transition:transform .15s ease}.btn.alt{background:transparent;color:#fff;border-color:#fff}.btn:hover{transform:translateY(-1px)}
section{padding:72px 0}.section-head{text-align:center;max-width:700px;margin:0 auto 40px}.section-head h2{font-size:38px;line-height:1.1;margin:0 0 10px}.section-head p{color:var(--muted)}.services{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.card{background:#fff;border:1px solid #e5e8ea;border-radius:8px;overflow:hidden;box-shadow:0 7px 25px rgba(0,0,0,.06)}.card img{width:100%;height:145px;object-fit:cover}.card-body{padding:20px}.card h3{margin:0 0 8px;font-size:18px}.card p{margin:0;color:var(--muted);font-size:14px}.dark{background:var(--dark);color:#fff}.why{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.why h2{font-size:40px;margin-top:0}.ticks{padding:0;margin:25px 0 0;list-style:none}.ticks li{margin:14px 0;font-weight:700}.ticks li:before{content:"✓";display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--yellow);color:#111;margin-right:12px}.panel{border-radius:10px;overflow:hidden}.panel img{display:block;width:100%;height:370px;object-fit:cover}.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.gallery img{width:100%;height:180px;object-fit:cover;border-radius:6px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.step{text-align:center}.num{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-weight:900;margin:0 auto 15px}.step h3{margin:0 0 6px}.step p{margin:0;color:var(--muted);font-size:14px}.how-it-works{background:#f5f6f7}.cta{background:linear-gradient(90deg,#141c23,#29343e);color:#fff;text-align:center}.cta h2{font-size:42px;margin:0 0 10px}.cta p{margin:0 0 25px;color:#d6dadd}.notice{max-width:760px;margin:18px auto 0;padding:12px 16px;border-radius:5px;background:#fff;color:#18212a;font-weight:700}.site-footer{background:#0d1319;color:#adb5bc;padding:28px 0}.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-logo{color:#fff;font-weight:900}.footer-logo span{color:var(--yellow)}
.quote-form{max-width:760px;margin:25px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}.field-full{grid-column:1/-1}.quote-form input,.quote-form textarea{width:100%;padding:14px;border:1px solid #d6dce0;border-radius:5px;font:inherit}.quote-form textarea{min-height:130px;resize:vertical}.quote-form button{cursor:pointer}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.site-menu{display:none}.services{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.why{grid-template-columns:1fr}.panel{order:2}}
@media(max-width:560px){.phone{font-size:14px}.services,.gallery,.steps,.quote-form{grid-template-columns:1fr}.hero{min-height:650px}.hero-content{padding-top:110px}.hero p{font-size:17px}.section-head h2,.why h2,.cta h2{font-size:32px}.footer-row{flex-direction:column;align-items:flex-start}}