:root{--clay:#b4643c;--ink:#2a2420;--soft:#6f645c;--bg:#f6f1ea;--card:#fffdf9;--line:#e6dccf}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Iowan Old Style","Times New Roman",serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
header{border-bottom:1px solid var(--line);background:rgba(246,241,234,.95);position:sticky;top:0}
.nav{display:flex;justify-content:space-between;align-items:center;min-height:70px;flex-wrap:wrap;gap:12px}
.brand{font-size:22px;letter-spacing:.04em;text-decoration:none;display:flex;align-items:center;gap:10px}
.brand i{width:26px;height:26px;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 35% 30%,#d9906a,var(--clay) 60%,#7d3f22);display:inline-block}
nav a{margin-left:22px;text-decoration:none;color:var(--soft);font-family:system-ui,sans-serif;font-size:15px}
.hero{padding:80px 0 60px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(38px,5vw,60px);line-height:1.08;margin:0 0 18px;font-weight:400}
.hero p{font-size:19px;color:var(--soft)}
.vessel{aspect-ratio:4/5;border-radius:48% 48% 30% 30%/58% 58% 22% 22%;background:linear-gradient(160deg,#e9c9ae,#c37a50 45%,#7d3f22);box-shadow:0 40px 80px rgba(125,63,34,.25)}
.btn{display:inline-block;margin-top:22px;padding:12px 24px;border:1px solid var(--ink);border-radius:999px;text-decoration:none;font-family:system-ui,sans-serif;font-size:15px}
.btn.dark{background:var(--ink);color:#fff}
section{padding:56px 0}h2{font-weight:400;font-size:34px;margin:0 0 10px}.lead{color:var(--soft);max-width:42em}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin-top:28px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}.card h3{margin:0 0 6px;font-weight:400;font-size:21px}
.card p{margin:0;color:var(--soft);font-size:16px}.price{font-family:system-ui,sans-serif;font-weight:600;margin-top:10px}
.swatch{height:120px;border-radius:12px;margin-bottom:16px}
table{width:100%;border-collapse:collapse;background:var(--card);font-family:system-ui,sans-serif;font-size:15px}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
footer{border-top:1px solid var(--line);padding:36px 0;color:var(--soft);font-family:system-ui,sans-serif;font-size:14px}
article{max-width:720px;margin:0 auto;padding:56px 24px}article h1{font-weight:400;font-size:40px;line-height:1.15}.meta{color:var(--soft);font-family:system-ui,sans-serif;font-size:14px}
form{display:grid;gap:12px;max-width:520px;font-family:system-ui,sans-serif}input,textarea,select{font:inherit;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fff}
@media(max-width:820px){.hero{grid-template-columns:1fr}nav a{margin-left:12px}}