*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Arial Narrow",Arial,sans-serif;background:#2a2c2e;color:#1a1c1e;line-height:1.7;font-size:17px}
a{color:#c45c12}
.order{max-width:840px;margin:0 auto;background:#f3f1ec;min-height:100vh;border-left:10px solid #c45c12}
.head{background:#141618;color:#f3f1ec;padding:16px 20px;display:flex;justify-content:space-between;align-items:flex-end;font-variant-numeric:tabular-nums}
.brand{color:#f3f1ec;text-decoration:none;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}
.head small{color:#c45c12;font-size:.75rem}
.tabs{display:flex;flex-wrap:wrap;background:#ece8e0;border-bottom:2px solid #c45c12}
.tabs a{padding:11px 14px;text-decoration:none;color:#141618;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-right:1px solid #d8d2c8}
.tabs a.active{background:#c45c12;color:#fff}
.burger{display:none;margin:8px 16px;background:#c45c12;color:#fff;border:0;padding:8px 12px;cursor:pointer}
.form{padding:26px 28px 44px;background-image:repeating-linear-gradient(transparent,transparent 31px,#e4e0d8 31px,#e4e0d8 32px)}
.k{color:#c45c12;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:6px}
h1{font-size:clamp(1.6rem,3.6vw,2.2rem);margin:0 0 12px;background:#f3f1ec}
h2{font-size:1.15rem;margin:20px 0 8px;background:#f3f1ec}
p,li{margin:0 0 11px;background:#f3f1ec;color:#2a2c2e}
ul{margin:0 0 12px 1.15em}
.lead{color:#4a4c4e;background:#f3f1ec;margin-bottom:14px}
.pic{display:block;width:100%;height:auto;margin:10px 0 6px;border:1px solid #c45c12}
.cap{font-size:.82rem;color:#6a6c6e;margin:0 0 16px;background:#f3f1ec}
.note{margin-top:18px;padding-top:10px;border-top:2px solid #141618;font-size:.9rem;color:#4a4c4e;background:#f3f1ec}
@media(max-width:720px){
  .tabs{display:none}
  .tabs.open{display:flex}
  .burger{display:inline-block}
  .form{padding:18px 14px 32px}
}