/* Fluid typography and spacing are defined in variables.css. */
/* Responsive column spans use the same gap calculation as the base row. */

@media (min-width: 768px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    flex: 0 0 calc((100% + var(--row-gap)) * var(--col-span) / var(--grid-columns) - var(--row-gap));
  }

  .col-md-1 { --col-span: 1; }
  .col-md-2 { --col-span: 2; }
  .col-md-3 { --col-span: 3; }
  .col-md-4 { --col-span: 4; }
  .col-md-5 { --col-span: 5; }
  .col-md-6 { --col-span: 6; }
  .col-md-7 { --col-span: 7; }
  .col-md-8 { --col-span: 8; }
  .col-md-9 { --col-span: 9; }
  .col-md-10 { --col-span: 10; }
  .col-md-11 { --col-span: 11; }
  .col-md-12 { --col-span: 12; }
  .col-md-auto { flex: 0 0 auto; width: auto; }
}

@media (min-width: 992px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    flex: 0 0 calc((100% + var(--row-gap)) * var(--col-span) / var(--grid-columns) - var(--row-gap));
  }

  .col-lg-1 { --col-span: 1; }
  .col-lg-2 { --col-span: 2; }
  .col-lg-3 { --col-span: 3; }
  .col-lg-4 { --col-span: 4; }
  .col-lg-5 { --col-span: 5; }
  .col-lg-6 { --col-span: 6; }
  .col-lg-7 { --col-span: 7; }
  .col-lg-8 { --col-span: 8; }
  .col-lg-9 { --col-span: 9; }
  .col-lg-10 { --col-span: 10; }
  .col-lg-11 { --col-span: 11; }
  .col-lg-12 { --col-span: 12; }
  .col-lg-auto { flex: 0 0 auto; width: auto; }
}

@media (min-width: 1200px) {
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    flex: 0 0 calc((100% + var(--row-gap)) * var(--col-span) / var(--grid-columns) - var(--row-gap));
  }

  .col-xl-1 { --col-span: 1; }
  .col-xl-2 { --col-span: 2; }
  .col-xl-3 { --col-span: 3; }
  .col-xl-4 { --col-span: 4; }
  .col-xl-5 { --col-span: 5; }
  .col-xl-6 { --col-span: 6; }
  .col-xl-7 { --col-span: 7; }
  .col-xl-8 { --col-span: 8; }
  .col-xl-9 { --col-span: 9; }
  .col-xl-10 { --col-span: 10; }
  .col-xl-11 { --col-span: 11; }
  .col-xl-12 { --col-span: 12; }
  .col-xl-auto { flex: 0 0 auto; width: auto; }
}

@media (prefers-reduced-motion: reduce) {
  a { transition: none; }

  [data-aos][data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    pointer-events: auto !important;
  }
}