:root{
  --ink:#241c16; --paper:#efe7d8; --card:#fbf7ef; --line:#d8cbb4;
  --wood:#6b4a2f; --ochre:#b8763c; --sky:#5b8ca8; --muted:#6d6155;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font:16px/1.75 "Georgia","Times New Roman",serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--wood)} a:hover{color:var(--ochre)}
.band{width:min(1120px,92vw);margin:0 auto}

.top{background:var(--ink);color:#e9dcc7;border-bottom:5px solid var(--ochre)}
.top .band{display:flex;align-items:baseline;justify-content:space-between;
  gap:20px;padding:18px 0;flex-wrap:wrap}
.mark{font-size:25px;letter-spacing:.14em;text-transform:uppercase;font-weight:normal}
.mark span{color:var(--ochre)}
.top nav{display:flex;gap:22px;font-size:14px;letter-spacing:.05em;flex-wrap:wrap}
.top nav a{color:#c9b795;text-decoration:none;border-bottom:1px dotted transparent}
.top nav a:hover,.top nav a.on{color:#fff;border-bottom-color:var(--ochre)}

.opening{display:grid;grid-template-columns:1fr 1.15fr;gap:34px;align-items:center;padding:38px 0 26px}
@media(max-width:820px){.opening{grid-template-columns:1fr}}
.opening h1{font-size:37px;line-height:1.18;margin:0 0 14px;font-weight:normal}
.opening .sub{font-size:17px;color:#3c3128;margin:0 0 12px}
.opening figure{margin:0}
.opening img{border:9px solid var(--card);box-shadow:0 2px 0 var(--line)}

.ribbon{background:var(--ink);color:#dccdb2;padding:13px 0;margin:6px 0 34px;
  font-size:14px;letter-spacing:.06em}
.ribbon .band{display:flex;gap:26px;justify-content:space-between;flex-wrap:wrap}
.ribbon b{color:var(--ochre);font-weight:normal}

.rule{font-size:13px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);
  margin:0 0 22px;padding-bottom:7px;border-bottom:1px solid var(--line)}

.fond{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:860px){.fond{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.fond{grid-template-columns:1fr}}
.item{background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column}
.item img{aspect-ratio:4/5;object-fit:cover}
.label{padding:15px 17px 18px;border-top:3px double var(--line)}
.inv{font:12px/1.4 "Courier New",monospace;color:var(--muted);letter-spacing:.08em}
.label h3{margin:6px 0 4px;font-size:19px;font-weight:normal}
.place{font-size:14px;color:var(--sky);font-style:italic;margin:0 0 10px}
.label table{width:100%;border-collapse:collapse;font-size:13.5px}
.label td{padding:3px 0;vertical-align:top}
.label td:first-child{color:var(--muted);width:44%}
.tag{display:inline-block;margin-top:11px;padding:3px 10px;border:1px solid var(--ochre);
  color:var(--ochre);font-size:12px;letter-spacing:.09em;text-transform:uppercase}

.sheet{display:grid;grid-template-columns:1fr 300px;gap:40px;padding:32px 0 12px}
@media(max-width:880px){.sheet{grid-template-columns:1fr}}
.sheet h1{font-size:33px;font-weight:normal;margin:0 0 14px;line-height:1.22}
.sheet h2{font-size:21px;font-weight:normal;margin:28px 0 8px;color:var(--wood)}
.sheet .lead{font-size:18px;color:#3c3128}
.sheet figure{margin:22px 0}
.sheet figure img{border:8px solid var(--card);box-shadow:0 2px 0 var(--line)}
.sheet figcaption{font-size:13.5px;color:var(--muted);padding-top:8px;font-style:italic}
.margin{background:var(--card);border:1px solid var(--line);padding:18px 20px;
  font-size:14.5px;align-self:start}
.margin h4{margin:0 0 9px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.margin ul{margin:0 0 18px;padding-left:19px}
.margin li{margin-bottom:6px}

.tail{background:var(--ink);color:#b5a68f;margin-top:46px;padding:26px 0;font-size:14px}
.tail .band{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:760px){.tail .band{grid-template-columns:1fr}}
.tail a{color:#d9c39a}

.nf{text-align:center;padding:80px 0}
.nf b{display:block;font-size:64px;color:var(--ochre);font-weight:normal}