.journal-hero{text-align:center;padding:clamp(4rem,8vw,8rem) 1rem;background:var(--cream)}.journal-hero h1,.journal-article h1{font:400 clamp(4rem,8vw,8rem)/.9 Georgia,serif;letter-spacing:-.06em;margin:.4rem 0 1.5rem}.journal-hero form{display:flex;max-width:600px;margin:2rem auto 0}.journal-hero input{flex:1;min-width:0;padding:1rem;border:1px solid var(--line);border-radius:999px 0 0 999px}.journal-hero form .button{border-radius:0 999px 999px 0}.topic-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;padding:1.5rem;border-bottom:1px solid var(--line);font-weight:700;font-size:.82rem}.article-grid{padding:clamp(3rem,6vw,7rem) max(1rem,6vw);display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 1.5rem}.article-art{aspect-ratio:1.5;background:linear-gradient(135deg,#dfe7ca,#88a77d);padding:1rem;position:relative;overflow:hidden}.article-art:after{content:'';position:absolute;width:45%;height:90%;right:10%;bottom:-30%;background:var(--forest);border-radius:100% 0;transform:rotate(-25deg);opacity:.75}.article-art span{position:relative;z-index:2;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.article-grid article>.eyebrow{margin-top:1.3rem}.article-grid h2{font:400 2rem/1.1 Georgia,serif;margin:.5rem 0}.article-grid article>p:not(.eyebrow){color:var(--muted)}.journal-article>header{text-align:center;max-width:1100px;margin:auto;padding:clamp(4rem,8vw,8rem) 1rem}.journal-article>header>p:not(.eyebrow){font-size:1.2rem;color:var(--muted);max-width:720px;margin:0 auto 1.5rem}.article-body{max-width:760px;margin:auto;padding:0 1rem 7rem;font-size:1.08rem}.article-body>p{margin:0 0 1.5rem}.article-body aside{margin-top:4rem;background:var(--cream);padding:2rem;border-radius:var(--radius)}.article-body aside h2{font:400 2rem Georgia,serif}.article-body aside div{display:flex;gap:1.5rem;align-items:center}@media(max-width:800px){.article-grid{grid-template-columns:1fr 1fr}.journal-hero form{max-width:calc(100% - 1rem)}}@media(max-width:550px){.article-grid{grid-template-columns:1fr}.article-body aside div{align-items:flex-start;flex-direction:column}}