.row {
  width: 100%;
  display: flex;
}
.row.row-mirror {
  direction: rtl;
}
.row.row-end {
  justify-content: flex-end;
}

.row-subgrid {
  display: grid;
  align-items: start;
  grid-template-columns: repeat(var(--col, 2), 1fr);
  grid-auto-rows: min-content;
}

.cell {
  width: 100%;
  display: block;
  position: relative;
  height: fit-content;
  overflow: hidden;
}

.cell-1-1 {
  aspect-ratio: 1/1;
}

.cell-16-9 {
  aspect-ratio: 16/9;
}

.cell-2-3 {
  aspect-ratio: 2/3;
}

.cell-3-4 {
  aspect-ratio: 3/4;
}

.cell-4-3 {
  aspect-ratio: 4/3;
}

.cell-3-2 {
  aspect-ratio: 3/2;
}

.home-layout1 > * {
  width: 100%;
}

.home-layout2 > * {
  width: calc(100% / 12 * 12 - var(--sp-14));
}

.home-layout3 > *:nth-child(1) {
  width: calc(100% / 12 * 9 - var(--sp-13));
}
.home-layout3 > *:nth-child(2) {
  width: 25%;
}

.home-layout4 > *:nth-child(1) {
  width: calc(100% / 12 * 6 - var(--sp-13));
}
.home-layout4 > *:nth-child(2) {
  width: 50%;
}

.home-layout5 > *:nth-child(1) {
  width: calc(100% / 12 * 7 - var(--sp-13));
}
.home-layout5 > *:nth-child(2) {
  width: 41.667%;
}

.home-layout6 > *:nth-child(1) {
  width: calc(100% / 12 * 8 - var(--sp-13));
}
.home-layout6 > *:nth-child(2) {
  width: 33.333%;
}

.home-layout7 > *:nth-child(1) {
  width: calc(100% / 12 * 5 - var(--sp-13));
}
.home-layout7 > *:nth-child(2) {
  width: 58.333%;
}

.home-layout8 > *:nth-child(1) {
  width: calc(100% / 12 * 7 - var(--sp-14));
}
.home-layout8 > *:nth-child(2) {
  width: 41.667%;
}

.home-layout9 > *:nth-child(1) {
  width: calc(100% / 12 * 8 - var(--sp-14));
}
.home-layout9 > *:nth-child(2) {
  width: 33.333%;
}

.home-layout10 > *:nth-child(1) {
  width: calc(100% / 12 * 2.5 - var(--sp-6));
}
.home-layout10 > *:nth-child(2) {
  width: 20.833%;
}
.home-layout10 > *:nth-child(3) {
  width: 58.333%;
}

.home-layout11 > *:nth-child(1) {
  width: calc(100% / 12 * 3 - var(--sp-6));
}
.home-layout11 > *:nth-child(2) {
  width: 25%;
}
.home-layout11 > *:nth-child(3) {
  width: 41.667%;
}

.home-layout12 > *:nth-child(1) {
  width: calc(100% / 12 * 7 - var(--sp-6));
}
.home-layout12 > *:nth-child(2) {
  width: 41.667%;
}
.home-layout12 .row-subgrid {
  --col: 2;
}

.home-layout13 > *:nth-child(1) {
  width: calc(100% / 12 * 6 - var(--sp-13));
}
.home-layout13 > *:nth-child(2) {
  width: 25%;
}
.home-layout13 > *:nth-child(3) {
  width: 25%;
}

.home-layout14 {
  --cols: 12;
}
.home-layout14 > *:nth-child(1) {
  width: calc(100% / 12 * 9 - var(--sp-13));
}
.home-layout14 > *:nth-child(2) {
  width: 25%;
}
.home-layout14 .row-subgrid {
  --col: 2;
}

.project-layout1 > * {
  width: calc(100% / var(--cols, 5));
}

.project-layout2 > * {
  width: 50%;
}
.project-layout2 .row-subgrid {
  grid-template-columns: repeat(3, 1fr);
  grid-column: span 1;
}
.project-layout2 .row-subgrid .cell {
  aspect-ratio: 3/4;
}

.project-layout3 > *:nth-child(1) {
  width: 16.667%;
}
.project-layout3 > *:nth-child(2) {
  width: 16.667%;
}
.project-layout3 > *:nth-child(3) {
  width: 66.667%;
}

.project-layout4 > * {
  width: 83.333%;
}

.project-layout5 > * {
  width: 25%;
}

.project-layout6 > * {
  width: 16.667%;
}
.project-layout6 > *.large {
  width: 33.333%;
}

.project-layout7 > *:nth-child(-n+2) {
  width: 33.333%;
}
.project-layout7 > *:nth-last-child(-n+2) {
  width: 16.667%;
}

.project-layout8 > *:nth-child(-n+2) {
  width: 33.333%;
}
.project-layout8 > *:nth-last-child(-n+3) {
  width: 16.667%;
}

.project-layout9 > * {
  width: 41.667%;
}

.home-layout15 > *:nth-child(1) {
  width: calc(100% / 12 * 6.5 - var(--sp-13));
}
.home-layout15 > *:nth-child(2) {
  width: 45.833%;
}

/*# sourceMappingURL=grid.css.map */