*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Georgia,"Iowan Old Style",serif;background:#5c4630;color:#2a2218;line-height:1.78;font-size:17.5px}
a{color:#7a4a18}
.wrap{max-width:800px;margin:0 auto;background:#f3ead6;min-height:100vh;border-left:14px solid #c4a46a;border-right:14px solid #c4a46a}
.dial{background:#3a2c1c;color:#f3ead6;text-align:center;padding:18px 16px 16px}
.dial a.brand{color:#e8d2a0;text-decoration:none;font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.ticks{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px}
.ticks a{width:70px;height:70px;border-radius:50%;border:2px solid #e8d2a0;color:#e8d2a0;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;text-align:center;line-height:1.15}
.ticks a.active{background:#e8d2a0;color:#3a2c1c}
.burger{display:none;margin-top:10px;background:#e8d2a0;color:#3a2c1c;border:0;padding:8px 12px;cursor:pointer}
.page{padding:26px 28px 44px}
.k{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#7a4a18;margin-bottom:8px}
h1{font-size:clamp(1.55rem,4vw,2.2rem);line-height:1.18;margin:0 0 12px}
h2{font-size:1.18rem;margin:20px 0 8px}
p,li{color:#3e3428;margin:0 0 12px}
ul{margin:0 0 14px 1.15em}
.lead{color:#6a5a44;margin-bottom:14px;font-size:1.06rem}
.pic{display:block;width:100%;height:auto;margin:10px 0 6px}
.cap{font-size:.82rem;color:#7a6a54;margin:0 0 16px;font-style:italic}
.note{margin-top:18px;padding-top:12px;border-top:2px solid #c4a46a;font-size:.9rem;color:#6a5a44}
@media(max-width:700px){
  .wrap{border-width:0}
  .ticks{display:none}
  .ticks.open{display:flex}
  .burger{display:inline-block}
  .page{padding:18px 16px 32px}
}