.nav-solid{background:#252522;position:fixed}.blog-page main{padding-top:64px}.blog-intro{padding:8rem 1.5rem 5rem}.blog-intro h1{font-size:clamp(3.8rem,7vw,7rem);letter-spacing:-.07em;line-height:.92;font-weight:500;margin:0 0 2rem}.blog-intro h1 em{font-family:var(--serif);font-weight:400}.blog-intro>p:last-child{max-width:470px;color:var(--muted);line-height:1.7}.blog-filter{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.blog-filter>p{font-size:.8rem;font-weight:700;margin:0}.blog-filter div{display:flex;gap:.5rem;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;border-radius:20px;padding:.5rem .8rem;font:600 .7rem var(--sans);cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.blog-list{padding:3.5rem 1.5rem 8rem}.post{display:grid;grid-template-columns:300px 1fr;gap:3.5rem;padding:2rem 0;border-bottom:1px solid var(--line)}.post:first-child{padding-top:0}.post-art{min-height:205px;border-radius:16px;overflow:hidden;position:relative;display:grid;place-items:center;font:italic 3rem var(--serif)}.feature-art{min-height:330px;background:linear-gradient(135deg,#b49f95,#e8c6bd);color:#392d28}.feature-art:before{content:'';position:absolute;width:180px;height:180px;border:22px solid #392d28;border-right-color:transparent;border-radius:50%;transform:rotate(-30deg)}.feature-art span{z-index:1;text-align:center;font:700 1rem/1.2 var(--sans);letter-spacing:.14em}.routine-art{background:linear-gradient(120deg,#9eb09c,#d9b967);color:#f6f4ee}.routine-art:before{content:'';position:absolute;width:18px;height:140%;background:#4b5d4c;transform:rotate(32deg)}.rest-art{background:#d6c2b4;color:#74452e}.rest-art:before{content:'';width:140px;height:140px;background:#f7eee6;position:absolute;border-radius:50%;right:-35px;top:-35px}.mind-art{background:#232927;color:#e6734c}.mind-art:after{content:'···';font:5rem var(--serif);position:absolute;bottom:-1rem;letter-spacing:.18em}.post-content{align-self:center}.post-content .category{color:var(--rust)}.post-content h2{font-size:clamp(1.65rem,3vw,3rem);letter-spacing:-.06em;line-height:1.02;margin:.4rem 0 1rem;font-weight:500;max-width:680px}.post-content>p:not(.category){line-height:1.6;color:var(--muted);max-width:600px;margin:0 0 1.3rem}.post:hover .post-art{transform:scale(.99);transition:.2s}.nav nav a.active{opacity:1;font-weight:700}@media(max-width:700px){.blog-intro{padding-top:5rem;padding-bottom:3rem}.blog-filter{align-items:flex-start;flex-direction:column}.post{grid-template-columns:1fr;gap:1.2rem}.post-art,.feature-art{min-height:190px}.blog-list{padding-top:2rem}}