.elementor-457 .elementor-element.elementor-element-8b0cd69{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:270px;--padding-bottom:180px;--padding-left:148px;--padding-right:148px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-457 .elementor-element.elementor-element-2f5ed14 .elementor-heading-title{font-family:"Aeonik Pro", Sans-serif;font-size:58px;font-weight:400;text-transform:uppercase;line-height:58px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-457 .elementor-element.elementor-element-dbaefd4{width:var( --container-widget-width, 909px );max-width:909px;--container-widget-width:909px;--container-widget-flex-grow:0;font-family:"Aeonik Pro", Sans-serif;font-size:32px;font-weight:400;line-height:34px;}.elementor-457 .elementor-element.elementor-element-8489a63{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;padding:0px 0px 40px 0px;--e-filter-space-between:6px;}.elementor-457 .elementor-element.elementor-element-8489a63 .e-filter-item{font-family:"Aeonik Pro", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;line-height:15px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-457 .elementor-element.elementor-element-bcef6c5{--grid-columns:2;}@media(max-width:1024px){.elementor-457 .elementor-element.elementor-element-8b0cd69{--padding-top:90px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-457 .elementor-element.elementor-element-2f5ed14 .elementor-heading-title{font-size:40px;line-height:38px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-457 .elementor-element.elementor-element-8489a63 .e-filter-item{font-size:14px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-457 .elementor-element.elementor-element-bcef6c5{--grid-columns:2;}}@media(max-width:767px){.elementor-457 .elementor-element.elementor-element-8b0cd69{--padding-top:90px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-457 .elementor-element.elementor-element-2f5ed14 .elementor-heading-title{font-size:38px;line-height:33px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-457 .elementor-element.elementor-element-dbaefd4{font-size:18px;line-height:20px;}.elementor-457 .elementor-element.elementor-element-8489a63{width:var( --container-widget-width, 274px );max-width:274px;padding:0px 0px 40px 0px;--container-widget-width:274px;--container-widget-flex-grow:0;--e-filter-space-between:0px;}.elementor-457 .elementor-element.elementor-element-8489a63 .e-filter-item{font-size:14px;line-height:11px;padding:0px 20px 10px 0px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-457 .elementor-element.elementor-element-bcef6c5{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-8489a63 *//* =======================================================================
   ALIJA — Projects archive grid (staggered two-column layout)
   Target widget: .elementor-element-bcef6c5  (has class .c-archive-grid)
   Cards: .e-loop-item inside .elementor-loop-container

   How it works:
   - The loop grid stays a 2-column CSS grid on desktop.
     ODD cards (1,3,5…) fall in the LEFT column, EVEN cards (2,4,6…)
     in the RIGHT column.
   - The RIGHT column is pushed DOWN (translateY) for the staggered look.
   - In the Figma the cards inside EACH column don't line up — they
     zig-zag slightly left/right. So instead of one offset per column,
     we use a repeating 4-card horizontal pattern (cards 1,2,3,4 then it
     repeats for 5,6,7,8…). Tune the four --x* values to set the jitter.

   All movement uses transform, so it never changes the grid track sizes.
   ======================================================================= */

.c-archive-grid {
  /* --- vertical spacing --- */
  --grid-col-gap: 40px;   /* horizontal space between the two grid tracks    */
  --grid-row-gap: 70px;   /* vertical space between cards in the same column  */
  --grid-stagger: 100px;  /* how far the RIGHT column is pushed DOWN          */

  /* --- horizontal zig-zag (repeats every 4 cards) ---
     POSITIVE = move card RIGHT, NEGATIVE = move card LEFT.
     Position in the repeating cycle:
       --x1 = 1st card of cycle  (LEFT column)
       --x2 = 2nd card of cycle  (RIGHT column)
       --x3 = 3rd card of cycle  (LEFT column)
       --x4 = 4th card of cycle  (RIGHT column)                              */
  --x1: 0px;     /* left col, sits at baseline (far left)  */
  --x2: 0px;     /* right col, baseline                    */
  --x3: 70px;    /* left col, indented to the right         */
  --x4: -40px;   /* right col, nudged left                  */
}

/* -----------------------------------------------------------------------
   DESKTOP / TABLET ( >= 768px ): staggered two columns + zig-zag
   ----------------------------------------------------------------------- */
@media (min-width: 768px) {

  .c-archive-grid .elementor-loop-container {
    column-gap: var(--grid-col-gap) !important;
    row-gap: var(--grid-row-gap) !important;
    align-items: start;            /* don't stretch rows to equal height   */
    margin-bottom: var(--grid-stagger);  /* room for the lower right column */
  }

  /* Repeating 4-card pattern.
     Left-column cards (4n+1, 4n+3): horizontal jitter only.
     Right-column cards (4n+2, 4n+4): horizontal jitter + vertical stagger. */
  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(4n+1) {
    transform: translateX(var(--x1));
  }
  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(4n+2) {
    transform: translate(var(--x2), var(--grid-stagger));
  }
  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(4n+3) {
    transform: translateX(var(--x3));
  }
  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(4n+4) {
    transform: translate(var(--x4), var(--grid-stagger));
  }
}

/* -----------------------------------------------------------------------
   MOBILE ( <= 767px ): single column, even stacking, no offset/jitter
   ----------------------------------------------------------------------- */
@media (max-width: 767px) {

  .c-archive-grid .elementor-loop-container {
    row-gap: 40px !important;
    column-gap: 0 !important;
    margin-bottom: 0;
  }

  .c-archive-grid .elementor-loop-container > .e-loop-item {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-bcef6c5 */.c-archive-grid {
  --grid-col-gap: 40px;
  --grid-row-gap: 70px;
  --grid-stagger: 100px;
  --x1: 0px;
  --x2: 0px;
  --x3: -70px;
  --x4: 70px;
  --mobile-shift: 40px;
}

@media (min-width: 768px) {

  .c-archive-grid .elementor-loop-container {
    column-gap: var(--grid-col-gap) !important;
    row-gap: var(--grid-row-gap) !important;
    align-items: start;
    margin-bottom: var(--grid-stagger);
  }

  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(even)
    > .c-loop-main-container > .e-con-inner {
    margin-inline: 0 auto;
  }
  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(odd)
    > .c-loop-main-container > .e-con-inner {
    margin-inline: auto 0;
  }

  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(4n+1) {
    transform: translate(var(--x1), var(--grid-stagger));
  }
  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(4n+2) {
    transform: translateX(var(--x2));
  }
  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(4n+3) {
    transform: translate(var(--x3), var(--grid-stagger));
  }
  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(4n+4) {
    transform: translateX(var(--x4));
  }
}

@media (min-width: 768px) and (max-width: 1024px) {

  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(even)
    > .c-loop-main-container > .e-con-inner,
  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(odd)
    > .c-loop-main-container > .e-con-inner {
    margin-inline: auto;
  }

  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(4n+1),
  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(4n+3) {
    transform: translateY(var(--grid-stagger));
  }
  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(4n+2),
  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(4n+4) {
    transform: none;
  }
}

@media (max-width: 767px) {

  .c-archive-grid .elementor-loop-container {
    row-gap: 40px !important;
    column-gap: 0 !important;
    margin-bottom: 0;
  }

  .c-archive-grid .elementor-loop-container > .e-loop-item {
    transform: none;
    width: calc(100% - var(--mobile-shift));
  }
  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(odd) {
    margin-inline: 0 auto;
  }
  .c-archive-grid .elementor-loop-container > .e-loop-item:nth-child(even) {
    margin-inline: auto 0;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Aeonik Pro';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://recursing-cerf.85-215-140-202.plesk.page/wp-content/uploads/2026/05/aeonikpro-regular.woff') format('woff');
}
@font-face {
	font-family: 'Aeonik Pro';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://recursing-cerf.85-215-140-202.plesk.page/wp-content/uploads/2026/05/Aeonik-Pro-Medium.woff') format('woff');
}
/* End Custom Fonts CSS */