/* utilities.css - helper kecil & skeleton + animasi */
@import url('./design-tokens.css');
.hidden{display:none !important;} .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;} 
.flex{display:flex;} .flex-col{display:flex;flex-direction:column;} .justify-between{justify-content:space-between;} .items-center{align-items:center;} .gap-sm{gap:8px;} .gap{gap:16px;} .gap-lg{gap:32px;} 
.mt-0{margin-top:0;} .mt-2{margin-top:8px;} .mt-4{margin-top:16px;} .mt-6{margin-top:24px;} .mt-8{margin-top:32px;} 
.mb-0{margin-bottom:0;} .mb-2{margin-bottom:8px;} .mb-4{margin-bottom:16px;} .mb-6{margin-bottom:24px;} .mb-8{margin-bottom:32px;} 
.text-center{text-align:center;} 
/* Skeleton */
.skeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,#eceff1,#f5f7f8,#eceff1);background-size:200% 100%;animation:skeleton 1.4s ease-in-out infinite;}@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}} .skeleton-text{height:14px;border-radius:6px;margin:6px 0;} .skeleton-thumb{aspect-ratio:16/10;border-radius:var(--radius-lg);} body.loaded .skeleton{display:none;} 
/* Stagger */
[data-animate]{opacity:0;transform:translateY(28px) scale(.98);transition:opacity .75s cubic-bezier(.4,.14,.3,1),transform .75s cubic-bezier(.4,.14,.3,1);} .in-view{opacity:1!important;transform:translateY(0) scale(1)!important;} 
/* Section spacing variant (opsional) */
.section-tight{padding-top:var(--space-7)!important;padding-bottom:var(--space-7)!important;}