html.js-ready .hero:not(.in) h1:has(.stroke) .accent {
  color: var(--ignite-display);
  -webkit-text-fill-color: var(--ignite-display);
}
html.js-ready .hero:not(.in) h1 .stroke {
  -webkit-text-stroke-color: var(--ignite-display);
  transition: none;
}
section.sec.hp {
  position: relative;
  padding-top: 0;
  background: var(--black);
  border-top: 1px solid var(--steel-2);
}
section.sec.hp.band {
  background: var(--void);
}
.hp-in {
  position: relative;
  max-width: var(--max);
  margin: 0 auto;
  padding: 88px var(--gutter) 112px;
}
section.sec.hp::before,
section.sec.hp::after {
  content: "";
  position: absolute;
  bottom: 14px;
  width: 18px;
  height: 18px;
  border: 0 solid var(--ignite);
  pointer-events: none;
}
section.sec.hp::before {
  left: 14px;
  border-left-width: 1.5px;
  border-bottom-width: 1.5px;
}
section.sec.hp::after {
  right: 14px;
  border-right-width: 1.5px;
  border-bottom-width: 1.5px;
}
.hp-eb {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--soft);
}
.hp h2 {
  margin-top: 12px;
  max-width: 22ch;
  font-family: var(--display);
  font-weight: 700;
  font-size: clamp(40px, 5.4vw, 84px);
  line-height: 0.96;
  letter-spacing: -0.03em;
  color: var(--white);
}
.hp h2 .accent {
  color: var(--ignite-display);
}
.hp-lede {
  margin-top: 18px;
  max-width: 58ch;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
  color: var(--bone);
}
.hp-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}
.hp-note {
  margin-top: 14px;
  max-width: 760px;
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--faint);
}
html.js-ready .hp:is(#how) .hp-in > :not(script) {
  --d: 0;
  --q: clamp(0, calc((var(--p, 1) - var(--d)) / 0.65), 1);
  transform: translateY(calc((1 - var(--q)) * 18px));
}
html.js-ready .hp:is(#how) .hp-in > :nth-child(2) {
  --d: 0.07;
}
html.js-ready .hp:is(#how) .hp-in > :nth-child(3) {
  --d: 0.14;
}
html.js-ready .hp:is(#how) .hp-in > :nth-child(4) {
  --d: 0.21;
}
html.js-ready .hp:is(#how) .hp-in > :nth-child(5) {
  --d: 0.28;
}
html.js-ready .hp:is(#how) .hp-in > :nth-child(n+6) {
  --d: 0.35;
}
.hud {
  background: var(--black);
}
.hud .cell .k {
  color: var(--ignite-text);
}
section.hero {
  min-height: var(--fold-1);
}
.hero .content {
  justify-content: flex-end;
  min-height: var(--fold-1);
  padding-top: 120px;
}
.hero .hero-main {
  max-width: 1000px;
}
.hero .mission {
  max-width: none;
  margin-bottom: 18px;
  line-height: 1.6;
}
.hero .mission .seq {
  display: inline;
  margin: 0;
}
.hero h1 {
  margin-bottom: 0;
  font-size: clamp(48px, 7.4vw, 116px);
}
.hero .lede {
  margin-top: 24px;
  max-width: 660px;
  font-size: 18px;
}
.hero .cta-stack {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
}
.hero .cta-stack .btn:not(.fill) {
  border-color: rgba(255, 255, 255, 0.6);
  color: #fff;
}
.hero .cta-stack .btn:not(.fill):hover {
  border-color: #fff;
}
.hero .hero-backed {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(5px, 0.9vh, 9px);
  margin-top: 26px;
  padding: 0;
  border: 0;
  line-height: 1.25;
}
.hero .hero-backed .hb-label {
  flex: 0 0 auto;
  margin: 0;
  opacity: 0.62;
}
.hero .hero-backed .hb-label {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.hero .hero-backed .hb-label {
  color: var(--soft);
}
.hero .hero-backed .hb-head {
  align-self: stretch;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}
.hero .hero-backed .hb-invest {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--bone);
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 1px solid var(--rule-2);
  padding-bottom: 1px;
}
.hero .hero-backed .hb-invest:hover,
.hero .hero-backed .hb-invest:focus-visible {
  color: var(--ignite-text);
  border-bottom-color: currentColor;
}
.hero .hero-backed .hb-invest .arrow {
  display: inline-block;
  margin-left: 2px;
  transition: transform .2s;
}
.hero .hero-backed .hb-invest:hover .arrow {
  transform: translateX(3px);
}
.hero .specs {
  grid-template-columns: repeat(3, minmax(0, max-content));
  gap: 56px;
  margin-top: 26px;
  padding-top: 24px;
  border-top: 1px solid var(--rule-2);
  max-width: 820px;
}
.hero .specs .n {
  font-weight: 700;
  font-size: clamp(38px, 4.4vw, 60px);
  letter-spacing: -0.02em;
}
.hp-drinks {
  display: grid;
  gap: 12px;
}
.hp-drinks .hp-lede {
  max-width: 40ch;
}
.hp-rail {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  margin: 0 calc(-1 * var(--gutter));
  padding: 36px var(--gutter) 8px;
  scroll-padding-inline: var(--gutter);
}
.hp-rail::-webkit-scrollbar {
  display: none;
}
.hp-fl {
  flex: 0 0 46%;
  max-width: 280px;
  margin: 0;
  padding: 0 6px;
  scroll-snap-align: start;
  text-align: center;
}
.hp-fl img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  filter: drop-shadow(0 22px 22px rgba(13, 13, 12, 0.18));
  animation: hp-float 5.5s ease-in-out infinite;
}
.hp-fl:nth-child(2n) img {
  animation-delay: -2.2s;
}
.hp-fl:nth-child(3n) img {
  animation-delay: -3.7s;
}
@keyframes hp-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
.hp-fl figcaption {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
}
.hp-fl b {
  font-family: var(--display);
  font-weight: 600;
  font-size: 17px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--white);
}
.hp-fl figcaption span {
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--soft);
}
@media (min-width: 1000px) {
  .hp-drinks {
    grid-template-columns: minmax(320px, 30%) minmax(0, 1fr);
    align-items: center;
    gap: 24px;
  }
  .hp-rail {
    margin: 0 calc(-1 * var(--gutter)) 0 0;
    padding: 36px var(--gutter) 8px 0;
    scroll-padding-inline: 0 var(--gutter);
    -webkit-mask-image:
      linear-gradient(
        90deg,
        #000 88%,
        transparent);
    mask-image:
      linear-gradient(
        90deg,
        #000 88%,
        transparent);
  }
  .hp-fl {
    flex-basis: 22%;
  }
}
.hp-mq {
  margin-top: 36px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 5%,
      #000 95%,
      transparent);
  mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 5%,
      #000 95%,
      transparent);
}
.hp-mq::-webkit-scrollbar {
  display: none;
}
.hp-mq.is-on {
  overflow: hidden;
}
.hp-mq-track {
  display: flex;
  width: max-content;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hp-mq-track > li {
  flex: 0 0 auto;
  padding-right: 16px;
}
.hp-mq.is-on .hp-mq-track {
  animation: hp-mq 80s linear infinite;
}
.hp-mq.rev.is-on .hp-mq-track {
  animation-direction: reverse;
  animation-duration: 55s;
}
.hp-mq.is-on:hover .hp-mq-track,
.hp-mq.is-on:focus-within .hp-mq-track {
  animation-play-state: paused;
}
@keyframes hp-mq {
  to {
    transform: translateX(-50%);
  }
}
.hp-pc {
  display: flex;
  flex-direction: column;
  width: 300px;
  height: 100%;
  background: var(--carbon);
  border: 1px solid var(--rule);
  box-shadow: var(--yf-card-shadow);
  transition: border-color .15s;
}
.hp-pc:hover,
.hp-pc:focus-visible {
  border-color: var(--rule-2);
}
.hp-pc img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: top;
  border-bottom: 1px solid var(--rule);
}
.hp-pc .m {
  padding: 12px 14px 0;
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--soft);
}
.hp-pc b {
  padding: 6px 14px 16px;
  font-family: var(--display);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.3;
  color: var(--white);
}
.hp-mq.rev {
  margin-top: 18px;
}
.hp-logos > li {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 22px;
}
.hp-logos img {
  height: 30px;
  width: auto;
  filter: grayscale(1) brightness(0.2);
  opacity: 0.6;
}
:root[data-theme=dark] .hp-logos img {
  filter: grayscale(1) brightness(2.2);
}
@media (min-width: 1000px) {
  .hp-pc {
    width: 340px;
  }
}
.hp-video {
  position: relative;
  margin-top: 32px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #0a0a0a;
}
.hp-video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hp-steps {
  display: grid;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}
.hp-steps li {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 12px;
  padding: 16px 0;
  border-top: 1px solid var(--rule);
}
.hp-steps .n {
  font-family: var(--display);
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--ignite-text);
}
.hp-steps h4 {
  font-family: var(--display);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
  color: var(--white);
}
.hp-steps p {
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--soft);
}
#how [data-words] .w {
  display: inline-block;
  --q: clamp(0, calc((var(--p, 1) - var(--d, 0) - var(--i) * 0.012) / 0.3), 1);
  transform: translateY(calc((1 - var(--q)) * 0.45em));
}
#how .hp-steps li:nth-child(1) {
  --d: 0.15;
}
#how .hp-steps li:nth-child(2) {
  --d: 0.27;
}
#how .hp-steps li:nth-child(3) {
  --d: 0.39;
}
#how .hp-steps li:nth-child(4) {
  --d: 0.51;
}
@media (min-width: 1000px) {
  .hp-video {
    aspect-ratio: 21 / 9;
  }
  .hp-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
  }
  .hp-steps li {
    grid-template-columns: 1fr;
    padding-top: 18px;
    border-top: 2px solid var(--white);
  }
  .hp-steps .n {
    font-size: 56px;
  }
}
.hero-backed {
  --inv-h: 24px;
  --inv-t: 13px;
}
.hero-backed .inv-list {
  align-self: stretch;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: clamp(22px, 2.6vw, 38px);
  row-gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.2;
}
.hero-backed .inv-i {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero-backed .inv-mark {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  height: calc(var(--inv-h) * var(--k, 1));
}
.hero-backed .inv-mark img {
  display: block;
  height: 100%;
  width: auto;
}
.hero-backed .inv-i:nth-child(1) {
  --k: 0.84;
}
.hero-backed .inv-i:nth-child(3) {
  --k: 0.92;
}
.hero-backed .inv-i:nth-child(4) {
  --k: 1.28;
}
.hero-backed .inv-scouts {
  --k: 0.48;
}
.hero-backed .inv-scouts .inv-mark img {
  opacity: 0.88;
}
.hero-backed .inv-i[data-mono] .inv-mark img {
  filter: grayscale(1) brightness(0) invert(1);
  opacity: 0.88;
}
.hero-backed .inv-i b {
  font-family: var(--display);
  font-weight: 500;
  font-size: var(--inv-t);
  letter-spacing: 0.005em;
  line-height: 1.2;
  color: var(--bone);
  white-space: nowrap;
}
.hero-backed .inv-person {
  margin-left: clamp(4px, 1.1vw, 16px);
  gap: 9px;
}
.hero-backed .inv-person em {
  font-style: normal;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1.3;
  color: var(--faint);
  white-space: nowrap;
}
@media (max-width: 760px) {
  .hero-backed {
    --inv-h: 16px;
    --inv-t: 10.5px;
  }
  .hero .hero-backed {
    gap: 7px;
  }
  .hero .hero-backed .hb-label {
    font-size: 9px;
    letter-spacing: 0.12em;
  }
  .hero-backed .inv-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    column-gap: 10px;
    row-gap: 10px;
    width: 100%;
  }
  .hero-backed .inv-i {
    gap: 7px;
    min-width: 0;
  }
  .hero-backed .inv-mark {
    width: 36px;
    justify-content: flex-start;
  }
  .hero-backed .inv-scouts .inv-mark {
    width: auto;
    height: 10px;
  }
  .hero-backed .inv-i b {
    white-space: normal;
  }
  .hero-backed .inv-person {
    grid-column: 1 / -1;
    margin-left: 0;
  }
  .hero-backed .inv-person em {
    font-size: 9px;
    letter-spacing: 0.1em;
    white-space: normal;
  }
}
.hp-map {
  position: relative;
  margin-top: 28px;
}
.hp-map .loc-cards {
  display: grid;
  gap: 10px;
  margin-top: 22px;
}
.hp-map .loc {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 0;
  padding: 14px 16px;
  background: var(--carbon);
  border: 1px solid var(--rule);
  box-shadow: var(--yf-card-shadow);
}
.hp-map .loc .city {
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--soft);
}
.hp-map .loc h4 {
  font-family: var(--display);
  font-weight: 700;
  font-size: 17px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--white);
  text-transform: none;
}
.hp-map .loc .addr {
  font-size: 13px;
  line-height: 1.45;
  color: var(--soft);
}
.hp-map .loc .status {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--signal);
}
.hp-map .loc .status .d {
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--signal);
  box-shadow: 0 0 6px var(--signal);
}
.hp-map .loc .status.is-closed {
  color: var(--faint);
}
.hp-map .loc .status.is-closed .d {
  background: var(--faint);
  box-shadow: none;
}
.hp-map .loc .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}
.hp-map .loc .actions a {
  display: inline-flex;
  align-items: center;
  padding: 6px 8px;
  border: 1px solid var(--rule-2);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--white);
  transition: border-color .15s;
}
.hp-map .loc .actions a:hover {
  border-color: var(--white);
}
@media (max-width: 760px) {
  .hp-in {
    padding: 56px 20px 72px;
  }
  .hp-rail {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    scroll-padding-inline: 20px;
  }
  .hero .content {
    padding-top: 128px;
  }
  .hero .specs {
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .hero .specs .n {
    font-size: clamp(26px, 8vw, 40px);
  }
  .hero .cta-stack .btn {
    justify-content: space-between;
  }
}
.hp-in {
  padding-top: clamp(18px, 4.2vh, 56px);
  padding-bottom: clamp(22px, 4.8vh, 64px);
}
.hp h2 {
  max-width: 34ch;
  margin-top: clamp(6px, 1.1vh, 12px);
  font-size: clamp(28px, min(4.8vw, 6.6vh), 80px);
}
.hp-lede {
  margin-top: clamp(6px, 1.3vh, 16px);
  font-size: clamp(14px, 1.9vh, 16px);
  line-height: 1.5;
}
.hp-btns {
  margin-top: clamp(10px, 2vh, 24px);
}
.hp .btn.lg,
.hero .cta-stack .btn.lg {
  padding: clamp(10px, 1.55vh, 16px) clamp(16px, 1.9vw, 28px);
}
.hero .content {
  padding-top: clamp(20px, 5.5vh, 96px);
  padding-bottom: clamp(14px, 3.6vh, 48px);
}
.hero .mission {
  margin-bottom: clamp(6px, 1.1vh, 18px);
}
.hero h1 {
  font-size: clamp(40px, min(7.4vw, 10.5vh), 116px);
}
.hero .lede {
  margin-top: clamp(8px, 1.8vh, 24px);
  font-size: clamp(14px, 2vh, 18px);
  line-height: 1.5;
}
.hero .cta-stack {
  margin-top: clamp(10px, 2.2vh, 30px);
}
.hero .hero-backed {
  margin-top: clamp(8px, 1.8vh, 26px);
  line-height: 1.25;
}
.hero .specs {
  margin-top: clamp(8px, 1.8vh, 26px);
  padding-top: clamp(8px, 1.8vh, 24px);
}
.hero .specs .n {
  font-size: clamp(26px, min(4.4vw, 6.2vh), 60px);
}
.hp-rail {
  padding-top: clamp(10px, 2.4vh, 36px);
}
.hp-fl img {
  max-height: clamp(96px, 22vh, 260px);
}
.hp-fl figcaption {
  margin-top: clamp(6px, 1.2vh, 12px);
  gap: 4px;
}
.hp-mq {
  margin-top: clamp(12px, 2.4vh, 36px);
}
.hp-pc,
.hp-mq .hp-pc {
  width: clamp(220px, 20vw, 320px);
}
.hp-pc img {
  aspect-ratio: auto;
  height: clamp(92px, 16vh, 210px);
}
.hp-pc .m {
  padding-top: 8px;
}
.hp-pc b {
  padding-bottom: 10px;
  font-size: 14px;
}
.hp-mq.rev {
  margin-top: clamp(6px, 1.2vh, 18px);
}
.hp-logos > li {
  height: clamp(34px, 5vh, 48px);
}
.hp-logos img {
  height: clamp(20px, 3vh, 30px);
}
.hp-video,
.hp-video.video {
  margin-top: clamp(10px, 2.2vh, 32px);
  aspect-ratio: auto;
  height: clamp(140px, 28vh, 460px);
}
.hp-steps {
  margin-top: clamp(10px, 2.2vh, 28px);
}
.hp-steps h4 {
  font-size: clamp(15px, 2vh, 18px);
}
.hp-steps p {
  margin-top: 4px;
  font-size: clamp(12.5px, 1.75vh, 14px);
  line-height: 1.45;
}
@media (min-width: 1000px) {
  .hp-video,
  .hp-video.video {
    aspect-ratio: auto;
  }
  .hp-steps li {
    gap: 4px;
    padding-top: clamp(8px, 1.5vh, 18px);
  }
  .hp-steps .n {
    font-size: clamp(28px, 4.6vh, 56px);
  }
}
.hp-note {
  margin-top: clamp(6px, 1.2vh, 14px);
}
.hp-loc-foot .hp-btns {
  margin-top: clamp(8px, 1.6vh, 20px);
}
@media (min-width: 900px) {
  #locations h2 br {
    display: none;
  }
  .hp-map,
  #network.hp-map {
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(300px, 30vw, 420px);
    gap: clamp(16px, 2.2vw, 36px);
    align-items: center;
    margin-top: clamp(10px, 2vh, 28px);
  }
  svg.xp-map {
    max-height: calc(84vh - 212px);
    max-height: calc(84svh - 212px);
  }
  :root {
    --xp-lbl-size: clamp(21px, calc(36px - 100vh / 60), 26px);
    --xp-tag-size: clamp(14px, calc(33px - 100vh * 7 / 360), 20px);
  }
  .hp-map .loc-cards {
    margin: 0;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .hp-map .loc {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 10px;
    row-gap: 3px;
    padding: 11px 14px;
    box-shadow: 0 14px 36px rgba(13, 13, 12, 0.14);
  }
  .hp-map .loc .city {
    grid-column: 1;
    grid-row: 1;
  }
  .hp-map .loc .status {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    justify-self: end;
  }
  .hp-map .loc h4,
  .hp-map .loc .addr,
  .hp-map .loc .actions {
    grid-column: 1 / -1;
  }
  .hp-map .loc h4 {
    font-size: clamp(15px, 2vh, 17px);
  }
  .hp-map .loc .addr {
    font-size: 12px;
    line-height: 1.4;
  }
  .hp-map .loc .actions {
    margin-top: 3px;
  }
  .hp-map .loc .actions a {
    padding: 5px 7px;
  }
  .hp-loc-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
  }
  .hp-loc-foot .hp-note {
    margin: 0;
  }
  .hp-loc-foot .hp-btns {
    margin: 0;
    flex: 0 0 auto;
  }
}
@media (max-width: 760px) {
  .hp-in {
    padding: clamp(18px, 3.4vh, 32px) 20px clamp(22px, 4vh, 40px);
  }
  .hp h2 {
    font-size: clamp(28px, 8.4vw, 36px);
  }
  html .hero h1 {
    font-size: clamp(36px, 10.2vw, 46px) !important;
  }
  .hero .content {
    padding-top: clamp(20px, 3.6vh, 36px);
    padding-bottom: 18px;
  }
  .hero .mission {
    font-size: 10px;
    letter-spacing: 0.14em;
    line-height: 1.5;
  }
  .hero .lede {
    font-size: 15px;
  }
  .hero .cta-stack {
    gap: 8px;
  }
  .hero .cta-stack .btn.lg {
    padding: 11px 16px;
  }
  .hero .specs .n {
    font-size: clamp(24px, 7.4vw, 32px);
  }
  .hero .specs .l {
    font-size: 9px;
    letter-spacing: 0.08em;
    margin-top: 4px;
  }
  .hp-fl {
    flex-basis: 40%;
  }
  .hp-pc,
  .hp-mq .hp-pc {
    width: 230px;
  }
  .hp-pc img {
    height: clamp(96px, 14vh, 130px);
  }
  .hp-video,
  .hp-video.video {
    height: clamp(150px, 24vh, 220px);
  }
  .hp-steps,
  .hp-steps.hp-steps {
    display: flex;
    gap: 14px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px 2px;
    scroll-padding-inline: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .hp-steps::-webkit-scrollbar {
    display: none;
  }
  .hp-steps li {
    flex: 0 0 74%;
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 10px 0 0;
    border-top: 2px solid var(--white);
    scroll-snap-align: start;
  }
  .hp-steps .n {
    font-size: 28px;
  }
  .hp-map .loc-cards {
    display: flex;
    gap: 10px;
    margin: 12px -20px 0;
    padding: 0 20px 4px;
    scroll-padding-inline: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .hp-map .loc-cards::-webkit-scrollbar {
    display: none;
  }
  .hp-map .loc {
    flex: 0 0 86%;
    scroll-snap-align: start;
    padding: 11px 14px;
  }
  .hp-map .loc,
  .hp-map .loc.loc {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 10px;
    row-gap: 3px;
  }
  .hp-map .loc .city {
    grid-column: 1;
    grid-row: 1;
  }
  .hp-map .loc .status {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    justify-self: end;
  }
  .hp-map .loc h4,
  .hp-map .loc .addr,
  .hp-map .loc .actions {
    grid-column: 1 / -1;
  }
  .hp-map .loc .actions {
    flex-wrap: nowrap;
  }
  .hp-map .loc .actions a {
    padding: 5px 7px;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }
  .hp-map .loc .city,
  .hp-map .loc .status {
    font-size: 9.5px;
    letter-spacing: 0.08em;
  }
  .hp-map .loc .addr {
    font-size: 12px;
  }
  .hp-loc-foot .hp-note {
    font-size: 11px;
    line-height: 1.5;
  }
  .hp-loc-foot .hp-btns {
    margin-top: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hp-fl img,
  #network.xp-done .xp-halo,
  #network.xp-done .xp-live {
    animation: none;
  }
  html.js-ready .hp:is(#how) .hp-in > :not(script) {
    opacity: 1;
    transform: none;
  }
  #how [data-words] .w {
    opacity: 1;
    transform: none;
  }
  html {
    scroll-behavior: auto;
  }
}
.pb {
  display: flex;
  gap: 14px;
  margin: clamp(10px, 2vh, 26px) 0 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  -webkit-mask-image:
    linear-gradient(
      90deg,
      #000 90%,
      transparent 100%);
  mask-image:
    linear-gradient(
      90deg,
      #000 90%,
      transparent 100%);
}
.pb::-webkit-scrollbar {
  display: none;
}
.hp-press-b.pb-drive .pb {
  overflow-x: auto;
}
@media (hover: hover) and (pointer: fine) {
  .hp-press-b.pb-drive .pb {
    cursor: grab;
  }
  .hp-press-b.pb-drive .pb.pb-dragging {
    cursor: grabbing;
    -webkit-user-select: none;
    user-select: none;
  }
}
.hp-press-b.pb-drive .pb.pb-moved {
  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent 0,
      #000 4%,
      #000 90%,
      transparent 100%);
  mask-image:
    linear-gradient(
      90deg,
      transparent 0,
      #000 4%,
      #000 90%,
      transparent 100%);
}
.pb-y {
  display: contents;
}
.pb-yr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.pb-gap {
  display: none;
}
.pb-c {
  position: relative;
  flex: 0 0 clamp(236px, 22.5vw, 310px);
  display: flex;
  flex-direction: column;
  border: 1px solid var(--rule);
  background: var(--carbon);
  box-shadow: var(--yf-card-shadow);
  text-decoration: none;
  transition: border-color .2s;
}
.pb-c:hover,
.pb-c:focus-visible {
  border-color: var(--rule-2);
}
.pb-c img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-bottom: 1px solid var(--rule);
  background: var(--void);
}
.pb-c .m {
  display: block;
  padding: 10px 13px 0;
  font-family: var(--mono);
  font-size: 9.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ignite-text);
}
.pb-c b {
  display: block;
  padding: 5px 13px 14px;
  font-family: var(--display);
  font-weight: 600;
  font-size: clamp(12.5px, 1.75vh, 14.5px);
  line-height: 1.32;
  color: var(--white);
}
.pb-c.no-shot {
  background:
    linear-gradient(
      160deg,
      var(--steel),
      var(--carbon));
}
.pb-c.no-shot .pb-tv {
  order: -1;
}
.pb-c.no-shot::after {
  order: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  content: attr(data-outlet);
  min-height: 0;
  padding: 6px 13px 14px;
  border-bottom: 1px solid var(--rule);
  font-family: var(--display);
  font-weight: 700;
  letter-spacing: -.02em;
  font-size: clamp(30px, 5.2vh, 46px);
  color: var(--white);
}
.pb-c.no-shot .m {
  order: 1;
  padding-top: 12px;
}
.pb-c.no-shot b {
  order: 2;
}
.pb-c .pb-tv {
  align-self: flex-start;
  margin: 13px 13px 0;
  padding: 3px 8px;
  border: 1px solid var(--rule-2);
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .26em;
  color: var(--ignite-text);
}
.pb-c.pb-ms:hover {
  border-color: var(--rule);
}
.pb-ms .m::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  vertical-align: 0;
  background: var(--ignite);
}
.pb-c.pb-ms b {
  font-weight: 700;
  font-size: clamp(14px, 2vh, 17px);
  line-height: 1.25;
}
.pt-rail {
  position: relative;
  height: 26px;
  margin-top: clamp(10px, 1.8vh, 16px);
}
.pt-rail-bar {
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  height: 1px;
  background: var(--rule-2);
}
.pt-rail-fill {
  position: absolute;
  left: 0;
  top: 10px;
  height: 1px;
  width: 0;
  background: var(--ignite);
}
.pt-rail-dot {
  position: absolute;
  top: 6px;
  left: 0;
  width: 9px;
  height: 9px;
  margin-left: -4.5px;
  border-radius: 50%;
  background: var(--ignite);
  box-shadow: 0 0 0 4px rgba(244, 197, 66, .18);
}
.pt-rail-yl {
  position: absolute;
  top: 16px;
  font-family: var(--mono);
  font-size: 8.5px;
  letter-spacing: .08em;
  color: var(--soft);
  transform: translateX(-50%);
  white-space: nowrap;
}
.hp-press-b .hp-mq.rev {
  margin-top: clamp(8px, 1.6vh, 20px);
}
@media (max-width: 760px) {
  .pb {
    gap: 10px;
  }
  .pb-c {
    flex: 0 0 min(76vw, 288px);
  }
  .pb-c b {
    font-size: 13px;
  }
  .pt-rail-yl {
    font-size: 8px;
  }
}
@media (min-width: 1000px) {
  .hp-press-b .hp-mq.rev {
    margin-top: clamp(6px, 1.2vh, 20px);
  }
  .hp-press-b .hp-logos > li {
    height: clamp(46px, 6.4vh, 72px);
    padding: 0 26px;
  }
  .hp-press-b .hp-logos img {
    height: clamp(30px, 4.4vh, 46px);
    opacity: 0.82;
  }
}
#press {
  --pp: var(--p, 1);
}
@media (prefers-reduced-motion: reduce) {
  #press {
    --pp: 1;
  }
}
html #press .hp-in > .hp-eb,
html #press .hp-in > h2,
html #press .hp-in > .pt-rail,
html #press .hp-in > .hp-mq {
  --t: clamp(0, calc((var(--pp) - var(--s)) / var(--d)), 1);
  transform: translateY(calc((1 - var(--t)) * var(--rise, 14px)));
  transition: none;
}
html #press .hp-in > .hp-eb {
  --s: 0.02;
  --d: 0.12;
}
html #press .hp-in > h2 {
  --s: 0.06;
  --d: 0.12;
}
html #press .hp-in > .pt-rail {
  --s: 0.16;
  --d: 0.10;
  --rise: 10px;
}
html #press .hp-in > .hp-mq {
  --s: 0.88;
  --d: 0.12;
  --rise: 12px;
}
#press .pb-c {
  --k: 0;
  --s: calc(0.04 + var(--k) * 0.016);
  --d: 0.08;
  --t: clamp(0, calc((var(--pp) - var(--s)) / var(--d)), 1);
  transform: translateY(calc((1 - var(--t)) * 16px));
  transition: none;
}
#press .pb-y:nth-child(1) .pb-c:nth-child(2) {
  --k: 0;
}
#press .pb-y:nth-child(2) .pb-c:nth-child(2) {
  --k: 1;
}
#press .pb-y:nth-child(2) .pb-c:nth-child(3) {
  --k: 2;
}
#press .pb-y:nth-child(2) .pb-c:nth-child(4) {
  --k: 3;
}
#press .pb-y:nth-child(5) .pb-c:nth-child(2) {
  --k: 4;
}
#press .pb-y:nth-child(5) .pb-c:nth-child(3) {
  --k: 5;
}
#press .pb-y:nth-child(5) .pb-c:nth-child(4) {
  --k: 6;
}
#press .pb-y:nth-child(6) .pb-c:nth-child(2) {
  --k: 7;
}
#press .pb-y:nth-child(7) .pb-c:nth-child(2) {
  --k: 8;
}
#press .pb-y:nth-child(8) .pb-c:nth-child(2) {
  --k: 9;
}
#press .pb-y:nth-child(9) .pb-c:nth-child(2) {
  --k: 10;
}
section.sec.hp.hp-partner {
  border-top: 1px solid var(--steel-2);
}
.hp-partner .hp-in {
  min-height: var(--fold);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hp-partner h3 {
  font-family: var(--display);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.15;
  color: var(--white);
}
.hp-partner .k {
  font-family: var(--mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--soft);
}
.hp-partner .go {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--display);
  font-weight: 600;
  font-size: 13px;
  color: var(--white);
}
.hp-partner .go .arrow {
  transition: transform .2s;
}
.hp-partner a:hover .go .arrow,
.hp-partner .go:hover .arrow {
  transform: translateX(3px);
}
.pa-doors {
  display: grid;
  gap: 12px;
  margin-top: clamp(12px, 2.4vh, 32px);
}
.pa-door {
  display: flex;
  flex-direction: column;
  background: var(--carbon);
  border: 1px solid var(--rule);
  box-shadow: var(--yf-card-shadow);
  transition: border-color .15s;
}
.pa-door:hover,
.pa-door:focus-visible {
  border-color: var(--rule-2);
}
.pa-door img {
  width: 100%;
  height: clamp(110px, 24vh, 260px);
  object-fit: cover;
  border-bottom: 1px solid var(--rule);
}
.pa-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  padding: clamp(12px, 1.8vh, 20px) 18px clamp(14px, 2vh, 20px);
}
.pa-body h3 {
  font-size: clamp(19px, 2.6vh, 26px);
}
#partner [hidden] {
  display: none !important;
}
.pa-yw {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  row-gap: 4px;
  margin-top: 4px;
  font-size: clamp(12.5px, 1.7vh, 14px);
  line-height: 1.45;
}
.pa-yw dt {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ignite-text);
  padding-top: 3px;
  white-space: nowrap;
}
.pa-yw dd {
  color: var(--soft);
}
.pa-body .go {
  margin-top: auto;
  align-self: flex-start;
  background: transparent;
  border: 1px solid var(--rule-2);
  padding: clamp(8px, 1.3vh, 12px) 16px;
  font-size: 13px;
}
.pa-door:hover .go,
.pa-door:focus-visible .go {
  border-color: var(--bone);
}
.pa-tail {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: clamp(8px, 1.5vh, 18px);
  border-top: 1px solid var(--rule);
  padding-top: clamp(7px, 1.2vh, 13px);
}
.pa-more {
  flex: 0 0 auto;
}
.pa-more[open] {
  flex: 1 1 100%;
}
.pa-more summary {
  cursor: pointer;
  list-style: none;
  text-align: center;
  font-family: var(--display);
  font-weight: 600;
  font-size: clamp(12.5px, 1.7vh, 14px);
  color: var(--bone);
}
.pa-more summary::-webkit-details-marker {
  display: none;
}
.pa-more summary::after {
  content: " +";
  color: var(--ignite-text);
}
.pa-more[open] summary::after {
  content: " −";
}
.pa-more ol {
  list-style: none;
  margin: clamp(8px, 1.4vh, 14px) 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.pa-more li {
  font-size: clamp(12px, 1.6vh, 13.5px);
  line-height: 1.45;
  color: var(--soft);
  padding: 9px 12px;
  border: 1px solid var(--rule);
  background: var(--carbon);
}
.pa-more li b {
  color: var(--white);
  font-weight: 600;
}
.pa-one-sub {
  font-size: clamp(13px, 1.8vh, 15px);
  line-height: 1.5;
  color: var(--soft);
  font-weight: 300;
}
.pa-notsure {
  text-align: center;
  margin: 0;
  font-size: clamp(12.5px, 1.7vh, 14px);
  color: var(--soft);
}
.pa-more[open] ~ .pa-notsure {
  margin-top: clamp(6px, 1.1vh, 12px);
}
.pa-notsure a {
  color: var(--ignite-text);
  border-bottom: 1px solid currentColor;
}
@media (min-width: 900px) {
  .pa-doors {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: clamp(16px, 3.4vh, 44px);
  }
  .pa-doors.one {
    grid-template-columns: minmax(0, 1fr);
    max-width: 820px;
  }
  .pa-door img {
    height: clamp(140px, 28vh, 380px);
  }
  .pa-body {
    gap: 8px;
    padding: clamp(14px, 2.4vh, 26px) 22px clamp(16px, 2.6vh, 26px);
  }
  .pa-body h3 {
    font-size: clamp(22px, 3.2vh, 30px);
  }
  .pa-yw {
    font-size: clamp(13px, 1.9vh, 15.5px);
    margin-top: 6px;
  }
  .pa-body .go {
    font-size: 13.5px;
  }
  .pa-more ol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }
  .hp-partner .hp-in:has(#partner-more[open]) .pa-door img {
    height: clamp(120px, 21vh, 380px);
  }
  .hp-partner .pa-door img {
    transition: height .25s ease;
  }
  @media (max-height: 800px) {
    .pa-door img {
      height: clamp(120px, 24vh, 380px);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .hp-partner .pa-door img {
      transition: none;
    }
  }
}
@media (max-width: 760px) {
  .pa-doors {
    display: flex;
    gap: 10px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px 4px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 20px;
    scrollbar-width: none;
  }
  .pa-doors::-webkit-scrollbar {
    display: none;
  }
  .pa-door {
    flex: 0 0 82%;
    scroll-snap-align: start;
  }
  .pa-door img {
    height: clamp(120px, 22vh, 190px);
  }
  .pa-body {
    padding: 12px 14px 14px;
  }
}
#partner {
  --pp: var(--p, 1);
}
html.js-ready #partner .hp-eb,
html.js-ready #partner h2,
html.js-ready #partner .hp-lede,
html.js-ready #partner .pa-door,
html.js-ready #partner .pa-yw,
html.js-ready #partner .pa-body .go {
  --lp: clamp(0, calc((var(--pp) - var(--a)) / (var(--b) - var(--a))), 1);
  --e: calc(1 - (1 - var(--lp)) * (1 - var(--lp)));
  transition: none;
  transform: translateY(calc((1 - var(--e)) * var(--dy, 18px)));
  will-change: opacity, transform;
}
html.js-ready #partner .hp-eb {
  --a: 0;
  --b: 0.10;
  --dy: 14px;
}
html.js-ready #partner h2 {
  --a: 0.03;
  --b: 0.20;
  --dy: 18px;
}
html.js-ready #partner .hp-lede {
  --a: 0.10;
  --b: 0.28;
  --dy: 18px;
}
html.js-ready #partner .pa-door:nth-child(1) {
  --n: 0;
}
html.js-ready #partner .pa-door:nth-child(2) {
  --n: 1;
}
html.js-ready #partner .pa-door:nth-child(3) {
  --n: 2;
}
html.js-ready #partner .pa-door {
  --a: calc(0.18 + 0.13 * var(--n));
  --b: calc(0.42 + 0.13 * var(--n));
  --dy: 32px;
  overflow: hidden;
}
html.js-ready #partner .pa-yw {
  --a: calc(0.42 + 0.13 * var(--n));
  --b: calc(0.56 + 0.13 * var(--n));
  --dy: 10px;
}
html.js-ready #partner .pa-body .go {
  --a: calc(0.54 + 0.13 * var(--n));
  --b: calc(0.68 + 0.13 * var(--n));
  --dy: 8px;
}
html.js-ready #partner .pa-door img {
  transition: none;
  transform: scale(calc(1.05 - 0.05 * var(--e)));
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  html.js-ready #partner .hp-eb,
  html.js-ready #partner h2,
  html.js-ready #partner .hp-lede,
  html.js-ready #partner .pa-door,
  html.js-ready #partner .pa-yw,
  html.js-ready #partner .pa-body .go {
    opacity: 1;
    transform: none;
  }
  html.js-ready #partner .pa-door img {
    transform: none;
  }
}
.vb-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
}
.vb-top > div:first-child {
  min-width: 0;
}
.vb-badge {
  position: relative;
}
#locations .hp-in {
  padding-top: clamp(24px, 4.5vh, 48px);
  padding-bottom: clamp(20px, 3.5vh, 40px);
}
#locations h2 {
  font-size: clamp(30px, min(4vw, 6vh), 56px);
}
#locations .v-map.vb-badge {
  flex: 0 0 auto;
  width: clamp(250px, 22vw, 320px);
  margin: 0;
  --xp-lbl-size: 32px;
  --xp-tag-size: 26px;
}
#locations .xp-map-top > span:first-child {
  display: none;
}
#locations .xp-map-top {
  justify-content: flex-start;
  gap: 4px 12px;
  margin-bottom: 2px;
  font-size: 10px;
  letter-spacing: .1em;
}
#locations .xp-map-legend {
  gap: 12px;
}
#locations .xp-tag-open,
#locations .xp-tag-plan {
  display: none;
}
#locations svg.xp-map {
  max-height: none;
}
.hl-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 28px);
  margin-top: clamp(16px, 2.6vh, 28px);
}
.hl-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--rule-2);
  border-radius: 28px 28px 14px 14px;
  background:
    radial-gradient(
      120% 60% at 50% 0%,
      color-mix(in srgb, var(--ignite) 20%, transparent),
      transparent 62%),
    var(--carbon);
  box-shadow: var(--yf-card-shadow, none);
}
.hl-top {
  position: relative;
  display: flex;
  flex-direction: column;
}
.hl-glass {
  margin: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--steel);
}
.hl-glass img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.hl-meta {
  padding: 10px 18px 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.hl-city {
  font: 500 10.5px/1 var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--soft);
}
.hl-meta h3 {
  font: 700 clamp(19px, 1.8vw, 26px)/1.1 var(--display);
  letter-spacing: -.02em;
  color: var(--white);
  text-transform: none;
}
.hl-meta .vloc-link {
  color: inherit;
  text-decoration: none;
}
.hl-meta .vloc-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hl-top:hover .vloc-link {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.hl-meta .vloc-link:focus-visible {
  outline: none;
}
.hl-meta .vloc-link:focus-visible::after {
  outline: 2px solid var(--white);
  outline-offset: -3px;
}
.hl-addr {
  font-size: 12.5px;
  line-height: 1.4;
  color: var(--soft);
}
.hl-status {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  font: 500 10.5px/1.2 var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--signal);
}
.hl-status .d {
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--signal);
  box-shadow: 0 0 6px var(--signal);
}
.hl-status.is-closed {
  color: var(--faint);
}
.hl-status.is-closed .d {
  background: var(--faint);
  box-shadow: none;
}
.hl-actions {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin-top: 6px;
}
.hl-actions a {
  display: inline-flex;
  align-items: center;
  padding: 6px 9px;
  border: 1px solid var(--rule-2);
  font: 600 10px/1 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--white);
  white-space: nowrap;
  transition: border-color .15s;
}
.hl-actions a:hover {
  border-color: var(--white);
}
.hl-shelf {
  display: block;
  position: relative;
  margin-top: 10px;
  overflow: hidden;
  color: inherit;
  container-type: inline-size;
}
.hl-shelf:focus-visible {
  outline: 2px solid var(--ignite);
  outline-offset: -3px;
}
.hl-track {
  --k: 2;
  --gap: 6px;
  --w: calc((100cqw - (var(--k) - 1) * var(--gap)) / var(--k));
  display: flex;
  width: max-content;
  gap: var(--gap);
  padding-bottom: 8px;
  transform: translateX(calc(var(--i, 0) * -1 * (var(--w) + var(--gap))));
  transition: transform .6s cubic-bezier(.2, .7, .2, 1);
  will-change: transform;
}
.hl-track.is-reset {
  transition: none;
}
@container (min-width: 330px) {
  .hl-track {
    --k: 3;
  }
}
.hl-dup {
  display: contents;
}
.hl-it {
  flex: 0 0 var(--w);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 0;
  padding: 0 4px;
}
.hl-it img,
.hl-nopic {
  width: auto;
  max-width: 100%;
  height: clamp(96px, 14vh, 140px);
  aspect-ratio: 1;
  margin-top: 0;
  object-fit: contain;
  object-position: bottom;
  filter: drop-shadow(0 7px 6px rgba(0, 0, 0, .2));
}
.hl-nopic {
  display: block;
  filter: none;
}
.hl-it figcaption {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  font-size: 12px;
  line-height: 1.25;
  color: var(--bone);
}
.hl-it b {
  font-weight: 600;
  display: block;
  min-height: 2.5em;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
.hl-it .hl-p {
  font: 500 12px/1 var(--mono);
  color: var(--soft);
}
.hl-it .hl-p:empty {
  display: none;
}
.hl-more {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  border-top: 1px solid var(--rule-2);
  font: 500 11px/1 var(--mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--white);
}
.hl-more:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.hl-more:focus-visible {
  outline: 2px solid var(--ignite);
  outline-offset: -3px;
}
@media (prefers-reduced-motion: reduce) {
  .hl-track {
    transform: none;
    transition: none;
    will-change: auto;
  }
  .hl-dup {
    display: none;
  }
  .hl-shelf {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }
  .hl-it {
    scroll-snap-align: start;
  }
}
@media (min-width: 761px) and (max-width: 1023px) {
  #locations .v-map.vb-badge {
    width: clamp(220px, 32vw, 280px);
  }
  .hl-grid {
    gap: 12px;
  }
  .hl-actions a {
    padding: 6px 7px;
    letter-spacing: .04em;
  }
  .hl-meta {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 760px) {
  #locations .vb-top {
    align-items: center;
    gap: 12px;
  }
  #locations .v-map.vb-badge {
    width: 112px;
  }
  #locations .xp-map-top,
  #locations #xp-map text,
  #locations #xp-map .xp-walk {
    display: none !important;
  }
  #locations h2 {
    font-size: clamp(26px, 8vw, 32px);
  }
  .hl-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-top: 14px;
  }
  .hl-card {
    border-radius: 14px;
  }
  .hl-top {
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 3px;
    align-content: start;
    padding: 12px 14px 0;
  }
  .hl-glass {
    grid-column: 1;
    grid-row: 1 / span 3;
    width: 128px;
    align-self: start;
    border-radius: 10px;
  }
  .hl-meta {
    display: contents;
  }
  .hl-meta > h3,
  .hl-meta > .hl-addr,
  .hl-meta > .hl-status {
    grid-column: 2;
    text-align: left;
    min-width: 0;
    margin: 0;
  }
  .hl-city {
    display: none;
  }
  .hl-meta h3 {
    font-size: 17px;
  }
  .hl-addr {
    font-size: 12.5px;
  }
  .hl-status {
    font-size: 12px;
    letter-spacing: .06em;
  }
  .hl-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
    margin-top: 0;
    gap: 0 18px;
  }
  .hl-actions a {
    border: 0;
    padding: 0;
    min-height: 44px;
    font: 500 13px/1 var(--body);
    letter-spacing: 0;
    text-transform: none;
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  .hl-it img,
  .hl-nopic {
    height: 84px;
  }
  .hl-it figcaption {
    font-size: 12px;
  }
  .hl-more {
    font-size: 12px;
  }
}
html.js-ready #locations .vb-top,
html.js-ready #locations .hl-grid,
html.js-ready #locations .hp-loc-foot,
html.js-ready #locations .hp-loc-foot .hp-note {
  opacity: 1;
  transform: none;
  transition: none;
}
html.js-ready #locations .vb-top > div:first-child,
html.js-ready #locations .vb-badge,
html.js-ready #locations .hl-grid > .hl-card,
html.js-ready #locations .hp-loc-foot .hp-btns {
  --lp: clamp(0, calc((var(--p, 1) - var(--sd-s, 0)) / var(--sd-d, 0.25)), 1);
  transform: translateY(calc((1 - var(--lp)) * 22px));
  transition: none;
  overflow-anchor: none;
}
html.js-ready #locations .hl-grid > .hl-card {
  transform: translateY(calc((1 - var(--lp)) * 22px)) scale(calc(0.96 + 0.04 * var(--lp)));
}
html.js-ready #locations .vb-top > div:first-child {
  --sd-s: 0;
  --sd-d: 0.20;
}
html.js-ready #locations .vb-badge {
  --sd-s: 0.04;
  --sd-d: 0.22;
}
html.js-ready #locations .hl-grid > .hl-card:nth-child(1) {
  --sd-s: 0.20;
  --sd-d: 0.25;
}
html.js-ready #locations .hl-grid > .hl-card:nth-child(2) {
  --sd-s: 0.35;
  --sd-d: 0.25;
}
html.js-ready #locations .hl-grid > .hl-card:nth-child(3) {
  --sd-s: 0.50;
  --sd-d: 0.25;
}
html.js-ready #locations .hp-loc-foot .hp-btns {
  --sd-s: 0.72;
  --sd-d: 0.22;
}
@media (prefers-reduced-motion: reduce) {
  html.js-ready #locations .vb-top > div:first-child,
  html.js-ready #locations .vb-badge,
  html.js-ready #locations .hl-grid > .hl-card,
  html.js-ready #locations .hp-loc-foot .hp-btns {
    opacity: 1 !important;
    transform: none !important;
  }
}
section.sec.hp.hv {
  border-top: 1px solid var(--rule);
}
.hv .hp-in {
  padding-top: clamp(18px, 4.2vh, 56px);
  padding-bottom: clamp(22px, 4.8vh, 64px);
}
.hv h2 {
  max-width: 34ch;
  margin-top: clamp(6px, 1.1vh, 12px);
  font-size: clamp(28px, min(4.8vw, 6.6vh), 80px);
}
.hv .hp-btns {
  margin-top: clamp(10px, 2vh, 24px);
}
.hv .hp-steps li {
  cursor: default;
}
.hv-c .hv-split {
  display: grid;
  gap: clamp(18px, 2.6vw, 40px);
  padding-top: clamp(18px, 4vh, 44px);
  padding-bottom: clamp(22px, 4.4vh, 48px);
}
.hv-c .hv-plate {
  position: relative;
  margin: 0;
  aspect-ratio: 16 / 10;
  height: auto;
  overflow: hidden;
}
.hv-c .hv-plate video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hv-c .hv-edge {
  position: absolute;
  left: 0;
  right: 0;
  height: 22%;
  pointer-events: none;
}
.hv-c .hv-edge.t {
  top: 0;
  background:
    linear-gradient(
      180deg,
      rgba(10, 10, 10, .22),
      rgba(10, 10, 10, 0));
}
.hv-c .hv-edge.b {
  bottom: 0;
  background:
    linear-gradient(
      0deg,
      rgba(10, 10, 10, .28),
      rgba(10, 10, 10, 0));
}
.hv-c .hv-scan {
  position: absolute;
  left: 0;
  right: 0;
  top: -2px;
  height: 2px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(244, 197, 66, .85) 30%,
      rgba(244, 197, 66, .85) 70%,
      transparent);
  box-shadow: 0 0 18px rgba(244, 197, 66, .45);
  animation: hv-scan 6s linear infinite;
}
@keyframes hv-scan {
  from {
    top: -2px;
  }
  to {
    top: 100%;
  }
}
.hv-c .hv-box.live {
  transition: none;
}
.hv-c .hv-box {
  position: absolute;
  left: 60%;
  top: 2%;
  width: 24%;
  height: 28%;
  transition:
    left .9s cubic-bezier(.2, .7, .2, 1),
    top .9s cubic-bezier(.2, .7, .2, 1),
    width .9s cubic-bezier(.2, .7, .2, 1),
    height .9s cubic-bezier(.2, .7, .2, 1);
}
.hv-c .hv-box .c {
  position: absolute;
  width: 14px;
  height: 14px;
  border: 1.5px solid var(--ignite);
}
.hv-c .hv-box .tl {
  left: 0;
  top: 0;
  border-right: 0;
  border-bottom: 0;
}
.hv-c .hv-box .tr {
  right: 0;
  top: 0;
  border-left: 0;
  border-bottom: 0;
}
.hv-c .hv-box .bl {
  left: 0;
  bottom: 0;
  border-right: 0;
  border-top: 0;
}
.hv-c .hv-box .br {
  right: 0;
  bottom: 0;
  border-left: 0;
  border-top: 0;
}
.hv-c .hv-box .tag {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  white-space: nowrap;
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ignite-text);
  background: rgba(10, 10, 10, .72);
  padding: 4px 8px;
}
.hv-c .hv-side {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.hv-c .hv-seq {
  display: block;
  margin: clamp(14px, 2.6vh, 28px) 0 0;
  padding-left: 22px;
  border-left: 2px solid var(--rule-2);
  position: relative;
}
.hv-c .hv-seq::before {
  content: "";
  position: absolute;
  left: -2px;
  top: 0;
  width: 2px;
  height: var(--fill, 25%);
  background: var(--ignite);
  transition: height .7s cubic-bezier(.2, .7, .2, 1);
}
.hv-c .hv-seq[data-active="1"] {
  --fill: 25%;
}
.hv-c .hv-seq[data-active="2"] {
  --fill: 50%;
}
.hv-c .hv-seq[data-active="3"] {
  --fill: 75%;
}
.hv-c .hv-seq[data-active="4"] {
  --fill: 100%;
}
.hv-c .hv-seq li {
  grid-template-columns: 44px 1fr;
  gap: 10px;
  padding: clamp(8px, 1.4vh, 14px) 0;
  border-top: 0;
  opacity: .5;
  cursor: pointer;
  transition: opacity .4s ease;
}
.hv-c .hv-seq li.on,
.hv-c .hv-seq li.done {
  opacity: 1;
}
.hv-c .hv-seq .n {
  font-size: clamp(20px, 3vh, 28px);
  color: var(--soft);
  transition: color .4s ease;
}
.hv-c .hv-seq li.on .n {
  color: var(--ignite-text);
}
.hv-c .hv-seq li.done .n {
  color: var(--white);
}
.hv-c .hv-seq h4 {
  font-size: clamp(15px, 2vh, 18px);
}
.hv-c .hv-seq p {
  max-width: 46ch;
}
.hv-c .hv-side .hp-btns {
  margin-top: auto;
  padding-top: clamp(14px, 2.4vh, 28px);
}
@media (min-width: 900px) {
  .hv-c .hv-split {
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 1fr);
    align-items: stretch;
    min-height: calc(100vh - var(--navh, 72px) - 1px);
    min-height: calc(100svh - var(--navh, 72px) - 1px);
  }
  .hv-c .hv-plate {
    aspect-ratio: 16 / 10;
    height: auto;
    align-self: center;
  }
}
@media (max-width: 760px) {
  .hv-c .hv-plate {
    aspect-ratio: auto;
    height: clamp(150px, 24vh, 260px);
  }
  .hv-c .hv-seq,
  .hv-c .hv-seq.hp-steps {
    display: block;
    margin: 10px 0 0;
    padding: 0 0 0 16px;
    overflow: visible;
  }
  .hv-c .hv-seq li {
    flex: none;
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 8px;
    padding: 7px 0;
    border-top: 0;
  }
  .hv-c .hv-seq .n {
    font-size: 18px;
  }
  .hv-c .hv-seq p {
    font-size: 12px;
    line-height: 1.4;
  }
  .hv-c .hv-side .hp-btns {
    margin-top: 12px;
    padding-top: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hv-c .hv-scan {
    animation: none;
    top: 38%;
  }
}
.hv-d .hv-seq li,
.hv-c.hv-d .hv-seq li {
  grid-template-columns: 112px 1fr;
  gap: 14px;
  align-items: center;
  padding: clamp(6px, 1.1vh, 10px) 0;
}
.hv-d .hv-seq .th {
  position: relative;
  display: block;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: var(--carbon);
}
.hv-d .hv-seq .th img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(.85) brightness(.55);
  transform: scale(1.04);
  transition: filter .7s ease, transform .9s cubic-bezier(.2, .7, .2, 1);
}
.hv-d .hv-seq li.on .th img,
.hv-d .hv-seq li.done .th img {
  filter: none;
  transform: none;
}
.hv-d .hv-seq li.on .th {
  outline: 1.5px solid var(--ignite);
  outline-offset: -1.5px;
}
.hv-d .hv-seq .th .n,
.hv-c.hv-d .hv-seq .th .n {
  position: absolute;
  left: 6px;
  bottom: 4px;
  font-family: var(--mono);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: .12em;
  color: #fff;
  text-shadow: 0 1px 6px rgba(0, 0, 0, .75);
}
.hv-c.hv-d .hv-seq li.on .th .n {
  color: #f4c542;
}
.hv-d .hv-seq h4 {
  font-size: clamp(15px, 2vh, 17px);
}
.hv-d .hv-seq p {
  font-size: clamp(12.5px, 1.7vh, 13.5px);
}
@media (max-width: 760px) {
  .hv-d .hv-seq li,
  .hv-c.hv-d .hv-seq li {
    grid-template-columns: 84px 1fr;
    gap: 10px;
    padding: 6px 0;
  }
  .hv-d .hv-seq p {
    font-size: 11.5px;
    line-height: 1.35;
  }
}
:root {
  --rh-sec-t: clamp(40px, 8vh, 104px);
  --rh-sec-b: clamp(44px, 8.6vh, 112px);
  --rh-head: clamp(24px, 4.6vh, 56px);
  --rh-eb: clamp(10px, 1.6vh, 16px);
  --rh-lede: clamp(12px, 2.2vh, 22px);
  --rh-btn: clamp(18px, 3vh, 32px);
}
.sec.hp .hp-in {
  padding-top: var(--rh-sec-t);
  padding-bottom: var(--rh-sec-b);
}
.sec.hp .hp-eb {
  font-size: 11px;
  letter-spacing: 0.2em;
}
.sec.hp h2 {
  margin-top: var(--rh-eb);
  line-height: 1.02;
  letter-spacing: -0.025em;
  font-size: clamp(30px, min(4.4vw, 6.2vh), 64px);
}
.sec.hp .hp-lede {
  margin-top: var(--rh-lede);
  font-size: clamp(15px, 2vh, 17px);
  line-height: 1.6;
  max-width: 52ch;
}
.sec.hp .hp-btns {
  margin-top: var(--rh-btn);
  gap: 12px;
}
.hp .btn.lg,
.hero .cta-stack .btn.lg {
  padding: clamp(12px, 1.7vh, 16px) clamp(20px, 2vw, 28px);
}
section.hero .content {
  padding-top: clamp(20px, 5vh, 104px);
  padding-bottom: clamp(16px, 4vh, 64px);
}
section.hero .mission {
  margin-bottom: clamp(10px, 1.8vh, 20px);
}
section.hero .lede {
  margin-top: clamp(14px, 2.6vh, 30px);
  max-width: 620px;
}
section.hero .cta-stack {
  margin-top: clamp(16px, 3vh, 36px);
  gap: 12px;
}
section.hero .hero-backed {
  margin-top: clamp(16px, 3.4vh, 40px);
}
section.hero .specs {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 28px;
  max-width: none;
  margin-top: clamp(14px, 2.6vh, 28px);
  padding-top: clamp(12px, 2vh, 18px);
  border-top: 1px solid var(--rule-2);
}
section.hero .specs > div {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}
section.hero .specs .n {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
}
section.hero .specs .n .u {
  font-size: 0.8em;
  margin-left: 1px;
}
section.hero .specs .l {
  margin-top: 0;
  font-size: 10px;
  letter-spacing: 0.14em;
  line-height: 1.4;
}
#press .hp-in {
  padding-top: clamp(32px, 6.5vh, 96px);
  padding-bottom: clamp(36px, 7vh, 104px);
}
.hp-press-b .pb {
  margin-top: clamp(20px, 3.6vh, 44px);
}
.hp-press-b .pt-rail {
  margin-top: clamp(12px, 2vh, 20px);
}
.hp-press-b .hp-mq.rev {
  margin-top: clamp(12px, 2.2vh, 28px);
}
.hp-partner .pa-doors {
  margin-top: var(--rh-head);
}
.hp-partner .pa-tail {
  margin-top: clamp(18px, 3vh, 32px);
  padding-top: clamp(14px, 2.2vh, 20px);
}
.hv-c .hv-split {
  gap: clamp(28px, 4vw, 72px);
}
.hv-c .hv-side {
  justify-content: center;
}
.hv-c .hv-seq {
  margin-top: var(--rh-head);
}
.hv-c .hv-side .hp-btns {
  margin-top: 0;
  padding-top: var(--rh-btn);
}
#locations .hp-loc-foot {
  margin-top: clamp(14px, 2.4vh, 24px);
}
@media (min-width: 900px) {
  .sec.hp:not(#matcha-house) .hp-in:not(.hv-split) {
    min-height: calc(var(--fold) - 1px);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #matcha-house .hp-in.hp-mh {
    min-height: calc(var(--fold) - 3px);
    justify-content: center;
  }
  #locations .hp-loc-foot {
    border-top: 1px solid var(--rule);
    padding-top: clamp(18px, 3vh, 28px);
  }
}
@media (min-width: 900px) and (max-height: 800px) {
  .hv-c.hv-d .hv-seq li {
    grid-template-columns: 96px 1fr;
    padding: 5px 0;
  }
  .hv-c .hv-seq {
    margin-top: clamp(14px, 3vh, 40px);
  }
}
@media (max-width: 760px) {
  :root {
    --rh-sec-t: clamp(40px, 6.2vh, 60px);
    --rh-sec-b: clamp(44px, 6.6vh, 64px);
    --rh-head: clamp(22px, 3.6vh, 34px);
    --rh-eb: 12px;
    --rh-lede: 14px;
    --rh-btn: 22px;
  }
  .hud {
    display: none;
  }
  .sec.hp .hp-in {
    padding-left: 24px;
    padding-right: 24px;
  }
  .sec.hp h2 {
    line-height: 1.05;
  }
  section.hero .content {
    padding-top: clamp(28px, 4.4vh, 40px);
    padding-bottom: 28px;
  }
  section.hero .mission {
    margin-bottom: 12px;
  }
  section.hero .lede {
    margin-top: 16px;
    font-size: 15.5px;
    line-height: 1.55;
  }
  section.hero .cta-stack {
    margin-top: 24px;
    gap: 10px;
  }
  section.hero .hero-backed {
    margin-top: 26px;
  }
  section.hero .specs {
    flex-direction: column;
    gap: 7px;
    margin-top: 20px;
    padding-top: 16px;
  }
  section.hero .specs .n {
    font-size: 14px;
  }
  section.hero .specs .l {
    font-size: 9.5px;
    letter-spacing: 0.1em;
  }
  .hp .btn.lg {
    padding-left: 18px;
    padding-right: 18px;
  }
  .pa-doors,
  .hp-track {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    scroll-padding-inline: 24px;
  }
  .hp-mh {
    gap: 24px;
  }
  .hp-partner .pa-doors {
    gap: 12px;
  }
  .pa-body {
    padding: 16px 16px 18px;
    gap: 8px;
  }
  #how .hp-in {
    padding-top: clamp(32px, 5vh, 52px);
    padding-bottom: clamp(36px, 5.4vh, 56px);
  }
  .hv-c .hv-plate {
    height: clamp(136px, 18vh, 210px);
  }
  .hv-c .hv-seq {
    margin-top: 16px;
  }
  .hv-c.hv-d .hv-seq li,
  .hv-d .hv-seq li {
    grid-template-columns: 64px 1fr;
    gap: 12px;
    padding: 5px 0;
  }
  .hv-c .hv-side .hp-btns {
    gap: 10px;
  }
  .hv-c .hv-side .hp-btns .btn {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 400px) {
  .hv-c .hv-side .hp-btns .btn {
    font-size: 12px;
    padding-left: 14px;
    padding-right: 14px;
    gap: 8px;
  }
  .pb-c {
    flex-basis: min(72vw, 288px);
  }
  .hv-d .hv-seq h4 {
    font-size: 15px;
  }
  .hv-d .hv-seq p {
    font-size: 11.5px;
    line-height: 1.35;
    margin-top: 3px;
  }
  .hv-c .hv-side .hp-btns {
    margin-top: 0;
    padding-top: 18px;
  }
  #press .hp-in {
    padding-top: clamp(20px, 3.6vh, 34px);
    padding-bottom: clamp(24px, 4.2vh, 42px);
  }
  .hp-press-b .pb {
    margin-top: 18px;
    gap: 12px;
  }
  .hp-press-b .pt-rail {
    margin-top: 12px;
  }
  .hp-press-b .hp-mq.rev {
    margin-top: 14px;
  }
  #locations .hp-in {
    padding-left: 20px;
    padding-right: 20px;
  }
  #locations .hp-loc-foot {
    margin-top: 22px;
  }
}
section#max-buy {
  background: var(--black);
  color: var(--bone);
  overflow: hidden;
}
:root[data-theme=dark] section#max-buy {
  --black: #0a0a0a;
  --void: #0d0d0c;
  --carbon: #141413;
  --steel: #1d1d1c;
  --steel-2: #262625;
  --rule: rgba(255,255,255,0.08);
  --rule-2: rgba(255,255,255,0.16);
  --white: #fff;
  --bone: #e9e7e2;
  --soft: rgba(233,231,226,0.62);
  --faint: rgba(233,231,226,0.55);
  --ignite: #f4c542;
  --ignite-text: #f4c542;
  --ignite-display: #f4c542;
  --plasma-text: #ffd76a;
  --on-ignite: #0a0a0a;
  --yf-accent-marker: transparent;
  --plasma: #ffd76a;
}
#max-buy#max-buy .hp-in {
  min-height: calc(var(--fold) - 1px);
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(16px, 2.4vw, 40px);
  padding-top: clamp(14px, 2.6vh, 40px);
  padding-bottom: clamp(14px, 2.6vh, 40px);
}
#max-buy .mm-stage {
  position: relative;
  min-width: 0;
  height: min(calc(var(--fold) - clamp(28px, 5.2vh, 80px)), 46vw);
  border: 1px solid var(--rule);
  border-radius: 4px;
  overflow: hidden;
  background:
    radial-gradient(
      ellipse 70% 70% at 50% 45%,
      #1b1b19 0,
      var(--black) 100%);
}
:root:not([data-theme=dark]) #max-buy .mm-stage {
  background: transparent;
  border-color: var(--rule-2);
}
#max-buy .mm-stage canvas {
  display: block;
  width: 100%;
  height: 100%;
  touch-action: pan-y;
  cursor: grab;
}
#max-buy .mm-stage canvas.over {
  cursor: pointer;
}
#max-buy .mm-stage canvas.dragging {
  cursor: grabbing;
}
#max-buy .mm-hud,
#max-buy .mm-hint {
  position: absolute;
  pointer-events: none;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--faint);
}
#max-buy .mm-hud {
  left: 14px;
  top: 12px;
}
#max-buy .mm-hud b {
  font-weight: 400;
  color: var(--ignite-text);
}
#max-buy .mm-hint {
  right: 14px;
  bottom: 10px;
}
#max-buy .mb-copy {
  min-width: 0;
  max-width: 520px;
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 1.8vh, 20px);
}
#max-buy .hp-eb {
  color: var(--ignite-text);
}
#max-buy h2 {
  margin: 0;
  max-width: none;
  font-size: clamp(28px, min(3.6vw, 5.8vh), 58px);
  line-height: 0.98;
  letter-spacing: -0.02em;
}
#max-buy .mb-lede {
  margin: 0;
  max-width: 46ch;
  color: var(--soft);
  font-size: clamp(14px, 1.9vh, 16px);
  line-height: 1.5;
}
#max-buy .mm-presets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid var(--rule-2);
}
#max-buy .mm-preset {
  background: none;
  border: 0;
  border-left: 1px solid var(--rule-2);
  border-top: 1px solid var(--rule-2);
  text-align: left;
  padding: clamp(7px, 1.2vh, 11px) 12px;
  cursor: pointer;
  font: 600 14px var(--body);
  color: var(--bone);
}
#max-buy .mm-preset {
  min-height: 44px;
  display: flex;
  align-items: center;
}
#max-buy .mm-preset:nth-child(odd) {
  border-left: 0;
}
#max-buy .mm-preset:nth-child(-n+2) {
  border-top: 0;
}
#max-buy .mm-preset small {
  display: block;
  margin-top: 2px;
  font-family: var(--mono);
  font-size: 9.5px;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--faint);
}
#max-buy .mm-preset[aria-pressed=true] {
  background: var(--ignite);
  color: var(--on-ignite);
}
#max-buy .mm-preset[aria-pressed=true] small {
  color: rgba(10, 10, 10, 0.62);
}
#max-buy .mm-ctl {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#max-buy .mm-btn {
  background: transparent;
  border: 1px solid rgba(233, 231, 226, 0.35);
  border-radius: 2px;
  padding: 8px 13px;
  cursor: pointer;
  font: 600 13px var(--body);
  color: var(--bone);
}
#max-buy .mm-btn:hover {
  border-color: var(--bone);
}
:root:not([data-theme=dark]) #max-buy .mm-btn {
  border-color: rgba(13, 13, 12, 0.35);
}
:root:not([data-theme=dark]) #max-buy .mm-btn:hover {
  border-color: var(--bone);
}
#max-buy .mm-btn[aria-pressed=true] {
  border-color: var(--ignite);
  color: var(--ignite-text);
}
#max-buy .mm-preset:focus-visible,
#max-buy .mm-btn:focus-visible {
  outline: 2px solid var(--ignite);
  outline-offset: 2px;
}
#max-buy .mm-card {
  margin: 0;
  min-height: 3em;
  font-size: 13px;
  line-height: 1.5;
  color: var(--soft);
}
#max-buy .mm-card b {
  color: var(--white);
  font-weight: 600;
}
#max-buy .mm-card .mm-st {
  margin-left: 6px;
  font-family: var(--mono);
  font-size: 9.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ignite-text);
}
#max-buy .mm-card .mm-st.pl {
  color: var(--faint);
}
#max-buy .mm-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: 0;
}
#max-buy .mb-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 2px 6px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--soft);
}
#max-buy .mb-price .from,
#max-buy .mb-price .per {
  font: inherit;
  color: inherit;
}
#max-buy .mb-price .n {
  font: inherit;
  font-weight: 600;
  color: var(--bone);
}
#max-buy sup {
  font-family: var(--mono);
  font-size: 0.5em;
  line-height: 0;
  vertical-align: super;
  margin-left: 2px;
  color: var(--ignite-text);
}
#max-buy .hp-btns {
  margin-top: 0;
  gap: 12px;
}
#max-buy .mb-fine {
  margin: 0;
  font-family: var(--mono);
  font-size: 9.5px;
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-transform: uppercase;
  color: var(--soft);
}
@media (max-width: 760px) {
  #max-buy#max-buy .hp-in {
    display: flex;
    align-items: stretch;
    min-height: 0;
    gap: 0;
  }
  :root[data-theme=dark] #max-buy#max-buy .hp-in {
    background: var(--black);
  }
  #max-buy .mb-copy {
    display: contents;
  }
  #max-buy h2 {
    order: 1;
  }
  #max-buy .mb-lede {
    display: none;
  }
  #max-buy .mm-stage {
    order: 2;
    margin: 10px -18px 0;
    height: clamp(230px, 66vw, 320px);
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
  #max-buy .mm-hint,
  #max-buy .mm-hud {
    display: none;
  }
  #max-buy .mm-story {
    order: 3;
    margin-top: 12px;
  }
  #max-buy .mm-presets {
    order: 3;
    margin-top: 12px;
  }
  #max-buy .mm-preset {
    font-size: 13px;
    padding: 8px 10px;
  }
  #max-buy .mm-preset small {
    font-family: var(--body);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
  }
  #max-buy .mm-ctl {
    order: 4;
    margin-top: 10px;
  }
  #max-buy .mm-ctl .mm-btn {
    flex: 1 1 0;
    min-height: 44px;
    padding: 6px;
  }
  #max-buy .mm-card {
    order: 4;
    margin-top: 8px;
    min-height: 0;
    font-size: 12px;
  }
  #max-buy .mm-card:not(.on) {
    display: none;
  }
  #max-buy .hp-btns {
    order: 5;
    margin-top: 14px !important;
    gap: 8px !important;
  }
  #max-buy .hp-btns .btn {
    justify-content: center;
  }
  #max-buy .mb-price {
    order: 6;
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: 0.08em;
  }
  #max-buy sup {
    font-size: 12px;
  }
  #max-buy .mb-fine {
    order: 7;
    margin-top: 10px;
    font-family: var(--body);
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.4;
    text-transform: none;
  }
  #max-buy.mm-tight h2 {
    margin-top: 6px;
  }
  #max-buy.mm-tight .mm-stage {
    margin-top: 6px;
  }
  #max-buy.mm-tight .mm-presets {
    margin-top: 8px;
  }
  #max-buy.mm-tight .mm-story {
    margin-top: 8px;
  }
  #max-buy.mm-tight .mm-ctl {
    margin-top: 6px;
  }
  #max-buy.mm-tight .hp-btns {
    flex-direction: row;
    margin-top: 8px !important;
    gap: 8px !important;
  }
  #max-buy.mm-tight .hp-btns .btn {
    flex: 1 1 0;
    min-width: 0;
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap;
  }
  #max-buy.mm-tight .mb-fine {
    display: none;
  }
  #max-buy.mm-tight#max-buy .hp-in {
    padding-bottom: 10px;
  }
}
html .hero h1.h1-long {
  font-size: clamp(34px, min(4.15vw, 7vh), 68px) !important;
  line-height: 1.02 !important;
}
html .hero h1.h1-long .line,
html .hero h1.h1-long .line-i {
  white-space: normal;
}
@media (min-width: 761px) {
  html .hero .hero-main:has(h1.h1-long) {
    max-width: 1180px;
  }
}
@media (max-width: 760px) {
  html .hero h1.h1-long {
    font-size: clamp(27px, 7.6vw, 34px) !important;
    line-height: 1.06 !important;
  }
}
.m-lede {
  display: none;
}
@media (max-width: 760px) {
  nav.top .logo .wm-prefix {
    display: inline;
  }
  nav.top .logo {
    padding: 13px 0;
    margin: -13px 0;
  }
  .sec.hp .hp-eb,
  .hero .mission {
    display: none !important;
  }
  section.sec.hp::before,
  section.sec.hp::after {
    display: none !important;
  }
  section.sec.hp,
  section.sec.hp.band,
  section.sec.hp.hv,
  section.sec.hp.hp-partner {
    background: var(--steel) !important;
    border-top: 0 !important;
    padding: 12px 0 0 !important;
  }
  section.sec.hp#locations {
    padding-bottom: 12px !important;
  }
  .sec.hp > .hp-in {
    box-sizing: border-box;
    min-height: 0 !important;
    margin: 0 12px !important;
    padding: 0 18px 22px !important;
    background: var(--carbon);
    border: 1px solid var(--rule);
    display: flex !important;
    flex-direction: column !important;
    gap: 0;
    overflow: hidden;
  }
  .sec.hp h2 {
    font-size: 24px !important;
    line-height: 1.12 !important;
    letter-spacing: -0.025em !important;
    margin: 20px 0 0 !important;
    max-width: none !important;
  }
  .sec.hp .hp-btns {
    margin-top: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 2px !important;
  }
  .sec.hp .hp-btns .btn {
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    justify-content: space-between;
    padding: 0 18px !important;
    font-size: 15px !important;
  }
  section.hero {
    display: flex;
    flex-direction: column;
    background: #0d0d0c !important;
  }
  .hero .bg {
    position: relative !important;
    inset: auto !important;
    flex: 1 1 auto;
    min-height: 160px;
    overflow: hidden;
  }
  .hero .bg::after {
    background:
      linear-gradient(
        180deg,
        rgba(13, 13, 12, 0) 60%,
        rgba(13, 13, 12, 1) 100%) !important;
  }
  .hero .bg video,
  .hero .bg img {
    position: absolute;
    inset: 0;
    opacity: 1 !important;
  }
  .hero .grid-overlay {
    display: none !important;
  }
  .hero .content {
    flex: 0 0 auto;
    min-height: 0 !important;
    padding: 4px 18px 22px !important;
    justify-content: flex-start !important;
  }
  .hero h1 {
    font-size: 38px !important;
    line-height: 1 !important;
  }
  .hero .lede {
    font-size: 16px !important;
    line-height: 1.45 !important;
    margin-top: 12px !important;
    color: rgba(255, 255, 255, .86) !important;
    font-weight: 400 !important;
  }
  .hero .lede {
    display: none !important;
  }
  .hero .m-lede {
    display: block;
    margin: 12px 0 0;
    max-width: none;
    font-family: var(--body);
    font-size: 16px;
    line-height: 1.45;
    font-weight: 400;
    color: rgba(255, 255, 255, .86);
    --sd: var(--sd-m);
    transform: translate3d(0, calc((1 - var(--sd, 1)) * 16px), 0);
  }
  .hero .cta-stack {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px !important;
    margin-top: 18px !important;
  }
  .hero .cta-stack .btn {
    box-sizing: border-box;
    min-height: 52px;
    justify-content: space-between;
    padding: 0 14px !important;
    font-size: 15px !important;
    white-space: nowrap;
  }
  .hero .specs {
    display: none !important;
  }
  .hero .hero-backed {
    margin-top: 18px !important;
    gap: 8px !important;
  }
  .hero .hero-backed .hb-label,
  .hero .hero-backed .hb-invest {
    font-size: 12px !important;
    letter-spacing: .12em !important;
  }
  .hero .hero-backed .hb-invest {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin: -14px 0;
    border-bottom: 0 !important;
  }
  .hero .hero-backed {
    --inv-h: 18px;
    --inv-t: 12.5px;
  }
  .hero .hero-backed .inv-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 16px !important;
  }
  .hero .hero-backed .inv-i {
    gap: 7px !important;
  }
  .hero .hero-backed .inv-i b {
    font-size: 13px !important;
  }
  .hero .hero-backed .inv-scouts .inv-mark {
    height: 10px;
  }
  .hero .hero-backed .inv-person {
    grid-column: auto !important;
    margin-left: 0 !important;
    align-items: baseline !important;
    flex-wrap: wrap;
    gap: 0 6px !important;
  }
  .hero .hero-backed .inv-person em {
    font-family: var(--body) !important;
    font-style: normal;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    opacity: .72;
    white-space: nowrap !important;
  }
  #matcha-house > .hp-in {
    background: var(--mh-bg);
    border-color: var(--mh-line);
  }
  #matcha-house .mh-menu {
    order: 1;
    margin: 0 -18px;
  }
  #matcha-house .mh-top {
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  #matcha-house .mh-id,
  #matcha-house .mh-copy {
    display: contents;
  }
  #matcha-house .mark {
    order: 1;
  }
  #matcha-house h2 {
    order: 2;
  }
  #matcha-house .mh-status {
    order: 3;
    align-self: flex-start;
  }
  #matcha-house .hp-btns {
    order: 4;
  }
  #matcha-house .kicker,
  #matcha-house .drink h3,
  #matcha-house .drink p {
    display: none !important;
  }
  #matcha-house .drinks {
    --g: 3px;
    margin: 0 !important;
  }
  #matcha-house .mark {
    margin-top: 18px !important;
  }
  #matcha-house .mark-tag,
  #matcha-house .hp-lede {
    display: none !important;
  }
  #matcha-house h2 {
    margin-top: 10px !important;
    font-size: 22px !important;
    line-height: 1.12 !important;
    letter-spacing: -.005em !important;
  }
  #matcha-house .mh-status {
    margin-top: 10px !important;
    font-size: 12px !important;
  }
  #matcha-house .mh-lnk {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    font-size: 15px;
    text-underline-offset: 4px;
  }
  #press .pb {
    margin-top: 16px !important;
    gap: 10px !important;
  }
  #press .pb-c {
    flex-basis: 60vw !important;
  }
  #press .pb-c .m {
    font-size: 12px !important;
    letter-spacing: .08em !important;
  }
  #press .pb-c b {
    font-size: 15px !important;
    line-height: 1.3 !important;
  }
  #press .pb-c .pb-tv {
    font-size: 12px !important;
  }
  #press .pt-rail,
  #press .hp-mq {
    display: none !important;
  }
  #partner .hp-lede,
  #partner .pa-more {
    display: none !important;
  }
  #partner .pa-doors {
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  #partner .pa-door {
    flex: none !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 14px;
    padding: 10px 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--rule) !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  #partner .pa-door img {
    width: 56px !important;
    height: 56px !important;
    aspect-ratio: 1 !important;
    object-fit: cover;
  }
  #partner .pa-body {
    padding: 0 !important;
    display: contents !important;
  }
  #partner .pa-body h3 {
    font-size: 16px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }
  #partner .pa-one-sub {
    display: none !important;
  }
  #partner .pa-body .go {
    display: none !important;
  }
  #partner .pa-door::after {
    content: "→";
    font-size: 18px;
    color: var(--white);
    justify-self: end;
  }
  #partner .pa-tail {
    display: block !important;
    margin-top: 14px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }
  #partner .pa-notsure {
    font-size: 15px !important;
    line-height: 1.4;
    text-align: left !important;
  }
  #partner .pa-notsure a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--white) !important;
    border-bottom: 0 !important;
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  #how .hp-in.hv-split {
    padding: 0 18px 22px !important;
  }
  #how .hv-plate {
    margin: 0 -18px !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }
  #how .hv-plate .hv-box .tag {
    display: none;
  }
  #how .hv-seq,
  #how .hv-seq.hp-steps {
    margin: 14px 0 0 !important;
    padding: 0 !important;
    border-left: 0 !important;
  }
  #how .hv-seq::before {
    display: none;
  }
  #how .hv-seq li {
    display: flex !important;
    align-items: baseline;
    gap: 12px !important;
    padding: 9px 0 !important;
    border-top: 1px solid var(--rule) !important;
    opacity: 1 !important;
  }
  #how .hv-seq .th {
    width: auto !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
    background: none !important;
    outline: 0 !important;
  }
  #how .hv-seq .th img {
    display: none !important;
  }
  #how .hv-seq .th .n {
    position: static !important;
    font-family: var(--mono);
    font-size: 12px !important;
    color: var(--soft) !important;
    text-shadow: none !important;
  }
  #how .hv-seq h4 {
    font-size: 16px !important;
  }
  #how .hv-seq p {
    display: none !important;
  }
  #how .hv-side .hp-btns {
    margin-top: 16px !important;
    padding-top: 0 !important;
  }
  #how .hv-side .hp-btns .btn:not(.fill) {
    border: 0 !important;
    justify-content: center;
    text-decoration: underline;
    text-underline-offset: 4px;
    min-height: 44px;
  }
  #how .hv-side .hp-btns .btn:not(.fill) .arrow {
    display: none;
  }
  #locations .hp-in {
    padding: 0 18px 22px !important;
  }
  #locations .hp-loc-foot {
    margin-top: 10px !important;
  }
  #locations .hp-note {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  #locations .hp-loc-foot .hp-btns {
    margin-top: 12px !important;
  }
}