.view--content-projects.view--block-all .view__row-content a {
  display: var(--animate-underline--display, inline);
  line-height: 1;
  background-image: linear-gradient(0deg, var(--animate-underline--underline-color, currentColor) 0%, var(--animate-underline--underline-color, currentColor) 100%);
  background-size: var(--animate-underline--bg-size--width, 0%) var(--animate-underline--bg-size--thickness, 1px);
  background-repeat: no-repeat;
  background-position-y: var(--animate-underline--bg-position-y, 1.1em);
  background-position-x: var(--animate-underline--bg-position-x, right);
  transition: all 200ms ease-in-out;
}
.view--content-projects.view--block-all .view__row-content a:hover, .view--content-projects.view--block-all .view__row-content a:focus-visible {
  --animate-underline--bg-size--width: var(--animate-underline--bg-size--width--active);
}

.view--content-projects.view--block-all .view__row-content a {
  --animate-underline--bg-position-x: left;
  --animate-underline--bg-size--width: 0%;
  --animate-underline--bg-size--width--active: 100%;
}

.view--content-projects.view--block-all .view__row-content a span {
  font-size: var(--heading--font-size);
  color: var(--heading--color, var(--body--color, inherit));
  line-height: var(--heading--line-height, 1.1);
  font-weight: var(--heading--font-weight);
  text-transform: var(--heading--text-transform);
  transition: var(--heading--transition, all 200ms ease-in-out);
  margin-top: var(--heading--margin-top);
  margin-bottom: var(--heading--margin-bottom);
}

.view--content-projects.view--block-all .view__row-content a span {
  --heading--font-size: var(--h4--font-size, clamp(1rem, 0.8125rem + 1.0416666667vw, 1.5625rem));
  --heading--font-weight: var(--h4--font-weight);
}

.view--content-projects.view--block-all {
  --view--row--margin-top: 0;
}
.view--content-projects.view--block-all .view__rows {
  display: grid;
  gap: 0px;
}
.view--content-projects.view--block-all .view__rows + .view__rows {
  margin-top: calc(var(--view-row-content-height) * -1);
}
.view--content-projects.view--block-all .view__rows .view__row--1 {
  --a--color--active: var(--a--color);
}
[data-site-mode=at-work] .view--content-projects.view--block-all .view__rows .view__row--1 {
  --bg-color: #80d8ce;
  --a--color: #1d2c3c;
}
[data-site-mode=at-play] .view--content-projects.view--block-all .view__rows .view__row--1 {
  --bg-color: #ffa2b6;
  --a--color: #511416;
}
.view--content-projects.view--block-all .view__rows .view__row--2 {
  --border-radius: 50vw 50vw 0 0;
  --a--color--active: var(--a--color);
}
[data-site-mode=at-work] .view--content-projects.view--block-all .view__rows .view__row--2 {
  --bg-color: #124e66;
  --a--color: #d3d9d4;
}
[data-site-mode=at-play] .view--content-projects.view--block-all .view__rows .view__row--2 {
  --bg-color: #f63259;
  --a--color: #511416;
}
.view--content-projects.view--block-all .view__rows .view__row--3 {
  --border-radius: 0 0 50vw 50vw;
  --a--color--active: var(--a--color);
}
[data-site-mode=at-work] .view--content-projects.view--block-all .view__rows .view__row--3 {
  --bg-color: #d3d9d4;
  --a--color: #1d2c3c;
}
[data-site-mode=at-play] .view--content-projects.view--block-all .view__rows .view__row--3 {
  --bg-color: #511416;
  --a--color: #eae7dc;
}
.view--content-projects.view--block-all .view__rows .view__row--4 {
  --border-radius: 50vw;
  --a--color--active: var(--a--color);
}
[data-site-mode=at-work] .view--content-projects.view--block-all .view__rows .view__row--4 {
  --accent-bg-color: #e43d12;
  --bg-color: #21767b;
  --a--color: #d3d9d4;
}
[data-site-mode=at-play] .view--content-projects.view--block-all .view__rows .view__row--4 {
  --accent-bg-color: #124e66;
  --bg-color: #e43d12;
  --a--color: #eae7dc;
}
.view--content-projects.view--block-all .view__rows .view__row--5 {
  --a--color--active: var(--a--color);
}
[data-site-mode=at-work] .view--content-projects.view--block-all .view__rows .view__row--5 {
  --a--color: #d3d9d4;
}
[data-site-mode=at-play] .view--content-projects.view--block-all .view__rows .view__row--5 {
  --a--color: #511416;
}
.view--content-projects.view--block-all .view__rows .view__row--6 {
  --a--color--active: var(--a--color);
  --border-radius: 0 50vw 50vw 0;
}
[data-site-mode=at-work] .view--content-projects.view--block-all .view__rows .view__row--6 {
  --accent-bg-color: #eae7dc;
  --bg-color: #21767b;
  --a--color: #d3d9d4;
}
[data-site-mode=at-play] .view--content-projects.view--block-all .view__rows .view__row--6 {
  --accent-bg-color: #1d2c3c;
  --bg-color: #e43d12;
  --a--color: #eae7dc;
}
.view--content-projects.view--block-all .view__rows .view__row--7 {
  --a--color--active: var(--a--color);
  --border-radius: 50vw 50vw 0 0;
}
[data-site-mode=at-work] .view--content-projects.view--block-all .view__rows .view__row--7 {
  --accent-bg-color: #f63259;
  --bg-color: #124e66;
  --a--color: #d3d9d4;
}
[data-site-mode=at-play] .view--content-projects.view--block-all .view__rows .view__row--7 {
  --accent-bg-color: #80d8ce;
  --bg-color: #f63259;
  --a--color: #511416;
}
.view--content-projects.view--block-all .view__rows .view__row--8 {
  --a--color--active: var(--a--color);
  --border-radius: 50vw 0 0 50vw;
}
[data-site-mode=at-work] .view--content-projects.view--block-all .view__rows .view__row--8 {
  --bg-color: #124e66;
  --a--color: #d3d9d4;
}
[data-site-mode=at-play] .view--content-projects.view--block-all .view__rows .view__row--8 {
  --bg-color: #f63259;
  --a--color: #511416;
}
.view--content-projects.view--block-all .view__rows .view__row--9 {
  --a--color--active: var(--a--color);
}
[data-site-mode=at-work] .view--content-projects.view--block-all .view__rows .view__row--9 {
  --bg-color: #d3d9d4;
  --a--color: #1d2c3c;
}
[data-site-mode=at-play] .view--content-projects.view--block-all .view__rows .view__row--9 {
  --bg-color: #511416;
  --a--color: #eae7dc;
}
.view--content-projects.view--block-all .view__rows .view__row--10 {
  --a--color--active: var(--a--color);
}
[data-site-mode=at-work] .view--content-projects.view--block-all .view__rows .view__row--10 {
  --a--color: #d3d9d4;
}
[data-site-mode=at-play] .view--content-projects.view--block-all .view__rows .view__row--10 {
  --a--color: #511416;
}
.view--content-projects.view--block-all .view__rows .view__row--11 {
  --a--color--active: var(--a--color);
  --border-radius: 0 0 50vw 50vw;
}
[data-site-mode=at-work] .view--content-projects.view--block-all .view__rows .view__row--11 {
  --bg-color: #21767b;
  --a--color: #d3d9d4;
}
[data-site-mode=at-play] .view--content-projects.view--block-all .view__rows .view__row--11 {
  --bg-color: #e43d12;
  --a--color: #eae7dc;
}
.view--content-projects.view--block-all .view__rows .view__row--12 {
  --a--color--active: var(--a--color);
  --border-radius: 0 0 50vw 50vw;
}
[data-site-mode=at-work] .view--content-projects.view--block-all .view__rows .view__row--12 {
  --accent-bg-color: #e43d12;
  --bg-color: #d3d9d4;
  --a--color: #1d2c3c;
}
[data-site-mode=at-play] .view--content-projects.view--block-all .view__rows .view__row--12 {
  --accent-bg-color: #124e66;
  --bg-color: #511416;
  --a--color: #eae7dc;
}
.view--content-projects.view--block-all .view__rows .view__row--13 {
  --a--color--active: var(--a--color);
  --border-radius: 50vw 0 0 50vw;
}
[data-site-mode=at-work] .view--content-projects.view--block-all .view__rows .view__row--13 {
  --accent-bg-color: #ffa2b6;
  --bg-color: #80d8ce;
  --a--color: #1d2c3c;
}
[data-site-mode=at-play] .view--content-projects.view--block-all .view__rows .view__row--13 {
  --accent-bg-color: #21767b;
  --bg-color: #ffa2b6;
  --a--color: #511416;
}
.view--content-projects.view--block-all .view__rows .view__row--14 {
  --a--color--active: var(--a--color);
  --border-radius: 50vw;
}
[data-site-mode=at-work] .view--content-projects.view--block-all .view__rows .view__row--14 {
  --accent-bg-color: #f63259;
  --bg-color: #124e66;
  --a--color: #d3d9d4;
}
[data-site-mode=at-play] .view--content-projects.view--block-all .view__rows .view__row--14 {
  --accent-bg-color: #80d8ce;
  --bg-color: #f63259;
  --a--color: #511416;
}
.view--content-projects.view--block-all .view__rows .view__row--15 {
  --a--color--active: var(--a--color);
}
[data-site-mode=at-work] .view--content-projects.view--block-all .view__rows .view__row--15 {
  --a--color: #d3d9d4;
}
[data-site-mode=at-play] .view--content-projects.view--block-all .view__rows .view__row--15 {
  --a--color: #511416;
}
.view--content-projects.view--block-all .view__rows .view__row--16 {
  --a--color--active: var(--a--color);
  --border-radius: 50vw 0 0 50vw;
}
[data-site-mode=at-work] .view--content-projects.view--block-all .view__rows .view__row--16 {
  --bg-color: #80d8ce;
  --a--color: #1d2c3c;
}
[data-site-mode=at-play] .view--content-projects.view--block-all .view__rows .view__row--16 {
  --bg-color: #ffa2b6;
  --a--color: #511416;
}
.view--content-projects.view--block-all .view__row-content {
  width: 100%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  place-content: center;
  position: sticky;
  top: var(--site-header-height);
  text-align: center;
  background-color: var(--accent-bg-color);
  overflow: hidden;
  padding: 1rem;
}
.view--content-projects.view--block-all .view__row-content a {
  --animate-underline--bg-position-y: bottom;
}
.view--content-projects.view--block-all .view__row-content a::after {
  overflow: hidden;
  border-radius: var(--border-radius);
  background-color: var(--bg-color);
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}
@container (width > 500px) {
  .view--content-projects.view--block-all .view__rows {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(13, 1fr);
  }
  .view--content-projects.view--block-all .view__rows:last-child {
    grid-template-rows: repeat(12, 1fr);
  }
  .view--content-projects.view--block-all .view__row--2 {
    grid-row: 2/span 2;
  }
  .view--content-projects.view--block-all .view__row--3 {
    grid-row-start: 2;
  }
  .view--content-projects.view--block-all .view__row--4 {
    grid-column-start: 2;
    grid-row-start: 3;
  }
  .view--content-projects.view--block-all .view__row--5 {
    grid-row-start: 4;
  }
  .view--content-projects.view--block-all .view__row--6 {
    grid-row: 4/span 2;
  }
  .view--content-projects.view--block-all .view__row--7 {
    grid-row: 5/span 2;
  }
  .view--content-projects.view--block-all .view__row--8 {
    grid-row: 6/span 2;
    grid-column-start: 2;
  }
  .view--content-projects.view--block-all .view__row--9 {
    grid-row-start: 7;
  }
  .view--content-projects.view--block-all .view__row--10 {
    grid-row-start: 8;
  }
  .view--content-projects.view--block-all .view__row--11 {
    grid-row: 8/span 2;
  }
  .view--content-projects.view--block-all .view__row--12 {
    grid-row: 9/span 2;
  }
  .view--content-projects.view--block-all .view__row--13 {
    grid-column-start: 2;
    grid-row-start: 10;
  }
  .view--content-projects.view--block-all .view__row--14 {
    grid-column-start: 2;
    grid-row-start: 11;
  }
  .view--content-projects.view--block-all .view__row--15 {
    grid-row: 11/span 2;
    grid-column-start: 1;
  }
  .view--content-projects.view--block-all .view__row--16 {
    grid-row: 12/span 2;
    grid-column-start: 2;
  }
}
@container (width > 1000px) {
  .view--content-projects.view--block-all .view__rows {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(9, 1fr);
  }
  .view--content-projects.view--block-all .view__rows:last-child {
    grid-template-rows: repeat(8, 1fr);
  }
  .view--content-projects.view--block-all .view__row--2 {
    grid-row: unset;
  }
  .view--content-projects.view--block-all .view__row--3 {
    grid-row-start: unset;
    grid-row: 2/span 2;
  }
  .view--content-projects.view--block-all .view__row--4 {
    grid-column-start: unset;
    grid-row-start: 2;
  }
  .view--content-projects.view--block-all .view__row--5 {
    grid-row-start: 2;
  }
  .view--content-projects.view--block-all .view__row--6 {
    grid-row: span 2/span 2;
    grid-column-start: 2;
  }
  .view--content-projects.view--block-all .view__row--7 {
    grid-row: 3/span 3;
    grid-column-start: 3;
  }
  .view--content-projects.view--block-all .view__row--8 {
    grid-column-start: unset;
    grid-row: unset;
    grid-row-start: 4;
  }
  .view--content-projects.view--block-all .view__row--9 {
    grid-row-start: unset;
    grid-row: 5/span 2;
  }
  .view--content-projects.view--block-all .view__row--10 {
    grid-row-start: 5;
  }
  .view--content-projects.view--block-all .view__row--11 {
    grid-row: unset;
    grid-column-start: 2;
    grid-row-start: 6;
  }
  .view--content-projects.view--block-all .view__row--12 {
    grid-row: unset;
    grid-column-start: 3;
    grid-row-start: 6;
  }
  .view--content-projects.view--block-all .view__row--13 {
    grid-column-start: unset;
    grid-row-start: unset;
    grid-row: 7/span 2;
  }
  .view--content-projects.view--block-all .view__row--14 {
    grid-column-start: unset;
    grid-row-start: unset;
    grid-row: 7/span 2;
  }
  .view--content-projects.view--block-all .view__row--15 {
    grid-row: unset;
    grid-column-start: unset;
    grid-row-start: 7;
  }
  .view--content-projects.view--block-all .view__row--16 {
    grid-column-start: 3;
    grid-row: 8/span 2;
  }
}
