#berita{background:#f9fafb;padding:60px 20px}.berita-container{max-width:1200px;margin:0 auto;position:relative}.berita-header{text-align:center;margin-bottom:32px}.berita-header h2{color:#0f172a;margin-bottom:10px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.berita-divider{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:999px;width:80px;height:5px;margin:0 auto}.berita-slider{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;align-items:stretch;gap:20px;padding:10px;display:flex;overflow-x:auto}.berita-slider::-webkit-scrollbar{height:8px}.berita-slider::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;display:none}.berita-card{background:#fff;border-radius:12px;flex-direction:column;flex:0 0 calc(33.3333% - 13.3333px);display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.berita-image{border-radius:12px 12px 0 0;width:100%;height:180px;position:relative;overflow:hidden}.berita-image img{object-fit:cover;width:100%;height:100%;display:block}.berita-image:after{content:"";background:linear-gradient(#0000,#0006);border-radius:12px 12px 0 0;position:absolute;inset:0}.berita-label{color:#fff;background:#2563eb;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:600;position:absolute;bottom:8px;left:8px}.berita-content{flex-direction:column;flex:1;padding:16px;display:flex}.berita-date{color:#64748b;margin-bottom:6px;font-size:.8rem}.berita-content h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:1rem;font-weight:700;display:-webkit-box;overflow:hidden}.berita-desc{color:#475569;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.875rem;line-height:1.4;display:-webkit-box;overflow:hidden}.berita-btn{color:#fff;background:#2563eb;border-radius:999px;align-self:flex-start;margin-top:auto;padding:8px 14px;font-size:.85rem;font-weight:600}.slider-nav{pointer-events:none;justify-content:space-between;padding:0 10px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.slider-nav button{pointer-events:auto;color:#fff;cursor:pointer;background:#2563ebe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 8px #0003}.slider-nav button:hover{background:#1e40af}.slider-nav svg{width:24px;height:24px}@media (width<=768px){.berita-card{flex:0 0 100%}}@media (width>=769px) and (width<=1024px){.berita-card{flex:0 0 calc(50% - 10px)}}@media (width>=1025px){.berita-card{flex:0 0 calc(33.3333% - 13.3333px)}}