.articles-page{padding-top:calc(var(--header-height) + var(--space-2xl));padding-bottom:var(--space-4xl);min-height:100vh;position:relative}.articles-page-header{max-width:680px;margin:0 auto var(--space-3xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.articles-page-title{font-family:var(--font-display);font-size:clamp(3rem,7vw,6rem);font-weight:400;text-transform:uppercase;line-height:.95;letter-spacing:-.02em}.articles-page-title-accent{background:var(--gradient-iridescent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.articles-page-subtitle{font-size:1rem;color:var(--color-text-secondary);max-width:440px;line-height:1.6}.articles-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:40vh;color:var(--color-text-secondary);font-size:.9rem}.articles-spinner{width:2.5rem;height:2.5rem;border:2px solid var(--color-border);border-top-color:var(--color-cyan);border-radius:50%;animation:articlesSpin .8s linear infinite}@keyframes articlesSpin{to{transform:rotate(360deg)}}.articles-retry{font-family:var(--font-body);font-size:.85rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-xl);cursor:pointer;transition:all var(--transition-fast)}.articles-retry:hover{border-color:var(--color-border-hover);background:var(--color-surface-2)}.article-tag{display:inline-block;align-self:flex-start;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-secondary);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:100px;padding:.25rem .6rem}.article-date{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-tertiary)}.featured-article{margin-bottom:var(--space-3xl)}.featured-article-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.featured-article-inner:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:0 12px 40px #00000059}.featured-article-media{position:relative;aspect-ratio:16 / 10;overflow:hidden}.featured-article-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.featured-article-inner:hover .featured-article-media img{transform:scale(1.04)}.featured-article-media--empty{background:var(--gradient-iridescent-subtle)}.featured-article-body{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);justify-content:center}.featured-article-title{font-family:var(--font-display);font-size:clamp(1.5rem,2.6vw,2.4rem);font-weight:400;text-transform:uppercase;line-height:1.05;letter-spacing:-.01em}.featured-article-excerpt{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}.article-readmore{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);margin-top:var(--space-xs)}.article-readmore svg{transition:transform var(--transition-fast)}.featured-article-inner:hover .article-readmore svg{transform:translate(4px)}.articles-recent-title{font-family:var(--font-display);font-size:1.75rem;font-weight:400;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:var(--space-xl)}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.article-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;opacity:0;animation:articleFadeIn .5s ease forwards;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.article-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.article-card-media{aspect-ratio:16 / 9;overflow:hidden}.article-card-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.article-card:hover .article-card-media img{transform:scale(1.05)}.article-card-media--empty{background:var(--gradient-iridescent-subtle)}.article-card-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.article-card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:400;text-transform:uppercase;line-height:1.1;letter-spacing:-.01em;flex:1}@keyframes articleFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.article-detail{max-width:820px;margin:0 auto}.article-back{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:.8rem;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;padding:0;margin-bottom:var(--space-xl);transition:color var(--transition-fast)}.article-back:hover{color:var(--color-text)}.article-back svg{transition:transform var(--transition-fast)}.article-back:hover svg{transform:translate(-3px)}.article-detail-head{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.article-detail-title{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.5rem);font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:-.02em}.article-author{display:flex;align-items:center;gap:var(--space-sm)}.article-author-avatar{width:2rem;height:2rem;border-radius:50%;object-fit:cover;border:1px solid var(--color-border)}.article-author-name{font-size:.8rem;color:var(--color-text-secondary)}.article-hero{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-2xl);border:1px solid var(--color-border)}.article-hero img{width:100%;display:block}.article-body{font-size:1rem;line-height:1.75;color:var(--color-text-secondary)}.article-body h2{font-family:var(--font-display);font-size:1.5rem;font-weight:400;text-transform:uppercase;letter-spacing:-.01em;color:var(--color-text);margin:var(--space-2xl) 0 var(--space-md)}.article-body p{margin-bottom:var(--space-md)}.article-body ul{list-style:none;margin:0 0 var(--space-md);padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.article-body li{position:relative;padding-left:var(--space-lg)}.article-body li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--gradient-iridescent)}.article-media{margin:var(--space-lg) 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.article-media img{width:100%;display:block}.article-media--multi{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);border:none;border-radius:0;overflow:visible}.article-media--multi img{border-radius:var(--radius-md);border:1px solid var(--color-border)}.home-news{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}.home-news-cta{display:flex;justify-content:center;margin-top:var(--space-2xl)}.home-news-link{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-fast)}.home-news-link:hover{color:var(--color-text);border-color:var(--color-border-hover);background:var(--color-surface)}.home-news-link svg{transition:transform var(--transition-fast)}.home-news-link:hover svg{transform:translate(4px)}@media screen and (max-width:991px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.featured-article-inner{grid-template-columns:1fr}.featured-article-media{aspect-ratio:16 / 9}}@media screen and (max-width:600px){.articles-grid,.article-media--multi{grid-template-columns:1fr}}