:root{--accent:#1f6feb;--muted:#6b7280;--bg:#ffffff;--card:#f8fafc;}
*{box-sizing:border-box}body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; margin:0; color:#111827; background:var(--bg);} .container{max-width:1100px;margin:0 auto;padding:0 20px;} .site-header{position:sticky;top:0;background:rgba(255,255,255,0.9);backdrop-filter: blur(6px);border-bottom:1px solid #e6e9ef;z-index:1000;} .site-header .container{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;} .logo{height:48px;} .nav a{margin-left:18px;color:#111827;text-decoration:none;font-weight:600;} .hero{height:70vh;background-image:url('https://source.unsplash.com/1600x900/?okanagan,lake');background-size:cover;background-position:center;display:flex;align-items:center;} .hero-overlay{background:rgba(0,0,0,0.45);color:white;width:100%;text-align:center;padding:40px 20px;} .hero-logo{height:72px;margin-bottom:12px;} .hero h1{font-size:36px;margin:6px 0;} .hero p{opacity:0.95;margin-bottom:16px;} .btn{display:inline-block;background:var(--accent);color:white;padding:10px 18px;border-radius:10px;text-decoration:none;font-weight:700;} .section{padding:60px 0;} .section.light{background:#fbfbfe;} .two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;} .project-photo img{width:100%;border-radius:8px;box-shadow:0 10px 30px rgba(2,6,23,0.08);} .mapwrap iframe{width:100%;height:260px;border:0;border-radius:8px;} .slider{position:relative;display:flex;align-items:center;justify-content:center;} .slider img{width:100%;max-height:500px;object-fit:cover;border-radius:8px;box-shadow:0 10px 30px rgba(2,6,23,0.08);} .slide-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.45);color:white;border:none;padding:10px 14px;cursor:pointer;} #prev{left:8px;} #next{right:8px;} .caption{text-align:center;margin-top:12px;color:var(--muted);} .form-row{display:flex;gap:12px;} .form-row input{flex:1;} input[type=text],input[type=email],input[type=tel],textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #e6e9ef;font-size:14px;} textarea{min-height:120px;resize:vertical;} .form-message{margin-top:12px;padding:12px;background:#ecfdf5;border:1px solid #bbf7d0;color:#065f46;border-radius:8px;} .contact-info{margin-top:18px;color:var(--muted);} .site-footer{padding:28px 0;background:#0f172a;color:#fff;margin-top:20px;} @media(max-width:900px){.two-col{grid-template-columns:1fr}.form-row{flex-direction:column}.nav a{display:none}}