.techpubs-hero{padding:calc(var(--nav-height) + var(--space-2xl)) var(--space-xl) var(--space-2xl);background:var(--bg-primary);text-align:center}.techpubs-hero-headline{font-family:var(--font-display);letter-spacing:-.02em;color:var(--white);margin:var(--space-md) auto var(--space-md);font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.05}.techpubs-hero-sub{color:var(--white-dim);max-width:560px;margin:0 auto;font-size:18px;line-height:1.7}.techpubs-section{padding:var(--space-2xl) var(--space-xl);background:var(--bg-secondary)}.techpubs-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);max-width:1000px;margin:0 auto;display:grid}.techpub-card{color:inherit;border:1px solid var(--white-faint);cursor:pointer;text-align:left;background:0 0;border-radius:6px;flex-direction:column;padding:0;text-decoration:none;transition:border-color .2s;display:flex;overflow:hidden}.techpub-card:hover{border-color:var(--teal-border)}.techpub-cover{aspect-ratio:4/3;background:var(--bg-primary);width:100%;position:relative;overflow:hidden}.techpub-body{padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.techpub-type{font-family:var(--font-mono);letter-spacing:.14em;color:var(--teal);text-transform:uppercase;font-size:10px}.techpub-title{font-family:var(--font-display);color:var(--white);font-size:17px;font-weight:700;line-height:1.3;transition:color .15s}.techpub-card:hover .techpub-title{color:var(--teal)}.techpub-cta{padding-top:var(--space-md);align-items:center;gap:var(--space-sm);font-family:var(--font-mono);letter-spacing:.12em;color:var(--teal);text-transform:uppercase;border-top:1px solid var(--white-faint);margin-top:auto;font-size:11px;display:flex}.techpub-cta-icon{flex-shrink:0;width:14px;height:14px}@media (max-width:768px){.techpubs-hero{padding:calc(var(--nav-height) + var(--space-xl)) var(--space-lg) var(--space-xl)}.techpubs-section{padding:var(--space-xl) var(--space-lg)}.techpubs-grid{grid-template-columns:1fr}}@media (max-width:1024px) and (min-width:769px){.techpubs-grid{grid-template-columns:repeat(2,1fr)}}
