@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Outfit:wght@300;400;500&display=swap');
/* Imported from: ../../sub-components/BraceletCanvas/styles.css */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-bracelet-canvas {
  display: block;
  width: 100%;
  height: 100%;
}

/* End import: ../../sub-components/BraceletCanvas/styles.css */
/* Imported from: ../../sub-components/ProductMoment/styles.css */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Outfit:wght@300;400;500&display=swap');

/* ===== Product moment wrapper =====
   Horizontal gutter uses --arcana-gutter (defined in global.css) so this
   section lines up with the header nav, hero, and every other section.
   Reference: md:min-h-screen flex items-center px-8 md:px-16 py-20 md:py-44 */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm {
  min-height: 80vh;
  display: flex;
  align-items: center;
  padding: 80px var(--arcana-gutter);
}

@media (min-width: 768px) {
  .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm {
    min-height: 100vh;
    padding: 176px var(--arcana-gutter);
  }
}

/* ===== Inner 2-column grid =====
   max-width matches --arcana-max-w (1152px = Tailwind max-w-6xl).
   Reference: max-w-6xl mx-auto grid md:grid-cols-2 gap-10 md:gap-24 items-center
   For right-aligned products: direction:rtl on the grid, direction:ltr on each cell */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__inner {
  max-width: var(--arcana-max-w);
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  align-items: center;
}

@media (min-width: 768px) {
  .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__inner {
    grid-template-columns: 1fr 1fr;
    gap: 96px;
  }

  .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm--right .arcana-pm__inner {
    direction: rtl;
  }

  .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm--right .arcana-pm__stage, .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm--right .arcana-pm__copy {
    direction: ltr;
  }
}

/* ===== Stage column =====
   Entry: opacity 0→1, 1.6s cubic-bezier(0.16,1,0.3,1) — matching BrandStory left-col */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__stage {
  position: relative;
  opacity: 0;
  will-change: opacity;
  transition: opacity 1.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__stage.inview {
  opacity: 1;
}

/* Stage link — the entire bracelet stage navigates to the customizer */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__stage-link {
  display: block;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

/* Aspect-square container, max 560px */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__stage-sq {
  position: relative;
  aspect-ratio: 1;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}

/* Atmospheric tinted glow — looping drift animation (11s) */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__glow {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 125%;
  height: 125%;
  pointer-events: none;
  animation: cc_xzKzT14X1H_OhrKfFfAuB_ps-glow-drift 11s ease-in-out infinite;
}

@keyframes cc_xzKzT14X1H_OhrKfFfAuB_ps-glow-drift {
  0%, 100% {
    opacity: 0.65;
    transform: translate(calc(-50% - 3%), calc(-50% + 2%)) scale(1.0);
  }
  50% {
    opacity: 1;
    transform: translate(calc(-50% + 3%), calc(-50% - 2%)) scale(1.06);
  }
}

/* Soft light shimmer sweep — mix-blend-screen, 14s */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__shimmer {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90%;
  height: 90%;
  pointer-events: none;
  mix-blend-mode: screen;
  background: radial-gradient(circle at 42% 38%, rgba(255, 255, 255, 0.7) 0%, transparent 55%);
  animation: cc_xzKzT14X1H_OhrKfFfAuB_ps-shimmer-sweep 14s ease-in-out infinite;
}

@keyframes cc_xzKzT14X1H_OhrKfFfAuB_ps-shimmer-sweep {
  0%, 100% { opacity: 0; transform: translate(calc(-50% + 8%), -50%); }
  50% { opacity: 0.5; transform: translate(calc(-50% - 8%), -50%); }
}

/* Soft contact shadow grounding the bracelet */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__shadow {
  position: absolute;
  left: 50%;
  bottom: 16%;
  width: 48%;
  height: 6%;
  transform: translateX(-50%);
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.18) 0%, transparent 72%);
  filter: blur(10px);
  animation: cc_xzKzT14X1H_OhrKfFfAuB_ps-shadow-pulse 11s ease-in-out infinite;
}

@keyframes cc_xzKzT14X1H_OhrKfFfAuB_ps-shadow-pulse {
  0%, 100% { opacity: 0.85; transform: translateX(-50%) scaleX(0.94); }
  50% { opacity: 1; transform: translateX(-50%) scaleX(1.04); }
}

/* Canvas wrapper fills the square */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__canvas-wrap {
  position: absolute;
  inset: 0;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__canvas {
  width: 100%;
  height: 100%;
}

/* ===== Copy column =====
   Entry: opacity 0→1, 1.4s cubic-bezier(0.16,1,0.3,1), delay 0.25s
   Same curve as BrandStory left-col (the "expo out" curve for large fades). */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__copy {
  opacity: 0;
  will-change: opacity;
  transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.25s;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__copy.inview {
  opacity: 1;
}

/* ===== Stagger sequence within copy =====
   All text animations use cubic-bezier(0.22,1,0.36,1) — the "circ-out" curve
   matching FadeUp and MaskedLines in the reference.
   Translate: 20px.
   Delays are offset by +0.4s relative to the reference's per-element observer timing
   so that each element begins animating as it enters the viewport rather than
   while still off-screen (the rootMargin -120px trigger fires ~0.4s before the
   grid reaches the viewport bottom at typical scroll speed). */

/* 1. Model label — FadeUp, fires as grid enters viewport */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__model {
  font-family: 'Outfit', sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: #9A9A9A;
  margin: 0 0 24px;
  opacity: 0;
  transform: translateY(20px);
  will-change: transform, opacity;
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.4s,
              transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.4s;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__model.inview {
  opacity: 1;
  transform: translateY(0);
}

/* 2. Product name — MaskedLines
   Reference: font-display font-light clamp(2.2rem,8vw,4.4rem) leading-[1.0/0.95] */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__name {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2.2rem, 8vw, 4.4rem);
  font-weight: 300;
  line-height: 1.05;
  color: #1A1A1A;
  margin: 0 0 12px;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__line-wrap {
  display: block;
  overflow: hidden;
  /* padding-top/bottom: Cormorant Garamond's cedilla (Ç Ş) descends ~0.52em
     below baseline; its superdot (İ) and breve (ğ) rise above cap-height.
     At line-height 1.05 the clip window needs explicit top+bottom room. */
  padding-top: 0.12em;
  margin-top: -0.12em;
  padding-bottom: 0.55em;
  margin-bottom: -0.55em;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__line-inner {
  display: block;
  transform: translateY(115%);
  will-change: transform;
  transition: transform 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0.5s;
  /* will-change:transform compositor layer is sized to this element's own
     layout box (1.05em). Cormorant Garamond's cedilla (Ç Ş) paints ~0.52em
     below baseline — outside the 1.05em box → compositor clips it.
     padding-bottom extends the layout box so the layer covers the cedilla;
     margin-bottom cancels any layout shift. */
  padding-bottom: 0.55em;
  margin-bottom: -0.55em;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__line-inner--0.inview {
  transform: translateY(0);
}

/* 3. Subtitle — FadeUp, delay 0.6s
   Reference: font-display italic text-lg, color = product accent */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__subtitle {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 18px;
  margin: 0 0 40px;
  opacity: 0;
  transform: translateY(20px);
  will-change: transform, opacity;
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.6s,
              transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.6s;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__subtitle.inview {
  opacity: 1;
  transform: translateY(0);
}

/* ===== Hairline accent divider — width 0→48px, delay 0.7s ===== */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__divider {
  height: 1px;
  width: 0;
  margin-bottom: 40px;
  will-change: width;
  transition: width 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.7s;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__divider.inview {
  width: 48px;
}

/* 4. Story — FadeUp, delay 0.75s */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__story {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.95;
  color: #4F4F4F;
  max-width: 42ch;
  margin: 0 0 40px;
  opacity: 0;
  transform: translateY(20px);
  will-change: transform, opacity;
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.75s,
              transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.75s;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__story.inview {
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 768px) {
  .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__story {
    line-height: 2;
    max-width: 40ch;
    margin-bottom: 48px;
  }
}

/* 5. Spec pills — FadeUp, delay 0.85s
   Reference: flex flex-wrap gap-x-6 gap-y-3 mb-10/12, text-[10px/9px] tracking-[0.22em] uppercase */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__specs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-bottom: 40px;
  opacity: 0;
  transform: translateY(20px);
  will-change: transform, opacity;
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.85s,
              transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.85s;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__specs.inview {
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 768px) {
  .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__specs {
    margin-bottom: 48px;
  }
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__spec {
  font-family: 'Outfit', sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #9A9A9A;
}

@media (min-width: 768px) {
  .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__spec {
    font-size: 9px;
  }
}

/* 6. Chip colour selector — FadeUp, delay 1.0s
   Reference: mb-10/12, label text-[9px] tracking-[0.36em] uppercase mb-4,
   swatches flex gap-3.5, swatch w-9 h-9 rounded-full */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__chip-wrap {
  margin-bottom: 40px;
  opacity: 0;
  transform: translateY(20px);
  will-change: transform, opacity;
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1) 1.0s,
              transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) 1.0s;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__chip-wrap.inview {
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 768px) {
  .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__chip-wrap {
    margin-bottom: 48px;
  }
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__chip-label {
  font-family: 'Outfit', sans-serif;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0.36em;
  text-transform: uppercase;
  color: #9A9A9A;
  margin: 0 0 16px;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__chip-swatches {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* Swatch button: 36×36 circle, no background */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__swatch {
  background: none;
  border: none;
  padding: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__swatch:hover {
  transform: scale(1.05);
}

/* Inner colour dot */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__swatch-dot {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

/* Selected chip name label */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__swatch-name {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.16em;
  color: #4F4F4F;
  margin-left: 6px;
}

/* 7. Price + CTA — FadeUp, delay 1.15s */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__buy {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
  opacity: 0;
  transform: translateY(20px);
  will-change: transform, opacity;
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1) 1.15s,
              transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) 1.15s;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__buy.inview {
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 640px) {
  .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__buy {
    flex-direction: row;
    align-items: center;
    gap: 32px;
  }
}

/* Price — font-display font-light text-2xl, color = accent */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__price {
  font-family: 'Cormorant Garamond', serif;
  font-size: 24px;
  font-weight: 300;
  white-space: nowrap;
}

/* Fill-from-left CTA link — routes to the customizer
   Reference: text-[11px] md:text-[10px] tracking-[0.3em] px-10 py-4 */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__cta {
  position: relative;
  display: block;
  text-align: center;
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 16px 40px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  overflow: hidden;
  transition: color 0.3s ease;
  flex: 1;
}

@media (min-width: 640px) {
  .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__cta {
    flex: unset;
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__cta {
    font-size: 10px;
  }
}

/* Fill slide bg */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__cta-bg {
  position: absolute;
  inset: 0;
  background: #1A1A1A;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__cta:hover .arcana-pm__cta-bg {
  transform: scaleX(1);
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__cta-label {
  position: relative;
  z-index: 1;
  transition: color 0.3s ease 0.1s;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__cta:hover .arcana-pm__cta-label {
  color: #FFFFFF;
}

/* ===== prefers-reduced-motion =====
   Skip all transforms; keep only opacity fades at a shorter duration.
   The content still reveals sequentially (via opacity stagger) but
   without any positional movement. */
@media (prefers-reduced-motion: reduce) {
  .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__stage, .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__copy, .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__model, .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__line-inner, .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__subtitle, .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__story, .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__specs, .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__chip-wrap, .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__buy {
    transform: none !important;
    transition-property: opacity !important;
    transition-duration: 0.4s !important;
    transition-timing-function: ease !important;
  }

  /* Looping animations: pause them */
  .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__glow, .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__shimmer, .cc_xzKzT14X1H_OhrKfFfAuB .arcana-pm__shadow {
    animation: none !important;
  }
}

/* End import: ../../sub-components/ProductMoment/styles.css */

/* ===== Section wrapper ===== */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps {
  width: 100%;
  background-color: #FFFFFF;
}

/* ===== Section opener =====
   Uses the same horizontal gutter token (--arcana-gutter) as every other
   section so it aligns exactly with the header nav, hero, testimonials, etc.
   Reference: min-h-[55vh] md:min-h-[70vh] flex flex-col items-center
              justify-center text-center px-8 md:px-16 py-24 md:py-32 */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps__opener {
  min-height: 55vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  /* horizontal padding via token — same breakpoint as every other section */
  padding: 96px var(--arcana-gutter);
}

@media (min-width: 768px) {
  .cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps__opener {
    min-height: 70vh;
    padding: 128px var(--arcana-gutter);
  }
}

/* Inner width cap — matches max-w-6xl used by Testimonials, BrandStory, etc. */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps__opener-inner {
  max-width: var(--arcana-max-w);
  width: 100%;
  margin: 0 auto;
}

/* ===== Eyebrow — FadeUp ===== */
/* Reference: font-body text-[10px] uppercase tracking-[0.42em] mb-8 color text-muted */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps__eyebrow {
  font-family: 'Outfit', sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.42em;
  text-transform: uppercase;
  color: #9A9A9A;
  margin: 0 0 32px;
  opacity: 0;
  transform: translateY(20px);
  will-change: transform, opacity;
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps__eyebrow.--inview {
  opacity: 1;
  transform: translateY(0);
}

/* ===== Headline — MaskedLines ===== */
/* Reference: font-display font-light clamp(2.4rem,9vw,5.5rem) leading-[1.0/0.95] */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps__headline {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2.4rem, 9vw, 5.5rem);
  font-weight: 300;
  line-height: 1.05;
  color: #1A1A1A;
  margin: 0 0 48px;
}

/* Second line: italic, lighter metallic white */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps__headline-accent {
  font-style: italic;
  color: #D8D8D8;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps__line-wrap {
  display: block;
  overflow: hidden;
  padding-top: 0.12em;
  margin-top: -0.12em;
  padding-bottom: 0.55em;
  margin-bottom: -0.55em;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps__line-inner {
  display: block;
  transform: translateY(115%);
  will-change: transform;
  transition: transform 1.0s cubic-bezier(0.22, 1, 0.36, 1);
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps__line-inner--0.--inview {
  transform: translateY(0);
  transition-delay: 0s;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps__line-inner--1.--inview {
  transform: translateY(0);
  transition-delay: 0.08s;
}

/* ===== Opener divider — width animation ===== */
/* Reference: h-px mt-12, width 0→56, delay 0.6s */
.cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps__divider {
  height: 1px;
  width: 0;
  background: #D8D8D8;
  margin-top: 48px;
  will-change: width;
  transition: width 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
}

.cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps__divider.--inview {
  width: 56px;
}

/* ===== Reduced motion — disable all transforms site-wide for this section ===== */
@media (prefers-reduced-motion: reduce) {
  .cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps__eyebrow, .cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps__line-inner {
    transform: none !important;
    transition: opacity 0.4s ease !important;
  }
  .cc_xzKzT14X1H_OhrKfFfAuB .arcana-ps__divider {
    transition: opacity 0.4s ease 0.2s !important;
  }
}