:root{
  --paper:#fbf6ee; --card:#ffffff; --ink:#2a211a; --dim:#6b5a4b; --faint:#9a8878;
  --rule:#e6dbcb; --crust:#c8863c; --crust-dark:#a76a26; --berry:#9c3d3d;
  --shadow:0 2px 10px rgba(60,40,20,.07), 0 12px 34px rgba(60,40,20,.06);
}
@media (prefers-color-scheme: dark){
  :root{
    --paper:#17130f; --card:#211b16; --ink:#f0e7dc; --dim:#b6a595; --faint:#8a7a6c;
    --rule:#33291f; --crust:#e0a355; --crust-dark:#f0bd76; --berry:#d97a7a;
    --shadow:0 2px 10px rgba(0,0,0,.3), 0 12px 34px rgba(0,0,0,.28);
  }
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font:17px/1.7 "Georgia","Iowan Old Style",serif;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:900px;margin:0 auto;padding:0 22px}
.sans{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}

/* шапка */
.top{border-bottom:1px solid var(--rule);background:var(--card)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:16px 22px;flex-wrap:wrap}
.logo{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:700;letter-spacing:.02em;font-size:19px;display:flex;align-items:center;gap:9px}
.logo b{color:var(--crust-dark)}
.top nav{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:14.5px;display:flex;gap:18px;flex-wrap:wrap}
.top nav a{color:var(--dim);text-decoration:none}
.top nav a:hover{color:var(--crust-dark)}

/* герой */
.hero{position:relative;margin:0 0 8px}
.hero img{width:100%;max-height:520px;object-fit:cover;border-radius:0 0 20px 20px}
.hero .caption{position:absolute;left:0;right:0;bottom:0;padding:60px 22px 26px;
  background:linear-gradient(to top, rgba(20,12,6,.86), rgba(20,12,6,.45) 55%, transparent);
  border-radius:0 0 20px 20px}
.hero .caption .inner{max-width:900px;margin:0 auto}
.hero h1{color:#fff;margin:0 0 8px;font-size:38px;line-height:1.15;font-weight:400}
.hero p{color:#f2e6d8;margin:0;font-size:18px;max-width:56ch}

h2{font-size:25px;font-weight:400;margin:44px 0 12px;line-height:1.25}
h2 .num{color:var(--crust);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:700;font-size:15px;letter-spacing:.1em;display:block;margin-bottom:4px}
h3{font-size:18px;margin:22px 0 6px;font-weight:700}
p{margin:12px 0}
ul,ol{padding-left:22px}
li{margin:7px 0}

figure{margin:24px 0}
figure img{border-radius:14px;box-shadow:var(--shadow)}
figcaption{margin-top:9px;font-size:13.5px;color:var(--faint);text-align:center;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}

/* две колонки с фото */
.duo{display:grid;grid-template-columns:1fr;gap:26px;margin:22px 0}
@media (min-width:720px){ .duo{grid-template-columns:1fr 1fr;gap:30px} }
.duo .col img{border-radius:14px;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover;width:100%}
.duo .col h3{margin-top:14px}
.duo .col p{font-size:16px;color:var(--dim);margin:6px 0 0}

/* галерея */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:20px 0}
.grid img{border-radius:12px;box-shadow:var(--shadow);aspect-ratio:1/1;object-fit:cover;width:100%}

/* начинки */
.fill{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0}
.fill .item{background:var(--card);border:1px solid var(--rule);border-radius:13px;padding:15px 17px}
.fill .item h3{margin:0 0 4px;font-size:16px}
.fill .item p{margin:0;font-size:14.5px;color:var(--dim);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}

.tip{background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--crust);
  border-radius:0 13px 13px 0;padding:15px 19px;margin:22px 0;box-shadow:var(--shadow)}
.tip p{margin:0;font-size:16.5px}
.tip b{color:var(--crust-dark)}

table{border-collapse:collapse;width:100%;font-size:16px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.tablewrap{overflow-x:auto;background:var(--card);border:1px solid var(--rule);
  border-radius:13px;margin:18px 0;box-shadow:var(--shadow)}
th,td{text-align:left;padding:11px 15px;border-bottom:1px solid var(--rule)}
th{font-weight:700;background:rgba(200,134,60,.10)}
tr:last-child td{border-bottom:0}

footer{margin-top:52px;border-top:1px solid var(--rule);background:var(--card)}
footer .wrap{padding:24px 22px 36px;color:var(--faint);font-size:13.5px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
footer a{color:var(--dim)}
footer h4{margin:0 0 8px;font-size:13.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}
footer ul{list-style:none;padding:0;margin:0}
footer li{margin:3px 0;line-height:1.5}