.blog-shell{background:radial-gradient(ellipse 65% 45% at 88% 5%, color-mix(in srgb, var(--color-accent-200) 35%, transparent), transparent), color-mix(in srgb, var(--color-bg) 94%, var(--color-accent-100));flex-direction:column;min-height:100svh;display:flex}.blog-topbar{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:20px;width:100%;padding:19px clamp(20px,5vw,72px);display:flex}.blog-brand{color:var(--color-text);font-family:var(--font-heading);letter-spacing:-.02em;font-size:24px;line-height:1}.blog-back,.blog-article-return{color:var(--color-accent-700);font:500 11px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;display:inline-flex}.blog-back svg{transform:rotate(180deg)}.blog-back:hover,.blog-article-return:hover{color:var(--color-accent)}.blog-main{flex:1;width:min(960px,100%);margin:0 auto;padding:clamp(56px,9vw,108px) clamp(22px,6vw,48px) 90px}.blog-eyebrow{color:var(--color-accent-700);font:500 11px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:12px;display:flex}.blog-eyebrow-line{background:currentColor;width:28px;height:1px}.blog-intro{margin:23px 0 clamp(50px,7vw,80px)}.blog-intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(76px,13vw,146px);font-weight:400;line-height:.92}.blog-title-dot{color:var(--color-accent)}.blog-intro p{max-width:51ch;color:color-mix(in srgb, var(--color-text) 70%, transparent);margin:28px 0 0;font-size:clamp(15px,2vw,18px);line-height:1.7}.blog-list{border-top:1px solid var(--color-divider);margin:0;padding:0;list-style:none}.blog-list li{border-bottom:1px solid var(--color-divider)}.blog-entry{color:var(--color-text);grid-template-columns:56px minmax(0,1fr) 26px;align-items:start;gap:clamp(16px,3vw,34px);padding:clamp(28px,4vw,42px) 8px;transition:background .2s;display:grid}.blog-entry:hover{background:color-mix(in srgb, var(--color-accent) 6%, transparent)}.blog-entry-number,.blog-entry-category,.blog-entry-meta{font:500 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.blog-entry-number{color:var(--color-accent-700);padding-top:5px}.blog-entry-main{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.blog-entry-category{color:var(--color-accent-700)}.blog-entry-title{font:400 clamp(30px, 4vw, 43px)/1.08 var(--font-heading);letter-spacing:-.02em;transition:color .2s}.blog-entry:hover .blog-entry-title{color:var(--color-accent-700)}.blog-entry-excerpt{max-width:65ch;color:color-mix(in srgb, var(--color-text) 72%, transparent);font-size:14px;line-height:1.7}.blog-entry-meta{color:color-mix(in srgb, var(--color-text) 52%, transparent);margin-top:5px}.blog-entry-arrow{color:var(--color-accent-700);margin-top:4px;transition:transform .2s}.blog-entry:hover .blog-entry-arrow{transform:translate(3px,-3px)}.blog-empty{text-align:center;border:1px solid var(--color-divider);background:color-mix(in srgb, var(--color-surface) 42%, transparent);flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:46px 24px;display:flex;position:relative}.blog-empty-number{font:11px var(--font-mono);letter-spacing:.12em;color:var(--color-accent-700);position:absolute;top:20px;left:22px}.blog-empty svg{color:var(--color-accent-700);margin-bottom:18px}.blog-empty h2{font-size:clamp(28px,4vw,39px);font-weight:400}.blog-empty p{max-width:38ch;color:color-mix(in srgb, var(--color-text) 65%, transparent);font-size:14px}.blog-article-wrap{max-width:820px}.blog-article-return{margin-bottom:clamp(40px,7vw,72px)}.blog-article h1{letter-spacing:-.045em;overflow-wrap:anywhere;max-width:15ch;margin:22px 0;font-size:clamp(48px,8vw,88px);font-weight:400;line-height:.99}.blog-article-deck{max-width:58ch;color:color-mix(in srgb, var(--color-text) 75%, transparent);font-size:clamp(17px,2vw,21px);line-height:1.65}.blog-article-meta{font:11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-700);flex-wrap:wrap;gap:14px 28px;margin:32px 0 38px;display:flex}.blog-article-rule{background:var(--color-divider);height:1px;margin-bottom:46px}.blog-article-body{overflow-wrap:anywhere;max-width:68ch;font-size:17px;line-height:1.9}.blog-article-body p{white-space:pre-wrap;margin:0 0 1.55em}.blog-article-end{border-top:1px solid var(--color-divider);font:11px var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb, var(--color-text) 55%, transparent);justify-content:space-between;align-items:center;gap:20px;margin-top:70px;padding-top:20px;display:flex}.blog-article-end a{color:var(--color-accent-700);align-items:center;gap:7px;display:inline-flex}@media (max-width:600px){.blog-topbar{padding:16px 20px}.blog-brand{font-size:20px}.blog-back{font-size:10px}.blog-main{padding-bottom:64px}.blog-intro p{margin-top:18px}.blog-entry{grid-template-columns:30px minmax(0,1fr) 18px;gap:12px;padding:28px 0}.blog-entry-excerpt{font-size:13px}.blog-entry-meta{line-height:1.5}.blog-article-meta{gap:8px 18px}.blog-article-body{font-size:16px}}