.site-main {
  display: block;
  min-width: 0;
}


.site-main:focus {
  outline: none;
}


.band {
  position: relative;
  padding-block: var(--section-y);
}


.band--plum {
  background: var(--plum);
}


.band--ink2 {
  background: var(--ink-2);
}


.band--rule {
  border-top: var(--rule);
}


.band__inner {
  width: 100%;
  max-width: var(--shell-max);
  padding-inline: var(--pad-x);
}


.sec-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-4);
  margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
  max-width: 46rem;
}


.sec-head > * {
  min-width: 0;
}


.sec-head__n {
  font-family: var(--tazu-04b);
  font-weight: var(--fw-mono-strong);
  font-size: var(--step--2);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--text-meta);
}


.sec-head__n b {
  font-weight: var(--fw-mono-strong);
  color: var(--acid);
}


.sec-head__title {
  max-width: 16ch;
}


.sec-head__sub {
  max-width: 50ch;
  color: var(--text-soft);
  font-size: var(--tazu-e97);
  line-height: 1.5;
}


.hero {
  position: relative;
  padding-top: clamp(1.5rem, 4vw, 3.5rem);
  padding-bottom: clamp(4rem, 8vw, 8rem);
  overflow: clip;
}


.hero__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--gutter);
  row-gap: clamp(3rem, 7vw, 4.5rem);
  width: 100%;
  max-width: var(--shell-max);
  padding-inline: var(--pad-x);
}


.hero__grid > * {
  grid-column: 1 / -1;
  min-width: 0;
}


.hero__copy {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.25rem);
  padding-top: clamp(0.5rem, 3vw, 3rem);
}


.hero__kicker {
  order: -1;
}


.hero__title {
  font-family: var(--tazu-183);
  font-weight: var(--fw-display);
  font-size: var(--step-hero);
  line-height: 0.86;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  text-wrap: balance;
  overflow-wrap: break-word;
  max-width: 11ch;
  margin-left: -0.04em;
}


.hero__title-soft {
  display: block;
  color: var(--concrete);
}


.hero__title-mark {
  color: var(--acid);
}


.hero__lede {
  max-width: 44ch;
  font-size: var(--tazu-e97);
  line-height: 1.55;
  color: var(--text-soft);
}


.hero__lede strong {
  color: var(--chalk);
  font-weight: var(--fw-body-strong);
}


.hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s-4) var(--s-5);
}


.hero__actions > * {
  min-width: 0;
}


.hero__phone {
  font-family: var(--tazu-04b);
  font-weight: var(--fw-mono-strong);
  letter-spacing: 0.02em;
}


.hero__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.75rem;
  padding-top: var(--s-4);
  border-top: var(--rule);

  font-family: var(--tazu-04b);
  font-size: var(--step--2);
  letter-spacing: var(--track-mono);
  text-transform: uppercase;
  color: var(--text-meta);
  max-width: 40rem;
}


.hero__facts > * {
  min-width: 0;
}


.hero__facts strong {
  color: var(--chalk);
  font-weight: var(--fw-mono-strong);
}


.collage {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: start;
  isolation: isolate;
  max-width: 100%;
}


.collage__piece {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  min-width: 0;
  margin: 0;
  will-change: transform;
}


.collage__frame {
  position: relative;
  background: var(--plum);
  padding: clamp(6px, 0.8vw, 12px);
  box-shadow: var(--shadow-deep);
}


.collage__frame::before,
.collage__frame::after {
  content: "";
  position: absolute;
  width: var(--tick);

  height: var(--tick);
  border: 0 solid var(--acid);
  pointer-events: none;
  z-index: 2;
}


.collage__frame::before {
  top: -1px;
  left: -1px;
  border-top-width: 2px;
  border-left-width: 2px;
}


.collage__frame::after {
  right: -1px;
  bottom: -1px;
  border-right-width: 2px;
  border-bottom-width: 2px;
}


.collage__frame img {
  width: 100%;
  height: auto;
  object-fit: cover;
}


.collage__cap {
  align-self: flex-start;
  max-width: 100%;
}


.collage__piece--a {
  grid-column: 1 / 12;

  grid-row: 1;
  z-index: 1;
  flex-direction: column-reverse;
  rotate: -1.5deg;
}


.collage__piece--a .collage__frame img {
  aspect-ratio: 3 / 2;
}


.collage__piece--b {
  grid-column: 1 / 8;
  grid-row: 2;
  z-index: 2;
  margin-top: -24px;
  rotate: 1deg;
}


.collage__piece--b .collage__frame img {
  aspect-ratio: 4 / 5;
}


.collage__piece--c {
  grid-column: 8 / -1;
  grid-row: 2;
  z-index: 3;
  margin-top: 24px;
  margin-left: calc(var(--gutter) * -0.25);
  rotate: -0.5deg;
}


.collage__piece--c .collage__frame img {
  aspect-ratio: 1 / 1;
}


.collage__tag {
  position: absolute;
  left: calc(100% + 0.5rem);
  top: 0;
  display: none;
  writing-mode: vertical-rl;
  font-family: var(--tazu-04b);
  font-size: var(--step--2);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--text-meta);
}


@media (min-width: 900px) {
  .hero__copy {
    grid-column: 1 / 8;
    grid-row: 1;
  }
  .collage {
    grid-column: 8 / -1;
    grid-row: 1;
    margin-right: calc(var(--pad-x) * -0.6);
    margin-top: clamp(2rem, 6vw, 6rem);
  }
  .hero__facts {
    grid-column: 1 / 8;
  }
  .collage__piece--a {
    grid-column: 1 / -1;
    rotate: -3deg;
  }
  .collage__piece--b {
    grid-column: 1 / 8;
    margin-top: -14%;
    margin-left: -12%;
    rotate: 2deg;
  }
  .collage__piece--c {
    grid-column: 7 / -1;
    margin-top: 8%;
    margin-left: 0;
    rotate: -1deg;
  }
}


@media (min-width: 1280px) {
  .hero__copy {
    grid-column: 1 / 9;
  }
  .collage {
    grid-column: 9 / -1;
  }
}


.pin-run {
  position: relative;
  background: var(--plum);
  border-block: var(--rule);
}


.pin-run__stage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-7) var(--gutter);
  padding: var(--section-y) var(--pad-x);
  max-width: var(--shell-max);
  background-image: repeating-linear-gradient(to bottom, transparent 0 63px, rgba(59, 47, 77, 0.26) 63px 64px);
}


.pin-run__stage > * {
  min-width: 0;
}


.pin-run__aside {
  display: flex;
  flex-direction: column;
  gap: var(--s-5);
}


.pin-run__counter {
  display: none;
  align-items: baseline;
  gap: 0.4rem;
  font-family: var(--tazu-183);
  font-weight: var(--fw-display);
  line-height: 0.8;
  color: var(--chalk);
}


.pin-run__counter-now {
  font-size: var(--step-numeral);
  color: var(--acid);
  font-variant-numeric: tabular-nums;
}


.pin-run__counter-of {
  font-family: var(--tazu-04b);
  font-size: var(--tazu-c7f);
  color: var(--text-meta);
}


.pin-run__bar {
  position: relative;
  display: none;
  height: 3px;
  background: var(--slab);
  overflow: hidden;
}


.pin-run__bar-fill {
  position: absolute;
  inset: 0;
  background: var(--acid);
  transform-origin: left center;
  transform: scaleX(var(--pin-progress, 0));
}


.pin-run__steps {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--violet);
}


.pin-step {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-4);
  min-width: 0;
  padding: var(--s-6) 0;
  border-bottom: 1px solid var(--violet);
}


.pin-step > * {
  min-width: 0;
}


.pin-step__n {
  font-family: var(--tazu-04b);
  font-weight: var(--fw-mono-strong);
  font-size: var(--step--2);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--acid);
}


.pin-step__title {
  font-family: var(--tazu-183);
  font-weight: var(--fw-display);
  font-size: var(--tazu-1f4);
  line-height: 0.92;
  text-transform: uppercase;
  max-width: 14ch;
}


.pin-step__body {
  max-width: 52ch;
  color: var(--text-soft);
  font-size: var(--tazu-e97);
  line-height: 1.55;
}


.pin-step__spec {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}


.pin-step__spec > li {
  min-width: 0;
}


.pin-run__snaps {
  display: none;
}


@media (min-width: 900px) {
  .pin-run__stage {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  }
  .pin-step {
    grid-template-columns: 5rem minmax(0, 1fr);
    column-gap: var(--gutter);
  }
  .pin-step > :not(.pin-step__n) {
    grid-column: 2;
  }
  .pin-step__n {
    grid-row: 1;
    padding-top: 0.6em;
  }
}


.js .pin-run.is-live {
  height: calc(var(--stops, 4) * 100vh);
  height: calc(var(--stops, 4) * 100svh);
}


.js .pin-run.is-live .pin-run__stage {
  position: sticky;
  top: 0;
  min-height: 100vh;
  min-height: 100svh;
  align-content: center;
  padding-block: clamp(5rem, 9vh, 7rem) clamp(2.5rem, 6vh, 4rem);
}


.js .pin-run.is-live .pin-run__counter {
  display: flex;
}


.js .pin-run.is-live .pin-run__bar {
  display: block;
}


.js .pin-run.is-live .pin-run__steps {
  border-top: 0;
}


.js .pin-run.is-live .pin-step {
  grid-area: 1 / 1;
  border-bottom: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(18px);
  transition: opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out), visibility 0s linear var(--dur-slow);
}


.js .pin-run.is-live .pin-step.is-active {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out), visibility 0s linear 0s;
}


.js .pin-run.is-live .pin-run__snaps {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}


.js .pin-run.is-live .pin-run__snap {
  flex: 1 1 0;
  scroll-snap-align: start;
}


html.js:has(.pin-run.is-live) {
  scroll-snap-type: y proximity;
}


@media (max-width: 899.98px) {
  .js .pin-run.is-live .pin-run__aside {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .js .pin-run.is-live .pin-run__counter-now {
    font-size: clamp(3.5rem, 18vw, 6rem);
  }
  .js .pin-run.is-live .pin-run__bar {
    flex: 1 1 100%;
  }
  .js .pin-run.is-live .pin-step__title {
    font-size: var(--tazu-65c);
  }
  .js .pin-run.is-live .pin-step__body {
    font-size: var(--tazu-c7f);
  }
}


.build-list .item-row__title {
  max-width: 14ch;
}


.failure {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-7) var(--gutter);
}


.failure > * {
  min-width: 0;
}


.failure__copy {
  display: flex;
  flex-direction: column;
  gap: var(--s-5);
}


.failure__copy p {
  max-width: 58ch;
  color: var(--text-soft);
}


.failure__copy p strong {
  color: var(--chalk);
  font-weight: var(--fw-body-strong);
}


.failure__quote {
  font-family: var(--tazu-183);
  font-weight: var(--fw-display-soft);
  font-size: var(--tazu-65c);
  line-height: 1;
  color: var(--chalk);
  max-width: 20ch;
  padding-left: var(--s-5);
  border-left: 3px solid var(--acid);
  hanging-punctuation: first;
}


@media (min-width: 900px) {
  .failure {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
    align-items: end;
  }
}


.depth {
  margin: 0;
  padding: var(--s-5);
  background: var(--ink);
  border: 1px solid var(--violet);
}


.depth__title {
  font-family: var(--tazu-04b);
  font-weight: var(--fw-mono-strong);
  font-size: var(--step--2);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--text-meta);
  margin-bottom: var(--s-5);
}


.depth__chart {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s-5);
  align-items: start;
  padding-top: var(--s-4);
  border-top: 2px solid var(--concrete);
}


.depth__col {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  min-width: 0;
}


.depth__bar {
  width: 1.1rem;
  height: calc(var(--d, 24) * 0.42rem);
  max-height: 16rem;
  background: var(--violet-3);
}


.depth__col--gate .depth__bar {
  background: var(--acid);
}


.depth__val {
  font-family: var(--tazu-183);
  font-weight: var(--fw-display);
  font-size: var(--tazu-65c);
  line-height: 1;
}


.depth__label {
  font-family: var(--tazu-04b);
  font-size: var(--step--2);
  letter-spacing: var(--track-mono);
  color: var(--text-meta);
  text-transform: uppercase;
}


.spec-band .table-wrap {
  margin-top: var(--s-5);
}


.spec-band__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-6) var(--gutter);
}


.spec-band__grid > * {
  min-width: 0;
}


@media (min-width: 1100px) {
  .spec-band__grid {
    grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  }
}


.refuse {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-6) var(--gutter);
}


.refuse > * {
  min-width: 0;
}


@media (min-width: 900px) {
  .refuse {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  }
}


.refuse-list {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: refuse;
}


.refuse-list > li {
  counter-increment: refuse;
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  gap: 0.35rem var(--s-4);
  padding: var(--s-5) 0;
  border-top: var(--rule);
  min-width: 0;
}


.refuse-list > li:last-child {
  border-bottom: var(--rule);
}


.refuse-list > li::before {
  content: "\00D7";
  grid-row: 1 / span 2;
  font-family: var(--tazu-183);
  font-weight: var(--fw-display);
  font-size: var(--tazu-65c);
  line-height: 0.8;
  color: var(--signal);
}


.refuse-list__no {
  font-family: var(--tazu-183);
  font-weight: var(--fw-display-soft);
  font-size: var(--tazu-6d9);
  line-height: 1.05;
  color: var(--chalk);
}


.refuse-list__why {
  color: var(--text-soft);
  max-width: 56ch;
}


.pricing {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-6) var(--gutter);
}


.pricing > * {
  min-width: 0;
}


@media (min-width: 900px) {
  .pricing {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }
}


.price-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--violet);
}


.price-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.35rem var(--gutter);
  padding: var(--s-5) 0;
  border-bottom: 1px solid var(--violet);
  min-width: 0;
}


.price-row > * {
  min-width: 0;
}


.price-row__name {
  font-family: var(--tazu-7f5);
  font-weight: var(--fw-body-strong);
  font-size: var(--tazu-e97);
  color: var(--chalk);
}


.price-row__basis {
  font-size: var(--step--1);
  color: var(--text-meta);
}


.price-row__range {
  font-family: var(--tazu-04b);
  font-weight: var(--fw-mono-strong);
  font-size: var(--tazu-e97);
  letter-spacing: 0;
  color: var(--chalk);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}


.price-row__unit {
  display: block;
  font-weight: var(--fw-mono);
  font-size: var(--step--2);
  letter-spacing: var(--track-mono);
  color: var(--text-meta);
  text-transform: uppercase;
}


@media (min-width: 640px) {
  .price-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 15rem);
    align-items: baseline;
  }
  .price-row__basis {
    grid-column: 1;
  }
  .price-row__range {
    grid-column: 2;
    grid-row: 1 / span 2;
    text-align: right;
  }
}


.not-quote {
  display: inline-flex;
  flex-direction: column;
  gap: var(--s-3);
  padding: var(--s-5);
  border: 2px solid var(--acid);
  background: var(--ink);
  max-width: 24rem;
}


.not-quote__stamp {
  font-family: var(--tazu-183);
  font-weight: var(--fw-display);
  font-size: var(--tazu-65c);
  line-height: 0.9;
  text-transform: uppercase;
  color: var(--acid);
}


.not-quote p {
  color: var(--text-soft);
  font-size: var(--step--1);
}


.inquiry {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-7) var(--gutter);
}


.inquiry > * {
  min-width: 0;
}


@media (min-width: 900px) {
  .inquiry {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  }
  .inquiry__aside {
    position: sticky;
    top: var(--s-6);
  }
}


.inquiry__aside {
  display: flex;
  flex-direction: column;
  gap: var(--s-5);
}


.inquiry__aside p {
  color: var(--text-soft);
  max-width: 40ch;
}


.inquiry__form {
  padding: clamp(1.25rem, 3vw, 2.5rem);
  background: var(--plum);
  border: 1px solid var(--slab);
  border-top: 3px solid var(--violet-3);
}


.page-hero {
  position: relative;
  padding: clamp(2rem, 5vw, 4.5rem) 0 clamp(3.5rem, 7vw, 6.5rem);
  border-bottom: var(--rule);
}


.page-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-6) var(--gutter);
  width: 100%;
  max-width: var(--shell-max);
  padding-inline: var(--pad-x);
}


.page-hero__grid > * {
  min-width: 0;
}


.page-hero__main {
  display: flex;
  flex-direction: column;
  gap: var(--s-5);
}


.page-hero__title {
  font-size: clamp(2.5rem, 1.4rem + 6vw, 7rem);
  line-height: 0.88;
  max-width: 13ch;
  margin-left: -0.03em;
}


.page-hero__lede {
  max-width: 50ch;
  font-size: var(--tazu-e97);
  line-height: 1.55;
  color: var(--text-soft);
}


.page-hero__aside {
  align-self: end;
  display: flex;
  flex-direction: column;
  gap: var(--s-3);
  padding-left: var(--s-5);
  border-left: 1px solid var(--violet);
}


@media (min-width: 900px) {
  .page-hero__grid {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }
}


.page-hero--legal .page-hero__title {
  font-size: clamp(2.4rem, 1.4rem + 5vw, 6rem);
}


.jump {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}


.jump > li {
  min-width: 0;
}


.jump__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: var(--tap);
  padding: 0.5rem 0.9rem;
  border: 1px solid var(--violet);
  font-family: var(--tazu-04b);
  font-size: var(--step--2);
  letter-spacing: var(--track-mono);
  text-transform: uppercase;
  color: var(--chalk-2);
  text-decoration: none;
  transition: background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);
}


.jump__link:hover {
  background: var(--violet);
  border-color: var(--violet-3);
  color: var(--chalk);
}


.jump__link:active {
  background: var(--slab);
  color: var(--acid);
}


.jump__link:focus-visible {
  outline: none;
  box-shadow: var(--ring);
}


.cat-item {
  position: relative;
  padding-block: var(--section-y);
  border-top: var(--rule);
}


.cat-item:nth-of-type(even) {
  background: var(--plum);
}


.cat-item__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-7) var(--gutter);
  width: 100%;
  max-width: var(--shell-max);
  padding-inline: var(--pad-x);
}


.cat-item__grid > * {
  min-width: 0;
}


.cat-item__media {
  margin: 0;
}


.cat-item__media .frame {
  rotate: -0.6deg;
}


.cat-item--flip .cat-item__media .frame {
  rotate: 0.6deg;
}


.cat-item__media figcaption {
  margin-top: var(--s-4);
}


.cat-item__body {
  display: flex;
  flex-direction: column;
  gap: var(--s-5);
}


.cat-item__num {
  font-family: var(--tazu-183);
  font-weight: var(--fw-display);
  font-size: var(--step-numeral);
  line-height: 0.78;
  color: transparent;
  -webkit-text-stroke: 1px var(--violet-3);
}


.cat-item__title {
  max-width: 13ch;
}


.cat-item__body > p {
  max-width: 58ch;
  color: var(--text-soft);
}


.cat-item__price {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: var(--s-4) var(--s-5);
  border-left: 3px solid var(--acid);
  background: var(--ink);
  max-width: 34rem;
}


.cat-item__price-val {
  font-family: var(--tazu-04b);
  font-weight: var(--fw-mono-strong);
  font-size: var(--tazu-e97);
  color: var(--chalk);
  overflow-wrap: anywhere;
}


.cat-item__price-note {
  font-family: var(--tazu-04b);
  font-size: var(--step--2);
  letter-spacing: var(--track-mono);
  color: var(--text-meta);
}


.cat-item__wide {
  grid-column: 1 / -1;
}


@media (min-width: 900px) {
  .cat-item__grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: start;
  }
  .cat-item--flip .cat-item__grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
  .cat-item--flip .cat-item__media {
    grid-column: 2;
    grid-row: 1;
  }
  .cat-item--flip .cat-item__body {
    grid-column: 1;
    grid-row: 1;
  }
  .cat-item__media {
    margin-left: calc(var(--pad-x) * -0.5);
  }
  .cat-item--flip .cat-item__media {
    margin-left: 0;
    margin-right: calc(var(--pad-x) * -0.5);
  }
}


.hardware {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--violet);
}


.hardware > li {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  gap: var(--s-3);
  align-items: start;
  padding: var(--s-4) 0;
  border-bottom: 1px solid var(--violet);
  color: var(--text-soft);
  min-width: 0;
}


.hardware .icon {
  width: 1.2rem;
  height: 1.2rem;
  margin-top: 0.2em;
  color: var(--concrete);
}


.hardware strong {
  color: var(--chalk);
  font-weight: var(--fw-body-strong);
}


@media (min-width: 768px) {
  .hardware {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--gutter);
  }
}


.note-box {
  padding: var(--s-5);
  background: var(--ink-2);
  border: 1px solid var(--violet);
  border-left: 3px solid var(--violet-3);
  max-width: 48rem;
}


.note-box__title {
  font-family: var(--tazu-04b);
  font-weight: var(--fw-mono-strong);
  font-size: var(--step--2);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--chalk);
  margin-bottom: var(--s-3);
}


.note-box p {
  color: var(--text-soft);
}


.note-box p + p {
  margin-top: 0.8em;
}


.crew {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-6) var(--gutter);
}


.crew > * {
  min-width: 0;
}


.crew__media {
  margin: 0;
}


.crew__media figcaption {
  margin-top: var(--s-4);
}


@media (min-width: 900px) {
  .crew {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
    align-items: end;
  }
  .crew__media {
    margin-left: calc(var(--pad-x) * -1);
  }
}


.roles {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  border-top: 1px solid var(--violet);
}


.role {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-3) var(--gutter);
  padding: var(--s-6) 0;
  border-bottom: 1px solid var(--violet);
  min-width: 0;
}


.role > * {
  min-width: 0;
}


.role__title {
  font-family: var(--tazu-183);
  font-weight: var(--fw-display);
  font-size: var(--tazu-65c);
  line-height: 0.95;
  text-transform: uppercase;
}


.role__body {
  color: var(--text-soft);
  max-width: 58ch;
}


@media (min-width: 900px) {
  .role {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  }
}


.scope-doc {
  position: relative;
  background: var(--chalk);
  color: var(--ink);
  padding: clamp(1.25rem, 3vw, 2.75rem);
  max-width: 62rem;
  box-shadow: 10px 10px 0 0 var(--violet);
}


.scope-doc__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--s-3) var(--s-5);
  padding-bottom: var(--s-4);
  border-bottom: 2px solid var(--ink);
  font-family: var(--tazu-04b);
  font-weight: var(--fw-mono-strong);
  font-size: var(--step--2);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
}


.scope-doc__head > * {
  min-width: 0;
}


.scope-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.4rem var(--gutter);
  padding: var(--s-4) 0;
  border-bottom: 1px solid rgba(13, 10, 17, 0.18);
}


.scope-line > * {
  min-width: 0;
}


.scope-line:last-child {
  border-bottom: 0;
}


.scope-line__key {
  font-family: var(--tazu-04b);
  font-weight: var(--fw-mono-strong);
  font-size: var(--step--1);
  letter-spacing: 0.02em;
  color: var(--ink);
  overflow-wrap: anywhere;
}


.scope-line__why {
  font-size: var(--step--1);
  line-height: 1.55;
  color: #3d3646;
}


@media (min-width: 768px) {
  .scope-line {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}


.day-run {
  margin: 0;
  padding: 0;
  list-style: none;
  border-left: 2px solid var(--violet);
}


.day-run > li {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.3rem;
  padding: 0 0 var(--s-6) var(--s-6);
  min-width: 0;
}


.day-run > li::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 0.35rem;
  width: 12px;
  height: 12px;
  background: var(--ink);
  border: 2px solid var(--violet-3);
}


.day-run > li:last-child {
  padding-bottom: 0;
}


.day-run > li:last-child::before {
  border-color: var(--acid);
  background: var(--acid);
}


.day-run__time {
  font-family: var(--tazu-04b);
  font-weight: var(--fw-mono-strong);
  font-size: var(--step--1);
  color: var(--chalk);
}


.day-run__what {
  color: var(--text-soft);
  max-width: 58ch;
}


.materials {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--gutter);
}


.material {
  display: flex;
  flex-direction: column;
  gap: var(--s-3);
  padding: var(--s-5);
  background: var(--ink);
  border-top: 3px solid var(--violet-3);
  min-width: 0;
}


.material__name {
  font-family: var(--tazu-183);
  font-weight: var(--fw-display-soft);
  font-size: var(--tazu-6d9);
  line-height: 1.05;
}


.material p {
  color: var(--text-soft);
  font-size: var(--step--1);
}


@media (min-width: 640px) {
  .materials {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


@media (min-width: 1200px) {
  .materials {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .material:first-child {
    grid-column: span 2;
  }
}


.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-7) var(--gutter);
}


.contact-layout > * {
  min-width: 0;
}


@media (min-width: 900px) {
  .contact-layout {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }
}


.contact-side {
  display: flex;
  flex-direction: column;
  gap: var(--s-6);
}


.contact-block {
  display: flex;
  flex-direction: column;
  gap: var(--s-3);
  padding-top: var(--s-4);
  border-top: 2px solid var(--violet);
}


.contact-block__title {
  font-family: var(--tazu-04b);
  font-weight: var(--fw-mono-strong);
  font-size: var(--step--2);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--text-meta);
}


.contact-block__big {
  font-family: var(--tazu-04b);
  font-weight: var(--fw-mono-strong);
  font-size: var(--tazu-e97);
  color: var(--chalk);
  overflow-wrap: anywhere;
}


.contact-block address {
  font-style: normal;
  color: var(--chalk-2);
  line-height: 1.6;
  overflow-wrap: anywhere;
}


.hours {
  margin: 0;
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr);
  gap: 0.35rem var(--s-5);
  font-family: var(--tazu-04b);
  font-size: var(--step--1);
}


.hours dt {
  color: var(--text-meta);
}


.hours dd {
  margin: 0;
  color: var(--chalk);
}


.next-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: next;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  border-top: 1px solid var(--violet);
}


.next-steps > li {
  counter-increment: next;
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: var(--s-4);
  padding: var(--s-5) 0;
  border-bottom: 1px solid var(--violet);
  min-width: 0;
  color: var(--text-soft);
}


.next-steps > li::before {
  content: counter(next, decimal-leading-zero);
  font-family: var(--tazu-183);
  font-weight: var(--fw-display);
  font-size: var(--tazu-65c);
  line-height: 0.85;
  color: var(--acid);
}


.next-steps strong {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--chalk);
  font-weight: var(--fw-body-strong);
}


@media (min-width: 1100px) {
  .next-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--gutter);
  }
}


.faq {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--violet);
  max-width: 60rem;
}


.faq__item {
  border-bottom: 1px solid var(--violet);
}


.faq__q {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--tap);
  align-items: center;
  gap: var(--s-4);
  width: 100%;
  min-height: 3.5rem;
  padding: var(--s-4) 0 var(--s-4) var(--s-3);
  font-family: var(--tazu-7f5);
  font-weight: var(--fw-body-strong);
  font-size: var(--tazu-e97);
  line-height: 1.35;
  color: var(--chalk);
  text-align: left;
  cursor: pointer;
  list-style: none;
  border-left: 3px solid transparent;
  transition: background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);
}


.faq__q::-webkit-details-marker {
  display: none;
}


.faq__q::marker {
  content: "";
}


.faq__q > * {
  min-width: 0;
}


.faq__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--tap);
  height: var(--tap);
  border: 1px solid var(--violet);
  transition: background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);
}


.faq__icon .icon {
  width: 1.1rem;
  height: 1.1rem;
}


.faq__q:hover {
  background: var(--plum);
  border-left-color: var(--violet-3);
}


.faq__q:hover .faq__icon {
  border-color: var(--chalk-2);
}


.faq__q:active {
  background: var(--slab);
}


.faq__q:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--acid);
}


.faq__item[open] > .faq__q,
.faq__q[aria-expanded='true'] {
  border-left-color: var(--acid);
}


.faq__item[open] > .faq__q .faq__icon,
.faq__q[aria-expanded='true'] .faq__icon {
  transform: rotate(45deg);
  background: var(--acid);
  border-color: var(--acid);
  color: var(--acid-ink);
}


.faq__a {
  padding: 0 calc(var(--tap) + var(--s-4)) var(--s-5) var(--s-3);
  color: var(--text-soft);
  max-width: 64ch;
}


.faq__a > * + * {
  margin-top: 0.8em;
}


.data-table {
  width: 100%;
  min-width: 34rem;
  font-size: var(--step--1);
}


.data-table caption {
  padding: var(--s-4) var(--s-4) var(--s-3);
  text-align: left;
  caption-side: top;
  font-family: var(--tazu-04b);
  font-size: var(--step--2);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--text-meta);
}


.data-table th,
.data-table td {
  padding: 0.8rem var(--s-4);
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--slab);
  overflow-wrap: anywhere;
}


.data-table thead th {
  font-family: var(--tazu-04b);
  font-weight: var(--fw-mono-strong);
  font-size: var(--step--2);
  letter-spacing: var(--track-meta);
  text-transform: uppercase;
  color: var(--chalk);
  background: var(--ink);
  border-bottom: 1px solid var(--violet);
}


.data-table tbody th {
  font-family: var(--tazu-04b);
  font-weight: var(--fw-mono-strong);
  color: var(--acid);
}


.data-table td {
  color: var(--chalk-2);
}


.data-table tbody tr:nth-child(even) {
  background: rgba(59, 47, 77, 0.28);
}


.data-table code {
  font-family: var(--tazu-04b);
  color: var(--chalk);
}


.numeral-doc {
  width: 100%;
  max-width: var(--shell-max);
  padding: var(--section-y-half) var(--pad-x) var(--section-y);
}


.num-sec {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-4) var(--gutter);
  padding-block: clamp(3rem, 7vw, 7rem);
  border-top: var(--rule);
  scroll-margin-top: var(--s-6);
}


.num-sec:first-child {
  border-top: 0;
  padding-top: var(--s-5);
}


.num-sec > * {
  min-width: 0;
}


.num-sec__n {
  font-family: var(--tazu-183);
  font-weight: var(--fw-display);
  font-size: var(--step-numeral);
  line-height: 0.74;
  letter-spacing: -0.02em;
  color: transparent;
  -webkit-text-stroke: 1.5px var(--violet-3);
  font-variant-numeric: tabular-nums;
  user-select: none;
}


.num-sec:target .num-sec__n,
.num-sec--key .num-sec__n {
  -webkit-text-stroke-color: var(--acid);
}


.num-sec__body {
  max-width: var(--measure-wide);
  color: var(--text-soft);
  font-size: var(--tazu-c7f);
  line-height: 1.7;
}


.num-sec__body > * + * {
  margin-top: 1.1em;
}


.num-sec__title {
  font-size: var(--tazu-1f4);
  line-height: 0.92;
  color: var(--chalk);
  max-width: 18ch;
  margin-bottom: 0.4em;
}


.num-sec__body h3 {
  margin-top: 1.8em;
  color: var(--chalk);
}


.num-sec__body strong {
  color: var(--chalk);
  font-weight: var(--fw-body-strong);
}


.num-sec__body a {
  color: var(--chalk);
  text-decoration-color: var(--violet-3);
  transition: text-decoration-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);
}


.num-sec__body a:hover {
  color: var(--acid);
  text-decoration-color: var(--acid);
}


.num-sec__body a:focus-visible {
  outline: none;
  box-shadow: var(--ring);
}


.num-sec__body ul {
  list-style: none;
  padding: 0;
}


.num-sec__body ul > li {
  position: relative;
  padding-left: 1.75rem;
}


.num-sec__body ul > li + li {
  margin-top: 0.5em;
}


.num-sec__body ul > li::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 0.85em;
  width: 0.8rem;
  height: 1px;
  background: var(--violet-3);
}


.num-sec__body .table-wrap {
  margin-top: 1.6em;
}


@media (min-width: 900px) {
  .num-sec {
    grid-template-columns: clamp(9rem, 15vw, 15rem) minmax(0, 1fr);
    margin-left: calc(var(--pad-x) * -0.6);
  }
  .num-sec__n {
    text-align: right;
    padding-right: var(--s-3);
    position: sticky;
    top: var(--s-6);
    align-self: start;
  }
}


@media (max-width: 479.98px) {
  .num-sec__n {
    font-size: clamp(4rem, 26vw, 6rem);
  }
}


.tabs {
  width: 100%;
  max-width: var(--shell-max);
  padding: var(--section-y-half) var(--pad-x) var(--section-y);
}


.tabs__list {
  display: flex;
  gap: 0;
  margin: 0 0 clamp(2rem, 4vw, 3.5rem);
  padding: 0;
  overflow-x: auto;
  scrollbar-width: thin;
  border-bottom: 1px solid var(--violet);
  max-width: 100%;
}


.tabs__tab {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: baseline;
  gap: 0.6rem;
  min-height: 3.25rem;
  padding: 0.8rem 1.25rem;
  font-family: var(--tazu-183);
  font-weight: var(--fw-display);
  font-size: var(--tazu-6d9);
  line-height: 1;
  text-transform: uppercase;
  color: var(--concrete-2);
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
  transition: background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);
}


.tabs__tab-n {
  font-family: var(--tazu-04b);
  font-weight: var(--fw-mono);
  font-size: var(--step--2);
  letter-spacing: var(--track-mono);
  color: var(--text-meta);
}


.tabs__tab:hover {
  background: var(--plum);
  color: var(--chalk);
  border-bottom-color: var(--violet-3);
}


.tabs__tab:active {
  background: var(--slab);
}


.tabs__tab:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--acid);
}


.tabs__tab[aria-selected='true'] {
  color: var(--chalk);
  background: var(--plum);
  border-bottom-color: var(--acid);
}


.tabs__tab[aria-selected='true'] .tabs__tab-n {
  color: var(--acid);
}


.tabs__acc {
  display: none;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-4);
  min-height: 3.5rem;
  padding: var(--s-4) var(--s-3);
  font-family: var(--tazu-183);
  font-weight: var(--fw-display);
  font-size: var(--tazu-6d9);
  line-height: 1.05;
  text-transform: uppercase;
  text-align: left;
  color: var(--chalk);
  border-top: 1px solid var(--violet);
  border-left: 3px solid transparent;
  transition: background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);
}


.tabs__acc > * {
  min-width: 0;
}


.tabs__acc .icon {
  width: 1.2rem;
  height: 1.2rem;
  transition: transform var(--dur) var(--ease-out);
}


.tabs__acc:hover {
  background: var(--plum);
  border-left-color: var(--violet-3);
}


.tabs__acc:active {
  background: var(--slab);
}


.tabs__acc:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--acid);
}


.tabs__acc[aria-expanded='true'] {
  border-left-color: var(--acid);
}


.tabs__acc[aria-expanded='true'] .icon {
  transform: rotate(180deg);
}


.tabs__panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-5) var(--gutter);
  min-width: 0;
}


.tabs__panel:focus-visible {
  outline: none;
  box-shadow: inset 3px 0 0 var(--acid);
}


.tabs__panel > * {
  min-width: 0;
}


.tabs__panel-title {
  font-size: var(--tazu-1f4);
  max-width: 16ch;
}


.tabs__panel .prose {
  max-width: 68ch;
}


@media (min-width: 1024px) {
  .tabs__panel {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  }
  .tabs__panel > .tabs__panel-wide {
    grid-column: 1 / -1;
  }
}


html:not(.js) .tabs__list {
  display: none;
}


html:not(.js) .tabs__panel {
  padding-block: var(--s-7);
  border-top: 1px solid var(--violet);
}


@media (max-width: 767.98px) {
  .js .tabs__list {
    display: none;
  }
  .js .tabs__acc {
    display: flex;
  }
  .js .tabs__panel {
    padding: var(--s-3) var(--s-3) var(--s-6);
  }
  .js .tabs__panel-title {
    display: none;
  }
  .tabs {
    border-bottom: 1px solid var(--violet);
  }
}


.qa-doc {
  width: 100%;
  max-width: var(--shell-max);
  padding: var(--section-y-half) var(--pad-x) var(--section-y);
}


.qa {
  padding-block: clamp(2.5rem, 6vw, 5.5rem);
  border-top: var(--rule);
  scroll-margin-top: var(--s-6);
}


.qa:first-child {
  border-top: 0;
  padding-top: var(--s-4);
}


.qa__q {
  font-family: var(--tazu-183);
  font-weight: var(--fw-display);
  font-size: clamp(2rem, 1.3rem + 3.4vw, 4.6rem);
  line-height: 0.95;
  letter-spacing: -0.005em;
  text-transform: none;
  color: var(--chalk);
  max-width: 18ch;
  hanging-punctuation: first last;
}


.qa__a {
  max-width: 64ch;
  margin-top: clamp(1.25rem, 2.5vw, 2rem);
  color: var(--text-soft);
  font-size: var(--tazu-e97);
  line-height: 1.6;
}


.qa__a > * + * {
  margin-top: 1em;
}


.qa__a strong {
  color: var(--chalk);
  font-weight: var(--fw-body-strong);
}


.qa__a a {
  color: var(--chalk);
  text-decoration-color: var(--violet-3);
  transition: color var(--dur) var(--ease-out), text-decoration-color var(--dur) var(--ease-out);
}


.qa__a a:hover {
  color: var(--acid);
  text-decoration-color: var(--acid);
}


.qa__a a:focus-visible {
  outline: none;
  box-shadow: var(--ring);
}


.qa__a ul {
  list-style: none;
  padding: 0;
}


.qa__a ul > li {
  position: relative;
  padding-left: 1.75rem;
}


.qa__a ul > li + li {
  margin-top: 0.5em;
}


.qa__a ul > li::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 0.85em;
  width: 0.8rem;
  height: 1px;
  background: var(--violet-3);
}


.qa--warranty {
  position: relative;
  background: var(--plum);
  padding-inline: clamp(1.25rem, 3vw, 3rem);
  border-top: 0;
}


.qa--warranty::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: var(--tape-h);
  background: var(--tape);
}


.qa--warranty .qa__q {
  color: var(--acid);
}


@media (min-width: 900px) {
  .qa__a {
    margin-left: calc(100% / 12 * 2);
  }
  .qa--warranty .qa__a {
    margin-left: calc(100% / 12 * 2 - 1rem);
  }
}


.legal-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  font-family: var(--tazu-04b);
  font-size: var(--step--2);
  letter-spacing: var(--track-mono);
  text-transform: uppercase;
  color: var(--text-meta);
}


.legal-meta > * {
  min-width: 0;
}


.notfound {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-6) var(--gutter);
  width: 100%;
  max-width: var(--shell-max);
  padding: var(--section-y) var(--pad-x);
  min-height: 60vh;
  align-content: center;
}


.notfound > * {
  min-width: 0;
}


.notfound__code {
  font-family: var(--tazu-183);
  font-weight: var(--fw-display);
  font-size: clamp(6rem, 30vw, 22rem);
  line-height: 0.75;
  color: transparent;
  -webkit-text-stroke: 2px var(--violet-3);
  letter-spacing: -0.02em;
}


.notfound__body {
  display: flex;
  flex-direction: column;
  gap: var(--s-5);
  max-width: 40rem;
}


.notfound__body p {
  color: var(--text-soft);
}


@media (min-width: 900px) {
  .notfound {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: end;
  }
}


.cta-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--s-5) var(--gutter);
  align-items: end;
  padding: clamp(1.5rem, 4vw, 3.5rem);
  background: var(--plum);
  border-left: 4px solid var(--acid);
}


.cta-strip > * {
  min-width: 0;
}


.cta-strip__title {
  font-size: var(--tazu-1f4);
  max-width: 16ch;
}


@media (min-width: 900px) {
  .cta-strip {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }
}


@media (max-width: 359.98px) {
  .hero__title {
    font-size: 2.45rem;
  }
  .collage__piece--b {
    grid-column: 1 / 9;
  }
  .collage__piece--c {
    grid-column: 9 / -1;
  }
  .refuse-list > li {
    grid-template-columns: 2rem minmax(0, 1fr);
  }
}


@media (prefers-reduced-motion: reduce) {
  .collage__piece {
    will-change: auto;
  }
  .js .pin-run.is-live {
    height: auto;
  }
  .js .pin-run.is-live .pin-run__stage {
    position: relative;
    min-height: 0;
    padding-block: var(--section-y);
  }
  .js .pin-run.is-live .pin-run__counter,
  .js .pin-run.is-live .pin-run__bar,
  .js .pin-run.is-live .pin-run__snaps {
    display: none;
  }
  .js .pin-run.is-live .pin-run__steps {
    border-top: 1px solid var(--violet);
  }
  .js .pin-run.is-live .pin-step {
    grid-area: auto;
    padding: var(--s-6) 0;
    border-bottom: 1px solid var(--violet);
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  html.js:has(.pin-run.is-live) {
    scroll-snap-type: none;
  }
  .num-sec__n {
    position: static;
  }
}


.split .cta-strip { grid-template-columns: minmax(0, 1fr); }
.faq__item:not([open]) > .faq__a { display: none; }
@media (min-width: 768px) and (max-width: 1279.98px) {
  .item-row { grid-template-columns: minmax(0, 1fr) auto; }
  .item-row > * { grid-column: 1 !important; grid-row: auto !important; }
  .item-row > .item-row__go { grid-column: 2 !important; grid-row: 1 !important; }
  .pin-step { grid-template-columns: minmax(0, 1fr); }
  .pin-step > * { grid-column: 1 !important; grid-row: auto !important; }
  .hardware { grid-template-columns: minmax(0, 1fr); }
}
.hardware > li { grid-template-columns: auto minmax(0, 1fr); }
.hero { padding-bottom: clamp(2rem, 4vw, 4rem); }
.hero__grid { row-gap: clamp(1.5rem, 3vw, 2.5rem); }
.hero + .tape-band { margin-top: 0; }