/* Inlined from news/index.html */
/* === Hero — editorial dark === */
.co-hero {
margin-top: 70px;
padding: 110px 0 90px;
position: relative;
background:
radial-gradient(circle at 15% 25%, rgba(234,179,8,0.12) 0%, transparent 50%),
radial-gradient(circle at 85% 75%, rgba(202,138,4,0.10) 0%, transparent 55%),
linear-gradient(180deg, #050b1a 0%, #0f172a 50%, #1e293b 100%);
overflow: hidden;
}
.co-hero::before {
content: ''; position: absolute; inset: 0;
background-image:
linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
background-size: 80px 80px;
pointer-events: none;
}
.co-hero .container { position: relative; z-index: 2; }
.co-hero-header { display: flex; align-items: center; gap: 16px; margin-bottom: 40px; }
.co-hero-header .v-label { font-family: 'Lato', sans-serif; font-size: 0.75rem; letter-spacing: 0.36em; font-weight: 700; color: var(--accent); text-transform: uppercase; }
.co-hero-header .v-rule { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(234,179,8,0.7) 0%, rgba(234,179,8,0.1) 100%); max-width: 200px; }
.co-hero-header .v-meta { font-family: 'Lato', sans-serif; font-size: 0.72rem; letter-spacing: 0.18em; color: rgba(255,255,255,0.35); text-transform: uppercase; }
.co-hero h1 {
font-size: clamp(2.2rem, 4.5vw, 3.4rem);
line-height: 1.4; letter-spacing: 0.04em; color: #fff; margin: 0 0 24px; font-weight: 900;
}
.co-hero h1 .accent { color: var(--accent); font-style: italic; }
.co-hero .co-lead {
color: rgba(255,255,255,0.78); font-size: 1.02rem; line-height: 2.05;
max-width: 720px; margin: 0;
}
@media (prefers-reduced-motion: no-preference) {
.co-hero h1 { animation: heroRise 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both; }
.co-hero .co-lead { animation: heroRise 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.3s both; }
@keyframes heroRise { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
}
/* === News list === */
.news-section { padding: 110px 0; background: linear-gradient(180deg, #fff 0%, #fafaf9 100%); position: relative; }
.news-section::before {
content: ''; position: absolute; inset: 0;
background-image: radial-gradient(circle at 1px 1px, rgba(15,23,42,0.025) 1px, transparent 1px);
background-size: 32px 32px;
pointer-events: none;
}
.news-section .container { position: relative; z-index: 1; }
.news-list { max-width: 920px; margin: 0 auto; }
.news-item {
display: grid;
grid-template-columns: 160px 1fr;
gap: 28px;
padding: 28px 0;
border-bottom: 1px solid var(--border);
align-items: center;
text-decoration: none;
color: inherit;
transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.news-item:first-of-type { border-top: 1px solid var(--border); }
.news-item:hover { transform: translateX(6px); }
.news-item:hover .news-title { color: var(--accent-dark); }
.news-item:hover .news-thumb { transform: scale(1.04); box-shadow: 0 12px 28px rgba(15,23,42,0.15); }
.news-thumb {
width: 160px; height: 110px;
background-size: cover;
background-position: center;
border-radius: 8px;
background-color: #f1f5f9;
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s;
box-shadow: 0 4px 12px rgba(15,23,42,0.06);
}
.news-body { min-width: 0; }
.news-meta { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; flex-wrap: wrap; }
.news-date {
font-family: 'Lato', sans-serif;
font-size: 0.82rem;
font-weight: 700;
color: var(--text-light);
letter-spacing: 0.04em;
}
.news-badge {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.04em;
padding: 4px 12px;
border-radius: 4px;
border: 1.5px solid currentColor;
}
.news-badge::before {
content: '';
width: 5px; height: 5px;
border-radius: 50%;
background: currentColor;
}
.news-badge.bg-interview { color: #b91c1c; background: #fee2e2; border-color: #fca5a5; }
.news-badge.bg-notice { color: #1d4ed8; background: #dbeafe; border-color: #93c5fd; }
.news-badge.bg-release { color: #047857; background: #d1fae5; border-color: #6ee7b7; }
.news-badge.bg-vision { color: #6d28d9; background: #ede9fe; border-color: #c4b5fd; }
.news-badge.bg-alliance { color: #c2410c; background: #ffedd5; border-color: #fdba74; }
.news-title {
font-size: 1.1rem;
font-weight: 700;
color: var(--primary);
line-height: 1.55;
margin: 0 0 8px;
letter-spacing: 0.01em;
transition: color 0.25s;
}
.news-excerpt {
color: var(--text-light);
font-size: 0.9rem;
line-height: 1.85;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 600px) {
.news-item { grid-template-columns: 100px 1fr; gap: 16px; padding: 20px 0; }
.news-thumb { width: 100px; height: 75px; }
.news-title { font-size: 0.98rem; }
}
/* === Reveal anims === */
@media (prefers-reduced-motion: no-preference) {
.reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); }
.reveal.in { opacity: 1; transform: translateY(0); }
.reveal-stagger > * { opacity: 0; transform: translateY(24px); transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); }
.reveal-stagger.in > *:nth-child(1) { opacity: 1; transform: none; transition-delay: 0.04s; }
.reveal-stagger.in > *:nth-child(2) { opacity: 1; transform: none; transition-delay: 0.12s; }
.reveal-stagger.in > *:nth-child(3) { opacity: 1; transform: none; transition-delay: 0.20s; }
.reveal-stagger.in > *:nth-child(4) { opacity: 1; transform: none; transition-delay: 0.28s; }
.reveal-stagger.in > *:nth-child(5) { opacity: 1; transform: none; transition-delay: 0.36s; }
.reveal-stagger.in > *:nth-child(n+6) { opacity: 1; transform: none; transition-delay: 0.44s; }
.reveal-scale { opacity: 0; transform: scale(0.96); transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); }
.reveal-scale.in { opacity: 1; transform: scale(1); }
}
.news-badge.bg-insight { color: #92400e; background: #fef3c7; border-color: #fbbf24; }