/* MMR final hero fix – loaded AFTER storefront.css, so it wins. */
.studio-wp .studio-native-title{ mix-blend-mode:normal !important; }
.studio-wp .studio-native-title .studio-hero__word{ color:#ffffff !important; mix-blend-mode:normal !important; text-shadow:none !important; }
.studio-hero .studio-hero__word{ color:#ffffff !important; mix-blend-mode:normal !important; }
.studio-hero__word{ color:#ffffff !important; mix-blend-mode:normal !important; }
/* Mobile: keep absolute stacking, hero = 3/4 portrait box, title centred over photo */
@media (max-width:767px){
  .studio-hero{ height:auto !important; aspect-ratio:3/4 !important; overflow:hidden !important; }
  .studio-native-slide{ position:absolute !important; inset:0 !important; opacity:0 !important; visibility:hidden !important; }
  .studio-native-slide.is-active{ opacity:1 !important; visibility:visible !important; z-index:1 !important; }
  .studio-native-slide .studio-hero__media{ position:absolute !important; inset:0 !important; }
  .studio-native-slide .studio-hero__img{ width:100% !important; height:100% !important; object-fit:cover !important; }
  .studio-native-title{ position:absolute !important; top:50% !important; left:0 !important; transform:translateY(-50%) !important; width:100% !important; text-align:center !important; z-index:2 !important; mix-blend-mode:normal !important; }
  .studio-native-title .studio-hero__word{ position:static !important; transform:none !important; color:#ffffff !important; mix-blend-mode:normal !important; text-shadow:none !important; }
}

/* ============ MMR: moving announcement ticker (news ticker) ============ */
.studio-marquee {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  max-width: 100% !important;
}
.studio-marquee .studio-marquee__track {
  display: flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  animation: mmr-ticker var(--marquee-duration, 30s) linear infinite !important;
  will-change: transform;
}
.studio-marquee .studio-marquee__group {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}
.studio-marquee .studio-marquee__item,
.studio-marquee .studio-marquee__sep {
  color: #111111 !important;
  background: transparent !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  line-height: 1 !important;
  margin: 0 !important;
  border: 0 !important;
}
.studio-marquee .studio-marquee__item { padding: 8px 0 !important; }
.studio-marquee .studio-marquee__sep { padding: 8px 20px !important; }
@keyframes mmr-ticker {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-1 * var(--marquee-shift, 50%))); }
}
@media (prefers-reduced-motion: reduce) {
  .studio-marquee .studio-marquee__track { animation: none !important; }
}

/* ============ MMR: premium header ============ */
.studio-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 300 !important;
  background: #ffffff !important;
  color: #111111 !important;
  border-bottom: 1px solid #ededed !important;
  box-shadow: none !important;
}
.studio-header__inner {
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 12px 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
}
.studio-header__left {
  display: flex !important;
  align-items: center !important;
  gap: 34px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
.studio-header .studio-header__logo { flex: 0 0 auto !important; }
.studio-header .studio-site-name {
  display: inline-block !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3em !important;
  white-space: nowrap !important;
  color: #111111 !important;
  line-height: 1.2 !important;
}
.studio-header .studio-header__tagline { display: none !important; }
.studio-header__nav ul {
  display: flex !important;
  align-items: center !important;
  gap: 26px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.studio-header__nav a {
  font-size: 12.5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: #111111 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  padding: 4px 0 !important;
}
.studio-header__nav a:hover,
.studio-header__nav a:focus {
  color: #111111 !important;
  text-decoration: underline !important;
  text-underline-offset: 5px !important;
  text-decoration-thickness: 1px !important;
}
.studio-header__right {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-left: auto !important;
  flex: 0 0 auto !important;
}
.studio-header .studio-header__account,
.studio-header .studio-header__cart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #111111 !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  font-size: 11.5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: #111111 !important;
  background: #ffffff !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
}
.studio-header .studio-header__account:hover,
.studio-header .studio-header__cart:hover {
  background: #111111 !important;
  color: #ffffff !important;
}
@media (max-width: 900px) {
  .studio-header__left { gap: 18px !important; }
  .studio-header__inner { padding: 10px 16px !important; gap: 12px !important; }
  .studio-header .studio-site-name {
    font-size: 13px !important;
    letter-spacing: 0.22em !important;
  }
  .studio-header .studio-header__account,
  .studio-header .studio-header__cart {
    padding: 7px 14px !important;
    font-size: 10.5px !important;
  }
}

/* MMR FIX: corrected selectors (spaces) for ticker and header */
.studio-marquee .studio-marquee__track {
  display: flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: none !important;
  animation-name: mmrTickerV2 !important;
  animation-duration: 24s !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
}
.studio-marquee .studio-marquee__group {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
@keyframes mmrTickerV2 {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.studio-header .studio-header__account,
.studio-header .studio-header__cart {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #111111 !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  font-size: 11.5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: #111111 !important;
  background: #ffffff !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}
.studio-header .studio-header__account:hover,
.studio-header .studio-header__cart:hover {
  background: #111111 !important;
  color: #ffffff !important;
}
.studio-header .studio-site-name {
  white-space: nowrap !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3em !important;
  color: #111111 !important;
}
@media (max-width: 900px) {
  .studio-header .studio-site-name { font-size: 13px !important; letter-spacing: 0.22em !important; }
}

/* Hero bottom fades into white, as on the Vurix target (legs fade at the hero base). */
.studio-hero-section .studio-hero__media{-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 99%)!important;mask-image:linear-gradient(to bottom,#000 80%,transparent 99%)!important;}
.studio-hero-section,.studio-hero{background:#fff!important;}

/* statement squiggle: drawn on scroll by js in theme.js (step 2, v1.3.1). css view-timeline animation removed so it cannot fight the js; fallback below kept. */
.studio-statement__squiggle-stroke{stroke-dasharray:5000;stroke-dashoffset:5000;transition:none!important;}
@supports not (animation-timeline:view()){
.studio-statement__squiggle-stroke{stroke-dasharray:none;stroke-dashoffset:0;animation:none;}
}