/*
    - Name: "layout.scss"
    - Description: "Layout custom styles"
*/
/* Media query breakpoints */
@font-face {
  font-family: "Cardo Bold";
  src: url("/themes/custom/historias/assets/fonts/cardo/Cardo-Bold.woff2") format("woff2"), url("/themes/custom/historias/assets/fonts/cardo/Cardo-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cardo Regular";
  src: url("/themes/custom/historias/assets/fonts/cardo/Cardo-Regular.woff2") format("woff2"), url("/themes/custom/historias/assets/fonts/cardo/Cardo-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cardo Italic";
  src: url("/themes/custom/historias/assets/fonts/cardo/Cardo-Italic.woff2") format("woff2"), url("/themes/custom/historias/assets/fonts/cardo/Cardo-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Libre Caslon Display";
  src: url("/themes/custom/historias/assets/fonts/librecaslon/LibreCaslonDisplay-Regular.woff2") format("woff2"), url("/themes/custom/historias/assets/fonts/librecaslon/LibreCaslonDisplay-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/themes/custom/historias/assets/fonts/icomoon/icomoon.tff") format("tff"), url("/themes/custom/historias/assets/fonts/icomoon/icomoon.eot?") format("eot"), url("/themes/custom/historias/assets/fonts/icomoon/icomoon.woff") format("woff");
}
.layout-page {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
}

.mt-0 {
  margin-top: calc(var(--hg-spacing) * 0);
}

.mt-1 {
  margin-top: calc(var(--hg-spacing) * 1);
}

.mt-2 {
  margin-top: calc(var(--hg-spacing) * 2);
}

.mt-3 {
  margin-top: calc(var(--hg-spacing) * 3);
}

.mt-4 {
  margin-top: calc(var(--hg-spacing) * 4);
}

.mt-5 {
  margin-top: calc(var(--hg-spacing) * 5);
}

.mt-6 {
  margin-top: calc(var(--hg-spacing) * 6);
}

.mt-7 {
  margin-top: calc(var(--hg-spacing) * 7);
}

.mt-8 {
  margin-top: calc(var(--hg-spacing) * 8);
}

.mt-9 {
  margin-top: calc(var(--hg-spacing) * 9);
}

.mt-10 {
  margin-top: calc(var(--hg-spacing) * 10);
}

.mt-11 {
  margin-top: calc(var(--hg-spacing) * 11);
}

.mt-12 {
  margin-top: calc(var(--hg-spacing) * 12);
}

.mt-13 {
  margin-top: calc(var(--hg-spacing) * 13);
}

.mt-14 {
  margin-top: calc(var(--hg-spacing) * 14);
}

.mt-15 {
  margin-top: calc(var(--hg-spacing) * 15);
}

.mt-16 {
  margin-top: calc(var(--hg-spacing) * 16);
}

.mt-17 {
  margin-top: calc(var(--hg-spacing) * 17);
}

.mt-18 {
  margin-top: calc(var(--hg-spacing) * 18);
}

.mt-19 {
  margin-top: calc(var(--hg-spacing) * 19);
}

.mt-20 {
  margin-top: calc(var(--hg-spacing) * 20);
}

.mt-21 {
  margin-top: calc(var(--hg-spacing) * 21);
}

.mt-22 {
  margin-top: calc(var(--hg-spacing) * 22);
}

.mt-23 {
  margin-top: calc(var(--hg-spacing) * 23);
}

.mt-24 {
  margin-top: calc(var(--hg-spacing) * 24);
}

.mt-25 {
  margin-top: calc(var(--hg-spacing) * 25);
}

.mt-26 {
  margin-top: calc(var(--hg-spacing) * 26);
}

.mt-27 {
  margin-top: calc(var(--hg-spacing) * 27);
}

.mt-28 {
  margin-top: calc(var(--hg-spacing) * 28);
}

.mt-29 {
  margin-top: calc(var(--hg-spacing) * 29);
}

.mt-30 {
  margin-top: calc(var(--hg-spacing) * 30);
}

.mt-31 {
  margin-top: calc(var(--hg-spacing) * 31);
}

.mt-32 {
  margin-top: calc(var(--hg-spacing) * 32);
}

.mb-0 {
  margin-bottom: calc(var(--hg-spacing) * 0);
}

.mb-1 {
  margin-bottom: calc(var(--hg-spacing) * 1);
}

.mb-2 {
  margin-bottom: calc(var(--hg-spacing) * 2);
}

.mb-3 {
  margin-bottom: calc(var(--hg-spacing) * 3);
}

.mb-4 {
  margin-bottom: calc(var(--hg-spacing) * 4);
}

.mb-5 {
  margin-bottom: calc(var(--hg-spacing) * 5);
}

.mb-6 {
  margin-bottom: calc(var(--hg-spacing) * 6);
}

.mb-7 {
  margin-bottom: calc(var(--hg-spacing) * 7);
}

.mb-8 {
  margin-bottom: calc(var(--hg-spacing) * 8);
}

.mb-9 {
  margin-bottom: calc(var(--hg-spacing) * 9);
}

.mb-10 {
  margin-bottom: calc(var(--hg-spacing) * 10);
}

.mb-11 {
  margin-bottom: calc(var(--hg-spacing) * 11);
}

.mb-12 {
  margin-bottom: calc(var(--hg-spacing) * 12);
}

.mb-13 {
  margin-bottom: calc(var(--hg-spacing) * 13);
}

.mb-14 {
  margin-bottom: calc(var(--hg-spacing) * 14);
}

.mb-15 {
  margin-bottom: calc(var(--hg-spacing) * 15);
}

.mb-16 {
  margin-bottom: calc(var(--hg-spacing) * 16);
}

.mb-17 {
  margin-bottom: calc(var(--hg-spacing) * 17);
}

.mb-18 {
  margin-bottom: calc(var(--hg-spacing) * 18);
}

.mb-19 {
  margin-bottom: calc(var(--hg-spacing) * 19);
}

.mb-20 {
  margin-bottom: calc(var(--hg-spacing) * 20);
}

.mb-21 {
  margin-bottom: calc(var(--hg-spacing) * 21);
}

.mb-22 {
  margin-bottom: calc(var(--hg-spacing) * 22);
}

.mb-23 {
  margin-bottom: calc(var(--hg-spacing) * 23);
}

.mb-24 {
  margin-bottom: calc(var(--hg-spacing) * 24);
}

.mb-25 {
  margin-bottom: calc(var(--hg-spacing) * 25);
}

.mb-26 {
  margin-bottom: calc(var(--hg-spacing) * 26);
}

.mb-27 {
  margin-bottom: calc(var(--hg-spacing) * 27);
}

.mb-28 {
  margin-bottom: calc(var(--hg-spacing) * 28);
}

.mb-29 {
  margin-bottom: calc(var(--hg-spacing) * 29);
}

.mb-30 {
  margin-bottom: calc(var(--hg-spacing) * 30);
}

.mb-31 {
  margin-bottom: calc(var(--hg-spacing) * 31);
}

.mb-32 {
  margin-bottom: calc(var(--hg-spacing) * 32);
}

.pt-0 {
  padding-top: calc(var(--hg-spacing) * 0);
}

.pt-1 {
  padding-top: calc(var(--hg-spacing) * 1);
}

.pt-2 {
  padding-top: calc(var(--hg-spacing) * 2);
}

.pt-3 {
  padding-top: calc(var(--hg-spacing) * 3);
}

.pt-4 {
  padding-top: calc(var(--hg-spacing) * 4);
}

.pt-5 {
  padding-top: calc(var(--hg-spacing) * 5);
}

.pt-6 {
  padding-top: calc(var(--hg-spacing) * 6);
}

.pt-7 {
  padding-top: calc(var(--hg-spacing) * 7);
}

.pt-8 {
  padding-top: calc(var(--hg-spacing) * 8);
}

.pt-9 {
  padding-top: calc(var(--hg-spacing) * 9);
}

.pt-10 {
  padding-top: calc(var(--hg-spacing) * 10);
}

.pt-11 {
  padding-top: calc(var(--hg-spacing) * 11);
}

.pt-12 {
  padding-top: calc(var(--hg-spacing) * 12);
}

.pt-13 {
  padding-top: calc(var(--hg-spacing) * 13);
}

.pt-14 {
  padding-top: calc(var(--hg-spacing) * 14);
}

.pt-15 {
  padding-top: calc(var(--hg-spacing) * 15);
}

.pt-16 {
  padding-top: calc(var(--hg-spacing) * 16);
}

.pt-17 {
  padding-top: calc(var(--hg-spacing) * 17);
}

.pt-18 {
  padding-top: calc(var(--hg-spacing) * 18);
}

.pt-19 {
  padding-top: calc(var(--hg-spacing) * 19);
}

.pt-20 {
  padding-top: calc(var(--hg-spacing) * 20);
}

.pt-21 {
  padding-top: calc(var(--hg-spacing) * 21);
}

.pt-22 {
  padding-top: calc(var(--hg-spacing) * 22);
}

.pt-23 {
  padding-top: calc(var(--hg-spacing) * 23);
}

.pt-24 {
  padding-top: calc(var(--hg-spacing) * 24);
}

.pt-25 {
  padding-top: calc(var(--hg-spacing) * 25);
}

.pt-26 {
  padding-top: calc(var(--hg-spacing) * 26);
}

.pt-27 {
  padding-top: calc(var(--hg-spacing) * 27);
}

.pt-28 {
  padding-top: calc(var(--hg-spacing) * 28);
}

.pt-29 {
  padding-top: calc(var(--hg-spacing) * 29);
}

.pt-30 {
  padding-top: calc(var(--hg-spacing) * 30);
}

.pt-31 {
  padding-top: calc(var(--hg-spacing) * 31);
}

.pt-32 {
  padding-top: calc(var(--hg-spacing) * 32);
}

.pb-0 {
  padding-bottom: calc(var(--hg-spacing) * 0);
}

.pb-1 {
  padding-bottom: calc(var(--hg-spacing) * 1);
}

.pb-2 {
  padding-bottom: calc(var(--hg-spacing) * 2);
}

.pb-3 {
  padding-bottom: calc(var(--hg-spacing) * 3);
}

.pb-4 {
  padding-bottom: calc(var(--hg-spacing) * 4);
}

.pb-5 {
  padding-bottom: calc(var(--hg-spacing) * 5);
}

.pb-6 {
  padding-bottom: calc(var(--hg-spacing) * 6);
}

.pb-7 {
  padding-bottom: calc(var(--hg-spacing) * 7);
}

.pb-8 {
  padding-bottom: calc(var(--hg-spacing) * 8);
}

.pb-9 {
  padding-bottom: calc(var(--hg-spacing) * 9);
}

.pb-10 {
  padding-bottom: calc(var(--hg-spacing) * 10);
}

.pb-11 {
  padding-bottom: calc(var(--hg-spacing) * 11);
}

.pb-12 {
  padding-bottom: calc(var(--hg-spacing) * 12);
}

.pb-13 {
  padding-bottom: calc(var(--hg-spacing) * 13);
}

.pb-14 {
  padding-bottom: calc(var(--hg-spacing) * 14);
}

.pb-15 {
  padding-bottom: calc(var(--hg-spacing) * 15);
}

.pb-16 {
  padding-bottom: calc(var(--hg-spacing) * 16);
}

.pb-17 {
  padding-bottom: calc(var(--hg-spacing) * 17);
}

.pb-18 {
  padding-bottom: calc(var(--hg-spacing) * 18);
}

.pb-19 {
  padding-bottom: calc(var(--hg-spacing) * 19);
}

.pb-20 {
  padding-bottom: calc(var(--hg-spacing) * 20);
}

.pb-21 {
  padding-bottom: calc(var(--hg-spacing) * 21);
}

.pb-22 {
  padding-bottom: calc(var(--hg-spacing) * 22);
}

.pb-23 {
  padding-bottom: calc(var(--hg-spacing) * 23);
}

.pb-24 {
  padding-bottom: calc(var(--hg-spacing) * 24);
}

.pb-25 {
  padding-bottom: calc(var(--hg-spacing) * 25);
}

.pb-26 {
  padding-bottom: calc(var(--hg-spacing) * 26);
}

.pb-27 {
  padding-bottom: calc(var(--hg-spacing) * 27);
}

.pb-28 {
  padding-bottom: calc(var(--hg-spacing) * 28);
}

.pb-29 {
  padding-bottom: calc(var(--hg-spacing) * 29);
}

.pb-30 {
  padding-bottom: calc(var(--hg-spacing) * 30);
}

.pb-31 {
  padding-bottom: calc(var(--hg-spacing) * 31);
}

.pb-32 {
  padding-bottom: calc(var(--hg-spacing) * 32);
}

@media (max-width: 991px) {
  .mt-0 {
    margin-top: calc(var(--hg-spacing) * (0 / 2));
  }
  .mt-1 {
    margin-top: calc(var(--hg-spacing) * (1 / 2));
  }
  .mt-2 {
    margin-top: calc(var(--hg-spacing) * (2 / 2));
  }
  .mt-3 {
    margin-top: calc(var(--hg-spacing) * (3 / 2));
  }
  .mt-4 {
    margin-top: calc(var(--hg-spacing) * (4 / 2));
  }
  .mt-5 {
    margin-top: calc(var(--hg-spacing) * (5 / 2));
  }
  .mt-6 {
    margin-top: calc(var(--hg-spacing) * (6 / 2));
  }
  .mt-7 {
    margin-top: calc(var(--hg-spacing) * (7 / 2));
  }
  .mt-8 {
    margin-top: calc(var(--hg-spacing) * (8 / 2));
  }
  .mt-9 {
    margin-top: calc(var(--hg-spacing) * (9 / 2));
  }
  .mt-10 {
    margin-top: calc(var(--hg-spacing) * (10 / 2));
  }
  .mt-11 {
    margin-top: calc(var(--hg-spacing) * (11 / 2));
  }
  .mt-12 {
    margin-top: calc(var(--hg-spacing) * (12 / 2));
  }
  .mt-13 {
    margin-top: calc(var(--hg-spacing) * (13 / 2));
  }
  .mt-14 {
    margin-top: calc(var(--hg-spacing) * (14 / 2));
  }
  .mt-15 {
    margin-top: calc(var(--hg-spacing) * (15 / 2));
  }
  .mt-16 {
    margin-top: calc(var(--hg-spacing) * (16 / 2));
  }
  .mt-17 {
    margin-top: calc(var(--hg-spacing) * (17 / 2));
  }
  .mt-18 {
    margin-top: calc(var(--hg-spacing) * (18 / 2));
  }
  .mt-19 {
    margin-top: calc(var(--hg-spacing) * (19 / 2));
  }
  .mt-20 {
    margin-top: calc(var(--hg-spacing) * (20 / 2));
  }
  .mt-21 {
    margin-top: calc(var(--hg-spacing) * (21 / 2));
  }
  .mt-22 {
    margin-top: calc(var(--hg-spacing) * (22 / 2));
  }
  .mt-23 {
    margin-top: calc(var(--hg-spacing) * (23 / 2));
  }
  .mt-24 {
    margin-top: calc(var(--hg-spacing) * (24 / 2));
  }
  .mt-25 {
    margin-top: calc(var(--hg-spacing) * (25 / 2));
  }
  .mt-26 {
    margin-top: calc(var(--hg-spacing) * (26 / 2));
  }
  .mt-27 {
    margin-top: calc(var(--hg-spacing) * (27 / 2));
  }
  .mt-28 {
    margin-top: calc(var(--hg-spacing) * (28 / 2));
  }
  .mt-29 {
    margin-top: calc(var(--hg-spacing) * (29 / 2));
  }
  .mt-30 {
    margin-top: calc(var(--hg-spacing) * (30 / 2));
  }
  .mt-31 {
    margin-top: calc(var(--hg-spacing) * (31 / 2));
  }
  .mt-32 {
    margin-top: calc(var(--hg-spacing) * (32 / 2));
  }
  .mb-0 {
    margin-bottom: calc(var(--hg-spacing) * (0 / 2));
  }
  .mb-1 {
    margin-bottom: calc(var(--hg-spacing) * (1 / 2));
  }
  .mb-2 {
    margin-bottom: calc(var(--hg-spacing) * (2 / 2));
  }
  .mb-3 {
    margin-bottom: calc(var(--hg-spacing) * (3 / 2));
  }
  .mb-4 {
    margin-bottom: calc(var(--hg-spacing) * (4 / 2));
  }
  .mb-5 {
    margin-bottom: calc(var(--hg-spacing) * (5 / 2));
  }
  .mb-6 {
    margin-bottom: calc(var(--hg-spacing) * (6 / 2));
  }
  .mb-7 {
    margin-bottom: calc(var(--hg-spacing) * (7 / 2));
  }
  .mb-8 {
    margin-bottom: calc(var(--hg-spacing) * (8 / 2));
  }
  .mb-9 {
    margin-bottom: calc(var(--hg-spacing) * (9 / 2));
  }
  .mb-10 {
    margin-bottom: calc(var(--hg-spacing) * (10 / 2));
  }
  .mb-11 {
    margin-bottom: calc(var(--hg-spacing) * (11 / 2));
  }
  .mb-12 {
    margin-bottom: calc(var(--hg-spacing) * (12 / 2));
  }
  .mb-13 {
    margin-bottom: calc(var(--hg-spacing) * (13 / 2));
  }
  .mb-14 {
    margin-bottom: calc(var(--hg-spacing) * (14 / 2));
  }
  .mb-15 {
    margin-bottom: calc(var(--hg-spacing) * (15 / 2));
  }
  .mb-16 {
    margin-bottom: calc(var(--hg-spacing) * (16 / 2));
  }
  .mb-17 {
    margin-bottom: calc(var(--hg-spacing) * (17 / 2));
  }
  .mb-18 {
    margin-bottom: calc(var(--hg-spacing) * (18 / 2));
  }
  .mb-19 {
    margin-bottom: calc(var(--hg-spacing) * (19 / 2));
  }
  .mb-20 {
    margin-bottom: calc(var(--hg-spacing) * (20 / 2));
  }
  .mb-21 {
    margin-bottom: calc(var(--hg-spacing) * (21 / 2));
  }
  .mb-22 {
    margin-bottom: calc(var(--hg-spacing) * (22 / 2));
  }
  .mb-23 {
    margin-bottom: calc(var(--hg-spacing) * (23 / 2));
  }
  .mb-24 {
    margin-bottom: calc(var(--hg-spacing) * (24 / 2));
  }
  .mb-25 {
    margin-bottom: calc(var(--hg-spacing) * (25 / 2));
  }
  .mb-26 {
    margin-bottom: calc(var(--hg-spacing) * (26 / 2));
  }
  .mb-27 {
    margin-bottom: calc(var(--hg-spacing) * (27 / 2));
  }
  .mb-28 {
    margin-bottom: calc(var(--hg-spacing) * (28 / 2));
  }
  .mb-29 {
    margin-bottom: calc(var(--hg-spacing) * (29 / 2));
  }
  .mb-30 {
    margin-bottom: calc(var(--hg-spacing) * (30 / 2));
  }
  .mb-31 {
    margin-bottom: calc(var(--hg-spacing) * (31 / 2));
  }
  .mb-32 {
    margin-bottom: calc(var(--hg-spacing) * (32 / 2));
  }
  .pt-0 {
    padding-top: calc(var(--hg-spacing) * (0 / 2));
  }
  .pt-1 {
    padding-top: calc(var(--hg-spacing) * (1 / 2));
  }
  .pt-2 {
    padding-top: calc(var(--hg-spacing) * (2 / 2));
  }
  .pt-3 {
    padding-top: calc(var(--hg-spacing) * (3 / 2));
  }
  .pt-4 {
    padding-top: calc(var(--hg-spacing) * (4 / 2));
  }
  .pt-5 {
    padding-top: calc(var(--hg-spacing) * (5 / 2));
  }
  .pt-6 {
    padding-top: calc(var(--hg-spacing) * (6 / 2));
  }
  .pt-7 {
    padding-top: calc(var(--hg-spacing) * (7 / 2));
  }
  .pt-8 {
    padding-top: calc(var(--hg-spacing) * (8 / 2));
  }
  .pt-9 {
    padding-top: calc(var(--hg-spacing) * (9 / 2));
  }
  .pt-10 {
    padding-top: calc(var(--hg-spacing) * (10 / 2));
  }
  .pt-11 {
    padding-top: calc(var(--hg-spacing) * (11 / 2));
  }
  .pt-12 {
    padding-top: calc(var(--hg-spacing) * (12 / 2));
  }
  .pt-13 {
    padding-top: calc(var(--hg-spacing) * (13 / 2));
  }
  .pt-14 {
    padding-top: calc(var(--hg-spacing) * (14 / 2));
  }
  .pt-15 {
    padding-top: calc(var(--hg-spacing) * (15 / 2));
  }
  .pt-16 {
    padding-top: calc(var(--hg-spacing) * (16 / 2));
  }
  .pt-17 {
    padding-top: calc(var(--hg-spacing) * (17 / 2));
  }
  .pt-18 {
    padding-top: calc(var(--hg-spacing) * (18 / 2));
  }
  .pt-19 {
    padding-top: calc(var(--hg-spacing) * (19 / 2));
  }
  .pt-20 {
    padding-top: calc(var(--hg-spacing) * (20 / 2));
  }
  .pt-21 {
    padding-top: calc(var(--hg-spacing) * (21 / 2));
  }
  .pt-22 {
    padding-top: calc(var(--hg-spacing) * (22 / 2));
  }
  .pt-23 {
    padding-top: calc(var(--hg-spacing) * (23 / 2));
  }
  .pt-24 {
    padding-top: calc(var(--hg-spacing) * (24 / 2));
  }
  .pt-25 {
    padding-top: calc(var(--hg-spacing) * (25 / 2));
  }
  .pt-26 {
    padding-top: calc(var(--hg-spacing) * (26 / 2));
  }
  .pt-27 {
    padding-top: calc(var(--hg-spacing) * (27 / 2));
  }
  .pt-28 {
    padding-top: calc(var(--hg-spacing) * (28 / 2));
  }
  .pt-29 {
    padding-top: calc(var(--hg-spacing) * (29 / 2));
  }
  .pt-30 {
    padding-top: calc(var(--hg-spacing) * (30 / 2));
  }
  .pt-31 {
    padding-top: calc(var(--hg-spacing) * (31 / 2));
  }
  .pt-32 {
    padding-top: calc(var(--hg-spacing) * (32 / 2));
  }
  .pb-0 {
    padding-bottom: calc(var(--hg-spacing) * (0 / 2));
  }
  .pb-1 {
    padding-bottom: calc(var(--hg-spacing) * (1 / 2));
  }
  .pb-2 {
    padding-bottom: calc(var(--hg-spacing) * (2 / 2));
  }
  .pb-3 {
    padding-bottom: calc(var(--hg-spacing) * (3 / 2));
  }
  .pb-4 {
    padding-bottom: calc(var(--hg-spacing) * (4 / 2));
  }
  .pb-5 {
    padding-bottom: calc(var(--hg-spacing) * (5 / 2));
  }
  .pb-6 {
    padding-bottom: calc(var(--hg-spacing) * (6 / 2));
  }
  .pb-7 {
    padding-bottom: calc(var(--hg-spacing) * (7 / 2));
  }
  .pb-8 {
    padding-bottom: calc(var(--hg-spacing) * (8 / 2));
  }
  .pb-9 {
    padding-bottom: calc(var(--hg-spacing) * (9 / 2));
  }
  .pb-10 {
    padding-bottom: calc(var(--hg-spacing) * (10 / 2));
  }
  .pb-11 {
    padding-bottom: calc(var(--hg-spacing) * (11 / 2));
  }
  .pb-12 {
    padding-bottom: calc(var(--hg-spacing) * (12 / 2));
  }
  .pb-13 {
    padding-bottom: calc(var(--hg-spacing) * (13 / 2));
  }
  .pb-14 {
    padding-bottom: calc(var(--hg-spacing) * (14 / 2));
  }
  .pb-15 {
    padding-bottom: calc(var(--hg-spacing) * (15 / 2));
  }
  .pb-16 {
    padding-bottom: calc(var(--hg-spacing) * (16 / 2));
  }
  .pb-17 {
    padding-bottom: calc(var(--hg-spacing) * (17 / 2));
  }
  .pb-18 {
    padding-bottom: calc(var(--hg-spacing) * (18 / 2));
  }
  .pb-19 {
    padding-bottom: calc(var(--hg-spacing) * (19 / 2));
  }
  .pb-20 {
    padding-bottom: calc(var(--hg-spacing) * (20 / 2));
  }
  .pb-21 {
    padding-bottom: calc(var(--hg-spacing) * (21 / 2));
  }
  .pb-22 {
    padding-bottom: calc(var(--hg-spacing) * (22 / 2));
  }
  .pb-23 {
    padding-bottom: calc(var(--hg-spacing) * (23 / 2));
  }
  .pb-24 {
    padding-bottom: calc(var(--hg-spacing) * (24 / 2));
  }
  .pb-25 {
    padding-bottom: calc(var(--hg-spacing) * (25 / 2));
  }
  .pb-26 {
    padding-bottom: calc(var(--hg-spacing) * (26 / 2));
  }
  .pb-27 {
    padding-bottom: calc(var(--hg-spacing) * (27 / 2));
  }
  .pb-28 {
    padding-bottom: calc(var(--hg-spacing) * (28 / 2));
  }
  .pb-29 {
    padding-bottom: calc(var(--hg-spacing) * (29 / 2));
  }
  .pb-30 {
    padding-bottom: calc(var(--hg-spacing) * (30 / 2));
  }
  .pb-31 {
    padding-bottom: calc(var(--hg-spacing) * (31 / 2));
  }
  .pb-32 {
    padding-bottom: calc(var(--hg-spacing) * (32 / 2));
  }
}
.grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  /* Column layouts */
  /* Responsive adjustments */
}
@media (min-width: 768px) {
  .grid {
    gap: 16px;
  }
}
@media (min-width: 992px) {
  .grid {
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  .grid {
    gap: 30px;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.grid.grid-cols-1:has(video):has(img) {
  display: block;
}
.grid.grid-cols-2 > * {
  flex: 0 0 calc(50% - 15px);
  max-width: calc(50% - 15px);
}
.grid.grid-cols-3 > * {
  flex: 0 0 calc(33.33% - 20px);
  max-width: calc(33.33% - 20px);
}
.grid.grid-cols-4 > * {
  flex: 0 0 calc(25% - 23px);
  max-width: calc(25% - 23px);
}
@media (max-width: 1024px) {
  .grid.grid-cols-4 > *, .grid.grid-cols-3 > * {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}
@media (max-width: 768px) {
  .grid.grid-cols-4 > *, .grid.grid-cols-3 > *, .grid.grid-cols-2 > * {
    flex: unset;
    max-width: 100%;
  }
}
/*# sourceMappingURL=layout.css.map */