.stories-page{background:#fff!important;min-height:100vh;padding-bottom:4rem}.stories-header{position:relative;text-align:center;padding:10rem 2rem 5rem;background:linear-gradient(180deg,#f0f9ff,#fff);overflow:hidden}.header-bg{position:absolute;inset:0}.wave{position:absolute;bottom:0;left:0;width:100%;height:50%}.wave-2{height:45%}.header-content{position:relative;z-index:1}.section-tag{display:inline-block;color:#0077b6;font-size:.6875rem;font-weight:600;letter-spacing:.25em;margin-bottom:1rem;text-transform:uppercase}.stories-header h1{font-size:clamp(2rem,6vw,3rem);font-weight:800;color:#1a3a4a;margin-bottom:1rem}.text-gradient{background:linear-gradient(135deg,#0077b6,#2e8b57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1rem;color:#5a7a8a}.stories-container{max-width:1200px;margin:0 auto;padding:3rem 2rem 0}.featured-story{margin-bottom:4rem}.featured-link{display:grid;grid-template-columns:1.5fr 1fr;gap:2.5rem;background:#fff;border:1px solid rgba(0,119,182,.1);border-radius:20px;overflow:hidden;text-decoration:none;transition:all .4s}.featured-link:hover{border-color:#0077b6;transform:translateY(-6px);box-shadow:0 20px 60px #0077b61f}.featured-image{position:relative;aspect-ratio:16 / 10;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.featured-link:hover .featured-image img{transform:scale(1.05)}.featured-overlay{position:absolute;top:1.25rem;left:1.25rem}.featured-badge{background:#0077b6;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.featured-content{padding:2rem 2rem 2rem 0;display:flex;flex-direction:column;justify-content:center}.story-category{color:#2e8b57;font-size:.875rem;font-weight:600;margin-bottom:1rem}.featured-content h2{color:#1a3a4a;font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:1rem}.featured-content .story-excerpt{color:#5a7a8a;font-size:.9375rem;line-height:1.8;margin-bottom:1.5rem}.story-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8125rem;color:#5a7a8a}.story-author{color:#0077b6;font-weight:500}.reading-time:before{content:"·";margin-right:1rem}.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.story-card{background:#fff;border:1px solid rgba(0,119,182,.1);border-radius:16px;overflow:hidden;transition:all .3s}.story-card:hover{border-color:#0077b6;transform:translateY(-4px);box-shadow:0 10px 40px #0077b61a}.story-link{text-decoration:none;color:inherit;display:block}.story-image{position:relative;aspect-ratio:16 / 10;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.story-card:hover .story-image img{transform:scale(1.05)}.story-category-badge{position:absolute;top:.75rem;left:.75rem;background:#ffffffe6;padding:.375rem .5rem;border-radius:8px;font-size:1rem}.story-content{padding:1.25rem}.story-content h3{color:#1a3a4a;font-size:1rem;font-weight:600;line-height:1.5;margin-bottom:.5rem}.story-content .story-excerpt{color:#5a7a8a;font-size:.875rem;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-content .story-meta{font-size:.75rem}@media(max-width:1024px){.featured-link{grid-template-columns:1fr}.featured-content{padding:1.5rem}.stories-grid{grid-template-columns:repeat(2,1fr)}}.coming-soon-section{text-align:center;padding:6rem 2rem;max-width:600px;margin:0 auto}.coming-soon-icon{font-size:5rem;margin-bottom:2rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.coming-soon-title{font-size:2.5rem;font-weight:800;color:#1a3a4a;margin-bottom:.5rem}.coming-soon-subtitle{font-size:1.25rem;color:#0077b6;font-weight:600;margin-bottom:2rem;letter-spacing:.05em}.coming-soon-description{font-size:1rem;line-height:1.8;color:#5a7a8a}@media(max-width:768px){.stories-header{padding:8rem 2rem 4rem}.stories-header h1{font-size:2rem}.coming-soon-section{padding:4rem 2rem}.coming-soon-icon{font-size:4rem}.coming-soon-title{font-size:2rem}.coming-soon-subtitle{font-size:1rem}}