.editorial-page{isolation:isolate;min-height:65vh;color:var(--paper);background:#060711;padding:clamp(128px,14vw,176px) 24px clamp(64px,9vw,112px);position:relative;overflow:hidden}.editorial-page__glow{z-index:-1;pointer-events:none;filter:blur(10px);background:radial-gradient(at 48% 48%,#993d9b40,#0000 68%),radial-gradient(at 76% 10%,#ff833621,#0000 50%);width:min(1000px,100vw);height:560px;position:absolute;top:-240px;left:50%;transform:translate(-50%)}.editorial-wrap{width:min(1120px,100%);margin-inline:auto}.editorial-hero{text-align:center;max-width:760px;margin:0 auto clamp(44px,7vw,76px)}.editorial-eyebrow{color:#ffb07a;font:600 .78rem var(--font-interface),sans-serif;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;display:inline-flex}.editorial-eyebrow svg{width:17px;height:17px}.editorial-hero h1,.blog-article h1{font:400 clamp(2.6rem,6vw,4.4rem)/1.02 var(--font-display),sans-serif;letter-spacing:-.025em;text-wrap:balance;margin:18px 0 14px}.editorial-hero h1 span{color:#0000;background:linear-gradient(100deg,#ed65b1,#ff9b49);-webkit-background-clip:text;background-clip:text}.editorial-hero>p:last-child{max-width:58ch;color:var(--text-2);margin:0 auto;font-size:1.06rem;line-height:1.7}.editorial-section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.editorial-section-head h2{font:400 1.55rem var(--font-display),sans-serif}.editorial-section-head span{color:var(--text-3);font-size:.78rem}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.blog-card{border:1px solid var(--line);background:linear-gradient(150deg,#141223eb,#0a0b17f5);border-radius:18px;flex-direction:column;min-height:255px;padding:22px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.blog-card__image{aspect-ratio:16/9;border-radius:17px 17px 0 0;margin:-22px -22px 18px;display:block;overflow:hidden}.blog-card__image img{object-fit:cover;width:100%;height:100%}.blog-card:hover{border-color:#d73e8959;transform:translateY(-3px);box-shadow:0 18px 50px -34px #d73e898c}.blog-card__meta{color:var(--text-3);font:500 .74rem var(--font-interface),sans-serif}.blog-card h2{font:400 1.3rem/1.2 var(--font-display),sans-serif;margin-top:12px}.blog-card h2 a{color:var(--paper);text-decoration:none}.blog-card h2 a:hover{color:#ffb07a}.blog-card>p:not(.blog-card__meta){color:var(--text-2);margin-top:10px;font-size:.88rem;line-height:1.6}.editorial-link{color:#ffb07a;width:max-content;font:600 .82rem var(--font-interface),sans-serif;align-items:center;gap:7px;margin-top:auto;padding-top:24px;text-decoration:none;display:inline-flex}.editorial-link svg{width:15px;height:15px;transition:transform .18s}.editorial-link:hover svg{transform:translate(3px)}.blog-empty{border:1px solid var(--line);text-align:center;background:#0e0f1ec2;border-radius:22px;justify-items:center;max-width:620px;margin:0 auto;padding:40px 28px;display:grid}.blog-empty>svg{color:#ff9fca;width:34px;height:34px}.blog-empty h2{font:400 1.6rem var(--font-display),sans-serif;margin-top:12px}.blog-empty p{color:var(--text-2);margin-top:8px;line-height:1.65}.blog-empty a{color:#ffb07a;text-underline-offset:3px;text-decoration:underline}.blog-article{padding-top:clamp(128px,14vw,176px);overflow:clip}.blog-article__layout{grid-template-columns:minmax(0,800px);justify-content:center;display:grid}.blog-article__aside{display:none}@media (min-width:1180px){.blog-article__layout{grid-template-columns:minmax(0,800px) 260px;gap:56px}.blog-article__aside{display:block}.blog-article__aside .blog-toc{max-height:calc(100vh - 128px);margin-top:0;position:sticky;top:104px;overflow-y:auto}.blog-toc--inline{display:none}}.blog-article__body{width:min(800px,100%);margin-inline:auto}.editorial-back{color:var(--text-2);font:600 .82rem var(--font-interface),sans-serif;align-items:center;gap:8px;margin-bottom:32px;text-decoration:none;display:inline-flex}.editorial-back:hover{color:var(--paper)}.editorial-back svg{width:16px;height:16px}.blog-article header{border-bottom:1px solid var(--line);padding-bottom:30px}.blog-article h1{max-width:18ch;margin:12px 0;font-size:clamp(2.4rem,5.6vw,4rem)}.blog-article__summary{max-width:68ch;color:var(--text-2);font-size:1.1rem;line-height:1.65}.blog-prose{color:#f1f1f1d1;overflow-wrap:anywhere;font-size:1rem;line-height:1.82}.blog-article__body>.blog-prose{padding-top:30px}.blog-article__banner{margin:30px 0 0}.blog-article__banner img{aspect-ratio:16/9;object-fit:cover;border-radius:16px;width:100%;height:auto;display:block}.blog-article__banner figcaption,.blog-prose__figure figcaption{color:var(--text-3);text-align:center;margin-top:8px;font-size:.8rem;line-height:1.5}.blog-prose__figure{margin:1.8em 0}.blog-prose__figure img{border-radius:12px;width:auto;max-width:100%;height:auto;max-height:min(520px,70vh);margin-inline:auto;display:block}.blog-prose__figure--small img{max-width:50%;max-height:340px}.blog-prose__figure--medium img{max-width:75%;max-height:440px}.blog-prose__figure--full img{width:100%;max-height:none}@media (max-width:640px){.blog-prose__figure--small img,.blog-prose__figure--medium img{max-width:100%}}.blog-prose>*+*{margin-top:1.12em}.blog-prose h2,.blog-prose h3{color:var(--paper);font:400 1.75rem/1.2 var(--font-display),sans-serif;margin-top:1.8em}.blog-prose h3{font-size:1.3rem}.blog-prose ul,.blog-prose ol{padding-left:1.35em;list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li{display:list-item}.blog-prose li>p{margin:0}.blog-prose ul ul{list-style:circle}.blog-prose li>ul,.blog-prose li>ol{margin-top:.5em}.blog-prose .blog-document>*+*{margin-top:1.12em}.blog-prose hr{border:0;border-top:1px solid var(--line-2);margin:2em 0}.blog-prose li+li{margin-top:.45em}.blog-prose a{color:#ffb07a;text-underline-offset:3px;text-decoration:underline}.blog-prose blockquote{color:var(--paper);background:#d73e8912;border-left:3px solid #d73e89;border-radius:0 12px 12px 0;padding:16px 20px}.blog-prose pre{border:1px solid var(--line);background:#080913;border-radius:12px;padding:16px;font:.86rem/1.6 ui-monospace,monospace;overflow:auto}.blog-prose code{background:#f1f1f114;border-radius:5px;padding:.1em .35em;font:.9em ui-monospace,monospace}.blog-prose pre code{background:0 0;padding:0}.blog-article__body>footer{border-top:1px solid var(--line);gap:28px;margin-top:50px;padding-top:20px;display:flex}@media (max-width:850px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.editorial-page{padding-inline:18px}.blog-grid{grid-template-columns:1fr}.blog-card{min-height:unset}.blog-article__body>footer{flex-direction:column;gap:0}}.blog-toc{border:1px solid var(--line);background:#f1f1f106;border-radius:16px;margin-top:30px;padding:18px 20px}.blog-toc>summary{color:#ffb07a;min-height:44px;font:600 .72rem var(--font-interface),sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.blog-toc>summary::-webkit-details-marker{display:none}.blog-toc>summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:8px;height:8px;margin-right:4px;transition:transform .18s;transform:rotate(45deg)translateY(-2px)}.blog-toc[open]>summary:after{transform:rotate(-135deg)translateY(-2px)}.blog-toc>summary:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #ffb07a}.blog-toc[open]>summary{margin-bottom:6px}.blog-article__aside .blog-toc a{font-size:.86rem}.blog-article__aside .blog-toc li.is-sub>a{padding-left:34px;font-size:.8rem}.blog-toc ol{counter-reset:toc;gap:2px;margin:0;padding:0;list-style:none;display:grid}.blog-toc li:not(.is-sub){counter-increment:toc}.blog-toc a{min-height:36px;color:var(--text-2);font:.92rem/1.4 var(--font-interface),sans-serif;border-radius:8px;align-items:baseline;gap:10px;padding:6px 8px;text-decoration:none;transition:background-color .16s,color .16s;display:flex}.blog-toc li:not(.is-sub)>a:before{content:counter(toc,decimal-leading-zero);color:var(--text-3);font-variant-numeric:tabular-nums;font-size:.75rem}.blog-toc li.is-sub>a{padding-left:40px;font-size:.86rem}.blog-toc a:hover{color:var(--paper);background:#f1f1f10d}.blog-toc a:focus-visible{outline-offset:2px;outline:2px solid #ffb07a}.blog-prose h2[id],.blog-prose h3[id]{scroll-margin-top:96px}@media (prefers-reduced-motion:no-preference){html:has(.blog-toc){scroll-behavior:smooth}}
