.blog-feed{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1.5rem;padding:1rem 0 2rem;display:flex;overflow-x:auto}.blog-feed::-webkit-scrollbar{display:none}.editorial-card{scroll-snap-align:center;background:var(--surface-color);border:1px solid var(--surface-border);max-width:380px;box-shadow:var(--shadow-sm);border-radius:12px;flex:0 0 calc(100% - 3rem);transition:all .3s;overflow:hidden}.editorial-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.editorial-card-link{flex-direction:column;height:100%;display:flex}.video-thumbnail{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.thumbnail-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.editorial-card:hover .thumbnail-img{transform:scale(1.05)}.category-badge{background:var(--surface-color);color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;padding:.25rem .75rem;font-size:.75rem;font-weight:700;position:absolute;bottom:1rem;left:1rem;box-shadow:0 2px 4px #0000001a}.editorial-card-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.post-date{color:var(--text-tertiary);font-size:.85rem;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.editorial-card-content h3{margin-bottom:1rem;font-size:1.25rem;line-height:1.4}.post-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:1.5rem;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.read-more{color:var(--accent-red);text-transform:uppercase;letter-spacing:.05em;margin-top:auto;font-size:.9rem;font-weight:700}
.featured-section{margin-bottom:4rem}.featured-post-card{background:var(--surface-color);border:1px solid var(--surface-border);box-shadow:var(--shadow-sm);border-radius:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.featured-post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.featured-link{grid-template-columns:1fr 1fr;gap:0;display:grid}.featured-thumbnail{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.thumbnail-img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.featured-post-card:hover .thumbnail-img{transform:scale(1.03)}.featured-badge{background:var(--accent-red);color:#fff}.featured-content{flex-direction:column;justify-content:center;padding:3rem;display:flex}.featured-content h2{margin-bottom:1.5rem;font-size:2.25rem;line-height:1.2}.featured-content .post-excerpt{color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:900px){.featured-link{grid-template-columns:1fr}.featured-thumbnail{aspect-ratio:16/9}.featured-content{padding:2rem 1.5rem}.featured-content h2{font-size:1.75rem}}
.home-page{padding-top:0}.hero-section{align-items:center;min-height:85vh;margin-bottom:4rem;display:flex;position:relative}.hero-background{z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:-1;background:linear-gradient(#1118274d 0%,#111827d9 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;color:#fff;max-width:800px;position:relative}.hero-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-transform:uppercase;letter-spacing:.1em;background:#ffffff26;border-radius:4px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero-content h1{color:#fff;text-shadow:0 4px 12px #0009;margin-bottom:1.5rem;font-size:4rem;line-height:1.1}.hero-content h1 span{color:var(--accent-red);text-shadow:0 2px 8px #000c}.hero-content p{color:#fffffff2;text-shadow:0 2px 6px #000000b3;max-width:600px;margin-bottom:2.5rem;font-size:1.25rem;font-weight:500}.recent-posts-section{margin-bottom:5rem}.section-header{border-left:4px solid var(--accent-red);margin-bottom:3rem;padding-left:1.5rem}.section-header h2{margin-bottom:.5rem;font-size:2.5rem}.section-header p{color:var(--text-secondary);font-size:1.125rem}.subsection-title{border-bottom:1px solid var(--surface-border);margin-bottom:2rem;padding-bottom:1rem;font-size:1.5rem}@media (max-width:768px){.hero-section{min-height:70vh}.hero-overlay{background:linear-gradient(#11182799 0%,#111827e6 100%)}.hero-content{margin-top:auto;padding-bottom:4rem}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem}}