/* English copy is longer than Japanese copy. Keep text visible at every breakpoint. */
html[lang="en"] [data-framer-component-type="RichTextContainer"],
html[lang="en"] [data-framer-component-type="RichTextContainer"] svg,
html[lang="en"] [data-framer-component-type="RichTextContainer"] foreignObject {
  overflow: visible !important;
}

html[lang="en"] [data-framer-component-type="RichTextContainer"] p,
html[lang="en"] [data-framer-component-type="RichTextContainer"] h1,
html[lang="en"] [data-framer-component-type="RichTextContainer"] h2,
html[lang="en"] [data-framer-component-type="RichTextContainer"] h3 {
  overflow-wrap: break-word;
  word-break: normal;
}

@media (max-width: 767.98px) {
  html[lang="en"] [data-framer-component-type="RichTextContainer"] {
    max-width: 100% !important;
  }
}

/* Give the desktop language, clock and contact controls enough room. */
@media (min-width: 1200px) and (max-width: 1365px) {
  html[lang="en"] .framer-Ra75Z .framer-1o48vom-container span {
    font-size: 12px !important;
  }

  html[lang="en"] .framer-Ra75Z .framer-2fb9x-container > div {
    font-size: 12px !important;
  }
}

/* English home: keep the animated "What CIZ Runs Daily" heading centered. */
html[lang="en"] .framer-RJSHk .framer-wahu14.ciz-en-scope-heading {
  left: 30px !important;
  right: 30px !important;
  width: auto !important;
  transform: none !important;
  justify-content: center !important;
  overflow: visible !important;
}

html[lang="en"] .framer-RJSHk .framer-wahu14.ciz-en-scope-heading > :not(.ciz-en-scope-copy) {
  visibility: hidden !important;
}

html[lang="en"] [data-framer-name="Block 8"] .ciz-cta-custom-line {
  gap: 0.22em;
}

/* Match the Japanese ad-management creative-reuse section: text only. */
html[lang="en"] .framer-amt4u7:has(img[src*="hxLTYKLz0RDC1IzH6NmhhsKoLF8"]) .framer-c2tepm {
  display: none !important;
}

html[lang="en"] .ciz-ad-text-only-row .framer-1hvo6je,
html[lang="en"] .ciz-ad-text-only-row .framer-164ghfx,
html[lang="en"] .ciz-ad-full-width-text {
  width: 100% !important;
  max-width: none !important;
  flex: 1 1 100% !important;
}

html[lang="en"] .ciz-en-home-about-label {
  display: none !important;
}

@media (min-width: 768px) {
  html[lang="en"] .ciz-en-hero-heading,
  html[lang="en"] .ciz-en-hero-talk {
    top: 45px !important;
  }
}

.ciz-en-scope-copy {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 2.3vw, 34px);
  white-space: nowrap;
  color: rgb(30, 30, 30);
  font-family: "FFF Acid Grotesk Light", "FFF Acid Grotesk Light Placeholder", sans-serif;
  font-size: clamp(34px, 5.68vw, 71px);
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -0.02em;
  pointer-events: none;
}

.ciz-en-scope-piece {
  display: inline-block;
  opacity: 0;
  transform: translateY(0.72em);
  clip-path: inset(0 0 100% 0);
  transition: opacity 520ms ease, transform 760ms cubic-bezier(.2,.75,.2,1), clip-path 760ms cubic-bezier(.2,.75,.2,1);
}

.ciz-en-scope-copy.is-visible .ciz-en-scope-piece {
  opacity: 1;
  transform: translateY(0);
  clip-path: inset(0 0 0 0);
}

.ciz-en-scope-copy.is-visible .ciz-en-scope-piece:nth-child(2) { transition-delay: 120ms; }
.ciz-en-scope-copy.is-visible .ciz-en-scope-piece:nth-child(3) { transition-delay: 240ms; }

@media (max-width: 767.98px) {
  html[lang="en"] .framer-RJSHk .framer-wahu14.ciz-en-scope-heading {
    left: 15px !important;
    right: 15px !important;
  }

  .ciz-en-scope-copy {
    gap: 8px;
    font-size: clamp(25px, 8.2vw, 34px);
  }
}
