.blog-tabs{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:28px;display:flex}.blog-tabs button{border:1px solid var(--hair);color:var(--ink-2);background:0 0;border-radius:999px;padding:7px 14px;font-size:13px;transition:background .15s,border-color .15s,color .15s}.blog-tabs button:hover{border-color:var(--hair);background:#1a1a1a08}.blog-tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.featured-post{border-bottom:1px solid var(--hair-2);grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding:40px 0 70px;display:grid}.featured-cover{aspect-ratio:4/3;box-shadow:var(--shadow-screen);background:linear-gradient(135deg,#2f6f73 0%,#4b898d 100%);border-radius:14px;position:relative;overflow:hidden}.featured-cover svg{opacity:.85;width:100%;height:100%;position:absolute;inset:0}.featured-meta{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font-size:11px}.featured-meta .sep{opacity:.5;margin:0 8px;display:inline-block}.featured-post h2{letter-spacing:-.04em;margin-top:14px;font-size:clamp(28px,3.5vw,40px)}.featured-post p{color:var(--muted);max-width:50ch;margin-top:14px;font-size:16px;line-height:1.5}.featured-post .author{align-items:center;gap:10px;margin-top:22px;display:flex}.featured-post .author .av{color:#fff;background:#2f6f73;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:500;display:inline-flex}.featured-post .author b{font-size:14px;font-weight:500}.featured-post .author small{color:var(--muted);font-size:12.5px;display:block}.posts{grid-template-columns:repeat(3,1fr);gap:18px;padding:60px 0 80px;display:grid}.post{background:var(--paper);border:1px solid var(--hair-2);border-radius:12px;flex-direction:column;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.post:hover{border-color:var(--hair);transform:translateY(-2px)}.pcover{aspect-ratio:16/10;border-bottom:1px solid var(--hair-2);position:relative;overflow:hidden}.pcover.a{background:linear-gradient(135deg,#2f6f73 0%,#4b898d 100%)}.pcover.b{background:linear-gradient(135deg,#c8a57f 0%,#a88560 100%)}.pcover.c{background:linear-gradient(135deg,#2c2c2c 0%,#4a4a4a 100%)}.pcover.d{background:linear-gradient(135deg,#36504f 0%,#5c7e7b 100%)}.pcover.e{background:linear-gradient(135deg,#b7a78a 0%,#8c7b5c 100%)}.pcover.f{background:linear-gradient(135deg,#1f2d2d 0%,#34504f 100%)}.pcover svg{opacity:.85;width:100%;height:100%;position:absolute;inset:0}.pbody{flex-direction:column;flex:1;padding:20px 22px 22px;display:flex}.pcat{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font-size:10.5px}.post h3{letter-spacing:-.025em;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:10px;font-size:16.5px;line-height:1.32;display:-webkit-box;overflow:hidden}.post .ex{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.post .foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;font-size:12.5px;display:flex}.post .foot .read{color:var(--teal)}.news{background:var(--paper);border:1px solid var(--hair-2);text-align:center;border-radius:14px;max-width:720px;margin:30px auto 80px;padding:36px 32px}.news h3{letter-spacing:-.025em;margin-top:10px;font-size:22px}.news p{color:var(--muted);margin-top:8px;font-size:14.5px;line-height:1.5}.news form{gap:8px;max-width:460px;margin-top:22px;margin-left:auto;margin-right:auto;display:flex}.news input{border:1px solid var(--hair);height:44px;font:inherit;color:var(--ink);background:#fff;border-radius:8px;outline:none;flex:1;padding:0 14px;font-size:14px;transition:border-color .15s}.news input:focus{border-color:var(--teal)}.news .agree{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-top:14px;font-size:10.5px}@media (max-width:960px){.featured-post{grid-template-columns:1fr;padding:30px 0 50px}.posts{grid-template-columns:1fr 1fr;padding:40px 0 60px}}@media (max-width:720px){.blog-tabs button{padding:6px 12px;font-size:12.5px}.featured-post h2{font-size:clamp(24px,6.5vw,32px)}.featured-post p{font-size:15px}.pbody{padding:18px 18px 20px}.news{margin-bottom:60px;padding:28px 22px}.news h3{font-size:19px}}@media (max-width:600px){.posts{grid-template-columns:1fr}.news form{flex-direction:column}.news form .btn{width:100%}}