@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,800&family=Inter:wght@400;600&display=swap');
:root{--g:#173a2e;--g2:#0f2a21;--cream:#f6efe2;--gold:#d4a744;--red:#b8352f;--ink:#1d2622}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 Inter,system-ui,sans-serif;color:var(--ink);background:var(--cream)}
h1,h2,h3{font-family:Fraunces,Georgia,serif;line-height:1.1;margin:0 0 .5em}a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
header.hero{background:var(--g);color:var(--cream);padding:70px 0 0;background-image:radial-gradient(#d4a74455 1px,transparent 1.5px);background-size:38px 38px}
.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-weight:600;font-size:13px}
.hero h1{font-size:clamp(38px,6vw,66px);font-weight:800;max-width:14ch}.hero p{max-width:56ch;font-size:19px;opacity:.9}
.street{display:block;width:100%;height:70px;margin-top:40px;background:repeating-linear-gradient(90deg,var(--cream) 0 70px,#e8dcc4 70px 74px,var(--cream) 74px 140px,#efe3cb 140px 150px);clip-path:polygon(0 40%,8% 40%,8% 10%,16% 10%,16% 30%,26% 30%,26% 0,36% 0,36% 35%,46% 35%,46% 15%,58% 15%,58% 40%,66% 40%,66% 5%,78% 5%,78% 30%,88% 30%,88% 12%,100% 12%,100% 100%,0 100%)}
.awning{height:12px;background:repeating-linear-gradient(90deg,var(--red) 0 18px,var(--cream) 18px 36px)}
nav.jump{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0}nav.jump a{background:var(--cream);color:var(--g);padding:8px 16px;border-radius:999px;text-decoration:none;font-weight:600;font-size:15px}
section.p{padding:64px 0;border-bottom:1px dashed #c9b994}
.grid{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:start}
section.p:nth-of-type(even) .grid{grid-template-columns:1fr 1.1fr}section.p:nth-of-type(even) .img{order:2}
.img img{width:100%;border-radius:6px;box-shadow:0 18px 40px -18px #0f2a2199;transform:rotate(-1deg)}
.tag{display:inline-block;background:var(--red);color:#fff;font-size:13px;font-weight:600;padding:3px 10px;border-radius:3px;margin-bottom:12px}
h2{font-size:clamp(28px,3.6vw,40px);color:var(--g)}.lead{font-size:19px}
ul.inside{padding:0;list-style:none}ul.inside li{padding:7px 0 7px 26px;position:relative;border-bottom:1px solid #e3d6bb}
ul.inside li:before{content:"\2726";position:absolute;left:0;color:var(--gold)}
.buy{display:flex;align-items:center;gap:18px;margin:24px 0 6px;flex-wrap:wrap}
.price{font-family:Fraunces,serif;font-size:42px;font-weight:800;color:var(--g)}
.btn{background:var(--g);color:var(--cream);padding:15px 26px;border-radius:6px;text-decoration:none;font-weight:600;border-bottom:4px solid var(--gold)}.btn:hover{background:var(--g2)}
.small{font-size:14px;opacity:.75}
.who{background:#fff8ea;padding:50px 0}.who h3{color:var(--g);font-size:28px}
footer{background:var(--g2);color:var(--cream);padding:34px 0;font-size:15px}footer a{color:var(--gold)}
.dl{list-style:none;padding:0}.dl li{margin:12px 0}.dl a{display:block;background:#fff;border:2px solid var(--g);padding:16px 20px;border-radius:6px;text-decoration:none;font-weight:600;color:var(--g)}
@media(max-width:780px){.grid,section.p:nth-of-type(even) .grid{grid-template-columns:1fr;gap:26px}section.p:nth-of-type(even) .img{order:0}header.hero{padding-top:44px}}