.page-hero{text-align:center;padding-top:80px;padding-bottom:64px;position:relative;overflow:hidden}.page-hero__bg{background:radial-gradient(ellipse 50% 40% at 50% 0%, color-mix(in oklab, var(--primary) 14%, transparent), transparent 60%);position:absolute;inset:0}.page-hero>*{position:relative}.page-hero .h1{max-width:800px;margin:20px auto 24px}.section__head{grid-template-columns:1fr 1fr;align-items:end;gap:48px;margin-bottom:56px;display:grid}@media (max-width:780px){.section__head{grid-template-columns:1fr;gap:16px}}.cat-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}.cat-pill{font-family:var(--ff-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-full);border:1px solid var(--border-faint);color:var(--fg-muted);background:var(--bg-elevated);padding:8px 14px;font-size:11px}.cat-pill--active{color:var(--primary);border-color:color-mix(in oklab, var(--primary) 35%, transparent);background:color-mix(in oklab, var(--primary) 10%, var(--bg-elevated))}.featured-post{background:var(--bg-card);border:1px solid var(--border-faint);border-radius:var(--r-2xl);grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:32px;display:grid}@media (max-width:800px){.featured-post{grid-template-columns:1fr;gap:24px;padding:24px}}.featured-post__visual{aspect-ratio:16/11;border-radius:var(--r-xl);background:var(--bg-inset);border:1px solid var(--border-faint);place-items:center;display:grid;position:relative;overflow:hidden}.featured-post__visual:after{content:"";background:radial-gradient(ellipse 70% 60% at 30% 20%, color-mix(in oklab, var(--primary) 22%, transparent), transparent 70%);position:absolute;inset:0}.featured-post__meta{font-family:var(--ff-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);align-items:center;gap:12px;margin-bottom:14px;font-size:11px;display:flex}.featured-post h2{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(24px,3.2vw,32px);font-weight:700;line-height:1.2}.featured-post p{color:var(--fg-muted);max-width:480px;margin:0 0 20px;font-size:15px;line-height:1.6}.post-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:900px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.post-grid{grid-template-columns:1fr}}.post-card{background:var(--bg-card);border:1px solid var(--border-faint);border-radius:var(--r-lg);transition:border-color .2s var(--ease), transform .2s var(--ease);flex-direction:column;display:flex;overflow:hidden}.post-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.post-card__visual{aspect-ratio:16/9;background:var(--bg-inset);border-bottom:1px solid var(--border-faint);position:relative;overflow:hidden}.post-card__visual:after{content:"";background:var(--bg-grad,radial-gradient(ellipse 70% 70% at 30% 20%, color-mix(in oklab, var(--primary) 18%, transparent), transparent 70%));position:absolute;inset:0}.post-card__body{flex-direction:column;flex:1;padding:20px 22px 24px;display:flex}.post-card__meta{font-family:var(--ff-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);align-items:center;gap:10px;margin-bottom:10px;font-size:10.5px;display:flex}.post-card h3{letter-spacing:-.01em;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.35}.post-card p{color:var(--fg-muted);flex:1;margin:0;font-size:13.5px;line-height:1.55}.post-card__foot{font-family:var(--ff-mono);color:var(--primary);justify-content:space-between;align-items:center;margin-top:16px;font-size:11px;display:flex}.newsletter{text-align:center;border:1px solid var(--border-faint);border-radius:var(--r-2xl);background:var(--bg-card);padding:64px 24px}.newsletter form{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.newsletter input{border-radius:var(--r-full);border:1px solid var(--border-faint);background:var(--bg-inset);width:280px;max-width:100%;height:48px;color:var(--fg);padding:0 18px;font-size:14px}.newsletter input::placeholder{color:var(--fg-dim)}.newsletter input:focus{border-color:var(--primary);outline:none}@media (max-width:700px){.page-hero{padding-top:40px;padding-bottom:40px}}