.blog-page{min-height:100vh;background:transparent;color:var(--text-0, #f5f5f7);font-family:var(--font-display, "Inter Tight", "Inter", system-ui, sans-serif);overflow-x:clip}.blog-shell{max-width:1200px;margin:0 auto;padding:clamp(120px,16vh,180px) 24px 140px}.blog-hero{margin-bottom:clamp(40px,6vh,64px)}.blog-hero-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:.78rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2, #86868b)}.blog-hero-eyebrow:before{content:"";width:28px;height:1px;background:#5b5ef4;flex:none}.blog-hero-title{margin:.08em 0 0;font-size:clamp(4.4rem,12vw,10rem);font-weight:600;letter-spacing:-.06em;line-height:.8;color:#fff}.blog-hero-lead{margin:30px 0 0;max-width:46ch;font-size:clamp(1.02rem,1.4vw,1.15rem);line-height:1.65;color:#b9bac6}.blog-filter{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:28px;margin-bottom:clamp(36px,5vh,52px)}.blog-pill{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;padding:10px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-1, #d1d1d6);font-family:inherit;font-size:.875rem;font-weight:500;letter-spacing:.01em;line-height:1;cursor:pointer;transition:color .25s ease,border-color .25s ease,background-color .25s ease,transform .25s var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.blog-pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at var(--blog-x, 50%) var(--blog-y, 50%),rgba(91,94,244,.35),transparent 70%);opacity:0;transition:opacity .3s ease}.blog-pill:hover{color:#fff;border-color:#5b5ef48c}.blog-pill:hover:before{opacity:1}.blog-pill:focus-visible{outline:2px solid rgba(91,94,244,.8);outline-offset:2px}.blog-pill.is-active{background:#5b5ef4;border-color:#5b5ef4;color:#fff}.blog-pill.is-active:before{opacity:0}.blog-grid{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,40px) clamp(20px,3vw,32px);animation:blog-grid-in .36s var(--ease-out, cubic-bezier(.16, 1, .3, 1))}@media(min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1120px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-grid.is-leaving{animation:blog-grid-out .18s ease forwards;pointer-events:none}@keyframes blog-grid-in{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}to{opacity:1;filter:blur(0);transform:none}}@keyframes blog-grid-out{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(8px)}}.blog-card{display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit;animation:blog-card-in .48s var(--ease-out, cubic-bezier(.16, 1, .3, 1)) backwards;transition:transform .42s cubic-bezier(.16,1,.3,1)}@keyframes blog-card-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.blog-card:hover{transform:translateY(-4px)}.blog-card:focus-visible{outline:2px solid rgba(91,94,244,.8);outline-offset:4px;border-radius:24px}.blog-cover{position:relative;aspect-ratio:1 / 1;border-radius:24px;overflow:hidden;background:#05040c}.blog-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;border:1px solid rgba(255,255,255,.08);pointer-events:none}.blog-cover-art{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .42s cubic-bezier(.16,1,.3,1);will-change:transform}.blog-card:hover .blog-cover-art{transform:scale(1.045)}.blog-cover-art[data-variant="0"]{background:radial-gradient(120% 100% at 85% 0%,hsl(var(--cover-h, 243) 90% 64% / .32),transparent 55%),repeating-radial-gradient(circle at 22% 112%,hsl(var(--cover-h, 243) 82% 68% / .2) 0 1.5px,transparent 1.5px 44px),linear-gradient(158deg,#0d0c1c,#060411 55%,#010005)}.blog-cover-art[data-variant="1"]{background:radial-gradient(90% 90% at 15% 100%,hsl(var(--cover-h, 243) 85% 60% / .35),transparent 60%),repeating-linear-gradient(115deg,hsl(var(--cover-h, 243) 85% 72% / .14) 0 1.5px,transparent 1.5px 36px),linear-gradient(200deg,#0c0a1a,#010005 75%)}.blog-cover-art[data-variant="2"]{background:radial-gradient(44% 44% at 62% 36%,hsl(var(--cover-h, 243) 90% 66% / .5),hsl(var(--cover-h, 243) 85% 58% / .14) 58%,transparent 74%),linear-gradient(0deg,hsl(var(--cover-h, 243) 70% 50% / .12),transparent 45%),linear-gradient(165deg,#0b0918,#010005 80%)}.blog-cover-art[data-variant="3"]{background:radial-gradient(80% 55% at 50% 118%,hsl(var(--cover-h, 243) 88% 62% / .38),transparent 62%),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 44px),linear-gradient(180deg,#0a0916,#010005 78%)}.blog-cover-glyph{position:absolute;right:6%;bottom:-8%;font-family:Iowan Old Style,Georgia,Times New Roman,serif;font-style:italic;font-weight:500;font-size:12.5rem;line-height:1;color:hsl(var(--cover-h, 243) 92% 80% / .92);text-shadow:0 0 60px hsl(var(--cover-h, 243) 90% 60% / .45);-webkit-user-select:none;user-select:none}.blog-cover-art[data-variant="1"] .blog-cover-glyph{right:auto;bottom:auto;left:5%;top:-9%}.blog-cover-art[data-variant="3"] .blog-cover-glyph{right:auto;bottom:auto;left:50%;top:50%;transform:translate(-50%,-52%);font-size:11rem}.blog-cover-ring{position:absolute;left:50%;top:50%;width:58%;aspect-ratio:1 / 1;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid hsl(var(--cover-h, 243) 90% 78% / .5)}.blog-cover-ring--inner{width:34%;border-color:hsl(var(--cover-h, 243) 92% 82% / .8)}.blog-card-body{display:flex;flex-direction:column;gap:10px;padding:0 4px}.blog-card-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 0;margin:0;font-size:.78rem;color:var(--text-2, #86868b)}.blog-card-meta>span+span:before{content:"·";margin:0 9px;color:var(--text-3, #48484a)}.blog-card-category{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#a5b4fc}.blog-card-title{margin:0;font-size:1.375rem;font-weight:600;line-height:1.28;letter-spacing:-.015em;color:var(--text-0, #f5f5f7);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1.5px;text-underline-offset:4px;transition:text-decoration-color .3s ease}.blog-card:hover .blog-card-title{text-decoration-color:#a5b4fc}.blog-card-desc{margin:0;font-size:.92rem;line-height:1.62;color:var(--text-2, #86868b);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-progress{position:fixed;top:0;left:0;right:0;height:2px;background:#5b5ef4;transform:scaleX(0);transform-origin:0 50%;z-index:1100;transition:transform 90ms linear;will-change:transform;pointer-events:none}.blog-article{max-width:68ch;margin:0 auto;padding:clamp(112px,14vh,150px) 24px 120px;font-size:17px}.blog-article-back{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;letter-spacing:.02em;color:var(--text-2, #86868b);text-decoration:none;transition:color .25s ease}.blog-article-back span{transition:transform .25s var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.blog-article-back:hover{color:#a5b4fc}.blog-article-back:hover span{transform:translate(-3px)}.blog-article-back:focus-visible{outline:2px solid rgba(91,94,244,.8);outline-offset:3px;border-radius:4px}.blog-article-header{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:30px;margin-bottom:42px}.blog-article-title{margin:22px 0 20px;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:600;line-height:1.05;letter-spacing:-.035em;color:#fff}.blog-article-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 0;margin:0;font-size:.8rem;color:var(--text-2, #86868b)}.blog-article-meta>span+span:before{content:"·";margin:0 9px;color:var(--text-3, #48484a)}.blog-article-category{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#a5b4fc}.blog-article-body{font-size:1.0625rem;line-height:1.78;color:var(--text-1, #d1d1d6)}.blog-article-body>p:first-of-type{font-size:1.155rem;line-height:1.7;color:#e7e7f0}.blog-article-body p{margin:0 0 1.35em}.blog-article-body h2{margin:2.6em 0 .85em;font-size:1.5rem;font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--text-0, #f5f5f7)}.blog-article-body h3{margin:2em 0 .7em;font-size:1.17rem;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--text-0, #f5f5f7)}.blog-article-body strong{color:var(--text-0, #f5f5f7);font-weight:600}.blog-article-body em{font-style:italic}.blog-article-body ul,.blog-article-body ol{margin:0 0 1.35em;padding-left:1.3em}.blog-article-body li{margin:.45em 0}.blog-article-body li::marker{color:#7274f6}.blog-article-body blockquote{margin:1.8em 0;padding:.15em 0 .15em 1.4em;border-left:2px solid #5b5ef4;color:#c3c4d2}.blog-article-body blockquote p:last-child{margin-bottom:0}.blog-article-body code{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.85em;background:#ffffff12;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.15em .4em;color:#dfe1f5}.blog-article-body pre{margin:1.8em 0;padding:20px 22px;background:#0a0a14;border:1px solid rgba(255,255,255,.07);border-radius:16px;box-shadow:inset 0 1px #ffffff0f;overflow-x:auto}.blog-article-body pre code{display:block;background:none;border:none;border-radius:0;padding:0;font-size:.87rem;line-height:1.65;color:#d7d9e8}.blog-article-body a{color:#a5b4fc;text-decoration:underline;text-decoration-color:#a5b4fc66;text-underline-offset:4px;transition:color .25s ease,text-decoration-color .25s ease}.blog-article-body a:hover{color:#c7d2fe;text-decoration-color:currentColor}.blog-article-body hr{border:none;border-top:1px solid rgba(255,255,255,.08);margin:2.6em 0 2.2em}.blog-article-body>p:last-of-type em{font-size:.85rem;color:var(--text-2, #86868b)}.blog-article-footer{margin-top:72px;border-top:1px solid rgba(255,255,255,.08);padding-top:36px;display:flex;flex-direction:column;gap:28px}.blog-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px}.blog-pager-link{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff08;text-decoration:none;transition:border-color .3s ease,background-color .3s ease,transform .3s var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.blog-pager-link:hover{border-color:#5b5ef480;background:#5b5ef412;transform:translateY(-2px)}.blog-pager-link:focus-visible{outline:2px solid rgba(91,94,244,.8);outline-offset:2px}.blog-pager-link--next{text-align:right}.blog-pager-label{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2, #86868b)}.blog-pager-title{font-size:.92rem;line-height:1.4;letter-spacing:-.01em;color:var(--text-0, #f5f5f7)}.blog-pager-spacer{display:block}.blog-empty{padding:64px 0;text-align:center;color:var(--text-2, #86868b)}@media(max-width:640px){.blog-shell,.blog-article{padding-left:20px;padding-right:20px}.blog-card-title{font-size:1.25rem}.blog-cover-glyph{font-size:11.5rem}.blog-cover-art[data-variant="3"] .blog-cover-glyph{font-size:10rem}.blog-pager{grid-template-columns:1fr}.blog-pager-spacer{display:none}.blog-pager-link--next{text-align:left}}@media(prefers-reduced-motion:reduce){.blog-grid,.blog-grid.is-leaving,.blog-card{animation:none!important}.blog-card{opacity:1}.blog-page *,.blog-page *:before,.blog-page *:after,.blog-progress{transition:none!important}.blog-card:hover,.blog-card:hover .blog-cover-art,.blog-pager-link:hover{transform:none}}
