*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f5f2;color:#222;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.nav{background:#11181d;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 5%;gap:16px;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand img{width:64px;height:64px;object-fit:contain;border-radius:50%}.brand b{font-size:15px}.brand small{display:block;color:#ccc;font-size:10px;letter-spacing:1px}.navlinks{display:flex;gap:18px;align-items:center;font-size:14px}.cta,.button{display:inline-block;background:#c31e2b;color:white;border:0;border-radius:4px;padding:15px 21px;font-weight:800;cursor:pointer}.navlinks .cta{padding:12px}.hero{position:relative;min-height:610px;display:flex;align-items:center;color:white;background:#222 url('assets/deck-walkway-hero.jpeg') center/cover}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,17,.9),rgba(10,14,17,.45) 65%,rgba(10,14,17,.08))}.hero-content{position:relative;max-width:780px;margin-left:7%;padding:65px 20px 65px 0}.kicker{color:#ff7b80;text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:800}.hero h1{font-size:clamp(38px,5.6vw,68px);line-height:1.06;margin:20px 0}.hero p{font-size:20px;line-height:1.55;max-width:650px}.secondary{background:transparent;border:2px solid white;margin-left:10px}.wrap{max-width:1200px;margin:auto;padding:75px 24px}h2{font-size:clamp(29px,4vw,42px);margin:10px 0 14px}p{line-height:1.6}.muted{color:#5e6266}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.tile{background:white;border:1px solid #ddd;border-radius:8px;overflow:hidden}.tile img{width:100%;height:235px;object-fit:cover;display:block}.tile .body{padding:22px}.tile h3{margin:0 0 10px;font-size:21px}.tile p{color:#60666b;font-size:15px;margin:0 0 18px}.tile a{color:#b21b26;font-weight:bold}.dark{background:#151c21;color:white}.dark .muted{color:#c7cccf}.pill{display:inline-block;border:1px solid #d0d3d5;border-radius:99px;padding:8px 13px;margin:4px;font-size:13px}.dark .pill{border-color:#697177}.about{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.about img{width:100%;border-radius:8px}.form{background:white;border:1px solid #ddd;border-radius:12px;padding:30px;max-width:920px;margin:26px auto}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.check{border:1px solid #d9d9d9;padding:15px;border-radius:6px;display:flex;align-items:center;gap:12px}.check input{width:18px;height:18px;accent-color:#c31e2b}textarea,input[type=text]{width:100%;padding:14px;font:inherit;border:1px solid #ccc;border-radius:6px}textarea{min-height:100px;margin-top:12px}.form .button{font-size:16px;margin-top:18px}.note{font-size:13px;color:#73777b}.footer{background:#0c1115;color:#ddd;text-align:center;padding:40px 20px}.footer a{text-decoration:underline}.sectionlinks{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.navlinks{gap:10px}.navlinks a:not(.cta){display:none}.about{grid-template-columns:1fr}}@media(max-width:600px){.grid,.checks{grid-template-columns:1fr}.hero{min-height:550px}.hero-content{margin-left:6%;padding-right:20px}.hero h1{font-size:42px}.secondary{margin:12px 0 0}.brand b{font-size:12px}.brand img{width:50px;height:50px}.navlinks .cta{font-size:12px;padding:10px}.wrap{padding:55px 18px}}
.compare{display:grid;grid-template-columns:1fr 1fr;height:235px}.compare figure{margin:0;position:relative;overflow:hidden}.compare img{height:100%;width:100%;object-fit:cover}.compare figcaption{position:absolute;bottom:8px;left:8px;background:#141a1edc;color:white;padding:5px 8px;font-size:11px;font-weight:bold;letter-spacing:1px;border-radius:3px}.visit-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.visit-fields label{font-weight:bold;font-size:14px}.visit-fields input{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #ccc;border-radius:5px;font:inherit}@media(max-width:700px){.visit-fields{grid-template-columns:1fr}}
.review-card{max-width:760px;background:#fff;border:1px solid #e3e3e3;border-left:5px solid #c31e2b;border-radius:10px;padding:24px;margin:24px 0}.review-stars{color:#e4a31c;font-size:23px;letter-spacing:3px}.review-card blockquote{margin:15px 0;font-size:21px;line-height:1.5;font-weight:600}.review-card a{color:#b21b26;font-weight:bold}
.hero{background-position:center 53%}.nav .brand img{background:#fff}.compare img{object-position:center}
.about:has(>div:only-child){display:block;max-width:900px}.fence-illustration{height:235px;overflow:hidden;background:#cde4ec}.fence-illustration svg{width:100%;height:100%;object-fit:cover}