.rec-hero{background:var(--navy-deep);color:#fff;border-bottom:1px solid #4cd96433;padding:140px 0 80px;position:relative;overflow:hidden}.rec-hero-video-wrap{z-index:0;position:absolute;inset:0}.rec-hero-video{object-fit:cover;opacity:.45;width:100%;height:100%}.rec-hero-overlay{background:linear-gradient(135deg,#0a0f2ed9 0%,#1b256199 50%,#0a0f2ebf 100%);position:absolute;inset:0}.rec-hero-grid{pointer-events:none;background-image:linear-gradient(#4cd9640d 1px,#0000 1px),linear-gradient(90deg,#4cd9640d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.rec-hero .eyebrow{color:var(--green-bright);margin-bottom:12px;display:block}.rec-hero h1{max-width:700px;margin-bottom:16px}.rec-hero h1 em{color:var(--acid);font-style:italic}.rec-hero p{color:#ffffffa6;max-width:560px;font-size:16px}.rec-layout{grid-template-columns:200px 1fr;gap:0;min-height:70vh;display:grid}.rec-sidebar{background:var(--bone);border-right:1px solid var(--gray-300);height:calc(100dvh - 64px);padding:40px 24px;position:sticky;top:64px;overflow-y:auto}.rec-filter-label{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--gray-500);margin-bottom:12px;font-size:10px;display:block}.rec-filter-btn{cursor:pointer;border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--gray-700);text-align:left;transition:transform var(--transition), background var(--transition), border-color var(--transition), box-shadow var(--transition), opacity var(--transition);background:0 0;border:none;margin-bottom:2px;padding:9px 12px;font-size:13px;display:block}.rec-filter-btn:hover{color:var(--ink);background:#0000000f}.rec-filter-btn.active{background:var(--navy);color:#fff;font-weight:500}.rec-main{padding:48px 40px}.rec-featured{border-bottom:1px solid var(--bone);grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px;padding-bottom:48px;display:grid}.article-card{border:1px solid var(--gray-300);border-radius:var(--radius-md);transition:transform var(--transition), background var(--transition), border-color var(--transition), box-shadow var(--transition), opacity var(--transition);background:#fff;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.article-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 8px 28px #2e7d321a}.article-card.featured{flex-direction:row;grid-column:span 2}.article-thumb{background:var(--navy);flex-direction:column;justify-content:space-between;min-height:160px;padding:32px 28px;display:flex;position:relative;overflow:hidden}.article-card.featured .article-thumb{flex-shrink:0;width:300px;min-height:auto}.article-thumb:before{content:"";background-image:linear-gradient(#4cd96412 1px,#0000 1px),linear-gradient(90deg,#4cd96412 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.article-cat-badge{z-index:1;font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--green-bright);background:#4cd96426;border-radius:100px;align-self:flex-start;padding:3px 8px;font-size:9px;position:relative}.article-thumb-title{z-index:1;font-family:var(--font-serif);color:#fff;font-size:20px;line-height:1.2;position:relative}.article-card.featured .article-thumb-title{font-size:24px}.article-body{flex-direction:column;flex:1;gap:10px;padding:24px;display:flex}.article-meta{font-family:var(--font-mono);letter-spacing:1px;color:var(--gray-500);text-transform:uppercase;align-items:center;gap:12px;font-size:10px;display:flex}.article-meta span{color:var(--green)}.article-excerpt{color:var(--gray-700);flex:1;font-size:13px;line-height:1.65}.article-read-more{font-family:var(--font-mono);letter-spacing:1px;color:var(--green);margin-top:8px;font-size:11px}.rec-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.rec-section-label{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--gray-500);border-bottom:1px solid var(--bone);margin-bottom:20px;padding-bottom:10px;font-size:10px}.article-page{padding:80px 0 var(--space-xl)}.article-page-header{max-width:760px;margin:0 auto var(--space-lg);padding:0 var(--gutter)}.article-page-header .eyebrow{color:var(--green);margin-bottom:12px;display:block}.article-page-header h1{margin-bottom:20px}.article-page-header .article-meta{margin-bottom:24px}.article-page-body{max-width:760px;padding:0 var(--gutter);color:var(--gray-700);margin:0 auto;font-size:16px;line-height:1.8}.article-page-body h2{color:var(--navy);margin:40px 0 16px;font-size:26px}.article-page-body h3{color:var(--navy);margin:32px 0 12px;font-size:20px}.article-page-body p{margin-bottom:16px}.article-page-body strong{color:var(--navy);font-weight:600}.article-callout{background:var(--bone);border-left:4px solid var(--green);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:28px 0;padding:20px 24px}.article-callout p{margin:0;font-size:15px}@media (width<=900px){.rec-layout{grid-template-columns:1fr}.rec-sidebar{flex-wrap:wrap;gap:8px;height:auto;padding:16px 24px;display:flex;position:static}.rec-filter-btn{width:auto}.rec-main{padding:24px}.rec-featured{grid-template-columns:1fr}.article-card.featured{flex-direction:column}.article-card.featured .article-thumb{width:auto}.article-card.featured{grid-column:span 1}.rec-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.rec-grid{grid-template-columns:1fr}}