.lucana-blog-banner{background:var(--background);color:var(--ink);text-align:center;padding:64px 20px}.lucana-blog-banner nav{display:flex;justify-content:center;gap:10px;font-size:12px;margin-bottom:28px}.lucana-blog-banner h1{font-family:inherit;text-transform:uppercase;font-size:clamp(32px,5vw,64px);line-height:1.1;margin-bottom:32px}.lucana-blog-tags{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.lucana-blog-tags button{border:0;border-radius:999px;padding:12px 20px;min-height:44px;background:var(--field);color:var(--ink);font-size:14px}.lucana-blog-tags button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.lucana-blog-content{padding-block:40px 64px}.lucana-blog-count{text-align:right;font-size:13px;color:var(--muted);margin-bottom:28px}.lucana-blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}.lucana-blog-card{min-width:0}.lucana-blog-image{display:block;position:relative;border-radius:8px;overflow:hidden;aspect-ratio:3/4}.lucana-blog-image>span{position:absolute;left:12px;top:12px;border-radius:20px;background:var(--selection);color:var(--on-accent);padding:6px 12px;font-size:11px}.lucana-blog-meta{display:flex;flex-wrap:wrap;gap:5px 12px;color:var(--muted);font-size:11px;margin-top:18px}.lucana-blog-card h2{font-family:inherit;font-size:20px;line-height:1.35;margin:12px 0}.lucana-blog-card>p{font-size:14px;line-height:1.7;color:var(--muted)}.lucana-blog-read{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;margin-top:12px}.lucana-blog-more{display:block;margin:40px auto 0;border:1px solid var(--ink);border-radius:999px;padding:14px 24px;background:var(--surface);min-height:48px}@media (max-width:1100px){.lucana-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:749px){.lucana-blog-banner{padding:48px 16px}.lucana-blog-tags{gap:8px}.lucana-blog-tags button{padding:10px 15px}.lucana-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.lucana-blog-content{padding-block:28px 40px}.lucana-blog-card h2{font-size:17px}.lucana-blog-card>p{font-size:13px}.lucana-blog-image>span{left:8px;top:8px;font-size:10px;padding:5px 9px}}@media (max-width:359px){.lucana-blog-grid{grid-template-columns:minmax(0,1fr)}}