/* ============================================================
   ASSYRIA — MAIN STYLESHEET ENTRY POINT
   Import order matters: tokens → reset → typography →
   layout → components → animations → responsive overrides.
   ============================================================ */

/* 1. Design tokens (CSS variables) */
@import url('variables.css');

/* 2. Reset & base element styles */
@import url('reset.css');

/* 3. Typography — font sizes, weights, line-heights */
@import url('typography.css');

/* 4. Layout — structural containers and grids */
@import url('layout.css');

/* 5. Components — individual UI blocks */
@import url('components.css');

/* 6. Animations — keyframes and reveal utilities */
@import url('animations.css');

/* 7. Responsive — breakpoint overrides (always last) */
@import url('responsive.css');

/* 8. Force hidden*/
.hidden{
   visibility: hidden!important;
}

/* Masonry grid limit */
.masonry > *:nth-child(n+9) {
  display: none;
}