/* Final scoped overrides for the latest browser comments. */
.react-bits-click-spark-canvas {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 2147482500 !important;
  pointer-events: none !important;
  user-select: none !important;
  mix-blend-mode: screen !important;
}

/* 2026-07-07 Entry loader: black screen -> circular progress -> enter button. */
html.freem-loading,
body.freem-entry-locked {
  overflow: hidden !important;
}

.freem-entry-loader {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: grid !important;
  place-items: center !important;
  background: #000 !important;
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: opacity .68s cubic-bezier(.16, 1, .3, 1), visibility .68s ease !important;
}

html.freem-loading .hero-topbar,
html.freem-loading .hero-topbar--global,
html.freem-loading .case-nav,
html.freem-loading .daily-overview-nav,
html.freem-loading .evaluation-nav,
html.freem-loading .key-projects-nav {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.freem-entry-loader::before,
.freem-entry-loader::after {
  content: "" !important;
  position: absolute !important;
  inset: -20% !important;
  pointer-events: none !important;
}

.freem-entry-loader::before {
  background:
    radial-gradient(circle at 50% 50%, rgba(83, 199, 255, .18), transparent 22%),
    radial-gradient(circle at 50% 50%, rgba(255, 132, 45, .13), transparent 34%),
    linear-gradient(115deg, transparent 0 43%, rgba(120, 220, 255, .11) 48%, transparent 54% 100%) !important;
  filter: blur(18px) saturate(1.25) !important;
  animation: freemEntryAura 5.4s linear infinite !important;
}

.freem-entry-loader::after {
  opacity: .26 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, .1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px) !important;
  background-size: 68px 68px !important;
  mask-image: radial-gradient(circle at 50% 50%, #000 0 26%, transparent 58%) !important;
  -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 0 26%, transparent 58%) !important;
  animation: freemEntryGrid 9s linear infinite !important;
}

.freem-entry-loader.is-leaving {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.freem-entry-loader__button {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: clamp(132px, 12vw, 188px) !important;
  aspect-ratio: 1 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(255, 255, 255, .08), transparent 46%),
    rgba(3, 8, 12, .38) !important;
  color: #fff !important;
  cursor: default !important;
  appearance: none !important;
  transform: translateZ(0) scale(1) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .1) inset,
    0 0 42px rgba(51, 194, 255, .14),
    0 0 88px rgba(255, 132, 45, .12) !important;
  backdrop-filter: blur(18px) saturate(1.3) !important;
  transition: transform .28s ease, filter .28s ease, box-shadow .28s ease !important;
}

.freem-entry-loader.is-ready .freem-entry-loader__button {
  cursor: pointer !important;
  filter: drop-shadow(0 0 28px rgba(104, 217, 255, .32)) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .22) inset,
    0 0 32px rgba(104, 217, 255, .28),
    0 0 92px rgba(255, 132, 45, .16) !important;
}

.freem-entry-loader.is-ready .freem-entry-loader__button:hover {
  transform: translateZ(0) scale(1.04) !important;
}

.freem-entry-loader__ring {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: rotate(-90deg) !important;
  overflow: visible !important;
}

.freem-entry-loader__track,
.freem-entry-loader__progress {
  fill: none !important;
  stroke-width: 3.6 !important;
}

.freem-entry-loader__track {
  stroke: rgba(255, 255, 255, .13) !important;
}

.freem-entry-loader__progress {
  stroke: #74e3ff !important;
  stroke-linecap: round !important;
  filter: drop-shadow(0 0 8px rgba(116, 227, 255, .92)) drop-shadow(0 0 22px rgba(255, 132, 45, .38)) !important;
  transition: stroke-dashoffset .08s linear, stroke .28s ease, filter .28s ease !important;
}

.freem-entry-loader.is-ready .freem-entry-loader__progress {
  stroke: #fff !important;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, .9)) drop-shadow(0 0 32px rgba(116, 227, 255, .48)) !important;
}

.freem-entry-loader__label {
  position: relative !important;
  z-index: 1 !important;
  color: #fff !important;
  font-family: Almarai, "Microsoft YaHei UI", sans-serif !important;
  font-size: clamp(24px, 2.3vw, 38px) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  user-select: none !important;
}

.freem-entry-loader.is-ready .freem-entry-loader__label {
  font-size: clamp(22px, 2vw, 34px) !important;
}

@keyframes freemEntryAura {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.04);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}

@keyframes freemEntryGrid {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(68px, 68px, 0);
  }
}

/* 2026-07-07 SplitText-style WELCOME entrance. */
.react-bits-split-text {
  overflow: visible !important;
}

.react-bits-split-text .react-bits-split-char {
  display: inline-block !important;
  opacity: 0;
  transform: translate3d(0, .34em, 0);
  animation: reactBitsWelcomeSplit 1.35s cubic-bezier(.16, 1, .3, 1) forwards;
  animation-delay: calc(.08s + var(--split-index, 0) * .09s);
  will-change: transform, opacity !important;
}

@keyframes reactBitsWelcomeSplit {
  0% {
    opacity: 0;
    transform: translate3d(0, .34em, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.react-bits-about-split-text {
  overflow: hidden !important;
}

.react-bits-about-split-text .react-bits-split-char {
  display: inline-block !important;
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  animation: none;
  will-change: transform, opacity !important;
}

.react-bits-about-split-text .react-bits-split-space {
  display: inline !important;
  white-space: pre-wrap !important;
}

.react-bits-about-split-text.is-visible .react-bits-split-char {
  animation: reactBitsAboutSplitText .36s cubic-bezier(.22, 1, .36, 1) forwards;
  animation-delay: calc(var(--split-index, 0) * .0048s);
}

.ip-page .freem-ip-background .freem-ip-background-body-entrance.react-bits-about-split-text .react-bits-split-char {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  animation: none;
}

.ip-page .freem-ip-background .freem-ip-background-body-entrance.react-bits-about-split-text.is-visible .react-bits-split-char {
  animation: reactBitsAboutSplitText .36s cubic-bezier(.22, 1, .36, 1) forwards !important;
  animation-delay: calc(var(--split-index, 0) * .0048s) !important;
}

.case-page .freem-brazil-background-page .freem-brazil-background-body-entrance.react-bits-about-split-text .react-bits-split-char {
  opacity: 0;
  transform: translate3d(0, 42px, 0);
  animation: none;
}

.case-page .freem-brazil-background-page .freem-brazil-background-body-entrance.react-bits-about-split-text.is-visible .react-bits-split-char {
  animation: reactBitsAboutSplitText .38s cubic-bezier(.22, 1, .36, 1) forwards !important;
  animation-delay: calc(var(--split-index, 0) * .0052s) !important;
}

.divine-page .freem-divine-body-entrance.react-bits-about-split-text .react-bits-split-char {
  opacity: 0;
  transform: translate3d(0, 44px, 0);
  animation: none;
}

.divine-page .freem-divine-body-entrance.react-bits-about-split-text.is-visible .react-bits-split-char {
  animation: reactBitsAboutSplitText .4s cubic-bezier(.22, 1, .36, 1) forwards !important;
  animation-delay: calc(var(--split-index, 0) * .0054s) !important;
}

.event-page .freem-event-system .freem-event-system-body-entrance.react-bits-about-split-text .react-bits-split-char {
  opacity: 0;
  transform: translate3d(0, 42px, 0);
  animation: none;
}

.event-page .freem-event-system .freem-event-system-body-entrance.react-bits-about-split-text.is-visible .react-bits-split-char {
  animation: reactBitsAboutSplitText .38s cubic-bezier(.22, 1, .36, 1) forwards !important;
  animation-delay: calc(var(--split-index, 0) * .0052s) !important;
}

@keyframes reactBitsAboutSplitText {
  0% {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* 2026-07-07 Daily overview: CircularGallery-style video flow. */
.daily-overview-rail.react-bits-daily-circular-gallery {
  position: relative !important;
  display: block !important;
  width: min(1640px, calc(100vw - 112px)) !important;
  height: clamp(520px, 61vh, 680px) !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  padding: 0 !important;
  perspective: 1120px !important;
  perspective-origin: 50% 42% !important;
  cursor: grab !important;
  touch-action: pan-y !important;
  user-select: none !important;
  scroll-snap-type: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.daily-overview-gallery:has(.react-bits-daily-circular-gallery) {
  overflow: hidden !important;
}

.daily-overview-rail.react-bits-daily-circular-gallery.is-dragging {
  cursor: grabbing !important;
}

.daily-overview-rail.react-bits-daily-circular-gallery .react-bits-daily-circular-item {
  position: absolute !important;
  top: clamp(12px, 1.8vh, 24px) !important;
  left: 0 !important;
  display: block !important;
  width: clamp(196px, 13.5vw, 250px) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  break-inside: auto !important;
  scroll-snap-align: none !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #06151d !important;
  opacity: var(--daily-circular-opacity, 1) !important;
  transform:
    translate3d(var(--daily-circular-x, 0px), var(--daily-circular-y, 0px), var(--daily-circular-z, 0px))
    rotateZ(var(--daily-circular-r, 0deg))
    scale(var(--daily-circular-scale, 1)) !important;
  transform-origin: 50% 50% !important;
  transform-style: preserve-3d !important;
  will-change: transform, opacity !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .26) !important;
  transition: opacity .2s ease !important;
}

.daily-overview-rail.react-bits-daily-circular-gallery .react-bits-daily-circular-item video {
  width: 100% !important;
  height: clamp(326px, 39vh, 440px) !important;
  aspect-ratio: 9 / 16 !important;
  object-fit: cover !important;
  border-radius: 14px 14px 0 0 !important;
  background: #000 !important;
}

.daily-overview-rail.react-bits-daily-circular-gallery .react-bits-daily-circular-item div {
  padding: 13px 14px 16px !important;
  border-radius: 0 0 14px 14px !important;
  background: #06151d !important;
}

.daily-overview-rail.react-bits-daily-circular-gallery .react-bits-daily-circular-item span {
  color: #6ff7e6 !important;
}

.daily-overview-rail.react-bits-daily-circular-gallery .react-bits-daily-circular-item h3 {
  color: #e9fff8 !important;
}

@media (max-width: 760px) {
  .daily-overview-rail.react-bits-daily-circular-gallery {
    width: calc(100vw - 28px) !important;
    height: 560px !important;
  }

  .daily-overview-rail.react-bits-daily-circular-gallery .react-bits-daily-circular-item {
    width: min(82vw, 330px) !important;
  }
}

/* 2026-07-07 About portrait: ProfileCard-style replacement. */
#about .about__portrait.react-bits-profile-card {
  --profile-pointer-x: 50%;
  --profile-pointer-y: 50%;
  --profile-rotate-x: 0deg;
  --profile-rotate-y: 0deg;
  --profile-card-opacity: 0;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  perspective: 700px !important;
  touch-action: none !important;
  border-color: rgba(255, 255, 255, .16) !important;
  background: #06070a !important;
  transform: translate3d(0, 0, .1px) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .44), 0 0 0 1px rgba(255, 255, 255, .06) inset !important;
}

#about .about__portrait.react-bits-profile-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at var(--profile-pointer-x) var(--profile-pointer-y), rgba(255, 255, 255, .46), transparent 26%),
    repeating-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, .18) 4%,
      rgba(255, 122, 35, .22) 7%,
      rgba(76, 187, 255, .2) 10%,
      rgba(255, 255, 255, 0) 14%
    ) !important;
  background-size: 100% 100%, 240% 240% !important;
  background-position: center, var(--profile-pointer-x) var(--profile-pointer-y) !important;
  mix-blend-mode: color-dodge !important;
  opacity: calc(.2 + var(--profile-card-opacity, 0) * .55) !important;
  transition: opacity .22s ease !important;
}

#about .about__portrait.react-bits-profile-card > img {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
  transform:
    rotateX(var(--profile-rotate-x, 0deg))
    rotateY(var(--profile-rotate-y, 0deg))
    scale(calc(1 + var(--profile-card-opacity, 0) * .035)) !important;
  transform-style: preserve-3d !important;
  will-change: transform, filter !important;
  transition: transform .34s cubic-bezier(.2, .8, .2, 1), filter .34s ease !important;
}

#about .about__portrait.react-bits-profile-card .profile-card-behind,
#about .about__portrait.react-bits-profile-card .profile-card-shine,
#about .about__portrait.react-bits-profile-card .profile-card-glare {
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}

#about .about__portrait.react-bits-profile-card .profile-card-behind {
  z-index: 0 !important;
  background: radial-gradient(circle at var(--profile-pointer-x) var(--profile-pointer-y), rgba(125, 190, 255, .46), transparent 52%) !important;
  filter: blur(34px) saturate(1.2) !important;
  opacity: calc(var(--profile-card-opacity, 0) * .72) !important;
}

#about .about__portrait.react-bits-profile-card .profile-card-shine {
  z-index: 2 !important;
  background:
    linear-gradient(115deg, transparent 16%, rgba(255, 255, 255, .34) 38%, transparent 58%),
    radial-gradient(circle at var(--profile-pointer-x) var(--profile-pointer-y), rgba(255, 147, 55, .3), transparent 42%) !important;
  background-position: var(--profile-pointer-x) var(--profile-pointer-y), center !important;
  mix-blend-mode: screen !important;
  opacity: calc(.18 + var(--profile-card-opacity, 0) * .5) !important;
}

#about .about__portrait.react-bits-profile-card .profile-card-glare {
  z-index: 4 !important;
  background: radial-gradient(circle at var(--profile-pointer-x) var(--profile-pointer-y), rgba(255, 255, 255, .26), transparent 36%) !important;
  mix-blend-mode: overlay !important;
  opacity: calc(var(--profile-card-opacity, 0) * .85) !important;
}

#about .about__portrait.react-bits-profile-card .profile-card-info {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 16px !important;
  background: rgba(8, 10, 16, .36) !important;
  backdrop-filter: blur(18px) saturate(1.25) !important;
  opacity: calc(.68 + var(--profile-card-opacity, 0) * .32) !important;
  pointer-events: none !important;
}

#about .about__portrait.react-bits-profile-card .profile-card-info strong,
#about .about__portrait.react-bits-profile-card .profile-card-info span {
  color: #fff !important;
  line-height: 1 !important;
}

#about .about__portrait.react-bits-profile-card .profile-card-info strong {
  font-size: 14px !important;
  font-weight: 900 !important;
}

#about .about__portrait.react-bits-profile-card .profile-card-info span {
  font-size: 11px !important;
  font-weight: 700 !important;
  opacity: .74 !important;
}

.divine-process__grid article img.divine-process__marked-full-image {
  object-fit: contain !important;
  object-position: center center !important;
  background: #111 !important;
}

.hero__actions .primary-action,
.hero__actions .primary-action span,
.hero__actions .primary-action strong {
  color: #000 !important;
}

#contact .finale__content h2,
#contact h2 {
  color: #ff6224 !important;
}

.evaluation-page {
  background: #ff6224 !important;
  background-color: #ff6224 !important;
}

.overview-panel {
  background: #ff6224 !important;
  background-color: #ff6224 !important;
  z-index: 2147483000 !important;
}

.overview-panel__inner {
  background: #ff6224 !important;
  background-color: #ff6224 !important;
}

.work-card p,
.overview-card p,
.overview-card span,
.project-card__meta span,
.overview-grid .project-card__meta span {
  color: #fff !important;
}

body > .hero-topbar--global {
  display: grid !important;
  position: fixed !important;
  top: clamp(18px, 2vw, 34px) !important;
  left: 50% !important;
  right: auto !important;
  z-index: 2147483647 !important;
  transform: translateX(-50%) !important;
  isolation: isolate !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body > .hero-topbar--global,
body > .hero-topbar--global * {
  visibility: visible !important;
}

.overview-panel__close {
  z-index: 2147483001 !important;
}

#strengths {
  background: #ff6224 !important;
  background-color: #ff6224 !important;
  padding-left: clamp(54px, 7vw, 132px) !important;
  padding-right: clamp(54px, 7vw, 132px) !important;
}

.key-projects-page {
  background: #ff6224 !important;
  background-color: #ff6224 !important;
}

.event-page .event-effect-after-portfolio {
  background: #000 !important;
  width: min(1500px, calc(100% - 96px)) !important;
  margin: clamp(42px, 5vw, 86px) auto clamp(76px, 8vw, 132px) !important;
  padding: 0 !important;
}

.event-page .event-effect-after-portfolio img {
  display: block !important;
  width: min(100%, 1180px) !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: clamp(24px, 2.2vw, 40px) !important;
}

.event-thinking {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: clamp(68px, 6.2vw, 116px) clamp(42px, 7vw, 132px) clamp(72px, 6.5vw, 124px) !important;
}

.event-thinking__head {
  text-align: center !important;
  margin: 0 auto clamp(34px, 3.4vw, 62px) !important;
}

.event-thinking__head span {
  color: #fff !important;
  font-size: clamp(11px, .72vw, 13px) !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
}

.event-thinking__head h2 {
  margin: 10px 0 0 !important;
  color: #7b61ff !important;
  font-size: clamp(34px, 3.2vw, 58px) !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  line-height: 1 !important;
}

.event-thinking__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 34px) !important;
  width: min(1280px, 100%) !important;
  margin: 0 auto !important;
}

.event-thinking__grid article {
  min-height: clamp(210px, 16vw, 286px) !important;
  padding: clamp(24px, 2.4vw, 42px) !important;
  border: 1px solid rgba(255, 255, 255, .13) !important;
  border-radius: 22px !important;
  background: #101010 !important;
}

.event-thinking__grid article span {
  color: #ff8b24 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.event-thinking__grid article h3 {
  margin: clamp(24px, 2vw, 36px) 0 12px !important;
  color: #fff !important;
  font-size: clamp(24px, 2vw, 38px) !important;
  line-height: 1.08 !important;
}

.event-thinking__grid article p {
  margin: 0 !important;
  color: rgba(255, 255, 255, .76) !important;
  font-size: clamp(13px, .9vw, 16px) !important;
  line-height: 1.68 !important;
}

.event-display .section-kicker,
.event-display__head span,
.event-display > span,
.event-display > p:first-child {
  color: #fff !important;
}

.divine-script .divine-section-head {
  display: grid !important;
  justify-items: end !important;
  text-align: right !important;
}

.divine-script .divine-section-head h2 {
  text-align: right !important;
}

.case-page .case-research-gallery {
  background: #ff7f24 !important;
  padding: clamp(16px, 1.3vw, 26px) clamp(18px, 1.4vw, 28px) !important;
  overflow: hidden !important;
}

.case-page .case-research-gallery__inner {
  display: grid !important;
  grid-template-columns: minmax(520px, .86fr) minmax(320px, .48fr) minmax(700px, .94fr) !important;
  gap: clamp(10px, .9vw, 18px) !important;
  align-items: stretch !important;
  width: min(1920px, 100%) !important;
  min-height: clamp(700px, 43.2vw, 830px) !important;
  margin: 0 auto !important;
}

.case-page .case-research-gallery__copy {
  position: relative !important;
  display: block !important;
  min-height: clamp(700px, 43.2vw, 830px) !important;
  color: #fff !important;
}

.case-page .case-research-gallery__copy h2 {
  position: absolute !important;
  top: 20.2% !important;
  left: 50% !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  color: #fff !important;
  white-space: nowrap !important;
  font-size: clamp(30px, 2vw, 44px) !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}

.case-page .case-research-gallery__map {
  position: absolute !important;
  left: 6.8% !important;
  right: 8.4% !important;
  bottom: 20.5% !important;
  width: auto !important;
  height: clamp(300px, 20.3vw, 390px) !important;
  aspect-ratio: auto !important;
  border: 4px solid rgba(255, 255, 255, .96) !important;
  border-radius: 0 !important;
}

.case-page .case-research-gallery__map::before {
  content: "" !important;
  position: absolute !important;
  top: -70px !important;
  left: 50% !important;
  width: 4px !important;
  height: 70px !important;
  background: #fff !important;
  transform: translateX(-50%) !important;
}

.case-page .case-research-gallery__map span {
  position: absolute !important;
  display: grid !important;
  place-items: center !important;
  width: clamp(58px, 3.7vw, 76px) !important;
  aspect-ratio: 1 !important;
  border: 4px solid #fff !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: clamp(15px, 1vw, 20px) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.case-page .case-research-gallery__map span:nth-child(1) { left: 6%; top: 10%; }
.case-page .case-research-gallery__map span:nth-child(2) { left: 28%; top: 15%; }
.case-page .case-research-gallery__map span:nth-child(3) { right: 22%; top: 18%; }
.case-page .case-research-gallery__map span:nth-child(4) { right: 5%; top: 16%; }
.case-page .case-research-gallery__map span:nth-child(5) { left: 7.5%; top: 40%; }
.case-page .case-research-gallery__map span:nth-child(6) { left: 25%; top: 58%; }
.case-page .case-research-gallery__map span:nth-child(7) {
  left: 43% !important;
  top: 36% !important;
  width: clamp(92px, 5.6vw, 116px) !important;
  font-size: clamp(18px, 1.25vw, 26px) !important;
}
.case-page .case-research-gallery__map span:nth-child(8) { right: 8%; top: 49%; }
.case-page .case-research-gallery__map span:nth-child(9) { left: 12%; bottom: 10%; }
.case-page .case-research-gallery__map span:nth-child(10) { left: 38%; bottom: 12%; }
.case-page .case-research-gallery__map span:nth-child(11) { right: 28%; bottom: 20%; }
.case-page .case-research-gallery__map span:nth-child(12) { right: 9%; bottom: 8%; }

.case-page .case-research-gallery__hero {
  display: block !important;
  width: 100% !important;
  height: clamp(700px, 43.2vw, 830px) !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 18px !important;
}

.case-page .case-research-gallery__images {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(16px, 1.05vw, 22px) !important;
  min-height: clamp(700px, 43.2vw, 830px) !important;
}

.case-page .case-research-gallery__images img,
.case-page .case-research-gallery__images img:first-child {
  grid-row: auto !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  border-radius: 18px !important;
}

#strengths .section-heading h2 {
  display: none !important;
}

#strengths .strength-grid {
  width: min(1320px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: clamp(34px, 3vw, 64px) !important;
}

#strengths .strength-card {
  min-height: clamp(178px, 13vw, 238px) !important;
  padding: clamp(26px, 2.1vw, 40px) !important;
  border-radius: clamp(18px, 1.45vw, 26px) !important;
  background: linear-gradient(145deg, #101010 0%, #171717 54%, #0d0d0d 100%) !important;
  box-shadow: 0 20px 56px rgba(0, 0, 0, .22) !important;
}

#strengths.react-bits-scroll-stack {
  position: relative !important;
  overflow: clip !important;
  min-height: 75vh !important;
  height: 75vh !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: #ff6224 !important;
  background-color: #ff6224 !important;
}

#strengths.react-bits-scroll-stack .react-bits-scroll-stack-inner {
  position: sticky !important;
  top: 50vh !important;
  display: grid !important;
  grid-template: 1fr / 1fr !important;
  align-items: start !important;
  justify-items: center !important;
  width: 100vw !important;
  height: 50vh !important;
  min-height: 50vh !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 clamp(22px, 5vw, 88px) !important;
  overflow: hidden !important;
  perspective: 1100px !important;
  transform-style: preserve-3d !important;
}

#strengths.react-bits-scroll-stack .react-bits-scroll-stack-card {
  grid-area: 1 / 1 !important;
  position: relative !important;
  top: auto !important;
  width: min(1180px, 92vw) !important;
  height: auto !important;
  min-height: clamp(360px, 30vh, 460px) !important;
  margin: 0 auto !important;
  padding: clamp(42px, 4vw, 72px) !important;
  border-radius: clamp(18px, 1.45vw, 26px) !important;
  z-index: var(--stack-z, 1) !important;
  transform:
    translate3d(var(--stack-x, 0px), var(--stack-y, 0px), 0)
    scale(var(--stack-scale, 1))
    rotate(var(--stack-rotate, 0deg)) !important;
  transform-origin: top center !important;
  transform-style: preserve-3d !important;
  backface-visibility: hidden !important;
  will-change: transform, filter, opacity !important;
  filter: blur(var(--stack-blur, 0px)) !important;
  opacity: var(--stack-opacity, 1) !important;
  transition:
    transform .42s cubic-bezier(.16, 1, .3, 1),
    opacity .28s ease,
    filter .42s cubic-bezier(.16, 1, .3, 1),
    box-shadow .28s ease,
    border-color .28s ease !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  background: linear-gradient(145deg, #101010 0%, #171717 54%, #0d0d0d 100%) !important;
  box-shadow: 0 20px 56px rgba(0, 0, 0, .22) !important;
}

html.motion-ready main > section#strengths.react-bits-scroll-stack .react-bits-scroll-stack-card,
html.motion-ready #strengths.react-bits-scroll-stack .react-bits-scroll-stack-card {
  visibility: visible !important;
  opacity: var(--stack-opacity, 1) !important;
}

#strengths.react-bits-scroll-stack .section-heading,
#strengths.react-bits-scroll-stack .section-kicker {
  display: none !important;
}

#strengths.react-bits-scroll-stack .react-bits-scroll-stack-card h3 {
  position: relative !important;
  z-index: 2 !important;
  color: #fff !important;
  max-width: none !important;
  font-size: clamp(32px, 3vw, 56px) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

#strengths.react-bits-scroll-stack .react-bits-scroll-stack-card p {
  position: relative !important;
  z-index: 2 !important;
  width: auto !important;
  margin-top: clamp(14px, 1.4vw, 24px) !important;
  color: rgba(255,255,255,.72) !important;
  font-size: clamp(16px, 1.15vw, 22px) !important;
  line-height: 1.72 !important;
}

#strengths.react-bits-scroll-stack .react-bits-scroll-stack-card > span:not(.freem-stack-card-art) {
  display: inline-grid !important;
}

#strengths.react-bits-scroll-stack .freem-stack-card-art {
  display: none !important;
}

#strengths.react-bits-scroll-stack .strength-card[data-freem-daily-link="true"]:hover,
#strengths.react-bits-scroll-stack .strength-card[data-freem-daily-link="true"]:focus-visible {
  transform:
    translate3d(var(--stack-x, 0px), calc(var(--stack-y, 0px) - 8px), 0)
    scale(var(--stack-scale, 1))
    rotate(var(--stack-rotate, 0deg)) !important;
}

.showreel-panel__inner {
  border-radius: clamp(34px, 4vw, 76px) !important;
  overflow: hidden !important;
}

.showreel-panel__video {
  border-radius: clamp(28px, 3vw, 58px) !important;
  overflow: hidden !important;
}

.about__cards .stat-card:first-of-type,
.about__cards .stat-card:first-of-type button,
.featured-card,
.cinema-card {
  border-color: transparent !important;
}

.about__cards .stat-card:first-of-type button {
  background: #f06c00 !important;
  background-color: #f06c00 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.spring-hero {
  align-items: start !important;
  justify-items: center !important;
}

.spring-hero__copy {
  align-self: start !important;
  padding-top: clamp(18px, 2.2vw, 42px) !important;
}

.spring-works .spring-section-head h2 {
  transform: translateX(clamp(74px, 7vw, 150px)) !important;
}

.spring-card-grid {
  grid-template-columns: repeat(3, minmax(230px, 320px)) !important;
  justify-content: center !important;
  gap: clamp(26px, 2.6vw, 48px) !important;
}

.spring-card-grid article {
  width: 100% !important;
  min-height: clamp(560px, 38vw, 650px) !important;
  padding: clamp(18px, 1.55vw, 28px) !important;
  border-radius: clamp(20px, 1.8vw, 30px) !important;
  background: #da2445 !important;
  background-color: #da2445 !important;
}

.spring-work-video {
  aspect-ratio: 9 / 16 !important;
  width: min(100%, 236px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  object-fit: cover !important;
}

.spring-card-grid article span {
  color: rgba(255, 255, 255, .82) !important;
  font-size: clamp(9px, .58vw, 11px) !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

.spring-card-grid article h3 {
  color: rgba(255, 255, 255, .9) !important;
  font-size: clamp(16px, 1.05vw, 21px) !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  line-height: 1.12 !important;
}

.spring-hero .spring-hero__marked-horse,
.spring-hero .spring-hero__marked-logo {
  display: block !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 2 !important;
}

.spring-hero .spring-hero__marked-horse {
  width: min(184vw, 2860px) !important;
  max-height: 78vh !important;
  object-fit: contain !important;
  left: 52% !important;
  top: clamp(218px, 28vh, 328px) !important;
  transform: translateX(-50%) !important;
  filter: drop-shadow(0 28px 48px rgba(110, 18, 22, .35)) !important;
}

.spring-hero .spring-hero__marked-logo {
  display: none !important;
}

.spring-hero__copy {
  z-index: 3 !important;
}

.ip-challenge__grid article:nth-of-type(1) span,
.ip-challenge__grid article:nth-of-type(1) h3,
.ip-challenge__grid article:nth-of-type(1) p {
  transform: translateY(clamp(-92px, -5vw, -58px)) !important;
}

.ip-challenge__grid article:nth-of-type(3) span,
.ip-challenge__grid article:nth-of-type(3) h3,
.ip-challenge__grid article:nth-of-type(3) p {
  transform: translateY(clamp(-64px, -3.4vw, -36px)) !important;
}

.proto-page--home .proto-section--intro .proto-intro-cards__head h2 {
  color: #ff70ff !important;
}

.proto-page--home .proto-section--challenge > h2 {
  color: #fff !important;
}

.event-hero__copy h1 {
  color: #7b61ff !important;
  font-size: clamp(34px, 3.4vw, 64px) !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  line-height: .96 !important;
}

.event-hero__actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.event-hero__actions a::after {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}

.workflow-hero__copy--refined {
  transform: translateY(clamp(28px, 4vw, 72px)) scale(.82) !important;
  transform-origin: center top !important;
}

.workflow-hero__copy--refined h1 {
  letter-spacing: .01em !important;
  font-size: clamp(48px, 6vw, 118px) !important;
  line-height: .92 !important;
}

.workflow-hero__copy--refined p {
  letter-spacing: .18em !important;
  font-size: clamp(10px, .72vw, 13px) !important;
}

.workflow-hero__copy--refined span {
  font-size: clamp(18px, 1.7vw, 34px) !important;
}

.workflow-page {
  background: #ff6224 !important;
  background-color: #ff6224 !important;
}

.workflow-page .workflow-hero {
  display: none !important;
}

.workflow-page .workflow-background {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: #ff6224 !important;
  background-color: #ff6224 !important;
  color: #000 !important;
  padding-top: clamp(86px, 8vw, 150px) !important;
  padding-left: clamp(42px, 8vw, 150px) !important;
  padding-right: clamp(42px, 8vw, 150px) !important;
}

.workflow-page .workflow-background .section-kicker,
.workflow-page .workflow-background h2 {
  color: #000 !important;
}

.workflow-page .workflow-background p {
  color: #000 !important;
}

.freem-workflow-soundwave-display {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(62px, 6vw, 112px) clamp(42px, 8vw, 150px) !important;
  background: #ff6224 !important;
  background-color: #ff6224 !important;
  color: #fff !important;
}

.freem-workflow-soundwave-display__head {
  width: min(760px, 100%) !important;
  margin: 0 auto clamp(28px, 3.2vw, 52px) !important;
  text-align: center !important;
}

.freem-workflow-soundwave-display__head .section-kicker {
  margin: 0 0 14px !important;
  color: #fff !important;
  letter-spacing: .28em !important;
}

.freem-workflow-soundwave-display__head h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(36px, 4.4vw, 76px) !important;
  line-height: .92 !important;
  letter-spacing: 0 !important;
}

.freem-workflow-soundwave-display__head span {
  display: block !important;
  margin-top: 12px !important;
  color: #fff !important;
  font-size: clamp(12px, .85vw, 15px) !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

.freem-workflow-soundwave-display__row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.1vw, 20px) !important;
  width: min(1320px, 100%) !important;
  margin: 0 auto !important;
}

.freem-workflow-soundwave-card {
  position: relative !important;
  overflow: hidden !important;
  min-width: 0 !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  border-radius: clamp(16px, 1.3vw, 26px) !important;
  background: #111 !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .16) !important;
}

.freem-workflow-soundwave-card video {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 9 / 16 !important;
  object-fit: cover !important;
  background: #050505 !important;
}

.freem-workflow-soundwave-card span {
  position: absolute !important;
  left: 12px !important;
  top: 12px !important;
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .92) !important;
  color: #ff6224 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.workflow-showcase {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: min(980px, 86vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.workflow-showcase-video-card {
  overflow: hidden !important;
  border-radius: clamp(26px, 2.8vw, 52px) !important;
  background: #121923 !important;
  box-shadow: 0 34px 92px rgba(0, 0, 0, .36) !important;
}

.workflow-showcase-video-card video {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  background: #05070a !important;
}

.workflow-showcase-video-card div {
  display: none !important;
  padding: 0 !important;
}

.workflow-showcase-video-card span {
  color: #7b61ff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.workflow-showcase-video-card h3 {
  margin: 10px 0 8px !important;
  color: #dceeff !important;
  font-size: clamp(22px, 2vw, 38px) !important;
  line-height: 1.05 !important;
}

.workflow-showcase-video-card p {
  margin: 0 !important;
  color: rgba(220, 238, 255, .72) !important;
  font-size: clamp(13px, 1vw, 18px) !important;
}

.love-challenge-card:nth-of-type(3) span,
.love-challenge-card:nth-of-type(3) h3,
.love-challenge-card:nth-of-type(3) p {
  transform: translateY(clamp(-88px, -4.6vw, -56px)) !important;
}

.love-challenge-card span,
.love-challenge-card h3,
.love-challenge-card p {
  color: #fff !important;
}

.spring-top-special-video {
  display: block !important;
  width: min(92%, 1080px) !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: contain !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: clamp(18px, 1.5vw, 30px) !important;
  background: #07131e !important;
}

.spring-finale video.spring-top-special-video {
  box-shadow: 0 24px 72px rgba(0, 0, 0, .32) !important;
}

.interactive-hero > .interactive-hero__meta,
.interactive-hero > .interactive-hero__tags,
.interactive-hero > img,
.interactive-hero > span,
.interactive-hero > p {
  display: none !important;
}

.interactive-new-showcase {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  min-height: 100vh !important;
  padding: clamp(58px, 6vw, 112px) clamp(42px, 8vw, 150px) clamp(118px, 9vw, 180px) !important;
}

.interactive-new-showcase__steps {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
  align-items: end !important;
  gap: clamp(30px, 5vw, 98px) !important;
  width: min(900px, 72vw) !important;
  margin: 0 auto clamp(78px, 7vw, 128px) !important;
  transform: translate(clamp(-246px, -13vw, -138px), clamp(270px, calc(5vw + 200px), 296px)) !important;
}

.interactive-new-showcase__steps article {
  display: grid !important;
  justify-items: center !important;
  gap: clamp(14px, 1.4vw, 22px) !important;
  position: relative !important;
}

.interactive-new-showcase__steps article span {
  display: none !important;
}

.interactive-new-showcase__steps img {
  width: min(100%, 190px) !important;
  aspect-ratio: 1 !important;
  object-fit: contain !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .08) !important;
}

.interactive-new-showcase__steps p {
  display: none !important;
}

.interactive-showcase__brand img {
  transform: translateX(clamp(18px, 2vw, 38px)) !important;
}

.interactive-intro,
.interactive-showcase {
  background: #ff6224 !important;
  background-color: #ff6224 !important;
}

.interactive-new-showcase__layout {
  display: grid !important;
  grid-template-columns: minmax(520px, 1fr) minmax(300px, 430px) !important;
  gap: clamp(34px, 4vw, 78px) !important;
  align-items: stretch !important;
  width: min(1370px, 94%) !important;
  margin: 0 auto !important;
  transform: translateY(clamp(-68px, -3.8vw, -38px)) !important;
}

.interactive-new-showcase__shots {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(24px, 2.4vw, 42px) !important;
  align-items: start !important;
}

.interactive-new-showcase__shots article {
  overflow: hidden !important;
  border-radius: 24px !important;
  background: #1b1c2b !important;
}

.interactive-new-showcase__shots img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: .9 !important;
  object-fit: cover !important;
}

.interactive-new-showcase__shots div {
  padding: clamp(18px, 1.7vw, 28px) !important;
}

.interactive-new-showcase__shots h3 {
  margin: 0 0 14px !important;
  color: #fff !important;
  font-size: clamp(26px, 2.6vw, 46px) !important;
  line-height: .95 !important;
  font-weight: 900 !important;
}

.interactive-new-showcase__shots p {
  margin: 0 !important;
  color: rgba(255, 255, 255, .78) !important;
  font-size: clamp(13px, .95vw, 17px) !important;
  line-height: 1.55 !important;
}

.interactive-new-showcase__video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 620px !important;
  max-height: 900px !important;
  object-fit: cover !important;
  border-radius: 28px !important;
  background: #050509 !important;
}

.daily-overview-page {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  background: #ff6224 !important;
  background-color: #ff6224 !important;
  color: #e9fff8 !important;
}

.divine-hero {
  position: relative !important;
}

.divine-hero__copy {
  display: none !important;
}

.divine-hero__marked-copy {
  position: absolute !important;
  left: 50% !important;
  bottom: clamp(24px, 5vh, 70px) !important;
  z-index: 5 !important;
  display: grid !important;
  justify-items: center !important;
  width: min(1500px, 92vw) !important;
  transform: translateX(-50%) !important;
  text-align: center !important;
  color: #fff !important;
  pointer-events: none !important;
}

.divine-hero__marked-copy h1 {
  margin: 0 0 clamp(18px, 2.2vw, 38px) !important;
  color: #fff !important;
  font-size: clamp(52px, 7.2vw, 124px) !important;
  line-height: .88 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.divine-hero__marked-copy p {
  margin: 0 !important;
  max-width: min(1120px, 84vw) !important;
  color: #fff !important;
  font-size: clamp(15px, 1.25vw, 24px) !important;
  line-height: 1.28 !important;
  font-weight: 700 !important;
}

.divine-hero__marked-tags {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(26px, 4vw, 72px) !important;
  width: min(940px, 84vw) !important;
  margin-top: clamp(22px, 3vw, 44px) !important;
}

.divine-hero__marked-tags span {
  color: #fff !important;
  font-size: clamp(14px, 1.1vw, 22px) !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

.daily-overview-nav {
  position: sticky !important;
  top: 18px !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: min(100% - 52px, 1720px) !important;
  min-height: 54px !important;
  margin: 18px auto -72px !important;
  padding: 0 clamp(16px, 1.6vw, 28px) !important;
  border: 1px solid rgba(176, 255, 238, .22) !important;
  border-radius: 999px !important;
  background: rgba(3, 7, 6, .42) !important;
  backdrop-filter: blur(18px) saturate(1.2) !important;
}

.daily-overview-nav button {
  color: #e9fff8 !important;
  border: 1px solid rgba(176, 255, 238, .28) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .08) !important;
  padding: 10px 18px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.daily-overview-nav span {
  color: rgba(233, 255, 248, .66) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
}

.daily-overview-hero {
  position: relative !important;
  min-height: clamp(620px, 78vh, 900px) !important;
  overflow: hidden !important;
  display: grid !important;
  align-items: center !important;
  padding: clamp(120px, 12vw, 190px) clamp(42px, 8vw, 150px) clamp(70px, 7vw, 120px) !important;
}

.daily-overview-hero video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: .58 !important;
  filter: saturate(.85) contrast(1.08) brightness(.62) !important;
}

.daily-overview-hero__shade {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .18) 58%, rgba(0, 0, 0, .76)),
    linear-gradient(0deg, #030706 0%, rgba(3, 7, 6, 0) 36%) !important;
}

.daily-overview-hero__copy {
  position: relative !important;
  z-index: 1 !important;
  width: min(860px, 72vw) !important;
}

.daily-overview-hero__copy p,
.daily-overview-gallery__head p {
  margin: 0 0 12px !important;
  color: #fff !important;
  font-size: clamp(14px, 1.1vw, 20px) !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
}

.daily-overview-hero__copy h1 {
  margin: 0 !important;
  color: #6ff7e6 !important;
  font-size: clamp(58px, 7vw, 132px) !important;
  line-height: .88 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.daily-overview-hero__copy span {
  display: block !important;
  margin-top: 22px !important;
  color: rgba(233, 255, 248, .82) !important;
  font-size: clamp(18px, 1.5vw, 28px) !important;
  font-weight: 700 !important;
}

.daily-overview-index {
  position: absolute !important;
  right: clamp(46px, 8vw, 150px) !important;
  top: 22% !important;
  z-index: 1 !important;
  list-style: none !important;
  display: grid !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(233, 255, 248, .45) !important;
  font-weight: 800 !important;
}

.daily-overview-index li:nth-child(3) {
  color: #fff !important;
  font-size: 22px !important;
}

.daily-overview-gallery {
  padding: clamp(92px, 8vw, 150px) clamp(42px, 8vw, 150px) clamp(76px, 8vw, 140px) !important;
}

.daily-overview-gallery__head {
  width: min(1380px, 100%) !important;
  margin: 0 auto clamp(32px, 3vw, 58px) !important;
}

.daily-overview-gallery__head h2 {
  margin: 0 !important;
  color: #e9fff8 !important;
  font-size: clamp(28px, 3vw, 56px) !important;
  font-weight: 900 !important;
}

.daily-overview-rail {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(260px, 330px) !important;
  gap: clamp(20px, 2vw, 34px) !important;
  width: min(1380px, 100%) !important;
  margin: 0 auto !important;
  overflow-x: auto !important;
  padding: 0 0 26px !important;
  scroll-snap-type: x mandatory !important;
}

.daily-overview-rail article {
  scroll-snap-align: start !important;
  overflow: hidden !important;
  border: 1px solid rgba(111, 247, 230, .16) !important;
  border-radius: 18px !important;
  background: #07110f !important;
}

.daily-overview-rail video {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 9 / 16 !important;
  object-fit: cover !important;
  background: #000 !important;
}

.daily-overview-rail div {
  padding: 18px 18px 22px !important;
}

.daily-overview-rail span {
  color: #55f2d5 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.daily-overview-rail h3 {
  margin: 8px 0 0 !important;
  color: #e9fff8 !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
}

.daily-overview-rail.react-bits-masonry-list {
  display: block !important;
  columns: 5 220px !important;
  column-gap: clamp(18px, 1.6vw, 30px) !important;
  width: min(1380px, 100%) !important;
  overflow: visible !important;
  padding: 0 !important;
  scroll-snap-type: none !important;
}

.daily-overview-rail.react-bits-masonry-list .react-bits-masonry-item {
  display: inline-block !important;
  width: 100% !important;
  break-inside: avoid !important;
  margin: 0 0 clamp(18px, 1.6vw, 30px) !important;
  padding: 6px !important;
  cursor: pointer !important;
  scroll-snap-align: none !important;
  animation: reactBitsMasonryIn .8s cubic-bezier(.16, 1, .3, 1) both !important;
  animation-delay: calc(var(--masonry-index, 0) * .05s) !important;
  transform-origin: 50% 50% !important;
  will-change: transform, opacity, filter !important;
  transition: transform .3s ease, filter .3s ease !important;
}

.daily-overview-rail.react-bits-masonry-list .react-bits-masonry-item:hover {
  transform: scale(.95) !important;
}

.daily-overview-rail.react-bits-masonry-list .react-bits-masonry-item video {
  height: var(--masonry-height, 420px) !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  border-radius: 12px 12px 0 0 !important;
}

@keyframes reactBitsMasonryIn {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: translate3d(0, 110px, 0);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
  }
}

.magic-page .magic-story__media::after,
.magic-page .magic-story__media:after {
  background: #ff842d !important;
  background-color: #ff842d !important;
  transform-origin: 50% 50% !important;
  will-change: scale !important;
}

.magic-page .magic-story__media > div:not(:has(img)):not(:has(video)),
.magic-page .magic-story__media > span:not(:has(img)):not(:has(video)) {
  background: #ff842d !important;
  background-color: #ff842d !important;
  transform-origin: 50% 50% !important;
  will-change: scale !important;
}

.magic-page .magic-story__media.freem-magic-story-block-in::after,
.magic-page .magic-story__media.freem-magic-story-block-in:after,
.magic-page .magic-story__media.freem-magic-story-block-in > div:not(:has(img)):not(:has(video)),
.magic-page .magic-story__media.freem-magic-story-block-in > span:not(:has(img)):not(:has(video)) {
  animation: freemMagicStoryBlockScaleIn 0.78s cubic-bezier(.16, 1, .3, 1) both !important;
}

@keyframes freemMagicStoryBlockScaleIn {
  0% {
    scale: .12;
  }
  64% {
    scale: 1.08;
  }
  100% {
    scale: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .magic-page .magic-story__media.freem-magic-story-block-in::after,
  .magic-page .magic-story__media.freem-magic-story-block-in:after,
  .magic-page .magic-story__media.freem-magic-story-block-in > div:not(:has(img)):not(:has(video)),
  .magic-page .magic-story__media.freem-magic-story-block-in > span:not(:has(img)):not(:has(video)) {
    animation: none !important;
    scale: 1 !important;
  }
}

@media (max-width: 980px) {
  #strengths {
    padding-left: clamp(22px, 6vw, 42px) !important;
    padding-right: clamp(22px, 6vw, 42px) !important;
  }

  #strengths .strength-grid,
  .spring-card-grid {
    grid-template-columns: 1fr !important;
  }

  .spring-work-video {
    width: min(100%, 260px) !important;
  }

  .spring-hero__marked-horse {
    width: 96vw !important;
    top: 46vh !important;
  }

  .spring-hero__marked-logo {
    width: min(58vw, 260px) !important;
    left: 24px !important;
  }

  .interactive-new-showcase__steps,
  .interactive-new-showcase__layout,
  .interactive-new-showcase__shots {
    grid-template-columns: 1fr !important;
  }

  .interactive-new-showcase__steps article span {
    display: none !important;
  }

  .interactive-new-showcase__video {
    min-height: 520px !important;
  }
}

/* 2026-07-07 browser comments: scoped to marked regions only. */
.interactive-new-showcase__shots {
  transform: translateY(250px) !important;
}

.avatar-research__marked-caption {
  margin: clamp(14px, 1.1vw, 20px) 0 0 !important;
  color: rgba(222, 236, 255, .86) !important;
  font-size: clamp(13px, .88vw, 16px) !important;
  font-weight: 400 !important;
  line-height: 1.68 !important;
  letter-spacing: 0 !important;
}

.magic-thinking-marked {
  background: #172944 !important;
  color: #dceeff !important;
  padding: clamp(96px, 8vw, 150px) clamp(42px, 7vw, 132px) clamp(92px, 7vw, 140px) !important;
}

.magic-thinking-marked__head {
  width: min(1380px, 100%) !important;
  margin: 0 auto clamp(34px, 3.4vw, 62px) !important;
}

.magic-thinking-marked__head p {
  margin: 0 0 10px !important;
  color: rgba(220, 238, 255, .72) !important;
  font-size: clamp(11px, .72vw, 13px) !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
}

.magic-thinking-marked__head h2 {
  margin: 0 !important;
  color: #dceeff !important;
  font-size: clamp(44px, 4.6vw, 88px) !important;
  font-weight: 900 !important;
  line-height: .95 !important;
  letter-spacing: 0 !important;
}

.magic-thinking-marked__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(22px, 2.2vw, 42px) !important;
  width: min(1380px, 100%) !important;
  margin: 0 auto !important;
}

.magic-thinking-marked__grid article {
  min-height: clamp(360px, 26vw, 500px) !important;
  padding: clamp(28px, 2.8vw, 54px) !important;
  border: 1px solid rgba(220, 238, 255, .18) !important;
  border-radius: clamp(24px, 2.4vw, 42px) !important;
  background: linear-gradient(145deg, rgba(11, 29, 54, .94), rgba(20, 42, 70, .82)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 34px 90px rgba(0, 0, 0, .22) !important;
}

.magic-thinking-marked__grid article span {
  color: #9ebcff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
}

.magic-thinking-marked__grid h3 {
  margin: clamp(26px, 2.4vw, 42px) 0 8px !important;
  color: #fff !important;
  font-size: clamp(28px, 2.5vw, 48px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
}

.magic-thinking-marked__grid h4 {
  margin: 0 0 clamp(22px, 2vw, 34px) !important;
  color: rgba(220, 238, 255, .62) !important;
  font-size: clamp(13px, .9vw, 16px) !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
}

.magic-thinking-marked__grid p {
  margin: 0 !important;
  color: rgba(220, 238, 255, .78) !important;
  font-size: clamp(14px, .98vw, 18px) !important;
  line-height: 1.8 !important;
}

.interactive-background-marked,
.event-system-marked {
  display: grid !important;
  place-items: center !important;
  min-height: min(100vh, 900px) !important;
  padding: clamp(92px, 8vw, 150px) clamp(42px, 7vw, 132px) !important;
  text-align: center !important;
}

.interactive-background-marked {
  background: #ff6224 !important;
  color: #000 !important;
}

.event-system-marked {
  background: #000 !important;
  color: #fff !important;
}

.interactive-background-marked > div,
.event-system-marked > div {
  width: min(980px, 92vw) !important;
  margin: 0 auto !important;
}

.interactive-background-marked h2,
.event-system-marked h2 {
  margin: 0 !important;
  font-size: clamp(48px, 6vw, 118px) !important;
  font-weight: 900 !important;
  line-height: .95 !important;
  letter-spacing: 0 !important;
}

.interactive-background-marked h2 {
  color: #000 !important;
}

.event-system-marked h2 {
  color: #7b61ff !important;
}

.interactive-background-marked span,
.event-system-marked span {
  display: block !important;
  margin-top: clamp(14px, 1.4vw, 24px) !important;
  font-size: clamp(20px, 1.8vw, 34px) !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
}

.interactive-background-marked p,
.event-system-marked p {
  margin: clamp(24px, 2.4vw, 42px) auto 0 !important;
  max-width: 860px !important;
  font-size: clamp(15px, 1.08vw, 20px) !important;
  font-weight: 400 !important;
  line-height: 1.85 !important;
}

.interactive-background-marked p {
  color: rgba(0, 0, 0, .74) !important;
}

.event-system-marked p {
  color: rgba(255, 255, 255, .76) !important;
}

.workflow-more-display-marked {
  background: #ff6224 !important;
  color: #000 !important;
  padding: clamp(86px, 7vw, 132px) clamp(42px, 7vw, 132px) clamp(98px, 8vw, 150px) !important;
}

.workflow-more-display-marked__head {
  width: min(1080px, 92vw) !important;
  margin: 0 auto clamp(34px, 3.4vw, 62px) !important;
  text-align: center !important;
}

.workflow-more-display-marked__head p {
  margin: 0 !important;
  color: rgba(0, 0, 0, .64) !important;
  font-size: clamp(13px, .88vw, 16px) !important;
  font-weight: 350 !important;
  line-height: 1.7 !important;
  letter-spacing: .02em !important;
}

.workflow-more-display-marked__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(26px, 3vw, 58px) !important;
  width: min(1320px, 100%) !important;
  margin: 0 auto !important;
}

.workflow-more-display-marked__grid article {
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: clamp(24px, 2.4vw, 42px) !important;
  background: #081f33 !important;
  box-shadow: 0 34px 90px rgba(0, 0, 0, .24) !important;
}

.workflow-more-display-marked__grid video {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  background: #05111d !important;
}

.workflow-more-display-marked__grid div {
  padding: clamp(22px, 2.2vw, 38px) !important;
}

.workflow-more-display-marked__grid h3 {
  margin: 0 0 10px !important;
  color: #fff !important;
  font-size: clamp(28px, 2.6vw, 52px) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}

.workflow-more-display-marked__grid p {
  margin: 0 !important;
  color: rgba(220, 238, 255, .76) !important;
  font-size: clamp(13px, .95vw, 17px) !important;
  line-height: 1.65 !important;
}

#event-display .event-video-card__marked-desc {
  margin: clamp(10px, .9vw, 16px) 0 0 !important;
  color: rgba(220, 238, 255, .72) !important;
  font-size: clamp(13px, .88vw, 16px) !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}

@media (max-width: 980px) {
  .magic-thinking-marked__grid,
  .workflow-more-display-marked__grid {
    grid-template-columns: 1fr !important;
  }

  .interactive-new-showcase__shots {
    transform: translateY(120px) !important;
  }
}

/* 2026-07-07 second pass: scoped browser comments only. */
.magic-thinking-marked {
  background: #ff6224 !important;
  background-color: #ff6224 !important;
}

.magic-thinking-marked__head h2 {
  color: #071529 !important;
  font-size: clamp(34px, 3.4vw, 64px) !important;
}

.magic-thinking-marked__head p {
  color: rgba(7, 21, 41, .62) !important;
}

.magic-thinking-marked__grid {
  width: min(1200px, 92vw) !important;
  gap: clamp(18px, 1.8vw, 34px) !important;
}

.magic-thinking-marked__grid article {
  min-height: clamp(300px, 22vw, 420px) !important;
  padding: clamp(24px, 2.2vw, 42px) !important;
  border-radius: clamp(22px, 2vw, 36px) !important;
  background: rgba(10, 32, 60, .86) !important;
}

.magic-thinking-marked__grid h3 {
  font-size: clamp(24px, 2.1vw, 40px) !important;
}

.magic-thinking-marked__grid h4 {
  font-size: clamp(11px, .76vw, 13px) !important;
}

.magic-thinking-marked__grid p {
  font-size: clamp(12px, .82vw, 15px) !important;
  line-height: 1.76 !important;
}

.interactive-page .interactive-work:nth-of-type(5) {
  background: #000 !important;
  background-color: #000 !important;
}

.interactive-page .interactive-work:nth-of-type(5) .interactive-process {
  transform: translate(-20px, -30px) !important;
}

.interactive-new-showcase {
  display: none !important;
}

.workflow-more-display-marked__grid {
  width: min(1060px, 86vw) !important;
  gap: clamp(20px, 2vw, 36px) !important;
}

.workflow-more-display-marked__grid article {
  border-radius: clamp(18px, 1.7vw, 28px) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .22) !important;
}

.workflow-more-display-marked__grid video {
  aspect-ratio: 16 / 9 !important;
}

.workflow-more-display-marked__grid div {
  padding: clamp(16px, 1.45vw, 24px) !important;
}

.workflow-more-display-marked__grid h3 {
  margin-bottom: 8px !important;
  font-size: clamp(18px, 1.35vw, 26px) !important;
  line-height: 1.12 !important;
  letter-spacing: .01em !important;
}

.workflow-more-display-marked__grid p,
.workflow-more-display-marked__head p {
  font-size: clamp(11px, .72vw, 13px) !important;
  line-height: 1.62 !important;
  font-weight: 350 !important;
}

.avatar-brand-tvc-marked {
  width: min(1420px, 92vw) !important;
  margin: 0 auto clamp(24px, 2.2vw, 42px) !important;
  color: #fff !important;
  font-size: clamp(20px, 1.8vw, 34px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .02em !important;
  text-align: left !important;
}

.avatar-research__marked-caption {
  font-size: clamp(10px, .66vw, 12px) !important;
  line-height: 1.5 !important;
  color: rgba(222, 236, 255, .74) !important;
}

.avatar-research__grid {
  gap: clamp(12px, 1.1vw, 20px) !important;
}

.avatar-research__grid article {
  border-radius: clamp(14px, 1.3vw, 22px) !important;
}

/* 2026-07-07 third pass: only the latest marked areas. */
.avatar-brand-tvc-marked {
  display: none !important;
}

.magic-page .magic-story {
  background: #000 !important;
  background-color: #000 !important;
}

.magic-thinking-marked__grid {
  gap: clamp(30px, 3.2vw, 68px) !important;
}

.magic-thinking-marked__grid article {
  background: #000 !important;
  background-color: #000 !important;
}

.interactive-page .interactive-work:nth-of-type(5) .interactive-process {
  transform: translate(-20px, -15px) !important;
}

/* 2026-07-07 fourth pass: restore only the latest marked areas. */
.magic-page .magic-world,
.magic-page .magic-showcase {
  background: #000 !important;
  background-color: #000 !important;
}

.magic-page .magic-process {
  background: #ff6224 !important;
  background-color: #ff6224 !important;
}

.divine-page .divine-hero__marked-copy {
  display: none !important;
}

.divine-page .divine-hero__copy {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

.divine-page .divine-hero__copy h1,
.divine-page .divine-hero__copy span,
.divine-page .divine-hero__copy p {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.divine-page .divine-hero__copy h1 {
  color: #fff !important;
  font-size: clamp(72px, 10vw, 168px) !important;
  font-weight: 900 !important;
  line-height: .86 !important;
}

.love-page .love-meta-row {
  display: flex !important;
}

/* 2026-07-07 fifth pass: only the latest marked areas. */
.divine-page .divine-hero__copy,
.divine-page .divine-hero__marked-copy {
  display: none !important;
}

.magic-page .magic-process .magic-process-card {
  background: #f44f21 !important;
  background-color: #f44f21 !important;
}

.love-unbox-title-marked {
  display: none !important;
}

.love-page .love-stagger__item--bottom > div {
  position: relative !important;
}

.love-page .love-stagger__item--bottom > div::before {
  content: "UNBOX\A ANIMATION" !important;
  white-space: pre-line !important;
  position: absolute !important;
  left: 0 !important;
  top: clamp(72px, 7.2vw, 138px) !important;
  color: #000 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  font-size: clamp(52px, 6.2vw, 118px) !important;
  font-weight: 900 !important;
  line-height: .9 !important;
  pointer-events: none !important;
}

/* 2026-07-07 sixth pass: precise latest annotation fixes. */
.love-page .love-stagger__item--bottom > div::before {
  top: calc(clamp(72px, 7.2vw, 138px) - 25px) !important;
}

.divine-page .divine-hero__copy {
  display: none !important;
}

.divine-page .divine-hero__marked-copy {
  position: absolute !important;
  left: 50% !important;
  bottom: clamp(20px, 3.4vh, 46px) !important;
  z-index: 5 !important;
  display: grid !important;
  justify-items: center !important;
  width: min(720px, 64vw) !important;
  transform: translateX(-50%) !important;
  text-align: center !important;
  color: #fff !important;
  pointer-events: none !important;
}

.divine-page .divine-hero__marked-copy h1 {
  margin: 0 0 clamp(8px, .8vw, 14px) !important;
  color: #fff !important;
  font-size: clamp(28px, 3.8vw, 58px) !important;
  line-height: .92 !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

.divine-page .divine-hero__marked-copy p {
  margin: 0 auto !important;
  max-width: min(560px, 56vw) !important;
  color: rgba(255, 255, 255, .82) !important;
  font-size: clamp(10px, .76vw, 13px) !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}

.divine-page .divine-hero__marked-tags {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, auto)) !important;
  justify-content: center !important;
  gap: clamp(12px, 1.6vw, 26px) !important;
  width: auto !important;
  margin-top: clamp(10px, 1vw, 16px) !important;
}

.divine-page .divine-hero__marked-tags span {
  color: rgba(255, 255, 255, .68) !important;
  font-size: clamp(9px, .66vw, 11px) !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

/* 2026-07-07 seventh pass: keep layout, adjust only marked title layers. */
.love-page .love-stagger__item--bottom > div::before {
  top: calc(clamp(72px, 7.2vw, 138px) - 105px) !important;
}

.divine-page .divine-hero::before {
  content: "GOD DESCENDS" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(clamp(120px, 14vh, 190px) - 40px) !important;
  z-index: 6 !important;
  transform: translateX(-50%) !important;
  color: #fff !important;
  font-family: "Microsoft YaHei UI", "PingFang SC", "Noto Sans SC", sans-serif !important;
  font-size: clamp(42px, 6vw, 96px) !important;
  font-weight: 900 !important;
  line-height: .9 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
  text-align: center !important;
  pointer-events: none !important;
}

/* 2026-07-07 brazil research gallery: match marked reference only. */
.case-page .case-research-gallery {
  background: #ff7f24 !important;
  background-color: #ff7f24 !important;
  padding: clamp(14px, .9vw, 18px) clamp(18px, .95vw, 20px) clamp(14px, .9vw, 18px) clamp(50px, 2.7vw, 52px) !important;
  overflow: hidden !important;
}

.case-page .case-research-gallery__inner {
  display: grid !important;
  grid-template-columns: minmax(620px, 676px) minmax(330px, 387px) minmax(680px, 1fr) !important;
  gap: clamp(8px, .55vw, 10px) !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: clamp(740px, 42.2vw, 809px) !important;
  margin: 0 auto !important;
}

.case-page .case-research-gallery__copy {
  position: relative !important;
  min-height: clamp(740px, 42.2vw, 809px) !important;
  color: #fff !important;
}

.case-page .case-research-gallery__copy h2 {
  position: absolute !important;
  top: 19.2% !important;
  left: 49.5% !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  color: #fff !important;
  white-space: nowrap !important;
  font-size: clamp(32px, 2.15vw, 42px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
}

.case-page .case-research-gallery__map {
  position: absolute !important;
  left: 0 !important;
  right: clamp(16px, 1vw, 20px) !important;
  top: 30.8% !important;
  bottom: auto !important;
  width: auto !important;
  height: clamp(358px, 20.4vw, 392px) !important;
  border: clamp(2px, .16vw, 3px) solid #fff !important;
  border-radius: 0 !important;
}

.case-page .case-research-gallery__map::before {
  top: clamp(-64px, -3.3vw, -58px) !important;
  width: clamp(2px, .16vw, 3px) !important;
  height: clamp(58px, 3.3vw, 64px) !important;
  background: #fff !important;
}

.case-page .case-research-gallery__map span {
  width: clamp(56px, 3.45vw, 66px) !important;
  border: clamp(2px, .16vw, 3px) solid #fff !important;
  color: #fff !important;
  font-size: clamp(15px, .95vw, 18px) !important;
  font-weight: 500 !important;
}

.case-page .case-research-gallery__map span:nth-child(7) {
  width: clamp(96px, 5.5vw, 106px) !important;
  font-size: clamp(22px, 1.35vw, 26px) !important;
}

.case-page .case-research-gallery__hero {
  width: 100% !important;
  height: clamp(740px, 42.2vw, 809px) !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: clamp(14px, .9vw, 18px) !important;
}

.case-page .case-research-gallery__images {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(16px, .95vw, 18px) !important;
  min-height: clamp(740px, 42.2vw, 809px) !important;
}

.case-page .case-research-gallery__images img,
.case-page .case-research-gallery__images img:first-child {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: clamp(14px, .9vw, 18px) !important;
}

/* 2026-07-07 React Bits motion style: only marked about portrait and selected works cards. */
#about .about__portrait.react-bits-tilted-card {
  position: relative !important;
  overflow: visible !important;
  perspective: 900px !important;
  transform-style: preserve-3d !important;
  isolation: isolate !important;
  background: transparent !important;
  border-color: rgba(18, 151, 255, .58) !important;
  box-shadow: 0 0 0 1px rgba(18, 151, 255, .18), 0 26px 90px rgba(255, 98, 36, .16) !important;
}

#about .about__portrait.react-bits-tilted-card::before {
  content: "" !important;
  position: absolute !important;
  inset: -1px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  background: linear-gradient(145deg, rgba(18, 151, 255, .18), rgba(255, 98, 36, .16), rgba(0, 0, 0, .8)) !important;
  opacity: .72 !important;
  transform: translateZ(-24px) !important;
}

#about .about__portrait.react-bits-tilted-card > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
  will-change: transform !important;
  transform: rotateX(var(--tilt-rx, 0deg)) rotateY(var(--tilt-ry, 0deg)) scale(var(--tilt-scale, 1)) translateZ(0) !important;
  transform-style: preserve-3d !important;
  transition: transform .42s cubic-bezier(.2, .8, .2, 1), filter .42s ease !important;
}

#about .about__portrait.react-bits-tilted-card:hover > img {
  filter: saturate(1.08) contrast(1.04) !important;
}

#about .react-bits-tilted-caption {
  pointer-events: none !important;
  position: absolute !important;
  left: var(--tilt-caption-x, 50%) !important;
  top: var(--tilt-caption-y, 50%) !important;
  z-index: 4 !important;
  transform: translate(12px, 12px) rotate(var(--tilt-caption-rotate, 0deg)) translateZ(42px) !important;
  opacity: var(--tilt-caption-opacity, 0) !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, .94) !important;
  color: #171717 !important;
  font-size: clamp(10px, .68vw, 12px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .22) !important;
  transition: opacity .18s ease !important;
}

#featured .featured-card.react-bits-decay-card {
  overflow: visible !important;
  isolation: isolate !important;
  will-change: transform !important;
  transform: translate3d(var(--decay-x, 0px), var(--decay-y, 0px), 0) rotateZ(var(--decay-rz, 0deg)) !important;
  transition: box-shadow .28s ease, border-color .28s ease !important;
}

#featured .featured-card.react-bits-decay-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, .02) 18%, rgba(0, 0, 0, .82) 100%) !important;
}

#featured .featured-card.react-bits-decay-card:hover,
#featured .featured-card.react-bits-decay-card:focus-visible {
  border-color: rgba(255, 255, 255, .32) !important;
  box-shadow: 0 28px 76px rgba(0, 0, 0, .26), 0 0 0 1px rgba(255, 255, 255, .14) inset !important;
}

#featured .featured-card.react-bits-decay-card > img {
  border-radius: inherit !important;
  will-change: transform, filter !important;
  transform: scale(1.035) !important;
  transition: transform .34s ease, opacity .34s ease !important;
}

#featured .featured-card.react-bits-decay-card:hover > img {
  transform: scale(1.08) !important;
  opacity: .95 !important;
}

#featured .featured-card.react-bits-decay-card > div,
#featured .featured-card.react-bits-decay-card > svg:not(.react-bits-decay-filter) {
  z-index: 2 !important;
}

#featured .react-bits-decay-filter {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 760px) {
  #about .react-bits-tilted-caption {
    display: none !important;
  }

  #featured .featured-card.react-bits-decay-card {
    transform: none !important;
  }
}

/* 2026-07-07 BorderGlow: only marked self-evaluation and work-experience cards. */
#about .react-bits-border-glow-card {
  --edge-proximity: 0;
  --cursor-angle: 45deg;
  --edge-sensitivity: 30;
  --color-sensitivity: 50;
  --border-radius: 28px;
  --glow-padding: 58px;
  --cone-spread: 31;
  --fill-opacity: .46;
  --card-bg: #12111d;
  --glow-color: hsl(25deg 100% 64% / 100%);
  --glow-color-60: hsl(25deg 100% 64% / 100%);
  --glow-color-50: hsl(25deg 100% 64% / 92%);
  --glow-color-40: hsl(25deg 100% 64% / 76%);
  --glow-color-30: hsl(25deg 100% 64% / 58%);
  --glow-color-20: hsl(25deg 100% 64% / 38%);
  --glow-color-10: hsl(25deg 100% 64% / 20%);
  --gradient-one: radial-gradient(at 80% 55%, #ff842d 0px, transparent 50%);
  --gradient-two: radial-gradient(at 69% 34%, #38bdf8 0px, transparent 50%);
  --gradient-three: radial-gradient(at 8% 6%, #c084fc 0px, transparent 50%);
  --gradient-four: radial-gradient(at 41% 38%, #f472b6 0px, transparent 50%);
  --gradient-five: radial-gradient(at 86% 85%, #38bdf8 0px, transparent 50%);
  --gradient-six: radial-gradient(at 82% 18%, #ffb35c 0px, transparent 50%);
  --gradient-seven: radial-gradient(at 51% 4%, #f472b6 0px, transparent 50%);
  --gradient-base: linear-gradient(#ff842d 0 100%);
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  border: 1px solid rgba(255, 255, 255, .15) !important;
  border-radius: var(--border-radius) !important;
  background: var(--card-bg) !important;
  transform: translate3d(0, 0, .01px) !important;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, .1),
    0 2px 4px rgba(0, 0, 0, .1),
    0 4px 8px rgba(0, 0, 0, .1),
    0 8px 16px rgba(0, 0, 0, .1),
    0 16px 32px rgba(0, 0, 0, .1),
    0 32px 64px rgba(0, 0, 0, .1) !important;
}

#about .react-bits-border-glow-card--2,
#about .react-bits-border-glow-card--3 {
  --card-bg: #101010;
  --glow-padding: 66px;
  --fill-opacity: .34;
}

#about .react-bits-border-glow-card::before,
#about .react-bits-border-glow-card::after,
#about .react-bits-border-glow-card > .edge-light {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  transition: opacity .25s ease-out !important;
}

#about .react-bits-border-glow-card:not(:hover):not(.sweep-active)::before,
#about .react-bits-border-glow-card:not(:hover):not(.sweep-active)::after,
#about .react-bits-border-glow-card:not(:hover):not(.sweep-active) > .edge-light {
  opacity: 0 !important;
  transition: opacity .75s ease-in-out !important;
}

#about .react-bits-border-glow-card::before {
  z-index: 0 !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--card-bg) 0 100%) padding-box,
    linear-gradient(rgba(255, 255, 255, 0) 0 100%) border-box,
    var(--gradient-one) border-box,
    var(--gradient-two) border-box,
    var(--gradient-three) border-box,
    var(--gradient-four) border-box,
    var(--gradient-five) border-box,
    var(--gradient-six) border-box,
    var(--gradient-seven) border-box,
    var(--gradient-base) border-box !important;
  opacity: calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity))) !important;
  mask-image:
    conic-gradient(
      from var(--cursor-angle) at center,
      black calc(var(--cone-spread) * 1%),
      transparent calc((var(--cone-spread) + 15) * 1%),
      transparent calc((100 - var(--cone-spread) - 15) * 1%),
      black calc((100 - var(--cone-spread)) * 1%)
    ) !important;
}

#about .react-bits-border-glow-card::after {
  z-index: 0 !important;
  border: 1px solid transparent !important;
  background:
    var(--gradient-one) padding-box,
    var(--gradient-two) padding-box,
    var(--gradient-three) padding-box,
    var(--gradient-four) padding-box,
    var(--gradient-five) padding-box,
    var(--gradient-six) padding-box,
    var(--gradient-seven) padding-box,
    var(--gradient-base) padding-box !important;
  opacity: calc(var(--fill-opacity) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity))) !important;
  mix-blend-mode: soft-light !important;
  mask-image:
    linear-gradient(to bottom, black, black),
    radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%),
    radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%),
    radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%),
    radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%),
    radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%),
    conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%) !important;
  mask-composite: subtract, add, add, add, add, add !important;
}

#about .react-bits-border-glow-card > .edge-light {
  inset: calc(var(--glow-padding) * -1) !important;
  z-index: 1 !important;
  opacity: calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity))) !important;
  mix-blend-mode: plus-lighter !important;
  mask-image:
    conic-gradient(
      from var(--cursor-angle) at center,
      black 2.5%,
      transparent 10%,
      transparent 90%,
      black 97.5%
    ) !important;
}

#about .react-bits-border-glow-card > .edge-light::before {
  content: "" !important;
  position: absolute !important;
  inset: var(--glow-padding) !important;
  border-radius: inherit !important;
  box-shadow:
    inset 0 0 0 1px var(--glow-color),
    inset 0 0 1px 0 var(--glow-color-60),
    inset 0 0 3px 0 var(--glow-color-50),
    inset 0 0 6px 0 var(--glow-color-40),
    inset 0 0 15px 0 var(--glow-color-30),
    inset 0 0 25px 2px var(--glow-color-20),
    inset 0 0 50px 2px var(--glow-color-10),
    0 0 1px 0 var(--glow-color-60),
    0 0 3px 0 var(--glow-color-50),
    0 0 6px 0 var(--glow-color-40),
    0 0 15px 0 var(--glow-color-30),
    0 0 25px 2px var(--glow-color-20),
    0 0 50px 2px var(--glow-color-10) !important;
}

#about .react-bits-border-glow-card > :not(.edge-light) {
  position: relative !important;
  z-index: 2 !important;
}

#about .about__cards .stat-card.react-bits-border-glow-card:first-of-type button {
  position: relative !important;
  z-index: 3 !important;
}

@media (max-width: 760px) {
  #about .react-bits-border-glow-card {
    --glow-padding: 34px;
  }
}

/* 2026-07-07 CircularGallery-style motion: hero carousel wrappers only. */
#top .cinema-marquee.react-bits-circular-gallery {
  cursor: grab !important;
  perspective: 920px !important;
  perspective-origin: 50% 44% !important;
  touch-action: pan-y !important;
  user-select: none !important;
}

#top .cinema-marquee.react-bits-circular-gallery.is-dragging {
  cursor: grabbing !important;
}

#top .cinema-marquee.react-bits-circular-gallery .cinema-marquee__track {
  animation: none !important;
  transform: translate3d(var(--cg-x, 0px), 0, 0) !important;
  will-change: transform !important;
}

#top .cinema-marquee.react-bits-circular-gallery .cinema-group.react-bits-circular-item {
  opacity: var(--cg-opacity, 1) !important;
  transform: translate3d(0, var(--cg-y, 0px), var(--cg-z, 0px)) rotateZ(var(--cg-r, 0deg)) !important;
  transform-origin: 50% 50% !important;
  transform-style: preserve-3d !important;
  will-change: transform, opacity !important;
}

#top .cinema-marquee.react-bits-circular-gallery .cinema-card {
  transform-style: preserve-3d !important;
}

@media (prefers-reduced-motion: reduce) {
  #top .cinema-marquee.react-bits-circular-gallery .cinema-marquee__track,
  #top .cinema-marquee.react-bits-circular-gallery .cinema-group.react-bits-circular-item {
    transform: none !important;
  }
}

/* 2026-07-07 StaggeredMenu-style transitions for content panels and secondary pages. */
.react-bits-staggered-underlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483200 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.react-bits-staggered-layer {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  transform: translate3d(102%, 0, 0) !important;
  animation: reactBitsStaggeredLayer 1.04s cubic-bezier(.16, 1, .3, 1) both !important;
}

.react-bits-staggered-layer--1 {
  background: #B497CF !important;
  animation-delay: 0s !important;
}

.react-bits-staggered-layer--2 {
  background: #5227FF !important;
  animation-delay: .07s !important;
}

.react-bits-staggered-layer--3 {
  display: none !important;
}

.react-bits-staggered-underlay::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: clamp(5px, .42vw, 8px) !important;
  height: 100vh !important;
  background: #ff763f !important;
  transform: translate3d(110vw, 0, 0) !important;
  animation: reactBitsStaggeredAccent 1.04s cubic-bezier(.16, 1, .3, 1) .11s both !important;
}

.react-bits-staggered-content .react-bits-staggered-item {
  animation: reactBitsStaggeredItem .92s cubic-bezier(.16, 1, .3, 1) both !important;
  animation-delay: calc(.18s + var(--stagger-index, 0) * .045s) !important;
  transform-origin: 50% 100% !important;
  will-change: transform, opacity !important;
}

@keyframes reactBitsStaggeredLayer {
  0% {
    transform: translate3d(102%, 0, 0);
  }
  42% {
    transform: translate3d(0, 0, 0);
  }
  58% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-102%, 0, 0);
  }
}

@keyframes reactBitsStaggeredAccent {
  0% {
    transform: translate3d(110vw, 0, 0);
  }
  42% {
    transform: translate3d(0, 0, 0);
  }
  58% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-110vw, 0, 0);
  }
}

@keyframes reactBitsStaggeredItem {
  0% {
    opacity: 0;
    transform: translate3d(0, 34px, 0) rotate(3deg);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .react-bits-staggered-underlay {
    display: none !important;
  }

  .react-bits-staggered-content .react-bits-staggered-item {
    animation: none !important;
  }
}

/* 2026-07-07 VariableProximity: apply to all text content without changing copy. */
.react-bits-variable-proximity {
  will-change: text-shadow !important;
  transition: text-shadow .18s ease !important;
  text-shadow: 0 0 calc(10px * var(--variable-proximity-amount, 0)) rgba(255, 132, 45, calc(.38 * var(--variable-proximity-amount, 0))) !important;
}

@media (prefers-reduced-motion: reduce) {
  .react-bits-variable-proximity {
    text-shadow: none !important;
    transition: none !important;
  }
}

/* 2026-07-07 TiltedCard-style hover for marked secondary-page blocks. Layout stays unchanged. */
.react-bits-marked-tilted-card {
  position: relative !important;
  transform-style: preserve-3d !important;
  transform-origin: 50% 50% !important;
  transition: transform .24s cubic-bezier(.2, .8, .2, 1), box-shadow .24s ease !important;
  will-change: transform !important;
}

.react-bits-marked-tilted-card.is-tilting {
  transform:
    perspective(800px)
    rotateX(var(--marked-tilt-rx, 0deg))
    rotateY(var(--marked-tilt-ry, 0deg))
    scale(var(--marked-tilt-scale, 1)) !important;
}

.react-bits-marked-tilted-card:hover {
  z-index: 12 !important;
}

.react-bits-marked-tilted-card > img,
.react-bits-marked-tilted-card > video,
.react-bits-marked-tilted-card picture,
.react-bits-marked-tilted-card .avatar-research__marked-caption,
.react-bits-marked-tilted-card .event-video-card__marked-desc {
  transform: translateZ(0) !important;
}

.react-bits-marked-tilted-card > :not(.react-bits-marked-tilted-caption) {
  transform-style: preserve-3d !important;
}

.react-bits-marked-tilted-caption {
  pointer-events: none !important;
  position: absolute !important;
  left: var(--marked-tilt-caption-x, 50%) !important;
  top: var(--marked-tilt-caption-y, 50%) !important;
  z-index: 30 !important;
  max-width: min(240px, 72%) !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  background: rgba(255, 255, 255, .96) !important;
  color: #101010 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  opacity: var(--marked-tilt-caption-opacity, 0) !important;
  transform: translate3d(10px, 10px, 32px) rotate(var(--marked-tilt-caption-rotate, 0deg)) !important;
  transition: opacity .18s ease, transform .18s ease !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 640px), (prefers-reduced-motion: reduce) {
  .react-bits-marked-tilted-card {
    transform: none !important;
    transition: none !important;
  }

  .react-bits-marked-tilted-caption {
    display: none !important;
  }
}

/* 2026-07-07 BorderGlow edge fix: keep the glow locked to rounded card edges. */
#about .react-bits-border-glow-card {
  overflow: hidden !important;
  border-radius: var(--border-radius, 28px) !important;
  clip-path: inset(0 round var(--border-radius, 28px)) !important;
}

#about .react-bits-border-glow-card::before,
#about .react-bits-border-glow-card::after,
#about .react-bits-border-glow-card > .edge-light {
  inset: 0 !important;
  border-radius: inherit !important;
}

#about .react-bits-border-glow-card::before {
  padding: 1.5px !important;
  border: 0 !important;
  background:
    conic-gradient(
      from var(--cursor-angle, 45deg),
      rgba(255, 132, 45, 0),
      rgba(255, 132, 45, .98),
      rgba(56, 189, 248, .86),
      rgba(244, 114, 182, .74),
      rgba(255, 132, 45, 0) 34%
    ) border-box !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) border-box !important;
  -webkit-mask-composite: xor !important;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) border-box !important;
  mask-composite: exclude !important;
  opacity: calc((var(--edge-proximity, 0) - 22) / 78) !important;
}

#about .react-bits-border-glow-card::after {
  border: 0 !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(56, 189, 248, .2), transparent 50%),
    conic-gradient(from var(--cursor-angle, 45deg), rgba(255, 132, 45, .26), transparent 22%, rgba(244, 114, 182, .18), transparent 56%) !important;
  mask-image: none !important;
  mix-blend-mode: soft-light !important;
  opacity: calc(.22 * (var(--edge-proximity, 0) / 100)) !important;
}

#about .react-bits-border-glow-card > .edge-light {
  overflow: hidden !important;
  mix-blend-mode: screen !important;
  mask-image: none !important;
  opacity: calc((var(--edge-proximity, 0) - 18) / 82) !important;
}

#about .react-bits-border-glow-card > .edge-light::before {
  inset: 0 !important;
  border-radius: inherit !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 132, 45, .98),
    inset 0 0 12px rgba(255, 132, 45, .3),
    0 0 16px rgba(255, 132, 45, .24) !important;
}

html.freem-loading body > .hero-topbar--global,
html.freem-loading body .hero-topbar,
html.freem-loading body .case-nav,
html.freem-loading body .daily-overview-nav,
html.freem-loading body .evaluation-nav,
html.freem-loading body .key-projects-nav {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 2026-07-07 Final pass: loader removed and WELCOME restored to the previous hero title style. */
.freem-entry-loader {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html.freem-loading,
body.freem-entry-locked {
  overflow: auto !important;
}

.daily-overview-rail.react-bits-daily-circular-gallery {
  width: min(2060px, calc(100vw - 80px)) !important;
  height: clamp(590px, 68vh, 760px) !important;
  overflow: hidden !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.daily-overview-gallery:has(.react-bits-daily-circular-gallery) {
  overflow: hidden !important;
}

.daily-overview-rail.react-bits-daily-circular-gallery .react-bits-daily-circular-item {
  width: clamp(230px, 13vw, 296px) !important;
  border-radius: 16px !important;
}

.daily-overview-rail.react-bits-daily-circular-gallery .react-bits-daily-circular-item video {
  height: clamp(384px, 45vh, 525px) !important;
  border-radius: 16px 16px 0 0 !important;
}

.daily-overview-rail.react-bits-daily-circular-gallery .react-bits-daily-circular-item div {
  border-radius: 0 0 16px 16px !important;
}

.react-bits-animated-content {
  opacity: 0;
  visibility: hidden;
  transform: translate3d(calc(var(--animated-content-direction, 1) * 90px), 0, 0) scale(.96);
  will-change: transform, opacity;
}

.react-bits-animated-content.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0) scale(1);
  transition:
    transform 1.05s cubic-bezier(.16, 1, .3, 1),
    opacity .8s ease;
}

.evaluation-page .evaluation-card.react-bits-evaluation-animated-content {
  backface-visibility: hidden;
  transform-origin: center center;
}

.react-bits-scroll-float {
  overflow: hidden !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  line-height: inherit !important;
}

.react-bits-scroll-float .react-bits-scroll-float-char {
  display: inline-block !important;
  opacity: var(--scroll-float-opacity, 0);
  transform:
    translate3d(0, calc((1 - var(--scroll-float-progress, 0)) * 120%), 0)
    scaleX(calc(.7 + var(--scroll-float-progress, 0) * .3))
    scaleY(calc(2.3 - var(--scroll-float-progress, 0) * 1.3));
  transform-origin: 50% 0%;
  will-change: transform, opacity;
  pointer-events: none;
}

.react-bits-scroll-float .react-bits-scroll-float-space {
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  pointer-events: none;
  opacity: 1 !important;
}

.react-bits-scroll-float.is-visible .react-bits-scroll-float-char {
  opacity: var(--scroll-float-opacity, 1);
}

@media (prefers-reduced-motion: reduce) {
  .react-bits-animated-content,
  .react-bits-scroll-float .react-bits-scroll-float-char,
  .react-bits-scroll-float .react-bits-scroll-float-space {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
  }
}

/* 2026-07-09 Content polish from browser comments. */
.freem-avatar-caption {
  color: rgba(226, 240, 255, .84) !important;
  margin: 14px 0 0 !important;
  font-size: clamp(12px, .82vw, 15px) !important;
  line-height: 1.7 !important;
  letter-spacing: 0 !important;
}

.avatar-research__grid article {
  align-content: start !important;
}

.freem-event-system,
.freem-ip-background,
.freem-interactive-background,
.freem-magic-thinking {
  position: relative !important;
  width: min(1500px, calc(100% - 84px)) !important;
  margin: clamp(56px, 7vw, 120px) auto !important;
  padding: clamp(48px, 5vw, 88px) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: clamp(28px, 3vw, 52px) !important;
  overflow: hidden !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .28) !important;
}

.freem-event-system {
  text-align: center !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(120, 112, 255, .22), transparent 40%),
    rgba(7, 24, 48, .88) !important;
}

.freem-event-system .section-kicker,
.freem-ip-background .section-kicker,
.freem-interactive-background .section-kicker,
.freem-thinking-head .section-kicker {
  color: #ff842d !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  margin: 0 0 16px !important;
  font-size: clamp(11px, .72vw, 13px) !important;
  font-weight: 900 !important;
}

.freem-event-system h2,
.freem-ip-background h2,
.freem-interactive-background h2,
.freem-thinking-head h2 {
  color: #eaf4ff !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  font-size: clamp(44px, 5vw, 92px) !important;
  line-height: .95 !important;
}

.freem-event-system > p:last-child,
.freem-ip-background > p:last-child,
.freem-interactive-background > p:last-child {
  color: rgba(226, 240, 255, .82) !important;
  max-width: 980px !important;
  margin: clamp(22px, 2.2vw, 36px) auto 0 !important;
  font-size: clamp(15px, 1.08vw, 20px) !important;
  line-height: 1.9 !important;
}

.event-page .event-effect {
  margin-top: clamp(56px, 6vw, 112px) !important;
}

#event-display .event-video-card > div {
  gap: 10px !important;
}

#event-display .event-video-card h3 {
  font-size: clamp(22px, 1.65vw, 34px) !important;
  line-height: 1.14 !important;
}

.freem-event-card-copy {
  color: rgba(220, 236, 255, .78) !important;
  max-width: 92% !important;
  margin: 0 !important;
  font-size: clamp(12px, .78vw, 15px) !important;
  line-height: 1.65 !important;
}

.freem-magic-thinking {
  width: min(1280px, calc(100% - 120px)) !important;
  padding: clamp(38px, 4vw, 68px) !important;
  border: 0 !important;
  background: #FF6224 !important;
  box-shadow: none !important;
}

.freem-thinking-head {
  text-align: center !important;
  justify-items: center !important;
  display: grid !important;
  gap: 10px !important;
  margin-bottom: clamp(22px, 2.4vw, 38px) !important;
}

.freem-thinking-head .section-kicker,
.freem-magic-thinking .section-kicker {
  color: #000 !important;
}

.freem-thinking-head h2 {
  color: #000 !important;
  font-size: clamp(34px, 4vw, 72px) !important;
}

.freem-thinking-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(16px, 1.6vw, 26px) !important;
}

.freem-thinking-grid article {
  min-height: 100% !important;
  padding: clamp(22px, 2vw, 34px) !important;
  border: 1px solid rgba(0, 0, 0, .12) !important;
  border-radius: clamp(18px, 1.6vw, 28px) !important;
  background: rgba(255, 255, 255, .16) !important;
  box-shadow: none !important;
}

.freem-thinking-grid article > span {
  color: #000 !important;
  display: block !important;
  margin-bottom: 18px !important;
  font-size: clamp(13px, .82vw, 15px) !important;
  font-weight: 900 !important;
}

.freem-thinking-grid article > p {
  color: rgba(0, 0, 0, .62) !important;
  margin: 0 0 10px !important;
  font-size: clamp(12px, .78vw, 14px) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.freem-thinking-grid h3 {
  color: #000 !important;
  margin: 0 0 clamp(18px, 1.8vw, 28px) !important;
  font-size: clamp(22px, 1.65vw, 32px) !important;
  line-height: 1.12 !important;
}

.freem-thinking-grid div {
  color: rgba(0, 0, 0, .78) !important;
  font-size: clamp(12px, .82vw, 15px) !important;
  line-height: 1.78 !important;
}

.freem-ip-background,
.freem-interactive-background {
  text-align: center !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .12), transparent 38%),
    rgba(91, 101, 255, .42) !important;
}

.ip-page .ip-challenge__grid article:nth-of-type(2) {
  transform: translateY(-60px) !important;
}

@media (max-width: 980px) {
  .freem-event-system,
  .freem-ip-background,
  .freem-interactive-background,
  .freem-magic-thinking {
    width: min(100% - 28px, 760px) !important;
    padding: clamp(30px, 8vw, 48px) !important;
  }

  .freem-thinking-grid {
    grid-template-columns: 1fr !important;
  }

  .ip-page .ip-challenge__grid article:nth-of-type(2) {
    transform: none !important;
  }
}

/* 2026-07-09 final content/layout polish. */
.freem-event-system,
.freem-interactive-background {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding-top: clamp(44px, 5vw, 80px) !important;
  padding-bottom: clamp(44px, 5vw, 80px) !important;
}

.freem-event-system h2,
.freem-interactive-background h2 {
  font-size: clamp(40px, 4.4vw, 78px) !important;
}

.event-page .event-hero__copy > p {
  display: none !important;
}

#event-display .event-video-card > div {
  padding: clamp(18px, 1.5vw, 28px) !important;
}

#event-display .event-video-card h3 {
  font-size: clamp(17px, 1.16vw, 24px) !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

#event-display .event-video-card span {
  font-size: clamp(11px, .72vw, 13px) !important;
  letter-spacing: .12em !important;
}

.freem-event-card-copy {
  font-size: clamp(11px, .7vw, 13px) !important;
  line-height: 1.55 !important;
  max-width: 88% !important;
}

.proto-page.proto-page--home .proto-section--challenge .proto-info-card.freem-proto-card-copy-lower h3,
.proto-page.proto-page--home .proto-section--challenge .proto-info-card.freem-proto-card-copy-lower p {
  transform: translateY(10px) !important;
}

.magic-page .freem-magic-thinking {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(56px, 6vw, 104px) clamp(28px, 5vw, 84px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #FF6224 !important;
  box-shadow: none !important;
}

.magic-page .freem-thinking-head,
.magic-page .freem-thinking-grid {
  width: min(1060px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.magic-page .freem-thinking-grid {
  gap: clamp(34px, 4vw, 70px) !important;
}

.magic-page .freem-thinking-grid article {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.magic-page .freem-thinking-grid div,
.magic-page .freem-thinking-grid article > p {
  color: rgba(0, 0, 0, .78) !important;
}

.freem-interactive-cover {
  position: relative !important;
  min-height: min(780px, 82vh) !important;
  padding: clamp(44px, 5vw, 88px) clamp(28px, 5vw, 96px) !important;
  background: #15111f !important;
  color: #fff !important;
  display: grid !important;
  align-items: center !important;
  overflow: hidden !important;
}

.freem-interactive-cover--image {
  min-height: auto !important;
  padding: 0 !important;
  display: block !important;
}

.freem-interactive-cover__image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.freem-interactive-cover--image .freem-interactive-cover__chrome,
.freem-interactive-cover--image .freem-interactive-cover__stage {
  display: none !important;
}

.freem-interactive-cover__chrome {
  position: absolute !important;
  inset: clamp(28px, 3vw, 54px) clamp(28px, 5vw, 96px) auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
}

.freem-interactive-cover__chrome span {
  border: 1px solid rgba(255, 255, 255, .9) !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  color: #fff !important;
  font-size: clamp(14px, 1.2vw, 24px) !important;
  line-height: 1 !important;
}

.freem-interactive-cover__chrome span:last-child {
  margin-left: auto !important;
}

.freem-interactive-cover__stage {
  width: min(1680px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(180px, .75fr) minmax(360px, 1.7fr) minmax(180px, .85fr) !important;
  align-items: center !important;
  gap: clamp(20px, 3vw, 64px) !important;
}

.freem-interactive-cover__stage::before {
  content: '' !important;
  position: absolute !important;
  left: 14% !important;
  right: 14% !important;
  top: 50% !important;
  height: 1px !important;
  background: rgba(255, 255, 255, .42) !important;
  box-shadow: 0 -36px 0 rgba(255, 255, 255, .18), 0 36px 0 rgba(255, 255, 255, .18) !important;
}

.freem-interactive-cover__stage > img {
  width: 100% !important;
  max-height: 360px !important;
  object-fit: contain !important;
  position: relative !important;
  z-index: 1 !important;
  filter: drop-shadow(0 20px 30px rgba(0, 0, 0, .35)) !important;
}

.freem-interactive-cover__title {
  position: relative !important;
  z-index: 2 !important;
  text-align: center !important;
}

.freem-interactive-cover__title p {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(46px, 6vw, 112px) !important;
  line-height: .92 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.freem-interactive-cover__title p span {
  display: inline-block !important;
  width: .55em !important;
  height: .42em !important;
  margin-right: .18em !important;
  background: linear-gradient(135deg, #f4b41d 0 48%, transparent 49%), linear-gradient(45deg, #f4b41d 0 48%, transparent 49%) !important;
}

.freem-interactive-cover__title em {
  display: block !important;
  font-style: normal !important;
}

.freem-interactive-cover__title strong {
  display: block !important;
  margin-top: 16px !important;
  color: rgba(255, 255, 255, .92) !important;
  font-size: clamp(18px, 1.5vw, 30px) !important;
  font-weight: 500 !important;
}

.freem-interactive-work-display {
  background: #15111f !important;
  color: #fff !important;
  padding: clamp(58px, 6vw, 112px) clamp(28px, 7vw, 140px) !important;
}

.freem-interactive-work-display__steps {
  width: min(1000px, 100%) !important;
  display: grid !important;
  grid-template-columns: 1fr 24px 1fr 24px 1fr !important;
  align-items: center !important;
  gap: clamp(18px, 2vw, 42px) !important;
  margin: 0 0 clamp(54px, 6vw, 100px) !important;
}

.freem-interactive-work-display__steps article {
  text-align: center !important;
}

.freem-interactive-work-display__steps article img {
  width: 100% !important;
  aspect-ratio: 1.18 !important;
  object-fit: contain !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .08) !important;
}

.freem-interactive-work-display__steps article p {
  margin: 18px 0 0 !important;
  color: rgba(255, 255, 255, .86) !important;
  font-size: clamp(18px, 1.5vw, 30px) !important;
  font-weight: 700 !important;
}

.freem-interactive-work-display__steps > span {
  width: 0 !important;
  height: 0 !important;
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 12px solid #ffb400 !important;
  justify-self: center !important;
}

.freem-interactive-work-display__body {
  display: grid !important;
  grid-template-columns: minmax(220px, .9fr) minmax(220px, .9fr) minmax(300px, .95fr) !important;
  gap: clamp(24px, 3vw, 58px) !important;
  align-items: end !important;
}

.freem-interactive-shot-card {
  overflow: hidden !important;
  border-radius: 28px !important;
  background: #1e2131 !important;
}

.freem-interactive-shot-card img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: .78 !important;
  object-fit: cover !important;
}

.freem-interactive-shot-card h3 {
  margin: 28px 28px 12px !important;
  color: #fff !important;
  font-size: clamp(28px, 2.7vw, 54px) !important;
  line-height: .95 !important;
}

.freem-interactive-shot-card p,
.freem-interactive-shot-card small {
  display: block !important;
  margin: 0 28px !important;
  color: rgba(255, 255, 255, .88) !important;
  font-size: clamp(13px, 1vw, 18px) !important;
  line-height: 1.5 !important;
}

.freem-interactive-shot-card small {
  margin-top: 10px !important;
  margin-bottom: 28px !important;
  color: rgba(255, 255, 255, .48) !important;
  font-size: clamp(11px, .78vw, 14px) !important;
}

.freem-interactive-phone video {
  width: 100% !important;
  min-height: 620px !important;
  object-fit: cover !important;
  border-radius: 34px !important;
  background: #000 !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .45) !important;
}

.freem-evaluation-main-title,
.freem-key-projects-main-title {
  color: #e8f4ff !important;
  margin: 0 0 clamp(18px, 2vw, 34px) !important;
  font-size: clamp(24px, 2.1vw, 42px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.workflow-page .workflow-display__head h2 {
  font-size: clamp(36px, 4.8vw, 84px) !important;
  line-height: 1.05 !important;
}

.workflow-page .workflow-showcase {
  grid-template-columns: minmax(0, 900px) !important;
  justify-content: center !important;
}

@media (max-width: 980px) {
  .freem-workflow-soundwave-display__row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .freem-interactive-cover__stage,
  .freem-interactive-work-display__body,
  .freem-thinking-grid {
    grid-template-columns: 1fr !important;
  }

  .freem-interactive-work-display__steps {
    grid-template-columns: 1fr !important;
  }

  .freem-interactive-work-display__steps > span {
    transform: rotate(90deg) !important;
  }

  .freem-interactive-phone video {
    min-height: 420px !important;
  }
}

@media (max-width: 620px) {
  .freem-workflow-soundwave-display {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .freem-workflow-soundwave-display__row {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-07-09 follow-up browser comments. */
.event-page .event-hero__copy {
  text-align: center !important;
  align-items: center !important;
}

.event-page .event-hero__copy > p.freem-event-hero-body {
  display: block !important;
  max-width: 760px !important;
  margin: clamp(14px, 1.6vw, 24px) auto clamp(18px, 2vw, 30px) !important;
  color: rgba(221, 236, 255, .82) !important;
  font-size: clamp(13px, .9vw, 17px) !important;
  line-height: 1.8 !important;
  text-align: center !important;
}

.magic-page .freem-thinking-grid article {
  padding: clamp(24px, 2.4vw, 42px) !important;
  border-radius: clamp(20px, 1.8vw, 34px) !important;
  background: #000 !important;
  color: #fff !important;
}

.magic-page .freem-thinking-grid article > span,
.magic-page .freem-thinking-grid article > p,
.magic-page .freem-thinking-grid h3,
.magic-page .freem-thinking-grid div {
  color: #fff !important;
}

.magic-page .freem-thinking-grid article > p,
.magic-page .freem-thinking-grid div {
  color: rgba(255, 255, 255, .78) !important;
}

.love-page .freem-love-video {
  width: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: inherit !important;
}

.love-page .love-display .love-video-card .freem-love-video {
  aspect-ratio: 9 / 16 !important;
}

.love-page .love-stagger__item .freem-love-video {
  aspect-ratio: 16 / 9 !important;
  border-radius: clamp(18px, 2vw, 34px) !important;
}

.ip-page .ip-challenge__grid article:nth-of-type(2) {
  transform: translateY(-30px) !important;
}

.event-page .event-hero__copy > p.freem-event-hero-body,
.event-page .event-hero__copy > p.freem-event-hero-body * {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  display: block !important;
}

.event-page .event-hero__copy > p.freem-event-hero-body {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
}

.freem-interactive-champagne-display {
  background: #15111f !important;
  color: #fff !important;
  padding: clamp(58px, 6vw, 112px) clamp(28px, 7vw, 140px) !important;
}

.freem-interactive-champagne-display__steps {
  width: min(1000px, 100%) !important;
  display: grid !important;
  grid-template-columns: 1fr 24px 1fr 24px 1fr !important;
  align-items: center !important;
  gap: clamp(18px, 2vw, 42px) !important;
  margin: 0 0 clamp(54px, 6vw, 100px) !important;
}

.freem-interactive-champagne-display__steps article {
  text-align: center !important;
}

.freem-interactive-champagne-display__steps article img {
  width: 100% !important;
  aspect-ratio: 1.18 !important;
  object-fit: contain !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .08) !important;
}

.freem-interactive-champagne-display__steps article p {
  margin: 18px 0 0 !important;
  color: rgba(255, 255, 255, .86) !important;
  font-size: clamp(18px, 1.5vw, 30px) !important;
  font-weight: 700 !important;
}

.freem-interactive-champagne-display__steps > span {
  width: 0 !important;
  height: 0 !important;
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 12px solid #ffb400 !important;
  justify-self: center !important;
}

.freem-interactive-champagne-display__body {
  display: grid !important;
  grid-template-columns: minmax(220px, .9fr) minmax(220px, .9fr) minmax(300px, .95fr) !important;
  gap: clamp(24px, 3vw, 58px) !important;
  align-items: end !important;
}

@media (max-width: 980px) {
  .freem-interactive-champagne-display__body,
  .freem-interactive-champagne-display__steps {
    grid-template-columns: 1fr !important;
  }

  .freem-interactive-champagne-display__steps > span {
    transform: rotate(90deg) !important;
  }
}

/* 2026-07-10 spring/workflow/home media polish. */
.freem-interactive-champagne-display {
  padding: clamp(46px, 4.8vw, 86px) clamp(28px, 6vw, 116px) clamp(62px, 5.8vw, 104px) !important;
}

.freem-interactive-champagne-display__steps {
  width: min(820px, 100%) !important;
  gap: clamp(14px, 1.4vw, 28px) !important;
  margin: 50px auto clamp(42px, 4.6vw, 78px) !important;
}

.freem-interactive-champagne-display__steps article img {
  max-height: 132px !important;
}

.freem-interactive-champagne-display__steps article p {
  margin-top: 12px !important;
  font-size: clamp(14px, 1.05vw, 20px) !important;
}

.freem-interactive-champagne-display__body {
  width: min(1180px, 100%) !important;
  margin: 0 auto !important;
  grid-template-columns: minmax(190px, .78fr) minmax(190px, .78fr) minmax(260px, .86fr) !important;
  gap: clamp(18px, 2.2vw, 42px) !important;
}

.freem-interactive-champagne-display .freem-interactive-shot-card,
.freem-interactive-champagne-display .freem-interactive-phone {
  border-radius: clamp(18px, 1.6vw, 28px) !important;
}

.freem-interactive-champagne-display .freem-interactive-shot-card h3 {
  font-size: clamp(28px, 2.6vw, 48px) !important;
}

.freem-interactive-champagne-display .freem-interactive-shot-card p {
  font-size: clamp(13px, .86vw, 16px) !important;
}

.freem-interactive-champagne-display .freem-interactive-phone video {
  min-height: 520px !important;
  border-radius: 28px !important;
}

.workflow-page .workflow-display__head h2 {
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(30px, 3.5vw, 62px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.workflow-page .workflow-display__head span {
  font-size: clamp(12px, .85vw, 16px) !important;
}

.freem-workflow-event-ai-display {
  background: #ff6224 !important;
  color: #071c2d !important;
  padding: clamp(72px, 7vw, 132px) clamp(34px, 7vw, 132px) !important;
}

.freem-workflow-event-ai-display__head {
  text-align: center !important;
  margin: 0 auto clamp(34px, 4vw, 70px) !important;
}

.freem-workflow-event-ai-display__head .section-kicker {
  color: rgba(7, 28, 45, .66) !important;
}

.freem-workflow-event-ai-display__head h2 {
  margin: 0 !important;
  color: #071c2d !important;
  font-size: clamp(34px, 4.4vw, 82px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

.freem-workflow-event-ai-display__head span {
  display: block !important;
  margin-top: 14px !important;
  color: rgba(7, 28, 45, .72) !important;
  font-size: clamp(13px, .95vw, 18px) !important;
  font-weight: 700 !important;
}

.freem-workflow-event-ai-display__grid {
  width: min(1180px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(22px, 2.4vw, 44px) !important;
}

.freem-workflow-event-ai-display__grid article {
  min-height: clamp(240px, 22vw, 360px) !important;
  padding: clamp(28px, 2.8vw, 50px) !important;
  border-radius: clamp(22px, 2vw, 36px) !important;
  background: #071c2d !important;
  color: #fff !important;
}

.freem-workflow-event-ai-display__grid article span {
  color: #ffb600 !important;
  font-size: clamp(12px, .8vw, 14px) !important;
  font-weight: 900 !important;
}

.freem-workflow-event-ai-display__grid article h3 {
  margin: clamp(22px, 2vw, 34px) 0 14px !important;
  color: #fff !important;
  font-size: clamp(24px, 2vw, 38px) !important;
  line-height: 1.08 !important;
}

.freem-workflow-event-ai-display__grid article p {
  margin: 0 !important;
  color: rgba(255, 255, 255, .76) !important;
  font-size: clamp(14px, .95vw, 18px) !important;
  line-height: 1.72 !important;
}

.spring-page .spring-hero__copy > span,
.spring-page .spring-finale__copy > span {
  writing-mode: horizontal-tb !important;
  display: block !important;
  white-space: normal !important;
  max-width: min(900px, 92vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  font-size: clamp(24px, 2.6vw, 48px) !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
}

.spring-page .spring-finale__copy > span {
  font-size: clamp(22px, 2.2vw, 42px) !important;
}

.spring-page .spring-card-grid article {
  display: grid !important;
  align-content: start !important;
  gap: 14px !important;
  padding: clamp(18px, 1.7vw, 28px) !important;
}

.spring-page .spring-card-grid article .freem-spring-work-video {
  width: 100% !important;
  aspect-ratio: 9 / 16 !important;
  object-fit: cover !important;
  border-radius: clamp(18px, 1.8vw, 30px) !important;
  background: #1d1930 !important;
  display: block !important;
}

.spring-page .spring-card-grid article h3 {
  color: #e7f4ff !important;
  font-size: clamp(18px, 1.28vw, 26px) !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

.spring-page .spring-card-grid article span {
  color: #ffcf45 !important;
  font-size: clamp(11px, .72vw, 13px) !important;
}

.spring-page .spring-wide-card {
  overflow: hidden !important;
  min-height: auto !important;
  padding: 0 !important;
  background: rgba(255, 255, 255, .08) !important;
}

.spring-page .spring-wide-card .spring-top-special-video {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: inherit !important;
}

.proto-page.proto-page--home .proto-section--display:nth-of-type(5) .proto-media-frame--wide img,
.proto-page.proto-page--home .proto-section--display:nth-of-type(7) .proto-media-frame--wide img {
  object-fit: contain !important;
  background: transparent !important;
}

@media (max-width: 980px) {
  .freem-workflow-event-ai-display__grid,
  .freem-interactive-champagne-display__body,
  .freem-interactive-champagne-display__steps {
    grid-template-columns: 1fr !important;
  }

  .freem-interactive-champagne-display .freem-interactive-phone video {
    min-height: 420px !important;
  }
}

/* 2026-07-10 Brazil research and detail text polish. */
.freem-interactive-champagne-display__steps {
  transform: translate(-30px, 50px) !important;
  margin-bottom: clamp(92px, 8vw, 138px) !important;
}

.proto-page.proto-page--home .freem-proto-display-description {
  width: min(960px, 88%) !important;
  margin: clamp(22px, 2vw, 34px) auto 0 !important;
  color: rgba(255, 255, 255, .86) !important;
  font-size: clamp(15px, 1.1vw, 20px) !important;
  line-height: 1.76 !important;
  text-align: center !important;
}

.love-page .love-video-card .freem-love-card-description {
  margin: 10px 0 0 !important;
  color: rgba(0, 0, 0, .74) !important;
  font-size: clamp(13px, .92vw, 17px) !important;
  line-height: 1.68 !important;
  font-weight: 500 !important;
}

.love-page .love-video-card h3 {
  margin-bottom: 0 !important;
}

.spring-page .spring-hero__copy > span,
.spring-page .spring-finale__copy > span {
  font-size: clamp(18px, 1.65vw, 32px) !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, .82) !important;
}

.spring-page .spring-wide-card {
  width: min(1120px, 90vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.spring-page .spring-wide-card .spring-top-special-video {
  object-fit: contain !important;
  background: #1d3448 !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
}

.freem-brazil-research-page {
  min-height: 100vh !important;
  padding: clamp(70px, 7vw, 132px) clamp(34px, 5vw, 92px) !important;
  background: #ff7c27 !important;
  color: #fff !important;
  display: grid !important;
  grid-template-columns: minmax(360px, .56fr) minmax(680px, 1fr) !important;
  gap: clamp(36px, 4vw, 78px) !important;
  align-items: center !important;
}

.freem-brazil-research-page__left {
  display: grid !important;
  justify-items: center !important;
  gap: clamp(22px, 3vw, 48px) !important;
}

.freem-brazil-research-page__left h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(34px, 3.8vw, 72px) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

.freem-brazil-keyword-map {
  position: relative !important;
  width: min(600px, 100%) !important;
  aspect-ratio: 1.55 !important;
  border: 4px solid rgba(255, 255, 255, .92) !important;
  border-top-width: 0 !important;
}

.freem-brazil-keyword-map::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -56px !important;
  width: 4px !important;
  height: 56px !important;
  background: rgba(255, 255, 255, .92) !important;
}

.freem-brazil-keyword-map span {
  position: absolute !important;
  width: clamp(54px, 4.8vw, 92px) !important;
  aspect-ratio: 1 !important;
  border: 3px solid rgba(255, 255, 255, .95) !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  font-size: clamp(14px, 1.1vw, 22px) !important;
  font-weight: 700 !important;
}

.freem-brazil-keyword-map span:nth-child(1) { left: 6%; top: 12%; }
.freem-brazil-keyword-map span:nth-child(2) { left: 28%; top: 18%; }
.freem-brazil-keyword-map span:nth-child(3) { right: 22%; top: 16%; }
.freem-brazil-keyword-map span:nth-child(4) { right: 4%; top: 18%; }
.freem-brazil-keyword-map span:nth-child(5) { left: 7%; top: 45%; }
.freem-brazil-keyword-map span:nth-child(6) {
  left: 43%;
  top: 36%;
  width: clamp(72px, 6.8vw, 124px) !important;
}
.freem-brazil-keyword-map span:nth-child(7) { right: 10%; top: 56%; }
.freem-brazil-keyword-map span:nth-child(8) { left: 8%; bottom: 9%; }
.freem-brazil-keyword-map span:nth-child(9) { left: 35%; bottom: 12%; }
.freem-brazil-keyword-map span:nth-child(10) { right: 29%; bottom: 18%; }
.freem-brazil-keyword-map span:nth-child(11) { right: 9%; bottom: 5%; }

.freem-brazil-research-page__right {
  display: grid !important;
  grid-template-columns: minmax(280px, .52fr) minmax(420px, 1fr) !important;
  gap: clamp(18px, 1.8vw, 34px) !important;
  align-items: stretch !important;
}

.freem-brazil-research-page img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: clamp(18px, 1.6vw, 30px) !important;
}

.freem-brazil-research-page__hero {
  min-height: clamp(540px, 41vw, 820px) !important;
}

.freem-brazil-research-page__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 1.8vw, 34px) !important;
}

.case-page .case-story__frames img {
  object-fit: cover !important;
}

@media (max-width: 1180px) {
  .freem-brazil-research-page,
  .freem-brazil-research-page__right {
    grid-template-columns: 1fr !important;
  }

  .freem-brazil-research-page__hero {
    min-height: 420px !important;
  }
}

@media (max-width: 980px) {
  .freem-interactive-champagne-display__steps {
    transform: translate(0, 50px) !important;
  }
}

/* 2026-07-10 layout refinement batch. */
.freem-brazil-keyword-map {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(64px, 1fr)) !important;
  grid-auto-rows: minmax(64px, 1fr) !important;
  place-items: center !important;
  gap: clamp(14px, 1.4vw, 24px) !important;
  aspect-ratio: auto !important;
  min-height: clamp(310px, 22vw, 410px) !important;
  padding: clamp(24px, 2vw, 42px) !important;
}

.freem-brazil-keyword-map span,
.freem-brazil-keyword-map span:nth-child(n) {
  position: static !important;
  width: clamp(58px, 4.8vw, 82px) !important;
}

.freem-brazil-keyword-map span:nth-child(6) {
  width: clamp(74px, 5.8vw, 104px) !important;
}

.freem-brazil-keyword-map span:nth-child(11) {
  grid-column: 4 !important;
}

.freem-brazil-background-page {
  min-height: 72vh !important;
  padding: clamp(78px, 8vw, 150px) clamp(36px, 8vw, 150px) !important;
  background: #ff7c27 !important;
  color: #071c2d !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  text-align: center !important;
}

.freem-brazil-background-page .section-kicker {
  color: rgba(7, 28, 45, .72) !important;
  margin: 0 0 12px !important;
}

.freem-brazil-background-page h2 {
  margin: 0 !important;
  color: #071c2d !important;
  font-size: clamp(46px, 6vw, 112px) !important;
  line-height: .96 !important;
  letter-spacing: 0 !important;
}

.freem-brazil-background-page p:not(.section-kicker) {
  width: min(980px, 92vw) !important;
  margin: clamp(22px, 2.3vw, 42px) auto 0 !important;
  color: rgba(7, 28, 45, .78) !important;
  font-size: clamp(16px, 1.2vw, 22px) !important;
  line-height: 1.86 !important;
}

.ip-page .freem-ip-background {
  box-shadow: 0 14px 34px rgba(25, 33, 94, .16) !important;
}

.ip-page .freem-ip-background .section-kicker {
  color: #fff !important;
}

.ip-page .ip-challenge__grid article:nth-of-type(2) {
  transform: translateY(10px) !important;
}

.magic-page .freem-magic-card-description {
  margin: 12px 0 0 !important;
  color: rgba(220, 238, 255, .78) !important;
  font-size: clamp(12px, .82vw, 15px) !important;
  line-height: 1.58 !important;
}

.magic-page .freem-thinking-grid article:nth-of-type(2) div {
  color: rgba(255, 255, 255, .82) !important;
  font-size: clamp(13px, .9vw, 16px) !important;
  line-height: 1.72 !important;
}

.freem-interactive-champagne-display__steps {
  transform: translate(-30px, 100px) !important;
}

.freem-event-thinking {
  background: #050505 !important;
  color: #fff !important;
  padding: clamp(76px, 7vw, 136px) clamp(36px, 8vw, 150px) !important;
}

.freem-event-thinking__head {
  text-align: center !important;
  margin: 0 auto clamp(34px, 4vw, 66px) !important;
}

.freem-event-thinking__head .section-kicker {
  color: #ff7c27 !important;
}

.freem-event-thinking__head h2 {
  margin: 0 !important;
  color: #e6f4ff !important;
  font-size: clamp(42px, 5vw, 92px) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.freem-event-thinking__grid {
  width: min(1280px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(22px, 2.5vw, 46px) !important;
}

.freem-event-thinking__grid article {
  min-height: clamp(270px, 24vw, 420px) !important;
  padding: clamp(30px, 3vw, 56px) !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: clamp(22px, 2vw, 34px) !important;
  background: #071c2d !important;
}

.freem-event-thinking__grid h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(26px, 2.3vw, 44px) !important;
  line-height: 1.08 !important;
}

.freem-event-thinking__grid span {
  display: block !important;
  margin: 10px 0 clamp(20px, 2vw, 34px) !important;
  color: #ff7c27 !important;
  font-size: clamp(13px, .9vw, 16px) !important;
  font-weight: 800 !important;
}

.freem-event-thinking__grid p {
  margin: 0 !important;
  color: rgba(255, 255, 255, .76) !important;
  font-size: clamp(14px, 1vw, 18px) !important;
  line-height: 1.78 !important;
}

.freem-spring-horse-image {
  width: min(1060px, 82vw) !important;
  margin: clamp(44px, 5vw, 84px) auto 0 !important;
  display: grid !important;
  place-items: center !important;
}

.freem-spring-horse-image img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 26px 46px rgba(0, 0, 0, .28)) !important;
}

@media (max-width: 980px) {
  .freem-brazil-keyword-map {
    grid-template-columns: repeat(3, minmax(56px, 1fr)) !important;
  }

  .freem-event-thinking__grid {
    grid-template-columns: 1fr !important;
  }

  .freem-interactive-champagne-display__steps {
    transform: translate(0, 100px) !important;
  }
}

/* 2026-07-10 latest browser comments refinement. */
.freem-event-thinking {
  background: #182A9D !important;
}

.freem-event-thinking__head .section-kicker,
.freem-event-thinking__grid span {
  color: #fff !important;
}

.freem-event-thinking__grid article {
  min-height: clamp(236px, 18vw, 330px) !important;
  padding: clamp(30px, 3vw, 56px) !important;
  border: 0 !important;
  border-radius: clamp(18px, 1.6vw, 30px) !important;
  background: #000 !important;
  box-shadow: none !important;
  position: relative !important;
}

.freem-event-thinking__grid {
  max-width: 1160px !important;
}

.freem-event-thinking__grid h3 {
  font-size: clamp(30px, 2.6vw, 52px) !important;
}

.freem-event-thinking__grid article::after {
  display: none !important;
}

.spring-page .spring-hero {
  position: relative !important;
  overflow: hidden !important;
}

.spring-page .spring-hero::before {
  display: none !important;
}

.spring-page .spring-hero::after {
  display: none !important;
}

.spring-page .spring-hero .freem-spring-horse-image {
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 58% !important;
  bottom: auto !important;
  width: min(920px, 56vw) !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
  z-index: 4 !important;
  pointer-events: none !important;
}

.spring-page .spring-hero .freem-spring-horse-image img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.spring-page .spring-hero__copy {
  position: relative !important;
  z-index: 5 !important;
}

.freem-spring-background-page {
  min-height: 72vh !important;
  padding: clamp(76px, 8vw, 150px) clamp(36px, 8vw, 150px) !important;
  background: #F13658 !important;
  color: #eaf5ff !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  text-align: center !important;
}

.freem-spring-background-page .section-kicker {
  margin: 0 0 12px !important;
  color: rgba(255, 255, 255, .78) !important;
}

.freem-spring-background-page h2 {
  margin: 0 !important;
  color: #eaf5ff !important;
  font-size: clamp(46px, 5.6vw, 108px) !important;
  line-height: 1 !important;
}

.freem-spring-background-page p:not(.section-kicker) {
  width: min(980px, 92vw) !important;
  margin: clamp(22px, 2.2vw, 40px) auto 0 !important;
  color: rgba(255, 255, 255, .82) !important;
  font-size: clamp(16px, 1.12vw, 21px) !important;
  line-height: 1.82 !important;
}

.spring-page .spring-finale__copy {
  text-align: left !important;
  justify-items: start !important;
}

.spring-page .spring-finale__copy > span {
  display: block !important;
  text-align: left !important;
  font-weight: 300 !important;
  font-size: clamp(18px, 1.55vw, 30px) !important;
  line-height: 1.18 !important;
  max-width: 680px !important;
}

.ip-page .ip-challenge__grid article:nth-of-type(2) {
  transform: translateY(-4px) !important;
}

.freem-interactive-champagne-display__steps {
  transform: translate(-180px, 280px) !important;
}

.freem-interactive-champagne-display__steps article p {
  display: none !important;
}

.freem-interactive-champagne-display__steps article:nth-of-type(2) {
  transform: translateX(-30px) !important;
}

.freem-interactive-champagne-display__steps article:nth-of-type(3) {
  transform: translateX(-60px) !important;
}

.freem-interactive-champagne-display__steps > span {
  visibility: hidden !important;
}

@media (max-width: 980px) {
  .spring-page .spring-hero .freem-spring-horse-image {
    width: min(92vw, 620px) !important;
    top: 60% !important;
    bottom: auto !important;
  }

  .spring-page .spring-hero::before {
    top: 60% !important;
    width: min(92vw, 620px) !important;
  }

  .freem-interactive-champagne-display__steps {
    transform: translate(-150px, 280px) !important;
  }
}

#strengths .strength-card[data-freem-daily-link="true"] {
  cursor: pointer !important;
}

#strengths .strength-card[data-freem-daily-link="true"]:hover,
#strengths .strength-card[data-freem-daily-link="true"]:focus-visible {
  transform: translateY(-6px) !important;
  outline: none !important;
  border-color: rgba(255, 255, 255, .42) !important;
}

.daily-animation-page {
  display: none !important;
  min-height: 100vh !important;
  padding: clamp(82px, 7vw, 132px) clamp(32px, 6vw, 112px) clamp(90px, 8vw, 150px) !important;
  background: #FF6224 !important;
  color: #000 !important;
}

html.freem-daily-animation-open,
html.freem-daily-animation-open body {
  background: #FF6224 !important;
}

html.freem-daily-animation-open #root > :not(.daily-animation-page) {
  display: none !important;
}

html.freem-daily-animation-open .daily-animation-page {
  display: block !important;
}

.daily-animation-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: min(1500px, 100%) !important;
  min-height: 58px !important;
  margin: 0 auto clamp(72px, 7vw, 132px) !important;
  padding: 0 clamp(22px, 2vw, 34px) !important;
  border: 1px solid rgba(0, 0, 0, .18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .22) !important;
  color: rgba(0, 0, 0, .72) !important;
}

.daily-animation-nav a {
  color: #000 !important;
  text-decoration: none !important;
  font-size: clamp(13px, .86vw, 15px) !important;
  font-weight: 800 !important;
}

.daily-animation-nav span {
  letter-spacing: .18em !important;
  font-size: clamp(10px, .66vw, 12px) !important;
  font-weight: 900 !important;
}

.daily-animation-hero {
  width: min(1500px, 100%) !important;
  margin: 0 auto clamp(46px, 5vw, 88px) !important;
}

.daily-animation-hero p {
  margin: 0 0 14px !important;
  color: #000 !important;
  font-size: clamp(18px, 1.35vw, 28px) !important;
  font-weight: 800 !important;
}

.daily-animation-hero h1 {
  max-width: 1120px !important;
  margin: 0 !important;
  color: #000 !important;
  font-size: clamp(48px, 7vw, 128px) !important;
  line-height: .9 !important;
  letter-spacing: 0 !important;
}

.daily-animation-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(180px, 1fr)) !important;
  gap: clamp(18px, 1.7vw, 30px) !important;
  width: min(1500px, 100%) !important;
  margin: 0 auto !important;
  padding: clamp(28px, 3vw, 56px) !important;
  border-radius: clamp(22px, 2vw, 38px) !important;
  background:
    linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px),
    #080812 !important;
  background-size: 34px 34px, 34px 34px, auto !important;
}

.daily-animation-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: clamp(16px, 1.4vw, 26px) !important;
  background: #10101c !important;
  box-shadow: 0 24px 72px rgba(0, 0, 0, .28) !important;
}

.daily-animation-card video {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 9 / 16 !important;
  object-fit: contain !important;
  background: #000 !important;
}

.daily-animation-card span {
  position: absolute !important;
  top: clamp(14px, 1.3vw, 22px) !important;
  left: clamp(14px, 1.3vw, 22px) !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(255, 255, 255, .86) !important;
  font-size: clamp(30px, 3vw, 56px) !important;
  font-weight: 300 !important;
  line-height: .9 !important;
}

@media (max-width: 1180px) {
  .daily-animation-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .daily-animation-grid {
    grid-template-columns: 1fr !important;
  }

  .daily-animation-nav {
    align-items: flex-start !important;
    flex-direction: column !important;
    border-radius: 24px !important;
    padding: 18px 22px !important;
  }
}

@media (max-width: 900px) {
  .daily-animation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .daily-animation-grid {
    grid-template-columns: 1fr !important;
  }
}

.daily-animation-grid.react-bits-circular-gallery {
  position: relative !important;
  display: block !important;
  width: 100vw !important;
  max-width: none !important;
  height: clamp(560px, 72vh, 760px) !important;
  min-height: clamp(560px, 72vh, 760px) !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: clamp(24px, 3vw, 52px) !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  cursor: grab !important;
  user-select: none !important;
  touch-action: pan-y !important;
  perspective: 1200px !important;
  perspective-origin: 50% 46% !important;
  outline: none !important;
}

.daily-animation-grid.react-bits-circular-gallery.is-dragging {
  cursor: grabbing !important;
}

.daily-animation-grid.react-bits-circular-gallery:focus-visible {
  outline: 2px solid rgba(255,255,255,.88) !important;
  outline-offset: 6px !important;
}

.daily-animation-grid.react-bits-circular-gallery .daily-animation-card.react-bits-circular-gallery-item {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: clamp(200px, 17vw, 330px) !important;
  max-width: none !important;
  margin: 0 !important;
  z-index: var(--cg-z-index, 1) !important;
  opacity: var(--cg-opacity, 1) !important;
  transform:
    translate3d(calc(-50% + var(--cg-x, 0px)), calc(-50% + var(--cg-y, 0px)), var(--cg-z, 0px))
    rotateY(var(--cg-r, 0deg))
    scale(var(--cg-scale, 1)) !important;
  transform-origin: 50% 50% !important;
  transform-style: preserve-3d !important;
  backface-visibility: hidden !important;
  will-change: transform, opacity !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.46) !important;
}

.daily-animation-grid.react-bits-circular-gallery .daily-animation-card video {
  pointer-events: auto !important;
}

.daily-animation-grid.react-bits-circular-gallery::before,
.daily-animation-grid.react-bits-circular-gallery::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: clamp(64px, 10vw, 180px) !important;
  z-index: 200 !important;
  pointer-events: none !important;
}

.daily-animation-grid.react-bits-circular-gallery::before {
  left: 0 !important;
  background: linear-gradient(90deg, #080812, rgba(8,8,18,0)) !important;
}

.daily-animation-grid.react-bits-circular-gallery::after {
  right: 0 !important;
  background: linear-gradient(270deg, #080812, rgba(8,8,18,0)) !important;
}

/* Latest browser comments: Brazil, Divine, proto home, workflow videos */
.case-page .freem-brazil-background-page,
.case-page .case-story,
.case-page .freem-brazil-research-page {
  background: #ff6224 !important;
  background-color: #ff6224 !important;
}

.divine-page .divine-intro h2,
.divine-page .divine-script .divine-section-head h2,
.divine-page .divine-process .divine-process__copy h2 {
  color: #008cff !important;
}

.divine-page .divine-process .divine-process__copy .section-kicker {
  color: #fff !important;
}

.proto-page--home .freem-proto-display-body {
  width: min(980px, 86vw) !important;
  margin: clamp(24px, 3vw, 44px) auto 0 !important;
  color: rgba(255, 255, 255, .92) !important;
  font-size: clamp(16px, 1.2vw, 22px) !important;
  line-height: 1.82 !important;
  text-align: center !important;
  font-weight: 300 !important;
}

.case-page .freem-brazil-background-page {
  min-height: 54vh !important;
  padding-top: clamp(52px, 5.4vw, 96px) !important;
  padding-bottom: clamp(52px, 5.4vw, 96px) !important;
  color: #fff !important;
}

.case-page .freem-brazil-background-page .section-kicker,
.case-page .freem-brazil-background-page h2,
.case-page .freem-brazil-background-page p:not(.section-kicker) {
  color: #fff !important;
}

.interactive-page .freem-interactive-champagne-display {
  background: #000 !important;
  background-color: #000 !important;
}

.proto-page--home .proto-section--intro .proto-intro__grid > div > p {
  transform: translateY(10px) !important;
}

.proto-page--home .proto-section--challenge > h2 {
  transform: translateY(-15px) !important;
}

.freem-workflow-event-ai-display__head,
.freem-workflow-event-ai-display__head .section-kicker,
.freem-workflow-event-ai-display__head h2,
.freem-workflow-event-ai-display__head span {
  color: #fff !important;
}

.freem-workflow-event-ai-display__head h2 {
  font-size: clamp(30px, 3.2vw, 58px) !important;
  line-height: 1.04 !important;
  font-weight: 900 !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.freem-workflow-event-ai-display__grid article {
  min-height: 0 !important;
}

.freem-workflow-event-video {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  border-radius: clamp(16px, 1.4vw, 26px) !important;
  margin: 0 0 clamp(20px, 2vw, 30px) !important;
  background: #000 !important;
}

.workflow-page .workflow-showcase__card .freem-workflow-main-video {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  border-radius: inherit !important;
  background: #000 !important;
}

/* 2026-07-10 marked-only color updates */
.event-page .freem-event-system h2 {
  color: #7b61ff !important;
}

.event-page .freem-event-system .section-kicker {
  color: #fff !important;
}

.event-page .freem-event-thinking__head h2,
.event-page .freem-event-thinking__head .section-kicker,
.event-page #event-display .event-display__head,
.event-page #event-display .event-display__head .section-kicker,
.event-page #event-display .event-display__head span,
.event-page #event-display .event-display__head h2 {
  color: #000 !important;
}

.spring-page .spring-finale {
  background: #000 !important;
  background-color: #000 !important;
}

.proto-page--home .proto-section--intro .proto-intro-cards__head h2 {
  color: #ff4fa3 !important;
}

.divine-page .divine-display,
.divine-page .divine-reasons > article {
  background: #0069d9 !important;
  background-color: #0069d9 !important;
}

.divine-page .divine-hero::before {
  content: "" !important;
  display: none !important;
}

.magic-page .magic-process .magic-process-card {
  background: #000 !important;
  background-color: #000 !important;
}

.magic-page .magic-process .magic-process__head,
.magic-page .magic-process .magic-process__head .section-kicker,
.magic-page .magic-process .magic-process__head h2,
.magic-page .magic-process .magic-process__head span {
  color: #000 !important;
}

.love-page .love-display {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: clamp(24px, 4vw, 96px) !important;
  padding-right: clamp(24px, 4vw, 96px) !important;
}

.love-page .love-display > * {
  width: 100% !important;
  max-width: none !important;
}

#featured,
.case-page .case-hero,
.case-page .case-section.case-second,
.ip-page .ip-hero,
.divine-page .divine-hero,
.proto-page--home .proto-hero,
.proto-page--home .proto-section--display:nth-of-type(4),
.event-page .event-hero,
.love-page .love-hero,
.spring-page .spring-works {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

#featured > *,
.case-page .case-hero > *,
.case-page .case-section.case-second > *,
.ip-page .ip-hero > *,
.divine-page .divine-hero > *,
.proto-page--home .proto-hero > *,
.proto-page--home .proto-section--display:nth-of-type(4) > *,
.event-page .event-hero > *,
.love-page .love-hero > *,
.spring-page .spring-works > * {
  max-width: none !important;
}

.ip-page .ip-hero > img {
  width: 100% !important;
  max-width: none !important;
}

.divine-page .divine-hero {
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

.divine-page .divine-hero > img {
  width: 100% !important;
  max-width: none !important;
}

.divine-page .divine-hero__copy,
.divine-page .divine-hero__marked-copy,
.divine-page .divine-hero__marked-tags {
  display: none !important;
}

.divine-page .freem-divine-english-cover {
  position: absolute !important;
  inset: 0 !important;
  z-index: 8 !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  padding: clamp(72px, 8vw, 150px) clamp(36px, 7vw, 128px) !important;
  text-align: center !important;
  color: #fff !important;
  pointer-events: none !important;
}

.divine-page .freem-divine-english-cover h1 {
  margin: 0 0 clamp(34px, 4vw, 72px) !important;
  width: min(1280px, 92vw) !important;
  color: #fff !important;
  font-size: clamp(64px, 9vw, 170px) !important;
  line-height: .92 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.divine-page .freem-divine-english-cover p {
  margin: 0 !important;
  width: min(1560px, 92vw) !important;
  color: #fff !important;
  font-size: clamp(18px, 1.9vw, 34px) !important;
  line-height: 1.32 !important;
  font-weight: 700 !important;
}

.divine-page .freem-divine-english-cover p {
  display: none !important;
}

.freem-revenue-data-page {
  min-height: 100vh !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #000 !important;
  color: #fff !important;
  padding: clamp(72px, 7vw, 136px) clamp(44px, 6vw, 112px) clamp(64px, 6vw, 120px) !important;
  display: grid !important;
  grid-template-columns: minmax(190px, 360px) minmax(0, 1fr) !important;
  grid-template-rows: auto 1fr auto !important;
  column-gap: clamp(44px, 8vw, 180px) !important;
  row-gap: clamp(48px, 6vw, 104px) !important;
  align-items: start !important;
  overflow: hidden !important;
}

.freem-revenue-data-page__meta {
  grid-column: 1 !important;
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 18px !important;
  color: rgba(255, 255, 255, .78) !important;
  font-size: clamp(13px, .95vw, 19px) !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
}

.freem-revenue-data-page__globe {
  position: relative !important;
  flex: 0 0 auto !important;
  width: clamp(24px, 2.1vw, 38px) !important;
  height: clamp(24px, 2.1vw, 38px) !important;
  border: 2px solid rgba(255, 255, 255, .86) !important;
  border-radius: 999px !important;
}

.freem-revenue-data-page__globe::before,
.freem-revenue-data-page__globe::after {
  content: "" !important;
  position: absolute !important;
  inset: 20% 8% !important;
  border-top: 2px solid rgba(255, 255, 255, .72) !important;
  border-bottom: 2px solid rgba(255, 255, 255, .72) !important;
}

.freem-revenue-data-page__globe::after {
  inset: 8% 35% !important;
  border: 0 !important;
  border-left: 2px solid rgba(255, 255, 255, .72) !important;
  border-right: 2px solid rgba(255, 255, 255, .72) !important;
}

.freem-revenue-data-page__controls {
  grid-column: 1 !important;
  grid-row: 2 !important;
  align-self: start !important;
  margin-top: clamp(72px, 11vw, 184px) !important;
  display: flex !important;
  gap: clamp(18px, 2vw, 30px) !important;
}

.freem-revenue-data-page__controls span {
  width: clamp(44px, 4.1vw, 76px) !important;
  aspect-ratio: 1 !important;
  border-radius: 999px !important;
  background: #2d2d2d !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08) !important;
}

.freem-revenue-data-page__controls span:first-child {
  background: #ff4b27 !important;
}

.freem-revenue-data-page h2 {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  justify-self: end !important;
  margin: 0 !important;
  width: min(1050px, 64vw) !important;
  color: rgba(255, 255, 255, .88) !important;
  font-size: clamp(36px, 4.1vw, 88px) !important;
  line-height: 1.08 !important;
  font-weight: 420 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

.freem-revenue-data-page__label {
  margin: 0 !important;
  color: rgba(255, 255, 255, .92) !important;
  font-size: clamp(16px, 1vw, 22px) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.freem-revenue-data-page__stats {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(36px, 7vw, 148px) !important;
  align-items: end !important;
}

.freem-revenue-data-page__stats article {
  min-width: 0 !important;
}

.freem-revenue-data-page__stats strong {
  display: block !important;
  margin: 0 0 clamp(18px, 2vw, 34px) !important;
  color: #fff !important;
  font-family: "DIN Alternate", "Arial Narrow", Impact, sans-serif !important;
  font-size: clamp(80px, 12vw, 204px) !important;
  line-height: .78 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.freem-revenue-data-page__stats p {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 clamp(18px, 1.7vw, 30px) 18px !important;
  border-bottom: 2px solid rgba(255, 98, 36, .55) !important;
  color: rgba(255, 255, 255, .72) !important;
  font-size: clamp(14px, 1vw, 20px) !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

.freem-revenue-data-page__stats p::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .58em !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: #ff6224 !important;
}

@media (max-width: 900px) {
  .freem-revenue-data-page {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto auto !important;
  }

  .freem-revenue-data-page__meta,
  .freem-revenue-data-page__controls,
  .freem-revenue-data-page h2,
  .freem-revenue-data-page__stats {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .freem-revenue-data-page h2 {
    width: 100% !important;
  }

  .freem-revenue-data-page__stats {
    grid-template-columns: 1fr !important;
  }
}

.freem-revenue-data-page--event {
  background: #0069D9 !important;
}

.freem-revenue-data-page--love {
  background: #FF70FF !important;
}

.freem-revenue-data-page--home {
  background: #68BE17 !important;
}

.freem-revenue-data-page--event .freem-revenue-data-page__meta,
.freem-revenue-data-page--love .freem-revenue-data-page__meta,
.freem-revenue-data-page--home .freem-revenue-data-page__meta {
  display: none !important;
}

.freem-revenue-data-page--home h2 {
  display: none !important;
}

.freem-revenue-data-page--event h2,
.freem-revenue-data-page--love h2 {
  width: min(980px, 58vw) !important;
  color: rgba(255, 255, 255, .9) !important;
  font-size: clamp(24px, 2.15vw, 46px) !important;
  line-height: 1.42 !important;
  font-weight: 520 !important;
}

.freem-revenue-data-page--love h2 {
  color: rgba(0, 0, 0, .78) !important;
}

.freem-revenue-data-page--love .freem-revenue-data-page__stats strong,
.freem-revenue-data-page--love .freem-revenue-data-page__stats p {
  color: rgba(0, 0, 0, .78) !important;
}

.freem-revenue-data-page--home .freem-revenue-data-page__stats strong,
.freem-revenue-data-page--home .freem-revenue-data-page__stats p {
  color: #fff !important;
}

.freem-revenue-data-page--event .freem-revenue-data-page__stats strong,
.freem-revenue-data-page--event .freem-revenue-data-page__stats p {
  color: #fff !important;
}

.freem-revenue-data-page--event,
.freem-revenue-data-page--love,
.freem-revenue-data-page--home {
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  row-gap: clamp(76px, 8vw, 140px) !important;
  padding-top: clamp(86px, 8vw, 150px) !important;
}

.freem-revenue-data-page--event .freem-revenue-data-page__controls,
.freem-revenue-data-page--love .freem-revenue-data-page__controls,
.freem-revenue-data-page--home .freem-revenue-data-page__controls {
  display: none !important;
}

.freem-revenue-data-page--event h2,
.freem-revenue-data-page--love h2,
.freem-revenue-data-page--home h2 {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  width: min(1040px, 72vw) !important;
  margin: 0 !important;
  font-size: clamp(26px, 2.35vw, 48px) !important;
  line-height: 1.42 !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
}

.freem-revenue-data-page--event h2,
.freem-revenue-data-page--home h2 {
  color: rgba(255, 255, 255, .92) !important;
}

.freem-revenue-data-page--love h2 {
  color: rgba(0, 0, 0, .82) !important;
}

.freem-revenue-data-page--event .freem-revenue-data-page__stats,
.freem-revenue-data-page--love .freem-revenue-data-page__stats,
.freem-revenue-data-page--home .freem-revenue-data-page__stats {
  grid-column: 1 !important;
  grid-row: 2 !important;
  align-self: end !important;
  gap: clamp(42px, 6vw, 128px) !important;
}

.freem-revenue-data-page--event .freem-revenue-data-page__stats strong,
.freem-revenue-data-page--love .freem-revenue-data-page__stats strong,
.freem-revenue-data-page--home .freem-revenue-data-page__stats strong {
  font-size: clamp(74px, 9.4vw, 164px) !important;
  line-height: .88 !important;
}

.freem-revenue-data-page--event .freem-revenue-data-page__stats p,
.freem-revenue-data-page--love .freem-revenue-data-page__stats p,
.freem-revenue-data-page--home .freem-revenue-data-page__stats p {
  font-size: clamp(18px, 1.32vw, 26px) !important;
  font-weight: 700 !important;
}

.freem-revenue-data-page--event,
.freem-revenue-data-page--love,
.freem-revenue-data-page--home {
  min-height: 100vh !important;
  display: grid !important;
  grid-template-columns: minmax(240px, 360px) minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto 1fr !important;
  align-content: center !important;
  row-gap: clamp(56px, 6vw, 104px) !important;
  column-gap: clamp(40px, 6vw, 120px) !important;
}

.freem-revenue-data-page--event .freem-revenue-data-page__meta,
.freem-revenue-data-page--love .freem-revenue-data-page__meta,
.freem-revenue-data-page--home .freem-revenue-data-page__meta {
  display: inline-flex !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  color: #fff !important;
  opacity: 1 !important;
  font-size: clamp(15px, 1.05vw, 20px) !important;
  font-weight: 700 !important;
}

.freem-revenue-data-page--love .freem-revenue-data-page__meta,
.freem-revenue-data-page--love .freem-revenue-data-page__globe {
  color: #000 !important;
  border-color: rgba(0, 0, 0, .78) !important;
}

.freem-revenue-data-page--event .freem-revenue-data-page__controls,
.freem-revenue-data-page--love .freem-revenue-data-page__controls,
.freem-revenue-data-page--home .freem-revenue-data-page__controls {
  display: flex !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin-top: 0 !important;
}

.freem-revenue-data-page--event h2,
.freem-revenue-data-page--love h2,
.freem-revenue-data-page--home h2 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  grid-column: 2 !important;
  grid-row: 2 / 4 !important;
  align-self: start !important;
  justify-self: end !important;
  width: min(1080px, 64vw) !important;
  margin: 0 !important;
  font-size: clamp(30px, 2.5vw, 56px) !important;
  line-height: 1.36 !important;
  font-weight: 680 !important;
}

.freem-revenue-data-page--event .freem-revenue-data-page__label,
.freem-revenue-data-page--love .freem-revenue-data-page__label,
.freem-revenue-data-page--home .freem-revenue-data-page__label {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  width: min(1080px, 64vw) !important;
}

.freem-revenue-data-page--love .freem-revenue-data-page__label {
  color: rgba(0, 0, 0, .82) !important;
}

.freem-revenue-data-page--event .freem-revenue-data-page__stats,
.freem-revenue-data-page--love .freem-revenue-data-page__stats,
.freem-revenue-data-page--home .freem-revenue-data-page__stats {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  grid-column: 1 / -1 !important;
  grid-row: 4 !important;
  align-self: end !important;
}

.freem-revenue-data-page--event .freem-revenue-data-page__stats strong,
.freem-revenue-data-page--event .freem-revenue-data-page__stats p,
.freem-revenue-data-page--love .freem-revenue-data-page__stats strong,
.freem-revenue-data-page--love .freem-revenue-data-page__stats p,
.freem-revenue-data-page--home .freem-revenue-data-page__stats strong,
.freem-revenue-data-page--home .freem-revenue-data-page__stats p {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 2026-07-10: keep secondary page text visible after React route switches. */
html.motion-ready .evaluation-page :is(h1, h2, h3, h4, p, span, article, .evaluation-card, .freem-evaluation-main-title),
html.motion-ready .key-projects-page :is(h1, h2, h3, h4, p, span, article, section, .key-projects-group, .key-project-tile, .freem-key-projects-main-title),
html.motion-ready .evaluation-page .motion-pending,
html.motion-ready .key-projects-page .motion-pending {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
  clip-path: none !important;
  pointer-events: auto !important;
}

html.motion-ready .evaluation-page .evaluation-grid > .evaluation-card:not([data-freem-evaluation-slide-done="true"]) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate3d(max(900px, 78vw), 0, 0) scale(1.1) !important;
  transform-origin: center center !important;
  will-change: transform !important;
}

html.motion-ready .key-projects-page .key-projects-grid > .key-projects-group:not([data-freem-key-project-slide-done="true"]) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate3d(max(900px, 78vw), 0, 0) scale(1.1) !important;
  transform-origin: center center !important;
  will-change: transform !important;
}

html.motion-ready #about .experience-list > .experience-item:not([data-freem-experience-slide-done="true"]),
html.motion-ready #featured .featured-grid > *:not([data-freem-featured-slide-done="true"]),
html.motion-ready .freem-brazil-research-page__right:not([data-freem-brazil-research-slide-done="true"]) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate3d(max(900px, 78vw), 0, 0) scale(1.1) !important;
  transform-origin: center center !important;
  will-change: transform !important;
}

#featured .featured-grid,
.overview-grid {
  perspective: 1200px !important;
}

#featured .featured-grid > .freem-tilted-card,
.overview-grid > .freem-tilted-card {
  position: relative !important;
  transform-style: preserve-3d !important;
  transform-origin: 50% 50% !important;
  transition:
    transform .48s cubic-bezier(.16, 1, .3, 1),
    box-shadow .48s cubic-bezier(.16, 1, .3, 1),
    filter .48s cubic-bezier(.16, 1, .3, 1) !important;
  will-change: transform !important;
}

#featured .featured-grid > .freem-tilted-card.freem-tilted-card--active,
.overview-grid > .freem-tilted-card.freem-tilted-card--active {
  z-index: 3 !important;
  transform:
    perspective(900px)
    rotateX(var(--freem-tilt-x, 0deg))
    rotateY(var(--freem-tilt-y, 0deg))
    scale(1.045) !important;
  box-shadow: 0 34px 90px rgba(0, 0, 0, .34) !important;
  filter: saturate(1.06) contrast(1.03) !important;
}

#featured .featured-grid > .freem-tilted-card::after,
.overview-grid > .freem-tilted-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  opacity: 0 !important;
  background:
    radial-gradient(
      circle at var(--freem-tilt-glow-x, 50%) var(--freem-tilt-glow-y, 50%),
      rgba(255, 255, 255, .2),
      rgba(255, 255, 255, 0) 42%
    ) !important;
  transition: opacity .28s ease !important;
}

#featured .featured-grid > .freem-tilted-card.freem-tilted-card--active::after,
.overview-grid > .freem-tilted-card.freem-tilted-card--active::after {
  opacity: 1 !important;
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  #featured .featured-grid > .freem-tilted-card,
  #featured .featured-grid > .freem-tilted-card.freem-tilted-card--active,
  .overview-grid > .freem-tilted-card,
  .overview-grid > .freem-tilted-card.freem-tilted-card--active {
    transform: none !important;
    filter: none !important;
  }

  #featured .featured-grid > .freem-tilted-card::after,
  .overview-grid > .freem-tilted-card::after {
    display: none !important;
  }
}
/* 2026-07-10 marked region: show spring hero horse image. */
.spring-page .spring-hero .freem-spring-horse-image {
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 47% !important;
  bottom: auto !important;
  width: min(520px, 42vw) !important;
  height: auto !important;
  margin: 0 !important;
  line-height: 0 !important;
  transform: translate(-50%, -50%) !important;
  z-index: 4 !important;
  pointer-events: none !important;
}

.spring-page .spring-hero .freem-spring-horse-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

@media (max-width: 980px) {
  .spring-page .spring-hero .freem-spring-horse-image {
    top: 52% !important;
    width: min(460px, 70vw) !important;
  }
}
/* 2026-07-10 marked adjustments: spring image position and card-skin copy polish. */
.spring-page .spring-hero .freem-spring-horse-image {
  top: calc(47% + 100px) !important;
  width: min(728px, 58.8vw) !important;
}

.proto-page--card .freem-card-skin-emotion-chain-card {
  padding: clamp(24px, 1.8vw, 34px) !important;
}

.proto-page--card .freem-card-skin-emotion-chain-card h3 {
  max-width: 100% !important;
  font-size: clamp(20px, 1.45vw, 30px) !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.proto-page--card .freem-card-skin-emotion-chain-card p {
  max-width: 100% !important;
  white-space: pre-line !important;
  color: rgba(235, 242, 255, .72) !important;
  font-size: clamp(11px, .72vw, 13px) !important;
  line-height: 1.78 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 980px) {
  .spring-page .spring-hero .freem-spring-horse-image {
    top: calc(52% + 80px) !important;
    width: min(644px, 86vw) !important;
  }
}
/* 2026-07-10 marked updates: spring position, divine title, Brazil full-width trio, personal name. */
.spring-page .spring-hero .freem-spring-horse-image {
  top: calc(47% + 250px) !important;
  width: min(728px, 58.8vw) !important;
}

.divine-page .divine-hero {
  position: relative !important;
  min-height: 100vh !important;
}

.divine-page .divine-hero > img {
  height: 100vh !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.divine-page .freem-divine-english-cover {
  z-index: 8 !important;
  align-content: center !important;
  padding: clamp(112px, 12vh, 190px) clamp(36px, 6vw, 128px) clamp(64px, 8vh, 128px) !important;
  background: linear-gradient(180deg, rgba(0, 106, 217, .08) 0%, rgba(0, 144, 232, .18) 46%, rgba(0, 120, 220, .18) 100%) !important;
}

.divine-page .freem-divine-english-cover h1 {
  margin: 0 0 clamp(52px, 6vh, 92px) !important;
  width: min(1500px, 92vw) !important;
  color: #fff !important;
  font-size: clamp(96px, 13vw, 250px) !important;
  line-height: .86 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: 0 18px 44px rgba(0, 92, 180, .28) !important;
}

.divine-page .freem-divine-english-cover p {
  display: block !important;
  margin: 0 auto !important;
  width: min(1840px, 94vw) !important;
  color: #fff !important;
  font-size: clamp(24px, 2.35vw, 50px) !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 10px 30px rgba(0, 88, 170, .24) !important;
}

.divine-page .freem-divine-credits {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: clamp(48px, 8vw, 170px) !important;
  margin-top: clamp(48px, 7vh, 108px) !important;
  width: min(1500px, 92vw) !important;
  color: #fff !important;
  font-size: clamp(20px, 2vw, 42px) !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 8px 24px rgba(0, 88, 170, .22) !important;
}

#about .freem-personal-name {
  margin: 0 0 clamp(16px, 2vw, 26px) !important;
  color: #fff !important;
  font-size: clamp(42px, 5vw, 88px) !important;
  line-height: .95 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

#about .freem-personal-name.freem-shiny-text {
  --freem-shine-base: #dbeaff;
  --freem-shine-highlight: #ffffff;
  color: var(--freem-shine-base) !important;
  background-image:
    linear-gradient(
      120deg,
      var(--freem-shine-base) 0%,
      var(--freem-shine-base) 36%,
      var(--freem-shine-highlight) 50%,
      var(--freem-shine-base) 64%,
      var(--freem-shine-base) 100%
    ) !important;
  background-size: 220% auto !important;
  background-position: 150% center !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: freemShinyTextSweep 2.4s linear infinite !important;
}

#about .freem-personal-name .react-bits-split-char,
#about .freem-personal-name .react-bits-split-space {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
}

#about .freem-personal-name.freem-shiny-text .react-bits-split-char,
#about .freem-personal-name.freem-shiny-text .react-bits-split-space {
  color: transparent !important;
  background: inherit !important;
  background-size: inherit !important;
  background-position: inherit !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

#about .freem-personal-name.freem-about-name-entrance:not(.freem-about-name-in) .react-bits-split-char {
  opacity: 0 !important;
  filter: blur(10px) !important;
  transform: translate3d(0, 86px, 0) scale(.92) !important;
  animation: none !important;
}

#about .freem-personal-name.freem-about-name-in .react-bits-split-char {
  animation: freemAboutNameTextIn .78s cubic-bezier(.16, 1, .3, 1) forwards !important;
  animation-delay: calc(.12s + var(--split-index, 0) * .11s) !important;
}

@keyframes freemAboutNameTextIn {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: translate3d(0, 86px, 0) scale(.92);
  }
  64% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, -8px, 0) scale(1.035);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes freemShinyTextSweep {
  0% {
    background-position: 150% center;
  }
  100% {
    background-position: -50% center;
  }
}

#about .about__portrait.freem-about-portrait-slide-card {
  transform-origin: 50% 50% !important;
  will-change: transform, opacity !important;
}

.case-page .case-research-gallery {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  background: #000 !important;
  overflow: hidden !important;
}

.case-page .case-research-gallery__inner {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100vw !important;
  min-height: 100vh !important;
  height: 100vh !important;
  margin: 0 !important;
}

.case-page .case-research-gallery__copy,
.case-page .case-research-gallery__map {
  display: none !important;
}

.case-page .case-research-gallery__hero,
.case-page .case-research-gallery__images {
  min-height: 100vh !important;
  height: 100vh !important;
  width: 100% !important;
  border-radius: 0 !important;
  background: #000 !important;
}

.case-page .case-research-gallery__images {
  display: contents !important;
}

.case-page .case-research-gallery__hero,
.case-page .case-research-gallery__images img {
  display: block !important;
  width: 100% !important;
  height: 100vh !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 0 !important;
  background: #000 !important;
}

.case-page .case-research-gallery__images img:nth-child(n+4) {
  display: none !important;
}

@media (max-width: 980px) {
  .spring-page .spring-hero .freem-spring-horse-image {
    top: calc(52% + 230px) !important;
    width: min(644px, 86vw) !important;
  }

  .divine-page .freem-divine-english-cover h1 {
    font-size: clamp(72px, 18vw, 132px) !important;
  }

  .divine-page .freem-divine-english-cover p {
    font-size: clamp(18px, 5vw, 28px) !important;
  }

  .divine-page .freem-divine-credits {
    flex-direction: column !important;
    gap: 14px !important;
    font-size: clamp(16px, 4vw, 22px) !important;
  }

  .case-page .case-research-gallery,
  .case-page .case-research-gallery__inner,
  .case-page .case-research-gallery__hero,
  .case-page .case-research-gallery__images,
  .case-page .case-research-gallery__images img {
    min-height: 100svh !important;
    height: 100svh !important;
  }
}
/* 2026-07-11 divine cover title visibility fix. */
.divine-page .divine-hero {
  position: relative !important;
  isolation: isolate !important;
}

.divine-page .divine-hero > img {
  position: relative !important;
  z-index: 1 !important;
}

.divine-page .freem-divine-english-cover {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 30 !important;
  pointer-events: none !important;
}

.divine-page .freem-divine-english-cover h1 {
  position: absolute !important;
  left: 50% !important;
  top: clamp(118px, 16vh, 210px) !important;
  z-index: 40 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: min(1500px, 92vw) !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-text-stroke: clamp(1px, .12vw, 2px) rgba(0, 85, 180, .34) !important;
  font-size: clamp(110px, 12.5vw, 230px) !important;
  line-height: .88 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  text-shadow: 0 10px 28px rgba(0, 74, 160, .72), 0 28px 70px rgba(0, 34, 92, .45) !important;
}

@media (max-width: 980px) {
  .divine-page .freem-divine-english-cover h1 {
    top: clamp(108px, 14vh, 150px) !important;
    font-size: clamp(72px, 18vw, 132px) !important;
  }
}
/* 2026-07-11 marked fixes: divine hero cleanup, centered reasons title, spring nudge, event revenue page. */
.divine-page .divine-hero > img {
  content: url("./divine-case/user-folder/divine-hero-replacement.png") !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.divine-page .freem-divine-english-cover {
  display: none !important;
}

.divine-page .divine-reasons {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(28px, 3.4vw, 56px) !important;
  min-height: 100vh !important;
  padding: clamp(92px, 9vw, 150px) clamp(44px, 7vw, 132px) !important;
  text-align: center !important;
}

.divine-page .freem-divine-reasons-title {
  display: grid !important;
  justify-items: center !important;
  gap: clamp(10px, 1vw, 18px) !important;
  width: min(1180px, 92vw) !important;
  margin: 0 auto clamp(10px, 1vw, 18px) !important;
  color: #fff !important;
}

.divine-page .freem-divine-reasons-title h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(76px, 9.2vw, 174px) !important;
  line-height: .86 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.divine-page .freem-divine-reasons-title p {
  margin: 0 !important;
  color: rgba(235, 248, 255, .92) !important;
  font-size: clamp(24px, 2.6vw, 48px) !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
}

.divine-page .divine-reasons > article {
  width: min(360px, 27vw) !important;
  min-height: 150px !important;
  padding: clamp(22px, 1.8vw, 34px) !important;
  text-align: left !important;
}

.spring-page .spring-hero .freem-spring-horse-image {
  left: calc(50% + 40px) !important;
  top: calc(47% + 270px) !important;
}

.freem-event-revenue-marked-page {
  min-height: 100vh !important;
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
  background: #000 !important;
  color: #fff !important;
  padding: clamp(74px, 8vw, 132px) clamp(58px, 8vw, 150px) clamp(64px, 7vw, 118px) !important;
  display: grid !important;
  grid-template-columns: minmax(190px, 300px) minmax(0, 1fr) !important;
  grid-template-rows: auto 1fr auto !important;
  column-gap: clamp(48px, 10vw, 190px) !important;
  row-gap: clamp(54px, 7vw, 112px) !important;
  align-items: start !important;
  overflow: hidden !important;
}

.freem-event-revenue-marked-page__support {
  grid-column: 1 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  color: rgba(255,255,255,.68) !important;
  font-size: clamp(11px, .8vw, 14px) !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

.freem-event-revenue-marked-page__globe {
  width: 28px !important;
  height: 28px !important;
  border: 2px solid rgba(255,255,255,.78) !important;
  border-radius: 50% !important;
  box-shadow: inset 8px 0 0 -6px rgba(255,255,255,.78), inset -8px 0 0 -6px rgba(255,255,255,.78) !important;
}

.freem-event-revenue-marked-page__dots {
  grid-column: 1 !important;
  grid-row: 2 !important;
  align-self: start !important;
  display: flex !important;
  gap: 16px !important;
  margin-top: clamp(64px, 10vw, 150px) !important;
}

.freem-event-revenue-marked-page__dots span {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #252525 !important;
  position: relative !important;
}

.freem-event-revenue-marked-page__dots span:first-child {
  background: #ff2f28 !important;
}

.freem-event-revenue-marked-page__dots span::before,
.freem-event-revenue-marked-page__dots span::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 10px !important;
  height: 2px !important;
  background: rgba(255,255,255,.72) !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.freem-event-revenue-marked-page__dots span::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.freem-event-revenue-marked-page__lead {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  align-self: start !important;
  justify-self: end !important;
  width: min(980px, 62vw) !important;
  margin: 0 !important;
  color: rgba(255,255,255,.88) !important;
  font-size: clamp(30px, 3.15vw, 64px) !important;
  line-height: 1.18 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.freem-event-revenue-marked-page__stats {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(42px, 6vw, 110px) !important;
  align-items: end !important;
}

.freem-event-revenue-marked-page__stats article {
  border-bottom: 1px solid rgba(255, 73, 35, .64) !important;
  padding-bottom: clamp(18px, 1.6vw, 28px) !important;
}

.freem-event-revenue-marked-page__stats strong {
  display: block !important;
  color: #fff !important;
  font-family: Impact, "Arial Narrow", "Microsoft YaHei UI", sans-serif !important;
  font-size: clamp(72px, 8vw, 152px) !important;
  line-height: .82 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.freem-event-revenue-marked-page__stats span {
  display: block !important;
  margin-top: clamp(18px, 1.6vw, 28px) !important;
  color: rgba(255,255,255,.68) !important;
  font-size: clamp(13px, .9vw, 17px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.freem-event-revenue-marked-page__stats span::before {
  content: "" !important;
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  margin-right: 8px !important;
  border-radius: 50% !important;
  background: #ff6a21 !important;
  vertical-align: .12em !important;
}

@media (max-width: 980px) {
  .divine-page .divine-reasons > article {
    width: min(100%, 520px) !important;
  }

  .spring-page .spring-hero .freem-spring-horse-image {
    left: calc(50% + 24px) !important;
    top: calc(52% + 250px) !important;
  }

  .freem-event-revenue-marked-page {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
  }

  .freem-event-revenue-marked-page__support,
  .freem-event-revenue-marked-page__dots,
  .freem-event-revenue-marked-page__lead,
  .freem-event-revenue-marked-page__stats {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
    justify-self: stretch !important;
  }

  .freem-event-revenue-marked-page__lead {
    font-size: clamp(28px, 8vw, 48px) !important;
  }

  .freem-event-revenue-marked-page__stats {
    grid-template-columns: 1fr !important;
  }
}
/* 2026-07-11 divine reasons row layout after title insertion. */
.divine-page .divine-reasons {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(240px, 360px)) !important;
  align-content: center !important;
  justify-content: center !important;
  justify-items: stretch !important;
  gap: clamp(28px, 3.2vw, 56px) !important;
}

.divine-page .freem-divine-reasons-title {
  grid-column: 1 / -1 !important;
}

.divine-page .divine-reasons > article {
  width: 100% !important;
  justify-self: stretch !important;
}

@media (max-width: 980px) {
  .divine-page .divine-reasons {
    grid-template-columns: 1fr !important;
  }
}
/* 2026-07-11 marked removals and always-on-top navigation. */
main.event-page .freem-event-revenue-marked-page {
  display: none !important;
}

.divine-page .freem-divine-reasons-title {
  display: none !important;
}

.divine-page .divine-hero > img {
  display: none !important;
}

.hero-topbar,
.hero-topbar--global,
body > .hero-topbar--global,
.case-nav,
.daily-overview-nav,
.evaluation-nav,
.key-projects-nav {
  position: fixed !important;
  top: clamp(18px, 2vw, 34px) !important;
  left: 50% !important;
  right: auto !important;
  width: min(1720px, calc(100vw - 96px)) !important;
  max-width: calc(100vw - 96px) !important;
  transform: translateX(-50%) !important;
  z-index: 2147483647 !important;
  isolation: isolate !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.hero-topbar *,
.hero-topbar--global *,
body > .hero-topbar--global *,
.case-nav *,
.daily-overview-nav *,
.evaluation-nav *,
.key-projects-nav * {
  visibility: visible !important;
}
/* 2026-07-11 final divine page removal, compact reasons page, nav shield. */
.divine-page .divine-hero {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

.divine-page .divine-reasons {
  min-height: clamp(420px, 52vh, 560px) !important;
  height: auto !important;
  padding: clamp(78px, 7vw, 112px) clamp(44px, 7vw, 132px) clamp(56px, 5vw, 84px) !important;
  align-content: center !important;
}

.divine-page .divine-reasons > article {
  min-height: 126px !important;
  padding: clamp(18px, 1.45vw, 28px) !important;
}

.hero-topbar,
.hero-topbar--global,
body > .hero-topbar--global,
.case-nav,
.daily-overview-nav,
.evaluation-nav,
.key-projects-nav {
  position: fixed !important;
  top: max(18px, env(safe-area-inset-top)) !important;
  left: 50% !important;
  transform: translate3d(-50%, 0, 0) !important;
  z-index: 2147483647 !important;
  isolation: isolate !important;
  background: rgba(8, 10, 14, .62) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .38), 0 0 0 9999px rgba(0, 0, 0, 0) !important;
  backdrop-filter: blur(22px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.2) !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.hero-topbar::before,
.hero-topbar--global::before,
body > .hero-topbar--global::before,
.case-nav::before,
.daily-overview-nav::before,
.evaluation-nav::before,
.key-projects-nav::before {
  content: "" !important;
  position: absolute !important;
  inset: -10px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  background: rgba(0, 0, 0, .18) !important;
  pointer-events: none !important;
}

@media (max-width: 980px) {
  .divine-page .divine-reasons {
    min-height: auto !important;
    padding-top: 88px !important;
  }
}
/* 2026-07-11 homepage nav fixed clone: keep above every section and image. */
section#top > .hero-topbar {
  visibility: hidden !important;
  pointer-events: none !important;
}

body > .freem-home-topbar-fixed.hero-topbar--global {
  --freem-topbar-y: 0px;
  --freem-topbar-opacity: 1;
  --freem-topbar-blur: 0px;
  display: grid !important;
  position: fixed !important;
  top: max(18px, env(safe-area-inset-top)) !important;
  left: 50% !important;
  right: auto !important;
  width: min(1720px, calc(100vw - 96px)) !important;
  max-width: calc(100vw - 96px) !important;
  transform: translate3d(-50%, var(--freem-topbar-y), 0) !important;
  z-index: 2147483647 !important;
  isolation: isolate !important;
  contain: paint !important;
  pointer-events: auto !important;
  opacity: var(--freem-topbar-opacity) !important;
  filter: blur(var(--freem-topbar-blur)) !important;
  visibility: visible !important;
  background: rgba(8, 10, 14, .64) !important;
  border: 1px solid rgba(255, 255, 255, .2) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .42) !important;
  backdrop-filter: blur(22px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.25) !important;
}

body > .freem-home-topbar-fixed.hero-topbar--global:not(.freem-home-topbar-entered) {
  --freem-topbar-y: -120%;
  --freem-topbar-opacity: 0;
  --freem-topbar-blur: 10px;
  visibility: hidden !important;
}

body > .freem-home-topbar-fixed.hero-topbar--global.freem-home-topbar-entered {
  --freem-topbar-y: 0px;
  --freem-topbar-opacity: 1;
  --freem-topbar-blur: 0px;
  visibility: visible !important;
  animation: freemHomeTopbarEnter .82s cubic-bezier(.22, 1, .36, 1) both !important;
}

@property --freem-topbar-y {
  syntax: '<length-percentage>';
  inherits: false;
  initial-value: 0px;
}

@property --freem-topbar-opacity {
  syntax: '<number>';
  inherits: false;
  initial-value: 1;
}

@property --freem-topbar-blur {
  syntax: '<length>';
  inherits: false;
  initial-value: 0px;
}

@keyframes freemHomeTopbarEnter {
  0% {
    --freem-topbar-y: -120%;
    --freem-topbar-opacity: 0;
    --freem-topbar-blur: 10px;
  }
  72% {
    --freem-topbar-y: 0px;
    --freem-topbar-opacity: 1;
    --freem-topbar-blur: 0px;
  }
  100% {
    --freem-topbar-y: 0px;
    --freem-topbar-opacity: 1;
    --freem-topbar-blur: 0px;
  }
}

body > .freem-home-topbar-fixed.hero-topbar--global,
body > .freem-home-topbar-fixed.hero-topbar--global * {
  visibility: visible !important;
}

body > .freem-home-topbar-fixed.hero-topbar--global::after {
  content: "" !important;
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: calc(max(18px, env(safe-area-inset-top)) + 56px) !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,0)) !important;
}

/* 2026-07-11 Divine full-image cover and page return button. */
.divine-page > .freem-divine-image-cover {
  width: 100vw !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: #0b72f6 !important;
}

.divine-page > .freem-divine-image-cover > img {
  width: 100vw !important;
  height: 100vh !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.freem-return-prev-page {
  position: fixed !important;
  top: max(24px, env(safe-area-inset-top)) !important;
  right: clamp(28px, 4vw, 72px) !important;
  z-index: 2147483647 !important;
  height: 44px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
  border-radius: 999px !important;
  background: rgba(7, 10, 16, .56) !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 44px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 14px 44px rgba(0, 0, 0, .32) !important;
  backdrop-filter: blur(18px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
  cursor: pointer !important;
}

.freem-return-prev-page:hover {
  background: rgba(255, 255, 255, .18) !important;
}
/* 2026-07-11 final divine cover reset: use only the provided full image as the cover. */
.divine-page .divine-hero,
.divine-page .freem-divine-english-cover,
.divine-page .freem-divine-reasons-title,
.divine-page .freem-divine-cover-page {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

main.divine-page > .freem-divine-image-cover {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  min-height: 100vh !important;
  margin: 0 0 0 calc(50% - 50vw) !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #0874f2 url('./divine-case/user-folder/divine-cover-full.png') center center / cover no-repeat !important;
  z-index: 1 !important;
}

main.divine-page > .freem-divine-image-cover > img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
}
body:has(.hero#top) > .freem-return-prev-page,
body:has(.overview-panel) > .freem-return-prev-page {
  display: none !important;
}

/* 2026-07-11 IP page nav: remove duplicated home nav and shadow ghosting. */
body:has(main.ip-page) > .freem-home-topbar-fixed {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

main.ip-page .case-nav,
main.ip-page .case-nav.ip-nav {
  box-shadow: none !important;
  text-shadow: none !important;
}

main.ip-page .case-nav::before,
main.ip-page .case-nav::after,
main.ip-page .case-nav.ip-nav::before,
main.ip-page .case-nav.ip-nav::after {
  display: none !important;
  content: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* 2026-07-11 React Bits LogoLoop / DecayCard / ProfileCard requested on marked home areas. */
#works.cinema-marquee.react-bits-logo-loop {
  position: relative !important;
  overflow: hidden !important;
  --logoloop-gap: clamp(18px, 2vw, 40px);
  --logoloop-duration: 24s;
  mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%) !important;
}

#works.cinema-marquee.react-bits-logo-loop .cinema-marquee__track.react-bits-logo-loop__track {
  display: flex !important;
  width: max-content !important;
  gap: var(--logoloop-gap) !important;
  animation: freemReactBitsLogoLoop var(--logoloop-duration) linear infinite !important;
  animation-play-state: running !important;
  will-change: transform !important;
}

#works.cinema-marquee.react-bits-logo-loop:hover .cinema-marquee__track.react-bits-logo-loop__track,
#works.cinema-marquee.react-bits-logo-loop:focus-within .cinema-marquee__track.react-bits-logo-loop__track,
#works.cinema-marquee.react-bits-logo-loop.is-dragging .cinema-marquee__track.react-bits-logo-loop__track {
  animation-play-state: running !important;
}

#works.cinema-marquee.react-bits-logo-loop .cinema-card {
  flex: 0 0 auto !important;
  transform: none !important;
  transform-origin: center center !important;
  will-change: transform, filter !important;
  backface-visibility: hidden !important;
  transition:
    transform .82s cubic-bezier(.22, 1, .36, 1),
    filter .82s cubic-bezier(.22, 1, .36, 1),
    border-color .82s cubic-bezier(.22, 1, .36, 1),
    box-shadow .82s cubic-bezier(.22, 1, .36, 1) !important;
}

#works.cinema-marquee.react-bits-logo-loop .cinema-card--clickable:hover,
#works.cinema-marquee.react-bits-logo-loop .cinema-card--clickable:focus-visible {
  transform: translate3d(0, -8px, 0) scale(1.055) !important;
  border-color: rgba(222, 219, 200, .58) !important;
  filter: saturate(1.08) contrast(1.03) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18), 0 24px 70px rgba(0,0,0,.42) !important;
}

@keyframes freemReactBitsLogoLoop {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(var(--logoloop-copy-shift, -16.6667%), 0, 0);
  }
}

#featured .featured-card.react-bits-decay-card {
  --decay-active: 0;
  --decay-pointer-x: 50%;
  --decay-pointer-y: 50%;
  --decay-x: 0px;
  --decay-y: 0px;
  --decay-rz: 0deg;
  --decay-tilt-x: 0deg;
  --decay-tilt-y: 0deg;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  transform:
    perspective(900px)
    translate3d(var(--decay-x), var(--decay-y), 0)
    rotateX(var(--decay-tilt-y))
    rotateY(var(--decay-tilt-x))
    rotateZ(var(--decay-rz)) !important;
  transform-style: preserve-3d !important;
  will-change: transform !important;
  transition: transform .24s cubic-bezier(.2, .8, .2, 1), box-shadow .24s ease, border-color .24s ease !important;
}

#featured .featured-card.react-bits-decay-card::before {
  content: "" !important;
  position: absolute !important;
  inset: -22% !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at var(--decay-pointer-x) var(--decay-pointer-y), rgba(255,255,255,.38), transparent 20%),
    conic-gradient(from calc(var(--decay-seed, 1) * 36deg) at var(--decay-pointer-x) var(--decay-pointer-y), rgba(255,113,24,.28), rgba(76,210,255,.2), rgba(255,255,255,0), rgba(255,113,24,.28)) !important;
  mix-blend-mode: screen !important;
  opacity: calc(var(--decay-active) * .75) !important;
  filter: blur(10px) saturate(1.25) !important;
  transform: translate3d(calc(var(--decay-x) * -1.2), calc(var(--decay-y) * -1.2), 0) !important;
  transition: opacity .22s ease, transform .22s ease !important;
}

#featured .featured-card.react-bits-decay-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background:
    repeating-linear-gradient(115deg, rgba(255,255,255,.13) 0 1px, transparent 1px 9px),
    radial-gradient(circle at var(--decay-pointer-x) var(--decay-pointer-y), transparent 0 26%, rgba(0,0,0,.2) 72%) !important;
  mix-blend-mode: overlay !important;
  opacity: calc(var(--decay-active) * .32) !important;
  transform: translate3d(calc(var(--decay-x) * .7), calc(var(--decay-y) * .7), 0) !important;
  transition: opacity .22s ease, transform .22s ease !important;
}

#featured .featured-card.react-bits-decay-card > img {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform:
    translate3d(calc(var(--decay-x) * -.18), calc(var(--decay-y) * -.18), 0)
    scale(calc(1.035 + var(--decay-active) * .045)) !important;
  filter:
    saturate(calc(1.02 + var(--decay-active) * .18))
    contrast(calc(1.02 + var(--decay-active) * .08))
    brightness(calc(1 + var(--decay-active) * .05)) !important;
  transition: transform .24s cubic-bezier(.2, .8, .2, 1), filter .24s ease !important;
}

#featured .featured-card.react-bits-decay-card > :not(img) {
  position: relative !important;
  z-index: 4 !important;
}

#featured .featured-card.react-bits-decay-card:hover {
  border-color: rgba(255, 255, 255, .42) !important;
  box-shadow: 0 34px 88px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .16) inset !important;
}

#about .about__portrait.freem-profile-card-enhanced {
  transform:
    perspective(760px)
    rotateX(var(--profile-rotate-x, 0deg))
    rotateY(var(--profile-rotate-y, 0deg))
    translate3d(0, 0, 0) !important;
  transform-style: preserve-3d !important;
  will-change: transform !important;
  box-shadow:
    0 28px 78px rgba(0, 0, 0, .34),
    0 0 44px rgba(255, 106, 0, calc(.12 + var(--profile-card-opacity, 0) * .18)) !important;
  transition: transform .28s cubic-bezier(.2, .8, .2, 1), box-shadow .28s ease !important;
}

#about .about__portrait.freem-profile-card-enhanced.freem-profile-card-tracking {
  transition: box-shadow .18s ease !important;
}

#about .about__portrait.freem-profile-card-enhanced > img {
  transform: translate3d(0, 0, 0) scale(calc(1 + var(--profile-card-opacity, 0) * .04)) !important;
}

@media (prefers-reduced-motion: reduce) {
  #works.cinema-marquee.react-bits-logo-loop .cinema-marquee__track.react-bits-logo-loop__track {
    animation: none !important;
  }

  #featured .featured-card.react-bits-decay-card,
  #featured .featured-card.react-bits-decay-card > img,
  #about .about__portrait.freem-profile-card-enhanced,
  #about .about__portrait.freem-profile-card-enhanced > img {
    transform: none !important;
    transition: none !important;
  }
}