:root{color:#1b302b;background:#f7f5f0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}header{color:#fff;background:#1b302b;justify-content:space-between;align-items:center;gap:20px;padding:20px max(5vw,24px);display:flex}.mark{letter-spacing:.12em;text-transform:uppercase;font-size:1.05rem;font-weight:800;line-height:1.05}.mark small{letter-spacing:.3em;margin-top:6px;font-size:.67rem;font-weight:400;display:block}header a:last-child{border-bottom:1px solid #b8c5b7;padding-bottom:5px;font-size:.88rem;text-decoration:none}.hero{color:#fff;background:linear-gradient(90deg,#0c1f1bde 0%,#0c1f1b75 48%,#0c1f1b0d 85%),url(/patio.png) 50%/cover;align-items:center;min-height:630px;padding:70px max(5vw,24px);display:flex}.hero-inner{max-width:730px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#d5cfb9;font-size:.78rem;font-weight:700}h1{letter-spacing:-.045em;margin:24px 0;font-family:Georgia,serif;font-size:clamp(3.3rem,7vw,6.8rem);font-weight:400;line-height:.98}p{line-height:1.6}.hero p{color:#f3f1e9;max-width:590px;font-size:1.19rem}.cta{color:#182720;cursor:pointer;background:#d4ba83;border:0;justify-content:center;align-items:center;min-height:52px;margin-top:18px;padding:17px 24px;font-weight:700;text-decoration:none;display:inline-flex}:is(.cta:hover,.cta:focus-visible){background:#e7cf9a}.intro{grid-template-columns:1.2fr 1fr;gap:7vw;max-width:1500px;margin:auto;padding:95px max(5vw,24px);display:grid}.intro h2,.contact h2{letter-spacing:-.035em;margin:10px 0 24px;font:400 clamp(2.5rem,4vw,4.3rem)/1.08 Georgia,serif}.intro p{max-width:660px;font-size:1.1rem}.types{border-top:1px solid #bcc7bf;margin:0;padding:14px 0;list-style:none}.types li{border-bottom:1px solid #bcc7bf;justify-content:space-between;padding:18px 0;font-size:1.18rem;display:flex}.types li:after{content:"↗";color:#8a7550}.contact{color:#fff;background:#203b34;padding:90px max(5vw,24px)}.contact-wrap{grid-template-columns:.9fr 1.1fr;gap:8vw;max-width:1220px;margin:auto;display:grid}.contact p{color:#e0e7e1;max-width:470px}.note{font-size:.92rem}.form{grid-template-columns:1fr 1fr;gap:20px;display:grid}label{font-size:.9rem;font-weight:700;display:block}input,select,textarea{color:#182720;background:#fff;border:1px solid #a7b7af;border-radius:0;width:100%;min-height:51px;margin-top:8px;padding:14px;display:block}textarea{resize:vertical;min-height:122px}.wide{grid-column:1/-1}.form .cta{width:100%;margin-top:0}.form small{color:#dbe3dd;line-height:1.5;display:block}footer{color:#dce4dd;background:#162b25;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:28px max(5vw,24px);font-size:.85rem;display:flex}footer a{color:#dce4dd}.image-note{color:#78837c;text-align:right;padding:8px max(5vw,24px);font-size:.75rem}@media (max-width:800px){header{padding:17px 24px}.hero{background-position:63%;min-height:600px}.intro,.contact-wrap{grid-template-columns:1fr;gap:32px}.intro,.contact{padding-top:65px;padding-bottom:65px}}@media (max-width:520px){.hero{background:linear-gradient(90deg,#0c1f1bcc,#0c1f1b7a),url(/patio.png) 63%/cover;min-height:580px}.hero p{font-size:1.05rem}.form{grid-template-columns:1fr}.wide{grid-column:auto}header a:last-child{font-size:.75rem}.mark{font-size:.84rem}}.trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.form-status{min-height:1.5em;font-weight:700}.cta:disabled{opacity:.65;cursor:wait}input[type=file]{padding:11px}
