/* V46 final overrides: interaction safety, journal layout and home section rhythm. */

body:not(.command-menu-open) .command-menu,
body:not(.command-menu-open) .command-menu *,
.command-menu:not(.is-open),
.command-menu:not(.is-open) * {
  pointer-events: none !important;
}

.command-menu[aria-hidden="true"],
.command-menu:not(.is-open) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.command-menu:not(.is-open) .command-menu__panel,
.command-menu:not(.is-open) .command-menu__backdrop,
.command-menu:not(.is-open) .theme-switcher {
  visibility: hidden !important;
}

.command-menu.is-open {
  display: block !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

.command-menu.is-open .command-menu__panel,
.command-menu.is-open .command-menu__backdrop,
.command-menu.is-open .theme-switcher,
.command-menu.is-open a,
.command-menu.is-open button {
  pointer-events: auto !important;
  visibility: visible !important;
}

.command-menu__grain {
  pointer-events: none !important;
}

html body .section--editorial-strip {
  position: relative !important;
  overflow: hidden !important;
  padding-block: clamp(5rem, 8vw, 8.25rem) !important;
}

html body .section--editorial-strip::before {
  content: "" !important;
  position: absolute !important;
  inset: clamp(1rem, 2.4vw, 2rem) !important;
  z-index: 0 !important;
  border: 1px solid color-mix(in srgb, var(--line) 72%, transparent) !important;
  border-radius: clamp(1.8rem, 4vw, 3.6rem) !important;
  background:
    radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--accent-soft) 34%, transparent), transparent 34%),
    radial-gradient(circle at 86% 74%, rgba(220, 202, 166, 0.18), transparent 34%),
    color-mix(in srgb, var(--surface) 76%, var(--bg-soft) 24%) !important;
  box-shadow:
    0 2.2rem 5rem rgba(40, 36, 58, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
  pointer-events: none !important;
}

html body .section--editorial-strip > .container {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.72fr) minmax(18rem, 1.28fr) !important;
  gap: clamp(1.8rem, 5vw, 5rem) !important;
  align-items: center !important;
  width: min(1180px, calc(100vw - 2rem)) !important;
  max-width: min(1180px, calc(100vw - 2rem)) !important;
}

html body .section--editorial-strip h2 {
  max-width: 10ch !important;
  margin: 0 !important;
  color: var(--text) !important;
  font-size: clamp(2.7rem, 5.5vw, 5.8rem) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.07em !important;
  text-wrap: balance;
}

html body .section--editorial-strip p {
  max-width: 64ch !important;
  margin: 0 !important;
  color: color-mix(in srgb, var(--text) 78%, transparent) !important;
  font-size: clamp(1.08rem, 1.42vw, 1.45rem) !important;
  font-weight: 450 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.035em !important;
}

html[data-theme="dark"] body .section--editorial-strip::before {
  border-color: rgba(204, 188, 245, 0.15) !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(126, 92, 202, 0.18), transparent 34%),
    radial-gradient(circle at 86% 72%, rgba(52, 75, 112, 0.18), transparent 38%),
    linear-gradient(135deg, rgba(24, 21, 33, 0.94), rgba(20, 18, 29, 0.96)) !important;
}

html[data-theme="aurora"] body .section--editorial-strip::before {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background:
    radial-gradient(circle at 16% 20%, rgba(255, 255, 255, 0.2), transparent 35%),
    radial-gradient(circle at 88% 70%, rgba(70, 104, 221, 0.24), transparent 38%),
    linear-gradient(135deg, rgba(16, 77, 184, 0.82), rgba(43, 128, 221, 0.78)) !important;
}

html[data-theme="aurora"] body .section--editorial-strip h2,
html[data-theme="aurora"] body .section--editorial-strip p {
  color: rgba(255, 255, 255, 0.96) !important;
  text-shadow: 0 0.9rem 2rem rgba(6, 30, 84, 0.18) !important;
}

html body .journal-page,
html body .journal-reader,
html body .journal-reader__inner,
html body .site-footer {
  max-width: 100vw !important;
  overflow-x: clip !important;
}

html body .journal-grid {
  align-items: stretch !important;
  gap: clamp(1.75rem, 3.4vw, 3.2rem) !important;
}

html body .journal-card {
  min-width: 0 !important;
  min-height: clamp(29rem, 43vw, 40rem) !important;
  overflow: visible !important;
}

html body .journal-card__link.journal-card__link--poster,
html[data-theme="dark"] body .journal-card__link.journal-card__link--poster,
html[data-theme="aurora"] body .journal-card__link.journal-card__link--poster {
  position: relative !important;
  isolation: isolate !important;
  display: block !important;
  width: 100% !important;
  min-height: clamp(29rem, 43vw, 40rem) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(202, 190, 232, 0.2) !important;
  border-radius: clamp(2rem, 4vw, 4.1rem) !important;
  background: #100d18 !important;
  box-shadow:
    0 2rem 5rem rgba(12, 9, 18, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  transform-style: preserve-3d !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__image {
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: inherit !important;
  opacity: 1 !important;
  transform: translate3d(var(--journal-media-x, 0px), var(--journal-media-y, 0px), 0) scale(1.04) !important;
  transition: transform 620ms cubic-bezier(.18,.84,.24,1), filter 620ms ease !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
  filter: saturate(1.1) contrast(1.05) brightness(0.98) !important;
}

html body .journal-card__link.journal-card__link--poster::before,
html body .journal-card__link.journal-card__link--poster:hover::before,
html body .journal-card__link.journal-card__link--poster:focus-visible::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at calc(24% + var(--journal-light-x, 0px)) calc(18% + var(--journal-light-y, 0px)), rgba(255, 255, 255, 0.18), transparent 30%),
    linear-gradient(180deg, rgba(14, 10, 22, 0.04) 0%, rgba(16, 11, 24, 0.22) 42%, rgba(9, 7, 14, 0.86) 100%) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body .journal-card__link.journal-card__link--poster::before,
html[data-theme="light"] body .journal-card__link.journal-card__link--poster:hover::before,
html[data-theme="light"] body .journal-card__link.journal-card__link--poster:focus-visible::before {
  background:
    radial-gradient(circle at calc(24% + var(--journal-light-x, 0px)) calc(18% + var(--journal-light-y, 0px)), rgba(255, 255, 255, 0.28), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(243, 237, 251, 0.12) 38%, rgba(17, 12, 27, 0.8) 100%) !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__content {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  padding: clamp(1.45rem, 3vw, 2.75rem) !important;
  padding-bottom: clamp(2.15rem, 3.8vw, 3.25rem) !important;
  overflow: visible !important;
  transform: translate3d(var(--journal-content-x, 0px), var(--journal-content-y, 0px), 42px) !important;
  transition: transform 620ms cubic-bezier(.18,.84,.24,1) !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__title,
html[data-theme="aurora"] body .journal-card__link.journal-card__link--poster .journal-card__title {
  display: block !important;
  width: min(13ch, 92%) !important;
  max-width: min(13ch, 92%) !important;
  margin: 0 !important;
  padding: 0 0 0.05em !important;
  color: rgba(255, 255, 255, 0.97) !important;
  font-size: clamp(2.15rem, 3.35vw, 3.95rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.074em !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  hyphens: auto !important;
  text-wrap: balance;
  text-shadow: 0 1.1rem 2.4rem rgba(0, 0, 0, 0.46) !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__excerpt,
html body .journal-card__link.journal-card__link--poster .journal-card__bottom,
html body .journal-card__link.journal-card__link--poster .journal-card__read,
html body .journal-card__link.journal-card__link--poster .journal-card__category {
  display: none !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__topline {
  position: absolute !important;
  top: clamp(1rem, 1.8vw, 1.4rem) !important;
  right: clamp(1.15rem, 2.2vw, 1.7rem) !important;
  left: auto !important;
  z-index: 4 !important;
  margin: 0 !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__topline time,
html[data-theme="dark"] body .journal-card__link.journal-card__link--poster .journal-card__topline time,
html[data-theme="aurora"] body .journal-card__link.journal-card__link--poster .journal-card__topline time {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: clamp(0.78rem, 0.86vw, 0.88rem) !important;
  font-weight: 760 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-shadow: 0 0.65rem 1.4rem rgba(0, 0, 0, 0.48) !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__topline time::before,
html body .journal-card__link.journal-card__link--poster .journal-card__topline time::after {
  display: none !important;
  content: none !important;
}

@media (hover: hover) and (pointer: fine) {
  html body .journal-card__link.journal-card__link--poster:hover .journal-card__image,
  html body .journal-card__link.journal-card__link--poster:focus-visible .journal-card__image {
    transform: translate3d(var(--journal-media-x, 0px), var(--journal-media-y, 0px), 0) scale(1.095) !important;
  }
}

html body .journal-reader__inner {
  width: min(1280px, calc(100vw - 2rem)) !important;
  max-width: min(1280px, calc(100vw - 2rem)) !important;
}

html body .journal-reader__shell {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(16rem, 0.84fr) minmax(0, 1.16fr) !important;
  gap: clamp(1.8rem, 3.6vw, 4.2rem) !important;
  padding: clamp(1.25rem, 2.6vw, 2rem) !important;
}

html body .journal-reader__media,
html body .journal-reader__head,
html body .journal-reader__text,
html body .journal-reader__content {
  min-width: 0 !important;
  max-width: 100% !important;
}

html body .journal-reader__title,
html[data-theme="dark"] body .journal-reader__title,
html[data-theme="aurora"] body .journal-reader__title {
  display: block !important;
  width: min(10.4ch, 100%) !important;
  max-width: min(10.4ch, 100%) !important;
  margin-block: clamp(0.9rem, 1.8vw, 1.45rem) !important;
  padding: 0 0 0.04em !important;
  white-space: normal !important;
  color: color-mix(in srgb, var(--text) 96%, #fff 4%) !important;
  font-size: clamp(3rem, 5.15vw, 6rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.07em !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  hyphens: auto !important;
  text-wrap: balance;
}

html body .journal-reader__content {
  width: min(66ch, 100%) !important;
}

html body .journal-reader__content p {
  max-width: 100% !important;
  overflow-wrap: break-word !important;
  line-height: 1.62 !important;
}

html body .journal-reactions {
  max-width: 100% !important;
  flex-wrap: wrap !important;
}

html body .site-footer,
html body .site-footer * {
  box-sizing: border-box !important;
}

html body .site-footer__inner {
  width: min(1180px, calc(100vw - 2rem)) !important;
  max-width: min(1180px, calc(100vw - 2rem)) !important;
}

html[data-theme="light"] body .about-card,
html[data-theme="light"] body .about-card:not(.about-card--portrait) {
  color: #191624 !important;
  background:
    radial-gradient(circle at 14% 12%, rgba(218, 201, 255, 0.52), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(244, 241, 250, 0.86)) !important;
  border-color: rgba(124, 92, 184, 0.16) !important;
}

html[data-theme="light"] body .about-card h2,
html[data-theme="light"] body .about-card p,
html[data-theme="light"] body .about-card__index,
html[data-theme="light"] body .about-card__year {
  color: #191624 !important;
}

html body .question-card:nth-child(4),
html body .question-card--visual:nth-child(4) {
  --question-cover-a: #f5f3f8 !important;
  --question-cover-b: #dedbe5 !important;
}

html[data-theme="dark"] body .question-card:nth-child(4),
html[data-theme="dark"] body .question-card--visual:nth-child(4) {
  --question-cover-a: #302c37 !important;
  --question-cover-b: #191721 !important;
}

html[data-theme="aurora"] body .question-card:nth-child(4),
html[data-theme="aurora"] body .question-card--visual:nth-child(4) {
  --question-cover-a: #eef0f8 !important;
  --question-cover-b: #d9dbe4 !important;
}

@media (max-width: 980px) {
  html body .journal-reader__shell {
    grid-template-columns: 1fr !important;
  }

  html body .journal-reader__title,
  html[data-theme="dark"] body .journal-reader__title,
  html[data-theme="aurora"] body .journal-reader__title {
    width: min(11ch, 100%) !important;
    max-width: min(11ch, 100%) !important;
    font-size: clamp(2.7rem, 13vw, 4.8rem) !important;
  }
}

@media (max-width: 820px) {
  html body .section--editorial-strip > .container {
    grid-template-columns: 1fr !important;
    text-align: left !important;
  }

  html body .section--editorial-strip h2 {
    max-width: 11ch !important;
  }
}

@media (max-width: 760px) {
  html body .journal-card,
  html body .journal-card__link.journal-card__link--poster,
  html[data-theme="dark"] body .journal-card__link.journal-card__link--poster,
  html[data-theme="aurora"] body .journal-card__link.journal-card__link--poster {
    min-height: clamp(24rem, 108vw, 34rem) !important;
  }

  html body .journal-card__link.journal-card__link--poster .journal-card__title,
  html[data-theme="aurora"] body .journal-card__link.journal-card__link--poster .journal-card__title {
    width: min(12ch, 94%) !important;
    max-width: min(12ch, 94%) !important;
    font-size: clamp(2.05rem, 9.8vw, 3.15rem) !important;
  }
}

/* V48 contact and metaphor final touch. */
html body .contacts-orbit__halo--outer::after {
  width: 0.68rem !important;
  height: 0.68rem !important;
  background: #c9e85e !important;
  box-shadow: 0 0 1.35rem rgba(201, 232, 94, 0.84), 0 0 4rem rgba(201, 232, 94, 0.3) !important;
}

html body .metaphor-response__copy > p,
html body .metaphor-response__copy p[data-ragoz-i18n],
html[data-ragoz-lang="en"] body .metaphor-response__copy > p {
  font-family: var(--font-sans) !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
  html body .journal-card__link.journal-card__link--poster,
  html body .journal-card__link.journal-card__link--poster .journal-card__image,
  html body .journal-card__link.journal-card__link--poster .journal-card__content {
    transform: none !important;
    transition: none !important;
  }
}

/* V48 final overrides, kept in the last enqueued stylesheet. */
:root {
  --ragoz-copy-size: clamp(1rem, 0.94rem + 0.28vw, 1.18rem);
  --ragoz-copy-weight: 300;
  --ragoz-copy-color: rgba(245, 242, 235, 0.76);
  --ragoz-section-title-size: clamp(3.35rem, 7vw, 7.2rem);
  --ragoz-section-title-weight: 700;
}

body,
button,
input,
textarea,
select {
  font-family: var(--font-sans) !important;
  letter-spacing: 0 !important;
}

p,
li,
.hero__text,
.question-card__text,
.metaphor-response p,
.metaphor-response blockquote,
.contacts-hero__copy p,
.journal-card__excerpt,
.journal-reader__content p,
.section--editorial-strip p {
  color: var(--ragoz-copy-color) !important;
  font-family: var(--font-sans) !important;
  font-size: var(--ragoz-copy-size) !important;
  font-weight: var(--ragoz-copy-weight) !important;
  letter-spacing: 0 !important;
  line-height: 1.58 !important;
}

.section h2,
.section--editorial-strip h2,
.metaphor-response h2,
.contacts-hero__title,
.journal-hero__title {
  font-family: var(--font-sans) !important;
  font-size: var(--ragoz-section-title-size) !important;
  font-weight: var(--ragoz-section-title-weight) !important;
  letter-spacing: 0 !important;
  line-height: 0.96 !important;
  color: var(--text) !important;
}

.section,
.section--light,
.section--editorial-strip,
.metaphor-response,
.contacts-page,
.contacts-hero,
.journal-hero,
.journal-index,
.journal-reader {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.metaphor-response h2 {
  position: relative;
  display: inline-block;
  max-width: 10.8ch !important;
  cursor: default;
}

.metaphor-response h2::after {
  content: "";
  position: absolute;
  top: 0.12em;
  right: -0.42em;
  width: clamp(0.62rem, 1.1vw, 0.98rem);
  aspect-ratio: 1;
  border-radius: 50%;
  background: #c9e85e;
  box-shadow: 0 0 0 0.5rem rgba(201, 232, 94, 0.09), 0 0 2.4rem rgba(201, 232, 94, 0.72);
  opacity: 0;
  scale: 0.58;
  translate: -0.35rem 0.35rem;
  transition: opacity 220ms ease, scale 220ms ease, translate 220ms ease;
  pointer-events: none;
}

.metaphor-response h2:hover::after,
.metaphor-response h2:focus-visible::after {
  opacity: 1;
  scale: 1;
  translate: 0 0;
}

.metaphor-response blockquote {
  margin-top: clamp(1.5rem, 3vw, 2.4rem) !important;
  padding: 1.15rem 1.25rem 1.15rem 1.7rem !important;
  border-left: 0 !important;
  border-radius: 0 1.25rem 1.25rem 0 !important;
  background:
    linear-gradient(90deg, rgba(201, 232, 94, 0.18), rgba(201, 232, 94, 0.04) 42%, transparent),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015)) !important;
  color: rgba(245, 242, 235, 0.82) !important;
  font-style: italic !important;
}

.metaphor-response blockquote::before {
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 0.28rem !important;
  height: auto !important;
  border-radius: 999px !important;
  background: #c9e85e !important;
  box-shadow: 0 0 1.8rem rgba(201, 232, 94, 0.55) !important;
}

html body .practice-book-strip--full,
html body .practice-book-strip--full.section,
html body .section--practice-strip.practice-book-strip--full {
  padding: clamp(2.2rem, 5vw, 4.8rem) 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: clip !important;
}

html body .practice-book-strip--full::before,
html body .practice-book-strip--full::after {
  display: none !important;
}

html body .practice-book-strip--full .practice-book-strip__layout,
html body .practice-book-strip--full > .container {
  display: block !important;
  max-width: min(1320px, calc(100% - clamp(1.2rem, 4vw, 4rem))) !important;
}

html body .practice-book-strip--full .practice-book-link {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  border-radius: clamp(1.1rem, 2.8vw, 2.6rem) !important;
  overflow: hidden !important;
  translate: 0 0;
  rotate: 0deg;
  scale: 1;
  box-shadow: 0 2.1rem 5.8rem rgba(0, 0, 0, 0.34) !important;
  transition: translate 300ms ease, scale 300ms ease, box-shadow 300ms ease, filter 300ms ease !important;
  animation: book-breathe 7s ease-in-out infinite !important;
}

html body .practice-book-strip--full .practice-book-link:hover,
html body .practice-book-strip--full .practice-book-link:focus-visible {
  translate: 0 -0.55rem;
  scale: 1.012;
  filter: saturate(1.03) brightness(1.02);
  box-shadow: 0 2.7rem 7rem rgba(0, 0, 0, 0.44) !important;
}

html body .practice-book-strip--full .practice-book-link img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: inherit !important;
}

html body .journal-card__link.journal-card__link--poster,
html[data-theme="dark"] body .journal-card__link.journal-card__link--poster,
html[data-theme="aurora"] body .journal-card__link.journal-card__link--poster,
html body .journal-card:nth-child(3n + 1) .journal-card__link.journal-card__link--poster,
html body .journal-card:nth-child(3n + 2) .journal-card__link.journal-card__link--poster {
  min-height: clamp(32rem, 48vw, 45rem) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: clamp(1.7rem, 3vw, 3rem) !important;
  background: #101017 !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: translate3d(var(--journal-media-x, 0px), var(--journal-media-y, 0px), 0) scale(1.035) !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body .journal-card__link.journal-card__link--poster::before {
  background:
    linear-gradient(180deg, rgba(15, 14, 22, 0.24) 0%, rgba(18, 15, 28, 0.22) 38%, rgba(13, 12, 19, 0.88) 100%),
    radial-gradient(circle at 18% 14%, rgba(201, 232, 94, 0.2), transparent 24%) !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__topline {
  left: clamp(1.35rem, 2.5vw, 2.3rem) !important;
  right: auto !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__category {
  display: none !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__topline time,
html[data-theme="dark"] body .journal-card__link.journal-card__link--poster .journal-card__topline time,
html[data-theme="aurora"] body .journal-card__link.journal-card__link--poster .journal-card__topline time {
  color: #c9e85e !important;
  font-size: clamp(1.28rem, 1.85vw, 2rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  text-shadow: 0 0.65rem 1.3rem rgba(0, 0, 0, 0.42), 0 0 1.6rem rgba(201, 232, 94, 0.25) !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__title,
html[data-theme="aurora"] body .journal-card__link.journal-card__link--poster .journal-card__title {
  max-width: min(13.5ch, 100%) !important;
  font-size: clamp(2.55rem, 4.35vw, 5.35rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 0.94 !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__excerpt,
html body .journal-card__link.journal-card__link--poster .journal-card__bottom {
  display: none !important;
}

html body .journal-reader .journal-copy {
  display: none !important;
}

html:not([data-ragoz-lang]) body .journal-reader .journal-copy--ua,
html[data-ragoz-lang="ua"] body .journal-reader .journal-copy--ua,
html[data-ragoz-lang="en"] body .journal-reader .journal-copy--en {
  display: block !important;
}

html body .journal-reader.is-original .journal-copy {
  display: none !important;
}

html body .journal-reader.is-original .journal-copy--original {
  display: block !important;
}

html body .journal-reader__title,
html[data-ragoz-lang="en"] body .journal-reader__title {
  width: auto !important;
  max-width: min(16ch, 100%) !important;
  font-size: clamp(2.6rem, 4.8vw, 5.6rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
}

@media (max-width: 760px) {
  :root {
    --ragoz-section-title-size: clamp(2.55rem, 13vw, 4.45rem);
  }

  .metaphor-response h2 {
    max-width: 11.2ch !important;
  }

  html body .journal-card__link.journal-card__link--poster,
  html[data-theme="dark"] body .journal-card__link.journal-card__link--poster,
  html[data-theme="aurora"] body .journal-card__link.journal-card__link--poster {
    min-height: clamp(27rem, 112vw, 36rem) !important;
    border-radius: clamp(1.25rem, 6vw, 2.2rem) !important;
  }

  html body .journal-card__link.journal-card__link--poster .journal-card__title,
  html[data-theme="aurora"] body .journal-card__link.journal-card__link--poster .journal-card__title {
    font-size: clamp(2.35rem, 11.6vw, 4rem) !important;
  }

  html body .practice-book-strip--full .practice-book-strip__layout,
  html body .practice-book-strip--full > .container {
    width: min(100% - 1rem, 1320px) !important;
  }

}

/* V48 final-final: section title scale and softer book interaction. */
:root {
  --ragoz-section-title-size: clamp(3.55rem, 5.85vw, 5.35rem);
}

html body .section h2,
html body .section--editorial-strip h2,
html body .metaphor-response h2,
html body .contacts-hero__title,
html body .journal-hero__title {
  font-family: var(--font-sans) !important;
  font-size: var(--ragoz-section-title-size) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 0.96 !important;
  color: var(--text) !important;
  text-wrap: balance !important;
}

html body .hero__title {
  font-size: clamp(4.6rem, 8.9vw, 8.4rem) !important;
}

html body .practice-book-strip--full .practice-book-link {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  translate: 0 0 !important;
  rotate: 0deg !important;
  scale: 1 !important;
  transform: translate3d(0, 0, 0) rotate(0.001deg) !important;
  transform-origin: 50% 62% !important;
  filter: saturate(1) brightness(1) drop-shadow(0 2.2rem 4.8rem rgba(8, 7, 14, 0.36)) !important;
  transition:
    transform 680ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 680ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 680ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  animation: ragozBookSlowBreath 9.5s ease-in-out infinite !important;
}

html body .practice-book-strip--full .practice-book-link::before {
  content: "" !important;
  position: absolute !important;
  inset: -18% -10% -12% !important;
  z-index: 1 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 76% 32%, rgba(201, 232, 94, 0), transparent 14%),
    radial-gradient(circle at 48% 82%, rgba(201, 232, 94, 0.1), transparent 34%),
    linear-gradient(120deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)) !important;
  opacity: 0.18 !important;
  filter: blur(0.15rem) !important;
  transform: translate3d(-18%, 5%, 0) rotate(-7deg) !important;
  transition: opacity 700ms ease, transform 900ms cubic-bezier(0.16, 1, 0.3, 1), background 700ms ease !important;
  pointer-events: none !important;
}

html body .practice-book-strip--full .practice-book-link::after {
  content: "" !important;
  position: absolute !important;
  right: clamp(7.5rem, 15vw, 14rem) !important;
  top: clamp(4.6rem, 8.3vw, 7.8rem) !important;
  z-index: 3 !important;
  width: clamp(0.72rem, 1.25vw, 1.05rem) !important;
  aspect-ratio: 1 !important;
  border-radius: 50% !important;
  background: #c9e85e !important;
  box-shadow: 0 0 0 0.6rem rgba(201, 232, 94, 0.08), 0 0 2.2rem rgba(201, 232, 94, 0.72) !important;
  opacity: 0 !important;
  scale: 0.32 !important;
  translate: -1.1rem 0.8rem !important;
  transition: opacity 420ms ease, scale 520ms cubic-bezier(0.16, 1, 0.3, 1), translate 620ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  pointer-events: none !important;
}

html body .practice-book-strip--full .practice-book-link:hover,
html body .practice-book-strip--full .practice-book-link:focus-visible {
  transform: translate3d(0, -0.32rem, 0) rotateX(0.8deg) rotateY(-0.9deg) scale(1.006) !important;
  filter: saturate(1.025) brightness(1.015) drop-shadow(0 2.7rem 5.8rem rgba(8, 7, 14, 0.44)) !important;
  animation: ragozBookHoverFloat 5.2s ease-in-out infinite !important;
}

html body .practice-book-strip--full .practice-book-link:hover::before,
html body .practice-book-strip--full .practice-book-link:focus-visible::before {
  opacity: 0.42 !important;
  background:
    radial-gradient(circle at 76% 32%, rgba(201, 232, 94, 0.22), transparent 16%),
    radial-gradient(circle at 48% 82%, rgba(201, 232, 94, 0.16), transparent 36%),
    linear-gradient(120deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0)) !important;
  transform: translate3d(16%, -2%, 0) rotate(-5deg) !important;
}

html body .practice-book-strip--full .practice-book-link:hover::after,
html body .practice-book-strip--full .practice-book-link:focus-visible::after {
  opacity: 1 !important;
  scale: 1 !important;
  translate: 0 0 !important;
  animation: ragozBookGreenDot 2.8s ease-in-out infinite !important;
}

html body .practice-book-strip--full .practice-book-link img {
  position: relative !important;
  z-index: 0 !important;
  transition: filter 680ms ease, scale 680ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html body .practice-book-strip--full .practice-book-link:hover img,
html body .practice-book-strip--full .practice-book-link:focus-visible img {
  filter: contrast(1.015) saturate(1.02) !important;
  scale: 1.002 !important;
}

html body .metaphor-response__copy > p,
html body .metaphor-response__copy p[data-ragoz-i18n],
html[data-ragoz-lang="en"] body .metaphor-response__copy > p {
  font-weight: 300 !important;
}

html body .contacts-orbit__halo--outer::after {
  width: 0.68rem !important;
  height: 0.68rem !important;
  background: #c9e85e !important;
  box-shadow: 0 0 1.35rem rgba(201, 232, 94, 0.84), 0 0 4rem rgba(201, 232, 94, 0.3) !important;
}

@keyframes ragozBookSlowBreath {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0.001deg);
  }
  38% {
    transform: translate3d(0, -0.18rem, 0) rotate(-0.18deg);
  }
  70% {
    transform: translate3d(0.08rem, -0.08rem, 0) rotate(0.12deg);
  }
}

@keyframes ragozBookHoverFloat {
  0%, 100% {
    transform: translate3d(0, -0.32rem, 0) rotateX(0.8deg) rotateY(-0.9deg) scale(1.006);
  }
  48% {
    transform: translate3d(0.18rem, -0.62rem, 0) rotateX(1.2deg) rotateY(0.7deg) scale(1.009);
  }
}

@keyframes ragozBookGreenDot {
  0%, 100% {
    box-shadow: 0 0 0 0.5rem rgba(201, 232, 94, 0.08), 0 0 2rem rgba(201, 232, 94, 0.7);
    scale: 1;
  }
  52% {
    box-shadow: 0 0 0 0.92rem rgba(201, 232, 94, 0.03), 0 0 3.2rem rgba(201, 232, 94, 0.88);
    scale: 1.12;
  }
}

@media (max-width: 760px) {
  :root {
    --ragoz-section-title-size: clamp(2.45rem, 10.8vw, 3.75rem);
  }

  html body .hero__title {
    font-size: clamp(3.6rem, 17vw, 5.8rem) !important;
  }

  html body .practice-book-strip--full .practice-book-link::after {
    right: clamp(2.8rem, 12vw, 5rem) !important;
    top: clamp(2rem, 9vw, 3.8rem) !important;
  }
}

/* V48 closed question card backs. */
html body .question-card.question-card--visual {
  --card-closed-bg: linear-gradient(160deg, #f4f1f8 0%, #e8e2f0 52%, #d8d0e2 100%);
  --card-closed-border: rgba(92, 73, 122, 0.16);
  --card-closed-text: #2b2634;
  --card-closed-muted: rgba(43, 38, 52, 0.64);
  --card-closed-hover-border: rgba(92, 73, 122, 0.3);
  --question-cover-ink: var(--card-closed-text) !important;
  border-color: var(--card-closed-border) !important;
  color: var(--card-closed-text) !important;
  background:
    radial-gradient(ellipse at 31% 34%, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.075) 16%, transparent 34%),
    radial-gradient(ellipse at 78% 10%, rgba(176, 154, 255, 0.16), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.08)),
    var(--card-closed-bg) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 1.5rem 3.6rem rgba(18, 14, 28, 0.22) !important;
}

html[data-theme="dark"] body .question-card.question-card--visual {
  --card-closed-bg: linear-gradient(160deg, #3b3445 0%, #272331 52%, #17161f 100%);
  --card-closed-border: rgba(176, 154, 255, 0.16);
  --card-closed-text: #f4f2f8;
  --card-closed-muted: rgba(244, 242, 248, 0.68);
  --card-closed-hover-border: rgba(176, 154, 255, 0.32);
}

html[data-theme="aurora"] body .question-card.question-card--visual {
  --card-closed-bg: linear-gradient(160deg, #33405a 0%, #222b3e 52%, #151b29 100%);
  --card-closed-border: rgba(160, 185, 255, 0.18);
  --card-closed-text: #f3f6ff;
  --card-closed-muted: rgba(243, 246, 255, 0.68);
  --card-closed-hover-border: rgba(160, 185, 255, 0.36);
}

html[data-theme="dark"] body .question-card.question-card--visual,
html[data-theme="aurora"] body .question-card.question-card--visual {
  background:
    radial-gradient(ellipse at 31% 34%, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.052) 15%, transparent 34%),
    radial-gradient(ellipse at 73% 13%, rgba(176, 154, 255, 0.13), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.12)),
    var(--card-closed-bg) !important;
}

html body .question-card.question-card--visual:not(.is-active) {
  border-color: var(--card-closed-border) !important;
}

html body .question-card.question-card--visual:not(.is-active):hover,
html body .question-card.question-card--visual:not(.is-active):focus-visible {
  border-color: var(--card-closed-hover-border) !important;
}

html body .question-card.question-card--visual:not(.is-active) .question-card__number {
  color: var(--card-closed-text) !important;
  font-weight: 300 !important;
  opacity: 0.94 !important;
  text-shadow: 0 0.8rem 2.2rem rgba(0, 0, 0, 0.16) !important;
}

html[data-theme="dark"] body .question-card.question-card--visual:not(.is-active) .question-card__number,
html[data-theme="aurora"] body .question-card.question-card--visual:not(.is-active) .question-card__number {
  text-shadow: 0 1rem 2.4rem rgba(0, 0, 0, 0.34) !important;
}

/* V48 mobile command menu typography: one calm scale. */
@media (max-width: 760px) {
  html body .command-menu__panel,
  html body .command-menu__panel *,
  html body .command-menu__panel button,
  html body .command-menu__panel a {
    font-family: var(--font-sans) !important;
    letter-spacing: 0 !important;
  }

  html body .command-menu__center {
    gap: clamp(0.72rem, 2.6vw, 1rem) !important;
  }

  html body .command-menu__label {
    margin-bottom: 0.1rem !important;
    font-size: clamp(0.72rem, 2.9vw, 0.84rem) !important;
    font-weight: 400 !important;
    letter-spacing: 0.16em !important;
    line-height: 1.25 !important;
  }

  html body .command-menu__title {
    max-width: 9.5ch !important;
    margin: 0 auto !important;
    font-size: clamp(2.75rem, 11.6vw, 3.8rem) !important;
    font-weight: 700 !important;
    line-height: 0.92 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
  }

  html body .command-menu__hint {
    max-width: 24rem !important;
    margin: 0.15rem auto 0 !important;
    font-size: clamp(0.98rem, 4.2vw, 1.08rem) !important;
    font-weight: 300 !important;
    letter-spacing: 0 !important;
    line-height: 1.36 !important;
  }

  html body .theme-switcher.command-menu__theme-switcher,
  html body.command-menu-open .theme-switcher.command-menu__theme-switcher {
    min-height: 3.5rem !important;
    padding: 0.36rem !important;
  }

  html body .theme-switcher.command-menu__theme-switcher .theme-switcher__item,
  html body .theme-switcher.command-menu__theme-switcher .theme-switcher__item.is-active,
  html[data-theme="light"] body .theme-switcher.command-menu__theme-switcher .theme-switcher__item.is-active,
  html[data-theme="aurora"] body .theme-switcher.command-menu__theme-switcher .theme-switcher__item,
  html[data-theme="aurora"] body .theme-switcher.command-menu__theme-switcher .theme-switcher__item.is-active {
    min-width: 0 !important;
    padding: 0.64rem clamp(0.44rem, 2.5vw, 0.7rem) !important;
    font-size: clamp(0.94rem, 3.8vw, 1.06rem) !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  html body .theme-switcher.command-menu__theme-switcher .theme-switcher__dot {
    width: 0.42rem !important;
    height: 0.42rem !important;
    flex: 0 0 auto !important;
  }

  html body .command-menu__cta,
  html[data-theme="light"] body .command-menu__cta,
  html[data-theme="aurora"] body .command-menu__cta {
    min-height: 3.55rem !important;
    font-size: clamp(1rem, 4.1vw, 1.12rem) !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    line-height: 1.12 !important;
  }

  html body .command-menu__nav--orbit .command-menu__list a {
    min-height: clamp(4.45rem, 18vw, 5.3rem) !important;
    padding: 0.95rem 1.2rem 0.95rem 3.2rem !important;
    font-size: clamp(1rem, 4.2vw, 1.12rem) !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.16 !important;
    text-align: center !important;
  }

  html body .command-menu__nav--orbit .command-menu__list a::before {
    left: 1rem !important;
    font-size: clamp(0.76rem, 3vw, 0.88rem) !important;
    font-weight: 300 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
  }

  html body .command-menu__close {
    width: 3rem !important;
    height: 3rem !important;
    font-size: 1.65rem !important;
    font-weight: 300 !important;
    line-height: 1 !important;
  }
}

/* V48 final layout polish: hero cards, seamless book, and section rhythm. */
html,
body {
  overflow-x: clip !important;
}

html body .section,
html body .metaphor-response,
html body .contacts-form-section,
html body .contacts-page--home .contacts-hero {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

html body .hero {
  overflow: clip !important;
}

html body .hero__layout {
  grid-template-columns: minmax(0, 0.88fr) minmax(32rem, 1.12fr) !important;
  gap: clamp(1.4rem, 3.2vw, 3.8rem) !important;
  align-items: center !important;
  width: min(var(--max-width), calc(100vw - 3rem)) !important;
  max-width: calc(100vw - 3rem) !important;
}

html body .hero__content {
  position: relative !important;
  z-index: 4 !important;
  min-width: 0 !important;
  max-width: min(45rem, 100%) !important;
}

html body .hero-orbit {
  z-index: 1 !important;
  width: min(100%, 42rem) !important;
  min-height: clamp(30rem, 45vw, 39rem) !important;
  justify-self: end !important;
  overflow: visible !important;
  contain: none !important;
  transform: translateX(clamp(2rem, 5vw, 4.8rem)) scale(0.92) !important;
  transform-origin: center right !important;
}

html body .floating-card {
  width: clamp(7.9rem, 10.6vw, 11.6rem) !important;
  min-width: 0 !important;
  padding: clamp(0.68rem, 0.95vw, 0.92rem) !important;
  border-radius: 0.78rem !important;
}

html body .floating-card__label {
  font-size: clamp(0.52rem, 0.7vw, 0.68rem) !important;
  letter-spacing: 0.1em !important;
  line-height: 1.08 !important;
}

html body .floating-card__question {
  font-size: clamp(0.72rem, 0.94vw, 0.9rem) !important;
  line-height: 1.34 !important;
}

html body .floating-card:nth-child(1) {
  left: 11% !important;
  right: auto !important;
  top: 17% !important;
  bottom: auto !important;
  rotate: -7deg !important;
}

html body .floating-card:nth-child(2) {
  left: auto !important;
  right: 18% !important;
  top: 1% !important;
  bottom: auto !important;
  rotate: 5deg !important;
}

html body .floating-card:nth-child(3) {
  left: auto !important;
  right: 0 !important;
  top: 29% !important;
  bottom: auto !important;
  rotate: 5deg !important;
}

html body .floating-card:nth-child(4) {
  left: 20% !important;
  right: auto !important;
  top: auto !important;
  bottom: 8% !important;
  rotate: 3deg !important;
}

html body .floating-card:nth-child(5) {
  left: auto !important;
  right: 31% !important;
  top: auto !important;
  bottom: 0 !important;
  rotate: -3deg !important;
}

html body .floating-card:nth-child(6) {
  left: auto !important;
  right: 5% !important;
  top: auto !important;
  bottom: 10% !important;
  rotate: 5deg !important;
}

html body .practice-book-strip--full,
html body .practice-book-strip--full.section,
html body .section--practice-strip.practice-book-strip--full {
  position: relative !important;
  z-index: 3 !important;
  margin-top: clamp(-5.6rem, -5.4vw, -2.2rem) !important;
  margin-bottom: clamp(-4.4rem, -4.1vw, -1.6rem) !important;
  padding: clamp(0.4rem, 1.4vw, 1.1rem) 0 clamp(0.2rem, 1vw, 0.8rem) !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .practice-book-strip--full .practice-book-strip__layout,
html body .practice-book-strip--full > .container {
  width: min(100% - 0.8rem, 1720px) !important;
  max-width: none !important;
  padding-inline: 0 !important;
}

html body .practice-book-strip--full .practice-book-link {
  display: block !important;
  width: min(96vw, 1640px) !important;
  max-width: none !important;
  margin-inline: auto !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 2.6rem 5.2rem rgba(8, 7, 14, 0.42)) !important;
}

html body .practice-book-strip--full .practice-book-link::before {
  display: none !important;
}

html body .practice-book-strip--full .practice-book-link img {
  width: 100% !important;
  height: auto !important;
  border-radius: 0 !important;
}

html body .metaphor-response {
  margin-top: 0 !important;
  overflow: clip !important;
}

html body .metaphor-response__layout {
  grid-template-columns: minmax(0, 0.82fr) minmax(30rem, 1.18fr) !important;
  gap: clamp(2.2rem, 5vw, 6.2rem) !important;
}

html body .metaphor-response__copy {
  max-width: min(100%, 38.5rem) !important;
}

html body .metaphor-response h2 {
  max-width: min(11.6ch, 100%) !important;
}

html body .metaphor-response__deck {
  min-height: clamp(34rem, 44vw, 40rem) !important;
  transform: translateX(clamp(0.75rem, 3vw, 2.8rem)) !important;
}

@media (max-width: 1180px) {
  html body .hero__layout {
    grid-template-columns: minmax(0, 0.96fr) minmax(23rem, 0.84fr) !important;
    gap: clamp(1rem, 2.4vw, 2.4rem) !important;
  }

  html body .hero-orbit {
    width: min(100%, 36rem) !important;
    min-height: clamp(27rem, 45vw, 35rem) !important;
    transform: translateX(clamp(1.2rem, 3vw, 2.4rem)) scale(0.84) !important;
  }

  html body .floating-card {
    width: clamp(7rem, 11.4vw, 9.6rem) !important;
  }

  html body .floating-card__question {
    font-size: clamp(0.66rem, 1.05vw, 0.82rem) !important;
  }
}

@media (max-width: 900px) {
  html body .hero {
    padding-bottom: clamp(2.4rem, 8vw, 4.2rem) !important;
  }

  html body .hero__layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(1.4rem, 5vw, 2.3rem) !important;
    width: min(100% - 2rem, var(--max-width)) !important;
    max-width: calc(100vw - 2rem) !important;
  }

  html body .hero-orbit {
    width: min(100%, 32rem) !important;
    min-height: clamp(22rem, 64vw, 29rem) !important;
    justify-self: center !important;
    margin-top: 0.4rem !important;
    transform: none !important;
  }

  html body .floating-card {
    width: clamp(6.4rem, 26vw, 8.5rem) !important;
    padding: 0.62rem !important;
    border-radius: 0.68rem !important;
  }

  html body .floating-card__label {
    font-size: clamp(0.46rem, 2.1vw, 0.58rem) !important;
  }

  html body .floating-card__question {
    font-size: clamp(0.62rem, 3.2vw, 0.78rem) !important;
    line-height: 1.3 !important;
  }

  html body .floating-card:nth-child(1) {
    left: 5% !important;
    top: 13% !important;
  }

  html body .floating-card:nth-child(2) {
    right: 19% !important;
    top: 0 !important;
  }

  html body .floating-card:nth-child(3) {
    right: 3% !important;
    top: 29% !important;
  }

  html body .floating-card:nth-child(4) {
    left: 14% !important;
    bottom: 8% !important;
  }

  html body .floating-card:nth-child(5) {
    right: 31% !important;
    bottom: 0 !important;
  }

  html body .floating-card:nth-child(6) {
    right: 6% !important;
    bottom: 10% !important;
    display: block !important;
  }

  html body .practice-book-strip--full,
  html body .practice-book-strip--full.section,
  html body .section--practice-strip.practice-book-strip--full {
    margin-top: clamp(-3.6rem, -8vw, -1.4rem) !important;
    margin-bottom: clamp(-2.5rem, -5vw, -0.8rem) !important;
    padding-block: 0 !important;
  }

  html body .practice-book-strip--full .practice-book-strip__layout,
  html body .practice-book-strip--full > .container {
    width: 100% !important;
  }

  html body .practice-book-strip--full .practice-book-link {
    width: min(116vw, 48rem) !important;
  }

  html body .metaphor-response__layout {
    grid-template-columns: 1fr !important;
  }

  html body .metaphor-response h2 {
    max-width: min(12.2ch, 100%) !important;
  }

  html body .metaphor-response__deck {
    min-height: clamp(25rem, 88vw, 34rem) !important;
    transform: none !important;
  }
}

@media (max-width: 480px) {
  html body .hero-orbit {
    width: min(100%, 23rem) !important;
    min-height: 23.5rem !important;
  }

  html body .floating-card {
    width: clamp(5.75rem, 29vw, 7.05rem) !important;
    padding: 0.54rem !important;
  }

  html body .floating-card__question {
    font-size: clamp(0.58rem, 3.45vw, 0.7rem) !important;
  }

  html body .floating-card:nth-child(1) {
    left: -1% !important;
    top: 14% !important;
  }

  html body .floating-card:nth-child(2) {
    right: 16% !important;
    top: 1% !important;
  }

  html body .floating-card:nth-child(3) {
    right: -2% !important;
    top: 30% !important;
  }

  html body .floating-card:nth-child(4) {
    left: 9% !important;
    bottom: 13% !important;
  }

  html body .floating-card:nth-child(5) {
    right: 31% !important;
    bottom: 0 !important;
  }

  html body .floating-card:nth-child(6) {
    right: -1% !important;
    bottom: 10% !important;
  }

  html body .practice-book-strip--full .practice-book-link {
    width: min(124vw, 34rem) !important;
  }
}

/* V48 contrast and contact-form repair pass. */
html[data-theme="light"] body .section--light,
html[data-theme="light"] body #ethics.section--light {
  color: #171420 !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(128, 99, 190, 0.08), transparent 32rem),
    #f3eef9 !important;
}

html[data-theme="light"] body .section--light h2,
html[data-theme="light"] body #ethics.section--light h2 {
  color: #171420 !important;
}

html[data-theme="light"] body .section--light p,
html[data-theme="light"] body #ethics.section--light p {
  color: rgba(23, 20, 32, 0.72) !important;
  font-weight: 300 !important;
}

html body .metaphor-response h2,
html[data-theme="light"] body .metaphor-response h2,
html[data-theme="dark"] body .metaphor-response h2,
html[data-theme="aurora"] body .metaphor-response h2 {
  color: #fbf8f0 !important;
  opacity: 1 !important;
  text-shadow: 0 1rem 2.4rem rgba(0, 0, 0, 0.52) !important;
}

html body .metaphor-response p,
html body .metaphor-response blockquote,
html[data-theme="light"] body .metaphor-response p,
html[data-theme="light"] body .metaphor-response blockquote {
  color: rgba(248, 245, 238, 0.78) !important;
  opacity: 1 !important;
}

html body .practice-book-strip--full .practice-book-link:hover,
html body .practice-book-strip--full .practice-book-link:focus-visible {
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 2.7rem 5.8rem rgba(8, 7, 14, 0.44)) !important;
}

html body .practice-book-strip--full .practice-book-link:hover::before,
html body .practice-book-strip--full .practice-book-link:focus-visible::before {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
}

html[data-theme="light"] body .site-footer {
  color: #171420 !important;
  background:
    radial-gradient(circle at 82% 12%, rgba(141, 112, 203, 0.14), transparent 30rem),
    linear-gradient(180deg, #f5f1fb 0%, #e9e3f0 100%) !important;
}

html[data-theme="light"] body .site-footer__logo,
html[data-theme="light"] body .site-footer__list a,
html[data-theme="light"] body .site-footer__copy,
html[data-theme="light"] body .site-footer__bottom,
html[data-theme="light"] body .site-footer__bottom p {
  color: #171420 !important;
}

html[data-theme="light"] body .site-footer__eyebrow,
html[data-theme="light"] body .site-footer__label,
html[data-theme="light"] body .site-footer__note,
html[data-theme="light"] body .site-footer__note p {
  color: rgba(23, 20, 32, 0.66) !important;
}

html body .contact-form__status {
  max-width: 42rem !important;
  margin: 0 !important;
  font-size: clamp(0.82rem, 1vw, 0.94rem) !important;
  font-weight: 300 !important;
  line-height: 1.35 !important;
}

html body .contact-form__status.is-error,
html[data-theme="light"] body .contact-form__status.is-error,
html[data-theme="dark"] body .contact-form__status.is-error,
html[data-theme="aurora"] body .contact-form__status.is-error {
  color: #ff5a66 !important;
}

html body .contact-form__status.is-success,
html[data-theme="light"] body .contact-form__status.is-success,
html[data-theme="dark"] body .contact-form__status.is-success,
html[data-theme="aurora"] body .contact-form__status.is-success {
  color: #6f8f18 !important;
}

/* V48 light theme readability and green accent pass. */
html body .hero__kicker,
html body .floating-card__label,
html body .metaphor-response__kicker,
html body .site-footer__eyebrow,
html body .site-footer__label {
  color: #c9e85e !important;
}

html[data-theme="light"] body {
  --light-readable-ink: #171420;
  --light-readable-muted: rgba(23, 20, 32, 0.68);
  --light-readable-soft: rgba(23, 20, 32, 0.56);
}

html[data-theme="light"] body .hero__kicker,
html[data-theme="light"] body .floating-card__label,
html[data-theme="light"] body .metaphor-response__kicker,
html[data-theme="light"] body .poetry-hero__kicker,
html[data-theme="light"] body .songs-hero__kicker,
html[data-theme="light"] body .journal-hero__eyebrow,
html[data-theme="light"] body .contacts-hero__eyebrow,
html[data-theme="light"] body .site-footer__eyebrow,
html[data-theme="light"] body .site-footer__label {
  color: #c9e85e !important;
  opacity: 1 !important;
  text-shadow: 0 0.5rem 1.5rem rgba(92, 112, 20, 0.14) !important;
}

html[data-theme="light"] body .hero__copy p,
html[data-theme="light"] body .contacts-hero__copy > p:not(.contacts-hero__eyebrow),
html[data-theme="light"] body .contacts-form-section__copy > p,
html[data-theme="light"] body .poetry-hero__text,
html[data-theme="light"] body .songs-hero__text,
html[data-theme="light"] body .songs-media__copy p,
html[data-theme="light"] body .journal-hero__lead,
html[data-theme="light"] body .journal-card__excerpt,
html[data-theme="light"] body .journal-reader__content p,
html[data-theme="light"] body .journal-reader__content li,
html[data-theme="light"] body .section--light p {
  color: var(--light-readable-muted) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="light"] body .poetry-hero__title,
html[data-theme="light"] body .songs-hero__title,
html[data-theme="light"] body .journal-hero__title,
html[data-theme="light"] body .journal-reader__title,
html[data-theme="light"] body .contacts-hero__title,
html[data-theme="light"] body .contacts-form-section h2 {
  color: var(--light-readable-ink) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="light"] body .poetry-archive,
html[data-theme="light"] body .songs-media,
html[data-theme="light"] body .journal-page,
html[data-theme="light"] body .contacts-form-section {
  color: var(--light-readable-ink) !important;
}

html[data-theme="light"] body .poetry-archive__toc,
html[data-theme="light"] body .poetry-archive__page,
html[data-theme="light"] body .poetry-archive__poem,
html[data-theme="light"] body .journal-reader__shell,
html[data-theme="light"] body .contact-form {
  color: var(--light-readable-ink) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.76), rgba(244, 240, 250, 0.7)),
    rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(92, 73, 122, 0.18) !important;
}

html[data-theme="light"] body .poetry-archive__number,
html[data-theme="light"] body .poetry-archive__item span,
html[data-theme="light"] body .journal-reader__meta,
html[data-theme="light"] body .video-stage__meta span,
html[data-theme="light"] body .contact-form__field small {
  color: var(--light-readable-soft) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body .poetry-archive__title,
html[data-theme="light"] body .poetry-archive__item strong,
html[data-theme="light"] body .poetry-archive__poem h2,
html[data-theme="light"] body .poetry-archive__page h2,
html[data-theme="light"] body .video-stage__meta h2,
html[data-theme="light"] body .contact-form__field {
  color: var(--light-readable-ink) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body .poetry-archive__poem-text,
html[data-theme="light"] body .poetry-archive__poem-text p,
html[data-theme="light"] body .poetry-archive__page p,
html[data-theme="light"] body .video-stage__meta p {
  color: rgba(23, 20, 32, 0.76) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body .poetry-archive__item:hover,
html[data-theme="light"] body .poetry-archive__item.is-active {
  border-color: rgba(92, 73, 122, 0.26) !important;
  background: rgba(255, 255, 255, 0.82) !important;
}

html[data-theme="light"] body .poetry-archive__pdf-link,
html[data-theme="light"] body .poetry-archive__edit-link,
html[data-theme="light"] body .journal-reader__back,
html[data-theme="light"] body .site-footer__list a[href*="page_id=21"],
html[data-theme="light"] body .site-footer__list a[href*="#contact-form"] {
  color: var(--light-readable-ink) !important;
  border-color: rgba(201, 232, 94, 0.6) !important;
  text-decoration-color: rgba(201, 232, 94, 0.74) !important;
}

html[data-theme="light"] body .site-footer__note,
html[data-theme="light"] body .site-footer__note p,
html[data-theme="light"] body .site-footer__copy,
html[data-theme="light"] body .site-footer__bottom,
html[data-theme="light"] body .site-footer__bottom p {
  color: var(--light-readable-muted) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body .site-footer__logo,
html[data-theme="light"] body .site-footer__list a {
  color: var(--light-readable-ink) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body .contact-form__status.is-error {
  color: #ff4f5e !important;
}

html[data-theme="light"] body .contact-form__status.is-success {
  color: #5f7f10 !important;
}

/* V48 remove unreadable green accents from light hero and footer. */
html[data-theme="light"] body .hero__kicker {
  color: rgba(23, 20, 32, 0.62) !important;
  text-shadow: none !important;
}

html body .site-footer__eyebrow,
html body .site-footer__label,
html[data-theme="light"] body .site-footer__eyebrow,
html[data-theme="light"] body .site-footer__label {
  color: rgba(23, 20, 32, 0.66) !important;
  text-shadow: none !important;
}

html[data-theme="dark"] body .site-footer__eyebrow,
html[data-theme="dark"] body .site-footer__label,
html[data-theme="aurora"] body .site-footer__eyebrow,
html[data-theme="aurora"] body .site-footer__label {
  color: rgba(248, 245, 238, 0.64) !important;
}

html body .contacts-hero__eyebrow,
html[data-theme="light"] body .contacts-hero__eyebrow,
html[data-theme="dark"] body .contacts-hero__eyebrow,
html[data-theme="aurora"] body .contacts-hero__eyebrow {
  color: var(--contacts-muted) !important;
  text-shadow: none !important;
}

html[data-theme="light"] body .contacts-hero__eyebrow {
  color: rgba(23, 20, 32, 0.62) !important;
}

html body .contacts-page--home .contacts-hero {
  min-height: auto !important;
}

html body .contacts-page--home .contacts-hero__layout {
  padding-block: clamp(4.4rem, 7vw, 6.5rem) clamp(4.2rem, 7vw, 6.2rem) !important;
}

@media (max-width: 760px) {
  html body .contacts-page--home .contacts-hero__layout {
    padding-block: clamp(3.4rem, 12vw, 4.8rem) clamp(3.6rem, 12vw, 5rem) !important;
  }
}

/* V48 final accent cleanup and mobile practice image. */
html body .hero__kicker,
html[data-theme="dark"] body .hero__kicker,
html[data-theme="aurora"] body .hero__kicker {
  color: rgba(248, 245, 238, 0.68) !important;
  text-shadow: 0 0.75rem 1.8rem rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="light"] body .hero__kicker {
  color: rgba(23, 20, 32, 0.62) !important;
  text-shadow: none !important;
}

html body .practice-book-link picture {
  display: block !important;
  width: 100% !important;
}

html body .journal-card__link.journal-card__link--poster {
  position: relative !important;
}

html body .journal-card__link.journal-card__link--poster::after {
  position: absolute !important;
  top: clamp(1.05rem, 1.7vw, 1.45rem) !important;
  left: clamp(1.05rem, 1.7vw, 1.45rem) !important;
  z-index: 5 !important;
  display: block !important;
  width: clamp(0.48rem, 0.7vw, 0.68rem) !important;
  height: clamp(0.48rem, 0.7vw, 0.68rem) !important;
  border-radius: 50% !important;
  background: #c9e85e !important;
  box-shadow: 0 0 1rem rgba(201, 232, 94, 0.8), 0 0 2.6rem rgba(201, 232, 94, 0.26) !important;
  content: "" !important;
  pointer-events: none !important;
  animation: ragozJournalDotPulse 2.9s ease-in-out infinite !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__topline time,
html[data-theme="light"] body .journal-card__link.journal-card__link--poster .journal-card__topline time,
html[data-theme="dark"] body .journal-card__link.journal-card__link--poster .journal-card__topline time,
html[data-theme="aurora"] body .journal-card__link.journal-card__link--poster .journal-card__topline time {
  color: rgba(255, 255, 255, 0.78) !important;
  text-shadow: 0 0.65rem 1.3rem rgba(0, 0, 0, 0.42) !important;
}

@keyframes ragozJournalDotPulse {
  0%,
  100% {
    opacity: 0.72;
    transform: scale(0.86);
  }

  45% {
    opacity: 1;
    transform: scale(1.16);
  }
}

@media (max-width: 760px) {
  html body .practice-book-strip--full .practice-book-link {
    width: min(92vw, 26rem) !important;
  }

  html body .practice-book-strip--full .practice-book-link img {
    width: 100% !important;
    aspect-ratio: 9 / 16 !important;
    object-fit: cover !important;
  }
}

/* V48 journal editing, phone field and final green cleanup. */
html[data-theme="light"] body .journal-hero__eyebrow,
html[data-theme="light"] body .poetry-hero__kicker,
html[data-theme="light"] body .songs-hero__kicker,
html[data-theme="light"] body .section-kicker {
  color: rgba(23, 20, 32, 0.58) !important;
  text-shadow: none !important;
}

html body .journal-hero__actions {
  display: flex !important;
  gap: 0.8rem !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  margin-top: 1.4rem !important;
}

html body .journal-admin-link {
  width: fit-content !important;
}

html body .journal-card__link.journal-card__link--poster::after {
  top: auto !important;
  right: clamp(1.05rem, 1.8vw, 1.55rem) !important;
  bottom: clamp(1.05rem, 1.8vw, 1.55rem) !important;
  left: auto !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__topline {
  top: clamp(1rem, 1.8vw, 1.35rem) !important;
  right: clamp(1rem, 1.8vw, 1.35rem) !important;
}

html body .journal-card__link.journal-card__link--poster .journal-card__topline time,
html[data-theme="light"] body .journal-card__link.journal-card__link--poster .journal-card__topline time,
html[data-theme="dark"] body .journal-card__link.journal-card__link--poster .journal-card__topline time,
html[data-theme="aurora"] body .journal-card__link.journal-card__link--poster .journal-card__topline time {
  display: inline-grid !important;
  min-height: 2.35rem !important;
  padding: 0.48rem 0.68rem 0.42rem !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 0.78rem !important;
  color: rgba(255, 255, 255, 0.84) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.03)),
    rgba(13, 12, 20, 0.22) !important;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(0.8rem) !important;
  font-size: clamp(0.82rem, 0.98vw, 1.02rem) !important;
  font-weight: 300 !important;
  letter-spacing: 0.16em !important;
  text-shadow: 0 0.6rem 1.3rem rgba(0, 0, 0, 0.38) !important;
}

html body .contact-form__phone {
  display: grid !important;
  grid-template-columns: minmax(7rem, 0.32fr) 1fr !important;
  gap: 0.7rem !important;
}

html body .contact-form__field select,
html body .contact-form__field input,
html body .contact-form__field textarea {
  width: 100% !important;
}

html body .contact-form__field select {
  min-height: 3.4rem !important;
  padding: 0.75rem 0.9rem !important;
  border: 1px solid var(--contacts-line) !important;
  border-radius: 1rem !important;
  outline: none !important;
  color: var(--contacts-text) !important;
  background: var(--contacts-field) !important;
  font: inherit !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
}

html body .contact-form__field select:focus {
  border-color: rgba(255, 255, 255, 0.58) !important;
  box-shadow: 0 0 0 0.24rem var(--contacts-node-glow) !important;
}

html[data-theme="light"] body .contact-form__field select:focus {
  border-color: rgba(82, 63, 147, 0.48) !important;
}

@media (max-width: 560px) {
  html body .contact-form__phone {
    grid-template-columns: 1fr !important;
  }
}

/* V49 about page visual diary. */
html body .about-visual-diary {
  position: relative !important;
  isolation: isolate !important;
  overflow: clip !important;
  min-height: clamp(42rem, 74vw, 58rem) !important;
  padding: clamp(5.6rem, 9vw, 8rem) 0 clamp(5.6rem, 9vw, 8rem) !important;
  color: var(--about-card-text) !important;
  background:
    linear-gradient(180deg, rgba(10, 11, 17, 0.82), rgba(17, 17, 25, 0.42) 48%, rgba(10, 11, 17, 0.84)),
    var(--visual-diary-bg) center / cover fixed !important;
}

html[data-theme="light"] body .about-visual-diary {
  color: rgba(24, 21, 35, 0.95) !important;
  background:
    linear-gradient(180deg, rgba(244, 240, 250, 0.74), rgba(244, 240, 250, 0.42) 46%, rgba(232, 225, 242, 0.82)),
    var(--visual-diary-bg) center / cover fixed !important;
}

html[data-theme="aurora"] body .about-visual-diary {
  background:
    linear-gradient(180deg, rgba(4, 8, 30, 0.84), rgba(14, 17, 48, 0.36) 48%, rgba(4, 8, 30, 0.86)),
    var(--visual-diary-bg) center / cover fixed !important;
}

html body .about-visual-diary__shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    radial-gradient(circle at 18% 18%, var(--about-card-glow), transparent 34%),
    radial-gradient(circle at 78% 72%, rgba(255, 255, 255, 0.1), transparent 28%) !important;
  opacity: 0.78 !important;
  pointer-events: none !important;
}

html body .about-visual-diary__inner {
  position: relative !important;
  z-index: 1 !important;
}

html body .about-visual-diary__header {
  max-width: 58rem !important;
  margin: 0 auto clamp(2.4rem, 5vw, 4.2rem) !important;
  text-align: center !important;
}

html body .about-visual-diary__eyebrow,
html body .about-visual-gallery__eyebrow,
html body .visual-diary-card__number {
  margin: 0 !important;
  color: var(--about-card-muted) !important;
  font-size: clamp(0.72rem, 0.9vw, 0.88rem) !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

html body .about-visual-diary__header h2 {
  max-width: 12ch !important;
  margin: 0.6rem auto 1rem !important;
  color: var(--about-card-text) !important;
  font-size: clamp(3rem, 7vw, 6.2rem) !important;
  font-weight: 700 !important;
  line-height: 0.94 !important;
}

html body .about-visual-diary__header p:not(.about-visual-diary__eyebrow) {
  max-width: 42rem !important;
  margin: 0 auto !important;
  color: var(--about-card-muted) !important;
  font-size: clamp(1rem, 1.35vw, 1.24rem) !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
}

html body .about-visual-diary__cards {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0 !important;
  max-width: 76rem !important;
  margin: 0 auto !important;
  perspective: 1200px !important;
}

html body .visual-diary-card {
  position: relative !important;
  display: block !important;
  min-height: clamp(20rem, 34vw, 30rem) !important;
  overflow: visible !important;
  color: var(--about-card-text) !important;
  text-decoration: none !important;
  transform: translate3d(0, 0, 0) rotate(var(--visual-rotate, 0deg)) !important;
  transition: transform 560ms cubic-bezier(0.2, 0.7, 0.2, 1), filter 420ms ease !important;
}

html body .visual-diary-card--human {
  z-index: 2 !important;
  margin-right: clamp(-5rem, -5vw, -2rem) !important;
  --visual-rotate: -2.4deg;
  animation: visualDiaryFloatA 8s ease-in-out infinite alternate !important;
}

html body .visual-diary-card--world {
  z-index: 3 !important;
  margin-left: clamp(-5rem, -5vw, -2rem) !important;
  margin-top: clamp(2rem, 5vw, 4.8rem) !important;
  --visual-rotate: 2.1deg;
  animation: visualDiaryFloatB 8.8s ease-in-out infinite alternate !important;
}

html body .visual-diary-card::before {
  position: absolute !important;
  inset: 0 !important;
  padding: clamp(4.6rem, 9vw, 8.4rem) clamp(3rem, 7vw, 6.4rem) !important;
  border: 1px solid color-mix(in srgb, var(--about-card-border) 72%, var(--about-card-text)) !important;
  border-radius: clamp(1rem, 2vw, 1.6rem) !important;
  background:
    linear-gradient(180deg, rgba(8, 8, 13, 0.1), rgba(8, 8, 13, 0.46)),
    var(--visual-cover) center / cover !important;
  box-shadow: 0 2rem 5rem rgba(3, 4, 10, 0.34) !important;
  content: "" !important;
  filter: saturate(0.8) contrast(1.05) !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  mask-composite: exclude !important;
  transition: filter 520ms ease, box-shadow 520ms ease, opacity 520ms ease !important;
}

html body .visual-diary-card::after {
  position: absolute !important;
  inset: 16% 13% 18% !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: clamp(0.7rem, 1.4vw, 1.1rem) !important;
  background: rgba(255, 255, 255, 0.015) !important;
  content: "" !important;
  pointer-events: none !important;
}

html body .visual-diary-card__content {
  position: absolute !important;
  right: clamp(1rem, 2vw, 1.6rem) !important;
  bottom: clamp(1rem, 2vw, 1.6rem) !important;
  left: clamp(1rem, 2vw, 1.6rem) !important;
  z-index: 2 !important;
  display: grid !important;
  gap: 0.5rem !important;
  padding: clamp(1rem, 1.8vw, 1.35rem) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: clamp(0.9rem, 1.6vw, 1.25rem) !important;
  background: color-mix(in srgb, var(--about-card-bg) 76%, transparent) !important;
  box-shadow: 0 1rem 2.8rem rgba(3, 4, 10, 0.24) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
}

html[data-theme="light"] body .visual-diary-card__content {
  border-color: rgba(82, 69, 119, 0.16) !important;
  background: rgba(251, 249, 255, 0.76) !important;
}

html body .visual-diary-card__title {
  display: block !important;
  max-width: 11ch !important;
  color: var(--about-card-text) !important;
  font-size: clamp(1.8rem, 3.4vw, 3.3rem) !important;
  font-weight: 600 !important;
  line-height: 0.96 !important;
}

html body .visual-diary-card__action {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  width: fit-content !important;
  color: var(--about-card-muted) !important;
  font-size: clamp(0.86rem, 1vw, 1rem) !important;
  font-weight: 300 !important;
}

html body .visual-diary-card__action::after {
  content: "→" !important;
  opacity: 0.55 !important;
  transform: translateX(-0.15rem) !important;
  transition: opacity 260ms ease, transform 260ms ease !important;
}

html body .visual-diary-card:hover,
html body .visual-diary-card:focus-visible {
  filter: brightness(1.05) !important;
  transform: translate3d(0, -0.55rem, 2rem) rotate(0deg) scale(1.015) !important;
}

html body .visual-diary-card:hover::before,
html body .visual-diary-card:focus-visible::before {
  filter: saturate(0.96) contrast(1.08) brightness(0.92) !important;
  box-shadow: 0 2.4rem 6.4rem rgba(3, 4, 10, 0.42) !important;
}

html body .visual-diary-card:hover .visual-diary-card__action::after,
html body .visual-diary-card:focus-visible .visual-diary-card__action::after {
  opacity: 1 !important;
  transform: translateX(0.2rem) !important;
}

html body .about-visual-gallery {
  padding: clamp(4.8rem, 8vw, 7rem) 0 !important;
  color: var(--about-card-text) !important;
  background:
    radial-gradient(circle at 18% 0%, var(--about-card-glow), transparent 30%),
    #11121a !important;
}

html[data-theme="light"] body .about-visual-gallery {
  color: rgba(24, 21, 35, 0.95) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(159, 133, 224, 0.18), transparent 34%),
    #f2eef8 !important;
}

html[data-theme="aurora"] body .about-visual-gallery {
  background:
    radial-gradient(circle at 20% 0%, rgba(58, 203, 255, 0.16), transparent 30%),
    #070b26 !important;
}

html body .about-visual-gallery__header {
  display: grid !important;
  gap: 0.55rem !important;
  margin-bottom: clamp(1.8rem, 4vw, 3.2rem) !important;
}

html body .about-visual-gallery__header h2 {
  max-width: 14ch !important;
  margin: 0 !important;
  color: var(--about-card-text) !important;
  font-size: clamp(2.7rem, 6vw, 5.4rem) !important;
  font-weight: 700 !important;
  line-height: 0.94 !important;
}

html body .about-visual-gallery__grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-auto-flow: dense !important;
  gap: clamp(0.65rem, 1.2vw, 1.1rem) !important;
}

html body .about-visual-gallery__item {
  grid-column: span 3 !important;
  min-height: 14rem !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--about-card-border) !important;
  border-radius: clamp(0.85rem, 1.4vw, 1.25rem) !important;
  background: var(--about-card-bg) !important;
  box-shadow: 0 1.4rem 3rem rgba(3, 4, 10, 0.22) !important;
}

html body .about-visual-gallery__item:nth-child(6n + 1),
html body .about-visual-gallery__item:nth-child(9n + 7) {
  grid-column: span 5 !important;
  min-height: 18rem !important;
}

html body .about-visual-gallery__item:nth-child(8n + 3) {
  grid-column: span 4 !important;
  min-height: 20rem !important;
}

html body .about-visual-gallery__item img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: inherit !important;
  object-fit: cover !important;
  filter: saturate(0.82) contrast(1.03) !important;
  transition: transform 700ms cubic-bezier(0.2, 0.7, 0.2, 1), filter 420ms ease !important;
}

html body .about-visual-gallery__item:hover img {
  transform: scale(1.035) !important;
  filter: saturate(0.94) contrast(1.06) !important;
}

@keyframes visualDiaryFloatA {
  to {
    translate: 0 -0.55rem;
  }
}

@keyframes visualDiaryFloatB {
  to {
    translate: 0.2rem -0.42rem;
  }
}

@media (max-width: 900px) {
  html body .about-visual-diary {
    min-height: auto !important;
    background-attachment: scroll !important;
  }

  html body .about-visual-diary__cards {
    grid-template-columns: 1fr !important;
    max-width: 38rem !important;
    gap: 1rem !important;
  }

  html body .visual-diary-card,
  html body .visual-diary-card--human,
  html body .visual-diary-card--world,
  html body .visual-diary-card:hover,
  html body .visual-diary-card:focus-visible {
    min-height: clamp(15rem, 58vw, 21rem) !important;
    margin: 0 !important;
    animation: none !important;
    transform: none !important;
  }

  html body .visual-diary-card::before {
    padding: clamp(3.4rem, 14vw, 5.2rem) clamp(2.2rem, 9vw, 4rem) !important;
  }

  html body .about-visual-gallery__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  html body .about-visual-gallery__item,
  html body .about-visual-gallery__item:nth-child(6n + 1),
  html body .about-visual-gallery__item:nth-child(9n + 7),
  html body .about-visual-gallery__item:nth-child(8n + 3) {
    grid-column: span 3 !important;
    min-height: 13rem !important;
  }
}

@media (max-width: 560px) {
  html body .about-visual-diary {
    padding: 4.6rem 0 !important;
  }

  html body .about-visual-diary__header {
    text-align: left !important;
  }

  html body .about-visual-diary__header h2,
  html body .about-visual-diary__header p:not(.about-visual-diary__eyebrow) {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body .visual-diary-card,
  html body .visual-diary-card--human,
  html body .visual-diary-card--world {
    min-height: 14.5rem !important;
  }

  html body .visual-diary-card__content {
    padding: 0.9rem !important;
  }

  html body .visual-diary-card__title {
    max-width: 13ch !important;
    font-size: clamp(1.55rem, 8vw, 2.2rem) !important;
  }

  html body .about-visual-gallery__grid {
    grid-template-columns: 1fr !important;
  }

  html body .about-visual-gallery__item,
  html body .about-visual-gallery__item:nth-child(6n + 1),
  html body .about-visual-gallery__item:nth-child(9n + 7),
  html body .about-visual-gallery__item:nth-child(8n + 3) {
    grid-column: auto !important;
    min-height: 16rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .visual-diary-card,
  html body .visual-diary-card--human,
  html body .visual-diary-card--world {
    animation: none !important;
  }
}

/* V50 visual diary pages and perimeter previews. */
html body .about-ragoz__stage {
  background-position: center 38% !important;
}

html body .about-visual-diary,
html[data-theme="light"] body .about-visual-diary,
html[data-theme="aurora"] body .about-visual-diary {
  background-position: left 18% !important;
}

html body .visual-diary-card {
  min-height: clamp(22rem, 36vw, 31rem) !important;
}

html body .visual-diary-card::before {
  padding: clamp(5.2rem, 9vw, 8.8rem) clamp(3.8rem, 7vw, 6.8rem) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(9, 9, 14, 0.18)),
    color-mix(in srgb, var(--about-card-bg) 58%, transparent) !important;
  filter: none !important;
}

html body .visual-diary-card:hover::before,
html body .visual-diary-card:focus-visible::before {
  filter: none !important;
}

html body .visual-diary-card::after {
  inset: 28% 25% 27% !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.13), transparent 60%),
    color-mix(in srgb, var(--about-card-bg) 10%, transparent) !important;
  box-shadow: inset 0 0 4rem rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(4px) saturate(0.95) !important;
}

html[data-theme="light"] body .visual-diary-card::after {
  border-color: rgba(82, 69, 119, 0.16) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.58), transparent 62%),
    rgba(248, 246, 253, 0.12) !important;
}

html body .visual-diary-card__photos {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  overflow: hidden !important;
  border-radius: clamp(1rem, 2vw, 1.6rem) !important;
  pointer-events: none !important;
}

html body .visual-diary-card__photo {
  position: absolute !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: clamp(0.7rem, 1.2vw, 1.05rem) !important;
  background: rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 1.2rem 2.8rem rgba(3, 4, 10, 0.24) !important;
  transform: translateZ(0) rotate(var(--photo-rotate, 0deg)) !important;
  transition: transform 640ms cubic-bezier(0.2, 0.7, 0.2, 1), filter 420ms ease !important;
}

html[data-theme="light"] body .visual-diary-card__photo {
  border-color: rgba(82, 69, 119, 0.16) !important;
  box-shadow: 0 1.2rem 3rem rgba(70, 58, 96, 0.18) !important;
}

html body .visual-diary-card__photo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(0.86) contrast(1.03) !important;
}

html body .visual-diary-card__photo--1 {
  top: 1.1rem !important;
  left: 1.1rem !important;
  width: 30% !important;
  height: 36% !important;
  --photo-rotate: -1.2deg;
}

html body .visual-diary-card__photo--2 {
  top: 1rem !important;
  left: 37% !important;
  width: 26% !important;
  height: 24% !important;
  --photo-rotate: 0.8deg;
}

html body .visual-diary-card__photo--3 {
  top: 1.15rem !important;
  right: 1.15rem !important;
  width: 26% !important;
  height: 38% !important;
  --photo-rotate: 1.3deg;
}

html body .visual-diary-card__photo--4 {
  top: 38% !important;
  right: 1.1rem !important;
  width: 20% !important;
  height: 27% !important;
  --photo-rotate: -0.7deg;
}

html body .visual-diary-card__photo--5 {
  right: 1.1rem !important;
  bottom: 1.1rem !important;
  width: 31% !important;
  height: 27% !important;
  --photo-rotate: 1.2deg;
}

html body .visual-diary-card__photo--6 {
  bottom: 1rem !important;
  left: 39% !important;
  width: 24% !important;
  height: 20% !important;
  --photo-rotate: -0.8deg;
}

html body .visual-diary-card__photo--7 {
  bottom: 1.1rem !important;
  left: 1.1rem !important;
  width: 31% !important;
  height: 33% !important;
  --photo-rotate: 0.9deg;
}

html body .visual-diary-card__photo--8 {
  top: 40% !important;
  left: 1.1rem !important;
  width: 21% !important;
  height: 25% !important;
  --photo-rotate: -1.5deg;
}

html body .visual-diary-card:hover .visual-diary-card__photo,
html body .visual-diary-card:focus-visible .visual-diary-card__photo {
  filter: brightness(1.03) !important;
  transform: translateY(-0.28rem) rotate(var(--photo-rotate, 0deg)) !important;
}

html body .visual-diary-card__content {
  right: auto !important;
  left: clamp(1rem, 2vw, 1.45rem) !important;
  bottom: clamp(1rem, 2vw, 1.45rem) !important;
  width: min(72%, 25rem) !important;
  padding: clamp(0.95rem, 1.6vw, 1.2rem) !important;
}

html body .visual-diary-card--world .visual-diary-card__content {
  right: clamp(1rem, 2vw, 1.45rem) !important;
  left: auto !important;
}

html body .visual-photo-page {
  min-height: 100vh !important;
  color: var(--about-card-text) !important;
  background:
    radial-gradient(circle at 18% 0%, var(--about-card-glow), transparent 30%),
    #11121a !important;
}

html[data-theme="light"] body .visual-photo-page {
  color: rgba(24, 21, 35, 0.96) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(160, 137, 224, 0.22), transparent 32%),
    #f4f0fa !important;
}

html[data-theme="aurora"] body .visual-photo-page {
  background:
    radial-gradient(circle at 18% 0%, rgba(70, 206, 255, 0.16), transparent 32%),
    #060a26 !important;
}

html body .visual-photo-hero {
  position: relative !important;
  isolation: isolate !important;
  min-height: clamp(24rem, 54vw, 38rem) !important;
  overflow: clip !important;
  display: grid !important;
  align-items: end !important;
  padding: clamp(6rem, 11vw, 9rem) 0 clamp(3.2rem, 7vw, 5rem) !important;
  background:
    linear-gradient(180deg, rgba(9, 10, 16, 0.34), rgba(9, 10, 16, 0.8)),
    var(--visual-photo-cover) center 35% / cover !important;
}

html[data-theme="light"] body .visual-photo-hero {
  background:
    linear-gradient(180deg, rgba(244, 240, 250, 0.46), rgba(244, 240, 250, 0.9)),
    var(--visual-photo-cover) center 35% / cover !important;
}

html body .visual-photo-hero__shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background: radial-gradient(circle at 70% 30%, rgba(255, 255, 255, 0.14), transparent 30%) !important;
  pointer-events: none !important;
}

html body .visual-photo-hero__inner {
  display: grid !important;
  gap: clamp(0.75rem, 1.5vw, 1rem) !important;
}

html body .visual-photo-hero__back,
html body .visual-photo-hero__eyebrow {
  width: fit-content !important;
  color: var(--about-card-muted) !important;
  font-size: clamp(0.78rem, 0.95vw, 0.92rem) !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

html body .visual-photo-hero__back {
  margin-bottom: clamp(1.2rem, 2vw, 1.8rem) !important;
  padding: 0.8rem 1rem !important;
  border: 1px solid var(--about-card-border) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--about-card-bg) 52%, transparent) !important;
  backdrop-filter: blur(14px) !important;
}

html body .visual-photo-hero h1 {
  max-width: 9ch !important;
  margin: 0 !important;
  color: var(--about-card-text) !important;
  font-size: clamp(4rem, 10vw, 9rem) !important;
  font-weight: 700 !important;
  line-height: 0.88 !important;
}

html body .visual-photo-gallery {
  padding: clamp(3.2rem, 7vw, 5.6rem) 0 clamp(5rem, 9vw, 8rem) !important;
}

html body .visual-photo-gallery__grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-auto-flow: dense !important;
  gap: clamp(0.7rem, 1.2vw, 1.15rem) !important;
}

html body .visual-photo-gallery__item {
  grid-column: span 4 !important;
  min-height: clamp(16rem, 27vw, 28rem) !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--about-card-border) !important;
  border-radius: clamp(0.9rem, 1.5vw, 1.3rem) !important;
  background: var(--about-card-bg) !important;
  box-shadow: 0 1.4rem 3.8rem rgba(3, 4, 10, 0.24) !important;
  transform: translateY(calc(var(--photo-index, 0) * 0.12rem)) !important;
}

html body .visual-photo-gallery__item:nth-child(7n + 1),
html body .visual-photo-gallery__item:nth-child(9n + 5) {
  grid-column: span 6 !important;
  min-height: clamp(20rem, 32vw, 34rem) !important;
}

html body .visual-photo-gallery__item:nth-child(8n + 3) {
  grid-column: span 5 !important;
}

html body .visual-photo-gallery__item img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: inherit !important;
  object-fit: cover !important;
  filter: saturate(0.86) contrast(1.03) !important;
  transition: transform 760ms cubic-bezier(0.2, 0.7, 0.2, 1), filter 420ms ease !important;
}

html body .visual-photo-gallery__item:hover img {
  transform: scale(1.035) !important;
  filter: saturate(0.98) contrast(1.06) !important;
}

@media (max-width: 900px) {
  html body .about-visual-diary,
  html[data-theme="light"] body .about-visual-diary,
  html[data-theme="aurora"] body .about-visual-diary {
    background-position: 24% 18% !important;
  }

  html body .visual-diary-card,
  html body .visual-diary-card--human,
  html body .visual-diary-card--world {
    min-height: clamp(19rem, 60vw, 27rem) !important;
  }

  html body .visual-photo-gallery__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  html body .visual-photo-gallery__item,
  html body .visual-photo-gallery__item:nth-child(7n + 1),
  html body .visual-photo-gallery__item:nth-child(9n + 5),
  html body .visual-photo-gallery__item:nth-child(8n + 3) {
    grid-column: span 3 !important;
    min-height: 16rem !important;
  }
}

@media (max-width: 560px) {
  html body .about-ragoz__stage {
    background-position: center 34% !important;
  }

  html body .visual-diary-card,
  html body .visual-diary-card--human,
  html body .visual-diary-card--world {
    min-height: 18rem !important;
  }

  html body .visual-diary-card::after {
    inset: 31% 27% 29% !important;
  }

  html body .visual-diary-card__content,
  html body .visual-diary-card--world .visual-diary-card__content {
    right: auto !important;
    left: 0.85rem !important;
    bottom: 0.85rem !important;
    width: min(78%, 19rem) !important;
  }

  html body .visual-diary-card__photo--2,
  html body .visual-diary-card__photo--6 {
    display: none !important;
  }

  html body .visual-diary-card__photo--1,
  html body .visual-diary-card__photo--3,
  html body .visual-diary-card__photo--5,
  html body .visual-diary-card__photo--7 {
    width: 34% !important;
  }

  html body .visual-photo-hero h1 {
    max-width: 10ch !important;
    font-size: clamp(3.2rem, 17vw, 5.6rem) !important;
  }

  html body .visual-photo-gallery__grid {
    grid-template-columns: 1fr !important;
  }

  html body .visual-photo-gallery__item,
  html body .visual-photo-gallery__item:nth-child(7n + 1),
  html body .visual-photo-gallery__item:nth-child(9n + 5),
  html body .visual-photo-gallery__item:nth-child(8n + 3) {
    grid-column: auto !important;
    min-height: 19rem !important;
  }
}

/* V51 photo menu placement and fullscreen gallery viewer. */
html body .command-menu__nav--orbit .command-menu__list .menu-item-photo {
  right: 4% !important;
  bottom: 25% !important;
  left: auto !important;
  top: auto !important;
}

html body .command-menu__nav--orbit .command-menu__list .menu-item-photo a {
  rotate: -4deg !important;
}

html body .command-menu__nav--orbit .command-menu__list .menu-item-photo a::before {
  content: "09" !important;
}

html body .visual-photo-gallery__item img {
  cursor: zoom-in !important;
}

html body.visual-photo-lightbox-open {
  overflow: hidden !important;
}

html body .visual-photo-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(1rem, 3vw, 2rem) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.08), transparent 34%),
    rgba(5, 5, 9, 0.9) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 260ms ease !important;
  backdrop-filter: blur(12px) saturate(0.9) !important;
}

html body .visual-photo-lightbox.is-open {
  opacity: 1 !important;
  pointer-events: auto !important;
}

html body .visual-photo-lightbox__image {
  display: block !important;
  width: auto !important;
  max-width: min(96vw, 92rem) !important;
  height: auto !important;
  max-height: 92vh !important;
  border-radius: clamp(0.7rem, 1.2vw, 1rem) !important;
  box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.48) !important;
  object-fit: contain !important;
  transform: scale(0.985) !important;
  transition: transform 300ms cubic-bezier(0.2, 0.7, 0.2, 1) !important;
}

html body .visual-photo-lightbox.is-open .visual-photo-lightbox__image {
  transform: scale(1) !important;
}

html body .visual-photo-lightbox__close {
  position: fixed !important;
  top: max(1rem, env(safe-area-inset-top)) !important;
  right: max(1rem, env(safe-area-inset-right)) !important;
  z-index: 1 !important;
  display: grid !important;
  width: 3rem !important;
  height: 3rem !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  color: rgba(255, 255, 255, 0.92) !important;
  background: rgba(20, 20, 28, 0.62) !important;
  font-family: var(--font-main) !important;
  font-size: 1.8rem !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  backdrop-filter: blur(14px) !important;
}

@media (max-width: 900px) {
  html body .command-menu__nav--orbit .command-menu__list .menu-item-photo {
    position: static !important;
    width: 100% !important;
  }

  html body .command-menu__nav--orbit .command-menu__list .menu-item-photo a {
    rotate: 0deg !important;
  }
}

/* V52 final cascade: new typography and contact accents must win after v46 fixes. */
:root {
  --font-main: "Sofia Sans", "Segoe UI", Arial, sans-serif !important;
  --font-sans: "Sofia Sans", "Segoe UI", Arial, sans-serif !important;
  --font-head: "Alice", Georgia, "Times New Roman", serif !important;
  --contact-purple: #8d68df;
  --contact-purple-soft: rgba(141, 104, 223, 0.2);
  --contact-purple-glow: rgba(141, 104, 223, 0.62);
}

html body {
  font-family: var(--font-sans) !important;
  font-weight: 300 !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .hero__title,
html body .section h2,
html body .contacts-hero__title,
html body .contacts-form-section h2,
html body .journal-reader__title,
html body .journal-card__title,
html body .poetry-hero__title,
html body .poetry-archive__title,
html body .about-ragoz__title,
html body .ragoz-game h2 {
  font-family: var(--font-head) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

html body p,
html body li,
html body blockquote,
html body small,
html body input,
html body textarea,
html body select,
html body button,
html body .button,
html body .site-nav a,
html body .contact-form,
html body .contacts-page,
html body .contacts-orbit__core strong,
html body .contacts-orbit__core small,
html body .social-sticker,
html body .ragoz-game {
  font-family: var(--font-sans) !important;
}

html body p,
html body li,
html body .contacts-form-section__copy > p:last-child,
html body .ragoz-game p {
  font-weight: 300 !important;
}

html body .contacts-orbit__halo--outer::after,
html body .metaphor-response h2::after,
html body .practice-book-strip--full .practice-book-link::after {
  background: var(--contact-purple) !important;
  box-shadow:
    0 0 0 0.5rem rgba(141, 104, 223, 0.1),
    0 0 2.4rem var(--contact-purple-glow) !important;
}

html body .metaphor-response blockquote {
  background:
    linear-gradient(90deg, rgba(141, 104, 223, 0.2), rgba(141, 104, 223, 0.05) 42%, transparent),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015)) !important;
}

html body .metaphor-response blockquote::before {
  background: var(--contact-purple) !important;
  box-shadow: 0 0 1.8rem var(--contact-purple-glow) !important;
}

html body .contact-form__phone {
  display: none !important;
}

/* V53 final cascade: adaptive contact field and photo-led RAGOZ practice. */
html body .contact-form__field {
  font-size: clamp(0.98rem, 1.25vw, 1.12rem) !important;
}

html body .contact-form__field > span:first-child,
html body .contact-form__field legend {
  color: var(--contacts-text) !important;
  font-size: clamp(1rem, 1.32vw, 1.16rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
}

html body .contact-form__field input,
html body .contact-form__field textarea,
html body .contact-form__field select {
  font-size: 1.04rem !important;
  font-weight: 300 !important;
}

html body .contact-form__contact-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.62rem !important;
}

html body .contact-form__contact-row:has(.contact-form__phone-code:not([hidden])) {
  grid-template-columns: minmax(7.4rem, 0.34fr) minmax(0, 1fr) !important;
}

html body .contact-form__phone-code[hidden] {
  display: none !important;
}

html body .contact-form__phone-code:not([hidden]) {
  display: block !important;
}

html body .contact-form__chip span {
  font-size: 0.98rem !important;
}

html body .contact-form__field small,
html body .contact-form__note {
  font-size: 0.86rem !important;
}

html body .ragoz-game__insight {
  max-width: 31rem !important;
  margin-top: 1.35rem !important;
  padding: 1.05rem 1.15rem !important;
  border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent) !important;
  border-radius: 1.35rem !important;
  background:
    linear-gradient(135deg, rgba(141, 104, 223, 0.14), transparent 64%),
    color-mix(in srgb, var(--card-surface-c) 74%, transparent) !important;
}

html body .ragoz-game__insight span {
  display: block !important;
  color: var(--card-label) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

html body .ragoz-game__insight p {
  margin-top: 0.52rem !important;
  color: var(--text) !important;
  font-size: clamp(1rem, 1.3vw, 1.12rem) !important;
  line-height: 1.55 !important;
}

html body .ragoz-game__core {
  width: min(64%, 25rem) !important;
  aspect-ratio: 0.82 !important;
  overflow: hidden !important;
  border-radius: 42% 58% 54% 46% / 48% 43% 57% 52% !important;
  padding: 0 !important;
}

html body .ragoz-game__core::after {
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 38% 18%, rgba(255, 255, 255, 0.22), transparent 28%),
    linear-gradient(180deg, transparent 48%, rgba(16, 13, 24, 0.28)) !important;
  content: "" !important;
  pointer-events: none !important;
}

html body .ragoz-game__core img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(0.95) contrast(1.02) !important;
  transform: scale(1.02) !important;
}

html body .ragoz-game__token {
  gap: 0.28rem !important;
  text-align: center !important;
}

html body .ragoz-game__token img {
  display: block !important;
  width: 1.9rem !important;
  height: 1.9rem !important;
  margin-bottom: 0.08rem !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0.45rem 0.8rem rgba(141, 104, 223, 0.22)) !important;
}

html body .ragoz-game__token.is-active {
  border-color: color-mix(in srgb, var(--contact-purple) 76%, white) !important;
  background:
    linear-gradient(150deg, rgba(141, 104, 223, 0.24), transparent 62%),
    color-mix(in srgb, var(--card-surface-c) 94%, transparent) !important;
  box-shadow: 0 1.8rem 3.8rem rgba(0, 0, 0, 0.24), 0 0 0 0.26rem var(--contact-purple-soft) !important;
}

html body .ragoz-game__token.is-active img {
  filter: drop-shadow(0 0.55rem 1rem rgba(141, 104, 223, 0.44)) !important;
}

@media (max-width: 640px) {
  html body .contact-form__contact-row:has(.contact-form__phone-code:not([hidden])) {
    grid-template-columns: 1fr !important;
  }

  html body .ragoz-game__core {
    width: min(76%, 18rem) !important;
  }

  html body .ragoz-game__token {
    width: clamp(7.2rem, 40vw, 9.2rem) !important;
  }
}

/* V54: slightly larger homepage card typography. */
html body .floating-card__label {
  font-size: clamp(0.78rem, 1vw, 0.96rem) !important;
  line-height: 1.15 !important;
}

html body .floating-card__question {
  font-size: clamp(1.04rem, 1.55vw, 1.34rem) !important;
  line-height: 1.22 !important;
}

html body .question-card__number {
  font-size: clamp(0.9rem, 1.08vw, 1.04rem) !important;
}

html body .question-card__title {
  font-size: clamp(1.34rem, 2.2vw, 1.86rem) !important;
  line-height: 1.08 !important;
}

html body .question-card__text {
  font-size: clamp(1rem, 1.28vw, 1.16rem) !important;
  line-height: 1.34 !important;
}

html body .ragoz-game__token-number {
  font-size: 0.88rem !important;
}

html body .ragoz-game__token strong {
  font-size: clamp(1.35rem, 2vw, 1.72rem) !important;
  line-height: 1.04 !important;
}

html body .ragoz-game__token small {
  font-size: clamp(0.94rem, 1.16vw, 1.08rem) !important;
  line-height: 1.24 !important;
}

/* V57.2: final hero guard after older typography overrides. */
html body .hero__layout {
  grid-template-columns: minmax(0, 0.98fr) minmax(24rem, 0.82fr) !important;
  gap: clamp(3rem, 6.5vw, 7rem) !important;
  align-items: center !important;
}

html body .hero__content {
  z-index: 5 !important;
  max-width: min(53rem, 100%) !important;
}

html body .hero__title {
  max-width: min(11.4ch, 100%) !important;
  font-size: clamp(4.15rem, 7.4vw, 8.4rem) !important;
  line-height: 0.92 !important;
}

html[data-ragoz-lang="en"] body .hero__title {
  max-width: min(12.4ch, 100%) !important;
  font-size: clamp(3.75rem, 6.4vw, 7.5rem) !important;
}

html body .hero-orbit {
  z-index: 2 !important;
  justify-self: end !important;
  width: min(38vw, 34rem) !important;
  min-height: clamp(31rem, 43vw, 40rem) !important;
  transform: translateX(clamp(0.8rem, 2.8vw, 3.2rem)) scale(0.92) !important;
  transform-origin: center right !important;
}

html body .floating-card {
  display: grid !important;
  align-content: start !important;
  gap: 0.55rem !important;
  width: clamp(7.2rem, 8.8vw, 9.4rem) !important;
  min-height: clamp(10.4rem, 13vw, 13.5rem) !important;
  padding: clamp(0.72rem, 0.9vw, 0.9rem) !important;
  overflow: hidden !important;
}

html body .floating-card__label {
  font-size: clamp(0.5rem, 0.58vw, 0.64rem) !important;
  line-height: 1.12 !important;
  letter-spacing: 0.08em !important;
}

html body .floating-card__question {
  display: -webkit-box !important;
  margin: 0 !important;
  color: rgba(255, 250, 244, 0.86) !important;
  font-size: clamp(0.66rem, 0.78vw, 0.84rem) !important;
  line-height: 1.22 !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
}

html body .floating-card:nth-child(1) {
  left: 2% !important;
  top: 18% !important;
}

html body .floating-card:nth-child(2) {
  right: 14% !important;
  top: 3% !important;
}

html body .floating-card:nth-child(3) {
  right: 0 !important;
  top: 34% !important;
}

html body .floating-card:nth-child(4) {
  left: 18% !important;
  bottom: 7% !important;
}

html body .floating-card:nth-child(5) {
  right: 30% !important;
  bottom: 2% !important;
}

html body .floating-card:nth-child(6) {
  right: 6% !important;
  bottom: 11% !important;
}

@media (min-width: 1500px) {
  html body .hero__layout {
    grid-template-columns: minmax(0, 1.05fr) minmax(25rem, 0.78fr) !important;
  }

  html body .hero-orbit {
    width: min(34vw, 35rem) !important;
    transform: translateX(clamp(1.4rem, 3.2vw, 4rem)) scale(0.9) !important;
  }
}

@media (max-width: 1180px) {
  html body .hero__layout {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }

  html body .hero-orbit {
    width: min(100%, 38rem) !important;
    min-height: 28rem !important;
    justify-self: center !important;
    transform: none !important;
  }
}

@media (max-width: 760px) {
  html body .hero__title,
  html[data-ragoz-lang="en"] body .hero__title {
    max-width: 100% !important;
    font-size: clamp(2.9rem, 15.2vw, 4.65rem) !important;
  }

  html body .hero-orbit {
    min-height: 22rem !important;
  }

  html body .floating-card {
    width: clamp(6.4rem, 28vw, 7.8rem) !important;
    min-height: clamp(9.4rem, 39vw, 11.2rem) !important;
  }
}