.cxp-page {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

.cxp-hero h1 {
  line-height: 0.88 !important;
}

.cxp-hero h1 .cxp-line,
.cxp-hero h1 .cxp-line > span,
.cxp-hero h1 .cxp-line--mixed,
.cxp-hero h1 .cxp-line--mixed > span {
  overflow: visible !important;
  contain: none !important;
  clip-path: none !important;
}

.cxp-hero h1 .cxp-line:nth-child(2) {
  margin-top: clamp(0.16rem, 0.58vw, 0.62rem) !important;
}

.cxp-hero h1 .cxp-line:nth-child(3) {
  margin-top: clamp(-0.08rem, -0.12vw, 0rem) !important;
}

.cxp-hero .cxp-word--italic {
  display: inline-block !important;
  margin-left: clamp(0.44rem, 1.24vw, 1.5rem) !important;
  font-family: 'sloop-script-pro', 'sloop-script', 'Sloop Script', 'Bickham Script Pro', 'Snell Roundhand', cursive !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: clamp(190px, 11.7vw, 250px) !important;
  line-height: 0.42 !important;
  letter-spacing: -0.055em !important;
  vertical-align: baseline !important;
  transform: translateY(-0.008em) !important;
  transform-origin: left center !important;
  max-width: none !important;
  width: auto !important;
  overflow: visible !important;
  contain: none !important;
  clip-path: none !important;
}

.cxp-js .cxp-hero .cxp-word--italic {
  transform: translateY(-0.008em) !important;
}

.cxp-scroll-story {
  position: relative !important;
  min-height: 100svh !important;
  overflow: visible !important;
  background: linear-gradient(180deg, #da8e89 0%, #edc2be 48%, #f9f4ec 100%) !important;
  color: #080706 !important;
}

.cxp-scroll-story__pin {
  position: relative;
  min-height: 100svh !important;
  height: 100svh !important;
  display: grid !important;
  align-items: center !important;
  overflow: hidden !important;
  padding: 0 !important;
  background: linear-gradient(180deg, #da8e89 0%, #edc2be 48%, #f9f4ec 100%) !important;
  color: #080706 !important;
  isolation: isolate !important;
}

.cxp-story-liquid-surface {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  opacity: 0.58 !important;
  mix-blend-mode: overlay !important;
  filter: saturate(1.18) contrast(1.18) brightness(1.04) !important;
}

.cxp-story-liquid-surface canvas,
.cxp-story-grain-canvas {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.cxp-story-grain-canvas {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  opacity: 0.28 !important;
  mix-blend-mode: multiply !important;
}

.cxp-scroll-story__pin::before {
  display: none !important;
}

.cxp-scroll-story__pin::after {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  content: '' !important;
  pointer-events: none !important;
  opacity: 0 !important;
  background: radial-gradient(circle at 30% 47%, rgba(255, 87, 87, 0.20), transparent 26rem), linear-gradient(180deg, rgba(255,255,255,0), rgba(249,244,236,0.34)) !important;
  transition: opacity 0.32s ease !important;
}

.cxp-scroll-story.is-card-visible .cxp-scroll-story__pin::after {
  opacity: 0.38 !important;
}

.cxp-page.cxp-story-card-visible .cxp-cursor-dot {
  background: #ff5757 !important;
}

.cxp-page.cxp-story-card-visible .cxp-cursor-ring {
  border-color: rgba(255, 87, 87, 0.82) !important;
  background: rgba(255, 87, 87, 0.08) !important;
  mix-blend-mode: normal !important;
}

.cxp-scroll-story__grid {
  position: relative !important;
  z-index: 4 !important;
  min-height: min(760px, calc(100svh - 8rem)) !important;
  align-items: center !important;
  transform: none !important;
}

.cxp-story-copy {
  position: relative !important;
  min-height: min(560px, 62svh) !important;
  padding-bottom: 0 !important;
}

.cxp-scroll-story .cxp-story-title-active,
.cxp-scroll-story .cxp-story-title-active--intro,
.cxp-scroll-story .cxp-story-title-active--final,
.cxp-scroll-story .cxp-story-title-reference,
.cxp-scroll-story .cxp-story-step-display,
.cxp-scroll-story .hero-phrase {
  display: none !important;
}

.cxp-scroll-story .experience-phrase {
  color: #050403 !important;
  font-family: 'DM Serif Display', Georgia, serif !important;
  font-size: clamp(4rem, 5.92vw, 6.95rem) !important;
  font-weight: 400 !important;
  line-height: 0.88 !important;
  letter-spacing: -0.058em !important;
  text-align: left !important;
  white-space: nowrap !important;
  text-shadow: 0 12px 28px rgba(0, 0, 0, 0.12) !important;
}

.cxp-scroll-story .experience-phrase.is-cxp-controlled {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 8 !important;
  display: block !important;
  margin: 0 !important;
  overflow: visible !important;
  pointer-events: none !important;
  will-change: transform, opacity !important;
}

.cxp-scroll-story .experience-phrase,
.cxp-scroll-story .experience-phrase * {
  box-sizing: border-box;
}

.experience-phrase .phrase-line,
.experience-phrase .phrase-part {
  display: block;
  color: inherit !important;
  line-height: inherit !important;
  text-align: left !important;
}

.experience-phrase.is-cxp-controlled .phrase-line,
.experience-phrase.is-cxp-controlled .phrase-part {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  white-space: nowrap !important;
  will-change: transform !important;
}

.experience-phrase.is-cxp-controlled .phrase-line {
  width: 0 !important;
  height: 0 !important;
  overflow: visible !important;
}

.cxp-story__steps {
  position: relative !important;
  min-height: clamp(310px, 42svh, 430px) !important;
  margin-top: clamp(3.25rem, 6.8vh, 6rem) !important;
  overflow: visible !important;
}

.cxp-story-step-source {
  position: absolute !important;
  left: auto;
  top: auto;
  z-index: 10 !important;
  display: block !important;
  width: min(680px, calc(100vw - 8rem)) !important;
  max-width: 720px !important;
  overflow: visible !important;
  border-left: 0 !important;
  padding: 0 !important;
  color: #080706 !important;
  pointer-events: none !important;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 0, 0);
  will-change: opacity, top, left !important;
}

.cxp-story-step-source span {
  display: inline-flex !important;
  margin-bottom: 0.85rem !important;
  border: 1px solid rgba(255, 87, 87, 0.55) !important;
  border-radius: 999px !important;
  padding: 0.35rem 0.75rem !important;
  background: rgba(255, 255, 255, 0.32) !important;
  color: #7a1f1f !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  box-shadow: 0 12px 26px rgba(255, 87, 87, 0.16) !important;
}

.cxp-story-step-source h3 {
  margin: 0 !important;
  color: #050403 !important;
  font-family: 'DM Serif Display', Georgia, serif !important;
  font-size: clamp(2.55rem, 3.8vw, 4.35rem) !important;
  font-weight: 400 !important;
  line-height: 0.96 !important;
  letter-spacing: -0.045em !important;
  text-shadow: 0 10px 24px rgba(0, 0, 0, 0.10) !important;
}

.cxp-story-step-source p {
  max-width: 680px !important;
  margin: 0.75rem 0 0 !important;
  color: rgba(8, 7, 6, 0.72) !important;
  font-size: clamp(1rem, 1.08vw, 1.12rem) !important;
  line-height: 1.5 !important;
}

.cxp-scroll-story .cxp-story-visual {
  position: relative !important;
  z-index: 7 !important;
  overflow: visible !important;
  will-change: transform, opacity !important;
}

.cxp-scroll-story .cxp-story-visual::before {
  position: absolute !important;
  inset: -34% -42% -34% -42% !important;
  z-index: 0 !important;
  content: '' !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: scale(0.72) rotate(-8deg) !important;
  transform-origin: 50% 50% !important;
  background: radial-gradient(circle at 50% 48%, rgba(255, 87, 87, 0.88) 0%, rgba(255, 87, 87, 0.50) 30%, rgba(255, 87, 87, 0.18) 52%, transparent 72%) !important;
  filter: blur(18px) !important;
  transition: opacity 0.36s ease, transform 0.46s ease !important;
}

.cxp-scroll-story.is-card-visible .cxp-story-visual::before {
  opacity: 1 !important;
  transform: scale(1) rotate(-8deg) !important;
}

.cxp-scroll-story .cxp-pass {
  position: relative !important;
  z-index: 2 !important;
  transform-origin: 50% 50% !important;
  box-shadow: 0 36px 100px rgba(80, 20, 18, 0.24) !important;
}

.cxp-scroll-story .cxp-orbit {
  position: absolute !important;
  z-index: 1 !important;
  background: #ff5757 !important;
  opacity: 0 !important;
  filter: blur(48px) !important;
  will-change: opacity, transform !important;
}

.cxp-scroll-story .cxp-orbit--one {
  inset: 0 auto auto 0 !important;
  width: 340px !important;
  height: 340px !important;
  background: rgba(255, 87, 87, 0.82) !important;
}

.cxp-scroll-story .cxp-orbit--two {
  right: -12% !important;
  bottom: -10% !important;
  width: 360px !important;
  height: 360px !important;
  background: rgba(255, 87, 87, 0.34) !important;
}

@media (max-width: 1280px) {
  .cxp-scroll-story .experience-phrase {
    font-size: clamp(3.7rem, 5.6vw, 6.35rem) !important;
  }
}

@media (max-width: 980px) {
  .cxp-hero .cxp-word--italic {
    margin-left: 0.24em !important;
    font-size: 1.38em !important;
    transform: translateY(-0.01em) !important;
  }

  .cxp-scroll-story__pin {
    height: auto !important;
    min-height: auto !important;
    padding: 5rem 0 !important;
  }

  .cxp-scroll-story .experience-phrase,
  .cxp-scroll-story .experience-phrase.is-cxp-controlled {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    white-space: normal !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 100% !important;
    text-align: left !important;
    transform: none !important;
  }

  .experience-phrase .phrase-line,
  .experience-phrase .phrase-part,
  .experience-phrase.is-cxp-controlled .phrase-line,
  .experience-phrase.is-cxp-controlled .phrase-part {
    position: static !important;
    display: inline !important;
    white-space: normal !important;
    transform: none !important;
  }

  .cxp-story-step-source {
    position: static !important;
    display: block !important;
    width: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
}
