*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 Inter,system-ui,sans-serif}
a{color:inherit}
h1,h2,.mark,.cost,.idx{font-family:Fraunces,Georgia,serif}
.mast{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;padding:20px clamp(16px,5vw,64px);border-bottom:2px solid var(--ink)}
.mark{font-size:1.6rem;font-weight:700;text-decoration:none;letter-spacing:-.02em}
.mast nav{display:flex;gap:20px;align-items:baseline;flex-wrap:wrap}
.mast nav a{text-decoration:none;font-weight:600}
.mast input{background:transparent;border:0;border-bottom:1px solid var(--ink);font:inherit;padding:2px 4px;width:160px;color:inherit}
.lede{padding:clamp(40px,8vw,96px) clamp(16px,5vw,64px) 32px;max-width:980px}
.lede h1{font-size:clamp(2.4rem,7vw,5rem);line-height:1;margin:0 0 20px;letter-spacing:-.03em}
.lede p{font-size:1.2rem;max-width:620px}
.cols,.list{padding:0 clamp(16px,5vw,64px) 32px}
h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;font-family:Inter,sans-serif;border-top:1px solid var(--ink);padding-top:12px}
.cats{list-style:none;padding:0;columns:3 200px;margin:0}
.cats li{padding:4px 0}.cats a{font-family:Fraunces,serif;font-size:1.3rem;text-decoration:none}.cats a:hover{color:var(--hl)}
.cats sup{font-size:.7rem;opacity:.6}
.head{font-size:clamp(2rem,5vw,3.4rem);margin:32px 0 0;letter-spacing:-.02em}
.count{opacity:.65;margin:4px 0 16px}
.entries{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.entry a{display:grid;grid-template-columns:44px 1fr auto;gap:12px;padding:16px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent);text-decoration:none}
.entry a:hover strong{color:var(--hl)}
.idx{font-size:1.1rem;opacity:.5}
.t{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.t em{font-style:normal;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6}
.t small{opacity:.75;font-size:.85rem;line-height:1.4;margin-top:4px}
.p{font-weight:600;white-space:nowrap}.p i{opacity:.55}
.arrow{font-weight:600;color:var(--hl);text-decoration:none}
.none{font-family:Fraunces,serif;font-size:1.4rem;padding:32px 0}
.pages{display:flex;gap:24px;justify-content:center;padding:32px 0}
.item{padding:0 clamp(16px,5vw,64px) 48px}
.item header{padding:40px 0 24px;max-width:900px}
.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:var(--hl);text-decoration:none;font-weight:600}
.item h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;margin:8px 0;letter-spacing:-.02em;overflow-wrap:anywhere}
.by{opacity:.7;margin:0}
.spread{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:48px;border-top:2px solid var(--ink);padding-top:24px}
figure{margin:0;background:#fff;display:grid;place-items:center;aspect-ratio:4/3}
figure img{max-width:100%;max-height:100%;object-fit:contain;padding:24px}
.plate{font-family:Fraunces,serif;font-size:8rem;color:var(--hl);opacity:.4}
.cost{font-size:2.4rem;margin:0}.cost s{font-size:1.2rem;opacity:.5}
.avail{margin:4px 0 20px}
aside button{width:100%;padding:14px;background:var(--ink);color:var(--paper);border:0;font:600 1rem Inter,sans-serif;cursor:pointer}aside button:hover{background:var(--hl)}aside button[disabled]{opacity:.5;cursor:not-allowed}
aside table{width:100%;border-collapse:collapse;margin-top:24px;font-size:.92rem}
aside th{text-align:left;font-weight:600;padding:6px 12px 6px 0;opacity:.7;vertical-align:top}aside td{padding:6px 0}
aside tr{border-bottom:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}
.text{max-width:680px;margin-top:40px;font-size:1.1rem;columns:1}
.colophon{border-top:2px solid var(--ink);padding:24px clamp(16px,5vw,64px);font-size:.9rem}
.small{opacity:.7}
@media (max-width:760px){.entries{grid-template-columns:1fr}.spread{grid-template-columns:1fr;gap:24px}}