.blog{padding:140px var(--margin) 40px}.blog-head{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:end;gap:40px clamp(32px,5vw,96px);padding-bottom:clamp(48px,6vw,96px);display:grid}.blog-intro{gap:28px;display:grid}.blog-head h1{letter-spacing:-.06em;margin-left:-.04em;padding-bottom:.14em;font-size:clamp(96px,17vw,300px);line-height:.78}.blog-head .sub{max-width:52ch;color:var(--ink)}.blog-cats{flex-wrap:wrap;gap:8px 10px;display:flex}.blog-cats li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:14px}.blog-new{background:var(--deep);color:#fff;border-radius:20px;gap:14px;padding:32px;text-decoration:none;transition:background-color .25s;display:grid}.blog-new:hover{background:var(--violet)}.blog-new span{color:#eadcf6;font-size:15px;line-height:1.5}.blog-new b{font:900 clamp(26px, 2.3vw, 38px)/1.04 var(--display);letter-spacing:-.035em}.blog-new i{font-style:normal;font-weight:500}.blog-list li{border-bottom:1px solid var(--line)}.blog-list a{grid-template-columns:72px 180px minmax(0,1fr) minmax(0,34ch);align-items:baseline;gap:8px 32px;padding:36px 0;text-decoration:none;transition:color .25s;display:grid}.blog-n{font:900 22px/1 var(--display);color:var(--violet-hi);font-variant-numeric:tabular-nums}.blog-meta{color:var(--muted);font-size:14px;line-height:1.5}.blog-t{font:900 clamp(26px, 2.6vw, 44px)/1.02 var(--display);letter-spacing:-.035em;text-wrap:balance}.blog-s{color:var(--muted);font-size:16px;line-height:1.5}.blog-list a:hover .blog-t{color:var(--violet-hi)}.post-head{gap:22px;max-width:1180px;padding-bottom:clamp(40px,5vw,72px);display:grid}.post-back{color:var(--muted);justify-self:start;font-size:15px;text-decoration:none}.post-back:hover{color:var(--ink)}.post-meta{color:var(--muted);font-size:15px}.post-head h1{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(40px,6vw,104px);line-height:.96}.post-head .sub{max-width:56ch;color:var(--ink)}.post-layout{border-top:1px solid var(--line);grid-template-columns:260px minmax(0,720px);gap:clamp(32px,6vw,120px);padding-top:clamp(40px,5vw,72px);display:grid}.post-toc{align-self:start;gap:14px;font-size:15px;display:grid;position:sticky;top:100px}.post-toc p{color:var(--muted)}.post-toc nav{gap:10px;display:grid}.post-toc a{color:var(--muted);line-height:1.35;text-decoration:none}.post-toc a:hover{color:var(--ink)}.post-body{font-size:19px;line-height:1.68}.post-body p+p,.post-body section>*+*{margin-top:1.1em}.post-intro{font-size:clamp(21px,1.6vw,25px);line-height:1.5}.post-body section{padding-top:56px;scroll-margin-top:90px}.post-body h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(28px,2.6vw,42px);line-height:1.04}.post-body ul,.post-body ol{gap:12px;display:grid}.post-body ul li,.post-body ol li{padding-left:34px;position:relative}.post-body ul li:before{content:"";background:var(--violet-hi);width:12px;height:2px;position:absolute;top:.7em;left:4px}.post-body ol{counter-reset:n}.post-body ol li{counter-increment:n}.post-body ol li:before{content:counter(n);font:900 19px/1.68 var(--display);color:var(--violet-hi);position:absolute;top:0;left:0}.post-table{overflow-x:auto}.post-table table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.45}.post-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--ink);padding:0 16px 12px 0;font-weight:500}.post-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px 14px 0}.post-table td:first-child{font-weight:500}.post-link{color:var(--violet-hi);border-bottom:1px solid;font-weight:500;text-decoration:none}.post-take{border-left:3px solid var(--violet);padding:4px 0 4px 24px;font-size:21px;line-height:1.55;margin-top:56px!important}.post-offer{margin:clamp(72px, 9vw, 140px) calc(-1 * var(--margin)) 0;padding:clamp(56px, 7vw, 110px) var(--margin);background:var(--deep);color:#fff;justify-items:start;gap:18px;display:grid}.post-offer-k{color:#e3c9f7;font-size:15px}.post-offer-t{font:900 clamp(30px, 3.8vw, 64px)/1.02 var(--display);letter-spacing:-.04em;text-wrap:balance;max-width:24ch}.post-offer-s{font-size:var(--s-sub);color:#eadcf6;max-width:46ch}.post-offer .button:hover{background:var(--dark)}.post-offer .post-link{color:#fff}.post-more{gap:20px;padding-top:clamp(56px,6vw,96px);display:grid}.post-more>p{color:var(--muted)}.post-more ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.post-more a{border-top:1px solid var(--line);font:900 clamp(22px, 1.8vw, 30px)/1.08 var(--display);letter-spacing:-.03em;gap:12px;padding-top:20px;text-decoration:none;display:grid}.post-more a span{font:400 14px/1 var(--text);letter-spacing:0;color:var(--muted)}.post-more a:hover{color:var(--violet-hi)}.top [aria-current]{color:var(--ink)}@media (width<=1100px){.blog-list a{grid-template-columns:56px minmax(0,1fr)}.blog-meta{grid-area:1/2}.blog-t,.blog-s{grid-column:2}.blog-n{grid-row:1/span 2}}@media (width<=899px){.blog{padding-top:110px}.blog-head,.post-layout{grid-template-columns:minmax(0,1fr)}.post-toc{border:1px solid var(--line);border-radius:16px;padding:20px;position:static}.post-more ul{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.blog-list a{grid-template-columns:minmax(0,1fr);padding:28px 0}.blog-n,.blog-meta,.blog-t,.blog-s{grid-area:auto/1}.post-body{font-size:18px}.post-offer .actions .button{flex:100%}}
