.directory{max-width:1120px;margin:0 auto;padding:84px 38px 100px}.directory h1{font:700 clamp(50px,7vw,87px)/.98 'Playfair Display',serif;letter-spacing:-.06em;margin:0}.directory h1 i{color:#a84e35}.directory-intro{max-width:610px;font-size:18px;color:#53605b;margin:28px 0 42px}.search{display:block;max-width:530px;border-bottom:1px solid var(--ink);padding-bottom:7px;margin-bottom:26px}.search span{display:block;text-transform:uppercase;font:10px 'DM Mono',monospace;letter-spacing:.1em;margin-bottom:5px}.search input{width:100%;border:0;background:transparent;font:17px 'DM Sans',sans-serif;outline:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filters button{border:1px solid var(--ink);background:transparent;padding:8px 12px;cursor:pointer;font:11px 'DM Mono',monospace}.filters .selected,.filters button:hover{background:var(--green);color:white}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.resource{min-height:220px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.resource:nth-child(odd){border-left:1px solid var(--line)}.resource:hover{background:#e6ded0}.resource p{margin:0;text-transform:uppercase;font:10px 'DM Mono',monospace;letter-spacing:.07em}.resource h2{font:700 32px/1.03 'Playfair Display',serif;letter-spacing:-.04em;margin:25px 0 auto}.resource span{font:12px 'DM Mono',monospace}.open-list{border-top:1px solid var(--ink)}.open-list a{display:grid;grid-template-columns:50px 1fr auto;gap:18px;padding:27px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.open-list a:hover{color:#a84e35}.open-list span,.open-list b{font:11px 'DM Mono',monospace}.open-list h2{font:700 27px 'Playfair Display',serif;margin:0}.open-list p{margin:5px 0;color:#58615d}.page{max-width:850px;margin:0 auto;padding:78px 38px 110px}.page h1{font:700 62px/.98 'Playfair Display',serif;letter-spacing:-.06em;margin:0 0 30px}.page h2{font:700 30px 'Playfair Display',serif;margin-top:48px}.page p{color:#46524d;max-width:700px}.page a{color:#8e412d}.contact-box{background:#d7e0d0;padding:35px;margin-top:35px}.contact-box a{font:600 22px 'Playfair Display',serif;color:var(--green)}@media(max-width:750px){.directory,.page{padding:55px 24px 70px}.resource-grid{grid-template-columns:1fr}.resource{border-left:1px solid var(--line)!important}.open-list a{grid-template-columns:28px 1fr}.open-list b{grid-column:2}.page h1{font-size:50px}}
