.blog-index,.blog-article{width:min(100% - 40px,940px);margin:0 auto}.blog-index{padding:96px 0 72px}.blog-index__header{max-width:760px;margin-bottom:56px}.blog-kicker{margin:0 0 14px;color:var(--iris);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.blog-index__header h1,.blog-article__header h1{color:var(--text);font-family:var(--font-display);font-size:clamp(40px,7vw,72px);font-weight:600;letter-spacing:-.04em;line-height:1.03}.blog-index__header>p:last-child{max-width:630px;margin:22px 0 0;color:var(--text-dim);font-size:18px;line-height:1.6}.blog-list{display:grid;gap:18px}.blog-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 78%,transparent);transition:border-color var(--duration-base) var(--ease),transform var(--duration-base) var(--ease)}.blog-card:before{position:absolute;inset:0;background:radial-gradient(80% 160% at 100% 0%,rgba(var(--iris-rgb),.15),transparent 68%);content:"";opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease)}.blog-card:hover{border-color:color-mix(in srgb,var(--iris) 45%,var(--border));transform:translateY(-2px)}.blog-card:hover:before,.blog-card--featured:before{opacity:1}.blog-card--featured{border-color:color-mix(in srgb,var(--iris) 35%,var(--border))}.blog-card__link{position:relative;z-index:1;display:block;padding:32px 34px;color:inherit}.blog-card__link:hover{color:inherit}.blog-card__link:focus-visible{outline:2px solid var(--iris);outline-offset:-4px}.blog-card__meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px;color:var(--text-mute);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.blog-card h2{margin:0;color:var(--text);font-family:var(--font-display);font-size:clamp(24px,4vw,36px);letter-spacing:-.025em;line-height:1.12}.blog-card p{max-width:720px;margin:14px 0 22px;color:var(--text-dim);font-size:15px;line-height:1.65}.blog-card__read{color:var(--iris);font-size:13px;font-weight:600}.blog-article{max-width:760px;padding:72px 0 88px}.blog-back{display:inline-block;margin-bottom:52px;color:var(--text-mute);font-size:13px}.blog-back:hover{color:var(--iris)}.blog-article__header{padding-bottom:40px;border-bottom:1px solid var(--border)}.blog-article__header h1{font-size:clamp(40px,7vw,64px)}.blog-article__dek{margin:22px 0 0;color:var(--text-dim);font-size:19px;line-height:1.6}.blog-article__meta{display:flex;gap:10px;margin-top:24px;color:var(--text-mute);font-family:var(--font-mono);font-size:12px}.blog-article__body{padding-top:38px;color:var(--text-dim);font-size:17px;line-height:1.78}.blog-article__body h2{margin:52px 0 16px;color:var(--text);font-family:var(--font-display);font-size:30px;letter-spacing:-.025em;line-height:1.2}.blog-article__body h3{margin:36px 0 12px;color:var(--text);font-size:20px}.blog-article__body p,.blog-article__body ul,.blog-article__body ol,.blog-article__body blockquote{margin:0 0 24px}.blog-article__body ul,.blog-article__body ol{padding-left:24px}.blog-article__body li{margin-bottom:8px}.blog-article__body strong{color:var(--text)}.blog-article__body a{color:var(--iris);text-decoration:underline;text-underline-offset:3px}.blog-article__body blockquote{padding:6px 0 6px 22px;border-left:2px solid var(--iris);color:var(--text);font-size:19px}.blog-download{position:relative;overflow:hidden;margin-top:64px;padding:34px;border:1px solid color-mix(in srgb,var(--iris) 34%,var(--border));border-radius:16px;background:radial-gradient(90% 130% at 100% 0%,rgba(var(--iris-rgb),.2),transparent 66%),color-mix(in srgb,var(--surface) 82%,transparent)}.blog-download h2{margin:0;color:var(--text);font-family:var(--font-display);font-size:30px;letter-spacing:-.025em}.blog-download>p:not(.blog-kicker){max-width:560px;margin:14px 0 24px;color:var(--text-dim);line-height:1.6}.blog-download a{display:inline-flex;border-radius:8px}.blog-download a:focus-visible{outline:2px solid var(--iris);outline-offset:5px}.blog-download img{width:auto;height:48px}@media(max-width:640px){.blog-index{padding-top:64px}.blog-index__header{margin-bottom:38px}.blog-card__link{padding:26px 24px}.blog-card__meta{flex-direction:column;gap:6px}.blog-article{padding-top:48px}.blog-back{margin-bottom:36px}.blog-article__body{font-size:16px}.blog-download{padding:28px 24px}}