.increase-dev-log .chronicle {
  min-height: 0;
  overflow: clip;
  padding-bottom: clamp(8rem, 12vw, 12rem);
}

.increase-dev-log .chronicle::before {
  opacity: 0.12;
  background-size: 7rem 12rem;
  mask-image: linear-gradient(to left, #000 0%, rgba(0, 0, 0, 0.82) 28%, transparent 78%);
}

.increase-dev-log .section-heading {
  max-width: 52rem;
}

.increase-dev-log .section-heading > p:not(.eyebrow):not(.archive-range) {
  max-width: 35rem;
  margin: 2rem 0 0 0.25rem;
  color: #9f9282;
  font-family: var(--display);
  font-size: clamp(1.18rem, 1.8vw, 1.4rem);
  line-height: 1.4;
}

.increase-dev-log .section-heading > .archive-range {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.65rem;
  max-width: none;
  margin: 1.35rem 0 0 0.25rem;
  color: #8e7d6c;
  font-family: var(--utility);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.17em;
  line-height: 1.5;
  text-transform: uppercase;
}

.increase-dev-log .section-heading > .archive-range i {
  width: 1.8rem;
  height: 1px;
  background: rgba(214, 79, 38, 0.42);
}

.increase-dev-log .timeline {
  --timeline-progress: 0;
  width: min(78rem, 100%);
  min-height: 0;
  margin-top: clamp(6rem, 10vw, 9rem);
}

.increase-dev-log .devlog-list {
  position: relative;
  z-index: 4;
  margin: 0;
  padding: 0;
  list-style: none;
}

.increase-dev-log .timeline-rail {
  top: 0;
  bottom: 0;
  width: 1px;
  background: repeating-linear-gradient(to bottom, rgba(120, 88, 65, 0.42) 0 5px, transparent 5px 12px);
}

.increase-dev-log .timeline-rail::before,
.increase-dev-log .timeline-rail::after {
  width: 0.8rem;
  height: 0.8rem;
  border-color: rgba(172, 105, 69, 0.5);
  background: #0a0807;
}

.increase-dev-log .timeline-fire,
.increase-dev-log .timeline.is-lit .timeline-fire {
  left: -1px;
  width: 3px;
  height: 100%;
  background: linear-gradient(to bottom, #8b2c13 0%, var(--ember-hot) 82%, var(--ember-pale) 100%);
  box-shadow: 0 0 0.55rem rgba(238, 80, 28, 0.72), 0 0 1.8rem rgba(238, 80, 28, 0.2);
  transform: scaleY(var(--timeline-progress));
  transform-origin: top;
  transition: none;
  will-change: transform;
}

.increase-dev-log .devlog-entry {
  position: relative;
  display: grid;
  min-height: clamp(12.5rem, 16vw, 14.75rem);
  padding: 2rem 0;
  grid-template-columns: minmax(0, 1fr) 6.5rem minmax(0, 1fr);
  align-items: center;
}

.increase-dev-log .devlog-entry:nth-child(odd) .devlog-copy {
  grid-column: 1;
  grid-row: 1;
  padding-right: clamp(1.25rem, 3vw, 3.25rem);
  text-align: right;
}

.increase-dev-log .devlog-entry:nth-child(even) .devlog-copy {
  grid-column: 3;
  grid-row: 1;
  padding-left: clamp(1.25rem, 3vw, 3.25rem);
  text-align: left;
}

.increase-dev-log .devlog-copy {
  position: relative;
}

.increase-dev-log .devlog-copy::after {
  position: absolute;
  top: 50%;
  width: clamp(1rem, 2.2vw, 2.15rem);
  height: 1px;
  content: "";
  background: rgba(107, 72, 53, 0.34);
  transition: background 400ms ease, box-shadow 400ms ease, transform 400ms ease;
}

.increase-dev-log .devlog-entry:nth-child(odd) .devlog-copy::after {
  right: 0;
  transform-origin: right;
}

.increase-dev-log .devlog-entry:nth-child(even) .devlog-copy::after {
  left: 0;
  transform-origin: left;
}

.increase-dev-log .devlog-entry.is-passed .devlog-copy::after,
.increase-dev-log .devlog-entry.is-current .devlog-copy::after {
  background: rgba(238, 80, 28, 0.58);
  box-shadow: 0 0 0.65rem rgba(238, 80, 28, 0.24);
}

.increase-dev-log .entry-index {
  margin-bottom: 0.75rem;
  color: #ee7940;
  font-size: 0.72rem;
  letter-spacing: 0.15em;
}

.increase-dev-log .entry-index time {
  color: #a28f7d;
}

.increase-dev-log .devlog-copy h3 {
  max-width: 29rem;
  margin: 0;
  font-size: clamp(2.45rem, 3.8vw, 4.2rem);
  line-height: 0.92;
  text-wrap: balance;
  transition: color 350ms ease, text-shadow 350ms ease;
}

.increase-dev-log .devlog-entry:nth-child(odd) .devlog-copy h3 {
  margin-left: auto;
}

.increase-dev-log .devlog-copy > p:not(.entry-index) {
  max-width: 29rem;
  margin-top: 1rem;
  color: #aa9b88;
  font-size: clamp(1rem, 1.25vw, 1.13rem);
  line-height: 1.52;
}

.increase-dev-log .devlog-entry:nth-child(odd) .devlog-copy > p:not(.entry-index) {
  margin-left: auto;
}

.increase-dev-log .devlog-entry:nth-child(even) .devlog-copy > p:not(.entry-index) {
  margin-right: auto;
  margin-left: 0;
}

.increase-dev-log .devlog-entry.is-current .devlog-copy h3 {
  color: #f2e1c8;
  text-shadow: 0 0 1.5rem rgba(214, 79, 38, 0.18);
}

.increase-dev-log .active-checkpoint {
  z-index: 7;
  grid-column: 2;
  grid-row: 1;
  width: 2.5rem;
  height: 2.5rem;
}

.increase-dev-log .timeline.is-lit .checkpoint-flare {
  animation: none;
}

.increase-dev-log .checkpoint-flare {
  inset: -2.35rem;
}

.increase-dev-log .checkpoint-glyph {
  position: relative;
  z-index: 2;
  display: block;
  width: 0.82rem;
  height: 0.82rem;
  border: 1px solid #65402f;
  background: #0b0807;
  box-shadow: 0 0 0 0.35rem #0b0807;
  transform: rotate(45deg);
  transition: width 350ms ease, height 350ms ease, border-color 350ms ease, background 350ms ease, box-shadow 350ms ease;
}

.increase-dev-log .checkpoint-glyph::after {
  position: absolute;
  inset: 0.19rem;
  content: "";
  border-radius: 50%;
  background: #6d3b28;
  transition: background 350ms ease, box-shadow 350ms ease;
}

.increase-dev-log .devlog-entry.is-passed .checkpoint-glyph {
  border-color: #b94b24;
}

.increase-dev-log .devlog-entry.is-passed .checkpoint-glyph::after {
  background: #c6572e;
}

.increase-dev-log .devlog-entry.is-current .checkpoint-glyph {
  width: 1.05rem;
  height: 1.05rem;
  border-color: var(--ember-hot);
  background: #35150d;
  box-shadow: 0 0 0 0.38rem #0b0807, 0 0 1.15rem rgba(255, 111, 42, 0.62);
}

.increase-dev-log .devlog-entry.is-current .checkpoint-glyph::after {
  background: var(--ember-pale);
  box-shadow: 0 0 0.6rem rgba(255, 164, 87, 0.85);
}

.increase-dev-log .devlog-entry.is-current .checkpoint-flare {
  animation: archive-checkpoint-flare 1.8s ease-out infinite;
}

.increase-dev-log .entry-aside {
  padding: 0;
  transition: color 350ms ease;
}

.increase-dev-log .devlog-entry:nth-child(odd) .entry-aside {
  grid-column: 3;
  grid-row: 1;
  justify-items: start;
  padding-left: clamp(1.25rem, 3vw, 3.25rem);
}

.increase-dev-log .devlog-entry:nth-child(even) .entry-aside {
  grid-column: 1;
  grid-row: 1;
  justify-items: end;
  padding-right: clamp(1.25rem, 3vw, 3.25rem);
  text-align: right;
}

.increase-dev-log .entry-aside b {
  margin: -0.15rem 0 -0.45rem;
  color: #35261f;
  font-size: clamp(4.2rem, 6.5vw, 6.4rem);
  transition: color 350ms ease, text-shadow 350ms ease;
}

.increase-dev-log .devlog-entry.is-current .entry-aside b {
  color: #5c3021;
  text-shadow: 0 0 1.6rem rgba(214, 79, 38, 0.12);
}

.increase-dev-log .timeline-year {
  position: absolute;
  z-index: 8;
  top: -1.2rem;
  left: 50%;
  padding: 0.25rem 0.7rem;
  color: #6d4935;
  background: #090706;
  font-family: var(--display);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: 1;
  transform: translateX(-50%);
}

.increase-dev-log .devlog-entry-year:not(:first-child) {
  margin-top: 3.5rem;
}

.increase-dev-log .devlog-entry-origin {
  min-height: 16rem;
  margin-bottom: 1rem;
}

.increase-dev-log .devlog-entry-origin .checkpoint-glyph,
.increase-dev-log .devlog-entry-origin.is-passed .checkpoint-glyph {
  width: 1.12rem;
  height: 1.12rem;
  border-color: var(--ember-hot);
  background: #42190d;
  box-shadow: 0 0 0 0.42rem #0b0807, 0 0 1.35rem rgba(255, 111, 42, 0.45);
}

.increase-dev-log .devlog-entry-origin .checkpoint-glyph::after {
  background: var(--ember-pale);
}

@keyframes archive-checkpoint-flare {
  0% { opacity: 0; transform: scale(0.2); }
  30% { opacity: 0.82; transform: scale(0.95); }
  100% { opacity: 0; transform: scale(1.35); }
}

@media (max-width: 900px) {
  .increase-dev-log .timeline {
    margin-top: 6rem;
    padding-left: 4.4rem;
  }

  .increase-dev-log .timeline-rail {
    left: 1.25rem;
  }

  .increase-dev-log .devlog-entry {
    min-height: 0;
    padding: 3.35rem 0;
    grid-template-columns: 1fr;
    align-items: start;
  }

  .increase-dev-log .devlog-entry:nth-child(odd) .devlog-copy,
  .increase-dev-log .devlog-entry:nth-child(even) .devlog-copy {
    grid-column: 1;
    grid-row: 1;
    padding: 0;
    text-align: left;
  }

  .increase-dev-log .devlog-entry:nth-child(odd) .devlog-copy h3 {
    margin-left: 0;
  }

  .increase-dev-log .devlog-copy h3,
  .increase-dev-log .devlog-copy > p:not(.entry-index) {
    max-width: 39rem;
  }

  .increase-dev-log .devlog-entry:nth-child(odd) .devlog-copy > p:not(.entry-index),
  .increase-dev-log .devlog-entry:nth-child(even) .devlog-copy > p:not(.entry-index) {
    margin-right: 0;
    margin-left: 0;
  }

  .increase-dev-log .devlog-copy::after,
  .increase-dev-log .devlog-entry:nth-child(odd) .devlog-copy::after,
  .increase-dev-log .devlog-entry:nth-child(even) .devlog-copy::after {
    top: 1.08rem;
    right: auto;
    left: -2.7rem;
    width: 2rem;
    transform-origin: left;
  }

  .increase-dev-log .active-checkpoint {
    position: absolute;
    top: 2.75rem;
    left: -4.4rem;
    grid-column: auto;
    grid-row: auto;
    justify-self: start;
    width: 2.5rem;
    height: 2.5rem;
  }

  .increase-dev-log .entry-aside {
    display: none;
  }

  .increase-dev-log .timeline-year {
    top: -0.65rem;
    left: -3.15rem;
  }

  .increase-dev-log .devlog-entry-year:not(:first-child) {
    margin-top: 4rem;
  }
}

@media (max-width: 640px) {
  .increase-dev-log .chronicle {
    padding-top: 6.5rem;
    padding-bottom: 7.5rem;
  }

  .increase-dev-log .section-heading > .archive-range {
    gap: 0.5rem;
    font-size: 0.64rem;
    line-height: 1.5;
  }

  .increase-dev-log .section-heading > .archive-range i {
    width: 1rem;
  }

  .increase-dev-log .timeline {
    margin-top: 5.4rem;
    padding-left: 3.6rem;
  }

  .increase-dev-log .timeline-rail {
    left: 0.8rem;
  }

  .increase-dev-log .devlog-entry {
    padding: 3rem 0;
  }

  .increase-dev-log .active-checkpoint {
    top: 2.45rem;
    left: -4.05rem;
  }

  .increase-dev-log .devlog-copy::after,
  .increase-dev-log .devlog-entry:nth-child(odd) .devlog-copy::after,
  .increase-dev-log .devlog-entry:nth-child(even) .devlog-copy::after {
    top: 1.05rem;
    left: -2.15rem;
    width: 1.55rem;
  }

  .increase-dev-log .devlog-copy h3 {
    font-size: clamp(2.45rem, 12vw, 3.55rem);
  }

  .increase-dev-log .devlog-copy > p:not(.entry-index) {
    font-size: 1rem;
    line-height: 1.55;
  }

  .increase-dev-log .timeline-year {
    left: -2.8rem;
  }
}

@media (max-width: 360px) {
  .increase-dev-log .timeline {
    padding-left: 3.2rem;
  }

  .increase-dev-log .timeline-rail {
    left: 0.62rem;
  }

  .increase-dev-log .active-checkpoint {
    left: -3.83rem;
  }

  .increase-dev-log .devlog-copy::after,
  .increase-dev-log .devlog-entry:nth-child(odd) .devlog-copy::after,
  .increase-dev-log .devlog-entry:nth-child(even) .devlog-copy::after {
    left: -1.75rem;
    width: 1.2rem;
  }

  .increase-dev-log .timeline-year {
    left: -2.55rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .increase-dev-log .timeline-fire,
  .increase-dev-log .timeline.is-lit .timeline-fire {
    transform: scaleY(1);
  }

  .increase-dev-log .devlog-entry.is-current .checkpoint-flare {
    animation: none;
  }
}