@font-face {
  font-family: General Sans;
  src: url('../fonts/GeneralSans-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: General Sans;
  src: url('../fonts/GeneralSans-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: General Sans;
  src: url('../fonts/GeneralSans-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.section {
  color: #121212;
  background-color: #ece8e2;
  padding-top: 120px;
  padding-bottom: 120px;
  font-family: General Sans, sans-serif;
  position: relative;
}

.section.is-flush {
  padding-top: 0;
  padding-bottom: 0;
}

.section.is-flush.stringer-hero-1, .section.is-flush.stringer-hero-2, .section.is-flush.stringer-hero-7, .section.is-flush.stringer-drive, .section.is-flush.stringer-hero-8, .section.is-flush.stringer-marquee, .section.is-flush.stringer-nav, .section.is-flush.stringer-hero-9 {
  position: relative;
}

.section.is-flush.is-ink {
  color: #ece8e2;
  background-color: #121212;
  padding-top: 0;
  padding-bottom: 0;
}

.section.is-flush.is-ink.stringer-hero-10, .section.is-flush.stringer-club, .section.is-flush.stringer-video, .section.is-flush.stringer-places, .section.is-flush.stringer-dolly, .section.is-flush.stringer-join, .section.is-flush.stringer-wire, .section.is-flush.stringer-reels, .section.is-flush.stringer-read, .section.is-flush.stringer-nav-2, .section.is-flush.stringer-footer-4 {
  position: relative;
}

.section.is-short {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.is-short.stringer-hero-3, .section.is-short.stringer-hero-5, .section.is-short.stringer-footer, .section.is-short.stringer-marks, .section.is-short.stringer-footer-5, .section.is-short.stringer-stats-2 {
  position: relative;
}

.section.is-ink {
  color: #ece8e2;
  background-color: #121212;
}

.section.is-ink.is-tall {
  padding-top: 160px;
  padding-bottom: 160px;
}

.section.is-ink.is-tall.stringer-hero-4 {
  position: relative;
}

.section.is-ink.is-tall.stringer-cta {
  position: relative;
  overflow: hidden;
}

.section.is-ink.stringer-hero-6 {
  position: relative;
}

.section.is-ink.is-flush {
  padding-top: 0;
  padding-bottom: 0;
}

.section.is-ink.is-flush.stringer-contact, .section.is-ink.is-flush.stringer-drum, .section.is-ink.is-flush.stringer-gather, .section.is-ink.is-flush.stringer-arc, .section.is-ink.is-flush.stringer-walked, .section.is-ink.is-flush.stringer-strips, .section.is-ink.is-flush.stringer-loupe, .section.is-ink.is-flush.stringer-deal, .section.is-ink.is-flush.stringer-powers, .section.is-ink.is-flush.stringer-turn, .section.is-ink.is-flush.stringer-nav-3, .section.is-ink.stringer-drop {
  position: relative;
}

.section.is-ink.is-short {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.is-ink.is-short.stringer-ticker, .section.is-ink.is-short.stringer-footer-3, .section.is-ink.is-short.stringer-footer-6, .section.is-ink.stringer-bento-3, .section.stringer-pillars, .section.stringer-features, .section.stringer-story, .section.stringer-shop, .section.stringer-pdp, .section.stringer-gallery, .section.stringer-materials, .section.stringer-coast, .section.stringer-range, .section.stringer-runs, .section.stringer-kit {
  position: relative;
}

.section.is-tile {
  background-color: #e2ddd4;
}

.section.is-tile.stringer-members, .section.is-tile.stringer-stack, .section.is-tile.stringer-pricing, .section.stringer-process, .section.stringer-panels, .section.stringer-curtain, .section.stringer-strip, .section.stringer-sheet, .section.stringer-wax, .section.stringer-faq, .section.stringer-before {
  position: relative;
}

.section.stringer-journal {
  overflow: hidden;
}

.section.stringer-shelf, .section.stringer-proof {
  position: relative;
}

.section.is-clip.stringer-prints {
  position: relative;
  overflow: hidden;
}

.section.stringer-build, .section.stringer-wall, .section.stringer-drift, .section.stringer-shortlist, .section.stringer-index, .section.stringer-cart, .section.stringer-tints, .section.stringer-team, .section.stringer-roll, .section.stringer-crew, .section.stringer-jobs, .section.stringer-pdp2, .section.stringer-highlight, .section.stringer-detail, .section.stringer-newin, .section.stringer-plp, .section.stringer-statement, .section.stringer-stats, .section.stringer-stockists, .section.stringer-fitting, .section.stringer-letter, .section.stringer-article, .section.stringer-matrix, .section.stringer-register, .section.stringer-tabs {
  position: relative;
}

.section.is-tall {
  padding-top: 160px;
  padding-bottom: 160px;
}

.section.is-tall.stringer-lost, .section.stringer-notes, .section.stringer-bento, .section.stringer-ft, .section.stringer-write, .section.stringer-ask, .section.stringer-band, .section.stringer-compare, .section.stringer-finder, .section.stringer-order, .section.stringer-receipt, .section.stringer-states, .section.stringer-why, .section.stringer-cats, .section.stringer-visit, .section.stringer-said, .section.stringer-help, .section.stringer-bento-2, .section.stringer-bento-4, .section.stringer-anno, .section.stringer-steps, .section.stringer-ways, .section.stringer-pricing-2, .section.stringer-paste-test {
  position: relative;
}

.text-display-xl {
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 112px;
  font-weight: 500;
  line-height: .92;
}

.text-display-xl.no-margins {
  margin: 0;
}

.text-display-xl.no-margins.hero-1-title {
  max-width: 12ch;
}

.text-display-xl.no-margins.is-light {
  color: #ece8e2;
}

.text-display-xl.no-margins.is-light.hero-4-title {
  max-width: 11ch;
}

.text-display-xl.no-margins.is-light.hero-7-title {
  color: #ece8e2;
  max-width: 12ch;
}

.text-display-xl.no-margins.hero-5-title {
  grid-column: 1 / 10;
  max-width: 13ch;
}

.text-display-xl.no-margins.stat-num {
  line-height: 1;
}

.text-body-lg {
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

.text-body-lg.text-subtle {
  color: #121212a3;
}

.text-body-lg.text-subtle.hero-1-sub {
  color: #121212a3;
  max-width: 480px;
}

.text-body-lg.text-subtle.hero-1-sub.no-margins {
  margin: 0;
}

.text-body-lg.text-subtle.measure {
  color: #121212a3;
  max-width: 60ch;
}

.text-body-lg.text-subtle.measure.no-margins, .text-body-lg.text-subtle.no-margins {
  margin: 0;
}

.text-body-lg.text-subtle.no-margins.hero-5-sub {
  grid-column: 10 / 13;
  align-self: end;
  padding-bottom: 8px;
}

.text-body-lg.text-subtle.no-margins.hero-9-sub {
  color: #121212a3;
  max-width: 30ch;
}

.text-body-lg.is-light {
  color: #ece8e2;
}

.text-body-lg.is-light.no-margins {
  margin: 0;
}

.text-body-lg.is-light.no-margins.hero-6-sub {
  color: #ece8e2a3;
  max-width: 420px;
}

.text-body-lg.no-margins {
  margin: 0;
}

.caption {
  color: #121212a3;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

.caption.is-center {
  text-align: center;
  justify-self: center;
}

.caption.journal-text {
  transition: color .5s;
}

.caption.is-end {
  text-align: right;
  justify-self: end;
}

.caption.is-light.is-center {
  color: #ece8e2a3;
  text-align: center;
  justify-self: center;
}

.caption.is-start {
  text-align: left;
  justify-self: start;
}

.stack {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.stack.hero-4-stack {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  align-items: center;
  width: 100%;
}

.stack.is-center {
  text-align: center;
  justify-self: center;
  align-items: center;
}

.stack.is-center.help-head, .stack.is-center.pr2-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  padding-bottom: 48px;
}

.cluster {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.cluster.is-wide {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.cluster.is-wide.f4-links {
  justify-self: center;
}

.cluster.footer-meta {
  justify-self: end;
}

.cluster.proof-stage-tools {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-self: end;
}

.cluster.is-end {
  text-align: right;
  justify-self: end;
}

.cluster.is-end.nav3-social, .cluster.is-end.f3-social, .cluster.is-end.f5-social, .cluster.is-end.f6-social {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  margin-right: -12px;
}

.cluster.f4-social {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-self: end;
  margin-right: -12px;
}

.cluster.visit-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-decoration: none;
}

.cluster.b2-tag {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.media {
  background-color: #e2ddd4;
  width: 100%;
  padding-top: 125%;
  position: relative;
  overflow: hidden;
}

.media.is-fill {
  height: 100%;
  min-height: 560px;
  padding-top: 0;
}

.media.is-fill.is-cell {
  min-height: 0;
}

.media.is-fill.is-cell.b4-fill {
  flex-grow: 1;
}

.media.is-3x2 {
  padding-top: 66.6667%;
}

.media.is-3x2.journal-thumb {
  width: 240px;
  height: 160px;
  padding-top: 0;
  display: none;
}

.media.is-1x1 {
  padding-top: 100%;
}

.media.is-1x1.reel-media {
  width: 100%;
  height: 100%;
  padding-top: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.media.is-3x4 {
  padding-top: 133.333%;
}

.media.is-4x3 {
  padding-top: 75%;
}

.media.is-4x3.reel-media {
  width: 100%;
  height: 100%;
  padding-top: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.media.is-16x9 {
  padding-top: 56.25%;
}

.media.is-6x5 {
  padding-top: 83.3333%;
}

.media-img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: 0;
}

.media-img.is-right {
  object-position: 75%center;
}

.media-img.is-right.layer {
  opacity: 0;
  object-position: 75%center;
  transition: opacity .5s;
}

.media-img.is-right.layer.is-active {
  opacity: 1;
}

.media-img.coast-img {
  opacity: 0;
}

.media-img.coast-img.is-active {
  opacity: 1;
}

.media-img.contact-img {
  height: 120%;
  transition: none;
  top: -10%;
}

.media-img.layer {
  opacity: 0;
  transition: opacity .5s;
}

.media-img.layer.is-active {
  opacity: 1;
}

.media-img.layer.is-cut {
  opacity: 0;
  transition: none;
}

.media-img.layer.is-cut.is-active {
  opacity: 1;
}

.media-img.layer.journal-blur {
  filter: blur(28px);
  transform: scale(1.12);
}

.media-img.layer.face-1 {
  opacity: 0;
  object-position: 63% 30%;
}

.media-img.layer.face-1.is-active {
  opacity: 1;
}

.media-img.layer.face-2 {
  opacity: 0;
  object-position: 70% 35%;
}

.media-img.layer.face-2.is-active {
  opacity: 1;
}

.media-img.layer.face-3 {
  opacity: 0;
  object-position: 58% 30%;
}

.media-img.layer.face-3.is-active {
  opacity: 1;
}

.media-img.layer.face-4 {
  opacity: 0;
  object-position: 30% 20%;
}

.media-img.layer.face-4.is-active {
  opacity: 1;
}

.media-img.layer.face-5 {
  opacity: 0;
  object-position: 50% 25%;
}

.media-img.layer.face-5.is-active {
  opacity: 1;
}

.media-img.layer.face-6 {
  opacity: 0;
  object-position: 60% 35%;
}

.media-img.layer.face-6.is-active {
  opacity: 1;
}

.media-img.layer.b4-context {
  transition: opacity .5s;
}

.media-img.hero-8-cover-img {
  will-change: transform;
  max-width: none;
  transition: none;
}

.media-img.hero-8-frame-img {
  max-width: none;
  transition: none;
}

.media-img.is-zoom {
  transform: scale(1);
}

.media-img.is-zoom.is-on {
  transform: scale(1.03);
}

.media-img.index-img {
  transition: opacity .25s;
}

.media-img.index-img.is-context {
  opacity: 0;
}

.media-img.is-top {
  object-position: center 15%;
}

.media-img.pdp2-img {
  opacity: 0;
  transition: opacity .5s;
}

.media-img.pdp2-img.is-on {
  opacity: 1;
}

.media-img.detail-img {
  opacity: 0;
}

.media-img.detail-img.is-on {
  opacity: 1;
}

.media-img.strips-img {
  max-width: none;
}

.media-img.strips-img.is-1 {
  width: 793.651%;
  height: 100%;
  left: 0%;
}

.media-img.strips-img.is-2 {
  width: 793.651%;
  height: 100%;
  left: -99.2063%;
}

.media-img.strips-img.is-3 {
  width: 793.651%;
  height: 100%;
  left: -198.413%;
}

.media-img.strips-img.is-4 {
  width: 793.651%;
  height: 100%;
  left: -297.619%;
}

.media-img.strips-img.is-5 {
  width: 793.651%;
  height: 100%;
  left: -396.825%;
}

.media-img.strips-img.is-6 {
  width: 793.651%;
  height: 100%;
  left: -496.032%;
}

.media-img.strips-img.is-7 {
  width: 793.651%;
  height: 100%;
  left: -595.238%;
}

.media-img.strips-img.is-8 {
  width: 793.651%;
  height: 100%;
  left: -694.444%;
}

.media-img.loupe-base {
  opacity: .55;
}

.media-img.cat-img.is-on {
  transform: scale(1.03);
}

.media-img.is-video-z {
  z-index: 1;
}

.media-img.is-video-z0 {
  z-index: 0;
}

.cta-main {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #ece8e2;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #121212;
  border: 1px solid #121212;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 16px 28px;
  font-family: General Sans, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.cta-main:hover {
  color: #121212;
  background-color: #ece8e2;
}

.cta-main:focus-visible, .cta-main[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.cta-main.is-full {
  width: 100%;
}

.cta-main.is-light {
  color: #121212;
  background-color: #ece8e2;
  border-color: #ece8e2;
}

.cta-main.is-light:hover {
  color: #ece8e2;
  background-color: #121212;
}

.cta-main.build-cta {
  justify-self: end;
}

.cta-main._w-button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #ece8e2;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #121212;
  border: 1px solid #121212;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 16px 28px;
  font-family: General Sans, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s, color .2s, border-color .2s;
  display: inline-flex;
}

.cta-main._w-button:hover {
  color: #121212;
  background-color: #ece8e2;
}

.cta-main._w-button:focus-visible, .cta-main._w-button[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.cta-main.order-send {
  opacity: .32;
  pointer-events: none;
  transition: opacity .2s;
}

.cta-main.order-send.is-ready {
  opacity: 1;
  pointer-events: auto;
}

.cta-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #121212;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #0000;
  border-bottom: 1px solid #121212;
  align-items: center;
  padding: 0 0 4px;
  font-family: General Sans, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.cta-text:hover {
  color: #1a4cff;
  border-bottom-color: #1a4cff;
}

.cta-text:focus-visible, .cta-text[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #1a4cff;
}

.cta-text.is-end {
  text-align: right;
  justify-self: end;
}

.cta-text.is-end.vid-play {
  font-family: General Sans, sans-serif;
}

.cta-text.is-light {
  color: #ece8e2;
  border-color: #ece8e2;
  transition: opacity .2s;
}

.cta-text.is-light:hover {
  opacity: .8;
  color: #ece8e2;
  border-bottom-color: #ece8e2;
}

.cta-text.is-light.is-end {
  text-align: right;
  justify-self: end;
}

.cta-text.is-light.drum-link {
  pointer-events: auto;
  color: #ece8e2;
  border-color: #ece8e2;
}

.cta-text.is-light.drum-link:hover {
  opacity: .8;
  color: #ece8e2;
  border-color: #ece8e2;
}

.cta-text.is-light.join-link {
  pointer-events: auto;
  color: #ece8e2;
  border-color: #ece8e2;
}

.cta-text.is-light.join-link:hover {
  opacity: .8;
  color: #ece8e2;
  border-color: #ece8e2;
}

.cta-text.is-light.is-center {
  color: #ece8e2;
  text-align: center;
  border-color: #ece8e2;
  justify-self: center;
}

.cta-text.is-light.is-center:hover {
  opacity: .8;
  color: #ece8e2;
  border-color: #ece8e2;
}

.cta-text.footer-submit {
  cursor: pointer;
  background-color: #0000;
  border-top-style: none;
  border-top-width: 0;
  border-left-style: none;
  border-left-width: 0;
  border-right-style: none;
  border-right-width: 0;
  flex-shrink: 0;
  margin-bottom: 12px;
}

.cta-text._w-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #121212;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-bottom: 1px solid #121212;
  align-items: center;
  padding-bottom: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  transition: color .2s, border-color .2s;
  display: inline-flex;
}

.cta-text._w-button:hover {
  color: #1a4cff;
  border-bottom-color: #1a4cff;
}

.cta-text._w-button:focus-visible, .cta-text._w-button[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #1a4cff;
}

.cta-text.journal-text {
  transition: color .5s;
}

.cta-text.index-add {
  grid-column: 11 / 13;
  justify-self: end;
}

.cta-text.article-next-cta {
  justify-self: end;
}

.cta-text.is-center {
  text-align: center;
  justify-self: center;
}

.cta-text.is-center.vid-sound {
  font-family: General Sans, sans-serif;
}

.cta-text.is-start {
  text-align: left;
  justify-self: start;
}

.cta-text.places-link {
  pointer-events: auto;
}

.cta-text.states-act {
  cursor: pointer;
  background-color: #0000;
  border-top-style: none;
  border-top-width: 0;
  border-left-style: none;
  border-left-width: 0;
  border-right-style: none;
  border-right-width: 0;
  padding: 0;
  font-family: General Sans, sans-serif;
}

.cta-text.states-act.is-done {
  pointer-events: none;
  color: #121212a3;
  border-color: #0000;
}

.hero-1-grid {
  grid-row-gap: 0;
  grid-column-gap: 0;
  border-bottom: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
  display: grid;
}

.hero-1-copy {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 120px 64px 64px 32px;
  display: flex;
}

.hero-1-foot {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  display: flex;
}

.hero-1-media {
  background-color: #e2ddd4;
  min-height: 560px;
  position: relative;
  overflow: hidden;
}

.text-label {
  color: #121212a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.text-label.is-start {
  text-align: left;
  justify-self: start;
}

.text-label.is-center {
  text-align: center;
  justify-self: center;
}

.text-label.is-light {
  color: #ece8e2a3;
}

.text-label.is-light.is-start {
  color: #ece8e2a3;
  text-align: left;
  justify-self: start;
}

.text-label.is-light.is-center {
  color: #ece8e2a3;
  text-align: center;
  justify-self: center;
}

.text-label.is-light.is-center.hero-7-tag {
  color: #ece8e2;
}

.text-label.is-light.is-end {
  color: #ece8e2a3;
  text-align: right;
  justify-self: end;
}

.text-label.is-light.contact-label {
  color: #ece8e2;
}

.text-label.is-light.gather-name {
  color: #ece8e2a3;
  padding-top: 12px;
}

.text-label.is-light.join-label {
  color: #ece8e2;
}

.text-label.is-end {
  text-align: right;
  justify-self: end;
}

.text-label.is-end.journal-time {
  transition: color .5s;
}

.text-label.is-end.text-ghost {
  color: #12121252;
  text-align: right;
  justify-self: end;
}

.text-label.journal-text {
  transition: color .5s;
}

.text-label.wire-name {
  padding-top: 12px;
}

.text-label.reel-cell-name {
  display: none;
}

.text-label.qty-num {
  text-align: center;
  min-width: 36px;
}

.text-label.receipt-ghost, .text-label.text-ghost {
  color: #12121252;
}

.text-label.loupe-name {
  color: #121212;
}

.text-label.deal-back-mark {
  color: #12121252;
}

.text-label.anno-num {
  color: #121212;
  transition: color .2s;
}

.text-label.anno-num.is-on {
  color: #ece8e2;
}

.text-label.anno-key {
  transition: color .2s;
}

.text-label.anno-key.is-on {
  color: #121212;
}

.main-container {
  width: 100%;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
}

.main-container.contact-frame {
  height: 100%;
}

.main-container.hero-7-frame {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.main-container.nav-inner {
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: 32px;
  height: 64px;
  display: grid;
}

.main-container.nav-menu-inner {
  flex-direction: column;
  padding-top: 8px;
  padding-bottom: 24px;
  display: flex;
}

.main-container.journal-inner {
  z-index: 1;
}

.main-container.hero-10-inner {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.main-container.cta-inner {
  z-index: 1;
}

.main-container.drum-frame {
  pointer-events: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.main-container.places-top {
  z-index: 4;
  pointer-events: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.main-container.gather-stage {
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  min-height: 640px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.main-container.arc-top, .main-container.dolly-top {
  z-index: 2;
  pointer-events: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.main-container.join-top {
  z-index: 5;
  pointer-events: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.main-container.wire-stage {
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  min-height: 640px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.main-container.walk-top {
  z-index: 2;
  pointer-events: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.main-container.reel-stage {
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  min-height: 640px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.main-container.read-stage {
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  min-height: 560px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.main-container.strips-stage, .main-container.loupe-stage {
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  min-height: 640px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.main-container.deal-stage {
  perspective: 1400px;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  min-height: 640px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.main-container.pow-stage, .main-container.turn-stage {
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  min-height: 640px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.main-container.nav2-inner {
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: 32px;
  height: 64px;
  display: grid;
}

.main-container.nav3-inner {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  display: flex;
}

.main-container.nav3-menu-inner {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-bottom: 24px;
  display: flex;
}

.hero-2-mark {
  box-sizing: content-box;
  aspect-ratio: 944 / 286;
  width: 100%;
  height: auto;
  padding: 48px 0 40px;
  display: block;
}

.hero-2-row {
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  column-gap: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: grid;
}

.hero-2-band {
  background-color: #e2ddd4;
  width: 100%;
  height: 100vh;
  min-height: 560px;
  position: relative;
  overflow: hidden;
}

.text-h-lg {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.02;
}

.text-h-lg.no-margins {
  margin: 0;
}

.text-h-lg.no-margins.member-quote {
  opacity: 0;
  grid-area: 1 / 1 / 2 / 2;
  max-width: 520px;
  transition: opacity .5s;
}

.text-h-lg.no-margins.member-quote.is-active {
  opacity: 1;
}

.text-h-lg.no-margins.wall-line {
  opacity: 0;
  grid-area: 1 / 1 / 2 / 2;
  align-self: end;
  margin: 0;
  transition: opacity .5s;
}

.text-h-lg.no-margins.wall-line.is-on {
  opacity: 1;
}

.text-h-lg.no-margins.read-copy {
  grid-column: 3 / 11;
  margin: 0;
}

.text-body {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.text-body.text-subtle {
  color: #121212a3;
}

.text-body.text-subtle.no-margins {
  margin: 0;
}

.text-body.text-subtle.no-margins.mat-note-copy {
  color: #121212a3;
  max-width: 440px;
}

.text-body.text-subtle.no-margins.runs-sub {
  color: #121212a3;
  max-width: 340px;
}

.text-body.text-subtle.no-margins.process-copy {
  color: #121212a3;
  max-width: 400px;
}

.text-body.text-subtle.no-margins.measure-sm {
  color: #121212a3;
  max-width: 46ch;
  margin: 0;
}

.text-body.text-subtle.no-margins.faq-a-copy {
  color: #121212a3;
  max-width: 52ch;
  padding-bottom: 24px;
}

.text-body.text-subtle.no-margins.stack-card-copy {
  color: #121212a3;
  justify-self: end;
  max-width: 44ch;
}

.text-body.text-subtle.no-margins.crew-sub {
  color: #121212a3;
  max-width: 400px;
}

.text-body.text-subtle.no-margins.statement-col {
  max-width: 46ch;
}

.text-body.text-subtle.no-margins.fit-intro {
  color: #121212a3;
  text-align: center;
  grid-area: 2 / 4 / 3 / 10;
  justify-self: center;
  max-width: 46ch;
  margin: 0;
}

.text-body.text-subtle.no-margins.matrix-intro {
  grid-column: 10 / 13;
}

.text-body.text-subtle.no-margins.order-intro {
  color: #121212a3;
  grid-column: 9 / 13;
  margin: 0;
}

.text-body.text-subtle.no-margins.why-note {
  color: #121212a3;
  grid-column: 8 / 13;
  margin: 0;
}

.text-body.text-subtle.measure {
  color: #121212a3;
  max-width: 60ch;
}

.text-body.is-medium {
  font-weight: 500;
}

.text-body.no-margins {
  margin: 0;
}

.text-body.no-margins.b3-copy {
  color: #ece8e2a3;
  max-width: 34ch;
  margin: 0;
}

.nobr {
  white-space: nowrap;
}

.grid-12 {
  grid-template-rows: auto;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.grid-12.hero-3-grid {
  align-items: end;
}

.grid-12.pdp {
  align-items: start;
}

.grid-12.hero-5-head {
  align-items: end;
  padding-bottom: 48px;
}

.grid-12.coast-grid {
  align-items: start;
}

.grid-12.runs-grid {
  align-items: end;
}

.grid-12.kit-grid {
  align-items: stretch;
  padding-top: 48px;
}

.grid-12.members-grid {
  align-items: stretch;
}

.grid-12.hero-8-grid {
  row-gap: 32px;
}

.grid-12.process-grid, .grid-12.nav-panel-grid {
  align-items: start;
}

.grid-12.wax-detail {
  align-items: center;
}

.grid-12.faq-grid {
  align-items: start;
}

.grid-12.footer-grid {
  row-gap: 40px;
  padding-top: 48px;
}

.grid-12.hero-9-grid {
  align-items: start;
  padding-bottom: 120px;
}

.grid-12.before-grid {
  align-items: start;
  row-gap: 80px;
}

.grid-12.drift-grid {
  align-items: start;
}

.grid-12.drop-grid {
  align-items: center;
}

.grid-12.short-grid {
  row-gap: 40px;
  padding-top: 32px;
}

.grid-12.crew-grid {
  align-items: stretch;
}

.grid-12.jobs-grid, .grid-12.pdp2 {
  align-items: start;
}

.grid-12.highlight-head {
  align-items: end;
  padding-bottom: 48px;
}

.grid-12.detail-grid {
  align-items: start;
}

.grid-12.newin-grid {
  row-gap: 40px;
  padding-top: 32px;
}

.grid-12.plp-head {
  align-items: end;
  padding-bottom: 48px;
}

.grid-12.statement-grid {
  row-gap: 40px;
}

.grid-12.stock-grid {
  align-items: stretch;
}

.grid-12.fit-head {
  row-gap: 24px;
  padding-bottom: 48px;
}

.grid-12.pricing-grid {
  align-items: stretch;
}

.grid-12.letter-grid {
  align-items: end;
}

.grid-12.article-head {
  align-items: end;
  padding-bottom: 48px;
}

.grid-12.article-body {
  padding-top: 64px;
}

.grid-12.matrix-head {
  align-items: end;
  padding-bottom: 48px;
}

.grid-12.wall-grid {
  align-items: stretch;
}

.grid-12.lost-grid {
  align-items: center;
}

.grid-12.ft-grid {
  align-items: start;
  padding-bottom: 64px;
}

.grid-12.write-grid {
  align-items: stretch;
}

.grid-12.ask-grid {
  align-items: start;
}

.grid-12.band-grid, .grid-12.reel-grid {
  align-items: center;
}

.grid-12.compare-grid, .grid-12.finder-grid {
  align-items: start;
  padding-top: 32px;
}

.grid-12.order-head {
  align-items: end;
  padding-bottom: 48px;
}

.grid-12.f3-grid {
  row-gap: 40px;
  padding-bottom: 64px;
}

.grid-12.why-head {
  align-items: end;
  padding-bottom: 48px;
}

.grid-12.visit-grid {
  align-items: center;
}

.grid-12.f6-grid {
  row-gap: 40px;
  padding-bottom: 64px;
}

.grid-12.anno-grid {
  align-items: center;
}

.hero-3-media {
  grid-area: 1 / 1 / 3 / 9;
}

.hero-3-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-area: 1 / 10 / 2 / 13;
  align-self: start;
  padding-top: 8px;
  display: flex;
}

.hero-3-thumb {
  grid-area: 2 / 10 / 3 / 12;
  align-self: end;
  text-decoration: none;
}

.hero-4-marquee {
  text-align: left;
  vertical-align: baseline;
  width: 4em;
  margin: -.12em 0;
  padding: .12em 0;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.hero-4-track {
  grid-column-gap: .45em;
  grid-row-gap: .45em;
  white-space: nowrap;
  will-change: transform;
  flex-direction: row;
  align-items: baseline;
  display: flex;
}

.hero-4-item {
  display: inline-block;
}

.hero-4-fade {
  pointer-events: none;
  width: 36%;
  position: absolute;
  top: .12em;
  bottom: .12em;
}

.hero-4-fade.is-left {
  background-image: linear-gradient(90deg, #121212 0% 12%, #12121200 100%);
  left: 0;
}

.hero-4-fade.is-right {
  background-image: linear-gradient(270deg, #121212 0% 12%, #12121200 100%);
  right: 0;
}

.hero-4-row {
  border-top: 1px solid #ece8e21f;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 16px;
  width: 100%;
  margin-top: 80px;
  padding-top: 24px;
  display: grid;
}

.text-display-sm {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 72px;
  font-weight: 500;
  line-height: 1;
}

.text-display-sm.no-margins {
  margin: 0;
}

.text-display-sm.no-margins.is-light {
  color: #ece8e2;
  margin: 0;
}

.text-display-sm.no-margins.range-title {
  margin: 0;
}

.text-display-sm.no-margins.marquee-item {
  flex-shrink: 0;
}

.text-display-sm.no-margins.hero-9-title {
  max-width: 12ch;
}

.text-display-sm.no-margins.journal-text {
  transition: color .5s;
}

.text-display-sm.no-margins.wall-title {
  max-width: 14ch;
}

.text-display-sm.no-margins.pricing-title {
  max-width: 22ch;
}

.text-display-sm.text-ghost {
  color: #12121252;
}

.text-display-sm.text-ghost.turn-back-mark {
  color: #12121252;
  align-self: flex-end;
}

.text-display-sm.is-light.no-margins {
  color: #ece8e2;
  margin: 0;
}

.text-display-sm.is-light.no-margins.nav3-menu-link {
  color: #ece8e2;
  margin: 0;
  text-decoration: none;
  transition: opacity .2s;
}

.text-display-sm.is-light.no-margins.nav3-menu-link:hover {
  opacity: .6;
}

.text-h-sm {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1;
}

.text-h-sm.no-margins {
  margin: 0;
}

.text-h-sm.no-margins.journal-text {
  transition: color .5s;
}

.text-h-sm.no-margins.note-title {
  transition: color .2s;
}

.text-h-sm.no-margins.note-title.is-on {
  color: #1a4cff;
}

.stack-tight {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.stack-tight.is-center {
  text-align: center;
  justify-self: center;
  align-items: center;
}

.stack-tight.b2-head, .stack-tight.steps-head, .stack-tight.way-head {
  padding-bottom: 48px;
}

.pillars-head {
  grid-template-rows: auto;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 16px;
  padding-bottom: 160px;
  display: grid;
}

.pillars-intro {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-column: 7 / 13;
  align-items: flex-start;
  display: flex;
}

.pillars {
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 48px 16px;
  display: grid;
}

.pillar {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  padding-top: 24px;
  display: flex;
}

.pillar-num {
  color: #121212a3;
  letter-spacing: .08em;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.pillar-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  min-height: 132px;
  display: flex;
}

.text-h {
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.05;
}

.text-h.no-margins {
  margin: 0;
}

.text-h.no-margins.is-center {
  text-align: center;
  justify-self: center;
}

.text-h.no-margins.is-center.build-total {
  text-align: center;
  justify-self: center;
  font-weight: 400;
}

.text-h.no-margins.article-next-link {
  color: #121212;
  text-align: center;
  justify-self: center;
  text-decoration: none;
}

.text-h.no-margins.article-next-link:hover {
  color: #1a4cff;
}

.text-h.is-light {
  color: #ece8e2;
}

.text-h.is-light.no-margins {
  color: #ece8e2;
  margin: 0;
}

.text-h.is-light.no-margins.contact-statement {
  color: #ece8e2;
  max-width: 560px;
}

.dot {
  background-color: #1a4cff;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.dot.is-ink {
  background-color: #121212;
  transition: background-color .2s, transform .2s;
}

.dot.is-ink.is-on {
  background-color: #1a4cff;
  transform: scale(1.5);
}

.dot.wax-dot {
  margin-left: -4px;
  transition: left .4s;
  position: absolute;
  top: -4px;
  left: 12.5%;
}

.dot.wax-dot.is-instant {
  transition: none;
}

.dot.order-dot {
  background-color: #1212121f;
  transition: background-color .2s;
}

.dot.order-dot.is-on {
  background-color: #1a4cff;
}

.dot.receipt-dot-ghost {
  background-color: #1212121f;
}

.eyebrow {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.eyebrow.kit-opt-state {
  opacity: .4;
  padding-top: 8px;
  transition: opacity .2s;
}

.eyebrow.kit-opt-state.is-on {
  opacity: 1;
}

.eyebrow.states-key-mid {
  justify-self: center;
}

.spec-key {
  color: #121212a3;
}

.features-head {
  padding-bottom: 64px;
}

.feature-row {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 64px;
  display: grid;
}

.feature-row.is-last {
  border-bottom: 1px solid #1212121f;
}

.feature-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  max-width: 520px;
  display: flex;
}

.feature-copy.is-first {
  order: -1;
}

.feature-index {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.feature-specs {
  border-top: 1px solid #1212121f;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.feature-spec {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-bottom: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.story-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-area: 1 / 1 / 3 / 5;
  align-self: start;
  padding-right: 48px;
  display: flex;
  position: sticky;
  top: 32px;
}

.story-media-a {
  grid-area: 1 / 6 / 2 / 13;
}

.story-media-b {
  grid-area: 2 / 6 / 3 / 9;
}

.story-note {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #1212121f;
  flex-direction: column;
  grid-area: 2 / 10 / 3 / 13;
  align-self: end;
  padding-top: 16px;
  display: flex;
}

.tile {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #121212;
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.tile:focus-visible, .tile[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #1a4cff;
}

.tile.shelf-item {
  flex-grow: 0;
  flex-shrink: 0;
  width: 30%;
}

.tile.short-hero {
  grid-area: 1 / 1 / 3 / 9;
  height: 100%;
}

.tile.short-a {
  grid-area: 1 / 9 / 2 / 13;
}

.tile.short-b {
  grid-area: 2 / 9 / 3 / 13;
}

.tile.short-c {
  grid-area: 3 / 1 / 4 / 5;
}

.tile.short-d {
  grid-area: 3 / 5 / 4 / 9;
}

.tile.short-e {
  grid-area: 3 / 9 / 4 / 13;
}

.tile.tint-tile {
  cursor: default;
}

.tile.newin-a {
  grid-area: 1 / 1 / 3 / 5;
  height: 100%;
}

.tile.newin-b {
  grid-area: 1 / 5 / 2 / 9;
}

.tile.newin-c {
  grid-area: 2 / 5 / 3 / 9;
}

.tile.newin-d {
  grid-area: 1 / 9 / 3 / 13;
  height: 100%;
}

.tile.newin-e {
  grid-area: 3 / 1 / 4 / 5;
}

.tile.newin-f {
  grid-area: 3 / 5 / 4 / 9;
}

.tile.newin-g {
  grid-area: 3 / 9 / 4 / 13;
}

.tile.is-hidden {
  display: none;
}

.tile.states-tile {
  cursor: default;
}

.tile-media {
  background-color: #e2ddd4;
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
}

.tile-media.is-fill {
  flex-grow: 1;
  padding-top: 0;
}

.tile-media.is-1x1 {
  padding-top: 100%;
}

.tile-img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  transition: opacity .25s;
  position: absolute;
  top: 0;
  left: 0;
}

.tile-img.is-context {
  opacity: 0;
}

.tile-img.is-context.is-on {
  opacity: 1;
}

.tile-img.is-tint {
  opacity: 0;
}

.tile-img.is-tint-on {
  opacity: 1;
}

.tile-img.states-img-out {
  opacity: .4;
}

.tile-info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.tile-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.tile-head.b4-head {
  padding: 16px;
}

.tile-name {
  letter-spacing: -.005em;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.tile-name.text-ghost {
  color: #12121252;
}

.tile-price {
  color: #121212;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.tile-price.text-ghost {
  color: #12121252;
}

.tile-rule {
  transform-origin: 0;
  background-color: #121212;
  width: 100%;
  height: 1px;
  transition: transform .4s;
  transform: scaleX(0);
}

.tile-rule.is-on {
  transform: scaleX(1);
}

.tile-meta {
  color: #121212a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.shop-head {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 32px;
  display: flex;
}

.shop-head.wax-head {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.shop-head.journal-head, .shop-head.roll-head, .shop-head.stock-head, .shop-head.notes-head {
  border-bottom-style: none;
  border-bottom-width: 0;
  padding-bottom: 40px;
}

.shop-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 32px 16px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: grid;
}

.shop-grid.is-ruled {
  border-top: 1px solid #1212121f;
}

.shop-note {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  display: flex;
}

.text-body-sm {
  letter-spacing: -.005em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
}

.text-body-sm.text-subtle {
  color: #121212a3;
}

.text-body-sm.text-subtle.no-margins {
  color: #121212a3;
  margin: 0;
}

.text-body-sm.text-subtle.no-margins.acc-copy {
  color: #121212a3;
  margin: 0;
  padding-bottom: 16px;
}

.text-body-sm.text-subtle.no-margins.ft-copy {
  color: #121212a3;
  max-width: 34ch;
  margin: 0;
}

.text-body-sm.no-margins {
  margin: 0;
}

.text-body-sm.no-margins.b2-note {
  color: #ece8e2a3;
  max-width: 36ch;
  margin: 0;
}

.pdp-gallery {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-column: 1 / 8;
  display: flex;
}

.pdp-panel {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-column: 9 / 13;
  display: flex;
  position: sticky;
  top: 32px;
}

.pdp-price {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid #1212121f;
  border-bottom: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.pdp-options {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.option {
  color: #121212;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #1212121f;
  align-items: center;
  padding: 10px 14px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  transition: border-color .2s;
  display: inline-flex;
}

.option:hover {
  border-color: #121212;
}

.option:focus-visible, .option[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.option.is-active {
  border-color: #121212;
}

.gallery-head {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 32px;
  padding-bottom: 32px;
  display: flex;
}

.gallery-head.drive-head {
  margin-bottom: 0;
}

.gallery-a {
  grid-area: 1 / 1 / 3 / 8;
  text-decoration: none;
}

.gallery-b {
  grid-area: 1 / 8 / 2 / 10;
  text-decoration: none;
}

.gallery-c {
  grid-area: 1 / 10 / 2 / 12;
  text-decoration: none;
}

.gallery-d {
  grid-area: 2 / 8 / 3 / 13;
  text-decoration: none;
}

.gallery-e {
  grid-area: 3 / 1 / 4 / 5;
  text-decoration: none;
}

.gallery-f {
  grid-area: 3 / 5 / 4 / 8;
}

.gallery-g {
  grid-area: 3 / 8 / 4 / 13;
  text-decoration: none;
}

.gallery-quote {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1212120f;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 24px;
  display: flex;
}

.row-3 {
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  column-gap: 16px;
  width: 100%;
  padding-top: 24px;
  display: grid;
}

.row-3.hero-5-foot {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 32px;
}

.row-3.is-light {
  color: #ece8e2;
  border-top-color: #ece8e21f;
}

.row-3.is-light.hero-6-row {
  border-top-color: #ece8e21f;
  margin-top: 64px;
}

.row-3.is-light.hero-7-bottom {
  border-top-style: none;
  border-top-width: 0;
  align-items: end;
  padding-top: 0;
}

.row-3.is-light.drop-scale {
  border-top-style: none;
  border-top-width: 0;
  padding-top: 0;
}

.row-3.is-light.cta-row {
  border-top-color: #ece8e21f;
  margin-top: 0;
}

.row-3.is-light.f6-foot {
  padding-bottom: 0;
}

.row-3.range-foot {
  padding-top: 24px;
}

.row-3.members-meta, .row-3.hero-8-foot {
  padding-top: 16px;
}

.row-3.footer-row {
  padding-top: 24px;
}

.row-3.shelf-foot {
  align-items: center;
}

.row-3.proof-stage-row {
  width: 66.6667%;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
}

.row-3.build-foot {
  align-items: center;
}

.row-3.wall-foot {
  border-top-style: none;
  border-top-width: 0;
  margin-top: 48px;
}

.row-3.highlight-foot {
  border-bottom: 1px solid #1212121f;
  margin-top: 48px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.row-3.stock-foot {
  border-top-style: none;
  border-top-width: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 32px;
}

.row-3.matrix-foot {
  border-top-style: none;
  border-top-width: 0;
  margin-top: 32px;
  padding-top: 0;
}

.row-3.lost-routes {
  margin-top: 80px;
}

.row-3.compare-foot {
  margin-top: 48px;
}

.row-3.f5-foot {
  padding-top: 24px;
  padding-bottom: 0;
}

.hero-5-media-a {
  grid-column: 1 / 9;
}

.hero-5-media-b {
  grid-column: 9 / 13;
}

.hero-6-media {
  grid-area: 1 / 1 / 3 / 6;
  min-height: 640px;
}

.hero-6-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-area: 1 / 6 / 2 / 13;
  align-items: flex-start;
  padding-bottom: 40px;
  padding-left: 48px;
  display: flex;
}

.hero-6-foot {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-area: 2 / 6 / 3 / 11;
  align-self: end;
  align-items: flex-start;
  padding-left: 48px;
  display: flex;
}

.hero-6-clip {
  grid-area: 2 / 11 / 3 / 13;
  align-self: end;
}

.mat-media {
  grid-area: 1 / 1 / 2 / 7;
}

.mat-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-area: 1 / 8 / 2 / 13;
  align-self: start;
  display: flex;
}

.mat-sq-a {
  grid-area: 2 / 1 / 3 / 3;
}

.mat-sq-b {
  grid-area: 2 / 3 / 3 / 5;
}

.mat-sq-c {
  grid-area: 2 / 5 / 3 / 7;
}

.mat-note {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #1212121f;
  flex-direction: column;
  grid-area: 2 / 8 / 3 / 13;
  align-self: end;
  padding-top: 16px;
  display: flex;
}

.coast-head {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 64px;
  display: flex;
}

.coast-list {
  flex-direction: column;
  grid-column: 1 / 7;
  display: flex;
}

.coast-row {
  color: #121212;
  cursor: pointer;
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 56px 1fr;
  align-items: baseline;
  column-gap: 16px;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-right: 48px;
  text-decoration: none;
  display: grid;
  position: relative;
}

.coast-row:focus-visible, .coast-row[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.coast-row.is-last {
  border-bottom: 1px solid #1212121f;
}

.coast-line {
  transform-origin: 0;
  background-color: #121212;
  width: 100%;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 0;
  transform: scaleX(0);
}

.coast-num {
  color: #12121252;
  letter-spacing: .08em;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.coast-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.coast-media {
  flex-direction: column;
  grid-column: 7 / 13;
  display: flex;
  position: sticky;
  top: 32px;
}

.grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 48px 16px;
  display: grid;
}

.grid-3.range-grid, .grid-3.tint-grid {
  padding-top: 32px;
  padding-bottom: 32px;
}

.grid-3.stats-row {
  border-top: 1px solid #1212121f;
}

.grid-3.why-grid, .grid-3.said-grid, .grid-3.help-grid, .grid-3.way-grid, .grid-3.pr2-grid {
  row-gap: 16px;
}

.spec-line {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  display: flex;
}

.spec-line.range-specs {
  padding-top: 4px;
}

.spec-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #121212;
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-direction: row;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.contact-band {
  background-color: #121212;
  width: 100%;
  height: 130vh;
  min-height: 640px;
  position: relative;
}

.contact-media {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.contact-scrim {
  opacity: .4;
  background-color: #121212;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.contact-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: sticky;
  top: 0;
}

.hero-7-band {
  background-color: #121212;
  width: 100%;
  height: 100vh;
  min-height: 560px;
  position: relative;
  overflow: hidden;
}

.hero-7-scrim {
  opacity: .28;
  background-color: #121212;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hero-7-top {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.hero-7-mark {
  box-sizing: content-box;
  aspect-ratio: 944 / 286;
  width: 160px;
  height: auto;
  display: block;
}

.hero-7-centre {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.hero-7-links {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.hero-7-link {
  color: #ece8e2;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  transition: opacity .2s;
}

.hero-7-link:hover {
  opacity: .8;
  color: #ece8e2;
}

.hero-7-link:focus-visible, .hero-7-link[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #1a4cff;
}

.runs-copy {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  grid-column: 1 / 5;
  justify-content: space-between;
  align-self: stretch;
  display: flex;
}

.runs-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.runs-square {
  grid-column: 5 / 8;
  align-self: end;
}

.runs-media {
  grid-column: 8 / 13;
}

.rule {
  background-color: #1212121f;
  width: 100%;
  height: 1px;
}

.draw-line {
  transform-origin: 0;
  background-color: #121212;
  width: 100%;
  height: 1px;
  transition: transform .4s;
  position: absolute;
  top: -1px;
  left: 0;
  transform: scaleX(0);
}

.draw-line.is-timer {
  transition: none;
}

.draw-line.is-on {
  transform: scaleX(1);
}

.kit-media {
  grid-column: 1 / 8;
}

.kit-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  grid-column: 8 / 13;
  justify-content: space-between;
  display: flex;
}

.kit-rows {
  flex-direction: column;
  display: flex;
}

.kit-row {
  color: #121212;
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-decoration: none;
  display: grid;
  position: relative;
}

.kit-row:focus-visible, .kit-row[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.kit-row.is-first {
  border-top-style: none;
  border-top-width: 0;
}

.kit-row.is-last {
  border-bottom: 1px solid #1212121f;
}

.kit-copy {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.kit-foot {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.kit-scrim {
  z-index: 90;
  opacity: 0;
  visibility: hidden;
  background-color: #121212;
  transition: opacity .25s, visibility .25s;
  position: fixed;
  inset: 0;
}

.kit-scrim.is-open {
  opacity: .32;
  visibility: visible;
}

.kit-scrim.is-instant {
  transition: none;
}

.kit-drawer {
  z-index: 100;
  visibility: hidden;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  color: #121212;
  background-color: #ece8e2;
  border-left: 0 #1212121f;
  flex-direction: column;
  width: 480px;
  max-width: 100%;
  padding: 24px 32px 32px;
  transition: transform .4s, visibility .4s;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  transform: translateX(100%);
}

.kit-drawer.is-open {
  visibility: visible;
  transform: translateX(0);
}

.kit-drawer.is-instant {
  transition: none;
}

.kit-drawer.team-drawer {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.kit-drawer-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.kit-drawer-body {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.kit-drawer-body.team-body {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.kit-drawer-foot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  display: flex;
}

.icon-btn {
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #1212121f;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  transition: border-color .2s;
  display: flex;
  position: relative;
}

.icon-btn:hover {
  border-color: #121212;
}

.icon-btn:focus-visible, .icon-btn[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.icon-btn.is-light {
  color: #ece8e2;
  background-color: #0000;
  border-color: #ece8e2;
  transition: opacity .2s;
}

.icon-btn.is-light:hover {
  opacity: .8;
}

.x-line {
  background-color: #121212;
  width: 18px;
  height: 1px;
  position: absolute;
  transform: rotate(45deg);
}

.x-line.is-b {
  transform: rotate(-45deg);
}

.chevron {
  border-top: 1px solid #121212;
  border-right: 1px solid #121212;
  width: 9px;
  height: 9px;
  margin-left: -4px;
  transform: rotate(45deg);
}

.chevron.is-left {
  margin-left: 4px;
  transform: rotate(-135deg);
}

.chevron.is-light {
  color: #ece8e2;
  border-color: #ece8e2;
}

.chevron.is-light.is-left {
  border-color: #ece8e2;
  margin-left: 4px;
  transform: rotate(-135deg);
}

.drive-note {
  opacity: 0;
  color: #121212;
  letter-spacing: .01em;
  grid-row: 1 / 2;
  font-size: 12px;
  line-height: 1.2;
  transition: opacity .25s;
}

.drive-note.is-8 {
  grid-column: 7 / 9;
}

.drive-note.is-8.is-end {
  text-align: right;
  justify-self: end;
}

.drive-note.is-1 {
  grid-column: 1 / 3;
}

.drive-note.is-2 {
  grid-column: 2 / 4;
}

.drive-note.is-3 {
  grid-column: 3 / 5;
}

.drive-note.is-4 {
  grid-column: 4 / 6;
}

.drive-note.is-5 {
  grid-column: 5 / 7;
}

.drive-note.is-6 {
  grid-column: 6 / 8;
}

.drive-note.is-7 {
  grid-column: 7 / 9;
}

.drive-note.is-on {
  opacity: 1;
}

.drive-stop {
  color: #12121252;
  letter-spacing: .08em;
  text-transform: uppercase;
  justify-self: start;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  transition: color .2s;
}

.drive-stop.is-end {
  text-align: right;
  justify-self: end;
}

.drive-stop.is-on {
  color: #121212;
}

.drive-pin {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.drive-strip {
  width: 100%;
  overflow: hidden;
}

.drive-track {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  will-change: transform;
  flex-direction: row;
  align-items: flex-start;
  width: max-content;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.drive-item {
  background-color: #e2ddd4;
  flex-shrink: 0;
  height: 52vh;
  position: relative;
  overflow: hidden;
}

.drive-item.is-wide {
  width: 78vh;
}

.drive-item.is-square {
  width: 52vh;
}

.drive-item.is-tall {
  width: 39vh;
}

.drive-mark {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #ece8e2;
  flex-direction: row;
  align-items: center;
  padding: 8px 10px;
  display: flex;
  position: absolute;
  top: 16px;
  left: 16px;
}

.drive-notes {
  grid-template-rows: auto;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  column-gap: 16px;
  padding-bottom: 16px;
  display: grid;
}

.drive-time {
  border-top: 1px solid #1212121f;
  padding-top: 16px;
  position: relative;
}

.drive-line {
  transform-origin: 0;
  background-color: #121212;
  width: 100%;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 0;
  transform: scaleX(0);
}

.drive-stops {
  grid-template-rows: auto;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  column-gap: 16px;
  display: grid;
}

.members-media {
  grid-column: 1 / 5;
}

.members-copy {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  grid-column: 6 / 13;
  justify-content: space-between;
  padding-left: 48px;
  display: flex;
}

.members-quotes {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  display: grid;
}

.members-index {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.hero-8-track {
  height: 260vh;
  position: relative;
}

.hero-8-stage {
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.hero-8-plate {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  grid-column: 3 / 11;
  justify-self: center;
  width: 90vh;
  max-width: 100%;
  display: flex;
}

.hero-8-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.hero-8-frame {
  width: 100%;
}

.hero-8-cover {
  z-index: 2;
  background-color: #e2ddd4;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.hero-8-cover.is-live {
  display: block;
}

.row {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.row.cart-subtotal {
  border-top-style: none;
  border-top-width: 0;
  padding-top: 0;
}

.row.is-last {
  border-bottom: 1px solid #1212121f;
}

.process-media {
  flex-direction: column;
  grid-column: 1 / 7;
  display: flex;
  position: sticky;
  top: 32px;
}

.process-list {
  flex-direction: column;
  grid-column: 8 / 13;
  display: flex;
}

.process-step {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #1212121f;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 60vh;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.process-step.is-last {
  border-bottom: 1px solid #1212121f;
}

.panels {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  padding-top: 32px;
  display: flex;
}

.panel {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #121212;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  text-decoration: none;
  display: flex;
}

.panel:focus-visible, .panel[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #1a4cff;
}

.panel-media {
  background-color: #e2ddd4;
  width: 100%;
  height: 620px;
  position: relative;
  overflow: hidden;
}

.panel-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  white-space: nowrap;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.curtain-a {
  grid-area: 1 / 1 / 2 / 6;
}

.curtain-b {
  grid-area: 1 / 6 / 2 / 13;
}

.curtain-c {
  grid-area: 2 / 8 / 3 / 13;
}

.curtain-d {
  grid-area: 2 / 1 / 3 / 8;
}

.marquee {
  border-top: 1px solid #1212121f;
  border-bottom: 1px solid #1212121f;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
  overflow: hidden;
}

.marquee-track {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  white-space: nowrap;
  will-change: transform;
  flex-flow: row;
  align-items: center;
  display: flex;
}

.marquee-media {
  background-color: #e2ddd4;
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  position: relative;
  overflow: hidden;
}

.strip {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  padding-top: 32px;
  display: flex;
}

.strip-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #121212;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  text-decoration: none;
  display: flex;
}

.strip-item:focus-visible, .strip-item[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #1a4cff;
}

.strip-media {
  background-color: #e2ddd4;
  width: 100%;
  height: 620px;
  position: relative;
  overflow: hidden;
}

.strip-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  opacity: 0;
  white-space: nowrap;
  flex-direction: column;
  align-items: flex-start;
  transition: opacity .25s;
  display: flex;
  overflow: hidden;
}

.strip-info.is-on {
  opacity: 1;
}

.nav-bar {
  z-index: 2;
  background-color: #ece8e2;
  border-bottom: 1px solid #1212121f;
  width: 100%;
  position: relative;
}

.nav-mark-link {
  justify-self: start;
  text-decoration: none;
  display: block;
}

.nav-mark {
  box-sizing: content-box;
  aspect-ratio: 944 / 286;
  width: 104px;
  height: auto;
  display: block;
}

.nav-links {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.nav-links.nav2-links {
  grid-column-start: 1;
  justify-self: start;
}

.nav-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #121212;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  align-items: center;
  padding: 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  transition: color .2s;
  display: inline-flex;
}

.nav-link:hover {
  color: #1a4cff;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #1a4cff;
}

.nav-link.is-trigger.is-open, .nav-count {
  color: #1a4cff;
}

.nav-actions {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-self: end;
  align-items: center;
  display: flex;
}

.nav-actions.nav2-actions {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-column-start: 3;
  margin-right: -12px;
}

.nav-burger {
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-right: -12px;
  padding: 0;
  display: none;
  position: relative;
}

.nav-burger:focus-visible, .nav-burger[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.burger-line {
  background-color: #121212;
  width: 20px;
  height: 1px;
  transition: transform .25s;
  position: absolute;
  transform: translateY(-4px);
}

.burger-line.is-b {
  transform: translateY(4px);
}

.burger-line.is-b.is-open {
  transform: rotate(-45deg);
}

.burger-line.is-open {
  transform: rotate(45deg);
}

.nav-panel {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background-color: #ece8e2;
  border-bottom: 1px solid #1212121f;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 48px;
  transition: opacity .25s, transform .25s, visibility .25s;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateY(-8px);
}

.nav-panel.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nav-panel.is-instant {
  transition: none;
}

.nav-col {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-column-end: span 2;
  align-items: flex-start;
  display: flex;
}

.nav-panel-link {
  color: #121212;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
  transition: color .2s;
}

.nav-panel-link:hover {
  color: #1a4cff;
}

.nav-figure {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #121212;
  flex-direction: column;
  grid-column: 8 / 13;
  text-decoration: none;
  display: flex;
}

.nav-menu {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background-color: #ece8e2;
  border-bottom: 1px solid #1212121f;
  width: 100%;
  transition: opacity .25s, transform .25s, visibility .25s;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateY(-8px);
}

.nav-menu.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nav-menu.is-instant {
  transition: none;
}

.nav-menu-link {
  color: #121212;
  letter-spacing: -.02em;
  border-bottom: 1px solid #1212121f;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1;
  text-decoration: none;
}

.nav-menu-foot {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  padding-top: 24px;
  display: flex;
}

.sheet-scroll {
  width: 100%;
  padding-top: 16px;
  overflow-x: auto;
}

.sheet {
  flex-direction: column;
  min-width: 720px;
  display: flex;
}

.sheet-row {
  border-bottom: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr;
  column-gap: 16px;
  display: grid;
}

.sheet-row.is-head {
  border-bottom-color: #121212;
}

.sheet-row.is-foot {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.sheet-cell {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #121212;
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  min-height: 52px;
  padding: 12px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  transition: background-color .2s;
  display: flex;
}

.sheet-cell.is-key {
  color: #121212a3;
  padding-left: 0;
}

.sheet-cell.is-on {
  background-color: #e2ddd4;
}

.sheet-note {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 24px;
  display: flex;
}

.wax-picker {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 16px;
  padding-top: 32px;
  display: grid;
}

.wax-cell {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #121212a3;
  text-align: left;
  cursor: pointer;
  background-color: #0000;
  border-style: solid none none;
  border-width: 1px 0 0;
  border-top-color: #1212121f;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 0;
  font-family: General Sans, sans-serif;
  display: flex;
}

.wax-cell:hover {
  color: #121212;
}

.wax-cell:focus-visible, .wax-cell[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.wax-cell.is-active {
  color: #121212;
  border-top-color: #121212;
}

.wax-cell-name {
  letter-spacing: -.02em;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1;
}

.wax-scale {
  background-color: #1212121f;
  height: 1px;
  margin-top: 8px;
  margin-bottom: 48px;
  position: relative;
}

.wax-mark {
  background-color: #12121252;
  width: 1px;
  height: 7px;
  position: absolute;
  top: -3px;
}

.wax-mark.is-1 {
  left: 12.5%;
}

.wax-mark.is-2 {
  left: 37.5%;
}

.wax-mark.is-3 {
  left: 62.5%;
}

.wax-mark.is-4 {
  left: 87.5%;
}

.wax-media {
  grid-column: 1 / 7;
}

.wax-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-column: 8 / 13;
  display: flex;
}

.wax-foot {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  align-items: center;
  padding-top: 8px;
  display: flex;
}

.faq-head {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-column: 1 / 6;
  align-items: flex-start;
  display: flex;
}

.faq-list {
  flex-direction: column;
  grid-column: 7 / 13;
  display: flex;
}

.faq-item {
  border-top: 1px solid #1212121f;
  flex-direction: column;
  display: flex;
}

.faq-item.is-last {
  border-bottom: 1px solid #1212121f;
}

.faq-q {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #121212;
  text-align: left;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px 0;
  font-family: General Sans, sans-serif;
  display: flex;
}

.faq-q:focus-visible, .faq-q[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.plus {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  transition: transform .25s;
  position: relative;
}

.plus.is-open {
  transform: rotate(45deg);
}

.plus-line {
  background-color: #121212;
  width: 16px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
}

.plus-line.is-v {
  transform: rotate(90deg);
}

.faq-a {
  height: 0;
  transition: height .4s;
  overflow: hidden;
}

.field {
  color: #121212;
  background-color: #0000;
  border-style: none none solid;
  border-width: 0 0 1px;
  border-bottom-color: #1212121f;
  border-radius: 0;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding: 12px 0;
  font-family: General Sans, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  display: block;
}

.field:focus {
  border-bottom-color: #1a4cff;
  outline-style: none;
}

.field::placeholder {
  color: #121212a3;
}

.field.is-bare {
  border-bottom-style: none;
  border-bottom-width: 0;
  font-size: 20px;
  line-height: 1.4;
}

.field._w-input {
  color: #121212;
  background-color: #0000;
  border-bottom: 1px solid #1212121f;
  border-radius: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 12px 0;
  font-family: General Sans, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  transition: border-color .2s;
  display: block;
}

.field._w-input:focus {
  border-bottom-color: #1a4cff;
  outline-style: none;
}

.field._w-input::placeholder {
  color: #121212a3;
}

.field.is-area {
  resize: none;
  min-height: 120px;
}

.field.is-light {
  color: #ece8e2;
  border-bottom-color: #ece8e21f;
}

.field.is-light:focus {
  border-bottom-color: #1a4cff;
}

.field.is-light::placeholder {
  color: #ece8e2a3;
}

.field.is-light.f6-field {
  padding-right: 56px;
}

.footer-col {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-column-end: span 2;
  align-items: flex-start;
  display: flex;
}

.footer-col.f6-col-a {
  grid-column-start: 8;
}

.footer-col.f6-col-b {
  grid-column-start: 11;
}

.footer-link {
  color: #121212;
  font-size: 14px;
  line-height: 1.45;
  text-decoration: none;
  transition: color .2s;
}

.footer-link:hover {
  color: #1a4cff;
}

.footer-link.is-meta {
  color: #121212a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.footer-link.is-meta:hover {
  color: #1a4cff;
}

.footer-link.is-light {
  color: #ece8e2;
  transition: opacity .2s;
}

.footer-link.is-light:hover {
  opacity: .6;
  color: #ece8e2;
}

.footer-news {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-column: 8 / 13;
  align-items: flex-start;
  display: flex;
}

.footer-form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.footer-form._w-form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.footer-mark {
  box-sizing: content-box;
  aspect-ratio: 944 / 286;
  width: 100%;
  height: auto;
  padding-top: 80px;
  padding-bottom: 40px;
  display: block;
}

.hero-9-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-column: 1 / 6;
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: sticky;
  top: 0;
}

.hero-9-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  will-change: transform;
  flex-direction: column;
  grid-column: 7 / 10;
  padding-top: 40px;
  display: flex;
}

.hero-9-col.is-b {
  grid-column: 10 / 13;
  padding-top: 40vh;
}

.hero-9-frame {
  width: 100%;
}

.before-label {
  grid-area: 1 / 1 / 2 / 7;
}

.before-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.before-item.is-a {
  grid-area: 1 / 7 / 2 / 10;
}

.before-item.is-b {
  grid-area: 1 / 10 / 2 / 13;
}

.before-item.is-3 {
  grid-area: 2 / 1 / 3 / 4;
}

.before-item.is-4 {
  grid-area: 2 / 4 / 3 / 7;
}

.before-item.is-5 {
  grid-area: 2 / 7 / 3 / 10;
}

.before-item.is-6 {
  grid-area: 2 / 10 / 3 / 13;
}

.before-num {
  color: #121212a3;
  letter-spacing: .08em;
  padding-top: 8px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.before-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.journal-list {
  flex-direction: column;
  padding-top: 16px;
  display: flex;
  position: relative;
}

.journal-row {
  color: #121212;
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 1fr 7fr 2fr 2fr;
  align-items: baseline;
  column-gap: 16px;
  padding-top: 24px;
  padding-bottom: 24px;
  text-decoration: none;
  transition: border-color .5s;
  display: grid;
  position: relative;
}

.journal-row:focus-visible, .journal-row[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.journal-row.is-last {
  border-bottom: 1px solid #1212121f;
}

.journal-bg {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  transition: opacity .5s;
  position: absolute;
  top: 0;
  left: 0;
}

.journal-scrim {
  opacity: .72;
  background-color: #121212;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.journal-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.journal-preview {
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  background-color: #e2ddd4;
  width: 240px;
  height: 320px;
  transition: opacity .25s;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.shelf-viewport {
  cursor: grab;
  touch-action: pan-y;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  overflow: hidden;
}

.shelf-rail {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  will-change: transform;
  flex-direction: row;
  align-items: flex-end;
  display: flex;
}

.shelf-track {
  background-color: #1212121f;
  justify-self: stretch;
  height: 1px;
  position: relative;
}

.shelf-fill {
  transform-origin: 0;
  background-color: #121212;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
}

.proof-sheet {
  padding-top: 32px;
  position: relative;
}

.proof-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  display: grid;
}

.proof-cell {
  cursor: zoom-in;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  width: 100%;
  padding: 0;
  display: block;
}

.proof-cell:focus-visible, .proof-cell[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.proof-stage {
  pointer-events: none;
  visibility: hidden;
  width: 100%;
  position: absolute;
  top: 32px;
  left: 0;
}

.proof-stage.is-open {
  pointer-events: auto;
  visibility: visible;
}

.proof-stage-frame {
  will-change: transform;
  width: 66.6667%;
  margin-left: auto;
  margin-right: auto;
}

.hero-10-stage {
  background-color: #121212;
  width: 100%;
  height: 100vh;
  min-height: 640px;
  position: relative;
  overflow: hidden;
}

.hero-10-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hero-10-scrim {
  opacity: .36;
  background-color: #121212;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hero-10-top {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  column-gap: 16px;
  display: grid;
}

.hero-10-line {
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  overflow: hidden;
}

.hero-10-names {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  will-change: transform;
  flex-direction: row;
  align-items: baseline;
  width: max-content;
  display: flex;
}

.hero-10-name {
  color: #ece8e252;
  letter-spacing: -.035em;
  white-space: nowrap;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 96px;
  font-weight: 500;
  line-height: 1.15;
  transition: color .5s;
}

.hero-10-name.is-active {
  color: #ece8e2;
  cursor: default;
}

.hero-10-bottom {
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  align-items: end;
  column-gap: 16px;
  display: grid;
}

.hero-10-deck {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: center;
  justify-self: center;
  align-items: flex-end;
  display: flex;
}

.hero-10-card {
  width: 200px;
  overflow: hidden;
}

.stack-head {
  text-align: center;
  justify-content: center;
  padding-bottom: 64px;
  display: flex;
}

.stack-cards {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  grid-column: 2 / 12;
  padding-bottom: 40px;
  display: flex;
}

.stack-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  will-change: transform;
  background-color: #d5d1c8;
  flex-direction: column;
  padding: 32px;
  display: flex;
  position: sticky;
  top: 96px;
}

.stack-card.is-2, .stack-card.is-3, .stack-card.is-4 {
  top: 96px;
}

.stack-card-head {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  column-gap: 64px;
  display: grid;
}

.stack-card-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.prints-stage {
  width: 100%;
  height: 640px;
  position: relative;
}

.print {
  will-change: transform;
  position: absolute;
}

.print.is-1 {
  z-index: 3;
  width: 30%;
  top: 8%;
  left: 4%;
}

.print.is-2 {
  z-index: 6;
  width: 17%;
  top: 30%;
  left: 26%;
}

.print.is-3 {
  z-index: 2;
  width: 20%;
  top: 4%;
  left: 38%;
}

.print.is-4 {
  z-index: 5;
  width: 30%;
  top: 36%;
  left: 50%;
}

.print.is-5 {
  z-index: 4;
  width: 16%;
  top: 2%;
  left: 70%;
}

.print.is-6 {
  z-index: 1;
  width: 16%;
  top: 42%;
  left: 82%;
}

.print.is-7 {
  z-index: 7;
  width: 26%;
  top: 58%;
  left: 10%;
}

.print-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  opacity: 0;
  white-space: nowrap;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 12px;
  transition: opacity .25s;
  display: flex;
}

.print-info.is-on {
  opacity: 1;
}

.kit-opts {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 32px;
  padding-bottom: 32px;
  display: grid;
}

.kit-opt {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #121212;
  text-align: left;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #1212121f;
  flex-direction: column;
  width: 100%;
  padding: 16px;
  font-family: General Sans, sans-serif;
  display: flex;
}

.kit-opt:hover {
  border-color: #121212a3;
}

.kit-opt:focus-visible, .kit-opt[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.kit-opt.is-picked {
  border-color: #121212;
}

.kit-opt-info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.wall-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 48px;
  display: flex;
}

.wall {
  border-top: 1px solid #1212121f;
  flex-direction: column;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.wall-row {
  border-bottom: 1px solid #1212121f;
  width: 100%;
  overflow: hidden;
}

.wall-track {
  will-change: transform;
  flex-direction: row;
  width: max-content;
  display: flex;
}

.wall-cell {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  white-space: nowrap;
  border-right: 0 #1212121f;
  flex-direction: row;
  align-items: baseline;
  margin-right: 40px;
  padding: 24px 40px 24px 0;
  display: flex;
}

.wall-name {
  letter-spacing: -.025em;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.05;
}

.drift-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: right;
  will-change: transform;
  flex-direction: column;
  grid-area: 1 / 1 / 2 / 7;
  align-items: flex-end;
  display: flex;
}

.drift-media {
  grid-area: 1 / 7 / 2 / 13;
}

.drift-frame {
  background-color: #e2ddd4;
  width: 100%;
  height: 150vh;
  min-height: 720px;
  max-height: 1400px;
  position: relative;
  overflow: hidden;
}

.drift-note {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-area: 2 / 7 / 3 / 12;
  align-items: flex-start;
  padding-top: 32px;
  display: flex;
}

.drop-count {
  line-height: 1;
}

.drop-count.text-display-xl {
  letter-spacing: -.04em;
  font-size: 112px;
  font-weight: 500;
  line-height: .92;
}

.drop-count.text-display-xl.is-light {
  color: #ece8e2;
  line-height: 1;
}

.drop-count-label.text-label {
  color: #121212a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.drop-count-label.text-label.is-light {
  color: #ece8e2a3;
}

.drop-copy {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  grid-column: 1 / 6;
  display: flex;
}

.drop-media {
  grid-column: 7 / 13;
}

.drop-meter {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #ece8e21f;
  flex-direction: column;
  padding-top: 16px;
  display: flex;
}

.drop-track {
  background-color: #ece8e21f;
  width: 100%;
  height: 1px;
  margin-top: 8px;
  position: relative;
}

.drop-fill {
  background-color: #ece8e2;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.drop-foot {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid #ece8e21f;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  display: flex;
}

.drop-product {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.index-price {
  text-align: right;
  grid-column: 9 / 11;
}

.index-price.text-body {
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.index-head {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 32px;
  display: flex;
}

.index-sort {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.index-list {
  flex-direction: column;
  display: flex;
}

.index-row {
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  column-gap: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: grid;
}

.index-row.is-last {
  border-bottom: 1px solid #1212121f;
}

.index-thumb {
  grid-column: 1 / 2;
}

.index-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  grid-column: 2 / 9;
  display: flex;
}

.cart-empty {
  padding-top: 24px;
  padding-bottom: 24px;
}

.cart-empty.text-body {
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.cart-empty.text-body.text-subtle {
  color: #121212a3;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 48px 16px;
  display: grid;
}

.grid-4.team-grid {
  row-gap: 40px;
  padding-top: 32px;
}

.grid-4.highlight-specs {
  padding-top: 48px;
}

.grid-4.plp-grid {
  padding-top: 32px;
}

.grid-4.states-grid {
  row-gap: 48px;
  padding-top: 32px;
  padding-bottom: 32px;
}

.grid-4.mark-row {
  row-gap: 32px;
}

.grid-4.st2-grid {
  row-gap: 16px;
}

.cta-secondary {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #121212;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #1212121f;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 16px 28px;
  font-family: General Sans, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.cta-secondary.cart-add, .cta-secondary.is-full {
  width: 100%;
}

.cta-secondary.compare-add {
  align-self: flex-start;
}

.cart-bar {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  padding-bottom: 16px;
  display: flex;
}

.cart-count {
  color: #ece8e2;
  letter-spacing: .02em;
  background-color: #12121252;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding: 0 5px;
  font-size: 10px;
  line-height: 1;
  transition: background-color .2s;
  display: inline-flex;
}

.cart-count.is-on {
  background-color: #1a4cff;
}

.cart-backdrop {
  z-index: 80;
  opacity: 0;
  pointer-events: none;
  background-color: #12121252;
  position: fixed;
  inset: 0;
}

.cart-backdrop.is-on {
  pointer-events: auto;
}

.cart-drawer {
  z-index: 90;
  background-color: #ece8e2;
  border-left: 1px solid #1212121f;
  flex-direction: column;
  width: 440px;
  max-width: 100%;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translateX(100%);
}

.cart-drawer-head {
  border-bottom: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px;
  display: flex;
}

.cart-lines {
  flex-grow: 1;
  padding: 0 32px;
  overflow-y: auto;
}

.cart-drawer-foot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #1212121f;
  flex-direction: column;
  padding: 24px 32px 32px;
  display: flex;
}

.swatches {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #ece8e2;
  border-top: 1px solid #1212121f;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px;
  transition: transform .25s;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
}

.swatches.is-on {
  transform: translateY(0);
}

.swatch {
  background-color: #0000;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: border-color .2s;
  display: inline-flex;
}

.swatch:hover {
  border-color: #12121252;
}

.swatch:focus-visible, .swatch[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.swatch.is-active {
  border-color: #121212;
}

.swatch-chip {
  width: 16px;
  height: 16px;
  display: block;
}

.swatch-chip.is-amber {
  background-color: #c98a3b;
}

.swatch-chip.is-smoke {
  background-color: #4a4a4a;
}

.swatch-chip.is-clear {
  background-color: #dad6cc;
}

.member {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #121212;
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.member:focus-visible, .member[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #1a4cff;
}

.member-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-top: 1px solid #1212121f;
  flex-direction: column;
  padding-top: 12px;
  display: flex;
  position: relative;
}

.member-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.roll {
  flex-direction: column;
  display: flex;
}

.roll-row {
  color: #121212;
  cursor: pointer;
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 96px 280px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: baseline;
  column-gap: 16px;
  padding-top: 24px;
  padding-bottom: 24px;
  text-decoration: none;
  display: grid;
  position: relative;
}

.roll-row:focus-visible, .roll-row[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.roll-row.is-last {
  border-bottom: 1px solid #1212121f;
}

.roll-slot {
  align-self: center;
  height: 1px;
  position: relative;
}

.roll-thumb {
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  background-color: #e2ddd4;
  width: 240px;
  padding-top: 320px;
  transition: opacity .25s, transform .25s;
  position: absolute;
  top: 50%;
  left: 0;
  overflow: hidden;
  transform: translateY(-50%)scale(.96);
}

.roll-thumb.is-on {
  opacity: 1;
  transform: translateY(-50%)scale(1);
}

.club-wrap {
  height: 300vh;
  position: relative;
}

.club-stage {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.club-track {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  will-change: transform;
  flex-flow: row;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.club-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #121212;
  flex-direction: column;
  flex-shrink: 0;
  width: 300px;
  text-decoration: none;
  display: flex;
}

.club-item:focus-visible, .club-item[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #1a4cff;
}

.club-head {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.cart-line {
  border-bottom: 1px solid #1212121f;
  grid-template-columns: 64px 1fr auto auto;
  align-items: center;
  column-gap: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: grid;
}

.cart-line-thumb {
  background-color: #e2ddd4;
  width: 64px;
  height: 64px;
  position: relative;
  overflow: hidden;
}

.cart-line-copy {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.cart-line-qty {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  display: flex;
}

.cart-qty {
  color: #121212;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #1212121f;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 16px;
  line-height: 1;
  transition: border-color .2s;
  display: inline-flex;
}

.cart-qty:hover {
  border-color: #121212;
}

.cart-line-price {
  text-align: right;
  min-width: 56px;
}

.crew-copy {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  grid-column: 1 / 6;
  justify-content: space-between;
  display: flex;
}

.crew-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.crew-mosaic {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-column: 7 / 13;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.crew-cell {
  text-decoration: none;
  display: block;
}

.crew-cell:focus-visible, .crew-cell[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #1a4cff;
}

.jobs-list {
  flex-direction: column;
  grid-column: 1 / 8;
  display: flex;
}

.jobs-line {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #121212;
  border-top: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 24px;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.jobs-line:focus-visible, .jobs-line[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.jobs-line.is-last {
  border-bottom: 1px solid #1212121f;
}

.jobs-media {
  grid-column: 9 / 13;
  position: sticky;
  top: 32px;
}

.acc-sign {
  color: #121212;
}

.acc-sign.text-label {
  color: #121212a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.pdp2-rail {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-column: 1 / 2;
  display: flex;
}

.pdp2-thumb {
  background-color: #0000;
  border: 1px solid #1212121f;
  width: 100%;
  padding: 0;
  transition: border-color .2s;
  display: block;
}

.pdp2-thumb:hover {
  border-color: #12121252;
}

.pdp2-thumb:focus-visible, .pdp2-thumb[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.pdp2-thumb.is-active {
  border-color: #121212;
}

.pdp2-stage {
  grid-column: 2 / 8;
}

.pdp2-panel {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-column: 9 / 13;
  display: flex;
  position: sticky;
  top: 32px;
}

.acc {
  border-top: 1px solid #1212121f;
  flex-direction: column;
  display: flex;
}

.acc.ask-list {
  grid-column: 6 / 13;
}

.acc-item {
  border-bottom: 1px solid #1212121f;
}

.acc-q {
  color: #121212;
  text-align: left;
  background-color: #0000;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 0;
  display: flex;
}

.acc-q:focus-visible, .acc-q[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.acc-a {
  overflow: hidden;
}

.highlight-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-column: 1 / 10;
  display: flex;
}

.highlight-aside {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-column: 10 / 13;
  align-items: flex-start;
  display: flex;
}

.highlight-spec {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #1212121f;
  flex-direction: column;
  padding-top: 16px;
  display: flex;
  position: relative;
}

.highlight-rule {
  background-color: #121212;
  width: 100%;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 0;
}

.detail-num {
  color: #12121252;
  transition: color .2s;
}

.detail-num.text-label {
  color: #121212a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.detail-num.is-on {
  color: #121212;
}

.detail-media {
  grid-column: 1 / 7;
  position: sticky;
  top: 32px;
}

.detail-chapters {
  flex-direction: column;
  grid-column: 8 / 13;
  display: flex;
}

.detail-chapter {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #1212121f;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 70vh;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.detail-chapter.is-last {
  border-bottom: 1px solid #1212121f;
}

.detail-bar {
  z-index: 20;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #ece8e2;
  border-top: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  position: sticky;
  bottom: 0;
}

.detail-bar-copy {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.text-display {
  letter-spacing: -.035em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 96px;
  font-weight: 500;
  line-height: .95;
}

.text-display.no-margins {
  margin: 0;
}

.text-display.no-margins.statement-title {
  grid-column: 1 / 9;
  max-width: 12ch;
}

.text-display.is-light {
  color: #ece8e2;
}

.text-display.is-light.no-margins {
  margin: 0;
}

.text-display.is-light.no-margins.b3-word {
  color: #ece8e2;
  margin: 0;
}

.plp-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-column: 1 / 9;
  display: flex;
}

.plp-aside {
  grid-column: 10 / 13;
}

.plp-filters {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid #1212121f;
  border-bottom: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.statement-label {
  grid-column: 1 / 13;
}

.statement-label.text-label {
  color: #121212a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.statement-strip {
  grid-column: 9 / 13;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-self: end;
  column-gap: 16px;
  margin-bottom: 9px;
  display: grid;
}

.statement-cols {
  border-top: 1px solid #1212121f;
  grid-column: 1 / 13;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  column-gap: 64px;
  padding-top: 32px;
  display: grid;
}

.stat {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  padding-top: 24px;
  display: flex;
}

.stock-media {
  grid-column: 1 / 5;
}

.stock-map {
  flex-direction: column;
  grid-column: 5 / 8;
  padding-left: 24px;
  display: flex;
  position: relative;
}

.map-line {
  background-color: #1212121f;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 27px;
}

.map-stop {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #121212;
  flex-direction: row;
  flex: 1 1 0;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.map-stop:focus-visible, .map-stop[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #1a4cff;
}

.stock-list {
  flex-direction: column;
  grid-column: 8 / 13;
  display: flex;
}

.stock-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #121212;
  border-top: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 24px;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.stock-row:focus-visible, .stock-row[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.stock-row.is-last {
  border-bottom: 1px solid #1212121f;
}

.fit-num {
  color: #12121252;
  grid-column: 1 / 2;
}

.fit-num.text-label {
  color: #121212a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.fit-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  grid-area: 1 / 3 / 2 / 11;
  align-items: center;
  display: flex;
}

.fit-list {
  flex-direction: column;
  display: flex;
}

.fit-step {
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  column-gap: 16px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: grid;
}

.fit-step.is-last {
  border-bottom: 1px solid #1212121f;
}

.fit-media {
  grid-column: 2 / 5;
}

.fit-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-column: 6 / 12;
  display: flex;
}

.tier {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #ece8e2;
  flex-direction: column;
  grid-column: 2 / 7;
  padding: 32px;
  display: flex;
}

.tier.is-lead {
  background-color: #d5d1c8;
  grid-column: 7 / 12;
}

.tier-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.tier-price {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  align-items: baseline;
  display: flex;
}

.tier-rows {
  border-top: 1px solid #1212121f;
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.tier-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.pricing-foot {
  text-align: center;
  justify-content: center;
  padding-top: 32px;
  display: flex;
}

.cta-bg {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cta-scrim {
  z-index: 0;
  opacity: .72;
  background-color: #121212;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cta-head {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 64px;
  display: flex;
}

.cta-lines {
  flex-direction: column;
  display: flex;
}

.cta-line {
  color: #ece8e2;
  border-top: 1px solid #ece8e21f;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  align-items: baseline;
  column-gap: 32px;
  padding-top: 24px;
  padding-bottom: 24px;
  text-decoration: none;
  display: grid;
}

.cta-line:focus-visible, .cta-line[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.cta-line.is-last {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.cta-line-text {
  color: #ece8e2;
  letter-spacing: -.035em;
  font-size: 96px;
  font-weight: 500;
  line-height: 1.05;
  transition: color .5s;
}

.cta-line-text.is-dim {
  color: #ece8e252;
}

.line {
  display: block;
}

.letter-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-column: 1 / 6;
  display: flex;
}

.letter-form {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-column: 7 / 13;
  margin-bottom: 0;
  display: flex;
}

.letter-form._w-form {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-column: 7 / 13;
  display: flex;
}

.letter-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #121212;
  flex-direction: row;
  align-items: flex-end;
  display: flex;
}

.letter-btn {
  color: #121212;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  padding: 12px 0;
  font-family: General Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}

.letter-btn:focus-visible, .letter-btn[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #1a4cff;
}

.letter-btn._w-button {
  color: #121212;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  padding: 12px 0;
  font-family: General Sans, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  position: relative;
}

.letter-rule {
  transform-origin: 0;
  background-color: #1a4cff;
  width: 100%;
  height: 1px;
  transition: transform .4s;
  position: absolute;
  bottom: -1px;
  left: 0;
  transform: scaleX(0);
}

.letter-rule.is-on {
  transform: scaleX(1);
}

.article-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-column: 1 / 9;
  display: flex;
}

.article-meta {
  flex-direction: column;
  grid-column: 10 / 13;
  display: flex;
}

.article-text {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-column: 1 / 7;
  display: flex;
}

.article-aside {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  grid-column: 9 / 13;
  align-self: start;
  display: flex;
  position: sticky;
  top: 32px;
}

.pull {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #121212;
  flex-direction: column;
  padding-top: 16px;
  display: flex;
}

.article-next {
  border-top: 1px solid #1212121f;
  border-bottom: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
  column-gap: 16px;
  margin-top: 80px;
  padding-top: 24px;
  padding-bottom: 24px;
  display: grid;
}

.matrix-cell {
  justify-content: center;
  align-items: center;
  min-height: 24px;
  display: flex;
}

.matrix-cell.text-label {
  color: #121212a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.matrix-cell.text-label.is-center {
  text-align: center;
  justify-self: center;
}

.matrix-key {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.matrix-key.text-label {
  color: #121212a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.matrix-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-column: 1 / 10;
  display: flex;
}

.matrix {
  flex-direction: column;
  display: flex;
}

.matrix-row {
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  column-gap: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: grid;
}

.matrix-row.is-head {
  border-top-style: none;
  border-top-width: 0;
  padding-top: 0;
  padding-bottom: 12px;
}

.matrix-row.is-last {
  border-bottom: 1px solid #1212121f;
}

.matrix-mark {
  background-color: #1212121f;
  width: 10px;
  height: 10px;
}

.matrix-mark.is-on {
  background-color: #121212;
}

.register {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  grid-column: 1 / 5;
  justify-content: space-between;
  align-items: flex-start;
  padding-right: 32px;
  display: flex;
}

.register-list {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.register-row {
  color: #12121252;
  text-align: left;
  cursor: pointer;
  background-color: #0000;
  border-style: solid none none;
  border-width: 1px 0 0;
  border-top-color: #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 72px 1fr 1fr;
  align-items: baseline;
  column-gap: 16px;
  width: 100%;
  padding: 12px 0;
  font-family: General Sans, sans-serif;
  transition: color .4s, border-color .4s;
  display: grid;
}

.register-row:focus-visible, .register-row[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.register-row.is-last {
  border-bottom: 1px solid #1212121f;
}

.register-row.is-last.is-on, .register-row.is-on {
  color: #121212;
  border-top-color: #121212;
}

.wall-voice {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-column: 6 / 13;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.wall-portrait {
  background-color: #e2ddd4;
  width: 160px;
  height: 213px;
  position: relative;
  overflow: hidden;
}

.wall-stage {
  width: 100%;
  display: grid;
}

.vid-pin {
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.vid-frame {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.vid-head {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.vid-window {
  background-color: #e2ddd4;
  width: 100%;
  padding-top: 50%;
  position: relative;
  overflow: hidden;
}

.vid-rule {
  background-color: #121212;
  width: 100%;
  height: 1px;
}

.vid-foot {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  column-gap: 16px;
  padding-top: 8px;
  display: grid;
}

.tabs-link {
  color: #121212a3;
  cursor: pointer;
  background-color: #0000;
  border-bottom: 1px solid #0000;
  margin-bottom: -1px;
  padding: 12px 0;
  font-family: General Sans, sans-serif;
  transition: color .2s, border-color .2s;
}

.tabs-link:hover {
  color: #121212;
}

.tabs-link:focus-visible, .tabs-link[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.tabs-link.text-label {
  color: #121212a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
}

.tabs-link.text-label.is-on {
  color: #121212;
  border-bottom-color: #121212;
}

.tabs-bar {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid #1212121f;
  flex-direction: row;
  display: flex;
}

.tabs-panes {
  padding-top: 40px;
}

.tabs-pane {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: end;
  column-gap: 16px;
  display: none;
}

.tabs-pane.is-on {
  display: grid;
}

.tabs-media {
  grid-column: 1 / 9;
}

.tabs-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-column: 9 / 13;
  align-items: flex-start;
  display: flex;
}

.lost-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-column: 1 / 7;
  align-items: flex-start;
  display: flex;
}

.lost-media {
  grid-column: 9 / 13;
}

.notes-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 48px 16px;
  padding-top: 32px;
  display: grid;
}

.note {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #121212;
  border-top: 1px solid #1212121f;
  flex-direction: column;
  padding-top: 16px;
  text-decoration: none;
  display: flex;
}

.note:focus-visible, .note[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.bento {
  grid-template-rows: minmax(200px, auto);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: minmax(200px, auto);
  gap: 16px;
  display: grid;
}

.bento.b4-grid {
  padding-bottom: 24px;
}

.bento-cell {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #e2ddd4;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  position: relative;
}

.bento-cell.is-media {
  padding: 0;
}

.bento-cell.is-media.bento-a {
  grid-area: 1 / 1 / 4 / 9;
  min-height: 520px;
}

.bento-cell.is-media.bento-e {
  grid-column: 1 / 5;
  min-height: 280px;
}

.bento-cell.is-media.bento-g {
  grid-column: 9 / 13;
  min-height: 280px;
}

.bento-cell.is-media.b2-b {
  grid-area: 1 / 4 / 3 / 7;
}

.bento-cell.is-media.b2-d {
  grid-column: 10 / 13;
}

.bento-cell.is-media.b2-e {
  grid-column: 1 / 4;
  min-height: 300px;
}

.bento-cell.bento-b, .bento-cell.bento-c, .bento-cell.bento-d {
  grid-column: 9 / 13;
}

.bento-cell.bento-f {
  grid-column: 5 / 9;
}

.bento-cell.is-ink {
  color: #ece8e2;
  background-color: #121212;
  overflow: hidden;
}

.bento-cell.is-ink.b2-f {
  grid-column: 7 / 13;
}

.bento-cell.b2-a {
  grid-column: 1 / 4;
  min-height: 300px;
}

.bento-cell.b2-c {
  grid-column: 7 / 10;
  min-height: 300px;
}

.bento-media {
  position: absolute;
  inset: 0;
}

.bento-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.ft-brand {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-column: 1 / 6;
  display: flex;
}

.ft-mark {
  align-self: flex-start;
  width: auto;
  height: 40px;
  display: block;
}

.ft-col {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-column-end: span 2;
  align-items: flex-start;
  display: flex;
}

.ft-link {
  color: #121212;
  font-size: 14px;
  line-height: 1.45;
  text-decoration: none;
  transition: color .2s;
}

.ft-link:hover {
  color: #1a4cff;
}

.ft-link:focus-visible, .ft-link[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.write-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-column: 1 / 6;
  display: flex;
}

.write-rows {
  flex-direction: column;
  margin-top: auto;
  padding-top: 24px;
  display: flex;
}

.write-form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-column: 7 / 13;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.write-form._w-form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-column: 7 / 13;
  align-items: flex-start;
  display: flex;
}

.write-topics {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

._w-input-parent._w-input {
  color: #121212;
  background-color: #0000;
  border-bottom: 1px solid #1212121f;
  border-radius: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 12px 0;
  font-family: General Sans, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  transition: border-color .2s;
  display: block;
}

._w-input-parent._w-input:focus {
  border-bottom-color: #1a4cff;
  outline-style: none;
}

._w-input-parent._w-input::placeholder {
  color: #121212a3;
}

.band-media {
  grid-column: 1 / 8;
}

.band-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-column: 9 / 13;
  align-items: flex-start;
  display: flex;
}

.ticker-item {
  white-space: nowrap;
}

.ticker-item.text-display-sm {
  letter-spacing: -.03em;
  font-size: 72px;
  font-weight: 500;
  line-height: 1;
}

.ticker-item.text-display-sm.no-margins {
  margin: 0;
}

.ticker-item.text-display-sm.no-margins.is-light {
  color: #ece8e2;
  white-space: nowrap;
  margin: 0;
}

.ticker {
  border-top: 1px solid #ece8e21f;
  border-bottom: 1px solid #ece8e21f;
  padding-top: 24px;
  padding-bottom: 24px;
  overflow: hidden;
}

.ticker-track {
  will-change: transform;
  flex-direction: row;
  align-items: center;
  column-gap: 40px;
  width: max-content;
  display: flex;
}

.ticker-dot {
  background-color: #ece8e252;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.drum-track {
  height: 360vh;
  position: relative;
}

.drum-track.is-static {
  height: auto;
}

.drum-stage {
  perspective: 1200px;
  perspective-origin: 50%;
  justify-content: center;
  align-items: center;
  height: 100vh;
  min-height: 560px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.drum-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  transform-style: preserve-3d;
  will-change: transform;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.drum-line {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  transform-origin: 50%;
  color: #ece8e2;
  letter-spacing: -.035em;
  white-space: nowrap;
  will-change: transform, opacity;
  flex-direction: row;
  align-items: center;
  font-size: 96px;
  font-weight: 500;
  line-height: 1.1;
  display: flex;
}

.drum-pic {
  background-color: #e2ddd4;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  position: relative;
  overflow: hidden;
}

.places-track {
  height: 340vh;
  position: relative;
}

.places-track.is-static {
  height: auto;
}

.places-stage {
  height: 100vh;
  min-height: 640px;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.places-frame {
  will-change: transform;
  position: absolute;
  top: 0;
  transform: translateY(100vh);
}

.places-frame.is-a {
  z-index: 1;
  width: 22%;
  left: 4%;
}

.places-frame.is-b {
  z-index: 3;
  width: 24%;
  left: 70%;
}

.places-frame.is-c {
  z-index: 1;
  width: 13%;
  left: 31%;
}

.places-frame.is-d {
  z-index: 1;
  width: 15%;
  left: 79%;
}

.places-frame.is-e {
  z-index: 3;
  width: 18%;
  left: 9%;
}

.places-frame.is-f {
  z-index: 1;
  width: 20%;
  left: 50%;
}

.places-words {
  z-index: 2;
  pointer-events: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.places-word {
  color: #121212;
  text-align: center;
  letter-spacing: -.04em;
  white-space: nowrap;
  font-size: 112px;
  font-weight: 500;
  line-height: 1;
}

.gather-track {
  height: 260vh;
  position: relative;
}

.gather-track.is-static {
  height: auto;
}

.gather-top {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.gather-grid {
  grid-column: 3 / 11;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 40px 16px;
  display: grid;
  position: relative;
}

.gather-cell {
  will-change: transform;
  position: relative;
}

.gather-foot {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.arc-track {
  height: 420vh;
  position: relative;
}

.arc-track.is-static {
  height: auto;
}

.arc-stage {
  perspective: 1200px;
  perspective-origin: 50%;
  height: 100vh;
  min-height: 640px;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.arc-ring {
  width: 0;
  height: 0;
  transform-style: preserve-3d;
  will-change: transform;
  position: absolute;
  top: 50%;
  left: 50%;
}

.arc-item {
  backface-visibility: hidden;
  will-change: transform, opacity;
  width: 320px;
  margin-top: -213px;
  margin-left: -160px;
  position: absolute;
  top: 0;
  left: 0;
}

.dolly-track {
  height: 500vh;
  position: relative;
}

.dolly-track.is-static {
  height: auto;
}

.dolly-stage {
  perspective: 1000px;
  perspective-origin: 50%;
  height: 100vh;
  min-height: 640px;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.dolly-space {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
}

.dolly-item {
  will-change: transform, opacity;
  position: absolute;
  transform: translate(-50%, -50%);
}

.dolly-item.is-1 {
  width: 400px;
  top: 32%;
  left: 24%;
}

.dolly-item.is-2 {
  width: 260px;
  top: 60%;
  left: 70%;
}

.dolly-item.is-3 {
  width: 360px;
  top: 26%;
  left: 62%;
}

.dolly-item.is-4 {
  width: 300px;
  top: 66%;
  left: 30%;
}

.dolly-item.is-5 {
  width: 440px;
  top: 40%;
  left: 48%;
}

.dolly-item.is-6 {
  width: 280px;
  top: 52%;
  left: 16%;
}

.dolly-item.is-7 {
  width: 380px;
  top: 38%;
  left: 76%;
}

.dolly-item.is-8 {
  width: 520px;
  top: 50%;
  left: 50%;
}

.join-track {
  height: 240vh;
  position: relative;
}

.join-track.is-static {
  height: auto;
}

.join-stage {
  background-color: #121212;
  height: 100vh;
  min-height: 560px;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.join-half {
  will-change: transform;
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  overflow: hidden;
}

.join-half.is-top {
  top: 0;
}

.join-half.is-low {
  top: 50%;
}

.join-img {
  object-fit: cover;
  object-position: center;
  width: 140%;
  max-width: none;
  height: 200%;
  position: absolute;
  top: 0;
  left: -20%;
}

.join-img.is-low {
  top: -100%;
}

.join-scrim {
  z-index: 2;
  opacity: .2;
  background-color: #121212;
  position: absolute;
  inset: 0;
}

.join-seam {
  z-index: 3;
  background-color: #ece8e2;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
}

.join-mark {
  z-index: 4;
  box-sizing: content-box;
  aspect-ratio: 944 / 286;
  width: 220px;
  height: auto;
  margin-bottom: 24px;
  margin-left: -110px;
  position: absolute;
  bottom: 50%;
  left: 50%;
}

.wire-track {
  height: 300vh;
  position: relative;
}

.wire-track.is-static {
  height: auto;
}

.wire-top {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.wire-row {
  padding-top: 40px;
  position: relative;
}

.wire-line {
  transform-origin: 0;
  will-change: transform;
  background-color: #121212;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.wire-item {
  will-change: transform, opacity;
  flex-direction: column;
  grid-column-end: span 2;
  display: flex;
}

.wire-foot {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.walk-track {
  height: 380vh;
  position: relative;
}

.walk-track.is-static {
  height: auto;
}

.walk-stage {
  height: 100vh;
  min-height: 640px;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.walk-wall {
  transform-origin: 50%;
  will-change: transform;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px;
  width: 1880px;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.walk-item {
  position: relative;
}

.reel-track {
  height: 480vh;
  position: relative;
}

.reel-track.is-static {
  height: auto;
}

.reel-top {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.reel-window {
  position: relative;
  overflow: hidden;
}

.reel-window.is-a {
  grid-column: 1 / 5;
  padding-top: 100%;
}

.reel-window.is-b {
  grid-column: 9 / 13;
  padding-top: 75%;
}

.reel-strip {
  will-change: transform;
  width: 100%;
  height: 800%;
  position: absolute;
  top: 0;
  left: 0;
}

.reel-cell {
  height: 12.5%;
  position: relative;
  overflow: hidden;
}

.reel-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  grid-column: 5 / 9;
  align-items: center;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.reel-foot {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.read-track {
  height: 240vh;
  position: relative;
}

.read-track.is-static {
  height: auto;
}

.read-top {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.read-word {
  color: #121212;
  margin-right: .28em;
  display: inline-block;
}

.read-foot {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.compare-col {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.compare-col.is-a {
  grid-column: 1 / 7;
}

.compare-col.is-b {
  grid-column: 7 / 13;
}

.compare-rows {
  flex-direction: column;
  display: flex;
}

.compare-row {
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  column-gap: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
  line-height: 1.45;
  display: grid;
}

.compare-val {
  color: #121212a3;
  transition: color .2s;
}

.compare-val.is-diff {
  color: #121212;
  font-weight: 500;
}

.finder-questions {
  flex-direction: column;
  grid-column: 1 / 8;
  display: flex;
}

.finder-q {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid #1212121f;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.finder-q.is-last {
  border-bottom: 1px solid #1212121f;
}

.finder-q-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: baseline;
  display: flex;
}

.finder-answer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-column: 8 / 13;
  align-items: stretch;
  display: flex;
  position: sticky;
  top: 32px;
}

.finder-actions {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  align-items: center;
  padding-top: 8px;
  display: flex;
}

.order-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-column: 1 / 8;
  display: flex;
}

.order-cols {
  border-bottom: 1px solid #121212;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 160px 140px 120px;
  column-gap: 16px;
  padding-bottom: 12px;
  display: grid;
}

.order-list {
  flex-direction: column;
  display: flex;
}

.order-row {
  border-bottom: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 64px minmax(0, 1fr) 160px 140px 120px;
  align-items: center;
  column-gap: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  transition: border-color .4s;
  display: grid;
}

.order-row.is-on {
  border-bottom-color: #121212;
}

.order-thumb {
  background-color: #e2ddd4;
  width: 64px;
  height: 48px;
  position: relative;
  overflow: hidden;
}

.order-name, .order-unit {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.qty {
  border: 1px solid #1212121f;
  flex-direction: row;
  justify-self: center;
  align-items: center;
  display: inline-flex;
}

.qty-btn {
  color: #121212;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  font-family: General Sans, sans-serif;
  font-size: 16px;
  transition: background-color .2s;
  display: flex;
}

.qty-btn:hover {
  background-color: #1212120f;
}

.qty-btn:focus-visible, .qty-btn[data-wf-focus-visible] {
  outline-offset: -2px;
  outline: 2px solid #1a4cff;
}

.order-foot {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  display: flex;
}

.order-total {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: baseline;
  display: flex;
}

.receipt {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #e2ddd4;
  flex-direction: column;
  grid-column: 4 / 10;
  align-items: stretch;
  padding: 40px;
  display: flex;
}

.receipt-top {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.receipt-lines {
  flex-direction: column;
  display: flex;
}

.receipt-line {
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 56px minmax(0, 1fr) 48px 80px;
  align-items: center;
  column-gap: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: grid;
}

.receipt-line.is-last {
  border-bottom: 1px solid #1212121f;
}

.receipt-thumb {
  background-color: #ece8e2;
  width: 56px;
  height: 42px;
  position: relative;
  overflow: hidden;
}

.receipt-item {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.receipt-sums {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.receipt-sum {
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.receipt-sum.is-total {
  border-top: 1px solid #121212;
  padding-top: 12px;
}

.receipt-to {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.receipt-stops {
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 16px;
  padding-top: 16px;
  display: grid;
}

.receipt-stop {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.receipt-foot {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.states-meta {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.strips-track {
  height: 220vh;
  position: relative;
}

.strips-track.is-static {
  height: auto;
}

.strips-top {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.strips-mark {
  box-sizing: content-box;
  aspect-ratio: 944 / 286;
  width: 120px;
  height: auto;
}

.strips-frame {
  width: 100%;
  height: 62vh;
  min-height: 400px;
  position: relative;
  overflow: hidden;
}

.strips-slice {
  will-change: transform;
  width: 12.6%;
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.strips-slice.is-1 {
  left: 0%;
}

.strips-slice.is-2 {
  left: 12.5%;
}

.strips-slice.is-3 {
  left: 25%;
}

.strips-slice.is-4 {
  left: 37.5%;
}

.strips-slice.is-5 {
  left: 50%;
}

.strips-slice.is-6 {
  left: 62.5%;
}

.strips-slice.is-7 {
  left: 75%;
}

.strips-slice.is-8 {
  left: 87.5%;
}

.strips-foot {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.loupe-track {
  height: 320vh;
  position: relative;
}

.loupe-track.is-static {
  height: auto;
}

.loupe-top, .loupe-foot {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.loupe-photo {
  background-color: #121212;
  width: 96vh;
  max-width: 100%;
  height: 64vh;
  min-height: 400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.loupe {
  opacity: 0;
  will-change: transform;
  background-color: #121212;
  border: 1px solid #ece8e2;
  width: 260px;
  height: 260px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.loupe-img {
  object-fit: cover;
  object-position: center;
  max-width: none;
  position: absolute;
  top: 0;
  left: 0;
}

.loupe-tag {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  opacity: 0;
  white-space: nowrap;
  will-change: transform;
  background-color: #fff;
  flex-direction: column;
  padding: 12px 16px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.deal-track {
  height: 420vh;
  position: relative;
}

.deal-track.is-static {
  height: auto;
}

.deal-top, .deal-foot {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.deal-spread {
  grid-column: 3 / 11;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px 24px;
  display: grid;
  position: relative;
}

.deal-slot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.deal-well {
  width: 100%;
  padding-top: 66.6667%;
  position: relative;
}

.deal-place {
  border: 1px solid #ece8e21f;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.deal-card {
  z-index: 1;
  will-change: transform;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.deal-face {
  backface-visibility: hidden;
  background-color: #e2ddd4;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.deal-back {
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  background-color: #e2ddd4;
  align-items: flex-end;
  padding: 12px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotateY(180deg);
}

.deal-name {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: baseline;
  display: flex;
}

.deal-centre {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
}

.pow-track {
  height: 360vh;
  position: relative;
}

.pow-track.is-static {
  height: auto;
}

.pow-top {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.pow-foot {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.pow-name {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.pow-field {
  width: 100%;
  height: 64vh;
  min-height: 400px;
  position: relative;
}

.pow-frame {
  will-change: transform, opacity;
  background-color: #e2ddd4;
  width: 60vh;
  height: 60vh;
  margin-top: -30vh;
  margin-left: -30vh;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
}

.pow-frame.is-2, .pow-frame.is-3, .pow-frame.is-4 {
  opacity: 0;
}

.turn-track {
  height: 380vh;
  position: relative;
}

.turn-track.is-static {
  height: auto;
}

.turn-top, .turn-foot {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.turn-book {
  perspective: 1800px;
  width: 132vh;
  max-width: 100%;
  height: 44vh;
  min-height: 300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.turn-page {
  transform-origin: 0;
  will-change: transform;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
}

.turn-front {
  backface-visibility: hidden;
  background-color: #e2ddd4;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.turn-back {
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  background-color: #ece8e2;
  border: 1px solid #1212121f;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 32px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotateY(180deg);
}

.turn-note {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #121212;
  flex-direction: column;
  align-items: flex-start;
  max-width: 30ch;
  display: flex;
}

.icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: block;
}

.icon.nav2-burger-icon.is-close {
  display: none;
}

.icon.nav2-burger-icon.is-close.is-on {
  display: block;
}

.icon.nav2-burger-icon.is-on {
  display: none;
}

.icon.is-lg {
  width: 24px;
  height: 24px;
}

.icon.is-sm {
  width: 16px;
  height: 16px;
}

.icon.is-sm.anno-icon {
  margin-top: 3px;
}

.icon-link {
  color: #121212;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  text-decoration: none;
  transition: opacity .2s;
  display: inline-flex;
}

.icon-link:hover {
  opacity: .6;
}

.icon-link:focus-visible, .icon-link[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.icon-link.nav2-bag {
  position: relative;
}

.icon-link.nav2-burger {
  display: none;
}

.icon-link.is-light {
  color: #ece8e2;
}

.icon-link.is-light.nav3-bag {
  position: relative;
}

.icon-link.is-light.f6-send {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: General Sans, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  position: absolute;
  bottom: 2px;
  right: -12px;
}

.icon-link._w-button {
  color: #121212;
  cursor: pointer;
  background-color: #0000;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  text-decoration: none;
  transition: opacity .2s;
  display: inline-flex;
}

.icon-link._w-button:hover {
  opacity: .6;
}

.icon-link._w-button:focus-visible, .icon-link._w-button[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.nav2-mark-link {
  grid-column-start: 2;
  justify-self: center;
  text-decoration: none;
  display: block;
}

.nav2-count {
  color: #1a4cff;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  position: absolute;
  top: 7px;
  right: 5px;
}

.nav3-bar {
  z-index: 2;
  background-color: #121212;
  border-bottom: 1px solid #ece8e21f;
  width: 100%;
  position: relative;
}

.nav3-mark-link {
  text-decoration: none;
  display: block;
}

.nav3-actions {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  align-items: center;
  margin-right: -12px;
  display: flex;
}

.nav3-count {
  color: #1a4cff;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  position: absolute;
  top: 7px;
  right: 5px;
}

.nav3-trigger {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  align-items: center;
  height: 44px;
  padding: 0 12px;
  transition: opacity .2s;
  display: inline-flex;
}

.nav3-trigger:hover {
  opacity: .8;
}

.nav3-trigger:focus-visible, .nav3-trigger[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.nav3-menu {
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  background-color: #121212;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  inset: 0;
}

.nav3-menu.is-open {
  opacity: 1;
  visibility: visible;
}

.nav3-menu-top {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  margin-right: -12px;
  display: flex;
}

.nav3-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.f3-mark {
  box-sizing: content-box;
  aspect-ratio: 944 / 286;
  width: 100%;
  height: auto;
  padding-bottom: 48px;
  display: block;
}

.f3-col {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-column-end: span 2;
  align-items: flex-start;
  display: flex;
}

.f3-link {
  color: #ece8e2;
  font-size: 14px;
  line-height: 1.45;
  text-decoration: none;
  transition: opacity .2s;
}

.f3-link:hover {
  opacity: .6;
}

.f3-contact {
  flex-direction: column;
  grid-column: 8 / 13;
  display: flex;
}

.f3-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #ece8e21f;
  flex-direction: row;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.f3-row.is-last {
  border-bottom: 1px solid #ece8e21f;
}

.f3-text {
  color: #ece8e2;
  font-size: 14px;
  line-height: 1.45;
}

.f4-row {
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: 32px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: grid;
}

.f4-mark-link {
  justify-self: start;
  text-decoration: none;
  display: block;
}

.f4-mark {
  box-sizing: content-box;
  aspect-ratio: 944 / 286;
  width: 88px;
  height: auto;
  display: block;
}

.f4-under {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 32px;
  display: flex;
}

.why-intro {
  grid-column: 1 / 7;
}

.why-tile {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #e2ddd4;
  flex-direction: column;
  justify-content: space-between;
  min-height: 280px;
  padding: 32px;
  display: flex;
}

.mark-cell {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid #1212121f;
  flex-direction: column;
  padding-top: 24px;
  display: flex;
}

.cat-head {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 48px;
  display: flex;
}

.cat-tile {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #121212;
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.cat-tile:focus-visible, .cat-tile[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #1a4cff;
}

.cat-cell {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.cat-line {
  background-color: #1212121f;
  height: 1px;
  position: relative;
}

.cat-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cat-copy {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.visit-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-column: 1 / 6;
  align-items: flex-start;
  display: flex;
}

.visit-tiles {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-column: 7 / 13;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.visit-tile {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #e2ddd4;
  flex-direction: column;
  justify-content: space-between;
  min-height: 220px;
  padding: 32px;
  display: flex;
}

.said-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 48px;
  display: flex;
}

.said-tile {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #e2ddd4;
  flex-direction: column;
  justify-content: space-between;
  min-height: 300px;
  padding: 32px;
  display: flex;
}

.said-foot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #1212121f;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 16px;
  display: flex;
}

.help-tile {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 1px solid #1212121f;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  transition: border-color .2s;
  display: flex;
}

.help-tile:hover {
  border-color: #121212;
}

.f5-statement {
  padding-bottom: 64px;
}

.f5-rows {
  flex-direction: column;
  display: flex;
}

.f5-row {
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 2fr) minmax(0, 10fr);
  align-items: baseline;
  column-gap: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.f5-row.is-last {
  border-bottom: 1px solid #1212121f;
}

.f5-mark-link {
  justify-self: start;
  text-decoration: none;
  display: block;
}

.f5-mark {
  box-sizing: content-box;
  aspect-ratio: 944 / 286;
  width: 88px;
  height: auto;
  display: block;
}

.f6-letter {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-column: 1 / 7;
  align-items: flex-start;
  display: flex;
}

.f6-form {
  width: 100%;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.f6-form._w-form {
  width: 100%;
  display: block;
  position: relative;
}

.f6-mark-link {
  justify-self: start;
  text-decoration: none;
  display: block;
}

.f6-mark {
  box-sizing: content-box;
  aspect-ratio: 944 / 286;
  width: 88px;
  height: auto;
  display: block;
}

.b2-stringer {
  background-color: #ece8e21f;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 36%;
  left: 0;
}

.b3-cell {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid #ece8e21f;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  position: relative;
}

.b3-cell.is-media {
  border-style: none;
  border-width: 0;
  padding: 0;
}

.b3-cell.is-media.b3-b {
  grid-area: 1 / 7 / 3 / 10;
}

.b3-cell.is-media.b3-c {
  grid-area: 1 / 10 / 3 / 13;
}

.b3-cell.b3-a {
  grid-area: 1 / 1 / 3 / 7;
  min-height: 440px;
}

.b3-cell.b3-d {
  grid-column: 1 / 5;
}

.b3-cell.b3-e {
  grid-column: 5 / 9;
}

.b3-cell.b3-f {
  grid-column: 9 / 13;
}

.anno-figure {
  grid-column: 1 / 8;
  position: relative;
}

.anno-mark {
  background-color: #ece8e2;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  margin-left: -16px;
  text-decoration: none;
  transition: background-color .2s, opacity .2s;
  display: flex;
  position: absolute;
}

.anno-mark.is-1 {
  top: 82%;
  left: 46%;
}

.anno-mark.is-2 {
  top: 26%;
  left: 68%;
}

.anno-mark.is-3 {
  top: 48%;
  left: 61%;
}

.anno-mark.is-4 {
  top: 66%;
  left: 50%;
}

.anno-mark.is-on {
  background-color: #121212;
}

.anno-mark.is-dim {
  opacity: .64;
}

.anno-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  grid-column: 8 / 13;
  display: flex;
}

.anno-rows {
  flex-direction: column;
  display: flex;
}

.anno-row {
  border-top: 1px solid #1212121f;
  grid-template-rows: auto;
  grid-template-columns: 32px 16px minmax(0, 1fr);
  align-items: start;
  column-gap: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  transition: opacity .2s;
  display: grid;
}

.anno-row.is-last {
  border-bottom: 1px solid #1212121f;
}

.anno-row.is-dim {
  opacity: .64;
}

.anno-copy {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.steps-track {
  position: relative;
}

.steps-line {
  background-color: #1212121f;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 22px;
  left: 0;
}

.steps-grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 32px 16px;
  display: grid;
  position: relative;
}

.step {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.step-mark {
  background-color: #ece8e2;
  border: 1px solid #1212121f;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.st2-tile {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #e2ddd4;
  flex-direction: column;
  justify-content: space-between;
  min-height: 240px;
  padding: 32px;
  display: flex;
}

.way-foot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.pr2-tile {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #e2ddd4;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  display: flex;
}

.pr2-tile.is-lead {
  background-color: #d5d1c8;
}

.pr2-list {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.pr2-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #1212121f;
  flex-direction: row;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.pr2-action {
  align-items: flex-end;
  min-height: 50px;
  margin-top: auto;
  display: flex;
}

.zz-bind-test {
  display: none;
}

.ask-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-column: 1 / 5;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 32px;
}

.member-tab {
  color: #121212a3;
  text-align: left;
  cursor: pointer;
  background-color: #0000;
  border-style: solid none none;
  border-width: 1px 0 0;
  border-top-color: #1212121f;
  width: 56px;
  padding: 12px 0 0;
  position: relative;
}

.member-tab:focus-visible, .member-tab[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #1a4cff;
}

.member-tab.is-active {
  color: #121212;
}

.way-tile {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  color: #121212;
  background-color: #e2ddd4;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 260px;
  padding: 32px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.way-tile:hover {
  background-color: #d5d1c8;
}

.way-tile:focus-visible, .way-tile[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #1a4cff;
}

.b4-cell {
  color: #121212;
  background-color: #e2ddd4;
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.b4-cell:focus-visible, .b4-cell[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #1a4cff;
}

.b4-cell.b4-a {
  grid-area: 1 / 1 / 3 / 7;
}

.b4-cell.b4-b {
  grid-column: 7 / 10;
}

.b4-cell.b4-c {
  grid-column: 10 / 13;
}

.b4-cell.b4-d {
  grid-column: 7 / 10;
}

.b4-cell.b4-e {
  grid-column: 10 / 13;
}

@media screen and (max-width: 991px) {
  .section.is-ink.is-tall, .section.is-tall {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .text-display-xl {
    font-size: 80px;
  }

  .text-display-xl.no-margins.hero-5-title {
    grid-column-end: 9;
  }

  .text-body-lg.text-subtle.no-margins.hero-5-sub {
    grid-column-start: 9;
  }

  .media.is-3x2.journal-thumb {
    display: block;
  }

  .cta-text.index-add {
    grid-column-start: 10;
  }

  .hero-1-copy {
    padding-right: 40px;
  }

  .main-container.nav-inner {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .text-h-lg {
    font-size: 36px;
  }

  .text-h-lg.no-margins.read-copy {
    grid-column: 2 / 12;
  }

  .text-body.text-subtle.no-margins.stack-card-copy {
    justify-self: start;
  }

  .text-body.text-subtle.no-margins.fit-intro {
    grid-column: 3 / 11;
  }

  .text-body.text-subtle.no-margins.why-note {
    grid-column-start: 8;
  }

  .grid-12.before-grid {
    row-gap: 48px;
  }

  .hero-3-copy {
    grid-column-start: 9;
  }

  .hero-3-thumb {
    grid-column: 9 / 12;
  }

  .text-display-sm {
    font-size: 56px;
  }

  .pillars-head {
    padding-bottom: 120px;
  }

  .pillars-intro {
    grid-column: 1 / 11;
  }

  .pillars {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    row-gap: 48px;
  }

  .pillar-copy {
    min-height: 0;
  }

  .feature-row {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .story-copy {
    grid-column-end: 6;
    padding-right: 24px;
  }

  .story-media-a {
    grid-column-start: 7;
  }

  .story-media-b {
    grid-column: 7 / 10;
  }

  .story-note {
    grid-column-start: 10;
  }

  .tile.shelf-item {
    width: 46%;
  }

  .shop-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .pdp-gallery {
    grid-column-end: 7;
  }

  .pdp-panel {
    grid-column-start: 8;
  }

  .hero-6-media {
    min-height: 520px;
  }

  .mat-copy, .mat-note {
    grid-column-start: 7;
  }

  .grid-3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .grid-3.range-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .spec-line.range-specs {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    row-gap: 8px;
    display: grid;
  }

  .runs-copy {
    grid-column-end: 5;
  }

  .drive-item {
    height: 46vh;
  }

  .drive-item.is-wide {
    width: 69vh;
  }

  .drive-item.is-square {
    width: 46vh;
  }

  .drive-item.is-tall {
    width: 34.5vh;
  }

  .members-copy {
    padding-left: 24px;
  }

  .hero-8-plate {
    grid-column: 2 / 12;
  }

  .process-list {
    grid-column-start: 7;
  }

  .panel-media, .strip-media {
    height: 480px;
  }

  .nav-links {
    display: none;
  }

  .nav-burger {
    display: flex;
  }

  .nav-panel {
    display: none;
  }

  .nav-col {
    grid-column-end: span 4;
  }

  .wax-media {
    grid-column-end: 13;
  }

  .wax-copy {
    grid-column: 1 / 13;
  }

  .faq-head {
    grid-column-end: 13;
  }

  .faq-list {
    grid-column: 1 / 13;
  }

  .footer-col {
    grid-column-end: span 4;
  }

  .footer-col.f6-col-a {
    grid-column-start: 9;
  }

  .footer-col.f6-col-b {
    grid-column-start: 11;
  }

  .footer-news {
    grid-column: 1 / 13;
  }

  .hero-9-copy {
    grid-column-end: 6;
  }

  .before-label {
    grid-row: 1 / 2;
    grid-column-end: 13;
  }

  .before-item.is-a {
    grid-area: 2 / 1 / 3 / 7;
  }

  .before-item.is-b {
    grid-area: 2 / 7 / 3 / 13;
  }

  .before-item.is-3, .before-item.is-4, .before-item.is-5, .before-item.is-6 {
    grid-row: 3 / 4;
  }

  .journal-row {
    grid-template-rows: auto;
    grid-template-columns: 1fr 6fr 3fr 2fr;
  }

  .proof-grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .hero-10-name {
    font-size: 56px;
  }

  .stack-cards {
    grid-column: 1 / 13;
  }

  .stack-card-head {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 16px;
  }

  .prints-stage {
    height: 520px;
  }

  .kit-opts {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .drift-frame {
    height: 120vh;
    min-height: 640px;
  }

  .drop-count.text-display-xl {
    font-size: 80px;
  }

  .drop-copy {
    grid-column-end: 7;
  }

  .drop-media {
    grid-column-start: 7;
  }

  .index-price {
    grid-column: 8 / 10;
  }

  .index-copy {
    grid-column-end: 8;
  }

  .grid-4 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .roll-row {
    grid-template-rows: auto;
    grid-template-columns: 96px 220px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .roll-thumb {
    width: 180px;
    padding-top: 240px;
  }

  .club-item {
    width: 260px;
  }

  .crew-copy {
    grid-column-end: 7;
  }

  .jobs-list {
    grid-column-end: 8;
  }

  .jobs-media {
    grid-column-start: 8;
  }

  .pdp2-rail {
    grid-column-end: 3;
  }

  .pdp2-stage {
    grid-column-start: 3;
  }

  .pdp2-panel {
    grid-column-start: 8;
  }

  .acc.ask-list {
    grid-column-start: 6;
  }

  .highlight-title {
    grid-column-end: 9;
  }

  .highlight-aside {
    grid-column-start: 9;
  }

  .detail-chapters {
    grid-column-start: 7;
  }

  .text-display {
    font-size: 64px;
  }

  .text-display.no-margins.statement-title {
    grid-column-end: 13;
  }

  .statement-strip {
    grid-column: 1 / 7;
    margin-bottom: 0;
  }

  .fit-title {
    grid-column: 2 / 12;
  }

  .tier {
    grid-column: 1 / 7;
  }

  .tier.is-lead {
    grid-column: 7 / 13;
  }

  .cta-line-text {
    font-size: 56px;
  }

  .article-title {
    grid-column-end: 8;
  }

  .article-meta {
    grid-column-start: 9;
  }

  .article-text {
    grid-column-end: 8;
  }

  .article-aside {
    grid-column-start: 9;
  }

  .tabs-media {
    grid-column-end: 8;
  }

  .tabs-copy {
    grid-column-start: 8;
  }

  .lost-copy {
    grid-column-end: 8;
  }

  .lost-media {
    grid-column-start: 8;
  }

  .bento-cell.is-media.bento-a {
    min-height: 420px;
  }

  .bento-cell.is-media.b2-e, .bento-cell.b2-a, .bento-cell.b2-c {
    min-height: 260px;
  }

  .ft-brand {
    grid-column-end: 13;
    padding-bottom: 16px;
  }

  .ft-col {
    grid-column-end: span 4;
  }

  .write-copy {
    grid-column-end: 7;
  }

  .write-form, .write-form._w-form {
    grid-column-start: 7;
  }

  .band-copy {
    grid-column-start: 8;
  }

  .ticker-item.text-display-sm {
    font-size: 56px;
  }

  .drum-line {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    font-size: 64px;
  }

  .drum-pic {
    width: 56px;
    height: 56px;
  }

  .places-frame.is-c {
    width: 16%;
  }

  .places-frame.is-d {
    width: 18%;
  }

  .places-word {
    font-size: 80px;
  }

  .gather-grid {
    grid-column: 2 / 12;
    row-gap: 32px;
  }

  .arc-item {
    width: 260px;
    margin-top: -173px;
    margin-left: -130px;
  }

  .dolly-item.is-1 {
    width: 300px;
  }

  .dolly-item.is-2 {
    width: 200px;
  }

  .dolly-item.is-3 {
    width: 270px;
  }

  .dolly-item.is-4 {
    width: 230px;
  }

  .dolly-item.is-5 {
    width: 330px;
  }

  .dolly-item.is-6 {
    width: 210px;
  }

  .dolly-item.is-7 {
    width: 290px;
  }

  .dolly-item.is-8 {
    width: 400px;
  }

  .join-mark {
    width: 180px;
    margin-left: -90px;
  }

  .walk-wall {
    width: 1430px;
  }

  .reel-copy {
    padding-left: 16px;
    padding-right: 16px;
  }

  .finder-questions {
    grid-column-end: 7;
  }

  .finder-answer {
    grid-column-start: 7;
  }

  .order-cols {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) 120px 120px 96px;
  }

  .order-row {
    grid-template-rows: auto;
    grid-template-columns: 56px minmax(0, 1fr) 120px 120px 96px;
  }

  .receipt {
    grid-column: 3 / 11;
  }

  .strips-frame {
    height: 54vh;
  }

  .loupe {
    width: 200px;
    height: 200px;
  }

  .deal-spread {
    grid-column: 2 / 12;
    gap: 16px;
  }

  .pow-frame {
    width: 52vh;
    height: 52vh;
    margin-top: -26vh;
    margin-left: -26vh;
  }

  .turn-book {
    height: 36vh;
  }

  .why-intro {
    grid-column-end: 8;
  }

  .why-tile {
    min-height: 240px;
  }

  .visit-copy {
    grid-column-end: 6;
  }

  .visit-tiles {
    grid-column-start: 7;
  }

  .said-tile {
    min-height: 260px;
  }

  .f6-letter {
    grid-column-end: 8;
  }

  .b3-cell.b3-a {
    min-height: 380px;
  }

  .anno-figure {
    grid-column-end: 8;
  }

  .anno-list {
    grid-column-start: 8;
  }

  .st2-tile {
    min-height: 200px;
  }

  .ask-head {
    grid-column-end: 6;
  }

  .way-tile {
    min-height: 220px;
  }
}

@media screen and (max-width: 767px) {
  .section {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .section.is-short, .section.is-ink.is-short {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .text-display-xl {
    font-size: 56px;
  }

  .text-display-xl.no-margins.hero-5-title {
    grid-column-end: 13;
  }

  .text-body-lg.text-subtle.no-margins.hero-5-sub {
    grid-column: 1 / 13;
    padding-bottom: 0;
  }

  .caption.is-center {
    text-align: left;
    justify-self: start;
  }

  .caption.is-end.shelf-hint {
    display: none;
  }

  .caption.is-light.is-center {
    text-align: left;
    justify-self: start;
  }

  .stack.is-center {
    text-align: left;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .cluster.is-wide {
    row-gap: 8px;
  }

  .cluster.is-wide.f4-links {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
  }

  .cluster.footer-meta, .cluster.is-end {
    justify-self: start;
  }

  .cluster.is-end.f3-social, .cluster.is-end.f5-social, .cluster.is-end.f6-social {
    justify-self: start;
    margin-left: -12px;
    margin-right: 0;
  }

  .cluster.f4-social {
    justify-self: center;
    margin-right: 0;
  }

  .media.is-fill {
    height: auto;
    min-height: 0;
    padding-top: 125%;
  }

  .media.is-fill.is-cell {
    height: auto;
    padding-top: 66.6667%;
  }

  .media.is-1x1.reel-media {
    height: auto;
    padding-top: 100%;
    position: relative;
  }

  .media-img.loupe-base {
    opacity: 1;
  }

  .cta-main.build-cta {
    grid-column: 1 / 3;
    justify-self: start;
  }

  .cta-text.is-end, .cta-text.is-light.is-end {
    text-align: left;
    justify-self: start;
  }

  .cta-text.is-light.is-end.hero-7-cta {
    justify-self: center;
  }

  .cta-text.is-light.is-center {
    text-align: left;
    justify-self: start;
  }

  .cta-text.index-add {
    grid-column-start: 8;
  }

  .cta-text.is-center, .cta-text.is-center.vid-sound {
    text-align: left;
    justify-self: start;
  }

  .cta-text.is-start {
    justify-self: start;
  }

  .hero-1-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .hero-1-copy {
    justify-content: flex-start;
    padding: 80px 24px 48px;
  }

  .hero-1-foot {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-1-media {
    min-height: 0;
  }

  .text-label.is-center, .text-label.is-light.is-center {
    text-align: left;
    justify-self: start;
  }

  .text-label.is-light.is-center.hero-7-tag, .text-label.is-light.is-center.drop-mid {
    text-align: center;
    justify-self: center;
  }

  .text-label.is-light.is-end {
    text-align: left;
    justify-self: start;
  }

  .text-label.is-light.is-end.hero-10-note {
    display: none;
  }

  .text-label.is-light.is-end.drop-end {
    text-align: right;
    justify-self: end;
  }

  .text-label.is-light.is-end.cta-spec {
    text-align: left;
    justify-self: start;
  }

  .text-label.is-light.is-end.deal-count {
    display: none;
  }

  .text-label.is-end {
    text-align: left;
    justify-self: start;
  }

  .text-label.is-end.journal-time {
    display: none;
  }

  .text-label.is-end.order-line {
    grid-row-start: 2;
    grid-column-start: 3;
  }

  .text-label.is-end.text-ghost {
    text-align: left;
    justify-self: start;
  }

  .text-label.reel-cell-name {
    padding-top: 12px;
    display: block;
  }

  .main-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .main-container.hero-7-frame {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .main-container.places-top {
    pointer-events: auto;
    order: -1;
    padding-top: 0;
    padding-bottom: 32px;
    position: static;
    transform: none;
  }

  .main-container.gather-stage {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    height: auto;
    min-height: 0;
    padding-top: 64px;
    padding-bottom: 64px;
    position: static;
    overflow: visible;
  }

  .main-container.arc-top, .main-container.dolly-top {
    pointer-events: auto;
    order: -1;
    padding-top: 0;
    position: static;
    transform: none;
  }

  .main-container.wire-stage {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    height: auto;
    min-height: 0;
    padding-top: 64px;
    padding-bottom: 64px;
    position: static;
    overflow: visible;
  }

  .main-container.walk-top {
    pointer-events: auto;
    order: -1;
    padding-top: 0;
    position: static;
    transform: none;
  }

  .main-container.reel-stage, .main-container.read-stage {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    height: auto;
    min-height: 0;
    padding-top: 64px;
    padding-bottom: 64px;
    position: static;
    overflow: visible;
  }

  .main-container.strips-stage, .main-container.loupe-stage {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    height: auto;
    min-height: 0;
    padding-top: 64px;
    padding-bottom: 64px;
    position: static;
    overflow: visible;
  }

  .main-container.deal-stage {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    perspective: none;
    height: auto;
    min-height: 0;
    padding-top: 64px;
    padding-bottom: 64px;
    position: static;
    overflow: visible;
  }

  .main-container.pow-stage, .main-container.turn-stage {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    height: auto;
    min-height: 0;
    padding-top: 64px;
    padding-bottom: 64px;
    position: static;
    overflow: visible;
  }

  .main-container.nav2-inner {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .hero-2-row {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 8px;
  }

  .hero-2-band {
    height: auto;
    min-height: 0;
    padding-top: 125%;
  }

  .text-h-lg {
    font-size: 32px;
  }

  .text-h-lg.no-margins.member-quote {
    max-width: 420px;
  }

  .text-h-lg.no-margins.read-copy {
    grid-column: 1 / 13;
  }

  .text-body.text-subtle.no-margins.fit-intro {
    text-align: left;
    grid-column: 1 / 13;
    justify-self: start;
  }

  .text-body.text-subtle.no-margins.matrix-intro, .text-body.text-subtle.no-margins.order-intro, .text-body.text-subtle.no-margins.why-note {
    grid-column: 1 / 13;
  }

  .grid-12 {
    row-gap: 32px;
  }

  .grid-12.hero-5-head {
    padding-bottom: 32px;
  }

  .grid-12.hero-9-grid {
    padding-bottom: 64px;
  }

  .grid-12.highlight-head {
    row-gap: 24px;
  }

  .grid-12.plp-head, .grid-12.fit-head, .grid-12.pricing-grid {
    row-gap: 16px;
  }

  .grid-12.letter-grid {
    row-gap: 32px;
  }

  .grid-12.article-body {
    row-gap: 40px;
  }

  .grid-12.lost-grid, .grid-12.ft-grid {
    row-gap: 32px;
  }

  .grid-12.write-grid {
    row-gap: 40px;
  }

  .grid-12.ask-grid {
    row-gap: 32px;
  }

  .grid-12.band-grid {
    row-gap: 24px;
  }

  .grid-12.wire-grid {
    row-gap: 32px;
  }

  .grid-12.compare-grid {
    row-gap: 48px;
  }

  .grid-12.order-head {
    row-gap: 16px;
  }

  .grid-12.why-head {
    align-items: start;
  }

  .hero-3-media {
    grid-row-end: 2;
    grid-column-end: 13;
  }

  .hero-3-copy {
    grid-area: 2 / 1 / 3 / 8;
    padding-top: 0;
  }

  .hero-3-thumb {
    grid-area: 2 / 9 / 3 / 13;
    align-self: end;
  }

  .hero-4-row {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    text-align: left;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 8px;
    margin-top: 48px;
    display: flex;
  }

  .text-display-sm {
    font-size: 44px;
  }

  .pillars-head {
    padding-bottom: 64px;
  }

  .pillars-intro {
    grid-column: 1 / 13;
  }

  .text-h {
    font-size: 28px;
  }

  .text-h.no-margins.article-next-link {
    text-align: left;
    justify-self: start;
  }

  .text-h.is-light.no-margins.contact-statement {
    max-width: 100%;
  }

  .eyebrow.states-key-mid {
    justify-self: start;
  }

  .feature-row {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .feature-copy, .feature-copy.is-first {
    order: 1;
  }

  .story-copy {
    grid-row-end: 2;
    grid-column-end: 13;
    padding-right: 0;
    position: static;
  }

  .story-media-a {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  .story-media-b {
    grid-area: 3 / 1 / 4 / 7;
  }

  .story-note {
    grid-area: 3 / 7 / 4 / 13;
  }

  .tile.shelf-item {
    width: 64%;
  }

  .tile.short-hero {
    grid-row-end: 2;
    grid-column-end: 13;
    height: auto;
  }

  .tile.short-a {
    grid-column: 1 / 7;
    grid-row-start: 2;
  }

  .tile.short-b {
    grid-column: 7 / 13;
    grid-row-start: 2;
  }

  .tile.short-c {
    grid-row-start: 3;
    grid-column-end: 7;
  }

  .tile.short-d {
    grid-column: 7 / 13;
    grid-row-start: 3;
  }

  .tile.short-e {
    grid-area: 4 / 1 / 5 / 13;
  }

  .tile.newin-a {
    grid-row-end: 2;
    grid-column-end: 7;
    height: auto;
  }

  .tile.newin-b {
    grid-column: 1 / 7;
    grid-row-start: 2;
  }

  .tile.newin-c {
    grid-column: 7 / 13;
    grid-row-start: 2;
  }

  .tile.newin-d {
    grid-area: 1 / 7 / 2 / 13;
    height: auto;
  }

  .tile.newin-e {
    grid-row-start: 3;
    grid-column-end: 7;
  }

  .tile.newin-f {
    grid-column: 7 / 13;
    grid-row-start: 3;
  }

  .tile.newin-g {
    grid-area: 4 / 1 / 5 / 13;
  }

  .tile-media.is-fill {
    flex-grow: 0;
    padding-top: 66.6667%;
  }

  .shop-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .pdp-gallery {
    grid-column-end: 13;
  }

  .pdp-panel {
    grid-column: 1 / 13;
    position: static;
  }

  .gallery-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .gallery-a {
    grid-row-end: 2;
    grid-column-end: 13;
  }

  .gallery-b {
    grid-area: 2 / 1 / 3 / 7;
  }

  .gallery-c {
    grid-area: 2 / 7 / 3 / 13;
  }

  .gallery-d {
    grid-area: 3 / 1 / 4 / 13;
  }

  .gallery-e {
    grid-area: 4 / 1 / 5 / 7;
  }

  .gallery-f {
    grid-area: 4 / 7 / 5 / 13;
  }

  .gallery-g {
    grid-area: 5 / 1 / 6 / 13;
  }

  .gallery-quote {
    align-self: stretch;
    height: auto;
  }

  .row-3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 12px;
  }

  .row-3.hero-5-foot {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .row-3.is-light.hero-6-row {
    margin-top: 40px;
  }

  .row-3.is-light.hero-7-bottom {
    justify-items: center;
    row-gap: 16px;
  }

  .row-3.is-light.drop-scale {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 0;
  }

  .row-3.shelf-foot {
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
  }

  .row-3.proof-stage-row {
    width: 100%;
  }

  .row-3.build-foot {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    row-gap: 16px;
  }

  .row-3.wall-foot {
    row-gap: 12px;
  }

  .row-3.highlight-foot {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 8px;
  }

  .row-3.stock-foot {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .row-3.lost-routes {
    margin-top: 48px;
  }

  .hero-5-media-a {
    grid-column-end: 13;
  }

  .hero-5-media-b {
    grid-column-start: 1;
  }

  .hero-6-media {
    grid-row-end: 2;
    grid-column-end: 13;
    min-height: 0;
  }

  .hero-6-copy {
    grid-area: 2 / 1 / 3 / 13;
    padding-bottom: 0;
    padding-left: 0;
  }

  .hero-6-foot {
    grid-area: 3 / 1 / 4 / 7;
    padding-left: 0;
  }

  .hero-6-clip {
    grid-area: 3 / 9 / 4 / 13;
  }

  .mat-media {
    grid-column-end: 13;
  }

  .mat-copy {
    grid-area: 2 / 1 / 3 / 13;
  }

  .mat-sq-a {
    grid-area: 3 / 1 / 4 / 5;
  }

  .mat-sq-b {
    grid-area: 3 / 5 / 4 / 9;
  }

  .mat-sq-c {
    grid-area: 3 / 9 / 4 / 13;
  }

  .mat-note {
    grid-area: 4 / 1 / 5 / 13;
  }

  .coast-head {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 32px;
  }

  .coast-list {
    grid-column-end: 13;
  }

  .coast-row {
    padding-right: 0;
  }

  .coast-media {
    grid-column: 1 / 13;
    grid-row-start: 1;
    margin-bottom: 32px;
    position: static;
  }

  .grid-3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .grid-3.range-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 40px;
  }

  .grid-3.stats-row {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .spec-line.range-specs {
    display: flex;
  }

  .contact-band {
    height: 120vh;
    min-height: 560px;
  }

  .hero-7-mark {
    width: 120px;
  }

  .hero-7-links {
    text-align: center;
    align-items: center;
  }

  .runs-copy {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-row: 1 / 2;
    grid-column-end: 13;
    align-self: auto;
  }

  .runs-square {
    grid-area: 2 / 1 / 3 / 6;
  }

  .runs-media {
    grid-area: 2 / 6 / 3 / 13;
  }

  .kit-media {
    grid-column-end: 13;
  }

  .kit-list {
    grid-column: 1 / 13;
  }

  .kit-drawer {
    width: 100%;
  }

  .drive-stop.is-end {
    text-align: left;
    justify-self: start;
  }

  .drive-pin {
    min-height: 0;
  }

  .drive-strip {
    overflow: auto hidden;
  }

  .drive-track {
    padding-left: 24px;
    padding-right: 24px;
  }

  .drive-item {
    height: 320px;
  }

  .drive-item.is-wide {
    width: 480px;
  }

  .drive-item.is-square {
    width: 320px;
  }

  .drive-item.is-tall {
    width: 240px;
  }

  .drive-notes, .drive-time {
    display: none;
  }

  .drive-stops {
    grid-template-rows: auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 8px;
  }

  .members-media {
    grid-column-end: 7;
  }

  .members-copy {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-column: 1 / 13;
    padding-left: 0;
  }

  .hero-8-track {
    height: auto;
  }

  .hero-8-stage {
    height: auto;
    padding-top: 80px;
    padding-bottom: 64px;
    position: static;
    overflow: visible;
  }

  .hero-8-plate {
    grid-column: 1 / 13;
    width: 100%;
  }

  .process-media {
    grid-column-end: 13;
    position: static;
  }

  .process-list {
    grid-column: 1 / 13;
  }

  .process-step {
    min-height: 0;
  }

  .panels {
    flex-direction: column;
  }

  .panel-media {
    height: 280px;
  }

  .curtain-a {
    grid-column-end: 13;
  }

  .curtain-b {
    grid-area: 2 / 1 / 3 / 13;
  }

  .curtain-c {
    grid-area: 4 / 1 / 5 / 13;
  }

  .curtain-d {
    grid-row: 3 / 4;
    grid-column-end: 13;
  }

  .marquee-track {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .marquee-media {
    width: 64px;
    height: 64px;
  }

  .strip {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
  }

  .strip-media {
    height: 160px;
  }

  .strip-info, .nav-links.nav2-links {
    display: none;
  }

  .sheet-scroll {
    overflow-x: auto;
  }

  .sheet {
    min-width: 640px;
  }

  .sheet-note {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
  }

  .wax-picker {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    row-gap: 0;
  }

  .wax-scale {
    display: none;
  }

  .wax-foot {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-col.f6-col-a {
    grid-column: 1 / 7;
  }

  .footer-col.f6-col-b {
    grid-column: 7 / 13;
  }

  .footer-news {
    grid-column: 1 / 13;
  }

  .hero-9-copy {
    grid-column-end: 13;
    padding-top: 80px;
    padding-bottom: 24px;
    position: static;
  }

  .hero-9-col {
    grid-column: 1 / 7;
    padding-top: 0;
  }

  .hero-9-col.is-b {
    grid-column: 7 / 13;
    padding-top: 80px;
  }

  .before-item.is-3 {
    grid-area: 3 / 1 / 4 / 7;
  }

  .before-item.is-4 {
    grid-area: 3 / 7 / 4 / 13;
  }

  .before-item.is-5 {
    grid-area: 4 / 1 / 5 / 7;
  }

  .before-item.is-6 {
    grid-area: 4 / 7 / 5 / 13;
  }

  .journal-row {
    grid-template-rows: auto;
    grid-template-columns: 1fr 8fr 3fr;
  }

  .proof-grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .proof-stage-frame {
    width: 100%;
  }

  .hero-10-stage {
    min-height: 560px;
  }

  .hero-10-name {
    visibility: hidden;
    font-size: 32px;
  }

  .hero-10-name.is-active {
    visibility: visible;
  }

  .hero-10-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    align-items: center;
    row-gap: 24px;
    display: flex;
  }

  .hero-10-deck {
    order: -1;
    justify-self: center;
  }

  .hero-10-card {
    width: 150px;
  }

  .stack-card {
    position: static;
  }

  .stack-card.is-2, .stack-card.is-3, .stack-card.is-4 {
    top: auto;
  }

  .prints-stage {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    gap: 24px 16px;
    height: auto;
    display: grid;
  }

  .print {
    position: static;
  }

  .print.is-1, .print.is-2, .print.is-3, .print.is-4, .print.is-5, .print.is-6 {
    width: auto;
  }

  .print.is-7 {
    grid-column-end: span 2;
    width: auto;
  }

  .print-info {
    opacity: 1;
    white-space: normal;
  }

  .wall {
    padding-left: 24px;
    padding-right: 24px;
  }

  .wall-track {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    width: auto;
    display: grid;
  }

  .wall-cell {
    grid-template-rows: auto;
    grid-template-columns: 80px minmax(0, 1fr) auto;
    align-items: baseline;
    padding-right: 24px;
    display: grid;
  }

  .wall-name {
    font-size: 28px;
  }

  .drift-copy {
    text-align: left;
    grid-column-end: 13;
    align-items: flex-start;
    padding-bottom: 32px;
  }

  .drift-media {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  .drift-frame {
    height: 100vh;
    min-height: 480px;
  }

  .drift-note {
    grid-area: 3 / 1 / 4 / 13;
  }

  .drop-count.text-display-xl {
    font-size: 56px;
  }

  .drop-copy {
    grid-column-end: 13;
  }

  .drop-media {
    grid-column: 1 / 13;
    grid-row-start: 1;
  }

  .drop-foot {
    flex-direction: column;
    align-items: flex-start;
  }

  .index-price {
    text-align: left;
    grid-column: 3 / 8;
  }

  .index-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .index-thumb {
    grid-column-end: 3;
  }

  .index-copy {
    grid-column: 3 / 13;
  }

  .grid-4.team-grid, .grid-4.states-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .cta-secondary.cart-add {
    margin-top: 8px;
  }

  .roll-row {
    grid-template-rows: auto;
    grid-template-columns: 112px minmax(0, 1fr);
    row-gap: 4px;
  }

  .roll-slot {
    display: none;
  }

  .club-wrap {
    height: auto;
  }

  .club-stage {
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
    position: static;
    overflow: visible;
  }

  .club-track {
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
    overflow-x: auto;
  }

  .club-item {
    width: 260px;
  }

  .club-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .cart-line {
    grid-template-columns: 56px 1fr auto;
  }

  .cart-line-price {
    text-align: left;
    grid-column: 2 / 4;
  }

  .crew-copy {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-row: 2 / 3;
    grid-column-end: 13;
  }

  .crew-mosaic {
    grid-area: 1 / 1 / 2 / 13;
  }

  .jobs-list {
    grid-row: 2 / 3;
    grid-column-end: 13;
  }

  .jobs-media {
    grid-area: 1 / 1 / 2 / 13;
    position: static;
  }

  .pdp2-rail {
    flex-direction: row;
    grid-column: 1 / 13;
    grid-row-start: 2;
  }

  .pdp2-thumb {
    width: 25%;
  }

  .pdp2-stage {
    grid-column: 1 / 13;
    grid-row-start: 1;
  }

  .pdp2-panel {
    grid-column: 1 / 13;
    position: static;
  }

  .acc.ask-list {
    grid-column: 1 / 13;
  }

  .highlight-title {
    grid-column-end: 13;
  }

  .highlight-aside {
    grid-column: 1 / 13;
  }

  .detail-num {
    color: #121212;
  }

  .detail-media {
    grid-column-end: 13;
    position: static;
  }

  .detail-chapters {
    grid-column: 1 / 13;
  }

  .detail-chapter {
    min-height: 0;
  }

  .detail-bar {
    position: static;
  }

  .text-display {
    font-size: 48px;
  }

  .plp-title {
    grid-column-end: 13;
  }

  .plp-aside {
    grid-column: 1 / 13;
  }

  .plp-filters {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .statement-strip {
    grid-column: 1 / 10;
  }

  .statement-cols {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 24px;
  }

  .stock-media {
    grid-column-end: 13;
  }

  .stock-map {
    display: none;
  }

  .stock-list {
    grid-column: 1 / 13;
  }

  .fit-num {
    grid-column-end: 13;
  }

  .fit-title {
    text-align: left;
    grid-column: 1 / 13;
    align-items: flex-start;
  }

  .fit-step {
    row-gap: 16px;
  }

  .fit-media {
    grid-column: 1 / 6;
  }

  .fit-copy {
    grid-column: 6 / 13;
  }

  .tier, .tier.is-lead {
    grid-column: 1 / 13;
  }

  .cta-head {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 48px;
  }

  .cta-line {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 8px;
  }

  .cta-line-text {
    font-size: 44px;
  }

  .letter-copy {
    grid-column-end: 13;
  }

  .letter-form, .letter-form._w-form {
    grid-column: 1 / 13;
  }

  .letter-btn, .letter-btn._w-button {
    text-align: left;
    align-self: flex-start;
  }

  .article-title {
    grid-column-end: 13;
  }

  .article-meta {
    grid-column: 1 / 13;
  }

  .article-text {
    grid-column-end: 13;
  }

  .article-aside {
    grid-column: 1 / 13;
  }

  .article-next {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 8px;
  }

  .matrix-cell.text-label.is-center {
    text-align: left;
    justify-self: start;
  }

  .matrix-title {
    grid-column-end: 13;
  }

  .matrix {
    overflow-x: auto;
  }

  .matrix-row {
    min-width: 640px;
  }

  .register {
    grid-column-end: 13;
    padding-bottom: 32px;
    padding-right: 0;
  }

  .wall-voice {
    grid-column: 1 / 13;
  }

  .wall-portrait {
    width: 320px;
  }

  .vid-pin {
    height: auto;
    min-height: 0;
  }

  .vid-foot {
    grid-column-gap: 24px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    align-items: center;
    display: flex;
  }

  .tabs-bar {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    overflow-x: auto;
  }

  .tabs-pane {
    row-gap: 24px;
  }

  .tabs-media {
    grid-column-end: 13;
  }

  .tabs-copy {
    grid-column: 1 / 13;
  }

  .lost-copy {
    grid-column-end: 13;
  }

  .lost-media {
    grid-column: 1 / 13;
  }

  .notes-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    row-gap: 32px;
  }

  .bento {
    grid-template-rows: auto;
    grid-auto-rows: auto;
  }

  .bento-cell {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .bento-cell.is-media.bento-a {
    grid-row: auto;
    grid-column-end: 13;
    min-height: 320px;
  }

  .bento-cell.is-media.bento-e {
    grid-column-end: 7;
    min-height: 220px;
  }

  .bento-cell.is-media.bento-g {
    grid-column: 1 / 13;
    min-height: 220px;
  }

  .bento-cell.is-media.b2-b {
    grid-area: 1 / 7 / 3 / 13;
    min-height: 420px;
  }

  .bento-cell.is-media.b2-d {
    grid-column: 1 / 7;
    min-height: 240px;
  }

  .bento-cell.is-media.b2-e {
    grid-column: 7 / 13;
    min-height: 240px;
  }

  .bento-cell.bento-b {
    grid-column: 1 / 7;
  }

  .bento-cell.bento-c {
    grid-column: 7 / 13;
  }

  .bento-cell.bento-d {
    grid-column: 1 / 13;
  }

  .bento-cell.bento-f {
    grid-column: 7 / 13;
  }

  .bento-cell.is-ink.b2-f {
    grid-column: 1 / 13;
  }

  .bento-cell.b2-a {
    grid-column-end: 7;
    min-height: 240px;
  }

  .bento-cell.b2-c {
    grid-column: 1 / 7;
    min-height: 240px;
  }

  .ft-col {
    grid-column-end: span 4;
  }

  .write-copy {
    grid-column-end: 13;
  }

  .write-form, .write-form._w-form {
    grid-column: 1 / 13;
  }

  .band-media {
    grid-column-end: 13;
  }

  .band-copy {
    grid-column: 1 / 13;
  }

  .ticker-item.text-display-sm {
    font-size: 44px;
  }

  .drum-track {
    height: auto;
  }

  .drum-stage {
    perspective: none;
    height: auto;
    min-height: 0;
    padding-top: 120px;
    padding-bottom: 120px;
    position: static;
  }

  .drum-line {
    text-align: center;
    white-space: normal;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 48px;
  }

  .drum-pic {
    width: 44px;
    height: 44px;
  }

  .places-track {
    height: auto;
  }

  .places-stage {
    flex-direction: column;
    height: auto;
    min-height: 0;
    padding-top: 80px;
    padding-bottom: 64px;
    display: flex;
    position: static;
  }

  .places-frame {
    display: none;
    position: static;
    transform: none;
  }

  .places-frame.is-a {
    order: 2;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    display: block;
  }

  .places-words {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    order: 1;
    align-items: flex-start;
    padding: 48px 24px;
    position: static;
  }

  .places-word {
    font-size: 56px;
  }

  .gather-track {
    height: auto;
  }

  .gather-grid {
    grid-column: 1 / 13;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .arc-track {
    height: auto;
  }

  .arc-stage {
    perspective: none;
    flex-direction: column;
    height: auto;
    min-height: 0;
    padding-top: 64px;
    padding-bottom: 64px;
    display: flex;
    position: static;
  }

  .arc-ring {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: row;
    width: auto;
    height: auto;
    padding-top: 32px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: static;
    overflow-x: auto;
  }

  .arc-item {
    flex-shrink: 0;
    width: 240px;
    margin: 0;
    position: static;
  }

  .dolly-track {
    height: auto;
  }

  .dolly-stage {
    perspective: none;
    flex-direction: column;
    height: auto;
    min-height: 0;
    padding-top: 64px;
    padding-bottom: 64px;
    display: flex;
    position: static;
  }

  .dolly-space {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    padding: 32px 24px 0;
    display: flex;
    position: static;
  }

  .dolly-item {
    width: 100%;
    position: static;
    transform: none;
  }

  .dolly-item.is-1, .dolly-item.is-2, .dolly-item.is-3, .dolly-item.is-4, .dolly-item.is-5, .dolly-item.is-6, .dolly-item.is-7, .dolly-item.is-8 {
    width: 100%;
  }

  .join-track {
    height: auto;
  }

  .join-stage {
    height: 80vh;
    min-height: 0;
    position: relative;
  }

  .join-mark {
    width: 150px;
    margin-left: -75px;
  }

  .wire-track {
    height: auto;
  }

  .wire-item {
    grid-column-end: span 6;
  }

  .walk-track {
    height: auto;
  }

  .walk-stage {
    flex-direction: column;
    height: auto;
    min-height: 0;
    padding-top: 64px;
    padding-bottom: 64px;
    display: flex;
    position: static;
  }

  .walk-wall {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    width: auto;
    padding: 32px 24px 0;
    position: static;
    transform: none;
  }

  .reel-track {
    height: auto;
  }

  .reel-window.is-a {
    grid-column: 1 / 13;
    padding-top: 0;
    overflow: visible;
  }

  .reel-window.is-b {
    display: none;
  }

  .reel-strip {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    gap: 24px 16px;
    height: auto;
    display: grid;
    position: static;
  }

  .reel-cell {
    height: auto;
    overflow: visible;
  }

  .reel-copy {
    display: none;
  }

  .read-track {
    height: auto;
  }

  .compare-col.is-a {
    grid-column-end: 13;
  }

  .compare-col.is-b {
    grid-column: 1 / 13;
  }

  .finder-questions {
    grid-column-end: 13;
  }

  .finder-answer {
    grid-column: 1 / 13;
    position: static;
  }

  .order-title {
    grid-column-end: 13;
  }

  .order-cols {
    display: none;
  }

  .order-row {
    grid-template-rows: auto;
    grid-template-columns: 48px minmax(0, 1fr) 120px;
    row-gap: 12px;
  }

  .order-unit {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: row;
    grid-row-start: 2;
    grid-column-start: 2;
  }

  .order-foot {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .receipt {
    grid-column: 1 / 13;
    padding: 24px;
  }

  .strips-track {
    height: auto;
  }

  .strips-frame {
    height: 48vh;
    min-height: 280px;
  }

  .loupe-track {
    height: auto;
  }

  .loupe-photo {
    width: 100%;
    height: auto;
    min-height: 0;
    padding-top: 66.6667%;
  }

  .deal-track {
    height: auto;
  }

  .deal-spread {
    grid-column: 1 / 13;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    row-gap: 32px;
  }

  .deal-centre {
    text-align: left;
    border-top: 1px solid #ece8e21f;
    border-bottom: 1px solid #ece8e21f;
    grid-column-end: span 2;
    align-items: flex-start;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .pow-track {
    height: auto;
  }

  .pow-field {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    height: auto;
    min-height: 0;
    display: grid;
  }

  .pow-frame {
    width: 100%;
    height: auto;
    margin: 0;
    padding-top: 100%;
    position: relative;
    top: auto;
    left: auto;
  }

  .pow-frame.is-2, .pow-frame.is-3, .pow-frame.is-4 {
    opacity: 1;
  }

  .turn-track {
    height: auto;
  }

  .turn-book {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    perspective: none;
    flex-direction: column;
    width: 100%;
    height: auto;
    min-height: 0;
    display: flex;
  }

  .turn-page {
    width: 100%;
    height: auto;
    padding-top: 66.6667%;
    position: relative;
    left: auto;
  }

  .turn-back {
    display: none;
  }

  .icon-link.nav2-burger {
    display: inline-flex;
  }

  .nav2-mark-link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .f3-col {
    grid-column-end: span 4;
  }

  .f3-contact {
    grid-column: 1 / 13;
  }

  .f4-row {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    justify-items: center;
    row-gap: 16px;
  }

  .f4-mark-link {
    justify-self: center;
  }

  .f4-under {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .why-intro {
    grid-column-end: 13;
  }

  .why-tile {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    min-height: 0;
    padding: 24px;
  }

  .cat-head {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .visit-copy {
    grid-column-end: 13;
    padding-bottom: 16px;
  }

  .visit-tiles {
    grid-column: 1 / 13;
  }

  .visit-tile {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    min-height: 0;
    padding: 24px;
  }

  .said-tile {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    min-height: 0;
    padding: 24px;
  }

  .help-tile {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 24px;
  }

  .f5-row {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 8px;
  }

  .f6-letter {
    grid-column-end: 13;
  }

  .b3-cell {
    justify-content: flex-start;
    gap: 24px;
  }

  .b3-cell.is-media.b3-b {
    grid-area: 2 / 1 / 3 / 7;
    min-height: 320px;
  }

  .b3-cell.is-media.b3-c {
    grid-area: 2 / 7 / 3 / 13;
  }

  .b3-cell.b3-a {
    grid-row-end: 2;
    grid-column-end: 13;
    min-height: 0;
  }

  .b3-cell.b3-d {
    grid-column-end: 13;
  }

  .b3-cell.b3-e, .b3-cell.b3-f {
    grid-column: 1 / 13;
  }

  .anno-figure {
    grid-column-end: 13;
  }

  .anno-list {
    grid-column: 1 / 13;
    padding-top: 16px;
  }

  .steps-line {
    display: none;
  }

  .steps-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .st2-tile {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    min-height: 0;
    padding: 24px;
  }

  .pr2-tile {
    padding: 24px;
  }

  .pr2-action {
    min-height: 0;
  }

  .ask-head {
    grid-column-end: 13;
    position: static;
  }

  .way-tile {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    min-height: 0;
    padding: 24px;
  }

  .b4-cell.b4-a {
    grid-row-end: 2;
    grid-column-end: 13;
    min-height: 420px;
  }

  .b4-cell.b4-b {
    grid-column: 1 / 7;
  }

  .b4-cell.b4-c {
    grid-column: 7 / 13;
  }

  .b4-cell.b4-d {
    grid-column: 1 / 7;
  }

  .b4-cell.b4-e {
    grid-column: 7 / 13;
  }
}

@media screen and (max-width: 479px) {
  .section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.is-short {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .section.is-ink.is-tall {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .section.is-ink.is-short {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .section.is-tall {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .text-display-xl {
    font-size: 40px;
  }

  .text-body-lg {
    font-size: 18px;
  }

  .caption.is-center.proof-cap {
    display: none;
  }

  .cluster.is-wide.f4-links {
    grid-column-gap: 16px;
    grid-row-gap: 12px;
  }

  .cluster.footer-meta {
    justify-self: start;
  }

  .media.is-3x2.journal-thumb {
    width: 100%;
    height: auto;
    padding-top: 66.6667%;
  }

  .cta-main.build-cta {
    grid-column-end: 2;
  }

  .cta-text.footer-submit {
    align-self: flex-start;
    margin-bottom: 0;
  }

  .cta-text.article-next-cta {
    justify-self: start;
  }

  .hero-1-copy {
    padding: 80px 20px 48px;
  }

  .text-label.is-light.is-end.hero-10-hide {
    display: none;
  }

  .text-label.is-end.order-line {
    text-align: left;
    grid-row-start: 3;
    grid-column-start: 2;
    justify-self: start;
  }

  .main-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-h-lg {
    font-size: 28px;
  }

  .text-h-lg.no-margins.member-quote {
    max-width: 360px;
  }

  .hero-3-thumb {
    grid-area: 3 / 1 / 4 / 13;
  }

  .hero-4-fade {
    width: 24px;
  }

  .text-display-sm {
    font-size: 36px;
  }

  .text-display-sm.no-margins.range-title {
    max-width: 260px;
  }

  .text-h-sm {
    font-size: 20px;
  }

  .pillars {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .text-h {
    font-size: 24px;
  }

  .text-h.no-margins.is-center.build-total {
    text-align: left;
    justify-self: start;
  }

  .text-h.is-light.no-margins.contact-statement {
    max-width: 400px;
  }

  .story-media-b {
    grid-column-end: 13;
  }

  .story-note {
    grid-row: 4 / 5;
    grid-column-start: 1;
  }

  .tile.shelf-item {
    width: 80%;
  }

  .tile.short-e, .tile.newin-g {
    grid-column-end: 7;
  }

  .tile-head {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    align-items: flex-start;
  }

  .shop-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .shop-note {
    flex-direction: column;
    align-items: flex-start;
  }

  .gallery-b {
    grid-column-end: 13;
  }

  .gallery-c {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  .gallery-d {
    grid-row: 4 / 5;
  }

  .gallery-e {
    grid-row: 5 / 6;
    grid-column-end: 13;
  }

  .gallery-f {
    grid-row: 6 / 7;
    grid-column-start: 1;
  }

  .gallery-g {
    grid-row: 7 / 8;
  }

  .row-3.range-foot, .row-3.footer-row {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 12px;
  }

  .row-3.proof-stage-row {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    row-gap: 12px;
  }

  .row-3.build-foot, .row-3.wall-foot {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .hero-6-foot {
    grid-column-end: 13;
  }

  .hero-6-clip {
    grid-area: 4 / 1 / 5 / 13;
  }

  .mat-sq-a {
    grid-column: 1 / 7;
  }

  .mat-sq-b {
    grid-column: 7 / 13;
  }

  .mat-sq-c {
    grid-column: 1 / 7;
  }

  .spec-line.range-specs {
    grid-template-columns: 1fr 1fr;
    row-gap: 8px;
    display: grid;
  }

  .kit-foot {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .kit-drawer {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 16px 20px 24px;
  }

  .kit-drawer-foot {
    flex-direction: column;
    align-items: stretch;
  }

  .drive-track {
    padding-left: 20px;
    padding-right: 20px;
  }

  .drive-item {
    height: 240px;
  }

  .drive-item.is-wide {
    width: 360px;
  }

  .drive-item.is-square {
    width: 240px;
  }

  .drive-item.is-tall {
    width: 180px;
  }

  .members-media {
    grid-column-end: 13;
  }

  .panel-media {
    height: 220px;
  }

  .marquee-media {
    width: 48px;
    height: 48px;
  }

  .strip {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .strip-media {
    height: 140px;
  }

  .nav-actions.nav2-actions {
    grid-row-gap: 0;
    grid-column-gap: 0;
  }

  .nav-menu-link {
    font-size: 20px;
  }

  .wax-picker {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .wax-cell-name {
    font-size: 20px;
  }

  .field.is-bare {
    font-size: 18px;
  }

  .footer-col {
    grid-column-end: span 6;
  }

  .footer-news {
    grid-column: 7 / 13;
  }

  .footer-form, .footer-form._w-form {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: stretch;
  }

  .hero-9-col {
    grid-column-end: 13;
  }

  .hero-9-col.is-b {
    grid-column-start: 1;
    padding-top: 0;
  }

  .before-item.is-a {
    grid-column-end: 13;
  }

  .before-item.is-b {
    grid-area: 3 / 1 / 4 / 13;
  }

  .before-item.is-3, .before-item.is-4 {
    grid-row: 4 / 5;
  }

  .before-item.is-5, .before-item.is-6 {
    grid-row: 5 / 6;
  }

  .journal-row {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 8px;
  }

  .proof-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-10-top {
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    display: flex;
  }

  .hero-10-name {
    visibility: hidden;
    font-size: 28px;
  }

  .hero-10-name.is-active {
    visibility: visible;
  }

  .prints-stage {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    height: auto;
  }

  .print.is-7 {
    grid-column-end: auto;
  }

  .kit-opts {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .wall {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wall-track {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .wall-cell {
    grid-template-rows: auto;
    grid-template-columns: 72px minmax(0, 1fr) auto;
  }

  .wall-name {
    font-size: 24px;
  }

  .drift-frame {
    height: 80vh;
    min-height: 400px;
  }

  .drop-count.text-display-xl {
    font-size: 40px;
  }

  .index-row {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .grid-4, .grid-4.team-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .grid-4.states-grid, .grid-4.st2-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .cart-drawer {
    width: 100%;
  }

  .club-track {
    padding-left: 20px;
    padding-right: 20px;
  }

  .club-item {
    width: 220px;
  }

  .crew-mosaic {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .jobs-media {
    grid-column-end: 13;
  }

  .text-display {
    font-size: 36px;
  }

  .statement-strip {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-column-end: 13;
  }

  .fit-media {
    grid-column-end: 13;
  }

  .fit-copy {
    grid-column-start: 1;
  }

  .cta-line-text {
    font-size: 28px;
  }

  .letter-row {
    grid-row-gap: 0;
    grid-column-gap: 0;
    flex-direction: column;
    align-items: stretch;
  }

  .wall-portrait {
    width: 100%;
  }

  .notes-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .bento {
    grid-auto-rows: auto;
  }

  .bento-cell {
    gap: 32px;
  }

  .bento-cell.is-media.bento-e {
    grid-column: 1 / 13;
  }

  .bento-cell.is-media.b2-b {
    grid-area: 2 / 1 / 3 / 13;
    min-height: 420px;
  }

  .bento-cell.is-media.b2-d {
    grid-column-end: 13;
  }

  .bento-cell.is-media.b2-e, .bento-cell.bento-b, .bento-cell.bento-c, .bento-cell.bento-f {
    grid-column: 1 / 13;
  }

  .bento-cell.b2-a, .bento-cell.b2-c {
    grid-column-end: 13;
    min-height: 0;
  }

  .ft-col {
    grid-column-end: span 12;
  }

  .ticker-item.text-display-sm {
    font-size: 36px;
  }

  .drum-line {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    font-size: 36px;
  }

  .drum-pic {
    width: 32px;
    height: 32px;
  }

  .places-frame.is-a {
    padding-left: 20px;
    padding-right: 20px;
  }

  .places-words {
    padding: 48px 20px;
  }

  .places-word {
    font-size: 40px;
  }

  .arc-ring {
    padding-left: 20px;
    padding-right: 20px;
  }

  .arc-item {
    width: 200px;
  }

  .dolly-space {
    padding: 32px 20px 0;
  }

  .join-stage {
    height: 70vh;
  }

  .join-mark {
    width: 120px;
    margin-left: -60px;
  }

  .walk-wall {
    padding: 32px 20px 0;
  }

  .order-row {
    grid-template-rows: auto;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: start;
  }

  .order-thumb {
    grid-row: 1 / 5;
    width: 48px;
    height: 48px;
  }

  .qty {
    grid-row-start: 4;
    grid-column-start: 2;
    justify-self: start;
  }

  .receipt-stops {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 8px;
  }

  .strips-frame {
    height: 40vh;
    min-height: 220px;
  }

  .deal-spread {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .deal-centre {
    grid-column-end: span 1;
  }

  .pow-field {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .icon-link.nav2-search, .icon-link.nav2-account {
    display: none;
  }

  .nav3-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .visit-tiles {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .said-foot {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
  }

  .f5-statement {
    padding-bottom: 40px;
  }

  .b3-cell {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
  }

  .b3-cell.is-media.b3-b {
    grid-row: 2 / 3;
    grid-column-end: 13;
  }

  .b3-cell.is-media.b3-c {
    grid-area: 3 / 1 / 4 / 13;
    min-height: 320px;
  }

  .b3-cell.b3-a {
    min-height: 0;
  }

  .anno-mark {
    width: 28px;
    height: 28px;
    margin-top: -14px;
    margin-left: -14px;
  }

  .steps-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .b4-cell.b4-b {
    grid-column-end: 13;
  }

  .b4-cell.b4-c, .b4-cell.b4-d, .b4-cell.b4-e {
    grid-column: 1 / 13;
  }
}


@font-face {
  font-family: 'General Sans';
  src: url('../fonts/GeneralSans-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'General Sans';
  src: url('../fonts/GeneralSans-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'General Sans';
  src: url('../fonts/GeneralSans-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}