@import"https://fonts.googleapis.com/css2?family=Courier+Prime:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap";.navbar{background-color:#fff;text-align:center;border-bottom:3px double #000;padding-top:10px}.logo{font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700;margin:10px 0}.logo a{text-decoration:none;color:#000}.navbar-menu{display:flex;justify-content:center;gap:30px;padding:10px 0;border-top:1px solid rgba(0,0,0,.1)}.navbar-menu a{font-family:Georgia,serif;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;text-decoration:none;color:#000;transition:opacity .2s ease;position:relative}.navbar-menu a:after{content:"";position:absolute;width:0%;height:2px;bottom:-2px;left:0;background-color:#000;transition:width .3s ease}.navbar-menu a:hover:after{width:100%}.navbar-menu a:hover{opacity:.6}.navbar-menu a.active{color:#000;font-weight:700;border-bottom:2px solid #d23669}.date-today{font-size:.9rem;color:#555;margin-top:5px;margin-bottom:10px}.footer{background-color:#f5f5f5;padding:1rem 2rem;text-align:center;font-size:12px;color:#555;border-top:1px solid #ddd;font-family:Georgia,serif}.footer-links{margin-top:.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;font-size:11px}.footer-links a{color:#555;text-decoration:none;position:relative;padding:0 4px;transition:color .3s ease,text-decoration .3s ease}.footer-links a:not(:last-child):after{content:"•";position:absolute;right:-6px;color:#aaa}.footer-links a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;color:#333}.footer p{margin:0;color:#555;font-size:12px}.hero-article{margin-bottom:40px;transition:transform .3s ease,box-shadow .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014}.hero-article:hover{transform:translateY(-.6px);box-shadow:0 16px 28px #0003}.hero-image{width:100%;height:420px;object-fit:cover;border-radius:6px}.hero-content{margin-top:15px}.hero-content h1{font-size:2rem;margin-bottom:10px;font-family:Playfair Display,serif}.hero-content p{font-family:Georgia,serif;color:#000;padding:0 10px;font-size:1.1rem}.hero-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:30px;padding-left:20px;padding-right:20px}.hero-side{display:grid;grid-template-rows:repeat(3,1fr);gap:15px;margin-bottom:10px}.side-card img{width:100%;height:120px;object-fit:cover;border-radius:4px}.side-card h4{font-size:.95rem;margin-top:6px;line-height:1.3;padding:0 10px}.dark .hero-content h1{color:#000}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr}.hero-side{grid-template-rows:auto}}.breaking-news-container{display:flex;align-items:center;background-color:#222;color:#f5f5f5;font-weight:700;padding:10px 20px;overflow:hidden;white-space:nowrap;border-bottom:2px solid #c4a000}.breaking-news-label{margin-right:20px;flex-shrink:0;color:#c4a000}.breaking-news-ticker{flex:1;overflow:hidden;position:relative;display:flex}.breaking-news-move{display:flex;width:max-content;animation:ticker 40s linear infinite}.breaking-news-item{margin-right:50px;color:#ddd;transition:color .3s ease}.breaking-news-item:hover{color:#c4a000}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.breaking-news-ticker:before,.breaking-news-ticker:after{content:"";position:absolute;top:0;width:60px;height:100%;z-index:2;pointer-events:none}.breaking-news-ticker:before{left:0;background:linear-gradient(to right,#222,transparent)}.breaking-news-ticker:after{right:0;background:linear-gradient(to left,#222,transparent)}@media(max-width:600px){.breaking-news-container{font-size:.9rem;padding:8px 10px}.breaking-news-item{margin-right:30px}}body{font-family:Playfair Display,serif;margin:0;padding:0;background-color:#000;color:#fff}.fade-container,.page-transition{opacity:0;animation:fadeIn .6s ease forwards}@keyframes fadeIn{to{opacity:1}}.light{background-color:#fff;color:#000}.dark{background-color:#121212;color:#fff}h1{font-family:Courier Prime,Courier,monospace;font-size:3rem;text-align:center;margin:20px 0}h2{padding-left:20px;font-style:italic;color:#d3d3d3}.articles-grid,.articles-grid-alt{display:grid;gap:20px;padding:20px;margin:0 auto}.articles-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1400px}.articles-grid-alt{grid-template-columns:repeat(2,1fr);max-width:1200px}.card,.side-card,.hero-article{background-color:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.05);overflow:hidden;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.card{height:400px;opacity:0;transform:translateY(10px);animation:cardFade .5s forwards}@keyframes cardFade{to{opacity:1;transform:translateY(0)}}.card:hover,.side-card:hover,.hero-article:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 16px 28px #0003;cursor:pointer}.card img,.side-card img,.hero-image{width:100%;object-fit:cover;border-radius:6px}.card img{height:180px}@media(max-width:1024px){.card img{height:160px}}@media(max-width:600px){.card img{height:200px}}.card h3,.side-card h4{font-family:Playfair Display,serif;font-weight:700;margin:10px 0 5px;position:relative;cursor:pointer;line-height:1.3;padding:0 10px}.card h3:after,.side-card h4:after{content:"";position:absolute;width:0%;height:2px;background:#000;left:0;bottom:-2px;transition:width .3s ease}.card h3:hover:after,.side-card h4:hover:after{width:100%}.card p,.side-card p{font-family:Georgia,serif;font-size:.9rem;line-height:1.4;flex-grow:1;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;padding:0 10px;color:#000}.dark .card h3,.dark .side-card h4{color:#000}.article-detail{max-width:800px;margin:20px auto;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014}.article-detail h1{font-family:Playfair Display,serif;font-size:2.5rem;margin-bottom:20px}.article-detail img{width:100%;height:auto;margin-bottom:20px;border-radius:8px}.article-detail a{color:#c48915;text-decoration:none}.article-detail a:hover{text-decoration:underline}a{text-decoration:none;color:inherit;transition:color .2s ease}a:hover{color:#a36e0c}@media(min-width:1000px)and (max-width:1200px){.card{height:480px}}@media(max-width:1000px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.articles-grid,.articles-grid-alt{grid-template-columns:1fr;padding:10px}.card{height:auto}}
