.is-blog{background:var(--ink);color:#fff}.is-blog .nav-links a.is-active{color:var(--accent-hi)}.blog-hero{padding:clamp(100px,16vh,200px) 0 clamp(40px,8vh,90px)}.blog-hero .kick{color:var(--accent-hi);letter-spacing:.02em;text-transform:uppercase;margin-bottom:16px;font-size:15px;font-weight:600}.blog-hero .sec-sub{color:#cfcbc7;max-width:48ch;margin-top:24px}.blog-filter{top:var(--nav-h);z-index:10;-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d);background:#0d0b0aeb;padding-block:20px;position:sticky}.blog-filter ul{scrollbar-width:none;gap:8px;padding:2px 0;display:flex;overflow-x:auto}.blog-filter ul::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line-d);color:#cfcbc7;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .3s,border-color .3s,color .3s;display:inline-flex}.chip:hover{color:#fff;border-color:#fff}.chip.is-active{color:var(--ink);background:#fff;border-color:#fff}.chip em{opacity:.6;font-size:12px;font-style:normal}.blog-grid{padding-block:clamp(40px,7vh,80px) clamp(100px,14vh,180px)}.post-list-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.post-list{margin:0;padding:0;list-style:none}.post-list li a{border-radius:var(--r);transition:transform .5s var(--ease);background:#181513;display:block;position:relative;overflow:hidden}.post-list li a:hover{transform:translateY(-4px)}.post-list img{aspect-ratio:5/7;object-fit:cover;width:100%;height:auto;transition:transform 1s var(--ease);display:block}.post-list li a:hover img{transform:scale(1.04)}.post-list div{min-height:140px;padding:20px 20px 24px}.post-list .k{color:var(--accent-hi);letter-spacing:.02em;text-transform:uppercase;font-size:13px;font-weight:600}.post-list h3{letter-spacing:-.03em;margin-top:8px;font-size:clamp(18px,1.4vw,22px);font-weight:600;line-height:1.08}.post-list li.is-hidden{display:none}.post-head{max-width:760px;padding-block:clamp(100px,16vh,180px) clamp(28px,4vh,40px)}.post-head h1{letter-spacing:-.05em;max-width:20ch;margin:20px 0;font-size:clamp(38px,5.4vw,76px);font-weight:600;line-height:1}.crumb{color:#8e8a86;font-size:14px}.crumb a{color:inherit}.crumb a:hover{color:#fff}.post-meta{color:#8e8a86;font-size:14px}.post-hero{margin:0 var(--gut) clamp(40px, 7vh, 80px);border-radius:var(--r);max-width:1600px;overflow:hidden}.post-hero img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.post-body{max-width:760px;padding-bottom:clamp(60px,10vh,120px)}.post-lead{color:#e8e5e1;letter-spacing:-.02em;margin:0 0 clamp(40px,6vh,72px);font-size:clamp(22px,2vw,28px);font-weight:500;line-height:1.4}.post-aside{border:1px solid var(--line-d);border-radius:var(--r);background:#181513;margin-bottom:clamp(40px,6vh,72px);padding:28px}.post-aside h3{color:var(--accent-hi);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;font-size:14px}.post-aside ul{padding-left:20px}.post-aside li{color:#cfcbc7;margin-bottom:10px;font-size:16px;line-height:1.5}.post-sec{margin:clamp(40px,6vh,64px) 0}.post-sec h2{letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(26px,3vw,40px);font-weight:600;line-height:1.08}.post-sec p{color:#cfcbc7;margin-bottom:16px;font-size:18px;line-height:1.6}.post-faq details{border-bottom:1px solid var(--line-d);padding:20px 0}.post-faq summary{cursor:pointer;letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:16px;font-size:20px;font-weight:600;list-style:none;display:flex}.post-faq summary::-webkit-details-marker{display:none}.post-faq .pm{border:1px solid var(--line-d);width:32px;height:32px;transition:transform .4s var(--ease), background .3s;border-radius:50%;flex:none;position:relative}.post-faq .pm:before,.post-faq .pm:after{content:"";background:currentColor;width:12px;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.post-faq .pm:after{transform:translate(-50%,-50%)rotate(90deg)}.post-faq details[open] .pm{color:var(--ink);background:#fff;transform:rotate(45deg)}.post-faq details p{padding-top:12px}.post-cta{border:1px solid var(--line-d);border-radius:var(--r);text-align:left;background:#181513;margin-top:clamp(60px,8vh,100px);padding:36px}.post-related{max-width:1400px;padding-bottom:clamp(80px,12vh,160px)}.post-related .sec-title{margin-bottom:32px;font-size:clamp(32px,3.5vw,56px)}.post-related .post-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}@media (width<=600px){.post-head{padding-top:120px}.post-aside{padding:20px}.post-cta{padding:24px}}.post-tts{align-items:center;gap:8px;margin-top:20px;display:inline-flex}.tts-btn{border:1px solid var(--line-d);color:#fff;cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .3s,border-color .3s,color .3s;display:inline-flex}.tts-btn:hover{background:#ffffff1a;border-color:#ffffff59}.tts-btn .tts-ico{flex:none}.tts-btn .tts-ico-pause{display:none}.tts-btn[data-state=playing]{color:var(--ink);background:#fff;border-color:#fff}.tts-btn[data-state=playing] .tts-ico-play{display:none}.tts-btn[data-state=playing] .tts-ico-pause{display:inline-block}.tts-stop{border:1px solid var(--line-d);color:#fff;cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .3s,border-color .3s;display:inline-flex}.tts-stop:hover{background:#ffffff14;border-color:#ffffff59}.post-sec [data-tts-speaking]{background:linear-gradient(#0000 60%,#ffc86440 60%);border-radius:2px}.is-blog .nav{-webkit-backdrop-filter:blur(10px);background:#0d0b0aeb}body.menu-open.is-blog .nav{-webkit-backdrop-filter:none;background:0 0}
