@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;500;600&family=Playfair+Display:wght@500;600&display=swap');*{box-sizing:border-box}body{margin:0;background:#e4bd23;color:#19160c;font-family:Manrope,Arial,sans-serif}a{color:inherit}header{padding:24px 6vw;display:flex;justify-content:space-between;border-bottom:1px solid #19160c}header a{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.hero{padding:12vh 8vw 8vh;max-width:1300px}.hero>p:first-child,.directory p,.join>div>p,.discussion>p{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}.hero h1{font:500 clamp(3.5rem,7vw,8rem)/.94 "Playfair Display",serif;margin:.25em 0}.hero p:last-child{max-width:800px;line-height:1.8}.how{display:grid;grid-template-columns:repeat(3,1fr);background:#171512;color:#efe9de;padding:7vw;gap:1px}.how article{border:1px solid #5a554d;padding:35px;min-height:280px}.how span{color:#e4bd23}.how h2,.directory h2,.join h2,.discussion h2{font:500 clamp(2rem,4vw,4.5rem)/1 "Playfair Display",serif}.how p{line-height:1.7}.directory{padding:8vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.directory ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr}.directory li{padding:16px;border-bottom:1px solid #19160c}.join{background:#eee8dc;padding:8vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.join>div h2{font-size:8rem;margin:.1em 0}.join>div span{line-height:1.7;display:block}.join form{display:grid;gap:16px}.join label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.join input,.join textarea{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid #8f8677;background:#faf7ef;font:inherit}.join button{background:#19160c;color:#fff;border:0;padding:18px;text-transform:uppercase;letter-spacing:.12em}.discussion{padding:8vw;background:#392e78;color:#fff}.discussion p:last-child{max-width:800px;line-height:1.8}@media(max-width:800px){header strong{display:none}.how,.directory,.join{grid-template-columns:1fr}.directory ul{grid-template-columns:1fr}.join>div h2{font-size:5rem}}