.journal-hero{padding-top:clamp(90px,12vw,170px);padding-bottom:clamp(80px,11vw,150px);background:#ede8df}.journal-hero h1{font:500 clamp(50px,7.8vw,115px)/.94 var(--serif);letter-spacing:-.065em;margin:25px 0 34px}.journal-hero>p:last-child{max-width:570px;font-size:18px}.journal-controls{padding-top:42px;padding-bottom:28px;display:flex;justify-content:space-between;gap:20px}.filter-group{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;border-radius:30px;padding:7px 12px;font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.search input{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:6px 0;outline:0;font:13px var(--sans)}.journal-list{padding-bottom:115px}.journal-list article{position:relative;border-top:1px solid var(--line);padding:28px 80px 28px 0;transition:opacity .2s}.journal-list article:last-child{border-bottom:1px solid var(--line)}.journal-list article.hidden{display:none}.journal-list h2{font:500 clamp(28px,3.5vw,51px)/1.05 var(--serif);letter-spacing:-.05em;margin:10px 0}.journal-list p:not(.tag){max-width:520px;margin:0;color:var(--muted);font-size:15px}.journal-list span{position:absolute;right:0;top:40px;font:10px var(--mono);color:var(--muted)}.journal-footer{background:var(--moss);padding-top:90px;padding-bottom:90px}.journal-footer h2{font:500 clamp(34px,4.5vw,68px)/1.05 var(--serif);letter-spacing:-.05em;max-width:760px;margin:18px 0}.journal-footer>p:last-child{max-width:500px;margin:0}@media(max-width:700px){.journal-controls{display:block}.search{display:block;margin-top:20px}.search input{width:100%}.journal-list{padding-bottom:75px}.journal-list article{padding-right:45px}.journal-footer{padding-top:65px;padding-bottom:65px}}