.blog-page{padding-top:100px}.blog-hero{padding:var(--space-12) 0;background:linear-gradient(180deg,var(--color-canvas) 0%,var(--color-white) 100%);text-align:center}.blog-hero h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.blog-intro{font-size:var(--font-size-lg);color:var(--color-gray-600);max-width:500px;margin:0 auto}.blog-content{display:grid;grid-template-columns:1fr 300px;gap:var(--space-12);padding:var(--space-12) 0}.blog-grid{display:grid;gap:var(--space-6)}.blog-card{display:grid;grid-template-columns:200px 1fr;background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);text-decoration:none}.blog-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.blog-card.featured{grid-template-columns:1fr;grid-column:1 / -1}.blog-card.featured .blog-card-image{height:250px}.blog-card-image{background:var(--color-gray-100);overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,var(--color-primary-bg),var(--color-gray-100))}.blog-card.featured .blog-card-placeholder{font-size:5rem}.blog-card-content{padding:var(--space-6)}.blog-card-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.blog-category{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);background:var(--color-primary-bg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.blog-date{font-size:var(--font-size-xs);color:var(--color-gray-500)}.blog-card h2{font-size:var(--font-size-lg);margin-bottom:var(--space-3);line-height:1.3}.blog-card h2 a{color:var(--color-secondary);text-decoration:none}.blog-card h2 a:hover{color:var(--color-primary)}.blog-card.featured h2{font-size:var(--font-size-2xl)}.blog-card p{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-4)}.blog-card-footer{display:flex;justify-content:space-between;align-items:center}.blog-sidebar{position:sticky;top:120px;height:fit-content}.blog-sidebar .sidebar-cta{background:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;margin-bottom:var(--space-6)}.blog-sidebar .sidebar-cta h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.blog-sidebar .sidebar-cta p{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-4)}.sidebar-categories{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4)}.sidebar-categories h4{font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.sidebar-categories ul{list-style:none;padding:0;margin:0}.sidebar-categories li{margin-bottom:var(--space-2)}.sidebar-categories a{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-gray-700);text-decoration:none}.sidebar-categories a span{color:var(--color-gray-400)}.sidebar-categories a:hover{color:var(--color-primary)}.blog-sidebar .sidebar-links{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--space-5)}.blog-sidebar .sidebar-links h4{font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.blog-sidebar .sidebar-links ul{list-style:none;padding:0;margin:0}.blog-sidebar .sidebar-links li{margin-bottom:var(--space-2)}.blog-sidebar .sidebar-links a{font-size:var(--font-size-sm);color:var(--color-gray-700)}.blog-sidebar .sidebar-links a:hover{color:var(--color-primary)}.blog-post-page{padding-top:100px}.blog-post-hero{padding:var(--space-12) 0;background:linear-gradient(180deg,var(--color-canvas) 0%,var(--color-white) 100%)}.blog-post-hero .container{max-width:800px}.blog-post-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.blog-post-hero h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);line-height:1.2}.blog-post-intro{font-size:var(--font-size-lg);color:var(--color-gray-600);margin-bottom:var(--space-6)}.blog-post-info{display:flex;gap:var(--space-6);font-size:var(--font-size-sm);color:var(--color-gray-500)}.blog-post-hero-image{width:100%;max-height:450px;border-radius:var(--radius-xl);overflow:hidden;margin-top:var(--space-8);box-shadow:var(--shadow-lg)}.blog-post-hero-image img{width:100%;height:100%;object-fit:cover;max-height:450px}.blog-post-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--space-12);padding:var(--space-12) 0;max-width:1200px;margin:0 auto}.blog-post-content{max-width:800px}.blog-post-content .prose{font-size:var(--font-size-base);line-height:1.8;color:var(--color-gray-700)}.blog-post-content .prose h2{font-size:var(--font-size-2xl);margin-top:var(--space-10);margin-bottom:var(--space-4);color:var(--color-secondary)}.blog-post-content .prose h3{font-size:var(--font-size-xl);margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--color-secondary)}.blog-post-content .prose p{margin-bottom:var(--space-5)}.blog-post-content .prose ul,.blog-post-content .prose ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.blog-post-content .prose li{margin-bottom:var(--space-2)}.blog-post-content .prose strong{color:var(--color-secondary);font-weight:var(--font-weight-semibold)}.stat-box{background:linear-gradient(135deg,var(--color-primary-bg),var(--color-white));border:2px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;margin:var(--space-8) 0}.stat-box .stat-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-2)}.stat-box .stat-label{font-size:var(--font-size-base);color:var(--color-gray-600)}.quote-block{border-left:4px solid var(--color-primary);padding-left:var(--space-6);margin:var(--space-8) 0;font-style:italic;color:var(--color-gray-600)}.content-image{width:100%;border-radius:var(--radius-lg);margin:var(--space-6) 0;box-shadow:var(--shadow-md)}.blog-post-content .callout{display:flex;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);margin:var(--space-6) 0}.blog-post-content .callout-primary{background:var(--color-primary-bg);border-left:4px solid var(--color-primary)}.blog-post-content .callout-icon{font-size:1.5rem;flex-shrink:0}.blog-post-content .callout a{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.blog-post-content .callout a.btn-primary,.blog-post-content .callout a.btn-primary:hover,.blog-post-content .callout a.btn-primary:visited,.blog-post-content .callout a.btn-secondary,.blog-post-content .callout a.btn-secondary:hover,.blog-post-content .callout a.btn-secondary:visited{color:var(--color-white)}.blog-post-content .list-check{list-style:none;padding-left:0}.blog-post-content .list-check li{position:relative;padding-left:var(--space-6)}.blog-post-content .list-check li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700;background-image:none;background-color:transparent;width:auto;height:auto}.blog-post-sidebar{position:sticky;top:120px;height:fit-content}.blog-post-sidebar .sidebar-cta{background:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;margin-bottom:var(--space-6)}.blog-post-sidebar .sidebar-cta h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.blog-post-sidebar .sidebar-cta p{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-4)}.blog-post-sidebar .sidebar-related{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4)}.blog-post-sidebar .sidebar-related h4{font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.blog-post-sidebar .sidebar-related ul{list-style:none;padding:0;margin:0}.blog-post-sidebar .sidebar-related li{margin-bottom:var(--space-2)}.blog-post-sidebar .sidebar-related a{font-size:var(--font-size-sm);color:var(--color-gray-700)}.blog-post-sidebar .sidebar-related a:hover{color:var(--color-primary)}.share-section{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-gray-200)}.share-section h4{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-3)}.back-to-blog{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-4);text-decoration:none}.back-to-blog:hover{color:var(--color-primary)}.blog-breadcrumbs{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--font-size-sm);color:var(--color-gray-500)}.blog-breadcrumbs a{color:var(--color-gray-600);text-decoration:none}.blog-breadcrumbs a:hover{color:var(--color-primary)}.blog-breadcrumbs span{color:var(--color-gray-400)}.directory-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.directory-links a{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);color:var(--color-gray-600);background:var(--color-gray-100);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast)}.directory-links a:hover{background:var(--color-primary-bg);color:var(--color-primary)}@media (max-width: 1024px){.blog-content{grid-template-columns:1fr}.blog-sidebar{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.blog-sidebar .sidebar-cta{margin-bottom:0}.blog-post-layout{grid-template-columns:1fr;padding:var(--space-8) var(--space-4)}.blog-post-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.blog-post-sidebar .sidebar-cta{grid-column:1 / -1}}@media (max-width: 768px){.blog-hero h1{font-size:var(--font-size-3xl)}.blog-card{grid-template-columns:1fr}.blog-card-image{height:150px}.blog-sidebar{grid-template-columns:1fr}.blog-post-hero h1{font-size:var(--font-size-3xl)}.blog-post-meta{flex-wrap:wrap}.blog-post-info{flex-direction:column;gap:var(--space-2)}.blog-post-sidebar{grid-template-columns:1fr}}.reveal-up,.reveal-left,.reveal-right{opacity:0;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.reveal-up{transform:translateY(28px)}.reveal-left{transform:translate(-28px)}.reveal-right{transform:translate(28px)}.reveal-up.revealed,.reveal-left.revealed,.reveal-right.revealed{opacity:1;transform:translate(0)}.reveal-card{opacity:0;transform:translateY(20px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),box-shadow var(--transition-base)}.reveal-card.revealed{opacity:1;transform:translateY(0)}@keyframes heroImageIn{0%{opacity:0;transform:scale(.97) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.blog-post-hero-image{animation:heroImageIn .8s cubic-bezier(.22,1,.36,1) .2s both}@keyframes statPop{0%{transform:scale(.88);opacity:0}65%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}.stat-box{transition:box-shadow var(--transition-base),transform var(--transition-base)}.stat-box:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.stat-box.revealed{animation:statPop .65s cubic-bezier(.22,1,.36,1) both}.stat-box .stat-number{display:inline-block;transition:color var(--transition-fast)}@keyframes calloutIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.callout.revealed{animation:calloutIn .55s cubic-bezier(.22,1,.36,1) both}@keyframes quoteFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.quote-block.revealed{animation:quoteFade .6s cubic-bezier(.22,1,.36,1) both}@keyframes listItemIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.list-item-reveal{opacity:0;animation:listItemIn .4s cubic-bezier(.22,1,.36,1) forwards}.blog-post-content .prose h2.revealed,.blog-post-content .prose h3.revealed{opacity:1;transform:translateY(0)}@keyframes heroContentIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.blog-post-hero .blog-breadcrumbs{animation:heroContentIn .5s ease-out .05s both}.blog-post-hero .blog-post-meta{animation:heroContentIn .5s ease-out .12s both}.blog-post-hero h1{animation:heroContentIn .6s ease-out .2s both}.blog-post-hero .blog-post-intro{animation:heroContentIn .6s ease-out .3s both}.blog-post-hero .blog-post-info{animation:heroContentIn .5s ease-out .38s both}.blog-post-sidebar .sidebar-cta{animation:heroContentIn .6s ease-out .4s both}.blog-post-sidebar .sidebar-related{animation:heroContentIn .6s ease-out .5s both}.scroll-indicator-progress{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .08s linear}.blog-hero h1{animation:heroContentIn .6s ease-out .1s both}.blog-hero .blog-intro{animation:heroContentIn .6s ease-out .22s both}.blog-post-sidebar .sidebar-cta:hover,.blog-sidebar .sidebar-cta:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px);transition:box-shadow var(--transition-base),transform var(--transition-base)}@media (prefers-reduced-motion: reduce){.reveal-up,.reveal-left,.reveal-right,.reveal-card,.blog-post-hero-image,.blog-post-hero .blog-breadcrumbs,.blog-post-hero .blog-post-meta,.blog-post-hero h1,.blog-post-hero .blog-post-intro,.blog-post-hero .blog-post-info,.blog-post-sidebar .sidebar-cta,.blog-post-sidebar .sidebar-related,.blog-hero h1,.blog-hero .blog-intro,.list-item-reveal,.stat-box.revealed,.callout.revealed,.quote-block.revealed{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}