:root{--wine:#600b00;--rust:#a54122;--clay:#cc6b4d;--blush:#f7d9d2;--paper:#faf6f2;--ink:#2b1a17}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:'Source Sans 3','Source Sans Pro',sans-serif;background:var(--paper);color:var(--ink);font-size:18px;line-height:1.65}
a{color:var(--rust)}
.wrap{max-width:1040px;margin:0 auto;padding:0 22px}
.bar{height:10px;background:var(--wine)}
header.top{background:var(--paper);position:sticky;top:0;z-index:10;border-bottom:1px solid #e9d9d2}
header.top .wrap{display:flex;justify-content:space-between;align-items:center;min-height:72px;gap:16px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--wine)}
.logo img{width:44px;height:44px}
.logo b{font-family:'Josefin Sans',sans-serif;font-weight:300;font-size:34px;letter-spacing:.06em;line-height:1;display:block}
.logo span{font-family:'Josefin Sans',sans-serif;font-size:12.5px;letter-spacing:.09em;color:var(--clay);display:block;margin-top:2px}
nav a{margin-left:22px;text-decoration:none;color:var(--wine);font-size:16px}
nav a:hover{color:var(--clay)}
nav .cta{background:var(--wine);color:#fff;padding:9px 18px;border-radius:999px}
.hero{padding:84px 0 70px;background:linear-gradient(180deg,var(--blush),var(--paper))}
.hero h1{font-family:'Josefin Sans',sans-serif;font-weight:300;color:var(--wine);font-size:clamp(34px,5.6vw,58px);line-height:1.12;max-width:15em}
.hero p{max-width:36em;margin:20px 0 28px;font-size:20px}
.btn{display:inline-block;background:var(--wine);color:#fff;padding:14px 26px;border-radius:999px;text-decoration:none;margin:0 10px 10px 0}
.btn.o{background:transparent;color:var(--wine);border:2px solid var(--wine)}
.badge{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:15px;color:var(--rust)}
section{padding:68px 0}
h2{font-family:'Josefin Sans',sans-serif;font-weight:400;color:var(--wine);font-size:clamp(26px,3.6vw,36px);margin-bottom:10px}
h3{font-family:'Josefin Sans',sans-serif;color:var(--rust);font-weight:600;font-size:21px;margin-bottom:6px}
.intro{max-width:38em;margin-bottom:34px}
.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px}
.box{background:#fff;border-top:5px solid var(--clay);padding:26px 24px;border-radius:0 0 6px 6px;box-shadow:0 1px 4px rgba(96,11,0,.1)}
.box ul{padding-left:18px;margin-top:10px;font-size:16.5px}
.box li{margin-bottom:4px}
.alt{background:#fff}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:6px}
.opts div{border-left:4px solid var(--clay);padding:4px 0 4px 16px}
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
blockquote{background:var(--blush);padding:22px;border-radius:6px;font-size:16.5px}
blockquote cite{display:block;margin-top:12px;font-style:normal;font-size:14.5px;color:var(--rust)}
.about{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start}
.facts{background:var(--wine);color:#fff;padding:26px;border-radius:6px}
.facts h3{color:var(--blush)}
.contact{background:var(--wine);color:#fff}
.contact h2{color:#fff}
.contact a{color:#fff}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.big{font-family:'Josefin Sans',sans-serif;font-size:28px;display:block;margin:2px 0 14px;text-decoration:none}
.btn.w{background:#fff;color:var(--wine)}
footer{background:#3d0700;color:#e6cfc8;font-size:13.5px;text-align:center;padding:18px}
footer a{color:#e6cfc8}
@media(max-width:760px){nav a:not(.cta){display:none}.about,.cgrid{grid-template-columns:1fr}.hero{padding:52px 0 44px}section{padding:46px 0}.logo b{font-size:28px}}
