.blog-page .blog-masthead{padding-top:calc(var(--navbar-height) + 72px);padding-bottom:var(--space-16);position:relative;overflow:hidden}.blog-page .blog-masthead-background{pointer-events:none;position:absolute;inset:0}.blog-page .blog-masthead-mesh{background:var(--gradient-dark-mesh);opacity:.4;position:absolute;inset:0}.blog-page .blog-masthead-header{text-align:center;flex-direction:column;align-items:center;display:flex}.blog-page .blog-masthead-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-8);align-items:center;gap:.5rem;display:inline-flex}.blog-page .blog-masthead-eyebrowDot{background:var(--gradient-primary);border-radius:2px;width:8px;height:8px;box-shadow:0 0 12px #4f6bff99}.blog-page .blog-masthead-title{font-family:var(--font-display);font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);max-width:26ch}.blog-page .blog-masthead-titleAccent{background:var(--gradient-primary);color:#0000;-webkit-background-clip:text;background-clip:text}.blog-page .blog-masthead-subtitle{margin-top:var(--space-8);max-width:820px;color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-left:auto;margin-right:auto}.blog-page .blog-masthead-pills{margin-top:var(--space-12);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.blog-page .blog-masthead-pill{font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--duration-normal) var(--ease-smooth);flex-shrink:0;padding:.5rem 1.1rem}.blog-page .blog-masthead-pill:hover{color:var(--text-primary);border-color:var(--border-accent)}.blog-page .blog-masthead-pillActive{color:#fff;background:var(--gradient-primary);box-shadow:var(--shadow-button);border-color:#0000}@media (max-width:640px){.blog-page .blog-masthead-pills{scrollbar-width:none;padding-bottom:var(--space-2);flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.blog-page .blog-masthead-pills::-webkit-scrollbar{display:none}}.blog-page .blog-latest{padding:0 0 var(--space-section);scroll-margin-top:calc(var(--navbar-height) + 32px);position:relative}.blog-page .blog-latest-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.blog-page .blog-latest-empty{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-8);border:1px dashed var(--border-primary);border-radius:var(--radius-2xl);background:var(--bg-glass);flex-direction:column;display:flex}.blog-page .blog-latest-emptyTitle{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary)}.blog-page .blog-latest-emptyText{max-width:44ch;color:var(--text-tertiary);margin-bottom:var(--space-2)}@media (max-width:1024px){.blog-page .blog-latest-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-page .blog-latest-grid{grid-template-columns:1fr}}.blog-page .blog-trending{padding:var(--space-section) 0;position:relative}.blog-page .blog-trending-headerRow{justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.blog-page .blog-trending-heading{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);display:flex}.blog-page .blog-trending-flame{color:var(--color-primary-light)}.blog-page .blog-trending-nav{gap:.6rem;display:flex}.blog-page .blog-trending-navButton{width:40px;height:40px;color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-primary);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);border-radius:50%;place-items:center;display:grid}.blog-page .blog-trending-navButton:hover{color:#fff;background:var(--gradient-primary);border-color:#0000}.blog-page .blog-trending-rail{gap:var(--space-5);padding-bottom:var(--space-4);scroll-snap-type:x proximity;scrollbar-width:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.blog-page .blog-trending-rail::-webkit-scrollbar{display:none}.blog-page .blog-trending-railItem{scroll-snap-align:start;flex-shrink:0;width:min(340px,78vw)}.blog-page .blog-newsletter{padding-bottom:var(--space-section-lg);position:relative}.blog-page .blog-newsletter-panel{border-radius:var(--radius-3xl);border:1px solid var(--border-primary);background:var(--bg-elevated);padding:clamp(2rem,5vw,4.5rem);position:relative;overflow:hidden}.blog-page .blog-newsletter-aura{pointer-events:none;background:radial-gradient(circle,#4f6bff38 0%,#0000 70%);width:60%;height:180%;position:absolute;top:-40%;left:-10%}.blog-page .blog-newsletter-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid;position:relative}.blog-page .blog-newsletter-copy{max-width:52ch}.blog-page .blog-newsletter-name{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-accent);margin-bottom:var(--space-5);display:block}.blog-page .blog-newsletter-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.blog-page .blog-newsletter-text{margin-top:var(--space-4);color:var(--text-secondary);line-height:var(--leading-relaxed)}.blog-page .blog-newsletter-form{gap:var(--space-3);flex-direction:column;display:flex}.blog-page .blog-newsletter-field{background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-full);transition:border-color var(--duration-normal) var(--ease-smooth), box-shadow var(--duration-normal) var(--ease-smooth);align-items:center;padding:.35rem .35rem .35rem 1.25rem;display:flex;position:relative}.blog-page .blog-newsletter-field:focus-within{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.blog-page .blog-newsletter-mailIcon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:1.25rem}.blog-page .blog-newsletter-input{min-width:0;color:var(--text-primary);font-size:var(--text-base);background:0 0;border:none;outline:none;flex:1;margin-left:1.8rem;padding:.75rem 0}.blog-page .blog-newsletter-input::placeholder{color:var(--text-muted)}.blog-page .blog-newsletter-submit{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#fff;background:var(--gradient-primary);border-radius:var(--radius-full);cursor:pointer;transition:box-shadow var(--duration-normal) var(--ease-smooth), transform var(--duration-normal) var(--ease-smooth);border:none;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:inline-flex}.blog-page .blog-newsletter-submit:hover{box-shadow:var(--shadow-button);transform:translateY(-1px)}.blog-page .blog-newsletter-submit:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.blog-page .blog-newsletter-hint{font-size:var(--text-xs);color:var(--text-muted);padding-left:var(--space-2)}.blog-page .blog-newsletter-error{font-size:var(--text-xs);color:#f87171;padding-left:var(--space-2)}.blog-page .blog-newsletter-success{color:#4ade80;align-items:center;gap:.4rem;display:inline-flex}@media (max-width:860px){.blog-page .blog-newsletter-grid{grid-template-columns:1fr}}.blog-page .blog-cta{padding-bottom:var(--space-section-lg);position:relative}.blog-page .blog-cta-banner{text-align:center;align-items:center;gap:var(--space-4);border-radius:var(--radius-3xl);border:1px solid var(--border-accent);background:var(--gradient-subtle);flex-direction:column;padding:clamp(3rem,7vw,6rem) clamp(1.5rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.blog-page .blog-cta-glow{pointer-events:none;background:radial-gradient(circle,#4f6bff29 0%,#0000 70%);width:70%;height:200%;position:absolute;top:-60%;left:50%;transform:translate(-50%)}.blog-page .blog-cta-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-accent);position:relative}.blog-page .blog-cta-title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);max-width:20ch;position:relative}.blog-page .blog-cta-subtitle{color:var(--text-secondary);font-size:var(--text-lg);max-width:52ch;line-height:var(--leading-relaxed);position:relative}.blog-page .blog-cta-actions{gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex;position:relative}.blog-page .blog-cta-signature{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-tertiary);position:relative}.blog-page .blog-card{border-radius:var(--radius-2xl);border:1px solid var(--border-primary);background:var(--bg-card);height:100%;transition:border-color var(--duration-slow) var(--ease-smooth), transform var(--duration-slow) var(--ease-smooth);flex-direction:column;display:flex;overflow:hidden}.blog-page .blog-card:hover{border-color:var(--border-accent);transform:translateY(-4px)}.blog-page .blog-card-media{aspect-ratio:7/4;background:var(--bg-glass);position:relative;overflow:hidden}.blog-page .blog-card-image{object-fit:contain;object-position:center}.blog-page .blog-cardBadge{margin-bottom:var(--space-5);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-full);white-space:nowrap;align-self:flex-start;padding:.4rem .9rem}.blog-page .blog-card-mediaFallback{background:radial-gradient(circle at 30% 20%, #4f6bff40 0%, transparent 60%), var(--gradient-subtle);position:absolute;inset:0}.blog-page .blog-card-mediaFallback:after{content:"";border-radius:var(--radius-lg);background:var(--gradient-primary);opacity:.5;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blog-page .blog-card-body{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.blog-page .blog-card-date{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-tertiary);margin-bottom:var(--space-3)}.blog-page .blog-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--text-primary);-webkit-line-clamp:2;transition:color var(--duration-normal) var(--ease-smooth);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-page .blog-card:hover .blog-card-title{color:var(--color-primary-light)}.blog-page .blog-card-excerpt{margin-top:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-tertiary);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-page .blog-card-more{padding-top:var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);transition:color var(--duration-normal) var(--ease-smooth);align-items:center;gap:.4rem;margin-top:auto;display:inline-flex}.blog-page .blog-card-moreArrow{transition:transform var(--duration-normal) var(--ease-smooth);place-items:center;display:inline-grid}.blog-page .blog-card:hover .blog-card-more{color:var(--color-primary-light)}.blog-page .blog-card:hover .blog-card-moreArrow{transform:translate(3px)}
