:root{--green:#1f3a2d;--green2:#2c5340;--tan:#d4b483;--tan2:#efe3cc;--cream:#faf7f1;--ink:#222;--mut:#6b6b60}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--cream);line-height:1.6}
h1,h2,h3,.nav,.btn,.badge,label,button{font-family:'Segoe UI',Helvetica,Arial,sans-serif}
a{color:var(--green2)}img{max-width:100%;display:block}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
header{background:var(--green);position:sticky;top:0;z-index:10}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.brand img{height:54px}.brand span{font:700 1.05rem 'Segoe UI',sans-serif;line-height:1.15}.brand small{display:block;font-weight:400;color:var(--tan);font-size:.75rem;letter-spacing:.08em}
.nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.nav a{color:#fff;text-decoration:none;font-size:.95rem}.nav a:hover,.nav a.on{color:var(--tan)}
.btn{display:inline-block;background:var(--tan);color:var(--green);padding:12px 22px;border-radius:4px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:1rem}
.nav a.btn,.nav a.btn:hover,.nav a.btn.on{color:var(--green)}.btn:hover{background:#e3c898}.btn.alt{background:transparent;color:#fff;border:2px solid var(--tan)}
.hero{background:linear-gradient(rgba(31,58,45,.62),rgba(31,58,45,.62)),url(../images/deck-bench.jpg) center 35%/cover;color:#fff;padding:90px 0}
.hero h1{font-size:2.6rem;line-height:1.15;margin:0 0 14px;max-width:760px}.hero p{font-size:1.15rem;max-width:620px;margin:0 0 26px;color:#f1ead8}
.strip{background:var(--tan2);border-bottom:1px solid #d9caa8}
.strip .wrap{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;padding-top:14px;padding-bottom:14px;font:600 .92rem 'Segoe UI',sans-serif;color:var(--green)}
section{padding:60px 0}section.alt{background:#fff}
h2{font-size:1.9rem;color:var(--green);margin:0 0 8px}.sub{color:var(--mut);margin:0 0 30px;max-width:640px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card{background:#fff;border:1px solid #e5dcc6;border-radius:6px;overflow:hidden}
section.alt .card{background:var(--cream)}
.card img{height:200px;width:100%;object-fit:cover}.card .b{padding:18px}.card h3{margin:0 0 6px;color:var(--green)}.card p{margin:0;color:#444;font-size:.97rem}
.gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:16px}.gallery figure{flex:0 0 calc((100% - 32px)/3)}@media(max-width:900px){.gallery figure{flex-basis:calc((100% - 16px)/2)}}@media(max-width:560px){.gallery figure{flex-basis:100%}}.gallery img{width:100%;display:block;object-fit:cover}.gallery.land img{aspect-ratio:4/3}.gallery.port img{aspect-ratio:3/4}.gallery figure{margin:0;break-inside:avoid;background:#fff;border:1px solid #e5dcc6;border-radius:6px;overflow:hidden}
.gallery figcaption{padding:10px 14px;font:600 .88rem 'Segoe UI',sans-serif;color:var(--green)}
.review{background:#fff;border-left:4px solid var(--tan);padding:18px 22px;border-radius:4px}.review p{margin:0 0 8px;font-style:italic}.review b{font:600 .9rem 'Segoe UI',sans-serif;color:var(--green)}
details{background:#fff;border:1px solid #e5dcc6;border-radius:6px;padding:14px 18px;margin-bottom:10px}summary{cursor:pointer;font:600 1rem 'Segoe UI',sans-serif;color:var(--green)}details p{margin:10px 0 0}
.cta{background:var(--green);color:#fff;text-align:center}.cta h2{color:#fff}.cta p{color:#e6dcc2;margin:0 0 22px}
form{display:grid;gap:14px;max-width:640px}label{font-weight:600;font-size:.92rem;color:var(--green)}
input,select,textarea{width:100%;padding:11px;border:1px solid #cfc3a6;border-radius:4px;font:inherit;background:#fff}textarea{min-height:130px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:600px){.two{grid-template-columns:1fr}.hero h1{font-size:2rem}.nav{gap:12px}}
footer{background:#16291f;color:#cfc7b0;padding:36px 0;font-size:.93rem}footer a{color:var(--tan)}footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}
.ph{background:#fff3a8;padding:0 4px;border-radius:2px}
.note{background:#fff3a8;border:1px dashed #b59b00;padding:10px 14px;border-radius:4px;font:.85rem 'Segoe UI',sans-serif;margin:0 0 20px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}@media(max-width:760px){.split{grid-template-columns:1fr}}
.split img{border-radius:6px}
ul.check{list-style:none;padding:0;margin:0}ul.check li{padding-left:26px;position:relative;margin-bottom:8px}ul.check li:before{content:"\2713";position:absolute;left:0;color:var(--green2);font-weight:700}

.cta .formcard{background:#fff;color:var(--ink);text-align:left;max-width:700px;margin:26px auto 0;padding:26px;border-radius:6px}.cta .formcard form{max-width:none}.cta p{max-width:760px;margin-left:auto;margin-right:auto}

.strip .wrap{gap:8px 14px}.strip .wrap span:not(:last-child)::after{content:"\00B7";margin-left:14px;font-weight:700}
@media(max-width:760px){header{position:static}header .wrap{flex-direction:column;align-items:center;gap:8px}.brand img{height:42px}.nav{justify-content:center;gap:8px 16px}.nav a.btn{padding:8px 14px;font-size:.9rem}}