.art-head{opacity:0;padding-top:46px;padding-bottom:34px;animation:.7s cubic-bezier(.22,1,.36,1) 50ms forwards revealUp;transform:translateY(24px)}.crumbs{text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:.78rem;font-weight:500}.crumbs a{color:var(--lime)}.art-head h1{letter-spacing:0;color:var(--char);max-width:18ch;font-family:Chubby,sans-serif;font-size:clamp(2.3rem,4.2vw,4.4rem);font-weight:400;line-height:.9}.art-head h1 em{color:var(--lime);font-style:normal}.dek{color:var(--muted);max-width:680px;margin-top:18px;font-size:clamp(1.2rem,1.2rem + .2vw,1.35rem);font-weight:400;line-height:1.5}.art-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;font-size:.9rem;font-weight:500;display:flex}.art-meta span{white-space:nowrap}.art-meta .avatar{background:var(--ink);width:40px;height:40px;color:var(--lime);border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:flex}.art-meta .dot{color:var(--line)}.engage-bar{border-top:1px solid #0a0a0a12;border-bottom:1px solid #0a0a0a12;align-items:center;gap:10px;margin-top:24px;padding:5px 0;display:flex}.engage-btn{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-family:inherit;font-size:.92rem;font-weight:500;transition:background .2s,color .2s,transform .15s;display:inline-flex}.engage-btn:hover{background:var(--sand2);color:var(--char);transform:translateY(-1px)}.engage-btn:active{transform:scale(.92)}.engage-btn.active{color:#6393ff;background:var(--sand2)}.engage-btn svg.pop{animation:.4s cubic-bezier(.22,1,.36,1) heartPop}@keyframes heartPop{0%{transform:scale(1)}35%{transform:scale(1.35)}60%{transform:scale(.9)}to{transform:scale(1)}}.art-hero{background:var(--ink);opacity:0;border-radius:20px;height:clamp(260px,40vw,440px);margin-bottom:56px;animation:.6s cubic-bezier(.22,1,.36,1) .18s forwards revealUp;position:relative;overflow:hidden;transform:translateY(24px)}.art-hero img{object-fit:cover;opacity:.9;width:100%;height:100%}.article{color:var(--char);font-size:clamp(1.2rem,1.2rem + .2vw,1.35rem);line-height:1.85}.article p{margin:0 0 18px}.article h2{color:var(--lime);margin:60px 0 18px;font-family:Chubby,sans-serif;font-size:1.9rem;font-weight:400;line-height:1.1}.article h3{color:var(--char);margin:40px 0 14px;font-size:1.2rem;font-weight:500;line-height:1.3}.article ul{margin:0 0 30px;padding-left:22px}.article li{margin-bottom:12px}.article strong{color:var(--char);font-weight:500}.article blockquote{background:var(--sand2);border-left:4px solid var(--lime);color:var(--ink);border-radius:0 14px 14px 0;margin:44px 0;padding:28px 32px;font-size:clamp(1.3rem,1.3rem + .2vw,1.45rem);font-weight:500;line-height:1.4}.article .lead{color:var(--char);margin-bottom:40px;font-size:clamp(1.25rem,1.25rem + .2vw,1.4rem);font-weight:700;line-height:1.6}.art-share{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:12px;margin:56px 0;padding:26px 0;font-weight:500;display:flex}.art-share button{background:var(--sand2);cursor:pointer;width:38px;height:38px;color:var(--ink);border:0;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:1rem;transition:background .2s,transform .2s;display:flex}.art-share button:hover{background:var(--lime);transform:translateY(-2px)}.art-share button:active{transform:scale(.9)}.comments{margin-top:8px;scroll-margin-top:90px}.comments h2{color:var(--char);margin-bottom:28px;font-family:Chubby,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.2}.comment-form{margin-bottom:48px}.comment-form textarea{border:1px solid var(--line);width:100%;color:var(--char);background:var(--sand);resize:vertical;border-radius:14px;min-height:80px;padding:16px 18px;font-family:inherit;font-size:1rem}.comment-form textarea:focus{outline:2px solid var(--lime);outline-offset:2px}.comment-form textarea::placeholder{color:var(--muted)}.comment-form-row{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.comment-form-row input{border:1px solid var(--line);min-width:160px;color:var(--char);background:var(--sand);border-radius:999px;flex:1;padding:11px 18px;font-family:inherit;font-size:.92rem}.comment-form-row input:focus{outline:2px solid var(--lime);outline-offset:2px}.comment-form-row input::placeholder{color:var(--muted)}.comment-form-row button{cursor:pointer;background:var(--ink);color:#fff;white-space:nowrap;border:0;border-radius:999px;padding:11px 24px;font-family:inherit;font-size:.92rem;font-weight:500;transition:background .2s,transform .15s}.comment-form-row button:hover{background:var(--ink-soft);transform:translateY(-1px)}.comment-form-row button:active{transform:scale(.95)}.comment{animation:.5s cubic-bezier(.22,1,.36,1) fadeUp}.comment-list{flex-direction:column;gap:28px;display:flex}.comment{gap:14px;display:flex}.comment-avatar{background:var(--sand2);color:#6393ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:500;display:flex}.comment-body{border-bottom:1px solid var(--line);flex:1;padding-bottom:28px}.comment-list li:last-child .comment-body{border-bottom:0;padding-bottom:0}.comment-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-size:.86rem;font-weight:500;display:flex}.comment-meta span{white-space:nowrap}.comment-name{color:var(--char)}.comment-text{color:var(--char);font-size:1rem;line-height:1.65}.related{padding-top:64px}.related h2{color:var(--char);margin-bottom:26px;font-family:Chubby,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.2}.rel-grid{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}.rel{cursor:pointer;transition:transform .25s cubic-bezier(.22,1,.36,1)}.rel:hover{transform:translateY(-5px)}.rel .rthumb{aspect-ratio:3/2;background:var(--sand2);border-radius:20px;transition:box-shadow .3s;position:relative;overflow:hidden}.rel:hover .rthumb{box-shadow:0 18px 36px #0a0a0a29}.rel .rthumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1)}.rel:hover .rthumb img{transform:scale(1.05)}.rel .card-byline{margin-top:14px}.rel h3{color:var(--char);margin-top:8px;font-size:1.2rem;font-weight:500;line-height:1.3}.rel .rel-foot{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.rel .meta{color:var(--muted);font-size:.68rem;font-weight:500}.wl-wrap{margin-top:60px;margin-bottom:8px}@media (max-width:880px){.rel-grid{grid-template-columns:1fr}}
