.blog-index,.blog-article{padding-top:clamp(154px,13vw,190px);padding-bottom:100px}.blog-heading h1{font-size:clamp(48px,6.5vw,92px);line-height:1.05;margin:22px 0 28px}.blog-heading h1 span{color:var(--muted)}.blog-intro{display:flex;align-items:end;justify-content:space-between;gap:24px}.blog-intro p{color:var(--muted);font-size:clamp(18px,2vw,22px);line-height:1.55}.blog-intro>a,.blog-back{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:6px}.blog-intro>a{white-space:nowrap}.blog-intro>a span{margin-left:18px}.blog-filters{display:flex;gap:12px;flex-wrap:wrap;margin:52px 0}.blog-filters a{display:flex;gap:24px;padding:11px 18px;border:1px solid var(--line);border-radius:999px;font-size:14px}.blog-filters a span{color:var(--muted);font-family:var(--mono);font-size:11px;align-self:center}.blog-filters a[aria-current],.blog-filters a:hover{border-color:var(--white);background:var(--surface)}.blog-filters a[aria-current]:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--white);align-self:center}.blog-row{display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:clamp(28px,5vw,80px);padding:44px 0;border-bottom:1px solid var(--line)}.blog-row:first-child{padding-top:0}.blog-row[hidden],.blog-empty[hidden]{display:none}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.blog-meta>:first-child{color:var(--white)}.blog-row h2{font-size:clamp(28px,3vw,44px);line-height:1.12;margin:20px 0 16px;text-wrap:pretty}.blog-row-copy>p{max-width:56ch;color:var(--muted);line-height:1.65}.blog-read{display:flex;width:fit-content;gap:20px;margin-top:26px;font-size:13px}.blog-read>:last-child{padding-left:20px;border-left:1px solid var(--line);color:var(--muted)}.blog-row h2 a:hover,.blog-read:hover,.blog-back:hover,.article-sidebar a:hover{color:#c5b8ff}.blog-artwork{aspect-ratio:1.65;overflow:hidden;background:#201b31;border:1px solid var(--line);display:grid;place-items:center}.blog-artwork img{width:100%;height:100%;object-fit:cover}.blog-artwork-flow{width:100%;height:100%;padding:9%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d4c8ff;background-image:radial-gradient(#b8a7fc24 .8px,transparent .8px);background-size:12px 12px}.art-input,.art-output{font:11px var(--mono);text-align:center}.art-model{width:46%;text-align:center;padding:10px;font-size:clamp(32px,4vw,64px);letter-spacing:-.06em;border:1px solid #b8a7fc70;background:#30234f;line-height:1}.art-model span{display:block;font:8px var(--mono);letter-spacing:0;margin-top:10px}.art-line{flex:1;min-height:16px;max-height:36px;width:1px;background:#b8a7fc70}.blog-artwork-business{background:#d4cdbc}.blog-artwork-business .blog-artwork-flow{color:#29272a;background-image:radial-gradient(#29272a30 .8px,transparent .8px)}.blog-artwork-business .art-model{color:#f4f1ed;background:#29272a;border-color:#29272a}.blog-artwork-business .art-line{background:#29272a70}.blog-empty{margin:60px 0;padding:48px 0;border-block:1px solid var(--line);color:var(--muted);font-size:22px}.blog-outro{margin-top:100px;padding-top:48px;border-top:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:32px}.blog-outro h2{font-size:clamp(36px,5vw,64px)}.article-heading{max-width:1000px;margin:0 auto 56px}.blog-back{display:inline-block;margin-bottom:44px;color:var(--muted)}.article-heading h1{font-size:clamp(42px,5.5vw,80px);line-height:1.04;margin:26px 0;text-wrap:balance}.article-description{font-size:clamp(19px,2vw,24px);line-height:1.55;color:var(--muted);max-width:64ch}.article-byline{display:flex;flex-wrap:wrap;gap:24px;margin-top:32px;font-size:13px;color:var(--muted)}.article-byline>:first-child{color:var(--white)}.blog-article>.blog-artwork{max-width:1000px;max-height:400px;margin:0 auto;aspect-ratio:2.8}.blog-article>.blog-artwork .blog-artwork-flow{padding:3%}.blog-article>.blog-artwork .art-model{width:24%}.article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:clamp(32px,5vw,90px);max-width:1120px;margin:72px auto 0;justify-content:center;align-items:start}.article-sidebar{position:sticky;top:32px}.article-sidebar nav{display:grid;gap:16px}.article-sidebar .micro-label{margin-bottom:8px}.article-sidebar a{color:var(--muted);font-size:13px;line-height:1.5}.article-sidebar .toc-subheading{padding-left:14px}.article-prose{min-width:0;font-size:18px;line-height:1.85;color:#d4d0dc;overflow-wrap:break-word}.article-prose:only-child{grid-column:1 / -1;max-width:760px;justify-self:center}.article-prose>:first-child{margin-top:0}.article-prose p,.article-prose ul,.article-prose ol,.article-prose blockquote,.article-prose pre,.article-prose figure,.article-prose table,.article-code,.article-table{margin:24px 0}.article-prose h2{color:var(--white);font-size:clamp(28px,3vw,38px);line-height:1.2;margin:56px 0 22px;text-wrap:pretty}.article-prose h3{color:var(--white);font-size:25px;margin:36px 0 18px}.article-prose li+li{margin-top:10px}.article-prose a{color:#c5b8ff;text-decoration:underline;text-underline-offset:4px}.article-prose a:hover{color:var(--white)}.article-prose strong{color:var(--white);font-weight:600}.article-prose :not(pre)>code{font-size:.82em;background:#ffffff0c;border:1px solid var(--line);padding:2px 5px;border-radius:3px}.article-prose pre{padding:24px;font-size:13px;line-height:1.8;border:1px solid var(--line);border-radius:4px;overflow-wrap:normal}.article-code{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--surface)}.article-code pre{margin:0;border:0;border-radius:0}.code-copy{display:block;margin:8px 10px 8px auto;padding:7px 10px;border:1px solid var(--line);border-radius:3px;background:none;font-size:12px}.article-prose blockquote{padding:0 0 0 24px;border-left:2px solid #c5b8ff;color:var(--white);font-size:22px}.article-prose img,.article-prose video{max-width:100%;height:auto;border-radius:4px}.article-prose table{display:block;overflow:auto;border-collapse:collapse;font-size:14px}.article-table{overflow-x:auto}.article-table table{display:table;width:100%;margin:0}.article-prose th,.article-prose td{padding:14px 18px;text-align:left;border:1px solid var(--line);min-width:120px}.article-prose th{background:var(--surface);color:var(--white)}.article-prose hr{border:0;border-top:1px solid var(--line);margin:48px 0}.article-diagram{padding:20px;border:1px solid var(--line);border-radius:4px;overflow-x:auto;background:var(--surface)}.article-diagram>svg{display:block;height:auto;margin:auto;min-width:400px}.article-diagram summary{color:var(--muted);font-size:12px;cursor:pointer;margin-top:16px}.article-diagram pre{border:0;padding:12px 0}.blog-related{margin:80px auto 0;border-top:1px solid var(--line);padding-top:40px;max-width:1000px}.blog-related h2{font-size:32px;margin-bottom:32px}.blog-related>div{display:grid;grid-template-columns:1fr 1fr;gap:48px}.blog-related h3{margin-top:16px;line-height:1.25}@media(max-width:1000px){.article-layout{grid-template-columns:minmax(0,760px)}.article-sidebar{position:static;padding-bottom:28px;border-bottom:1px solid var(--line)}}@media(max-width:760px){.blog-intro,.blog-outro{align-items:start;flex-direction:column}.blog-filters{gap:8px;margin:36px 0}.blog-filters a{padding:10px 14px;gap:14px}.blog-row{grid-template-columns:1fr;gap:24px;padding:32px 0}.blog-row h2{font-size:32px;margin-top:16px}.blog-article>.blog-artwork{aspect-ratio:1.65}.blog-article>.blog-artwork .blog-artwork-flow{padding:9%}.blog-article>.blog-artwork .art-model{width:46%}.article-heading{margin-bottom:32px}.article-layout{margin-top:40px}.article-prose{font-size:17px}.article-prose pre{padding:18px;font-size:12px}.blog-related>div{grid-template-columns:1fr;gap:32px}.blog-outro{margin-top:64px}}