/*
Theme Name: Urban Eye Systems
Version: 2.0
Text Domain: urban-eye-systems
*/
:root{--red:#b70e18;--ink:#141416;--soft:#f5f4f3}*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,sans-serif;color:var(--ink);background:#fff}a{color:inherit}a:focus-visible{outline:3px solid #e53942;outline-offset:5px}.wrap{width:min(1140px,90%);margin:auto}.top,.brand,nav,.actions{display:flex;align-items:center;gap:1rem}.top{justify-content:space-between;padding:14px 0}.brand,nav a,.btn{text-decoration:none}.brand{font-weight:800;line-height:1.2}.brand img{border-radius:50%;width:58px;height:58px}.brand small{display:block;color:#555;font-weight:500}.hero{background:var(--ink);color:#fff}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:2.5rem;padding:clamp(2.5rem,7vw,6rem) 0}.hero img{display:block;width:100%;height:clamp(235px,35vw,455px);object-fit:cover;border-radius:10px}.eyebrow{font-weight:800;color:var(--red);letter-spacing:.07em;font-size:.8rem}.hero .eyebrow{color:#ff8389}h1,h2,h3{line-height:1.13;margin:.45em 0}h1{font-size:clamp(2.6rem,6vw,5.1rem);letter-spacing:-.055em}h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.035em}h3{font-size:1.4rem}.hero p{color:#ddd;max-width:42ch}.actions{flex-wrap:wrap;margin-top:1.6rem}.btn{display:inline-block;padding:.74rem 1.1rem;border-radius:5px;background:var(--red);color:white;font-weight:750}.btn:hover{background:#950b13}.ghost{background:transparent;border:1px solid #777}.section{padding:clamp(3rem,6vw,5rem) 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.8rem}.card{padding:1.45rem;background:var(--soft);border-top:3px solid var(--red);border-radius:5px}.card p{color:#4b4b50}.contact{background:var(--soft);border-block:1px solid #e5e2e0}.contact .wrap{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.contact .btn{white-space:nowrap}footer{padding:1.3rem 0;color:#525257;font-size:.9rem}@media(max-width:700px){.hero-grid,.grid{grid-template-columns:1fr}.top,.contact .wrap{align-items:flex-start;flex-direction:column}.hero-grid{gap:1.6rem}}
