:root{--paper:#f5f0e6;--ink:#211e1a;--red:#8a2f2a;--green:#34483b;--line:#aaa094;font-family:Georgia,serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:inherit}.catalog-head,main,footer{width:min(92%,78rem);margin:auto}.catalog-head{padding:2rem 0 4rem;border-bottom:1px solid var(--line)}.catalog-head>a{font-weight:700}.catalog-head h1{font-size:clamp(3.2rem,10vw,8rem);line-height:.86;margin:.25em 0}.catalog-head>p:first-of-type,.catalogue small{font:700 .7rem system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--red)}.lede{max-width:48rem;font-size:1.2rem}.counts{display:flex;gap:2rem;flex-wrap:wrap;margin-top:2rem}.counts b{display:block;font-size:2.2rem}.counts span{font:700 .7rem system-ui,sans-serif;text-transform:uppercase}.method{padding:3rem 0}.method>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.method article{padding:1rem;background:var(--paper)}.method h3{margin:0}.search{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:.5rem;padding:1rem 0;background:var(--paper)}label{font:700 .65rem system-ui,sans-serif;text-transform:uppercase}input,select{display:block;width:100%;margin-top:.25rem;padding:.7rem;border:1px solid var(--ink);background:#fff;font:1rem Georgia,serif}.result-count{font-style:italic}.catalogue{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:4rem}.catalogue article{min-height:14rem;padding:1rem;background:var(--paper)}.catalogue h2{font-size:1.35rem}.catalogue .tags{display:flex;flex-wrap:wrap;gap:.3rem}.catalogue .tags span{padding:.2rem .35rem;border:1px solid var(--line);font:600 .62rem system-ui,sans-serif}.catalogue p{font-size:.9rem;color:#5d554d}footer{display:flex;gap:2rem;padding:2rem 0;border-top:1px solid var(--line)}@media(max-width:760px){.method>div,.catalogue{grid-template-columns:1fr}.search{position:static;grid-template-columns:1fr 1fr}.search label:first-child{grid-column:1/-1}}