.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-cover-placeholder{color:#00bdb4e6;background:radial-gradient(70% 60% at 50% 40%,#00bdb42e 0%,#0000 65%),linear-gradient(135deg,#0b1c2c 0%,#060d18 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.techpub-cover-placeholder:before,.techpub-cover-placeholder:after{content:"";pointer-events:none;position:absolute;inset:0}.techpub-cover-placeholder:before{background-image:linear-gradient(#00bdb412 1px,#0000 1px),linear-gradient(90deg,#00bdb412 1px,#0000 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(80% 70%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 70%,#000 30%,#0000 80%)}.techpub-cover-placeholder:after{border:1px solid #00bdb42e;margin:14px}.techpub-cover-mark{filter:drop-shadow(0 0 18px #00bdb480);z-index:1;width:56px;height:auto;position:relative}.techpub-cover-label{font-family:var(--font-mono);letter-spacing:.22em;color:var(--teal);text-shadow:0 0 10px #00bdb466;z-index:1;font-size:11px;font-weight:600;position:relative}.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)}}