*{box-sizing:border-box}body{color:#14231d;background:#f4f0e8;margin:0;font-family:Arial,Helvetica,sans-serif}.page{min-height:100vh;padding:0 6vw}.nav{border-bottom:1px solid #a7b2a9;justify-content:space-between;align-items:center;padding:28px 0;display:flex}.nav strong{letter-spacing:.18em;font-size:22px}.nav span,.eyebrow,footer{letter-spacing:.12em;font-size:12px}.hero{max-width:900px;padding:10vh 0 8vh}.eyebrow{color:#33745a;font-weight:700}h1{letter-spacing:-.055em;margin:28px 0;font-family:Georgia,serif;font-size:clamp(48px,8vw,108px);font-weight:400;line-height:.92}.lead{color:#53635b;max-width:620px;font-size:18px;line-height:1.65}.search{color:#738078;background:#fff;border-radius:4px;justify-content:space-between;align-items:center;max-width:620px;margin-top:42px;padding:10px 10px 10px 22px;display:flex}button{color:#fff;cursor:pointer;background:#173f31;border:0;border-radius:3px;padding:16px 28px}.categories{border-top:1px solid #a7b2a9;grid-template-columns:repeat(4,1fr);display:grid}article{border-right:1px solid #a7b2a9;padding:30px 20px}article:last-child{border:0}article span,article p{color:#6c7871;font-size:13px}article h2{font-family:Georgia,serif;font-size:28px;font-weight:400}footer{color:#6c7871;padding:40px 0}@media (max-width:720px){.categories{grid-template-columns:repeat(2,1fr)}article:nth-child(2){border-right:0}}