.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,26px);margin:0;padding:0;list-style:none}.blog-grid>li{display:flex;min-width:0}.blog-card{position:relative;display:flex;flex:1;flex-direction:column;min-width:0;border:1px solid var(--line-strong);border-radius:22px;background:var(--panel);box-shadow:var(--shadow-card);transition:transform .6s var(--ease-out),border-color .5s ease,box-shadow .6s ease}.blog-card:hover,.blog-card:focus-within{border-color:#c8ab786b;box-shadow:0 50px 90px -46px #20221d8c,0 0 46px -14px #c8ab7842}.blog-card:hover{transform:translateY(-4px)}.blog-card-file{display:flex;min-width:0}.blog-card-file b{overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis}.blog-card-cover{position:relative;isolation:isolate;overflow:hidden;padding:18px 22px 20px 0;border-bottom:1px solid var(--line);background:radial-gradient(70% 120% at var(--glow-x, 88%) var(--glow-y, -10%),rgb(200 171 120 / .13),transparent 70%),radial-gradient(rgb(241 237 227 / .055) 1px,transparent 1.3px) 0 0 / 22px 22px,var(--panel-deep)}.blog-card-cover:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 130% at var(--glow-x, 88%) var(--glow-y, -10%),rgb(200 171 120 / .2),transparent 72%);opacity:0;transition:opacity .6s ease}.blog-card:hover .blog-card-cover:after{opacity:1}.blog-card-v1{--glow-x: 10%;--glow-y: 115%}.blog-card-v2{--glow-x: 58%;--glow-y: 135%}.blog-code{margin:0;font-family:var(--mono);font-size:12.5px;line-height:1.85;color:var(--text-muted)}.blog-code-line{display:block;overflow:hidden;white-space:pre;text-overflow:ellipsis}.blog-code-line:before{content:attr(data-line);display:inline-block;width:3.4em;padding-right:1.4em;text-align:right;color:#f1ede333}.blog-card-caret{opacity:0}.blog-card:hover .blog-card-caret{opacity:1}.blog-card-body{display:flex;flex:1;flex-direction:column;padding:22px 24px 18px}.studio .blog-card-title{margin:0;font-size:clamp(22px,1.75vw,27px);line-height:1.14;font-weight:300;letter-spacing:-.04em;color:var(--text);text-wrap:pretty}.studio .blog-card-link{color:inherit}.blog-card-link:after{content:"";position:absolute;inset:-1px;z-index:1;border-radius:22px}.studio .blog-card-link:focus-visible{outline:none;box-shadow:none}.blog-card-link:focus-visible:after{outline:2px solid var(--brass-soft);outline-offset:4px}.blog-card-excerpt{display:-webkit-box;margin:12px 0 24px;overflow:hidden;font-size:15px;line-height:1.6;color:var(--text-muted);-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.blog-card-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--comment)}.blog-card-cta{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:var(--brass-soft)}.blog-card-cta svg{width:15px;height:15px;transition:transform .35s var(--ease-out)}.blog-card:hover .blog-card-cta svg{transform:translate(4px)}.blog-index{padding-block:clamp(48px,6vw,80px) clamp(90px,11vw,150px)}.blog-index-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(22px,2.4vw,32px)}.blog-index-count{margin:0;font-family:var(--mono);font-size:12px;color:var(--comment)}.blog-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:clamp(48px,6vw,72px);padding-top:28px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12.5px}.blog-pager-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none}.blog-pager-prev{justify-self:start}.blog-pager-next{justify-self:end}.studio .blog-pager a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 15px;border:1px solid var(--line);border-radius:999px;color:var(--text-muted);transition:color .2s ease,background .2s ease,border-color .2s ease}.studio .blog-pager a:hover{border-color:var(--line-strong);background:var(--line);color:var(--text)}.studio .blog-pager a[aria-current=page]{border-color:#c8ab7880;background:#c8ab7821;color:var(--brass-soft)}.studio .blog-pager a:focus-visible{outline:2px solid var(--brass-soft);outline-offset:2px;box-shadow:none}.blog-progress{position:fixed;inset:0 0 auto;z-index:45;height:2px;pointer-events:none}.blog-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--brass),var(--brass-soft));box-shadow:0 0 10px #c8ab7880;transform:scaleX(0);transform-origin:left}.blog-head{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(160px,15vw,220px) clamp(56px,7vw,92px);border-bottom:1px solid var(--line)}.blog-head:after{content:"";position:absolute;inset:auto 0 0;z-index:-1;height:40%;background:linear-gradient(transparent,var(--bg))}.studio .blog-head-inner,.studio .blog-layout{padding-left:calc(var(--gutter) + clamp(20px,2.6vw,48px))}.blog-head-inner>*{animation:site-fade-up 1s var(--ease-out) both}.blog-head-inner>:nth-child(2){animation-delay:.08s}.blog-head-inner>:nth-child(3){animation-delay:.16s}.blog-head-inner>:nth-child(4){animation-delay:.32s}.studio .blog-back{display:inline-flex;align-items:center;gap:.55em;min-height:44px;font-family:var(--mono);font-size:12.5px;color:var(--text-muted);transition:color .2s ease}.studio .blog-back:hover{color:var(--brass-soft)}.studio .blog-back:focus-visible{outline:2px solid var(--brass-soft);outline-offset:4px}.blog-back-arrow{display:inline-block;color:var(--brass);transition:transform .35s var(--ease-out)}.blog-back:hover .blog-back-arrow{transform:translate(-4px)}.blog-fm{display:grid;justify-items:start;margin:18px 0 0;font-family:var(--mono);font-size:12.5px;line-height:1.9;color:var(--text-muted)}.blog-fm:before,.blog-fm:after{content:"---";color:var(--comment)}.blog-fm>div{display:flex;flex-wrap:wrap}.blog-fm dt:after{content:":";margin-right:.6em;color:var(--comment)}.blog-fm dd{margin:0}.studio .blog-title{max-width:19ch;margin:30px 0 0;font-size:clamp(40px,5vw,84px);line-height:1.02;font-weight:300;letter-spacing:-.055em;color:var(--text);text-wrap:balance}.blog-excerpt{max-width:54ch;margin:26px 0 0;font-size:clamp(17px,1.4vw,21px);line-height:1.6;letter-spacing:-.015em;color:var(--text-muted);text-wrap:pretty}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,300px);align-items:start;-moz-column-gap:clamp(48px,7vw,120px);column-gap:clamp(48px,7vw,120px);padding-block:clamp(56px,7vw,100px) clamp(90px,11vw,150px)}.blog-author{position:sticky;top:120px;overflow:hidden;border:1px solid var(--line-strong);border-radius:22px;background:var(--panel);box-shadow:var(--shadow-card)}.blog-author-body{display:grid;justify-items:start;padding:22px 24px 24px}.blog-author-id{display:flex;align-items:center;gap:14px;margin-top:18px}.blog-avatar{display:grid;flex-shrink:0;place-items:center;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fff4dc,#d9bf8e 42%,#a88d61 78%,#8d7550);box-shadow:inset 0 0 0 1px #ffffff40,0 10px 24px -12px #000c;color:#1b1c17;font-size:14px;font-weight:600;letter-spacing:.02em}.studio .blog-author-name{margin:0;font-size:21px;line-height:1.2;font-weight:400;letter-spacing:-.035em;color:var(--text)}.blog-author-bio{margin:16px 0 22px;font-size:14.5px;line-height:1.65;color:var(--text-muted)}.studio .blog-prose{--tw-prose-body: var(--text-body);--tw-prose-headings: var(--text);--tw-prose-lead: var(--text-muted);--tw-prose-links: var(--brass-soft);--tw-prose-bold: var(--text);--tw-prose-counters: var(--brass);--tw-prose-bullets: rgb(200 171 120 / .75);--tw-prose-hr: var(--line-strong);--tw-prose-quotes: var(--text);--tw-prose-quote-borders: var(--brass);--tw-prose-captions: var(--comment);--tw-prose-kbd: var(--text);--tw-prose-kbd-shadows: 32 34 29;--tw-prose-code: var(--brass-soft);--tw-prose-pre-code: #e9e4d6;--tw-prose-pre-bg: #0f100d;--tw-prose-th-borders: var(--line-strong);--tw-prose-td-borders: var(--line);min-width:0;max-width:68ch;font-size:18px;line-height:1.75;color:var(--tw-prose-body);overflow-wrap:break-word}.studio .blog-prose>:first-child{margin-top:0}.studio .blog-prose>p:first-child{font-size:1.12em;line-height:1.65;color:var(--text)}.studio .blog-prose>:is(h2,h3,h4){font-family:Inter,sans-serif;font-weight:400;color:var(--text);scroll-margin-top:120px;text-wrap:balance}.studio .blog-prose>h2{position:relative;margin:2.2em 0 .75em;font-size:clamp(26px,2.3vw,33px);line-height:1.18;letter-spacing:-.035em}.studio .blog-prose>h2:before{content:"##";position:absolute;top:0;right:100%;margin-right:18px;font-family:var(--mono);font-size:.4em;line-height:2.95;letter-spacing:.02em;color:var(--brass);opacity:.6}.studio .blog-prose>h3{margin:1.9em 0 .6em;font-size:clamp(20px,1.6vw,23px);line-height:1.3;letter-spacing:-.025em}.studio .blog-prose>h2+h3{margin-top:.6em}.studio .blog-prose>h4{margin:1.6em 0 .5em;font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.015em}.studio .blog-prose a{color:var(--brass-soft);font-weight:400;text-decoration:underline;text-decoration-color:#c8ab7880;text-decoration-thickness:1px;text-underline-offset:.22em;overflow-wrap:anywhere;transition:color .2s ease,text-decoration-color .2s ease}.studio .blog-prose a:hover{color:#fff4dc;text-decoration-color:var(--brass-soft)}.studio .blog-prose a:focus-visible{border-radius:3px;outline:2px solid var(--brass-soft);outline-offset:3px;box-shadow:none}.studio .blog-prose strong{font-weight:500;color:var(--text)}.studio .blog-prose :is(ul,ol){padding-left:1.4em}.studio .blog-prose li{margin-block:.45em;padding-left:.3em}.studio .blog-prose ol>li::marker{font-family:var(--mono);font-size:.82em;color:var(--brass)}.studio .blog-prose blockquote{margin:2em 0;padding:1.1em 1.4em;border:1px solid var(--line);border-left:2px solid var(--brass);border-radius:0 16px 16px 0;background:var(--panel);font-style:normal;font-weight:400;color:var(--tw-prose-quotes);quotes:none}.studio .blog-prose blockquote>:first-child{margin-top:0}.studio .blog-prose blockquote>:last-child{margin-bottom:0}.studio .blog-prose blockquote p:before,.studio .blog-prose blockquote p:after{content:none}.studio .blog-prose :not(pre)>code{padding:.14em .42em;border:1px solid var(--line);border-radius:6px;background:var(--panel-raised);font-family:var(--mono);font-size:.84em;font-weight:500;color:var(--brass-soft)}.studio .blog-prose code:before,.studio .blog-prose code:after{content:none}.studio .blog-prose pre{margin:2em 0;padding:54px 22px 22px;overflow-x:auto;border:1px solid var(--line-strong);border-radius:18px;background:radial-gradient(circle at 23px 20px,rgb(241 237 227 / .16) 4.5px,transparent 5px),radial-gradient(circle at 38px 20px,rgb(241 237 227 / .16) 4.5px,transparent 5px),radial-gradient(circle at 53px 20px,rgb(241 237 227 / .16) 4.5px,transparent 5px),linear-gradient(var(--line),var(--line)) 0 39px / 100% 1px no-repeat,var(--panel-deep)!important;font-family:var(--mono);font-size:13.5px;line-height:1.75;color:#e9e4d6;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.studio .blog-prose pre code{padding:0;border:0;background:none;font:inherit;color:inherit}.studio .blog-prose table{width:100%;margin-block:2em;font-size:15px;line-height:1.55;border-collapse:collapse}.studio .blog-prose thead{border-bottom:1px solid var(--line-strong)}.studio .blog-prose :is(th,td){padding:12px 16px;text-align:left;vertical-align:top}.studio .blog-prose th{background:var(--panel-raised);font-size:14px;font-weight:500;color:var(--text)}.studio .blog-prose tbody tr{border-bottom:1px solid var(--line)}.studio .blog-prose tbody tr:last-child{border-bottom:0}.blog-table{margin-block:2em;overflow-x:auto;border:1px solid var(--line-strong);border-radius:16px;background:var(--panel)}.studio .blog-table table{margin:0}.blog-table:focus-visible{outline:2px solid var(--brass-soft);outline-offset:3px}.studio .blog-prose hr{height:1px;margin-block:3em;border:0;background:linear-gradient(90deg,var(--line-strong),transparent 85%)}.studio .blog-prose :is(img,video){border:1px solid var(--line);border-radius:16px}.studio .blog-prose iframe{display:block;width:100%;height:auto;aspect-ratio:16 / 9;margin-block:2em;border:1px solid var(--line-strong);border-radius:16px;background:var(--panel-deep)}.content-note{margin-top:56px;padding:20px 22px 22px;border:1px solid var(--line);border-radius:16px;background:#20221d08}.studio .content-note .content-note-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-family:var(--mono);font-size:12px;line-height:1.5;font-weight:400;letter-spacing:.01em;color:var(--comment)}.content-note-title:before{content:"//";color:var(--brass)}.studio .content-note .content-note-text{margin:0;font-size:14px;line-height:1.7;color:var(--text-muted)}@media(min-width:1800px){.blog-index,.blog-head-inner,.blog-layout{max-width:1800px;margin-inline:auto}}@media(max-width:1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-layout{grid-template-columns:minmax(0,1fr);row-gap:64px}.blog-author{position:static;max-width:520px}}@media(max-width:900px){.studio .blog-head-inner,.studio .blog-layout{padding-left:var(--gutter)}.studio .blog-prose>h2:before{display:none}}@media(max-width:700px){.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-pager{grid-template-columns:1fr 1fr}.blog-pager-pages{grid-row:1;grid-column:1 / -1}.blog-pager-prev{grid-row:2;grid-column:1}.blog-pager-next{grid-row:2;grid-column:2}.studio .blog-table table{min-width:32rem}}@media(max-width:600px){.blog-head{padding-block:140px 48px}.studio .blog-title{margin-top:24px;font-size:clamp(34px,9.6vw,46px);letter-spacing:-.05em}.blog-excerpt{margin-top:20px}.studio .blog-prose{font-size:17px}.studio .blog-prose table{font-size:14px}.studio .blog-prose pre{font-size:12.5px}.blog-card-body{padding:20px 20px 16px}.content-note{padding:18px}}