.news-page{background:var(--asu-maroon);min-height:calc(100vh - var(--header-height));font-family:var(--font-body);animation:.5s fadeIn}.news-content{max-width:1200px;margin:0 auto;padding:48px 24px 64px}.news-header{padding:0 0 40px}.news-header-eyebrow{letter-spacing:.18em;color:var(--asu-gold);text-transform:uppercase;margin:0 0 8px;font-size:.7rem;font-weight:700}.news-header-title{color:#fff;letter-spacing:-.02em;margin:0 0 20px;font-size:3rem;font-weight:900;line-height:1}.news-header-rule{background:linear-gradient(to right, var(--asu-gold) 0%, #e8a8334d 40%, transparent 80%);height:2px}.news-filters{flex-wrap:wrap;gap:10px;margin-bottom:40px;display:flex}.news-filters .filter-btn{color:#ffffff8c;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:30px;padding:7px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.news-filters .filter-btn:hover{color:#ffffffd9;border-color:#ffffff73}.news-filters .filter-btn.active{background-color:var(--asu-gold);border-color:var(--asu-gold);color:var(--asu-maroon)}.news-layout{flex-direction:column;gap:48px;display:flex}.news-hero{width:100%}.hero-card{border-radius:var(--border-radius-lg);border-left:4px solid var(--asu-gold);width:100%;box-shadow:var(--shadow-lg);color:#fff;background:#0f0105;text-decoration:none;transition:box-shadow .2s;display:block;position:relative;overflow:hidden}.hero-card:hover{box-shadow:var(--shadow-2xl), 0 0 0 1px #e8a83326}.hero-content{flex-direction:column;justify-content:flex-start;padding:36px 40px 32px;display:flex;position:relative}.hero-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--asu-gold);margin-bottom:14px;font-size:.7rem;font-weight:700}.hero-content h2{text-transform:none;letter-spacing:-.01em;color:#fff;margin:0 0 24px;font-size:2.2rem;font-weight:800;line-height:1.25}.hero-footer{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-source{text-transform:uppercase;letter-spacing:.08em;color:var(--asu-gold);font-size:.65rem;font-weight:700}.hero-date{color:#ffffff80;font-size:.75rem;font-weight:600}.read-more{letter-spacing:.04em;color:#fff9;margin-left:auto;font-size:.78rem;font-weight:700;transition:color .15s}.hero-card:hover .read-more{color:var(--asu-gold)}.meta-sep{color:#ffffff40;font-size:.6rem}.articles-section{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-2xl);background:#0f0105;flex-direction:column;gap:20px;padding:28px 32px;display:flex}.headlines-header{border-bottom:1px solid #ffffff14;align-items:center;gap:16px;padding-bottom:16px;display:flex}.headlines-title{text-transform:uppercase;letter-spacing:.14em;color:var(--asu-gold);white-space:nowrap;margin:0;font-size:.7rem;font-weight:700}.articles-feed{flex-direction:column;display:flex}.feed-item{border-bottom:1px solid #ffffff0f;border-radius:6px;grid-template-columns:130px 1px 1fr auto;align-items:center;gap:0 20px;margin:0 -8px;padding:18px 8px;text-decoration:none;transition:background .15s;display:grid}.feed-item:last-child{border-bottom:none}.feed-item:hover{background:#ffffff0a}.feed-date{color:#ffffff8c;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.7rem;font-weight:600;transition:color .15s}.feed-item:hover .feed-date{color:#ffffffa6}.feed-divider{background:#ffffff1a;align-self:stretch;width:1px;display:block}.feed-title{color:#ffffffd1;font-size:1.02rem;font-weight:600;line-height:1.45;transition:color .15s}.feed-item:hover .feed-title{color:#fff}.feed-source{text-transform:uppercase;letter-spacing:.08em;color:var(--asu-gold);white-space:nowrap;font-size:.65rem;font-weight:700;transition:opacity .15s}.feed-item:hover .feed-source{opacity:.85}.news-content .loading-message,.news-content .error-message,.no-news-message{text-align:center;color:#ffffff80;padding:60px 20px;font-size:1rem}.fade-in{opacity:0;animation:.6s forwards fadeIn}.fade-in-delay-1{opacity:0;animation:.6s .15s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.older-stories-section{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-2xl);background:#0f0105;flex-direction:column;gap:20px;padding:28px 32px;display:flex}.magazine-row{grid-template-columns:3fr 2fr;align-items:stretch;gap:16px;display:grid}.stacked-cards{flex-direction:column;gap:16px;display:flex}.compact-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.news-card{border-radius:var(--border-radius-sm);color:#fff;background:linear-gradient(#ffffff1a 0%,#ffffff08 100%);border:1px solid #ffffff0f;border-top:2px solid #e8a83380;flex-direction:column;gap:8px;padding:16px;text-decoration:none;transition:border-top-color .15s,background .15s;display:flex}.news-card:hover{border-top-color:var(--asu-gold);background:#ffffff14}.news-card-wide{border-top-color:var(--asu-gold);background-position:50% 40%;background-size:cover;gap:12px;padding:24px;transition:border-top-color .15s}.news-card-wide:hover{background-color:#0000;background-position:50% 40%;background-size:cover}.news-card-source{text-transform:uppercase;letter-spacing:.08em;color:var(--asu-gold);font-size:.65rem;font-weight:700}.news-card-title{color:#ffffffe0;margin:0;font-size:.93rem;font-weight:600;line-height:1.4}.news-card-title-wide{color:#fff;text-shadow:0 1px 4px #0009;font-size:1.1rem;font-weight:700;line-height:1.35}.news-card-date{color:#ffffff8c;margin-top:auto;font-size:.68rem;font-weight:600}.news-card-wide .news-card-date{color:#fffc;text-shadow:0 1px 4px #0009}.news-card:hover .news-card-title{color:#fff}@media (width<=768px){.news-content{padding:32px 16px 48px}.news-header-title{font-size:2.2rem}.news-filters{margin-bottom:32px;padding-bottom:4px;overflow-x:auto}.hero-content{padding:24px 20px}.hero-content h2{font-size:1.5rem}.articles-section,.older-stories-section{padding:20px 16px}.feed-item{grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:6px 12px;padding:14px 8px}.feed-date,.feed-divider{display:none}.feed-title{grid-column:1;font-size:.95rem}.feed-source{grid-area:1/2;align-self:start}.magazine-row,.compact-grid{grid-template-columns:1fr}.news-card-wide{padding:16px}.news-card-title-wide{font-size:1rem}}
