/** Shopify CDN: Minification failed

Line 1536:53 Unexpected "nth-child("
Line 1541:53 Unexpected "nth-child("

**/

:root {
  /* SIZES */
  --MUSE-size-3xs: 2px;
  --MUSE-size-2xs: 4px;
  --MUSE-size-xs: 8px;
  --MUSE-size-s: 12px;
  --MUSE-size-m: 16px;
  --MUSE-size-l: 24px;
  --MUSE-size-xl: 40px;
  --MUSE-size-2xl: 64px;
  --MUSE-size-3xl: 120px;
  
  /* FONT SCALES: https://utopia.fyi/type/calculator/?c=320,14,1.2,1240,18,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
  --MUSE-scale-5:  clamp(2.1773rem, 1.7404rem + 2.1843vw, 3.4332rem); /* h1 */
  --MUSE-scale-4:  clamp(1.8144rem, 1.4902rem + 1.6212vw, 2.7466rem); /* h2 */
  --MUSE-scale-3:  clamp(1.5120rem, 1.2736rem + 1.1918vw, 2.1973rem); /* h3 */
  --MUSE-scale-2:  clamp(1.2600rem, 1.0868rem + 0.8658vw, 1.7578rem); /* h4 */
  --MUSE-scale-1:  clamp(1.0500rem, 0.9261rem + 0.6196vw, 1.4063rem); /* h5 */
  --MUSE-scale-0:  clamp(0.8750rem, 0.7880rem + 0.4348vw, 1.1250rem); /* h6, p (base) */
  --MUSE-scale-n1: clamp(0.7292rem, 0.6697rem + 0.2971vw, 0.9000rem); /* smaller */
  --MUSE-scale-n2: clamp(0.6076rem, 0.5686rem + 0.1954vw, 0.7200rem); /* smallest */

  /* FONTS */
  --MUSE-font-body-family: "MuseoSans", "Helvetica", sans-serif;
  --MUSE-font-body-weight-light: 300;
  --MUSE-font-body-weight-regular: 500;
  --MUSE-font-body-weight-bold: 700;
  --MUSE-font-heading-family: "MuseoSansRounded", "Helvetica Rounded", sans-serif;
  --MUSE-font-heading-weight: 700;
  --MUSE-font-heading-weight-light: 300;
  --MUSE-font-heading-weight-regular: 500;
  --MUSE-font-heading-weight-bold: 700;

  /* COLORS */
  --MUSE-color-purple-darkest: #17141a;
  --MUSE-color-purple-darker: #292034;
  --MUSE-color-purple-dark: #332941;
  --MUSE-color-purple-light: #6f72ae;
  --MUSE-color-purple-lightest: #efedf6;
  --MUSE-color-purple-seethrough: rgba(174, 162, 209, 0.2);
  --MUSE-color-fill-primary: #ffffff;
  --MUSE-color-fill-secondary: #edebe6;
  --MUSE-color-gray-light: #e0e0e0;
  --MUSE-color-gray-lightest: #f7f6f3;

  --MUSE-hero-fixed-height: 82.5vh;
  --MUSE-hero-fixed-height-mobile: 75vh;
  --MUSE-floating-header-height-mobile: 4rem;
  --MUSE-frostfx-background: rgba(128, 128, 128, 0.50);
  --MUSE-frostfx-filter: blur(10px);

  /* COMPONENTS */
  --MUSE-base-transition-duration: 300ms;
  --MUSE-container-padding: var(--MUSE-size-l)
}

/* RESET */
* {
  box-sizing: border-box;
  margin: 0;
}
img, svg {
  max-width: 100%; height: auto;
}
[tabindex='-1'] { outline: 0; }
[hidden]:not(#\#) { 
  display: none !important;
}

/* GLOBAL */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}
:target { scroll-margin-top: var(--MUSE-size-3xl); }
html { --DOC-SCROLLBAR-WIDTH: 16px; }
body {
  font-family: var(--MUSE-font-body-family);
  font-size: var(--MUSE-scale-0);
  font-weight: var(--MUSE-font-body-weight-light);
  line-height: 1.6;
}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--MUSE-font-heading-family);
  font-weight: var(--MUSE-font-heading-weight-regular);
  text-wrap: balance;
  line-height: 1.1;
}
h1, .h1 { font-size: var(--MUSE-scale-5); }
h2, .h2 { font-size: var(--MUSE-scale-4); }
h3, .h3 { font-size: var(--MUSE-scale-3); }
h4, .h4 { font-size: var(--MUSE-scale-2); }
h5, .h5 { font-size: var(--MUSE-scale-1); }
h6, .h6 { font-size: var(--MUSE-scale-0); }
.font-small { font-size: var(--MUSE-scale-n1); }
.font-smallest { font-size: var(--MUSE-scale-n2); }
.text-center { text-align: center; }
.text-uppercase { text-transform: uppercase; }
.text-balance { text-wrap: balance; }

/* BUTTONS */
button { cursor: pointer; }
button:where(.button--reset) {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  border: 0 solid transparent;
  border-radius: 0;
  background: transparent;
}
.button {
  --BTN-border-color: var(--MUSE-color-purple-darker);
  --BTN-bg-color: var(--MUSE-color-purple-darker);
  --BTN-text-color: var(--MUSE-color-fill-primary);
  --BTN-font-size: 1rem;
  --BTN-padding-y: 0.625rem;
  --BTN-padding-x: 0.375rem;
  --BTN-min-width: min(100%, 320px);
  
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  min-width: var(--BTN-min-width, 0px);
  padding: var(--BTN-padding-y) var(--BTN-padding-x);
  
  text-align: center;
  font-family: var(--MUSE-font-heading-family);
  font-size: var(--BTN-font-size);
  font-style: normal;
  font-weight: var(--MUSE-font-heading-weight-regular);
  line-height: normal;
  letter-spacing: 0.02em;
  text-decoration: none;
  color: var(--BTN-text-color);
  border: 2px solid var(--BTN-border-color);
  border-radius: 2em;
  background-color: var(--BTN-bg-color);

  transition: all var(--MUSE-base-transition-duration) ease-in-out;
  transition-property: background-color, border-color, color;
}
.button:is(:hover, :focus-visible) {
  --BTN-bg-color: var(--MUSE-color-purple-darkest);
  --BTN-border-color: var(--MUSE-color-purple-dark);
}
.button--secondary {
  --BTN-bg-color: var(--MUSE-color-fill-primary);
  --BTN-border-color: var(--MUSE-color-purple-darkest);
  --BTN-text-color: var(--MUSE-color-purple-darkest);
}
.button--secondary:is(:hover, :focus-visible) {
  --BTN-bg-color: var(--MUSE-color-purple-lightest);
  --BTN-border-color: var(--MUSE-color-purple-dark);
  --BTN-text-color: var(--MUSE-color-purple-darkest);
}
.button--min {
  --BTN-min-width: 0px;
  --BTN-padding-x: calc(var(--BTN-padding-y) * 2);
}

/* UTILITIES */
.container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--MUSE-container-padding);
  padding-right: var(--MUSE-container-padding);
}
.tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--MUSE-size-xs);
  margin: 0;
  padding: 0;
  
  list-style-type: '';
}
.tag {
  display: inline-flex;
  padding: var(--MUSE-size-2xs) var(--MUSE-size-xs);

  border-radius: var(--MUSE-size-3xs);
  background: var(--MUSE-frostfx-background);

  backdrop-filter: var(--MUSE-frostfx-filter);
}
.tag--secondary {
  padding: var(--MUSE-size-2xs) var(--MUSE-size-xs);
  justify-content: center;
  align-items: center;
  gap: var(--MUSE-size-xs);

  color: var(--MUSE-color-purple-darker);

  text-align: center;
  font-family: var(--MUSE-font-heading-family);
  font-size: var(--MUSE-scale-n1);
  font-style: normal;
  font-weight: var(--MUSE-font-heading-weight-regular);
  line-height: 1;
  letter-spacing: 0.015em;

  border-radius: var(--MUSE-size-2xs);
  background: var(--MUSE-color-purple-seethrough);
  backdrop-filter: none;
}

.visually-hidden:not(:focus):not(:active) {	
  border: 0;
  position: absolute;
  overflow: hidden;
  
  width: 1px;
  height: 1px;
  
  margin: -1px;
  padding: 0;
  
  white-space: nowrap;
  
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
}

@media all and not (min-width: 960px) { .desktop-only:not(#\#) { display: none !important; } } /* Shown on mobile only */
@media (min-width: 960px) { .mobile-only:not(#\#) { display: none !important; } } /* Shown on desktop only */

/* COMPONENTS */
/* Floating Header */
.v2-floating-header {
  --C-menu-toggle-size: 2rem;
  --C-navbar-min-height: calc(var(--MUSE-size-s, 1px) * 2 + var(--C-menu-toggle-size, 1rem));
  
  pointer-events: none;
}
.v2-floating-header__wrapper {
  color: var(--C-color, var(--MUSE-color-fill-primary));
  position: sticky;
  top: 0;
  z-index: 99;
  
  overflow: visible !important; /* The zero-height trick won't work if we don't force this to be visible */
  width: 100%;
  height: 0px !important; /* Sticky but doesn't take up space, might be best as a simple position: fixed, TBD… */
}
.v2-floating-header__container {
  position: relative;
  
  padding: var(--MUSE-size-l) 0;
}
.v2-floating-header__navbar {
  display: flex;
  align-items: center;
  gap: var(--MUSE-size-s);
  padding: var(--MUSE-size-s) var(--MUSE-size-m);

  border-radius: var(--MUSE-size-xs);
  background: var(--MUSE-frostfx-background);
  
  backdrop-filter: var(--MUSE-frostfx-filter);
  pointer-events: auto;
}
.v2-floating-header__actions {
  display: flex;
  align-items: center;
  gap: var(--MUSE-size-xs);
}
.v2-floating-header__logo-container { color: inherit; }
.v2-floating-header__logo {
  display: block;
  width: auto;
  max-width: 100%;
  height: 2rem;
}
.v2-floating-header__cta {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 320px;
}
.v2-floating-header__cta.button--min { flex-grow: 0; }
.v2-floating-header__menu-toggle {
  flex-shrink: 0;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: var(--MUSE-size-s);
  
  color: inherit;
  border-radius: var(--MUSE-size-s);
  
  transition: all var(--MUSE-base-transition-duration) ease-in-out;
  transition-property: background-color;
}
.v2-floating-header__menu-toggle:is(:hover, :focus-visible, [aria-expanded=true]) { background: var(--MUSE-frostfx-background); }
.v2-floating-header__menu-toggle > :is(svg, img) {
  display: block;
  width: auto;
  height: var(--C-menu-toggle-size, 2rem);
}
.v2-floating-header__menu-toggle-icon.v2-floating-header__menu-toggle-icon--small {
  height: 1rem;
}
@media all and not (min-width: 960px) {
  .v2-floating-header {
    --C-menu-toggle-size: 1.5rem;
  }
  .v2-floating-header__wrapper {
    --C-gap: calc(var(--MUSE-hero-fixed-height-mobile) - var(--MUSE-size-l) * 2);
    --C-offset: calc(var(--C-gap) - var(--MUSE-floating-header-height-mobile));
    
    top: calc(var(--C-offset) * -1);
  }
  .v2-floating-header__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: var(--MUSE-hero-fixed-height-mobile);
  }
  .v2-floating-header__container > * {
    position: relative;
    z-index: 99;
  }
  .v2-floating-header__logo {
    padding-bottom: calc(-1 * var(--C-offset));
  }
  .v2-floating-header__navbar {
    justify-content: space-between;
    width: 100%;
    height: var(--MUSE-floating-header-height-mobile);
    margin-top: auto;
  }
  .v2-floating-header__message { display: none; }
  .v2-floating-header__cta {
    --BTN-min-width: 0px;
    --BTN-font-size: var(--MUSE-scale-n1);
  }
  /* .v2-floating-header__menu-toggle > :is(svg, img) { height: 1.5rem; } */
  .v2-floating-header__actions { margin-right: auto; }
  .v2-floating-header__cta-label--desktop { display: none; }
}
@media (max-width: 440px) {
  .v2-floating-header__navbar {
    gap: var(--MUSE-size-xs);
    padding: var(--MUSE-size-s) var(--MUSE-size-xs);
  }
  .v2-floating-header__cta { --BTN-padding-x: var(--BTN-padding-y); }
}
@media (max-width: 400px) {
  .header__store-content {
    border: 0;
    position: absolute;
    overflow: hidden;
    
    width: 1px;
    height: 1px;
    
    margin: -1px;
    padding: 0;
    
    white-space: nowrap;
    
    clip: rect(0 0 0 0); 
    clip-path: inset(50%);
  }
}
@media (min-width: 960px) {
  .v2-floating-header__navbar {
    --C-navbar-padding-x: var(--MUSE-size-xl);
    --C-navbar-padding-y: var(--MUSE-size-m);
    gap: var(--MUSE-size-l);
    min-height: calc(var(--C-navbar-min-height) + 2 * var(--C-navbar-padding-y));
    padding: var(--C-navbar-padding-y) var(--C-navbar-padding-x);
  }
  .v2-floating-header__logo-container { margin-right: auto; }
  .v2-floating-header__logo { margin-right: auto; }
  .v2-floating-header__cta { min-width: max-content; }
  .v2-floating-header__cta-label--mobile { display: none; }
}
.v2-floating-header__message { font-weight: bold; flex-grow: 1; text-align: center; }
.v2-floating-header__menu-container {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;

  overflow: hidden;
  overflow: clip;
  
  display: flex;
  width: 80vw;
  max-width: 400px;
  height: 100%;

  pointer-events: none;
  box-shadow: 0 0 0 100vmax rgba(0,0,0,0);

  transition: all var(--MUSE-base-transition-duration) ease-in-out;
  transition-property: background-color, box-shadow;
}
.v2-floating-header__menu-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: var(--MUSE-size-l);

  pointer-events: auto;

  color: #000000;
  background: #ffffff;

  transform: translateX(100%);
}
@media (prefers-reduced-motion: no-preference) {
  .v2-floating-header__menu-inner {
    transition: transform var(--MUSE-base-transition-duration) ease-in-out;
  }
}
.v2-floating-header__menu-container.is-open {
  background: rgba(0,0,0,0.75);
  box-shadow: 0 0 0 100vmax rgba(0,0,0,0.75);
}
.v2-floating-header__menu-container.is-open .v2-floating-header__menu-inner {
  transform: translateX(0%);
}
.v2-floating-header__menu-inner .v2-floating-header__menu-toggle {
  margin-left: auto;
}
.v2-floating-header__menu-list {
  display: flex;
  flex-direction: column;
  gap: var(--MUSE-size-l);

  padding: 0;
  list-style-type: '';
}
.v2-floating-header__menu-item {
  display: flex;
  
  font-size: var(--MUSE-scale-2);
}
.v2-floating-header__menu-link {
  display: block;
  width: 100%;
  
  color: inherit;
  text-decoration: none;
}
.v2-floating-header__menu-link:is(:hover, :focus-visible) {
  color: var(--MUSE-color-purple-darker);
  text-decoration: underline;
}
.v2-floating-header__menu-copyright {
  margin-top: auto;
  padding-top: var(--MUSE-size-s);

  border-top: 1px solid currentColor;
}
@media (min-width: 960px) {
  .v2-floating-header__menu-inner {
    padding: var(--MUSE-size-xl);
  }
}

/* Hero */
.v2-hero {
  display: grid;
  height: var(--MUSE-hero-fixed-height);
}
.v2-hero > *,
.v2-hero::before {
  grid-area: 1 / 1 / -1 / -1; /* Cover the entire grid (no absolute positioning needed, but z-index is! */
}
.v2-hero__image {
  z-index: 0;
  
  width: 100%;
  height: 0; /* Don't participate in grid sizing … */
  min-height: 100%; /* … but take up all the available space within the grid */
  object-fit: cover;
}
.v2-hero::before {
  content: '';
  pointer-events: none;
  
  z-index: 1;
  
  display: block;
  width: 100%;
  height: 100%;
  
  background: var(--C-hero-background, transparent)
}
.v2-hero__content {
  z-index: 2;

  justify-self: center;
  align-self: end;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--MUSE-size-xs);
  max-width: 42rem;
  padding: var(--MUSE-size-s) var(--MUSE-size-m);
  
  text-align: center;
}
.v2-hero__play {
  opacity: 0.25;

  transition: opacity var(--MUSE-base-transition-duration) ease-in-out;
}
.v2-hero__play:is(:hover, :focus-visible) { opacity: 1; }
.v2-hero__play svg { display: block; }
/* .v2-hero__eyebrow {} */
.v2-hero__scroll-callout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--MUSE-size-xs);
}
@media all and not (min-width: 960px) {
  .v2-hero {
    height: var(--MUSE-hero-fixed-height-mobile);
  }
  .v2-floating-header__wrapper ~ .v2-hero__wrapper .v2-hero__content,
  .v2-floating-header__wrapper ~ main > .v2-hero__wrapper .v2-hero__content {
    margin-bottom: calc(var(--MUSE-floating-header-height-mobile) + var(--MUSE-size-l));
  }
}
@media (min-width: 960px) {
  .v2-hero__content {
    gap: var(--MUSE-size-m);
    padding: var(--MUSE-size-2xl) var(--MUSE-size-3xl);
  }
  .v2-hero__heading:not(:last-child) {
    margin-bottom: var(--MUSE-size-m);
  }
  .v2-hero__scroll-callout {
    gap: var(--MUSE-size-xs);
  }
}

/* Scroll-Lock Highlights */
.v2-scroll-lock-highlights__inner {
  display: flex;
  gap: var(--MUSE-size-m);
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding-top: var(--MUSE-size-xl);
  padding-bottom: var(--MUSE-size-xl);
}

.v2-scroll-lock-highlights__highlights {
  display: flex;
  flex-direction: column;
  gap: var(--MUSE-size-m);
  width: 100%;
}
.v2-scroll-lock-highlights__lock {
  display: flex;
  flex-direction: column;
  gap: var(--MUSE-size-m);
}
.v2-scroll-lock-highlights__lock-paragraph {
  max-width: 60ch;
  margin: 0 auto;
}
.v2-scroll-lock-highlights__highlight-image {
  width: 100%;
  max-width: 800px;
}

.v2-scroll-lock-highlights__highlight-details {
  display: flex;
  gap: var(--MUSE-size-l);
}
.v2-scroll-lock-highlights__highlight-detail {
  flex: 1 0 0;
  display: flex;
  gap: var(--MUSE-size-2xs);
  flex-direction: column;
}
.v2-scroll-lock-highlights__highlight-detail-icon {
  width: 2.5rem;
  height: auto;
}

@media (min-width: 960px) {
  .v2-scroll-lock-highlights__inner {
    gap: var(--MUSE-size-xl);
    padding-top: var(--MUSE-size-2xl);
    padding-bottom: var(--MUSE-size-2xl);
  }
  .v2-scroll-lock-highlights__highlights {
    flex-direction: row;
    gap: var(--MUSE-size-l);
  }
  .v2-scroll-lock-highlights__highlight {
    display: flex;
    flex-direction: column;
  }
  .v2-scroll-lock-highlights__highlight-image {
    margin: auto 0;
  }
  .v2-scroll-lock-highlights__highlight-detail {
    gap: var(--MUSE-size-s);
  }
}

/* Logo Strip */
.v2-logo-strip {
  --C-size: 150px;
  --C-gap: 30px;
  --C-duration: 10s;

  padding: var(--MUSE-size-xl) 0;
}

.v2-logo-strip__copy {
  display: flex;
  flex-direction: column;
  gap: var(--MUSE-size-xs);
}
.v2-logo-strip__paragraph { text-wrap: balance; }

.v2-logo-strip__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.v2-logo-strip__image {
  width: var(--C-size);
  height: auto;
}

.v2-logo-strip__list {
  display: flex;
  gap: calc(var(--C-gap) / 3) var(--C-gap);
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: var(--C-gap) 0;     

  list-style-type: '';
}
.v2-logo-strip__cta {
  display: inline-flex;
  justify-content: center;
  gap: var(--MUSE-size-xs);
  max-width: max-content;

  color: inherit;
  text-decoration: none;
}
.v2-logo-strip__cta > svg { width: 1.25em; height: auto; }
.v2-logo-strip__cta:is(:hover, :focus-visible) > span {
  text-decoration: underline;
  text-underline-offset: 0.125em;
}

@media (prefers-reduced-motion: reduce) {
  .v2-logo-strip__list > [aria-hidden="true"] { display: none; }
}
@media (prefers-reduced-motion: no-preference) {
  .v2-logo-strip__wrapper {
      margin: 0;
      display: block;
  }

  .v2-logo-strip__inner {
      overflow: hidden;
      
      mask-image: linear-gradient(
        to right,
        hsl(0 0% 0% / 0),
        hsl(0 0% 0% / 1) 20%,
        hsl(0 0% 0% / 1) 80%,
        hsl(0 0% 0% / 0)
      );
  }

  .v2-logo-strip__list[class] {
      width: max-content;
      flex-wrap: nowrap;

      animation: marquee var(--C-duration) linear infinite;
  }
  .v2-logo-strip__list > li {
    flex-shrink: 0;
    display: block;
  }
  .v2-logo-strip__inner:hover .v2-logo-strip__list {
    animation-play-state: paused;
  }
}
@keyframes marquee {
  to {
    transform: translateX(calc(-50% - var(--C-gap)/2));
  }
}
@media (min-width: 960px) {
  .v2-logo-strip {
    --C-gap: 80px;
    padding: var(--MUSE-size-2xl) 0;
  }

  .v2-logo-strip__copy {
    gap: var(--MUSE-size-s);
  }
  .v2-logo-strip__heading,
  .v2-logo-strip__paragraph {
    text-align: center;
  }
  .v2-logo-strip__paragraph {
    max-width: 60ch;
    margin: 0 auto;
  }
}

/* App Screen Carousel */
@property --C-accent-color {
  syntax: '<color>';
  inherits: false;
  initial-value: #bababa4d;
}

.app-screen-carousel {
  --C-soft-bg: var(--MUSE-color-purple-seethrough);
  position: relative;
  overflow: hidden;
  overflow: clip; /* Allows scroll-margin-top to work */
  
  padding: var(--MUSE-size-xl) 0 0;
}

.app-screen-carousel__prelude {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--MUSE-size-s);
  
  text-align: center;
}

.app-screen-carousel[data-is-interactive='true'], 
.app-screen-carousel[data-is-interactive='false'] .app-screen-carousel__item {
  background: radial-gradient(
    85% 82.67% at 91.75% 17.50%,
    var(--C-accent-color, #bababa4d) 0%,
    var(--C-gradient-alpha, transparent) 71.25%
  ),
  radial-gradient(160% 156% at -30% -13.5%, rgba(128,128,128, 0.5) 0%, var(--C-gradient-alpha, transparent) 79.5%);

  transition: --C-accent-color var(--MUSE-base-transition-duration) ease-in-out;
}

.app-screen-carousel__list {  
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  
  list-style-type: '';
}
.app-screen-carousel[data-is-interactive='false'] .app-screen-carousel__list { margin-top: var(--MUSE-size-xl); }

.app-screen-carousel__item {
  padding-top: var(--MUSE-size-xl);
}
.app-screen-carousel[data-is-interactive='true'] .app-screen-carousel__list {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
}

.app-screen-carousel[data-is-interactive='true'] .app-screen-carousel__item {
  grid-area: 1 / 1 / -1 / -1;
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  padding: var(--MUSE-size-xl) 0;

  transition: all var(--MUSE-base-transition-duration) ease-in-out;
  transition-property: visibility, opacity, transform;
}

.app-screen-carousel[data-is-interactive='true'] .app-screen-carousel__item[data-carousel-item-active='false'] {
  pointer-events: none;
  user-select: none;
  visibility: hidden;
  opacity: 0;
}

.app-screen-carousel__imagery {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
}
@media (prefers-reduced-motion: no-preference) {
  .app-screen-carousel[data-is-interactive='true'] .app-screen-carousel__imagery {
    transform: scale(1) translateX(0%);
    transition: transform 200ms ease-out;
  }
  .app-screen-carousel[data-is-interactive='true'] .app-screen-carousel__item[data-carousel-item-active='false'] .app-screen-carousel__imagery {
    transform: scale(0.9) translateX(calc(var(--C-item-offset-sign, 0) * 100%));
    transition-timing-function: ease-in;
  }
}
.app-screen-carousel__phone {
  position: relative;
  
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60%;
  max-width: 320px;
  aspect-ratio: 8/7;
  margin: 0 auto;
  
  border: 8px solid #ffffff;
  background: #f2f2f2;
  padding: 30px;
  border-bottom-width: 0;
  border-radius: 22px 22px 0 0;
}
.app-screen-carousel__phone::before {
  content: '';
  
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;

  display: block;
  width: 30%;
  height: 20px;
  margin: 0 auto;

  border-radius: 0 0 8px 8px;
  background: white;
}
.app-screen-carousel__icon {
  width: min(50%, 10rem);
}
.app-screen-carousel__detail {
  border-radius: var(--MUSE-size-xs);
  box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.125);
  margin-bottom: 26px;
}

.app-screen-carousel__twoup {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--MUSE-size-l);
}

.app-screen-carousel__tags {
}

.app-screen-carousel__tag {
  display: flex;
  background: var(--C-soft-bg);
}

.app-screen-carousel[data-is-interactive='false'] .app-screen-carousel__controls-wrapper {
  display: none;
}
.app-screen-carousel__body {
  display: flex;
  flex-direction: column;
  gap: var(--MUSE-size-xs);
}

.app-screen-carousel__controls {
  display: flex;
  justify-content: space-between;
  margin-top: var(--MUSE-size-xl);
  padding-top: var(--MUSE-size-xl);
  
  font-size: var(--MUSE-scale-1);
  border-top: 1px solid currentColor;
}
.app-screen-carousel__control-pages {
  font-family: var(--MUSE-font-heading-family);
  font-style: normal;
  font-variation-numeric: tabular-nums;
}
.app-screen-carousel__control-page {
  display: inline-block;
  min-width: 2ch; /* Fix to tabular numbers not being supported with the current font */
  
  font-weight: var(--MUSE-font-heading-weight-bold);
}
.app-screen-carousel__control-buttons {
  display: flex;
  gap: var(--MUSE-size-m);
}
.app-screen-carousel__control-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--MUSE-size-xs);

  aspect-ratio: 1;
  border: 1px solid currentColor;
  border-radius: 4em;
}
.app-screen-carousel__control-button:is(:hover, :focus-visible) {
  background: var(--C-soft-bg);
}
.app-screen-carousel__control-button > svg {
  width: auto;
  height: 0.625em;
}

@media (min-width: 960px) {
  .app-screen-carousel {
    padding-top: var(--MUSE-size-2xl);
  }
  .app-screen-carousel__twoup {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--MUSE-size-2xl);
  }
  .app-screen-carousel__imagery,
  .app-screen-carousel__content {
    flex-basis: 0;
  }
  .app-screen-carousel__imagery { flex-grow: 3; }
  .app-screen-carousel__content { flex-grow: 2; }
  
  .app-screen-carousel__detail {
    max-width: 580px;
    margin-bottom: 44px;
    border-radius: var(--MUSE-size-s);
    box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.125);
  }
}

/* Product Card Toggle */
.v2-product-card-toggle__inner {
  display: flex;
  flex-direction: column;
  gap: var(--MUSE-size-l);
  padding: var(--MUSE-size-l) 0;
}
.v2-product-card-toggle__toggle-list {
  --C-button-font-size: 1rem;
  --C-button-line-height: 1;
  --C-button-padding-x: var(--MUSE-size-l);
  --C-button-padding-y: var(--MUSE-size-s);
  --C-button-radius: calc(var(--C-button-font-size) * var(--C-button-line-height) + 2 * var(--C-button-padding-y));
  --C-list-padding: var(--MUSE-size-2xs);
  --C-list-radius: calc(var(--C-button-radius) + var(--C-list-padding));
  
  display: inline-flex;
  gap: 0;
  margin: 0 auto;
  padding: var(--C-list-padding);

  list-style-type: '';
  border-radius: var(--C-list-radius);
  background: var(--MUSE-color-gray-light);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.v2-product-card-toggle__toggle-button {
  padding: var(--C-button-padding-y) var(--C-button-padding-x);
  
  font-family: var(--MUSE-font-heading-family);
  font-style: normal;
  font-weight: var(--MUSE-font-heading-weight-bold);
  font-size: var(--C-button-font-size);
  line-height: var(--C-button-line-height);
  
  color: var(--MUSE-color-purple-darker);
  border: 0;
  border-radius: var(--C-button-radius);
  background: transparent;

  transition: all var(--MUSE-base-transition-duration) ease-in-out;
  transition-property: color, background-color, box-shadow;
}
.v2-product-card-toggle__toggle-button[aria-pressed='false']:is(:hover, :focus-visible) {
  background: var(--MUSE-color-fill-secondary);
}
.v2-product-card-toggle__toggle-button[aria-pressed='true'] {
  color: var(--MUSE-color-fill-primary);
  background: var(--MUSE-color-purple-darker);
  box-shadow: 0 1.5px 8px rgba(41, 32, 52, 0.2);
}
.v2-product-card-toggle__toggle-button[aria-pressed='true']:is(:hover, :focus-visible) {
  background: var(--MUSE-color-purple-darkest);
}

.v2-product-card-toggle__cards {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: var(--MUSE-size-s) var(--MUSE-size-m);
  margin: 0;
  padding: 0;

  list-style-type: '';
}

.v2-product-card-toggle__card {
  overflow: hidden;
  scroll-margin-top: var(--MUSE-size-3xl);
  
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
  max-width: min(100%, 16rem);
  
  border-radius: var(--MUSE-size-m);
}
.v2-product-card-toggle__images {
  position: relative;
  overflow: hidden;
  flex-grow: 0;
}
.v2-product-card-toggle__lifestyle-photo {
  display: block;
  width: 100%;
  aspect-ratio: 6/5;
  object-fit: cover;
}
.v2-product-card-toggle__product-photo {
  position: absolute;
  bottom: var(--MUSE-size-xs);
  left: var(--MUSE-size-xs);
  
  width: 30%;
  aspect-ratio: 1;
  object-fit: contain;

  border-radius: var(--MUSE-size-s);
  background: #ffffff;
}
.v2-product-card-toggle__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: var(--MUSE-size-m);
  
  color: #000000;
  background: #ffffff;
}
.v2-product-card-toggle__product-title {
  margin-top: var(--MUSE-size-2xs);
}
.v2-product-card-toggle__product-desc {
  margin-top: var(--MUSE-size-s);
  
  font-size: var(--MUSE-scale-0);
}
.v2-product-card-toggle__product-usp {
  margin-top: var(--MUSE-size-s);
  margin-bottom: var(--MUSE-size-s);
  
  font-size: var(--MUSE-scale-n1);
}
.v2-product-card-toggle__product-usp > ul {
  padding-left: 2em;
  list-style-type: disc;
}
.v2-product-card-toggle__product-link {
  margin-top: var(--MUSE-size-s);
}
.v2-product-card-toggle__product-link a {
  display: flex;
  gap: 0.5em;
  justify-content: center;
  
  color: var(--MUSE-color-purple-darkest);
  font-weight: var(--MUSE-font-body-weight-bold);
}
.v2-product-card-toggle__product-link a:is(:hover, :focus-visible) {
  color: var(--MUSE-color-purple-dark);
}
.v2-product-card-toggle__product-link a:is(:hover, :focus-visible) span {
  text-decoration: none;
}
.v2-product-card-toggle__price-cta {
  margin-top: auto;

  display: flex;
  align-items: center;
  gap: var(--MUSE-size-l);
}
.v2-product-card-toggle__cta {
  flex-grow: 1;
  display: flex;
  max-width: 16rem;
  margin-left: auto;
}
.v2-product-card-toggle__price {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.v2-product-card-toggle__price > * { line-height: 1.1; }
.v2-product-card-toggle__price-current {
  font-family: var(--MUSE-font-heading-family);
  font-weight: var(--MUSE-font-heading-weight-bold);
  font-size: var(--MUSE-scale-1);
}
.v2-product-card-toggle__price-compare {
  color: var(--MUSE-color-purple-dark);
  font-size: var(--MUSE-scale-n1);
  text-decoration: line-through;
}

@media not (min-width: 960px) {
  .v2-product-card-toggle__cards-wrapper {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    /* scrollbar-width: none; */

    margin-left: calc(var(--MUSE-container-padding) * -1);
    margin-right: calc(var(--MUSE-container-padding) * -1);
    padding-left: var(--MUSE-container-padding);
    padding-right: var(--MUSE-container-padding);
    
    text-align: center;
  }
  .v2-product-card-toggle__cards {
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    justify-content: safe flex-start;
  }
  .v2-product-card-toggle__card {
    scroll-snap-align: center;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    width: min(80vw, 20rem);
    max-width: 100%;
    
    text-align: left;
  }
}
@media (min-width: 960px) {
  .v2-product-card-toggle__inner {
    padding: var(--MUSE-size-2xl) 0;
  }
  
  .v2-product-card-toggle__toggle-list { display: none; }
  
  .v2-product-card-toggle__cards {
    gap: var(--MUSE-size-m) var(--MUSE-size-l);
  }
   .v2-product-card-toggle__card {
    max-width: 24rem;
  }
  .v2-product-card-toggle__content {
    display: flex;
    flex-direction: column;
    padding: var(--MUSE-size-l);
  }
}

/* Testimonial Carousel */
.v2-testimonial-carousel {
  --C-fullbleed-gap: var(--MUSE-size-m);
  --C-slider-size: min(80vw, 20rem);
  
  display: flex;
  flex-direction: column;
  gap: var(--MUSE-size-l);
  padding: var(--MUSE-size-2xl) 0 0;
}
.v2-testimonial-carousel__cards-container {  }
/* https://www.bram.us/2021/05/06/css-full-bleed-scroll-snapping-carousel-with-visible-overflow/ */
.v2-testimonial-carousel__cards {
  overflow-x: scroll;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  /* scrollbar-width: none; */
  scrollbar-color: currentColor transparent;
  scrollbar-color: color-mix(in hsl, currentColor, transparent) transparent;
  
  display: flex;
  /* width: calc(100vw - var(--DOC-SCROLLBAR-WIDTH, 0px)); */
  width: 100%;
  justify-content: safe center;
  align-items: stretch;
  margin: 0 auto;
  margin-top: var(--MUSE-size-xl);
  /* margin-left: 50%; */
  /* padding: 0 calc(50vw - (var(--DOC-SCROLLBAR-WIDTH, 0px) / 2) - 50%) var(--MUSE-size-xl); */
  padding: 0 var(--MUSE-container-padding) var(--MUSE-container-padding);
  
  list-style-type: '';
  
  /* transform: translateX(-50%); */
}

.v2-testimonial-carousel__card {  
  box-sizing: content-box;

  scroll-snap-align: center;

  flex: 0 0 var(--C-slider-size);
  display: flex;
  width: var(--C-slider-size);
}
.v2-testimonial-carousel__card:not(:last-child) {
  margin-right: var(--C-fullbleed-gap);
}

.v2-testimonial-carousel__card-inner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  
  flex: 1;
  width: min(80vw, 20rem);
  max-width: 100%;
  aspect-ratio: 9/16;
  
  border-radius: var(--MUSE-size-m);
}

[data-card-type="testimonial"] .v2-testimonial-carousel__card-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-content: safe center;
  gap: var(--MUSE-size-s);
  padding: var(--MUSE-size-l);
  overflow: auto;
  
  background:
    radial-gradient(211.26% 205.1% at 143.8% 100%, rgba(111, 114, 174, 0.30) 6.93%, rgba(41, 32, 52, 0.30) 90.6%),
    linear-gradient(0deg, #292034 0%, #292034 100%),
    #292034;
}
.v2-testimonial-carousel__tag {
  font-size: var(--MUSE-scale-n2);
  font-weight: var(--MUSE-font-heading-weight-bold);
  letter-spacing: 0.125em;
  text-transform: uppercase;
}
.v2-testimonial-carousel__rating {
  display: flex;
  gap: var(--MUSE-size-2xs);
}
.v2-testimonial-carousel__quote { font-size: var(--MUSE-scale-0); }
.v2-testimonial-carousel__quote-text { hanging-punctuation: first; }
.v2-testimonial-carousel__quote-block + figcaption { margin-top: var(--MUSE-size-s); }
.v2-testimonial-carousel__quote-author { font-size: var(--MUSE-scale-n1); }
.v2-testimonial-carousel__quote-name { font-weight: var(--MUSE-font-body-weight-bold); }

[data-card-type="social_post"] .v2-testimonial-carousel__card-inner {}
.v2-testimonial-carousel__social-background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  display: block;
  width: 100%;
  height: 100%;

  object-fit: cover;
}
.v2-testimonial-carousel__social-info {
  position: relative;
  
  display: flex;
  align-items: center;
  gap: var(--MUSE-size-l);
  padding: var(--MUSE-size-l);
  padding-bottom: var(--MUSE-size-xl); /* Extends the background gradient a little further */

  /* Built with https://larsenwork.com/easing-gradients/#editor */
  background: linear-gradient(
    to bottom,
    hsla(0, 0%, 0%, 0.9) 0%,
    hsla(0, 0%, 0%, 0.889) 9.8%,
    hsla(0, 0%, 0%, 0.856) 19%,
    hsla(0, 0%, 0%, 0.806) 27.6%,
    hsla(0, 0%, 0%, 0.742) 35.6%,
    hsla(0, 0%, 0%, 0.667) 43%,
    hsla(0, 0%, 0%, 0.583) 50%,
    hsla(0, 0%, 0%, 0.495) 56.6%,
    hsla(0, 0%, 0%, 0.405) 62.8%,
    hsla(0, 0%, 0%, 0.317) 68.7%,
    hsla(0, 0%, 0%, 0.233) 74.3%,
    hsla(0, 0%, 0%, 0.158) 79.7%,
    hsla(0, 0%, 0%, 0.094) 84.9%,
    hsla(0, 0%, 0%, 0.044) 90%,
    hsla(0, 0%, 0%, 0.011) 95%,
    hsla(0, 0%, 0%, 0) 100%
  );
}
.v2-testimonial-carousel__social-avatar {
  width: var(--MUSE-scale-2);
  height: var(--MUSE-scale-2);

  border-radius: 50%;
  background: #ffffff;
}
.v2-testimonial-carousel__social-handle {
  font-size: var(--MUSE-scale-0);
  color: #ffffff;
  text-shadow: 0 1px 2px #0008;
  line-height: 1.2;
}

@media (min-width: 960px) {
  .v2-testimonial-carousel__cards {
    --C-fullbleed-gap: var(--MUSE-size-l);
  }
  .v2-testimonial-carousel__card-inner {
    width: min(80vw, 24rem);
  }
}

/* Closing Section */
.v2-closing-section {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
}
.v2-closing-section__image {
  grid-area: 1 / 1 / -1 / -1;
  width: 100%;
  height: 75vh;
  max-height: 680px;
  object-fit: cover;
}
.v2-closing-section__image--mobile { display: block; }
.v2-closing-section__image--desktop { display: none; }
.v2-closing-section__content {
  grid-row: 2 / -1;
  grid-column: 1 / -1;
}
.v2-closing-section__content-inner {
  max-width: 700px;
  padding: var(--MUSE-size-l);
}
.v2-closing-section__heading:not(:only-child) { margin-bottom: var(--MUSE-size-l); }
.v2-closing-section__cta {
  --BTN-font-size: 1rem;
  
  width: 100%;
  max-width: 20rem;
}
@media (min-width: 680px) {
  .v2-closing-section__image--mobile { display: none; }
  .v2-closing-section__image--desktop { display: block; }
  .v2-closing-section__cta {
    width: auto;
  }
  .v2-closing-section__content-inner {
    padding: var(--MUSE-size-2xl) var(--MUSE-size-3xl);
  }
}

/* Signup Footer */
.v2-signup-footer {
  color: var(--MUSE-color-fill-primary);
  background: var(--MUSE-color-purple-darkest); 
}
.v2-signup-footer__inner {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--MUSE-size-l);
  padding: var(--MUSE-size-2xl) 0;
}
.v2-signup-footer__branding {
  display: flex;
  flex-direction: column;
  gap: var(--MUSE-size-m);
}
.v2-signup-footer__branding-logo {
  width: 100%;
  max-width: 24rem;
}
.v2-signup-footer__branding-copyright {
  font-size: var(--MUSE-scale-n1);
}
@media (min-width: 960px) {
  .v2-signup-footer__inner {
    flex-direction: row;
    align-items: center;
    gap: var(--MUSE-size-3xl);
    justify-content: space-between;
  }
  .v2-signup-footer__branding {
    flex: 2 1 0;
    min-width: 16rem;
  }
  .v2-signup-footer__form-wrapper {
    flex: 5 1 0;
    min-width: 20rem;
  }
}
.v2-signup-footer__form-wrapper ._form-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--MUSE-size-s) var(--MUSE-size-m);
  text-align: left;
}
.v2-signup-footer__form-wrapper ._form-content > :first-child { width: 100%; }
.v2-signup-footer__form-wrapper ._form-content ._field-wrapper input {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 0.625rem 1em;
  
  font-family: var(--MUSE-font-heading-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--MUSE-font-heading-weight-regular);
  line-height: normal;
  text-decoration: none;
  color: var(--MUSE-color-fill-primary);
  border: 0;
  border-bottom: 1px solid var(--MUSE-color-purple-light);
  background-color: var(--MUSE-color-purple-darker);

  transition: all var(--MUSE-base-transition-duration) ease-in-out;
  transition-property: background-color, border-color, color;
}
.v2-signup-footer__form-wrapper ._form-content ._field-wrapper input:focus {
  outline: 2px solid var(--MUSE-color-purple-light);
}
.v2-signup-footer__form-wrapper ._form-content ._form-label { font-size: 0.75em; }
.v2-signup-footer__form-wrapper ._form-content ._button-wrapper button {
  --BTN-border-color: var(--MUSE-color-purple-darker);
  --BTN-bg-color: var(--MUSE-color-purple-darker);
  --BTN-text-color: var(--MUSE-color-fill-primary);
  --BTN-font-size: 1rem;
  --BTN-padding-y: 0.625rem;
  --BTN-padding-x: 2rem;
  --BTN-min-width: min(100%, 320px);
  
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  min-width: var(--BTN-min-width, 0px);
  padding: var(--BTN-padding-y) var(--BTN-padding-x);
  
  text-align: center;
  font-family: var(--MUSE-font-heading-family);
  font-size: var(--BTN-font-size);
  font-style: normal;
  font-weight: var(--MUSE-font-heading-weight-regular);
  line-height: normal;
  letter-spacing: 0.02em;
  text-decoration: none;
  color: var(--BTN-text-color);
  border: 2px solid var(--BTN-border-color);
  border-radius: 2em;
  background-color: var(--BTN-bg-color);

  transition: all var(--MUSE-base-transition-duration) ease-in-out;
  transition-property: background-color, border-color, color;
}
.v2-signup-footer__form-wrapper ._form-content ._button-wrapper button:is(:hover, :focus-visible) {
  --BTN-bg-color: var(--MUSE-color-purple-darkest);
  --BTN-border-color: var(--MUSE-color-purple-dark);
}
.v2-signup-footer__form-wrapper ._form-content ._button-wrapper button {
  --BTN-bg-color: var(--MUSE-color-fill-primary);
  --BTN-border-color: var(--MUSE-color-purple-darkest);
  --BTN-text-color: var(--MUSE-color-purple-darkest);
}
.v2-signup-footer__form-wrapper ._form-content ._button-wrapper button:is(:hover, :focus-visible) {
  --BTN-bg-color: var(--MUSE-color-purple-lightest);
  --BTN-border-color: var(--MUSE-color-purple-dark);
  --BTN-text-color: var(--MUSE-color-purple-darkest);
}
@media (min-width: 960px) {
  .v2-signup-footer__form-wrapper ._form-content ._button-wrapper { align-self: flex-end; }
  .v2-signup-footer__form-wrapper ._form-content {
    flex-direction: row;
  }
  
  @supports (grid-template-rows: subgrid) {
    .v2-signup-footer__form-wrapper ._form-content {
      display: grid;
      grid-template-columns: [--full-start --name-start] auto [--name-end --email-start] auto [--email-end --submit-start] auto [--submit-end --full-end] minmax(0, 1fr);
      grid-template-rows: auto auto auto auto;
      gap: var(--MUSE-size-xs) var(--MUSE-size-m);
    }

    .v2-signup-footer__form-wrapper ._form-content > :not(._clear-element) { grid-row: 2 / span 2; }
    .v2-signup-footer__form-wrapper ._form-content > :first-child {
      grid-column: --full;
      grid-row: 1;
    }
    .v2-signup-footer__form-wrapper ._form-content > :not(._clear-element):not(:first-child) {
      display: grid;
      grid-template-rows: subgrid;
      gap: var(--MUSE-size-3xs);
      align-items: center;
    }
    
    .v2-signup-footer__form-wrapper ._form-content > nth-child(2) ._form-label,
    .v2-signup-footer__form-wrapper ._form-content > nth-child(3) ._form-label {
      grid-row: 1;
    }
  
    .v2-signup-footer__form-wrapper ._form-content > nth-child(2) ._field-wrapper,
    .v2-signup-footer__form-wrapper ._form-content > nth-child(3) ._field-wrapper {
      grid-row: 2;
      align-content: center;
    }
  
    .v2-signup-footer__form-wrapper ._form-content > :nth-child(4) { grid-row: 3; }
  }
}

/* Tab Slides */
.v2-tab-slider {
  overflow: hidden;
  overflow: clip; /* Allows scroll-margin-top to work */
  padding: var(--MUSE-size-xl) 0;
}

.v2-tab-slider__heading { text-align: center; }
.v2-tab-slider__tabs {
  display: inline-flex;
  justify-content: center;
  /* min-width: 300px; */
  /* width: max-content; */
  margin: var(--MUSE-size-xl) auto 0;
  padding: 0;

  list-style-type: '';
  color: var(--C-inactive-color);
  border-bottom: 1px solid currentColor;
}
.v2-tab-slider[data-is-interactive='false'] .v2-tab-slider__tabs {
  display: none; /* No-JS scenario */
}
.v2-tab-slider__tab {
  flex: 1 0 0;
  display: flex;
  justify-content: stretch;
}
.v2-tab-slider__tab-trigger {
  width: 100%;
  padding: var(--MUSE-size-s) var(--MUSE-size-m);
  box-shadow: inset 0 0 0 -0.25px currentColor;

  transition: color var(--MUSE-base-transition-duration) ease-in-out;
  transition-property: color, box-shadow;
}
.v2-tab-slider__tab-trigger:is(:hover, :focus-visible) {
  color: var(--C-inactive-color);
  box-shadow: inset 0 calc(var(--MUSE-size-3xs) * -1) 0 -0.25px currentColor;
  outline: 0;
}
.v2-tab-slider__tab-trigger:focus-visible { outline: 2px solid var(--MUSE-color-purple-light); }
.v2-tab-slider__tab-trigger[aria-pressed="true"] {
  color: var(--C-active-color);
  box-shadow: inset 0 calc(var(--MUSE-size-2xs) * -1) 0 -0.25px currentColor;
}
.v2-tab-slider__slides {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--MUSE-size-m);
  margin-top: var(--MUSE-size-xl);
}
.v2-tab-slider__slide {
  isolation: isolate;
  
  overflow: hidden;
  place-self: center;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 1fr auto;
  gap: var(--MUSE-size-m);
  max-width: 500px;
  
  border-radius: var(--MUSE-size-m);
  background: var(--MUSE-color-purple-seethrough);
}

.v2-tab-slider__slide-image {
  grid-area: 1 / 1 / -1 / -1;
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.v2-tab-slider__slide-content {
  z-index: 1;
  
  grid-column: 1;
  grid-row: 2;
  place-self: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--MUSE-size-s);
  max-width: 34rem;
  margin: var(--MUSE-size-m);
  padding: var(--MUSE-size-l);

  color: var(--MUSE-color-purple-darkest, black);
  border-radius: var(--MUSE-size-s);
  background: var(--MUSE-color-gray-lightest, white);
}
@media not (min-width: 960px) {
  .v2-tab-slider__slide-content {
    padding: var(--MUSE-size-m); 
    border-radius: var(--MUSE-size-2xs);
  }
  .v2-tab-slider__slide-title { font-size: var(--MUSE-scale-2); }
  .v2-tab-slider__slide-paragraph { line-height: 1.3; }
}

.v2-tab-slider[data-is-interactive='true'] .v2-tab-slider__slides {
  grid-template-rows: auto;
}
.v2-tab-slider[data-is-interactive='true'] .v2-tab-slider__slide {
  z-index: 1;
  grid-area: 1 / 1 / -1 / -1;

  transition: all var(--MUSE-base-transition-duration) ease-in-out;
  transition-property: opacity, visibility, transform;
}
.v2-tab-slider[data-is-interactive='true'] .v2-tab-slider__slide[data-tabslide-active='false'] {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  .v2-tab-slider[data-is-interactive='true'] .v2-tab-slider__slide[data-tabslide-active='false'] {
    transform: translateX(-100%) scale(0.9);
  }
  .v2-tab-slider[data-is-interactive='true'] .v2-tab-slider__slide[data-tabslide-active='true'] ~ .v2-tab-slider__slide[data-tabslide-active='false'] {
    transform: translateX(100%) scale(0.9);
  }
}
@media (min-width: 680px) {
  .v2-tab-slider__tabs { min-width: clamp(320px, 50vw, 100%); }
}
@media (min-width: 960px) {
  .v2-tab-slider {
    padding: var(--MUSE-size-2xl) 0;
  }
  .v2-tab-slider__slide {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
  .v2-tab-slider__slide-content {
    grid-row: 1;
    grid-column: 2;
    min-height: 16rem;
    margin: var(--MUSE-size-l);
    padding: var(--MUSE-size-xl);
  
    border-radius: var(--MUSE-size-m);
  }

  .v2-tab-slider__slide {
    max-width: 100%;
  }
}

/* Icon List */
.v2-icon-list {
  --C-rule-width: 1px;
  padding: var(--MUSE-size-xl) 0;
}
.v2-icon-list__inner > * + * { margin-top: var(--MUSE-size-xs); }
.v2-icon-list__eyebrow { font-size: var(--MUSE-scale-n1); }
.v2-icon-list__description {
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}
.v2-icon-list__list {
  display: flex;
  flex-direction: column;
  gap: var(--C-rule-width);
  width: 100%;
  margin-top: var(--MUSE-size-l); /* Overwrites the owl selector (* + *) above */
  padding: 0;
  overflow: hidden;
  list-style-type: '';
}
@supports (clip-path: inset(var(--x))) {
  .v2-icon-list__list {
    overflow: initial;
    clip-path: inset(var(--C-rule-width) 0px);
  }
}
.v2-icon-list__item {
  display: flex;
  align-items: center;
  gap: var(--MUSE-size-m);
  padding: var(--MUSE-size-l) 0;
  
  box-shadow: 0 calc(var(--C-rule-width) * -1) 0 var(--MUSE-color-fill-secondary), 0 var(--C-rule-width) 0 var(--MUSE-color-fill-secondary);
}
.v2-icon-list__item:first-child {
  box-shadow: 0 var(--C-rule-width) 0 var(--MUSE-color-fill-secondary);
}
.v2-icon-list__item:last-child {
  box-shadow: 0 calc(var(--C-rule-width) * -1) 0 var(--MUSE-color-fill-secondary);
}
.v2-icon-list__icon {
  flex: 0 0 auto;
  display: block;
  width: 4rem;
  align-self: flex-start;
}
.v2-icon-list__text > p { line-height: 1.2; }
.v2-icon-list__text > p + p { margin-top: var(--MUSE-size-xs); }
@media (min-width: 680px) {
  .v2-icon-list {
    padding: var(--MUSE-size-2xl) 0;
  }
  
  .v2-icon-list__eyebrow,
  .v2-icon-list__heading,
  .v2-icon-list__description {
    text-align: center;
  }
  
  .v2-icon-list__list {
    display: block;
    columns: auto 24rem;
    column-gap: var(--MUSE-size-xl);
  }

  .v2-icon-list__item {
    margin: var(--C-rule-width) 0;
  }
}
@media (min-width: 960px) {
  .v2-icon-list__icon {
    width: 5rem;
  }
}

/* LEGACY CARRYOVER */
/* Sidecart */

/* Region Picker button */
.header__store-content {
    font-size: 0.875rem;
    line-height: 1;
}

/* Search */
.navigation__search-form {
  pointer-events: auto;
  
  position: absolute;
  top: calc(100% - var(--MUSE-size-l)); /* Cancel the container's vertical padding */
  right: var(--MUSE-size-xs);/* Inset so the container's border-radius doesn't clash */

  display: flex;
  gap: var(--MUSE-size-s);
  width: auto;
  min-width: 200px;
  max-width: 90vw;
  padding: var(--MUSE-size-s);
  
  color: #000;
  border-radius: 0 0 var(--MUSE-size-xs) var(--MUSE-size-xs);
  background: #fff;
  
  animation: searchReveal var(--MUSE-base-transition-duration) ease-out;
}
@keyframes searchReveal { from { opacity: 0; }}
@media (prefers-reduced-motion: no-preference) {
  @keyframes searchReveal {
    from { clip-path: inset(0 0 100% 0); }
    to { clip-path: inset(0 0 0 0); }
  }
}

.navigation__search-form input[type=text] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 0.625rem 1em;
  
  font-family: var(--MUSE-font-heading-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--MUSE-font-heading-weight-regular);
  line-height: normal;
  text-decoration: none;
  color: var(--MUSE-color-purple-darkest);
  border: 0;
  border-bottom: 1px solid var(--MUSE-color-purple-dark);
  background-color: var(--MUSE-color-fill-secondary);

  transition: all var(--MUSE-base-transition-duration) ease-in-out;
  transition-property: background-color, border-color, color;
}
.navigation__search-form input[type=text]:focus {
  outline: 2px solid var(--MUSE-color-purple-light);
}

/* Two-Up or fifty-fifty component */
.v2-two-up {
    padding: var(--MUSE-size-xl) 0;
}
.v2-two-up__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--MUSE-size-l);
  width: 100%;
}
.v2-two-up__content > * + * { margin-top: 1em; }
.v2-two-up__content > * + :is(h2, h3, h4) { margin-top: 0.125em; }
.v2-two-up__pre-heading { font-weight: var(--MUSE-font-body-weight-bold); }
.v2-two-up__image { border-radius: var(--MUSE-size-m); }
@media (min-width: 960px) {
  .v2-two-up__wrapper {
    flex-direction: row;
    align-items: center;
  }
  .v2-two-up__col { flex: 1 1 calc(50% - var(--MUSE-size-l)); }
  .v2-two-up__image-wrap { align-self: flex-start; }
  .v2-two-up__image { width: 100%; }
}