.landing {
  background: linear-gradient(180deg, #ffe7c8 0, var(--cream) 44rem) no-repeat, var(--cream);
}

.section.band,
.section.section--ground {
  padding-block: var(--act-gap);
}
.section.band + .section,
.section.section--ground + .section {
  padding-top: var(--act-gap);
}

.hero {
  position: relative;
  overflow-x: clip;
}
.hero__sun {
  position: absolute;
  z-index: -1;
  right: -7rem;
  bottom: -5rem;
  width: 17.5rem;
  height: 17.5rem;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 40%, #fff3c4, #ffd27a 45%, rgba(255, 185, 56, 0) 70%);
  opacity: 0.6;
  pointer-events: none;
}
.hero__stage {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: clamp(2.5rem, 5vw, 5rem);
  align-items: center;
  min-height: min(calc(100svh - var(--bar-h)), 56rem);
  padding-block: var(--s9);
}
.hero__copy h1 {
  margin-bottom: var(--s6);
}
.hero__lead {
  max-width: 29em;
  margin-bottom: var(--s8);
  font-size: var(--fs-lead);
  line-height: 1.55;
  color: var(--plum-body);
}

.hero__foot {
  display: grid;
  gap: var(--s2);
  max-width: 34rem;
  margin-top: var(--s9);
  padding-top: var(--s4);
  border-top: 1px solid var(--hairline-strong);
}
.hero__maker {
  font-size: var(--fs-small);
  color: var(--plum-body);
}
.hero__maker + .hero__trust {
  margin-top: 0;
  font-size: var(--fs-micro);
  color: var(--ink-soft);
}
.hero__window {
  justify-self: end;
  width: 100%;
  max-width: 31rem;
}
.hero__seg {
  margin-bottom: var(--s2);
}
.hero__answers {
  display: grid;
  gap: var(--gap-item);
}
.hero__answer {
  display: grid;
  align-content: start;
  gap: var(--gap-group);
}

.hero__window .link-word {
  transition: background-color var(--t-quick) var(--ease);
}
.hero__window:has(.link-word:hover) .link-word {
  background-color: var(--honey-soft);
}

[data-demo].is-live .window__label {
  display: none;
}
[data-demo].is-live .hero__answer {
  grid-area: 1 / 1;
}
[data-demo].is-live:not(.is-with) .is-with,
[data-demo].is-live.is-with .is-without {
  visibility: hidden;
}
[data-demo].is-swapped .hero__answer {
  animation: ta-rise 0.45s var(--ease) both;
}
.hero__window .ccard__lines {
  transition: opacity var(--t-turn) var(--ease), filter var(--t-turn) var(--ease);
}
[data-demo].is-live:not(.is-with) .ccard__lines {
  opacity: 0.38;
  filter: grayscale(1);
}
[data-demo].is-live:not(.is-with) .link-word {
  background: none;
}

.how .section__body {
  display: grid;
  gap: var(--s8);
}
.how.is-tabbed .how__route {
  display: none;
}
.how__route {
  margin-bottom: var(--s6);
}
.how__way + .how__way {
  margin-top: var(--beat-gap);
}
.how.is-tabbed .how__way + .how__way {
  margin-top: 0;
}
.how__go {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap-item) var(--gap-block);
  margin-top: var(--s8);
}

.stage {
  --stage-gap: clamp(2.5rem, 6vw, 6rem);
  display: grid;
  gap: var(--s9);
  list-style: none;
}
.stage__item {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  column-gap: var(--stage-gap);
  align-items: start;
}
.stage__copy {
  position: relative;
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  column-gap: var(--s4);
  row-gap: var(--s2);
  align-content: start;
  border-radius: var(--r-inner);
  transition: background-color var(--t-quick) var(--ease), box-shadow var(--t-quick) var(--ease);
}
.stage__num {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: var(--plum);
  color: var(--on-plum);
  font-size: var(--fs-micro);
  font-weight: 700;
  transition: background-color var(--t-quick) var(--ease), color var(--t-quick) var(--ease);
}
.stage__title {
  grid-column: 2;
  min-height: 2.25rem;
  align-content: center;
  font-size: var(--fs-title);
  font-weight: 600;
  line-height: var(--lh-title);
  letter-spacing: -0.01em;
  color: var(--plum);
}
.stage__text {
  grid-column: 2;
  max-width: 30rem;
  color: var(--plum-body);
  transition: color var(--t-quick) var(--ease);
}
.stage__btn {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-align: left;
  cursor: pointer;
}

.stage__btn::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--r-inner);
}
.stage__btn:focus-visible {
  outline: 0;
}
.stage__btn:focus-visible::after {
  outline: 3px solid var(--honey);
  outline-offset: 2px;
}

@media (min-width: 900px) {
  .stage.is-stepped {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    grid-template-rows: repeat(3, auto) 1fr;
    gap: var(--s2) var(--stage-gap);
  }
  .stage.is-stepped .stage__item {
    display: contents;
  }
  .stage.is-stepped .stage__copy {
    grid-column: 1;
    padding: var(--s5) var(--s5) var(--s5) var(--s4);
  }
  .stage.is-stepped .stage__item:nth-child(2) .stage__copy {
    grid-row: 2;
  }
  .stage.is-stepped .stage__item:nth-child(3) .stage__copy {
    grid-row: 3;
  }
  .stage.is-stepped .stage__view {
    grid-column: 2;
    grid-row: 1 / -1;
    align-self: start;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.25s var(--ease), visibility 0s linear 0.25s;
  }
  .stage.is-stepped .is-on .stage__view {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
  }
  
  .stage.is-stepped .stage__item:not(.is-on) .stage__num {
    background: var(--ground-shade);
    color: var(--ink-soft);
  }
  .stage.is-stepped .stage__item:not(.is-on) .stage__text {
    color: var(--ink-soft);
  }
  .stage.is-stepped .is-on .stage__copy {
    background: var(--card);
    box-shadow: 0 0 0 1px var(--hairline-strong);
  }
  .stage.is-stepped .is-on .stage__num {
    background: var(--honey);
    color: var(--plum);
  }
}
@media (min-width: 900px) and (hover: hover) {
  .stage.is-stepped .stage__item:not(.is-on) .stage__copy:hover {
    background: color-mix(in srgb, var(--ground-shade) 60%, transparent);
  }
}

.stage__view.is-in :is(.shot__body > *, .rig__term > span, .rig__files > li) {
  animation: ta-turn 0.36s var(--ease) both;
}
.stage__view.is-in :is(.shot__body > :nth-child(2), .rig__term > :nth-child(2), .rig__files > :nth-child(2)) { animation-delay: 0.07s; }
.stage__view.is-in :is(.shot__body > :nth-child(3), .rig__term > :nth-child(3), .rig__files > :nth-child(3)) { animation-delay: 0.14s; }
.stage__view.is-in :is(.rig__term > :nth-child(4), .rig__files > :nth-child(4)) { animation-delay: 0.21s; }
.stage__view.is-in :is(.rig__term > :nth-child(5), .rig__files > :nth-child(5)) { animation-delay: 0.28s; }
.stage__view.is-in :is(.rig__term > :nth-child(6), .rig__files > :nth-child(6)) { animation-delay: 0.35s; }
.stage__view.is-in :is(.rig__term > :nth-child(7), .rig__files > :nth-child(7)) { animation-delay: 0.42s; }

.shot {
  overflow: hidden;
  border-radius: var(--r-card);
  background: var(--card);
  box-shadow: var(--shadow-lift);
}
.shot__bar {
  display: flex;
  align-items: center;
  gap: var(--s2);
  padding: var(--s3) var(--s6);
  border-bottom: 1px solid var(--hairline);
  background: color-mix(in srgb, var(--ground-shade) 45%, var(--card));
  font-size: var(--fs-label);
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--ink-soft);
}
.shot__bar::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--honey);
}
.shot__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--s3);
  min-height: 17rem;
  padding: var(--s6);
}
.shot__body .msg {
  max-width: 92%;
}
.shot__body > * {
  margin-top: 0;
}
.shot__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s2);
}

.shot__chip {
  display: inline-flex;
  align-items: center;
  min-height: 2.25rem;
  padding: 0 var(--s4);
  border-radius: var(--pill);
  background: var(--card);
  box-shadow: inset 0 0 0 1px var(--hairline-strong);
  font-size: var(--fs-micro);
  font-weight: 600;
  color: var(--ink-soft);
}
.shot__chip.is-on {
  background: var(--honey-tint);
  box-shadow: inset 0 0 0 2px var(--honey);
  color: var(--plum);
}
.shot__label {
  font-size: var(--fs-label);
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--ink-soft);
}
.shot__field {
  display: grid;
  gap: var(--s3);
  padding: var(--s4) var(--s5);
  border-radius: var(--r-inner);
  background: var(--cream);
  box-shadow: inset 0 0 0 1px var(--hairline-strong);
}
.shot__block {
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  line-height: 1.55;
  color: var(--plum-body);
}
.shot__block + .shot__block {
  margin-top: 0;
  padding-top: var(--s3);
  border-top: 1px dashed var(--hairline-strong);
}
.shot__block b {
  color: var(--plum);
}
.shot__name {
  display: block;
  margin-bottom: var(--s1);
  font-family: var(--font-sans);
  font-size: var(--fs-label);
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--ink-soft);
}

.rig {
  overflow: hidden;
  border-radius: var(--r-card);
  background: var(--plum-deep);
  color: var(--on-plum);
  box-shadow: var(--shadow-lift);
}
.rig__bar {
  display: flex;
  justify-content: space-between;
  gap: var(--s4);
  padding: var(--s3) var(--s6);
  border-bottom: 1px solid var(--hairline-on-plum);
  background: var(--plum);
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  color: var(--on-plum-soft);
}
.rig__bar span:first-child {
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: 0.03em;
}
.rig__body {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(10.5rem, 1fr);
  min-height: 19rem;
}
.rig__term {
  margin: 0;
  padding: var(--s5) var(--s6);
  font-size: var(--fs-micro);
  line-height: 1.7;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: var(--on-plum-soft);
}
.rig__term > span {
  display: inline-block;
}
.rig__cmd,
.rig__you {
  color: var(--on-plum);
  font-weight: 600;
}
.rig__cmd::before,
.rig__you::before {
  color: var(--honey);
  user-select: none;
}
.rig__cmd::before {
  content: "$ ";
}
.rig__you::before {
  content: "> ";
}
.rig__ai {
  padding-block: var(--s1);
  color: var(--on-plum);
}
.rig__bad {
  color: var(--rose);
}
.rig .tag--call {
  --tag-c: var(--plum);
  --tag-bg: var(--honey);
  margin-right: 0.4em;
}
.rig__files {
  padding: var(--s5) var(--s4);
  border-left: 1px solid var(--hairline-on-plum);
  background: rgba(255, 247, 234, 0.035);
  list-style: none;
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  line-height: 1.45;
  color: var(--on-plum);
}
.rig__files > li {
  display: grid;
  padding: 0.3rem var(--s2) 0.3rem var(--s4);
  border-radius: var(--r-code);
}
.rig__files > .rig__dir {
  padding-left: var(--s2);
  color: var(--on-plum-soft);
}
.rig__files > .rig__in {
  padding-left: var(--s7);
}
.rig__files > .rig__in--2 {
  padding-left: var(--s9);
}
.rig__files span {
  font-family: var(--font-sans);
  color: var(--on-plum-soft);
}
.rig__files > .is-hot {
  background: rgba(242, 181, 58, 0.18);
  color: var(--honey-soft);
}
.rig__keys {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s1) var(--s4);
  padding: var(--s3) var(--s6);
  border-top: 1px solid var(--hairline-on-plum);
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  color: var(--on-plum-soft);
}

.convo__picks .pill {
  min-height: 2.5rem;
  background: var(--card);
  box-shadow: inset 0 0 0 1px var(--honey);
  color: var(--plum);
}
.convo__picks .pill[aria-pressed="true"] {
  background: var(--honey-tint);
  box-shadow: inset 0 0 0 2px var(--honey);
  color: var(--plum);
}
@media (hover: hover) {
  .convo__picks .pill:not(:disabled):hover {
    background: var(--honey-tint);
    box-shadow: inset 0 0 0 1px var(--honey);
  }
}

.band {
  background: var(--plum-deep);
  color: var(--on-plum);
}
.band .section__lead,
.band .points > li {
  color: var(--on-plum-soft);
}
.band a {
  text-decoration-color: rgba(242, 181, 58, 0.55);
}
.band a:hover {
  text-decoration-color: var(--honey);
}
.gate {
  scroll-margin-top: 5rem;
}
.gate__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--beat-gap) clamp(2.5rem, 6vw, 6rem);
  align-items: start;
}
.gate__side-col {
  position: sticky;
  top: calc(var(--bar-h) + var(--s7));
  display: grid;
  gap: var(--s9);
}
.gate__harness {
  display: grid;
  gap: var(--s6);
}
.gate__harness .points > li {
  font-size: var(--fs-body);
}
.gate__try {
  display: grid;
  gap: var(--gap-block);
}
.gate__step {
  display: grid;
  gap: var(--s3);
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.gate__label {
  display: flex;
  align-items: center;
  gap: var(--s3);
  padding: 0;
  font-family: var(--font-display);
  font-size: var(--fs-title);
  font-weight: 600;
  line-height: var(--lh-title);
  letter-spacing: -0.01em;
  color: var(--plum);
}
.band .gate__step > .gate__label {
  color: var(--on-plum);
}
.gate__step--who > .gate__label {
  float: left;
  width: 100%;
  margin-bottom: var(--s3);
}
.gate__step--who > .gate__label + * {
  clear: left;
}
.gate__num {
  display: inline-grid;
  flex: none;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--plum);
  color: var(--on-plum);
  font-family: var(--font-sans);
  font-size: var(--fs-micro);
  font-weight: 700;
  letter-spacing: 0;
}
.band .gate__step > .gate__label .gate__num {
  background: var(--honey);
  color: var(--plum);
}
.gate__who {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-group);
}
.gate__pick {
  position: relative;
  color: var(--plum);
}
.gate__pick input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.gate__pick:has(input:checked) {
  
  color: var(--plum);
  background: var(--honey-tint);
  box-shadow: 0 0 0 2px var(--honey);
}
.gate__pick:has(input:focus-visible) {
  outline: 3px solid var(--honey);
  outline-offset: 3px;
}
.gate__count {
  margin-left: 0.3em;
  font-weight: 500;
  color: var(--ink-soft);
}
.gate__hint,
.gate__levels {
  font-size: var(--fs-small);
  color: var(--on-plum-soft);
}

.gate__report {
  border-radius: var(--r-inner);
  background: var(--card);
  color: var(--plum);
  font-size: var(--fs-small);
  line-height: 1.55;
}
.gate__file {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--s1) var(--s4);
  padding: var(--s3) var(--s5);
  border-bottom: 1px solid var(--hairline);
  border-radius: var(--r-inner) var(--r-inner) 0 0;
  background: var(--ground-shade);
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  font-weight: 600;
  color: var(--ink-soft);
}
.gate__prompt {
  color: var(--plum);
  font-weight: 700;
}
.gate__prompt::before {
  content: "> ";
  color: var(--honey-ink);
}
.gate__list {
  list-style: none;
}
.gate__finding {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--s3) var(--s5);
  align-items: start;
  padding: var(--s5);
  transition: background-color var(--t-quick) var(--ease);
}
.gate__finding + .gate__finding {
  border-top: 1px solid var(--hairline);
}
.gate__what {
  font-weight: 700;
  color: var(--plum);
}
.gate__why,
.gate__how {
  margin-top: var(--s1);
  color: var(--plum-body);
}
.gate__main {
  transition: opacity var(--t-quick) var(--ease);
}
.gate__side {
  display: grid;
  justify-items: end;
  gap: var(--s3);
}

.gate__state {
  padding: 0.2em 0.55em;
  border-radius: 4px;
  background: var(--ground-shade);
  color: var(--ink-soft);
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: background-color var(--t-quick) var(--ease), color var(--t-quick) var(--ease);
}

.gate__fix {
  min-height: 2.5rem;
  padding: 0 var(--s4);
  border-radius: var(--r-code);
  font-size: var(--fs-micro);
}
.gate__fix:focus-visible {
  border-radius: var(--r-code);
}
.gate__finding.is-blocking {
  background: color-mix(in srgb, var(--rose-tint) 45%, transparent);
}
.gate__finding.is-blocking .gate__state {
  background: var(--rose-tint);
  color: var(--rose-ink);
}
.gate__finding[data-severity="warn"]:not(.is-fixed) .gate__state {
  background: var(--honey-tint);
  color: var(--honey-ink);
}
.gate__finding.is-noted .gate__main {
  opacity: 0.6;
}
.gate__finding.is-fixed .gate__state {
  background: var(--on-tint);
  color: var(--on-ink);
}
.gate__finding.is-fixed .gate__what > :first-child {
  text-decoration: line-through;
  text-decoration-color: var(--on);
}
.gate__finding.is-fixed .gate__fix {
  --btn-bg: transparent;
  --btn-shadow: 0 0 0 1px var(--hairline-strong);
}
.gate__end {
  display: grid;
  gap: var(--s2);
  padding: var(--s5);
  border-top: 1px solid var(--hairline-strong);
  background: color-mix(in srgb, var(--rose-tint) 60%, var(--card));
  transition: background-color var(--t-quick) var(--ease);
}
.gate__verdict {
  color: var(--rose-ink);
}
.gate.is-ready .gate__end {
  background: var(--on-tint);
}
.gate.is-ready .gate__verdict {
  color: var(--on-ink);
}
.gate.is-ready .gate__end .gate__num {
  background: var(--on);
}
.gate__next {
  padding-left: calc(2rem + var(--s3));
  color: var(--on-ink);
}
.gate__limit {
  padding: var(--s3) var(--s5);
  border-top: 1px solid var(--hairline);
  border-radius: 0 0 var(--r-inner) var(--r-inner);
  font-size: var(--fs-micro);
  color: var(--ink-soft);
}
@media (max-width: 560px) {
  .gate__finding {
    grid-template-columns: minmax(0, 1fr);
    padding: var(--s4);
  }
  .gate__side {
    grid-auto-flow: column;
    justify-content: space-between;
    align-items: center;
  }
  .gate__file,
  .gate__end,
  .gate__limit {
    padding-inline: var(--s4);
  }
  .gate__next {
    padding-left: 0;
  }
}

.slips {
  margin-bottom: var(--beat-gap);
}
.slips__line {
  margin-bottom: var(--gap-item);
  font-family: var(--font-display);
  font-size: var(--fs-title);
  font-weight: 600;
  line-height: var(--lh-title);
  letter-spacing: -0.01em;
}
.slips__list {
  list-style: none;
  border-top: 1px solid var(--hairline-strong);
}
.slips__list li {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 3fr) minmax(0, 4fr);
  gap: var(--s1) var(--s6);
  padding-block: var(--s4);
  border-bottom: 1px solid var(--hairline-strong);
  color: var(--plum-body);
}
.slips__list s {
  color: var(--ink-soft);
  text-decoration-color: var(--rose);
  text-decoration-thickness: 2px;
}
.slips__fix {
  color: var(--plum);
}
.slips__cost {
  color: var(--rose-ink);
}
.see__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: var(--beat-gap) clamp(2.5rem, 6vw, 6rem);
  align-items: start;
}
.see__head {
  position: sticky;
  top: calc(var(--bar-h) + var(--s7));
}
.see__tip {
  margin-top: var(--s2);
  font-size: var(--fs-small);
  color: var(--ink-soft);
}

.see__window.is-tabbed .window__panel {
  min-height: 24rem;
}
.see__aside {
  margin-top: var(--gap-item);
  font-size: var(--fs-small);
  color: var(--ink-soft);
}
.see__aside a {
  color: var(--plum);
}

.faq {
  background: var(--cream-deep);
}
.faq__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: var(--beat-gap) clamp(2.5rem, 6vw, 6rem);
  align-items: start;
}
.faq .folds {
  max-width: none;
}

.end .wrap {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  column-gap: clamp(2.5rem, 6vw, 6rem);
  align-items: end;
}
.end__body {
  display: contents;
}
.end__head {
  grid-column: 1;
}
.end .doors {
  grid-column: 1;
  margin-top: var(--s8);
}
.ways {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  border-top: 1px solid var(--hairline-strong);
  list-style: none;
}
.ways li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--s1) var(--s4);
  padding-block: var(--s4);
  border-bottom: 1px solid var(--hairline-strong);
  font-size: var(--fs-small);
  color: var(--ink-soft);
}
.ways li {
  position: relative;
}

.ways a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.ways a {
  color: var(--plum);
  font-weight: 600;
}

@media (max-width: 1000px) {
  .hero__stage {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }
  .hero__window {
    justify-self: start;
  }
  .gate__grid,
  .see__grid,
  .faq__grid,
  .end .wrap {
    grid-template-columns: minmax(0, 1fr);
  }
  .gate__side-col,
  .see__head {
    position: static;
  }
  .ways {
    grid-column: 1;
    grid-row: auto;
    margin-top: var(--beat-gap);
  }
}
@media (max-width: 760px) {
  .stage__item {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--s5);
  }
  .stage__view {
    padding-left: calc(2.25rem + var(--s4));
  }
  .slips__list li {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 599px) {
  .stage__view {
    padding-left: 0;
  }
  .shot__body {
    min-height: 0;
    padding: var(--s5) var(--s4);
  }
  .shot__bar,
  .rig__bar,
  .rig__keys {
    padding-inline: var(--s4);
  }
  .rig__body {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }
  .rig__term {
    padding: var(--s4);
  }
  .rig__files {
    border-left: 0;
    border-top: 1px solid var(--hairline-on-plum);
  }
  
  .stage__item + .stage__item .rig__files {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .stage__view.is-in * {
    animation: none !important;
  }
}

@media (pointer: coarse) {
  .convo__picks .pill {
    min-width: 2.75rem;
    min-height: 2.75rem;
  }
  .gate__fix {
    min-height: 2.75rem;
  }
}