/** Shopify CDN: Minification failed

Line 59:44 Unexpected "__heading"
Line 83:44 Unexpected "__eyebrow"

**/
/* ============================================================
   VOLT / ELECTRIC SKATE SHOE BRAND SKIN — 2026-10-21
   Scoped to body.template-index-motion (class added by
   assets/homepage-motion.js on DOMContentLoaded).
   Loaded from layout/theme.liquid BEFORE the section stylesheets,
   so every rule here that must beat a section base rule carries
   the extra `body.` qualification (0,2,1 > 0,1,0).
   ============================================================ */

body.template-index-motion {
  --volt-ink: #0d0d0d;
  --volt-paper: #f5f5f5;
  --volt-surface: #ffffff;
  --volt-accent: #c6ff00;
  /* volt is unreadable as small text on a light ground: this is the
     light-ground role of the same accent (see role split note) */
  --volt-accent-ink: #4f7300;
  --volt-line: rgba(13, 13, 13, 0.16);
  --volt-line-strong: rgba(13, 13, 13, 0.32);
  --volt-line-dark: rgba(255, 255, 255, 0.18);
  --volt-muted: #4d4d4d;
  --volt-muted-dark: #b8b8b8;
  --volt-head: var(--font-heading--family, "Space Grotesk"), sans-serif;
  --volt-body: var(--font-body--family, Inter), sans-serif;
  --volt-glow: 0 0 0 1px rgba(198, 255, 0, 0.55), 0 0 18px rgba(198, 255, 0, 0.22);

  color: var(--volt-ink);
  background: var(--volt-paper);
  font-family: var(--volt-body);
}

.template-index-motion ::selection {
  color: var(--volt-ink);
  background: var(--volt-accent);
}

/* decorative sections of the old theme stay dead */
.template-index-motion .homepage-ambient,
.template-index-motion .editorial-hero__orbit,
.template-index-motion .editorial-story__watermark,
.template-index-motion .editorial-story__current,
.template-index-motion .editorial-footer__seal,
.template-index-motion .editorial-footer__wordmark {
  display: none !important;
}

/* ---------- typography ---------- */

.template-index-motion h1,
.template-index-motion h2,
.template-index-motion h3,
.template-index-motion .editorial-hero__title,
.template-index-motion [class*="editorial-"]__heading,
.template-index-motion .editorial-hero__fact-value {
  font-family: var(--volt-head);
  font-weight: 700;
  text-transform: uppercase;
}

.template-index-motion .editorial-hero__title,
.template-index-motion .editorial-collections__header h2,
.template-index-motion .editorial-spotlight__copy h2,
.template-index-motion .editorial-spotlight h2,
.template-index-motion .editorial-products__header h2,
.template-index-motion .editorial-recipes__header h2,
.template-index-motion .editorial-story__statement h2,
.template-index-motion .editorial-faq__header h2,
.template-index-motion .editorial-footer__intro h2 {
  font-family: var(--volt-head);
  font-weight: 700;
  line-height: 0.94;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.template-index-motion .editorial-hero__kicker,
.template-index-motion [class*="editorial-"]__eyebrow,
.template-index-motion .editorial-spotlight__index,
.template-index-motion .editorial-story__eyebrow,
.template-index-motion .editorial-story__stage,
.template-index-motion .editorial-faq__header > span,
.template-index-motion .editorial-collections__meta > span:first-child,
.template-index-motion .editorial-spotlight__notes li > span:first-child {
  font-family: var(--volt-head);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ---------- reveal motion: 0.4s ease-out ---------- */

.template-index-motion #MainContent > .shopify-section.home-motion-section {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 400ms cubic-bezier(0.22, 0.9, 0.25, 1), transform 400ms cubic-bezier(0.22, 0.9, 0.25, 1);
}

.template-index-motion #MainContent > .shopify-section.home-motion-section.home-motion-visible {
  opacity: 1;
  transform: none;
}

/* ---------- buttons: sharp, uppercase, 0.15s invert ---------- */

.template-index-motion #MainContent a[class*="button"],
.template-index-motion #MainContent button:not([disabled]) {
  border-radius: 0;
  border-width: 2px;
  font-family: var(--volt-head);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  box-shadow: none;
  transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

.template-index-motion #MainContent a[class*="button"]:hover,
.template-index-motion #MainContent button:not([disabled]):hover {
  transform: none;
}

@keyframes volt-glow-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 1px rgba(198, 255, 0, 0.5), 0 0 16px rgba(198, 255, 0, 0.2);
  }
  50% {
    box-shadow: 0 0 0 1px rgba(198, 255, 0, 0.95), 0 0 32px rgba(198, 255, 0, 0.45);
  }
}

/* ---------- hero: black band ---------- */

.template-index-motion .editorial-hero {
  color: #ffffff;
  background: var(--volt-ink);
}

.template-index-motion .editorial-hero__title {
  color: #ffffff;
}

.template-index-motion .editorial-hero__title .editorial-hero__accent {
  color: var(--volt-accent);
}

.template-index-motion .editorial-hero__kicker {
  color: var(--volt-accent);
}

.template-index-motion .editorial-hero__intro,
.template-index-motion .editorial-hero__intro p {
  color: var(--volt-muted-dark);
}

.template-index-motion .editorial-hero__button {
  border: 2px solid var(--volt-accent);
  color: var(--volt-ink);
  background: var(--volt-accent);
  box-shadow: var(--volt-glow);
}

.template-index-motion .editorial-hero__button:hover {
  color: #ffffff;
  background: transparent;
  border-color: #ffffff;
  box-shadow: none;
}

.template-index-motion .editorial-hero__feature {
  color: #ffffff;
  background: #141414;
  border: 1px solid var(--volt-line-dark);
  border-radius: 0;
}

.template-index-motion .editorial-hero__product {
  overflow: hidden;
  color: #ffffff;
  background: #0d0d0d;
  border: 1px solid var(--volt-line-dark);
  border-radius: 0;
  box-shadow: none;
  transform: none !important;
}

.template-index-motion .editorial-hero__product:hover {
  border-color: var(--volt-accent);
}

.template-index-motion .editorial-hero__product-label {
  top: 0.75rem;
  left: 0.75rem;
  max-width: calc(100% - 1.5rem);
  color: var(--volt-ink);
  background: var(--volt-accent);
  border-radius: 0;
  font-family: var(--volt-head);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  line-height: 1.3;
}

.template-index-motion .editorial-hero__product-image img,
.template-index-motion .editorial-hero__art {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.template-index-motion .editorial-hero__product-meta {
  color: var(--volt-muted-dark);
  border-top-color: var(--volt-line-dark);
}

.template-index-motion .editorial-hero__facts {
  border-color: var(--volt-line-dark);
}

.template-index-motion .editorial-hero__facts strong {
  color: var(--volt-accent);
}

.template-index-motion .editorial-hero__facts span {
  color: var(--volt-muted-dark);
}

/* ---------- marquee: light grey, black, volt slashes ---------- */

.template-index-motion .editorial-marquee {
  border-block: 1px solid var(--volt-line);
}

.template-index-motion .editorial-marquee__track span {
  color: var(--volt-ink);
  font-family: var(--volt-head);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.template-index-motion .editorial-marquee__mark {
  color: var(--volt-accent-ink);
  font-weight: 700;
}

/* ---------- shared light-ground sections ---------- */

.template-index-motion .editorial-collections,
.template-index-motion .editorial-products,
.template-index-motion .editorial-recipes,
.template-index-motion .editorial-faq {
  color: var(--volt-ink);
}

.template-index-motion .editorial-collections__header > div > span,
.template-index-motion .editorial-products__header > div > span,
.template-index-motion .editorial-recipes__header > div > span,
.template-index-motion .editorial-faq__header > span,
.template-index-motion .editorial-collections__eyebrow,
.template-index-motion .editorial-products__eyebrow,
.template-index-motion .editorial-recipes__eyebrow {
  color: var(--volt-accent-ink);
}

.template-index-motion .editorial-collections__text,
.template-index-motion .editorial-recipes__text,
.template-index-motion .editorial-story__text,
.template-index-motion .editorial-faq__text,
.template-index-motion .editorial-collections__header p,
.template-index-motion .editorial-recipes__header p,
.template-index-motion .editorial-faq__header p,
.template-index-motion .editorial-products__header p {
  color: var(--volt-muted);
}

/* ---------- collections: 3-up sharp cards, volt number tag ---------- */

.template-index-motion .editorial-collections__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.template-index-motion .editorial-collections__card,
.template-index-motion .editorial-products__card,
.template-index-motion .editorial-recipes__card {
  overflow: hidden;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid var(--volt-line);
  transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

.template-index-motion .editorial-collections__card {
  min-height: 22rem;
  color: #ffffff;
  background: var(--volt-ink);
  border-color: var(--volt-line-dark);
}

.template-index-motion .editorial-collections__card:hover {
  border-color: var(--volt-accent);
  transform: none !important;
}

.template-index-motion .editorial-collections__media img,
.template-index-motion .editorial-products__media img,
.template-index-motion .editorial-recipes__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.template-index-motion .editorial-collections__meta {
  color: #ffffff;
}

.template-index-motion .editorial-collections__meta > span:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.2rem;
  padding: 0.25rem 0.5rem;
  color: var(--volt-ink);
  background: var(--volt-accent);
  font-size: 0.78rem;
}

.template-index-motion .editorial-collections__meta h3 {
  color: #ffffff;
  font-family: var(--volt-head);
  font-weight: 700;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

.template-index-motion .editorial-collections__meta p {
  color: var(--volt-muted-dark);
}

/* ---------- spotlight: black band ---------- */

.template-index-motion .editorial-spotlight {
  color: #ffffff;
  background: var(--volt-ink);
}

.template-index-motion .editorial-spotlight h2 {
  color: #ffffff;
}

.template-index-motion .editorial-spotlight p {
  color: var(--volt-muted-dark);
}

.template-index-motion .editorial-spotlight__index span:first-child {
  color: var(--volt-accent);
}

.template-index-motion .editorial-spotlight__stamp {
  display: inline-flex;
  align-items: center;
  width: max-content;
  height: auto;
  max-width: calc(100% - 3rem);
  aspect-ratio: auto;
  padding: 0.7rem 1rem;
  color: var(--volt-ink);
  background: var(--volt-accent);
  border: 0;
  border-radius: 0;
  font-family: var(--volt-head);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transform: none;
}

.template-index-motion .editorial-spotlight__notes {
  border-color: var(--volt-line-dark);
}

.template-index-motion .editorial-spotlight__notes li {
  border-color: var(--volt-line-dark);
}

.template-index-motion .editorial-spotlight__notes li > span:first-child {
  color: var(--volt-accent);
}

.template-index-motion .editorial-spotlight__notes li > span:last-child {
  color: #ffffff;
}

.template-index-motion .editorial-spotlight__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

.template-index-motion .editorial-spotlight__button {
  border: 2px solid var(--volt-accent);
  color: var(--volt-ink);
  background: var(--volt-accent);
  box-shadow: var(--volt-glow);
}

.template-index-motion .editorial-spotlight__button:hover {
  color: #ffffff;
  background: transparent;
  border-color: #ffffff;
  box-shadow: none;
}

/* ---------- products: light grey, 3-up sharp ---------- */

.template-index-motion .editorial-products__card {
  color: var(--volt-ink);
  background: var(--volt-surface);
}

.template-index-motion .editorial-products__card:hover {
  border-color: var(--volt-accent-ink);
}

.template-index-motion .editorial-products__number {
  color: var(--volt-ink);
  background: var(--volt-accent);
  border-radius: 0;
  font-family: var(--volt-head);
  font-weight: 600;
}

.template-index-motion .editorial-products__placeholder-button:disabled {
  opacity: 1;
  color: var(--volt-ink);
  background: transparent;
  border: 1px solid var(--volt-line-strong);
}

.template-index-motion .editorial-products__form button {
  color: #ffffff;
  background: var(--volt-ink);
  border: 0;
  border-radius: 0;
  font-family: var(--volt-head);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: color 150ms ease, background-color 150ms ease;
}

.template-index-motion .editorial-products__form button:hover {
  color: var(--volt-ink);
  background: var(--volt-accent);
}

.template-index-motion .editorial-products__button,
.template-index-motion .editorial-products__link,
.template-index-motion .editorial-recipes__link {
  color: var(--volt-accent-ink);
  font-family: var(--volt-head);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* ---------- recipes → tech specs: alternating black / grey ---------- */

.template-index-motion .editorial-recipes__card {
  color: #ffffff;
  background: var(--volt-ink);
  border-color: var(--volt-line-dark);
}

.template-index-motion .editorial-recipes__card:nth-child(2n) {
  color: var(--volt-ink);
  background: #e6e6e6;
  border-color: var(--volt-line);
}

.template-index-motion .editorial-recipes__card:hover {
  border-color: var(--volt-accent);
}

.template-index-motion .editorial-recipes__card:nth-child(2n):hover {
  border-color: var(--volt-accent-ink);
}

.template-index-motion .editorial-recipes__meta > span:first-child {
  color: var(--volt-accent);
}

.template-index-motion .editorial-recipes__card:nth-child(2n) .editorial-recipes__meta > span:first-child {
  color: var(--volt-accent-ink);
}

.template-index-motion .editorial-recipes__meta h3 {
  font-family: var(--volt-head);
  font-weight: 700;
  text-transform: uppercase;
}

.template-index-motion .editorial-recipes__card:nth-child(2n) .editorial-recipes__link,
.template-index-motion .editorial-recipes__card .editorial-recipes__link {
  color: inherit;
}

/* ---------- story: black band, italic quote, volt accent ---------- */

.template-index-motion .editorial-story {
  color: #ffffff;
  background: var(--volt-ink);
}

.template-index-motion .editorial-story__statement h2 {
  color: #ffffff;
  font-style: italic;
  text-transform: none;
  letter-spacing: -0.015em;
}

.template-index-motion .editorial-story__eyebrow span:first-child {
  color: var(--volt-accent);
}

.template-index-motion .editorial-story__statement p {
  color: var(--volt-muted-dark);
}

.template-index-motion .editorial-story__steps li {
  color: #ffffff;
  background: #141414;
  border: 1px solid var(--volt-line-dark);
  border-radius: 0;
  box-shadow: none;
  transition: border-color 150ms ease;
  transform: none !important;
}

.template-index-motion .editorial-story__steps li:hover {
  border-color: var(--volt-accent);
}

.template-index-motion .editorial-story__number,
.template-index-motion .editorial-story__stage {
  color: var(--volt-accent);
}

.template-index-motion .editorial-story__steps h3 {
  color: #ffffff;
  font-family: var(--volt-head);
  font-weight: 700;
  text-transform: uppercase;
}

.template-index-motion .editorial-story__steps p {
  color: var(--volt-muted-dark);
}

/* ---------- FAQ: light grey, 2px rules ---------- */

.template-index-motion .editorial-faq {
  color: var(--volt-ink);
}

.template-index-motion .editorial-faq__list {
  border-top: 2px solid var(--volt-ink);
}

.template-index-motion .editorial-faq__item {
  border-bottom: 2px solid var(--volt-ink);
}

.template-index-motion .editorial-faq__item summary > span:first-child {
  color: var(--volt-accent-ink);
}

.template-index-motion .editorial-faq__item summary > span:nth-child(2) {
  font-family: var(--volt-head);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.template-index-motion .editorial-faq__plus {
  border-radius: 0;
  transition: transform 150ms ease, color 150ms ease, background-color 150ms ease;
}

.template-index-motion .editorial-faq__item[open] .editorial-faq__plus {
  color: var(--volt-ink);
  background: var(--volt-accent);
  border-color: var(--volt-accent);
}

.template-index-motion .editorial-faq__item[open] .editorial-faq__plus {
  transform: rotate(45deg);
}

.template-index-motion .editorial-faq__answer {
  color: var(--volt-muted);
}

/* ---------- footer newsletter ---------- */

.template-index-motion .editorial-footer__newsletter {
  border-radius: 0;
  box-shadow: none;
  transform: none;
}

/* ---------- desktop-only structure (grids) ---------- */

@media (min-width: 800px) {
  /* the base title is capped at 9ch; the accent line needs room to stay on one line */
  .template-index-motion .editorial-hero__title {
    max-width: 16ch;
  }

  .template-index-motion .editorial-hero__title .editorial-hero__accent {
    display: block;
  }

  .template-index-motion .editorial-products__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .template-index-motion .editorial-recipes__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .template-index-motion .editorial-hero__button,
  .template-index-motion .editorial-spotlight__button,
  .template-index-motion .speed-test__button {
    animation: volt-glow-pulse 3.2s ease-in-out infinite;
  }

  .template-index-motion .editorial-hero__button:hover,
  .template-index-motion .editorial-spotlight__button:hover,
  .template-index-motion .speed-test__button:hover {
    animation: none;
  }
}

@media (max-width: 989px) {
  .template-index-motion .editorial-hero {
    min-height: auto;
  }

  .template-index-motion .editorial-collections__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 749px) {
  .template-index-motion .editorial-hero__grid {
    min-height: auto;
  }

  .template-index-motion .editorial-hero__copy {
    min-height: auto;
    gap: 2rem;
    padding: 2.5rem 1.25rem 3rem;
  }

  .template-index-motion .editorial-hero__feature {
    min-height: 27rem;
    padding: 2rem 1.25rem;
  }

  .template-index-motion .editorial-hero__title {
    margin: 0;
    font-size: clamp(3.2rem, 10vw, 4.2rem);
  }

  .template-index-motion .editorial-collections__heading,
  .template-index-motion .editorial-spotlight__heading,
  .template-index-motion .editorial-products__heading,
  .template-index-motion .editorial-recipes__heading,
  .template-index-motion .editorial-story__heading,
  .template-index-motion .editorial-faq__heading,
  .template-index-motion .editorial-collections__header h2,
  .template-index-motion .editorial-spotlight h2,
  .template-index-motion .editorial-products__header h2,
  .template-index-motion .editorial-recipes__header h2,
  .template-index-motion .editorial-story__statement h2,
  .template-index-motion .editorial-faq__header h2 {
    font-size: clamp(2.7rem, 8vw, 3.4rem);
  }

  .template-index-motion .editorial-collections__grid {
    grid-template-columns: 1fr;
  }

  .template-index-motion .editorial-collections {
    padding-block: 3.5rem;
  }

  .template-index-motion .editorial-spotlight__inner {
    padding: 2.4rem 2rem;
  }

  .template-index-motion .editorial-spotlight__media,
  .template-index-motion .editorial-spotlight__fallback {
    min-height: 20rem;
  }

  .template-index-motion .editorial-collections__card {
    min-height: 21rem;
  }

  .template-index-motion .editorial-spotlight__stamp {
    right: auto;
    bottom: 1rem;
    left: 1rem;
    max-width: calc(100% - 2rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .template-index-motion #MainContent > .shopify-section.home-motion-section,
  .template-index-motion #MainContent > .shopify-section.home-motion-section.home-motion-visible {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .template-index-motion #MainContent a[class*="button"],
  .template-index-motion #MainContent button:not([disabled]),
  .template-index-motion .editorial-hero__button,
  .template-index-motion .editorial-spotlight__button,
  .template-index-motion .speed-test__button,
  .template-index-motion .editorial-faq__plus,
  .template-index-motion .editorial-collections__card,
  .template-index-motion .editorial-products__card,
  .template-index-motion .editorial-recipes__card,
  .template-index-motion .editorial-story__steps li {
    transition: none;
    animation: none;
  }

  .template-index-motion .editorial-marquee__track {
    animation: none;
  }
}

/* ------------------------------------------------------------------
   Full-page wallpaper (2026-10-21)
   A fixed, negative-z layer under every section plate. The section
   plates themselves carry alpha in their colour setting, so the
   photo reads through them.
   ------------------------------------------------------------------ */
.volt-wallpaper { display: none; }

body.template-index-motion {
  background-color: transparent;
}

body.template-index-motion .volt-wallpaper {
  display: block;
  position: fixed;
  inset: 0;
  z-index: -3;                 /* theme section plates paint at -2 */
  pointer-events: none;
  background-color: #050505;
  background-image: url(volt-page-bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

body.template-index-motion #MainContent,
body.template-index-motion #MainContent > .shopify-section {
  background-color: transparent;
}

body.template-index-motion .editorial-hero__background img {
  filter: saturate(1.05) contrast(1.02);
}

@media (max-width: 749px) {
  body.template-index-motion .volt-wallpaper {
    background-attachment: scroll;
    background-size: auto 100%;
  }
}

/* Translucent plates: the editor still owns the colour (var from the
   section setting), the skin only turns it into an alpha version so the
   wallpaper reads through. Light plates stay clearly white. */
body.template-index-motion .editorial-marquee {
  background-color: color-mix(in srgb, var(--marquee-bg) 84%, transparent);
}
body.template-index-motion .editorial-collections {
  background-color: color-mix(in srgb, var(--collections-bg) 87%, transparent);
}
body.template-index-motion .editorial-products {
  background-color: color-mix(in srgb, var(--products-bg) 87%, transparent);
}
body.template-index-motion .editorial-recipes {
  background-color: color-mix(in srgb, var(--recipes-bg) 87%, transparent);
}
body.template-index-motion .editorial-faq {
  background-color: color-mix(in srgb, var(--faq-bg) 87%, transparent);
}
body.template-index-motion .editorial-spotlight {
  background-color: color-mix(in srgb, var(--spotlight-bg) 85%, transparent);
}
body.template-index-motion .speed-test {
  background-color: color-mix(in srgb, var(--speed-bg) 85%, transparent);
}
body.template-index-motion .editorial-story {
  background-color: color-mix(in srgb, var(--story-bg) 85%, transparent);
}