:root { 
  --color-accent: #0056b3;
  --color-dark: #121212;
  --color-light: #F8F8F8;
}

html { 
  font-family: Inter, sans-serif;
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5 { 
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

.hero-title {
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 1.1;
}

.animate-marquee { 
  animation: marquee 30s linear infinite; 
}

@keyframes marquee { 
  0% { transform: translateX(0); } 
  100% { transform: translateX(-50%); } 
}

.card-hover {
  transition: all 0.3s ease;
}

.card-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.gradient-text {
  background: linear-gradient(90deg, #0056b3 0%, #0165cf 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.editor-pick::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background: var(--color-accent);
}

.aspect-news {
  aspect-ratio: 16/9;
}

@media (max-width: 768px) {
  .aspect-news {
    aspect-ratio: 4/3;
  }
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

@media(min-width:768px){
div#home_container {
    max-width: 100% !important;
    width: 1920px;
    margin: 0 auto;
    max-width: 1920px;
}
}