.blog-list{max-width:1200px;margin:0 auto;padding:72px 24px 96px}@media (min-width:768px){.blog-list{padding:96px 56px 120px}}.blog-list__eyebrow{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);align-items:center;gap:9px;margin:0 0 40px;font-size:10px;font-weight:700;display:inline-flex}.blog-list__eyebrow-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.blog-empty{border:1px solid var(--ink-line-strong);background:var(--ink-card);border-radius:8px;flex-direction:column;align-items:flex-start;gap:18px;max-width:720px;padding:56px 28px;display:flex}@media (min-width:768px){.blog-empty{padding:64px 56px}}.blog-empty__title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--foreground);margin:0;font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:800;line-height:1.05}.blog-empty__text{color:color-mix(in srgb, var(--foreground) 92%, transparent);max-width:52ch;margin:0 0 8px;font-size:15.5px;line-height:1.65}.blog-grid{grid-template-columns:1fr;gap:28px;display:grid}@media (min-width:720px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1040px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:32px}}.blog-card{border:1px solid var(--ink-line-strong);background:var(--ink-card);border-radius:12px;transition:transform .38s cubic-bezier(.23,1,.32,1),border-color .38s cubic-bezier(.23,1,.32,1);overflow:hidden}@media (hover:hover){.blog-card:hover{border-color:color-mix(in srgb, var(--foreground) 22%, transparent);transform:translateY(-4px)}}.blog-card__link{color:inherit;flex-direction:column;height:100%;padding:14px 14px 20px;text-decoration:none;display:flex}.blog-card__cover{aspect-ratio:16/9;background:var(--ink-elev);border:1px solid var(--ink-line);border-radius:8px;margin-bottom:18px;position:relative;overflow:hidden}.blog-card__cover img{object-fit:cover;width:100%;height:100%}.blog-card__cover-grid{pointer-events:none;background-image:radial-gradient(color-mix(in srgb, var(--foreground) 13%, transparent) 1.3px, transparent 1.3px);background-position:10px 10px;background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(110% 110% at 50% 42%,#000 55%,#0000 86%);mask-image:radial-gradient(110% 110% at 50% 42%,#000 55%,#0000 86%)}.blog-card__date{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--foreground) 48%, transparent);margin:0 0 8px;font-size:10.5px;font-weight:700}.blog-card__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--foreground);margin:0 0 10px;font-size:clamp(19px,2vw,23px);font-weight:800;line-height:1.15}.blog-card__excerpt{color:color-mix(in srgb, var(--foreground) 92%, transparent);flex:1;margin:0 0 16px;font-size:14.5px;line-height:1.6}.blog-card__more{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}.blog-article{max-width:760px;margin:0 auto;padding:140px 24px 96px}@media (min-width:768px){.blog-article{padding:170px 32px 120px}}.blog-article__back{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--foreground) 92%, transparent);margin-bottom:40px;font-size:11.5px;font-weight:700;text-decoration:none;transition:color .18s;display:inline-block}.blog-article__back:hover{color:var(--accent)}.blog-article__date{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;font-size:11px;font-weight:700}.blog-article__title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--foreground);margin:0 0 18px;font-size:clamp(2rem,5vw,3.4rem);font-weight:800;line-height:1.04}.blog-article__excerpt{color:color-mix(in srgb, var(--foreground) 92%, transparent);margin:0 0 8px;font-size:clamp(16px,1.7vw,18.5px);font-style:italic;line-height:1.6}.blog-article__cover{border:1px solid var(--ink-line-strong);border-radius:12px;margin:36px 0 0;overflow:hidden}.blog-article__cover img{width:100%;height:auto;display:block}.blog-article__body{margin-top:44px}.blog-article__body .mpreview-h1,.blog-article__body .mpreview-h2,.blog-article__body .mpreview-h3{font-family:var(--font-display);letter-spacing:-.03em;color:var(--foreground);margin:40px 0 14px;font-weight:800;line-height:1.1}.blog-article__body .mpreview-h1{font-size:clamp(1.6rem,3.4vw,2.2rem)}.blog-article__body .mpreview-h2{font-size:clamp(1.4rem,2.8vw,1.8rem)}.blog-article__body .mpreview-h3{font-size:clamp(1.2rem,2.2vw,1.4rem)}.blog-article__body .mpreview-p{color:color-mix(in srgb, var(--foreground) 92%, transparent);margin:0 0 18px;font-size:16.5px;line-height:1.75}.blog-article__body .mpreview-ul,.blog-article__body .mpreview-ol{color:color-mix(in srgb, var(--foreground) 92%, transparent);margin:0 0 18px;padding-left:22px;font-size:16.5px;line-height:1.75}.blog-article__body li{margin-bottom:6px}.blog-article__body .mpreview-code{font-family:var(--font-mono,ui-monospace, monospace);background:color-mix(in srgb, var(--foreground) 8%, transparent);border:1px solid var(--ink-line);border-radius:4px;padding:1px 6px;font-size:.88em}.blog-article__body .mpreview-link{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.blog-article__body strong{color:var(--foreground);font-weight:700}