.testimonial-card.testimonial-card--social {
  --testimonial-accent: oklch(78% .065 220);
  --testimonial-card-bg: oklch(12% .015 236 / .88);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: color-mix(in oklch, var(--testimonial-accent) 20%, transparent) !important;
  background: color-mix(in oklch, var(--testimonial-accent) 7%, var(--testimonial-card-bg)) !important;
  box-shadow:
    inset 0 1px 0 oklch(100% 0 0 / .045),
    inset 0 0 0 1px color-mix(in oklch, var(--testimonial-accent) 7%, transparent),
    0 1.5rem 4rem oklch(0% 0 0 / .3);
  transition:
    border-color .26s ease,
    background .26s ease,
    box-shadow .26s ease,
    transform .26s ease;
}

.testimonial-card.testimonial-card--social::before,
.testimonial-card.testimonial-card--social::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

.testimonial-card.testimonial-card--social::before {
  inset: 0;
  border-radius: inherit;
  background: color-mix(in oklch, var(--testimonial-accent) 4%, transparent);
  opacity: .52;
}

.testimonial-card.testimonial-card--social::after {
  right: -5rem;
  bottom: -5rem;
  width: 11rem;
  height: 11rem;
  border-radius: 999px;
  background: color-mix(in oklch, var(--testimonial-accent) 5%, transparent);
  filter: blur(2.8rem);
  opacity: .55;
}

.testimonial-card.testimonial-card--social:hover {
  border-color: color-mix(in oklch, var(--testimonial-accent) 28%, transparent) !important;
  background: color-mix(in oklch, var(--testimonial-accent) 9%, var(--testimonial-card-bg)) !important;
  box-shadow:
    inset 0 1px 0 oklch(100% 0 0 / .055),
    inset 0 0 0 1px color-mix(in oklch, var(--testimonial-accent) 10%, transparent),
    0 1.7rem 4.8rem oklch(0% 0 0 / .36);
  transform: translateY(-2px);
}

#home,
.hero-section,
.hero-yamai-stage {
  overflow-anchor: none;
}

#home [data-testid="hero-background"] video,
.hero-section [data-testid="hero-background"] video {
  overflow-anchor: none;
  height: calc(100% + 28svh) !important;
  max-width: none !important;
  object-position: 50% 28% !important;
  transform: translateY(-23svh) scale(1.065);
  transform-origin: 50% 50%;
}

.hero-yamai-word {
  position: relative;
  display: inline-block;
  padding-bottom: clamp(2.6rem, 4.4vw, 3.85rem);
}

.hero-yamai-word::after {
  content: "执行交给它，审美你来定\A——你的修图伴侣，已就位——";
  position: absolute;
  left: 50%;
  bottom: clamp(-1.18rem, -.92vw, -.78rem);
  width: max-content;
  max-width: min(86vw, 42rem);
  transform: translateX(-50%);
  color: oklch(89% .012 230 / .78);
  font-size: clamp(1rem, 1.45vw, 1.45rem);
  font-weight: 520;
  letter-spacing: .18em;
  line-height: 1.54;
  text-align: center;
  text-shadow: 0 .6rem 1.4rem oklch(0% 0 0 / .55), 0 0 1.4rem oklch(68% .18 255 / .18);
  white-space: pre-line;
}

@media (max-width: 640px) {
  .hero-yamai-word {
    padding-bottom: 2.65rem;
  }

  .hero-yamai-word::after {
    bottom: -.98rem;
    letter-spacing: .08em;
  }
}

.testimonial-card.testimonial-card--social h3 {
  color: color-mix(in oklch, var(--testimonial-accent) 6%, var(--foreground));
  text-shadow: none;
}

.testimonial-card.testimonial-card--social .rounded-full.border.border-border\/45 {
  border-color: color-mix(in oklch, var(--testimonial-accent) 18%, transparent) !important;
  background: color-mix(in oklch, var(--testimonial-accent) 7%, oklch(8% .01 260 / .62));
  color: color-mix(in oklch, var(--testimonial-accent) 18%, oklch(86% .01 84));
}

.testimonial-card.testimonial-card--social > div:first-of-type {
  padding-right: min(9rem, 44%);
}

.testimonial-social-link {
  --testimonial-social-delay: 0s;
  position: absolute;
  top: 1.125rem;
  right: 1.125rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 2.125rem;
  border: 1px solid color-mix(in oklch, var(--testimonial-accent) 22%, oklch(100% 0 0 / .1));
  border-radius: 999px;
  background: color-mix(in oklch, var(--testimonial-accent) 8%, oklch(6.5% .006 260 / .78));
  color: color-mix(in oklch, var(--testimonial-accent) 16%, oklch(93% .006 84));
  padding: 0 .7rem;
  font-size: .75rem;
  font-weight: 760;
  line-height: 1;
  cursor: pointer;
  pointer-events: auto;
  text-decoration: none;
  touch-action: manipulation;
  user-select: none;
  white-space: nowrap;
  box-shadow:
    0 0 0 1px oklch(100% 0 0 / .03),
    0 .75rem 1.875rem oklch(0% 0 0 / .18);
  transition:
    border-color .16s ease,
    background-color .16s ease,
    box-shadow .16s ease,
    color .16s ease;
}

.testimonial-social-link::before {
  content: "";
  position: absolute;
  inset: -.34rem -.28rem;
  border-radius: inherit;
}

.testimonial-social-link > * {
  pointer-events: none;
}

.testimonial-social-link:hover,
.testimonial-social-link:focus-visible {
  border-color: color-mix(in oklch, var(--testimonial-accent) 34%, oklch(100% 0 0 / .14));
  background: color-mix(in oklch, var(--testimonial-accent) 12%, oklch(8.5% .01 260 / .9));
  color: white;
  box-shadow:
    0 1rem 2.125rem oklch(0% 0 0 / .24);
  outline: none;
}

.testimonial-social-link:focus-visible {
  outline: 3px solid color-mix(in oklch, var(--testimonial-accent) 18%, transparent);
  outline-offset: 3px;
}

.testimonial-social-dot-wrap {
  position: relative;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: .58rem;
  height: .58rem;
}

.testimonial-social-dot-wrap::before {
  content: "";
  position: absolute;
  width: 1.05rem;
  height: 1.05rem;
  border: 1px solid color-mix(in oklch, var(--testimonial-accent) 28%, transparent);
  border-radius: 50%;
  opacity: 0;
  animation: yamai-social-pulse 3.2s ease-out infinite;
  animation-delay: var(--testimonial-social-delay);
}

.testimonial-social-dot {
  width: .44rem;
  height: .44rem;
  border-radius: 50%;
  background: color-mix(in oklch, var(--testimonial-accent) 58%, white);
  box-shadow: 0 0 .9rem color-mix(in oklch, var(--testimonial-accent) 24%, transparent);
  animation: yamai-social-hop 3.2s cubic-bezier(.22, 1, .36, 1) infinite;
  animation-delay: var(--testimonial-social-delay);
}

.testimonial-social-arrow {
  color: color-mix(in oklch, var(--testimonial-accent) 26%, white);
}

.yamai-testimonial-card {
  display: flex;
  flex-direction: column;
}

.yamai-testimonial-avatar {
  background: color-mix(in oklch, var(--testimonial-accent) 6%, oklch(8% .012 260 / .78));
  border-color: color-mix(in oklch, var(--testimonial-accent) 22%, transparent) !important;
  box-shadow:
    0 0 0 1px color-mix(in oklch, var(--testimonial-accent) 10%, transparent),
    0 .9rem 1.75rem oklch(0% 0 0 / .22);
}

.yamai-testimonial-quote {
  display: -webkit-box;
  min-height: 8.75rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.testimonials-marquee-track.testimonials-marquee-track--anchor-controlled {
  animation: none !important;
  transform: translate3d(var(--testimonials-anchor-x, 0px), 0, 0) !important;
  transition: transform .52s cubic-bezier(.22, 1, .36, 1);
}

.testimonials-marquee-track.testimonials-marquee-track--anchor-resume {
  animation-name: testimonials-marquee-from-anchor !important;
  animation-duration: var(--testimonials-marquee-duration-current, var(--testimonials-marquee-duration, 42s)) !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
}

@keyframes testimonials-marquee-from-anchor {
  0% {
    transform: translate3d(var(--testimonials-anchor-x, 0px), 0, 0);
  }

  100% {
    transform: translate3d(calc(var(--testimonials-anchor-x, 0px) - 50% - (var(--testimonials-marquee-gap) / 2)), 0, 0);
  }
}

.testimonials-marquee-viewport {
  touch-action: pan-y;
}

.testimonials-anchor-nav {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(.32rem, 1vw, .5rem);
  width: max-content;
  max-width: min(100%, 34rem);
  margin: clamp(.35rem, 1.7vw, .95rem) auto 0;
  padding: .42rem .3rem .2rem;
  touch-action: none;
  user-select: none;
}

.testimonials-anchor-nav::before {
  content: "";
  position: absolute;
  left: .7rem;
  right: .7rem;
  top: 50%;
  height: 1px;
  border-radius: 999px;
  background: color-mix(in oklch, var(--testimonial-accent, oklch(78% .065 220)) 18%, oklch(92% .012 230 / .18));
  opacity: .34;
  transform: translateY(-50%);
}

.testimonials-anchor {
  position: relative;
  z-index: 1;
  display: block;
  width: clamp(1.35rem, 4vw, 2.25rem);
  height: 1.42rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

.testimonials-anchor .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  margin: -1px;
  padding: 0;
}

.testimonials-anchor__line {
  position: absolute;
  left: .14rem;
  right: .14rem;
  top: 50%;
  height: 2px;
  border-radius: 999px;
  background: oklch(84% .012 230 / .44);
  opacity: .56;
  transform: translateY(-50%) scaleX(.52);
  transform-origin: center;
  transition:
    background .2s ease,
    box-shadow .2s ease,
    opacity .2s ease,
    transform .2s cubic-bezier(.22, 1, .36, 1);
}

.testimonials-anchor:hover .testimonials-anchor__line,
.testimonials-anchor:focus-visible .testimonials-anchor__line {
  background: color-mix(in oklch, var(--testimonial-accent, oklch(78% .065 220)) 34%, oklch(94% .01 230));
  opacity: .9;
  transform: translateY(-50%) scaleX(.82);
  box-shadow: 0 0 .75rem color-mix(in oklch, var(--testimonial-accent, oklch(78% .065 220)) 22%, transparent);
}

.testimonials-anchor[aria-current="true"] .testimonials-anchor__line {
  background: color-mix(in oklch, var(--testimonial-accent, oklch(78% .065 220)) 52%, oklch(96% .01 230));
  opacity: 1;
  transform: translateY(-50%) scaleX(1);
  box-shadow:
    0 0 .9rem color-mix(in oklch, var(--testimonial-accent, oklch(78% .065 220)) 34%, transparent),
    0 0 0 1px color-mix(in oklch, var(--testimonial-accent, oklch(78% .065 220)) 14%, transparent);
}

.testimonials-anchor:focus-visible {
  outline: 2px solid color-mix(in oklch, var(--testimonial-accent, oklch(78% .065 220)) 24%, transparent);
  outline-offset: 2px;
}

@keyframes yamai-social-hop {
  0%,
  72%,
  100% {
    transform: translateY(0) scale(1);
  }

  78% {
    transform: translateY(-3px) scale(1.08);
  }

  84% {
    transform: translateY(0) scale(.96);
  }

  90% {
    transform: translateY(-1px) scale(1.02);
  }
}

@keyframes yamai-social-pulse {
  0%,
  70%,
  100% {
    opacity: 0;
    transform: scale(.82);
  }

  78% {
    opacity: .72;
    transform: scale(1);
  }

  96% {
    opacity: 0;
    transform: scale(1.42);
  }
}

@media (prefers-reduced-motion: reduce) {
  .testimonial-social-dot,
  .testimonial-social-dot-wrap::before {
    animation: none;
  }

  .testimonials-marquee-track.testimonials-marquee-track--anchor-controlled,
  .testimonials-anchor__line {
    transition: none;
  }
}

#client-reveal-heading {
  white-space: pre-line;
  text-wrap: balance;
}

.client-reveal-section .section-header__title {
  max-width: min(46rem, 50vw);
  padding-left: clamp(1.05rem, 1.7vw, 1.45rem);
  border-left: 1px solid oklch(78% .09 210 / .32);
  font-size: clamp(2.05rem, 2.72vw, 3.25rem) !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-shadow:
    0 .85rem 2rem oklch(0% 0 0 / .38),
    0 0 1.6rem oklch(74% .12 200 / .08);
}

.client-reveal-section .section-header__title::first-line {
  color: oklch(98% .006 84);
}

.client-reveal-section .section-header__title::before {
  content: "80% \4EA4\7ED9\6548\7387 / 20% \7559\7ED9\5BA1\7F8E";
  display: block;
  width: max-content;
  max-width: 100%;
  margin-bottom: clamp(.8rem, 1.4vw, 1.1rem);
  border: 1px solid oklch(78% .09 210 / .22);
  border-radius: 999px;
  background: oklch(11% .012 245 / .58);
  color: oklch(82% .05 210 / .82);
  padding: .42rem .68rem;
  font-size: clamp(.72rem, .78vw, .86rem);
  font-weight: 680;
  line-height: 1;
  text-shadow: none;
}

#client-reveal-heading {
  display: grid;
  gap: clamp(.42rem, .75vw, .78rem);
  justify-items: start;
  white-space: normal;
}

.client-reveal-section .section-header__title {
  position: relative;
  max-width: min(52rem, 54vw);
  padding-block: clamp(1.1rem, 2.1vw, 1.65rem);
  padding-left: 0;
  border-left: 0;
  font-size: clamp(2.15rem, 2.95vw, 3.55rem) !important;
  line-height: 1.06 !important;
  text-shadow:
    0 1rem 2.2rem oklch(0% 0 0 / .42),
    0 0 1.8rem oklch(72% .11 205 / .1);
}

.client-reveal-section .section-header__title::before,
.client-reveal-section .section-header__title::after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  pointer-events: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  background: linear-gradient(90deg, oklch(84% .12 205 / .72), oklch(100% 0 0 / 0));
}

.client-reveal-section .section-header__title::before {
  top: 0;
  width: clamp(4.5rem, 11vw, 9rem);
  height: 2px;
}

.client-reveal-section .section-header__title::after {
  bottom: 0;
  width: clamp(9rem, 19vw, 16rem);
  height: 1px;
  opacity: .46;
}

.client-reveal-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  border: 1px solid oklch(78% .08 205 / .22);
  border-radius: 999px;
  background: oklch(12% .012 235 / .48);
  color: oklch(84% .05 205 / .82);
  padding: .42rem .76rem;
  font-size: clamp(.74rem, .8vw, .88rem);
  font-weight: 680;
  line-height: 1;
  letter-spacing: .06em;
  text-shadow: none;
}

.client-reveal-line {
  display: block;
}

.client-reveal-line--lead {
  color: oklch(95% .006 84 / .9);
  font-weight: 620;
}

.client-reveal-line--accent {
  position: relative;
  width: fit-content;
  color: oklch(99% .006 84);
  font-size: clamp(3rem, 4.8vw, 5.65rem);
  font-weight: 820;
  letter-spacing: 0 !important;
  line-height: .95;
}

.client-reveal-line--accent::after {
  content: "";
  position: absolute;
  left: calc(100% + clamp(.9rem, 1.7vw, 1.55rem));
  top: 52%;
  width: clamp(3.8rem, 8vw, 8.5rem);
  height: 1px;
  background: linear-gradient(90deg, oklch(86% .1 205 / .55), oklch(100% 0 0 / 0));
}

.client-reveal-detail {
  display: grid;
  gap: .28rem;
  max-width: min(39rem, 100%);
  margin-top: clamp(.42rem, .9vw, .72rem);
  color: oklch(86% .012 230 / .72);
  font-size: clamp(1rem, 1.18vw, 1.22rem);
  font-weight: 460;
  line-height: 1.58;
}

.client-reveal-detail > span {
  display: block;
}

.client-reveal-detail strong {
  color: oklch(88% .1 205 / .96);
  padding-inline: .1em;
  font-size: 1.28em;
  font-weight: 820;
  text-shadow: 0 0 1.1rem oklch(68% .17 205 / .16);
}

.client-workflow-slide__description {
  white-space: pre-line;
}

.client-workflow-description-line {
  display: block;
}

.client-workflow-description-line--single {
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
}

@media (max-width: 480px) {
  .client-workflow-description-line--single {
    font-size: clamp(.78rem, 3.25vw, .92rem);
  }
}

.client-workflow-slide__title > span {
  display: block;
}

.client-workflow-slide__title > span + span {
  margin-top: .16em;
  color: oklch(88% .012 230 / .78);
  font-size: .88em;
  font-weight: 560;
}

.kinetic-summary {
  overflow: visible;
}

.kinetic-copy {
  --kinetic-accent: oklch(78% .13 210);
  position: relative;
  display: inline-block;
  isolation: isolate;
  vertical-align: baseline;
}

.client-workflow-title-line.kinetic-copy {
  width: max-content;
  max-width: 100%;
}

.kinetic-copy__text,
.kinetic-speed-word,
.kinetic-char {
  position: relative;
  z-index: 1;
}

.kinetic-char {
  display: inline-block;
  transform: translate(var(--char-x, 0), var(--char-y, 0)) rotate(var(--char-r, 0deg)) scale(.94);
  opacity: .18;
  filter: blur(.08em);
  transition:
    transform .86s cubic-bezier(.18, 1.18, .22, 1),
    opacity .62s ease,
    filter .72s ease;
  transition-delay: var(--char-delay, 0ms);
}

.kinetic-copy.is-motion-visible .kinetic-char {
  transform: translate(0, 0) rotate(0deg) scale(1);
  opacity: 1;
  filter: blur(0);
}

.kinetic-copy--scatter::before {
  content: "";
  position: absolute;
  inset: -.26em -.42em;
  z-index: -1;
  border-radius: 999px;
  background:
    radial-gradient(circle at 18% 52%, oklch(82% .16 205 / .2), transparent 24%),
    radial-gradient(circle at 82% 42%, oklch(78% .12 170 / .15), transparent 28%);
  opacity: 0;
  transform: scale(.72);
  transition: opacity .7s ease .16s, transform .8s cubic-bezier(.18, 1, .22, 1) .16s;
}

.kinetic-copy--scatter.is-motion-visible::before {
  opacity: 1;
  transform: scale(1);
}

.kinetic-copy--press {
  transform-origin: 50% 58%;
}

.kinetic-copy--press.is-motion-visible {
  animation: yamai-kinetic-press .96s cubic-bezier(.18, 1.08, .22, 1) .06s both;
}

.kinetic-copy--press::before,
.kinetic-copy--press::after,
.kinetic-copy--tap::before,
.kinetic-copy--tap::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 52%;
  z-index: -1;
  width: 1.8em;
  height: 1.8em;
  border: 1px solid oklch(78% .14 205 / .42);
  border-radius: 999px;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.3);
}

.kinetic-copy--press.is-motion-visible::before,
.kinetic-copy--tap.is-motion-visible::before {
  animation: yamai-kinetic-ripple 1.16s cubic-bezier(.2, .7, .22, 1) .12s both;
}

.kinetic-copy--press.is-motion-visible::after,
.kinetic-copy--tap.is-motion-visible::after {
  animation: yamai-kinetic-ripple 1.16s cubic-bezier(.2, .7, .22, 1) .28s both;
}

.kinetic-copy--steam {
  padding-right: 1.65em;
}

.kinetic-steam {
  position: absolute;
  right: .12em;
  top: -1.32em;
  width: 1.1em;
  height: 1.55em;
  opacity: 0;
  pointer-events: none;
  border-left: .11em solid oklch(94% .06 86 / .72);
  border-radius: 999px;
  filter: drop-shadow(0 0 .48rem oklch(84% .12 78 / .36));
}

.kinetic-steam::before,
.kinetic-steam::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: .24em;
  height: 1.18em;
  border-left: .12em solid oklch(94% .08 80 / .78);
  border-radius: 999px;
  filter: blur(.35px);
}

.kinetic-steam::before {
  left: .26em;
  transform: rotate(10deg);
}

.kinetic-steam::after {
  right: .1em;
  height: 1.04em;
  transform: rotate(-12deg);
}

.kinetic-copy--steam.is-motion-visible .kinetic-steam {
  animation: yamai-kinetic-steam 2.25s ease-in-out .08s infinite;
}

.kinetic-copy--speed {
  white-space: nowrap;
}

.kinetic-speed-word {
  display: inline-block;
  color: oklch(92% .08 205 / .98);
  transform: skewX(-7deg);
}

.kinetic-speed-word::before,
.kinetic-speed-word::after {
  content: "";
  position: absolute;
  top: 52%;
  right: calc(100% + .08em);
  width: 0;
  height: .08em;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, oklch(82% .13 205 / .78));
  opacity: 0;
  transform: translateY(-50%);
}

.kinetic-speed-word::after {
  top: 70%;
  height: .055em;
}

.kinetic-copy--speed.is-motion-visible .kinetic-speed-word::before {
  animation: yamai-kinetic-speed-line .84s cubic-bezier(.18, 1, .22, 1) .16s both;
}

.kinetic-copy--speed.is-motion-visible .kinetic-speed-word::after {
  animation: yamai-kinetic-speed-line .84s cubic-bezier(.18, 1, .22, 1) .24s both;
}

.kinetic-copy--walk,
.kinetic-copy--person-walk {
  color: oklch(94% .006 84 / .96);
}

.kinetic-copy--person-walk {
  --person-travel: calc(100% - .86em);
  padding-inline: .02em;
}

.kinetic-person-source,
.kinetic-person-destination {
  position: relative;
  z-index: 2;
  display: inline-block;
}

.kinetic-person-source {
  text-shadow: 0 0 .9rem oklch(82% .12 205 / .22);
}

.kinetic-person-destination {
  opacity: 0;
  transform: scale(.82);
}

.kinetic-copy--person-walk::before {
  content: "";
  position: absolute;
  left: .04em;
  right: .04em;
  bottom: -.18em;
  z-index: -1;
  height: .1em;
  border-radius: 999px;
  background: linear-gradient(90deg, oklch(82% .14 205 / .58), oklch(82% .14 205 / .16), transparent);
  opacity: 0;
  transform: scaleX(.08);
  transform-origin: 0 50%;
}

.kinetic-copy--person-walk::after {
  content: "\4EBA";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  color: oklch(92% .08 205 / .94);
  opacity: 0;
  transform: translateX(0) translateY(.06em) scale(.92);
  text-shadow:
    0 .08rem .2rem oklch(0% 0 0 / .55),
    0 0 1rem oklch(78% .16 205 / .48);
}

.kinetic-copy--person-walk.is-motion-visible::before {
  animation: yamai-kinetic-person-path 1.35s ease .1s both;
}

.kinetic-copy--person-walk.is-motion-visible::after {
  animation: yamai-kinetic-person-clone 1.65s cubic-bezier(.18, .9, .18, 1) .14s both;
}

.kinetic-copy--person-walk.is-motion-visible .kinetic-person-destination {
  animation: yamai-kinetic-person-arrive .42s ease 1.42s both;
}

.kinetic-copy--walk::before {
  content: "";
  position: absolute;
  left: .12em;
  right: .2em;
  bottom: -.18em;
  z-index: -1;
  height: .08em;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, oklch(80% .12 205 / .52), transparent);
  opacity: 0;
  transform: scaleX(.2);
  transform-origin: 0 50%;
}

.kinetic-copy--walk::after {
  content: "\4EBA";
  position: absolute;
  left: 0;
  bottom: .02em;
  color: oklch(88% .08 205 / .72);
  opacity: 0;
  transform: translateX(0) translateY(.18em) scale(.78);
  text-shadow: 0 0 1rem oklch(80% .14 205 / .38);
}

.kinetic-copy--walk.is-motion-visible::before {
  animation: yamai-kinetic-path .9s ease .08s both;
}

.kinetic-copy--walk.is-motion-visible::after {
  animation: yamai-kinetic-walk 1.28s cubic-bezier(.18, .82, .16, 1) .06s both;
}

.kinetic-copy--glow.is-motion-visible {
  animation: yamai-kinetic-glow 1.5s ease both;
}

.kinetic-copy--repair .kinetic-char {
  opacity: .7;
  filter: none;
  clip-path: polygon(0 0, 100% 0, 100% 38%, 72% 38%, 72% 57%, 100% 57%, 100% 100%, 0 100%, 0 72%, 42% 72%, 42% 52%, 0 52%);
  transform: translateY(.08em) skewX(-2deg);
  color: oklch(84% .018 235 / .82);
  text-shadow: .08em 0 0 oklch(0% 0 0 / .32);
  transition-delay: calc(.46s + var(--char-delay, 0ms));
}

.kinetic-copy--repair.is-motion-visible .kinetic-char {
  clip-path: inset(0 0 0 0);
  transform: translateY(0) skewX(0deg);
  color: inherit;
  opacity: 1;
  text-shadow: none;
}

.kinetic-copy--tap {
  padding-inline: .1em;
  color: oklch(88% .1 205 / .98);
}

.kinetic-copy--tap-soft {
  color: oklch(90% .09 82 / .98);
}

.kinetic-copy--restore-trigger {
  padding: .04em .22em .06em;
  border-radius: .42em;
  color: oklch(92% .1 205 / .98);
  background: oklch(74% .13 205 / .1);
  box-shadow: inset 0 0 0 1px oklch(82% .12 205 / .24);
}

.kinetic-copy--restore-trigger::before,
.kinetic-copy--restore-trigger::after,
.kinetic-copy--atmosphere-trigger::before,
.kinetic-copy--atmosphere-trigger::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  border-radius: 999px;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.24);
}

.kinetic-copy--restore-trigger::before {
  width: 1.9em;
  height: 1.9em;
  border: 1px solid oklch(84% .14 205 / .72);
}

.kinetic-copy--restore-trigger::after {
  width: .52em;
  height: .52em;
  background: oklch(88% .13 205 / .62);
  box-shadow:
    .68em -.24em 0 -.14em oklch(88% .1 205 / .46),
    1.08em .18em 0 -.18em oklch(88% .1 205 / .38);
}

.kinetic-copy--restore-trigger.is-motion-visible {
  animation: yamai-kinetic-restore-press .72s cubic-bezier(.18, 1, .22, 1) both;
}

.kinetic-copy--restore-trigger.is-motion-visible::before {
  animation: yamai-kinetic-restore-ring 1.05s cubic-bezier(.2, .76, .22, 1) .08s both;
}

.kinetic-copy--restore-trigger.is-motion-visible::after {
  animation: yamai-kinetic-restore-sparks .92s ease .18s both;
}

.kinetic-copy--assemble {
  word-break: keep-all;
  white-space: nowrap;
  color: oklch(94% .014 84);
}

.kinetic-copy--assemble .kinetic-char {
  opacity: .38;
  filter: none;
  transform: translate(var(--char-x, 0), var(--char-y, 0)) rotate(var(--char-r, 0deg)) scale(.92);
}

.kinetic-copy--assemble.is-motion-visible .kinetic-char {
  opacity: 1;
  filter: none;
  transform: translate(0, 0) rotate(0deg) scale(1);
}

.kinetic-copy--assemble::before {
  content: "";
  position: absolute;
  inset: -.18em -.28em;
  z-index: -1;
  border-radius: .52em;
  background:
    linear-gradient(90deg, transparent 0 20%, oklch(80% .13 205 / .2) 20% 28%, transparent 28% 46%, oklch(86% .12 82 / .16) 46% 54%, transparent 54%),
    radial-gradient(circle at 80% 50%, oklch(78% .16 330 / .13), transparent 36%);
  opacity: 0;
  transform: scaleX(.28);
  transform-origin: 50% 50%;
}

.kinetic-copy--assemble.is-motion-visible::before {
  animation: yamai-kinetic-assemble-plate 1.1s cubic-bezier(.18, 1, .22, 1) .18s both;
}

.kinetic-copy--tone {
  font-weight: 760;
  background: linear-gradient(90deg, oklch(88% .12 28), oklch(90% .13 96), oklch(82% .13 190), oklch(88% .13 320));
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.kinetic-copy--tone.is-motion-visible {
  animation: yamai-kinetic-tone 1.8s ease both;
}

.kinetic-copy--sharpen {
  font-weight: 760;
  filter: blur(.18em);
  opacity: .55;
}

.kinetic-copy--sharpen.is-motion-visible {
  animation: yamai-kinetic-sharpen 1.05s cubic-bezier(.18, 1, .22, 1) both;
}

.kinetic-copy--atmosphere-trigger {
  padding: .04em .24em .07em;
  border-radius: .42em;
  color: oklch(94% .09 84 / .98);
  background: linear-gradient(120deg, oklch(86% .11 76 / .14), oklch(72% .13 220 / .1));
}

.kinetic-copy--atmosphere-trigger::before {
  width: 2.2em;
  height: 2.2em;
  background:
    radial-gradient(circle, oklch(92% .12 78 / .7) 0 8%, transparent 9%),
    radial-gradient(circle, transparent 34%, oklch(88% .11 80 / .42) 36%, transparent 52%);
}

.kinetic-copy--atmosphere-trigger::after {
  width: 3.1em;
  height: 1.35em;
  border-radius: 999px;
  background:
    radial-gradient(circle at 20% 50%, oklch(95% .03 230 / .42), transparent 28%),
    radial-gradient(circle at 56% 50%, oklch(90% .12 78 / .5), transparent 24%),
    radial-gradient(circle at 84% 46%, oklch(96% .02 250 / .42), transparent 24%);
  filter: blur(.5px);
}

.kinetic-copy--atmosphere-trigger.is-motion-visible {
  animation: yamai-kinetic-atmosphere-press .82s cubic-bezier(.18, 1, .22, 1) both;
}

.kinetic-copy--atmosphere-trigger.is-motion-visible::before {
  animation: yamai-kinetic-atmosphere-ring 1.25s cubic-bezier(.18, 1, .22, 1) .08s both;
}

.kinetic-copy--atmosphere-trigger.is-motion-visible::after {
  animation: yamai-kinetic-atmosphere-cloud 1.45s ease .2s both;
}

.kinetic-copy--texture::before {
  content: "";
  position: absolute;
  inset: -.22em -.34em;
  z-index: -1;
  border-radius: .45em;
  background:
    radial-gradient(circle at 28% 30%, oklch(94% .12 82 / .34), transparent 28%),
    radial-gradient(circle at 75% 58%, oklch(82% .14 36 / .22), transparent 30%),
    linear-gradient(120deg, oklch(76% .13 38 / .28), transparent 58%);
  opacity: 0;
  transform: scale(.86);
}

.kinetic-copy--texture.is-motion-visible::before {
  animation: yamai-kinetic-texture 1.14s cubic-bezier(.18, 1, .22, 1) .5s both;
}

@keyframes yamai-kinetic-press {
  0% { transform: translateY(0) scale(1); }
  28% { transform: translateY(.08em) scale(.965); }
  62% { transform: translateY(-.03em) scale(1.035); }
  100% { transform: translateY(0) scale(1); }
}

@keyframes yamai-kinetic-ripple {
  0% { opacity: .58; transform: translate(-50%, -50%) scale(.18); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(2.45); }
}

@keyframes yamai-kinetic-steam {
  0% { opacity: 0; transform: translateY(.34em) translateX(0) scale(.82); }
  22% { opacity: 1; }
  58% { opacity: .9; transform: translateY(-.36em) translateX(.08em) scale(1.08); }
  100% { opacity: 0; transform: translateY(-1.08em) translateX(-.06em) scale(1.28); }
}

@keyframes yamai-kinetic-speed-line {
  0% { width: 0; opacity: 0; transform: translate(.35em, -50%); }
  35% { opacity: .78; }
  100% { width: 1.4em; opacity: 0; transform: translate(-.42em, -50%); }
}

@keyframes yamai-kinetic-path {
  0% { opacity: 0; transform: scaleX(.1); }
  100% { opacity: 1; transform: scaleX(1); }
}

@keyframes yamai-kinetic-person-path {
  0% { opacity: 0; transform: scaleX(.08); }
  38% { opacity: .75; }
  100% { opacity: .46; transform: scaleX(1); }
}

@keyframes yamai-kinetic-person-clone {
  0% { opacity: 0; transform: translateX(0) translateY(.06em) scale(.92); }
  10% { opacity: .95; transform: translateX(.08em) translateY(.01em) scale(.95); }
  74% { opacity: .95; transform: translateX(var(--person-travel)) translateY(-.04em) scale(1); }
  100% { opacity: 0; transform: translateX(var(--person-travel)) translateY(0) scale(1); }
}

@keyframes yamai-kinetic-person-arrive {
  0% { opacity: 0; transform: scale(.72); filter: blur(.05em); }
  72% { opacity: 1; transform: scale(1.16); filter: blur(0); }
  100% { opacity: 1; transform: scale(1); filter: blur(0); }
}

@keyframes yamai-kinetic-walk {
  0% { opacity: 0; transform: translateX(0) translateY(.18em) scale(.78); }
  18% { opacity: .88; }
  78% { opacity: .88; }
  100% { opacity: 0; transform: translateX(calc(100% - .18em)) translateY(-.02em) scale(.98); }
}

@keyframes yamai-kinetic-glow {
  0% { text-shadow: 0 0 0 oklch(88% .12 205 / 0); filter: saturate(.9); }
  48% { text-shadow: 0 0 1.35rem oklch(82% .14 205 / .42); filter: saturate(1.25); }
  100% { text-shadow: 0 0 .48rem oklch(82% .1 205 / .16); filter: saturate(1); }
}

@keyframes yamai-kinetic-material-a {
  0% { opacity: 0; transform: translate(-.8em, -.36em) rotate(-14deg) scale(.78); }
  62% { opacity: .8; transform: translate(.32em, .02em) rotate(3deg) scale(1); }
  100% { opacity: 0; transform: translate(.48em, .08em) rotate(0deg) scale(.82); }
}

@keyframes yamai-kinetic-material-b {
  0% { opacity: 0; transform: translate(.8em, .34em) rotate(12deg) scale(.78); }
  62% { opacity: .75; transform: translate(-.18em, -.03em) rotate(-2deg) scale(1); }
  100% { opacity: 0; transform: translate(-.34em, -.08em) rotate(0deg) scale(.82); }
}

@keyframes yamai-kinetic-restore-press {
  0% { transform: translateY(0) scale(1); }
  32% { transform: translateY(.08em) scale(.94); }
  100% { transform: translateY(0) scale(1); }
}

@keyframes yamai-kinetic-restore-ring {
  0% { opacity: .82; transform: translate(-50%, -50%) scale(.22); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(2.35); }
}

@keyframes yamai-kinetic-restore-sparks {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.2) rotate(0deg); }
  28% { opacity: 1; }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(2.1) rotate(18deg); }
}

@keyframes yamai-kinetic-fusion {
  0% { opacity: 0; transform: scaleX(.1); }
  45% { opacity: .9; }
  100% { opacity: 1; transform: scaleX(1); }
}

@keyframes yamai-kinetic-assemble-plate {
  0% { opacity: 0; transform: scaleX(.28) scaleY(.72); }
  52% { opacity: .82; transform: scaleX(1.04) scaleY(1); }
  100% { opacity: .62; transform: scaleX(1) scaleY(1); }
}

@keyframes yamai-kinetic-tone {
  0% { background-position: 0% 50%; filter: saturate(.7); }
  100% { background-position: 100% 50%; filter: saturate(1.2); }
}

@keyframes yamai-kinetic-sharpen {
  0% { opacity: .48; filter: blur(.18em); transform: translateY(.08em); }
  100% { opacity: 1; filter: blur(0); transform: translateY(0); }
}

@keyframes yamai-kinetic-atmosphere-press {
  0% { transform: translateY(0) scale(1); }
  30% { transform: translateY(.08em) scale(.94); }
  62% { transform: translateY(-.03em) scale(1.04); }
  100% { transform: translateY(0) scale(1); }
}

@keyframes yamai-kinetic-atmosphere-ring {
  0% { opacity: .95; transform: translate(-50%, -50%) scale(.2); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(2.6); }
}

@keyframes yamai-kinetic-atmosphere-cloud {
  0% { opacity: 0; transform: translate(-50%, -28%) scale(.52); filter: blur(.6px); }
  36% { opacity: .95; }
  100% { opacity: 0; transform: translate(-50%, -92%) scale(1.22); filter: blur(1.3px); }
}

@keyframes yamai-kinetic-texture {
  0% { opacity: 0; transform: scale(.86); }
  42% { opacity: 1; transform: scale(1.12); }
  100% { opacity: .82; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .kinetic-copy,
  .kinetic-copy *,
  .kinetic-copy::before,
  .kinetic-copy::after {
    animation: none !important;
    transition: none !important;
    filter: none !important;
    transform: none !important;
    opacity: 1 !important;
    clip-path: none !important;
  }
}

.client-workflow-slide__eyebrow {
  display: none !important;
}

.client-workflow-slide__chips {
  display: none !important;
}

#portrait-retouching .section-header__description,
#scene-restoration .section-header__description,
#image-composition .section-header__description,
#reference-generation .section-header__description,
#upscale-outpaint .section-header__description,
#atmosphere-effects .section-header__description {
  max-width: min(56rem, calc(100vw - 2rem));
  margin-top: clamp(.7rem, 1.6vw, 1rem);
  color: oklch(92% .006 84 / .86);
  font-size: clamp(1.08rem, 1.65vw, 1.55rem);
  font-weight: 540;
  line-height: 1.48;
  text-wrap: balance;
}

#portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"],
#portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"],
#portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] {
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  height: auto !important;
}

@media (min-width: 1024px) {
  #portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"],
  #portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"],
  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] {
    grid-row: auto !important;
    align-self: start;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] {
    grid-column: span 4 !important;
  }
}

@media (max-width: 420px) {
  .testimonial-card.testimonial-card--social > div:first-of-type {
    padding-right: 6.75rem;
  }

  .testimonial-social-link {
    right: 1rem;
    max-width: 6.6rem;
    padding-inline: .62rem;
  }
}

.testimonials-marquee-track:hover,
.testimonials-marquee-track:focus-within,
.testimonials-marquee-track.testimonials-marquee-track--interactive-pause {
  animation-play-state: paused !important;
}

/* 2026-06-04 testimonials return resume */
@media (hover: none), (pointer: coarse) {
  .testimonials-marquee-track.testimonials-marquee-track--return-resume {
    animation-play-state: running !important;
  }
}

@media (max-width: 767px) {
  .client-workflow__stage[data-mobile-workflow="true"] {
    gap: clamp(1.35rem, 7vw, 2.25rem);
  }

  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide {
    animation: none;
    min-height: auto;
    scroll-margin-top: 5.25rem;
    transition:
      opacity .34s cubic-bezier(.22, 1, .36, 1),
      transform .38s cubic-bezier(.22, 1, .36, 1),
      filter .38s cubic-bezier(.22, 1, .36, 1);
  }

  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__inner {
    min-height: auto;
    padding-block: clamp(2.4rem, 10vw, 4rem);
  }

  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__copy,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-mockup-wrap,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__eyebrow,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__title,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__description,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__chips {
    transition:
      opacity .32s cubic-bezier(.22, 1, .36, 1),
      transform .38s cubic-bezier(.22, 1, .36, 1),
      filter .38s cubic-bezier(.22, 1, .36, 1);
  }

  .client-workflow-slide[data-mobile-state="active"] {
    opacity: 1;
    filter: none;
    transform: translateY(0) scale(1);
  }

  .client-workflow-slide[data-mobile-state="active"] .client-workflow-slide__copy,
  .client-workflow-slide[data-mobile-state="active"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-mobile-state="active"] .client-workflow-slide__eyebrow,
  .client-workflow-slide[data-mobile-state="active"] .client-workflow-slide__title,
  .client-workflow-slide[data-mobile-state="active"] .client-workflow-slide__description,
  .client-workflow-slide[data-mobile-state="active"] .client-workflow-slide__chips {
    opacity: 1;
    filter: none;
    transform: translate(0) scale(1);
  }

  .client-workflow-slide[data-mobile-state="next"] {
    opacity: .58;
    filter: saturate(.9) brightness(.72);
    transform: translateY(18px) scale(.968);
  }

  .client-workflow-slide[data-mobile-state="next"] .client-workflow-slide__copy {
    opacity: .62;
    transform: translateY(10px);
  }

  .client-workflow-slide[data-mobile-state="next"] .client-workflow-slide__eyebrow,
  .client-workflow-slide[data-mobile-state="next"] .client-workflow-slide__title,
  .client-workflow-slide[data-mobile-state="next"] .client-workflow-slide__description,
  .client-workflow-slide[data-mobile-state="next"] .client-workflow-slide__chips {
    opacity: .68;
    transform: translateY(6px);
  }

  .client-workflow-slide[data-mobile-state="next"] .client-workflow-mockup-wrap {
    opacity: .52;
    filter: saturate(.86) brightness(.68);
    transform: translateY(18px) scale(.965);
  }

  .client-workflow-slide[data-mobile-state="next"] .client-workflow-mockup-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background:
      linear-gradient(180deg, oklch(100% 0 0 / .06), transparent 32%),
      radial-gradient(circle at 50% 20%, oklch(68% .205 255 / .14), transparent 54%);
    opacity: .2;
    animation: yamai-client-preview-breathe 3.8s ease-in-out infinite;
  }

  .client-workflow-slide[data-mobile-state="previous"] {
    opacity: .34;
    filter: saturate(.78) brightness(.62);
    transform: translateY(-12px) scale(.982);
  }

  .client-workflow-slide[data-mobile-state="distant"] {
    opacity: .28;
    filter: saturate(.72) brightness(.56);
    transform: translateY(14px) scale(.972);
  }
}

@media (max-width: 900px) {
  .client-reveal-section .section-header__title {
    max-width: min(100%, 42rem);
  }

  .client-reveal-line--accent::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .client-workflow__stage {
    gap: clamp(2.3rem, 9vw, 3.4rem) !important;
  }

  .client-workflow-slide,
  .client-workflow-slide[data-mobile-state],
  .client-workflow-slide__inner,
  .client-workflow-slide__copy,
  .client-workflow-slide__eyebrow,
  .client-workflow-slide__title,
  .client-workflow-slide__description,
  .client-workflow-slide__chips,
  .client-workflow-mockup-wrap,
  .client-workflow-slide[data-mobile-state] .client-workflow-slide__copy,
  .client-workflow-slide[data-mobile-state] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-mobile-state] .client-workflow-slide__eyebrow,
  .client-workflow-slide[data-mobile-state] .client-workflow-slide__title,
  .client-workflow-slide[data-mobile-state] .client-workflow-slide__description,
  .client-workflow-slide[data-mobile-state] .client-workflow-slide__chips {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }

  .client-workflow-slide__inner {
    min-height: auto !important;
    padding-block: clamp(2.8rem, 10vw, 4.2rem) !important;
  }

  .client-workflow-mockup-wrap::after {
    content: none !important;
    display: none !important;
    animation: none !important;
  }
}

@keyframes yamai-client-preview-breathe {
  0%,
  100% {
    opacity: .18;
  }

  50% {
    opacity: .3;
  }
}

@media (prefers-reduced-motion: reduce) {
  .client-workflow-slide,
  .client-workflow-slide__copy,
  .client-workflow-slide__eyebrow,
  .client-workflow-slide__title,
  .client-workflow-slide__description,
  .client-workflow-slide__chips,
  .client-workflow-mockup-wrap,
  .client-workflow-mockup-wrap::after {
    transition: none !important;
    animation: none !important;
  }

  .client-workflow-slide[data-mobile-state],
  .client-workflow-slide[data-mobile-state] .client-workflow-slide__copy,
  .client-workflow-slide[data-mobile-state] .client-workflow-mockup-wrap {
    opacity: 1;
    filter: none;
    transform: none;
  }
}

@media (min-width: 1024px) {
  body:has(a[aria-current="page"][href="/download"]) h1 {
    width: max-content;
    max-width: min(76rem, calc(100vw - 42rem));
    white-space: nowrap;
    font-size: clamp(3rem, 3.3vw, 3.7rem) !important;
    line-height: 1.08 !important;
  }
}

@media (min-width: 1280px) {
  body:has(a[aria-current="page"][href="/download"]) h1 {
    max-width: min(78rem, calc(100vw - 34rem));
  }
}

[data-testid="reference-desktop-selector"] {
  overflow: visible !important;
}

[data-testid="reference-desktop-workbench"] {
  overflow: visible !important;
}

[data-testid="reference-card-scroller"] {
  overflow: visible !important;
  padding: .48rem 1.35rem .75rem;
  margin: .38rem 0 -.75rem !important;
}

.reference-selector-card {
  isolation: isolate;
}

.reference-selector-card::after {
  inset: -1px !important;
}

.reference-transfer-workbench::before,
.reference-fusion-stage::before {
  background-size: 100% 100% !important;
  opacity: .5;
}

.reference-transfer-workbench::before {
  background:
    linear-gradient(90deg, transparent 0 21%, oklch(74% .07 230 / .055) 21% calc(21% + 1px), transparent calc(21% + 1px) 78%, oklch(74% .07 230 / .045) 78% calc(78% + 1px), transparent calc(78% + 1px)),
    linear-gradient(180deg, transparent 0 31%, oklch(74% .07 230 / .05) 31% calc(31% + 1px), transparent calc(31% + 1px) 72%, oklch(74% .07 230 / .035) 72% calc(72% + 1px), transparent calc(72% + 1px)),
    radial-gradient(circle at 52% 42%, oklch(68% .14 255 / .065), transparent 42rem) !important;
  -webkit-mask-image: radial-gradient(ellipse at 50% 48%, #000 0 42%, transparent 78%) !important;
  mask-image: radial-gradient(ellipse at 50% 48%, #000 0 42%, transparent 78%) !important;
}

.reference-fusion-stage::before {
  background:
    linear-gradient(90deg, transparent 0 34%, oklch(76% .08 238 / .07) 34% calc(34% + 1px), transparent calc(34% + 1px) 67%, oklch(76% .08 238 / .055) 67% calc(67% + 1px), transparent calc(67% + 1px)),
    linear-gradient(180deg, transparent 0 22%, oklch(76% .08 238 / .045) 22% calc(22% + 1px), transparent calc(22% + 1px) 78%, oklch(76% .08 238 / .04) 78% calc(78% + 1px), transparent calc(78% + 1px)),
    radial-gradient(circle at 58% 46%, color-mix(in oklch, var(--reference-accent) 11%, transparent), transparent 32rem) !important;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 10% 90%, transparent) !important;
  mask-image: linear-gradient(90deg, transparent, #000 10% 90%, transparent) !important;
}

.pricing-section {
  scroll-margin-top: 8rem;
  background:
    linear-gradient(180deg, oklch(4.8% .004 260), oklch(3.1% .003 260) 48%, oklch(4.2% .004 260)) !important;
}

.pricing-section .soft-glow {
  display: none;
}

.pricing-section .section-header {
  margin-bottom: clamp(2.35rem, 4vw, 3.4rem) !important;
}

.pricing-section .section-header__title {
  max-width: 66rem;
  margin-inline: auto;
  color: oklch(96% .004 84) !important;
  font-size: clamp(1.95rem, 3.35vw, 3.25rem) !important;
  font-weight: 580 !important;
  line-height: 1.12 !important;
  text-wrap: balance;
  text-shadow: none !important;
}

.pricing-section [data-testid="pricing-plan-grid"] {
  align-items: stretch;
  gap: clamp(.75rem, 1.15vw, 1rem) !important;
}

.pricing-card {
  --pricing-accent: oklch(78% .13 184);
  --pricing-accent-soft: oklch(78% .13 184 / .1);
  position: relative;
  border-radius: .5rem !important;
  border-color: oklch(92% .006 250 / .12) !important;
  background: oklch(7.3% .006 260 / .82) !important;
  box-shadow:
    inset 0 1px 0 oklch(100% 0 0 / .055),
    0 .7rem 1.6rem oklch(0% 0 0 / .24) !important;
  min-height: clamp(28.2rem, 39vw, 31.5rem);
  overflow: hidden;
  padding: clamp(1.18rem, 1.55vw, 1.42rem) !important;
  transform: translateZ(0);
  transition:
    border-color .22s ease,
    background-color .22s ease,
    box-shadow .22s ease,
    transform .22s ease !important;
}

.pricing-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--pricing-accent), transparent) !important;
  opacity: .38 !important;
}

.pricing-card::after {
  display: none !important;
}

.pricing-card:hover {
  border-color: oklch(88% .018 230 / .2) !important;
  background: oklch(8.6% .007 260 / .92) !important;
  box-shadow:
    inset 0 1px 0 oklch(100% 0 0 / .075),
    0 .9rem 2rem oklch(0% 0 0 / .3) !important;
  transform: translateY(-.08rem) !important;
}

.pricing-card[data-featured="true"] {
  --pricing-accent: oklch(82% .14 178);
  --pricing-accent-soft: oklch(82% .14 178 / .12);
  border-color: oklch(82% .13 178 / .44) !important;
  background:
    linear-gradient(180deg, oklch(9.6% .01 234 / .95), oklch(6.8% .006 260 / .98)) !important;
  box-shadow:
    inset 0 1px 0 oklch(100% 0 0 / .08),
    0 .95rem 2.1rem oklch(0% 0 0 / .32),
    0 0 0 1px oklch(82% .14 178 / .08) !important;
}

.pricing-card__top {
  position: static;
  min-height: 0;
  margin-bottom: .35rem;
}

.pricing-card__icon {
  display: none !important;
}

.pricing-card[data-featured="true"] .pricing-card__icon {
  color: oklch(88% .09 178) !important;
  border-color: oklch(82% .14 178 / .38) !important;
  background: oklch(82% .14 178 / .085) !important;
}

.pricing-card__recommended,
.pricing-card__discount {
  min-height: 1.6rem;
  border-radius: 999px !important;
  background: oklch(100% 0 0 / .045) !important;
  border-color: oklch(100% 0 0 / .09) !important;
  color: oklch(84% .012 245 / .86) !important;
  font-size: .7rem !important;
  font-weight: 650 !important;
  box-shadow: none !important;
}

.pricing-card__discount {
  position: absolute !important;
  top: clamp(6.25rem, 8vw, 6.9rem) !important;
  right: clamp(1rem, 1.35vw, 1.25rem) !important;
  left: auto !important;
  z-index: 3;
  background: oklch(82% .14 178 / .12) !important;
  border-color: oklch(82% .14 178 / .28) !important;
  color: oklch(90% .07 178) !important;
}

.pricing-card__recommended {
  top: .9rem !important;
  right: .9rem !important;
  background: oklch(82% .14 178 / .15) !important;
  border-color: oklch(82% .14 178 / .34) !important;
  color: oklch(91% .08 178) !important;
}

.pricing-card[data-featured="true"] .pricing-card__discount {
  margin-right: 0 !important;
}

.pricing-card__heading {
  margin-top: .35rem !important;
}

.pricing-card__heading h3 {
  font-size: clamp(1.22rem, 1.55vw, 1.42rem) !important;
  font-weight: 680 !important;
  line-height: 1.15 !important;
}

.pricing-card__heading p {
  color: oklch(78% .012 244 / .68) !important;
  line-height: 1.55 !important;
}

.pricing-card__price-block {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  column-gap: .58rem;
  row-gap: .22rem;
  min-height: 5.75rem !important;
  margin-top: 1.05rem !important;
  padding: 1.05rem 0 .9rem;
}

.pricing-card__price-block::before,
.pricing-card__price-block::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: oklch(100% 0 0 / .075);
}

.pricing-card__price-block::before {
  top: 0;
}

.pricing-card__price-block::after {
  bottom: 0;
}

.pricing-card__original-price {
  flex: 0 0 auto;
  order: 1;
  margin-bottom: 0 !important;
  min-height: 1.1rem;
  color: oklch(72% .012 244 / .45) !important;
}

.pricing-card__price,
.pricing-card__consult {
  font-size: clamp(1.95rem, 2.7vw, 2.45rem) !important;
  font-variant-numeric: tabular-nums;
  line-height: .94 !important;
  letter-spacing: 0 !important;
  color: oklch(97% .006 84) !important;
  text-shadow: none !important;
}

.pricing-card__price-block > div:not(.pricing-card__original-price).flex {
  flex: 0 1 auto;
  order: 2;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
}

.pricing-card__price-block > div:not(.pricing-card__original-price).flex > span:last-child {
  flex: 0 0 auto;
  padding-bottom: .25rem !important;
  color: oklch(86% .012 244 / .72);
  font-size: .86rem !important;
  white-space: nowrap;
}

.pricing-card__price-block:has(.pricing-card__original-price) {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
  justify-content: start;
  column-gap: .72rem;
}

.pricing-card__price-block:has(.pricing-card__original-price) .pricing-card__original-price,
.pricing-card__price-block:has(.pricing-card__original-price) > div:not(.pricing-card__original-price).flex {
  grid-row: 1;
}

.pricing-card__price-block:has(.pricing-card__original-price) .pricing-card__original-price {
  grid-column: 1;
}

.pricing-card__price-block:has(.pricing-card__original-price) > div:not(.pricing-card__original-price).flex {
  grid-column: 2;
  display: inline-flex !important;
  align-items: center !important;
}

.pricing-card__price-block:has(.pricing-card__original-price) > div:not(.pricing-card__original-price).flex > span:last-child {
  padding-bottom: 0 !important;
}

.pricing-card__price-block:has(.pricing-card__original-price) .text-primary\/90 {
  grid-column: 1 / -1;
}

.pricing-card__consult {
  font-size: clamp(2rem, 3vw, 2.52rem) !important;
  line-height: 1.02 !important;
}

.pricing-card__price-block .text-primary\/90 {
  flex: 0 0 100%;
  order: 3;
  color: oklch(82% .12 178) !important;
  font-weight: 650;
}

.pricing-benefits-desktop {
  align-content: start;
  gap: .58rem !important;
  margin-top: .92rem !important;
}

.pricing-benefits-desktop > ul {
  gap: .38rem !important;
}

.pricing-benefit {
  align-items: start;
  gap: .46rem !important;
  min-height: 1.35rem;
  padding-block: .04rem;
  color: oklch(86% .01 245 / .86) !important;
  font-size: .78rem !important;
  line-height: 1.38 !important;
}

.pricing-benefit svg {
  width: .78rem !important;
  height: .78rem !important;
  margin-top: .2rem !important;
  color: oklch(78% .12 178) !important;
  filter: none;
}

.pricing-benefit--muted {
  color: oklch(68% .01 245 / .32) !important;
}

.pricing-benefit--muted svg {
  color: oklch(68% .02 245 / .32) !important;
  filter: none;
}

@media (min-width: 1280px) {
  .pricing-section [data-testid="pricing-plan-grid"] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .pricing-section {
    scroll-margin-top: 6rem;
  }

  .pricing-card {
    min-height: auto;
    padding: 1.15rem !important;
  }

  .pricing-card__price-block {
    min-height: 5.65rem !important;
  }
}

/* 2026-06-04 pricing hover-only luminous card pass */
.pricing-section [data-testid="pricing-plan-grid"] {
  counter-reset: yamai-pricing-card;
}

.pricing-card {
  --pricing-hover-aura: color-mix(in oklch, var(--pricing-accent) 42%, transparent);
  counter-increment: yamai-pricing-card;
  isolation: isolate;
  border-color: oklch(92% .006 250 / .1) !important;
  background:
    linear-gradient(180deg, oklch(7.2% .006 260 / .9), oklch(5.8% .005 260 / .96)) !important;
  box-shadow:
    inset 0 1px 0 oklch(100% 0 0 / .045),
    0 .72rem 1.55rem oklch(0% 0 0 / .22) !important;
}

.pricing-card[data-featured="true"] {
  border-color: oklch(92% .006 250 / .13) !important;
  background:
    linear-gradient(180deg, oklch(7.8% .007 252 / .94), oklch(5.9% .005 260 / .98)) !important;
  box-shadow:
    inset 0 1px 0 oklch(100% 0 0 / .05),
    0 .72rem 1.55rem oklch(0% 0 0 / .24) !important;
}

.pricing-card > * {
  position: relative;
  z-index: 2;
}

.pricing-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0;
  height: auto !important;
  pointer-events: none;
  opacity: 0 !important;
  background:
    linear-gradient(118deg, transparent 0 43%, color-mix(in oklch, var(--pricing-accent) 20%, transparent) 49%, transparent 58%),
    radial-gradient(ellipse at 92% 22%, color-mix(in oklch, var(--pricing-accent) 24%, transparent), transparent 44%),
    repeating-linear-gradient(-28deg, oklch(100% 0 0 / .032) 0 1px, transparent 1px 6px) !important;
  transform: translate3d(-1.35rem, .75rem, 0) scale(1.025);
  transition:
    opacity .22s cubic-bezier(.22, 1, .36, 1),
    transform .28s cubic-bezier(.22, 1, .36, 1) !important;
}

.pricing-card::after {
  content: counter(yamai-pricing-card, decimal-leading-zero) !important;
  display: block !important;
  position: absolute;
  top: clamp(.78rem, 1.2vw, 1.05rem);
  right: clamp(.85rem, 1.45vw, 1.2rem);
  z-index: 1;
  pointer-events: none;
  color: transparent;
  -webkit-text-stroke: 1px oklch(84% .12 178 / .12);
  font-size: clamp(3.7rem, 5.8vw, 5.45rem);
  font-weight: 760;
  line-height: .78;
  letter-spacing: 0;
  opacity: .22 !important;
  transform: translate3d(.35rem, -.12rem, 0);
  transition:
    opacity .2s cubic-bezier(.22, 1, .36, 1),
    -webkit-text-stroke-color .2s cubic-bezier(.22, 1, .36, 1),
    transform .28s cubic-bezier(.22, 1, .36, 1) !important;
}

@media (hover: hover) and (pointer: fine) {
  .pricing-card:hover,
  .pricing-card:focus-within {
    border-color: color-mix(in oklch, var(--pricing-accent) 54%, oklch(100% 0 0 / .16)) !important;
    background:
      linear-gradient(180deg, oklch(8.8% .008 252 / .95), oklch(6.2% .006 260 / .98)) !important;
    box-shadow:
      inset 0 1px 0 oklch(100% 0 0 / .08),
      inset 0 0 0 1px color-mix(in oklch, var(--pricing-accent) 12%, transparent),
      0 1rem 2rem oklch(0% 0 0 / .34),
      0 0 2.7rem color-mix(in oklch, var(--pricing-accent) 16%, transparent) !important;
    transform: translateY(-.1rem) !important;
  }

  .pricing-card:hover::before,
  .pricing-card:focus-within::before {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1);
  }

  .pricing-card:hover::after,
  .pricing-card:focus-within::after {
    -webkit-text-stroke-color: color-mix(in oklch, var(--pricing-accent) 44%, transparent);
    opacity: .78 !important;
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pricing-card,
  .pricing-card::before,
  .pricing-card::after {
    transition: none !important;
  }
}

/* 2026-06-04 pricing clean hover alignment pass */
.pricing-section [data-testid="pricing-plan-grid"] {
  counter-reset: none !important;
}

.pricing-card {
  counter-increment: none !important;
}

.pricing-card::before,
.pricing-card:hover::before,
.pricing-card:focus-within::before {
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
  transform: none !important;
}

.pricing-card::after,
.pricing-card:hover::after,
.pricing-card:focus-within::after {
  content: "" !important;
  display: none !important;
  opacity: 0 !important;
}

.pricing-card__recommended {
  position: absolute !important;
  top: clamp(.95rem, 1.15vw, 1.12rem) !important;
  right: clamp(.95rem, 1.25vw, 1.18rem) !important;
  left: auto !important;
  z-index: 4;
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 1.38rem !important;
  align-items: center;
  justify-content: center;
  padding: .22rem .68rem !important;
  border-radius: 999px !important;
  background: oklch(82% .14 178 / .15) !important;
  border-color: oklch(82% .14 178 / .34) !important;
  color: oklch(91% .08 178) !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.pricing-card[data-featured="true"] .pricing-card__heading {
  padding-right: clamp(4.5rem, 7vw, 5.3rem);
}

.pricing-card__price-block,
.pricing-card__price-block:has(.pricing-card__original-price) {
  min-height: 5.75rem !important;
  margin-top: 1.05rem !important;
  padding: 1.05rem 0 .9rem !important;
}

.pricing-card__price-block:has(.pricing-card__original-price) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  column-gap: .72rem !important;
  row-gap: .18rem !important;
}

.pricing-card__price-block:has(.pricing-card__original-price) .pricing-card__original-price,
.pricing-card__price-block:has(.pricing-card__original-price) > div:not(.pricing-card__original-price).flex {
  grid-column: auto !important;
  grid-row: auto !important;
}

.pricing-card__price-block:has(.pricing-card__original-price) .pricing-card__original-price {
  flex: 0 0 auto !important;
  order: 1 !important;
  transform: translateY(-.08rem);
}

.pricing-card__price-block:has(.pricing-card__original-price) > div:not(.pricing-card__original-price).flex {
  flex: 0 1 auto !important;
  order: 2 !important;
  display: inline-flex !important;
  align-items: baseline !important;
}

.pricing-card__price-block:has(.pricing-card__original-price) > div:not(.pricing-card__original-price).flex > span:last-child {
  padding-bottom: .25rem !important;
}

.pricing-card__price-block:has(.pricing-card__original-price) .text-primary\/90 {
  flex: 0 0 100% !important;
  order: 3 !important;
  grid-column: auto !important;
}

/* 2026-06-05 pricing subscription note and download CTA */
#root .pricing-section__postscript {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(.9rem, 1.45vw, 1.1rem);
  margin-top: clamp(1.7rem, 3vw, 2.6rem);
  text-align: center;
}

#root .pricing-section__usage-note {
  max-width: min(58rem, 100%);
  color: oklch(82% .012 244 / .62);
  font-size: clamp(.78rem, .86vw, .9rem);
  line-height: 1.72;
}

#root .pricing-section__download-cta {
  position: relative;
  isolation: isolate;
  display: inline-grid;
  grid-template-rows: auto .0625rem;
  justify-items: center;
  min-width: clamp(12.75rem, 17vw, 16.5rem);
  min-height: 2.34rem;
  padding: .18rem .12rem .52rem;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: oklch(91% .015 205 / .84);
  font-size: clamp(.88rem, .92vw, .96rem);
  font-weight: 680;
  line-height: 1.12;
  text-decoration: none !important;
  text-shadow: 0 0 0 oklch(82% .12 184 / 0);
  box-shadow: none;
  transition:
    color 180ms cubic-bezier(.22, 1, .36, 1),
    text-shadow 180ms cubic-bezier(.22, 1, .36, 1),
    transform 180ms cubic-bezier(.22, 1, .36, 1);
}

#root .pricing-section__download-cta::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: .18rem;
  z-index: -1;
  width: 84%;
  height: .7rem;
  border-radius: 999px;
  background: radial-gradient(ellipse at 50% 50%, oklch(78% .13 184 / .28), transparent 68%);
  opacity: 0;
  filter: blur(.34rem);
  transform: translateX(-50%) scaleX(.72);
  transition:
    opacity 220ms cubic-bezier(.22, 1, .36, 1),
    transform 220ms cubic-bezier(.22, 1, .36, 1);
}

#root .pricing-section__download-cta::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: .58rem;
  background:
    linear-gradient(90deg, transparent, oklch(78% .12 184 / .5) 18%, oklch(86% .1 192 / .68) 50%, oklch(78% .12 184 / .5) 82%, transparent);
  opacity: .72;
  box-shadow: 0 0 0 oklch(78% .13 184 / 0);
  transform: scaleX(.82);
  transform-origin: 50% 50%;
  transition:
    opacity 220ms cubic-bezier(.22, 1, .36, 1),
    box-shadow 220ms cubic-bezier(.22, 1, .36, 1),
    transform 220ms cubic-bezier(.22, 1, .36, 1);
}

#root .pricing-section__download-cta:hover,
#root .pricing-section__download-cta:focus-visible {
  color: oklch(96% .024 190 / .98);
  text-shadow: 0 0 1.25rem oklch(80% .13 184 / .42);
  transform: translateY(-.04rem);
}

#root .pricing-section__download-cta:hover::before,
#root .pricing-section__download-cta:focus-visible::before {
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}

#root .pricing-section__download-cta:hover::after,
#root .pricing-section__download-cta:focus-visible::after {
  opacity: 1;
  box-shadow:
    0 0 .72rem oklch(78% .13 184 / .36),
    0 0 1.55rem oklch(78% .13 184 / .22);
  transform: scaleX(1);
}

#root .pricing-section__download-cta:focus-visible {
  outline: 2px solid oklch(88% .13 178 / .62);
  outline-offset: .42rem;
}

@media (max-width: 767px) {
  #root .pricing-section__postscript {
    align-items: stretch;
    margin-top: 1.35rem;
  }

  #root .pricing-section__usage-note {
    text-align: left;
  }

  #root .pricing-section__download-cta {
    width: min(100%, 18rem);
    align-self: center;
  }
}

.closing-brand-footer[data-yamai-footer-brand="masthead"] {
  background:
    radial-gradient(circle at 50% 12%, oklch(16% .015 250 / .22), transparent 34rem),
    linear-gradient(180deg, oklch(4.6% .004 260), oklch(3.2% .004 260) 54%, oklch(4.8% .004 260));
  min-height: auto;
  padding-top: clamp(4.5rem, 7vw, 6.4rem);
  padding-bottom: clamp(2rem, 4vw, 3rem);
}

.closing-brand-footer[data-yamai-footer-brand="masthead"]::before {
  display: none;
}

.closing-brand-footer[data-yamai-footer-brand="masthead"] .closing-brand-footer__brand-backdrop {
  z-index: 0;
}

.closing-brand-footer[data-yamai-footer-brand="masthead"] .closing-brand-footer__brand-backdrop .big-ghost-logo,
.closing-brand-footer[data-yamai-footer-brand="masthead"] .closing-brand-footer__brand-backdrop .closing-brand-footer__logo {
  display: none;
}

.closing-brand-footer[data-yamai-footer-brand="masthead"] .closing-brand-footer__glow {
  top: auto;
  bottom: 24%;
  height: clamp(13rem, 22vw, 20rem);
  opacity: .42;
}

.closing-brand-footer[data-yamai-footer-brand="masthead"] .closing-brand-footer__copy {
  padding-top: clamp(3.65rem, 5.6vw, 5.35rem);
}

.closing-brand-footer[data-yamai-footer-brand="masthead"] .closing-brand-footer__content {
  z-index: 3;
}

.closing-brand-footer__contact-details {
  min-width: min(17.5rem, 100%);
}

.closing-brand-footer__contact-details > * {
  align-items: flex-start;
  line-height: 1.45;
}

.closing-brand-footer__cta-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: clamp(1.15rem, 2.8vw, 2.45rem);
  isolation: isolate;
  position: relative;
}

.closing-brand-footer__cta-row > a {
  position: relative;
  z-index: 2;
}

.closing-brand-footer__masthead-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1.1rem, 1.8vw, 1.65rem);
  color: oklch(94% .006 84 / .68);
  left: 50%;
  line-height: 1;
  opacity: .68;
  pointer-events: none;
  position: absolute;
  top: clamp(7.3rem, 14vw, 11rem);
  transform: translate(-50%, -50%);
  z-index: 1;
  white-space: nowrap;
  filter: saturate(.86) contrast(.95) blur(.1px);
  mix-blend-mode: screen;
}

.closing-brand-footer__masthead-brand img {
  width: clamp(6rem, 9.8vw, 10rem);
  height: clamp(6rem, 9.8vw, 10rem);
  object-fit: contain;
  opacity: .34;
  background: transparent !important;
  box-shadow: none !important;
}

.closing-brand-footer__masthead-brand span {
  align-self: center;
  font-size: clamp(3.5rem, 6.8vw, 6.75rem);
  font-weight: 820;
  letter-spacing: 0;
  opacity: .7;
}

@media (min-width: 1024px) {
  .closing-brand-footer[data-yamai-footer-brand="masthead"] .closing-brand-footer__links-grid {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr)
      minmax(0, 1fr)
      minmax(15.5rem, 1.36fr)
      minmax(0, .95fr) !important;
  }
}

@media (max-width: 767px) {
  .closing-brand-footer[data-yamai-footer-brand="masthead"] {
    padding-top: 4rem;
  }

  .closing-brand-footer[data-yamai-footer-brand="masthead"] .closing-brand-footer__copy {
    padding-top: 2.75rem;
  }

  .closing-brand-footer__hero-row {
    grid-template-columns: 1fr !important;
  }

  .closing-brand-footer__cta-row {
    justify-content: center !important;
    text-align: center;
    flex-wrap: wrap;
  }

  .closing-brand-footer__masthead-brand {
    justify-content: center;
    top: 7.6rem;
    transform: translate(-50%, -50%) scale(.64);
  }
}

#client-reveal-heading {
  gap: clamp(.5rem, .72vw, .72rem) !important;
}

.client-reveal-section .section-header__title {
  max-width: min(40rem, 48vw) !important;
  padding-block: clamp(.85rem, 1.6vw, 1.25rem) !important;
  font-size: clamp(1.74rem, 2.08vw, 2.72rem) !important;
  line-height: 1.17 !important;
}

.client-reveal-kicker {
  min-height: 1.78rem !important;
  padding: .34rem .68rem !important;
  font-size: clamp(.66rem, .72vw, .78rem) !important;
  letter-spacing: .035em !important;
}

.client-reveal-line--lead {
  max-width: 18em;
  font-size: clamp(1.82rem, 2.38vw, 3rem) !important;
  line-height: 1.13 !important;
}

.client-reveal-line--accent {
  margin-top: clamp(.08rem, .24vw, .2rem);
  font-size: clamp(2.28rem, 3.35vw, 4.05rem) !important;
  line-height: 1 !important;
}

.client-reveal-detail {
  display: flex !important;
  flex-wrap: wrap;
  gap: .5rem .68rem !important;
  margin-top: clamp(.52rem, .82vw, .78rem) !important;
  font-size: clamp(.88rem, .98vw, 1.08rem) !important;
  line-height: 1.32 !important;
}

.client-reveal-detail > span {
  display: inline-flex !important;
  align-items: center;
  min-height: 2.18rem;
  border: 1px solid oklch(78% .07 205 / .14);
  border-radius: 999px;
  background: oklch(10.5% .01 240 / .42);
  padding: .4rem .72rem;
}

.client-reveal-detail strong {
  font-size: 1.18em !important;
}

.client-workflow-slide__inner {
  max-width: min(1390px, calc(100vw - 3rem)) !important;
  gap: clamp(2rem, 4.6vw, 5.8rem) !important;
}

.client-workflow-slide__copy {
  position: relative;
  max-width: min(34rem, 100%) !important;
  padding-left: clamp(.85rem, 1.8vw, 1.45rem);
}

.client-workflow-slide__copy::before {
  content: "";
  position: absolute;
  left: 0;
  top: .22rem;
  width: 1px;
  height: clamp(4.75rem, 9vw, 8.25rem);
  background: linear-gradient(180deg, oklch(78% .16 225 / .7), oklch(78% .16 225 / 0));
}

.client-workflow-slide__meta {
  justify-content: flex-start !important;
  margin-bottom: clamp(1.5rem, 2.3vw, 2.25rem) !important;
}

.client-workflow-slide__title {
  max-width: 11.4em;
  color: oklch(96% .006 84);
  font-size: clamp(2.1rem, 3vw, 3.85rem) !important;
  font-weight: 760 !important;
  line-height: 1.12 !important;
  text-wrap: balance;
}

.client-workflow-slide__description {
  max-width: min(31rem, 100%) !important;
  margin-top: clamp(1rem, 1.45vw, 1.35rem) !important;
  color: oklch(86% .014 235 / .84) !important;
  font-size: clamp(.92rem, 1.02vw, 1.06rem) !important;
  font-weight: 440 !important;
  line-height: 1.82 !important;
  text-wrap: pretty;
}

.client-workflow-mockup-wrap {
  isolation: isolate;
  justify-self: end;
  width: min(100%, 55rem);
}

.client-workflow-mockup-wrap::before {
  content: "";
  position: absolute;
  inset: -10% -7%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 46% 44%, oklch(68% .2 225 / .18), transparent 42%),
    radial-gradient(circle at 74% 62%, oklch(60% .16 190 / .12), transparent 38%);
  filter: blur(1.2rem);
  opacity: .78;
}

.client-workflow-mockup-wrap::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg, oklch(0% 0 0 / .52), transparent 9%, transparent 91%, oklch(0% 0 0 / .52)),
    linear-gradient(180deg, oklch(0% 0 0 / .46), transparent 10%, transparent 88%, oklch(0% 0 0 / .48));
  border-radius: clamp(.5rem, .9vw, .9rem);
}

.client-workflow-mockup-wrap .client-mockup-panel {
  position: relative;
  z-index: 1;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: clamp(.5rem, .9vw, .9rem);
  background:
    radial-gradient(circle at 50% 45%, oklch(15% .018 230 / .92), oklch(3% .006 260 / .98) 72%),
    oklch(3.5% .006 260);
  box-shadow:
    0 2.2rem 5.8rem oklch(0% 0 0 / .44),
    0 0 0 1px oklch(72% .08 225 / .08);
}

.client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap {
  width: min(100%, 53.5rem);
}

.client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
.client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
.client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
  width: min(100%, 54.5rem);
}

#portrait-retouching [data-testid="portrait-retouching-bento"] {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  align-items: start !important;
  gap: clamp(.8rem, 1.4vw, 1.2rem) !important;
}

#portrait-retouching .retouch-card-edge {
  --retouch-copy-band: clamp(4.45rem, 5.1vw, 5.8rem);
  aspect-ratio: 1 / 1 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: start !important;
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(.7rem, 1vw, .95rem) !important;
  border-radius: clamp(1rem, 1.35vw, 1.35rem) !important;
}

#portrait-retouching .retouch-card-media {
  inset: clamp(.58rem, .9vw, .82rem) clamp(.58rem, .9vw, .82rem) var(--retouch-copy-band) clamp(.58rem, .9vw, .82rem) !important;
  border-radius: clamp(.78rem, 1.1vw, 1.05rem) !important;
}

#portrait-retouching .retouch-card-image {
  height: 100% !important;
  object-fit: cover;
  transform: none !important;
}

#portrait-retouching .retouch-card-edge[data-image-fit="portrait-contain"] .retouch-card-image {
  object-fit: contain !important;
  padding: 0 !important;
}

#portrait-retouching .retouch-card-overlay {
  background:
    linear-gradient(180deg, oklch(0% 0 0 / .05), transparent 48%, oklch(0% 0 0 / .22) 70%, oklch(0% 0 0 / .82)),
    radial-gradient(circle at 50% 34%, transparent, transparent 54%, oklch(0% 0 0 / .35)) !important;
}

#portrait-retouching .retouch-card-copy {
  min-height: calc(var(--retouch-copy-band) - clamp(.7rem, 1vw, .95rem)) !important;
  padding: clamp(.72rem, 1vw, .95rem) .15rem .1rem !important;
}

#portrait-retouching .retouch-card-copy h4 {
  max-width: 100%;
  font-size: clamp(1.02rem, 1.34vw, 1.48rem) !important;
  line-height: 1.12 !important;
  text-wrap: balance;
}

#portrait-retouching .retouch-card-state-chip {
  min-width: 3.4rem !important;
  padding: .36rem .58rem !important;
  font-size: .62rem !important;
}

@media (min-width: 1024px) {
  .client-workflow-slide__inner {
    grid-template-columns: minmax(19rem, .62fr) minmax(0, 1.38fr) !important;
  }
}

@media (max-width: 1279px) {
  #portrait-retouching [data-testid="portrait-retouching-bento"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .client-reveal-section .section-header__title {
    max-width: min(100%, 36rem) !important;
  }

  .client-workflow-slide__copy {
    padding-left: 0;
  }

  .client-workflow-slide__copy::before {
    display: none;
  }
}

@media (max-width: 767px) {
  .client-workflow-slide__inner {
    max-width: min(100%, calc(100vw - 2rem)) !important;
    gap: clamp(1.25rem, 6vw, 2rem) !important;
  }

  .client-workflow-slide__title {
    font-size: clamp(1.9rem, 8.4vw, 2.75rem) !important;
  }

  .client-workflow-slide__description {
    line-height: 1.72 !important;
  }

  .client-workflow-mockup-wrap {
    justify-self: center;
    width: 100%;
  }

  #portrait-retouching [data-testid="portrait-retouching-bento"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #portrait-retouching .retouch-card-edge {
    --retouch-copy-band: clamp(4.25rem, 18vw, 5.3rem);
    border-radius: 1rem !important;
  }

  #portrait-retouching .retouch-card-copy h4 {
    font-size: clamp(.98rem, 4.9vw, 1.28rem) !important;
  }
}

@media (max-width: 480px) {
  .client-reveal-detail > span {
    width: 100%;
    justify-content: center;
  }

  #portrait-retouching [data-testid="portrait-retouching-bento"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

.client-workflow-slide__copy,
.client-workflow-slide__eyebrow,
.client-workflow-slide__title,
.client-workflow-slide__description,
.client-workflow-slide__chips,
.client-workflow-mockup-wrap {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

.client-workflow-mockup-wrap {
  width: min(100%, 50rem) !important;
}

.client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
.client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
.client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
.client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
  width: min(100%, 50rem) !important;
}

#portrait-retouching .retouch-card-image--after {
  opacity: 1 !important;
  filter: saturate(1.06) contrast(1.02) brightness(1.12) !important;
}

#portrait-retouching .retouch-card-image--before {
  filter: saturate(1.02) contrast(1.02) brightness(1.02) !important;
}

#portrait-retouching .retouch-card-overlay {
  background:
    linear-gradient(180deg, oklch(0% 0 0 / .02), transparent 54%, oklch(0% 0 0 / .18) 70%, oklch(0% 0 0 / .68)),
    radial-gradient(circle at 50% 32%, transparent, transparent 60%, oklch(0% 0 0 / .24)) !important;
}

#portrait-retouching .retouch-card-edge {
  box-shadow:
    inset 0 1px 0 oklch(100% 0 0 / .08),
    0 1.2rem 2.6rem oklch(0% 0 0 / .28) !important;
}

@media (min-width: 1024px) {
  .client-workflow-slide__inner {
    max-width: min(1320px, calc(100vw - 8.5rem)) !important;
    padding-left: clamp(2.8rem, 4vw, 4.5rem) !important;
    padding-right: clamp(1.5rem, 2.8vw, 3rem) !important;
  }

  .client-workflow-slide__title {
    font-size: clamp(2rem, 2.65vw, 3.45rem) !important;
  }

  .client-workflow-slide__description {
    max-width: min(29rem, 100%) !important;
  }
}

@media (min-width: 1024px) {
  #portrait-retouching [data-testid="portrait-retouching-bento"] {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    grid-auto-rows: clamp(5.35rem, 6.25vw, 6.35rem) !important;
    align-items: stretch !important;
    gap: clamp(1rem, 1.45vw, 1.25rem) !important;
  }

  #portrait-retouching .retouch-card-edge {
    height: 100% !important;
    min-height: 0 !important;
    align-self: stretch !important;
    padding: clamp(1rem, 1.35vw, 1.35rem) !important;
    border-radius: clamp(1.45rem, 2vw, 2rem) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-one-click-dress-train-refinement"] {
    --retouch-copy-band: clamp(6.8rem, 9vw, 8.8rem);
    aspect-ratio: auto !important;
    grid-column: 1 / span 4 !important;
    grid-row: 1 / span 6 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-dodge-burn"] {
    --retouch-copy-band: clamp(6.8rem, 9vw, 8.8rem);
    aspect-ratio: auto !important;
    grid-column: 9 / span 4 !important;
    grid-row: 1 / span 6 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"] {
    --retouch-copy-band: clamp(4.6rem, 5.1vw, 5.25rem);
    aspect-ratio: 1 / 1 !important;
    grid-column: 5 / span 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
    height: auto !important;
    z-index: 1;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"] {
    --retouch-copy-band: clamp(4.6rem, 5.1vw, 5.25rem);
    aspect-ratio: 1 / 1 !important;
    grid-column: 7 / span 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
    height: auto !important;
    z-index: 1;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] {
    --retouch-copy-band: clamp(6.3rem, 7.4vw, 7.8rem);
    aspect-ratio: 1 / 1 !important;
    grid-column: 5 / span 4 !important;
    grid-row: 3 / span 4 !important;
    align-self: start !important;
    height: auto !important;
    z-index: 2;
  }

  #portrait-retouching .retouch-card-media {
    inset: 0 !important;
    border-radius: inherit !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"] .retouch-card-media,
  #portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"] .retouch-card-media {
    inset: 0 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-media {
    inset: clamp(.62rem, .9vw, .85rem) clamp(.62rem, .9vw, .85rem) calc(var(--retouch-copy-band) * .62) clamp(.62rem, .9vw, .85rem) !important;
    border-radius: clamp(.85rem, 1.2vw, 1.15rem) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"][data-image-fit="portrait-contain"] .retouch-card-image {
    object-fit: contain !important;
    padding: 0 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-copy {
    min-height: calc(var(--retouch-copy-band) * .72) !important;
    padding: clamp(.8rem, 1vw, 1rem) .25rem 0 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-copy h4 {
    font-size: clamp(2.2rem, 3vw, 3.25rem) !important;
    line-height: 1.02 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"] .retouch-card-copy h4,
  #portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"] .retouch-card-copy h4 {
    font-size: clamp(1.18rem, 1.4vw, 1.55rem) !important;
  }
}

#client-reveal-heading {
  gap: clamp(.45rem, .68vw, .68rem) !important;
}

.client-reveal-section .section-header__title {
  max-width: min(34rem, 42vw) !important;
  padding-block: 0 !important;
  text-shadow: 0 .8rem 1.9rem oklch(0% 0 0 / .34) !important;
}

.client-reveal-section .section-header__title::before,
.client-reveal-section .section-header__title::after,
.client-reveal-line--accent::after {
  display: none !important;
}

.client-reveal-kicker {
  min-height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: oklch(76% .13 220 / .82) !important;
  padding: 0 !important;
  font-size: clamp(.78rem, .82vw, .9rem) !important;
  font-weight: 720 !important;
  letter-spacing: .08em !important;
}

.client-reveal-line--lead,
.client-reveal-line--accent {
  color: oklch(97% .006 84 / .95) !important;
  font-size: clamp(2rem, 2.75vw, 3.45rem) !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
}

.client-reveal-line--accent {
  margin-top: -.08em !important;
}

.client-reveal-detail {
  display: flex !important;
  flex-direction: column;
  gap: .42rem !important;
  margin-top: clamp(.85rem, 1.35vw, 1.25rem) !important;
  color: oklch(83% .014 235 / .76) !important;
  font-size: clamp(.92rem, 1.02vw, 1.04rem) !important;
  line-height: 1.45 !important;
}

.client-reveal-detail > span {
  min-height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.client-reveal__window {
  background: transparent !important;
  box-shadow: none !important;
  filter: brightness(.86) contrast(1.18) saturate(1.06) !important;
  mix-blend-mode: lighten;
  -webkit-mask-image: radial-gradient(ellipse at 50% 50%, #000 58%, rgba(0, 0, 0, .72) 78%, transparent 100%);
  mask-image: radial-gradient(ellipse at 50% 50%, #000 58%, rgba(0, 0, 0, .72) 78%, transparent 100%);
}

.client-workflow-slide__copy {
  max-width: min(33rem, 100%) !important;
  padding-left: 0 !important;
}

.client-workflow-slide__copy::before {
  display: none !important;
}

.client-workflow-slide__meta {
  margin-bottom: clamp(1.15rem, 1.8vw, 1.7rem) !important;
}

.client-workflow-slide__title {
  max-width: none !important;
  font-size: clamp(2.25rem, 2.8vw, 3.35rem) !important;
  font-weight: 740 !important;
  line-height: 1.08 !important;
}

.client-workflow-slide__title > span {
  display: block !important;
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
}

.client-workflow-slide__title > span + span {
  margin-top: .14em !important;
  color: oklch(97% .006 84 / .9) !important;
  font-size: 1em !important;
  font-weight: inherit !important;
}

.client-workflow-slide__description {
  max-width: min(33rem, 100%) !important;
  margin-top: clamp(1rem, 1.35vw, 1.25rem) !important;
  color: oklch(82% .013 235 / .8) !important;
  font-size: clamp(.95rem, 1.03vw, 1.08rem) !important;
  line-height: 1.82 !important;
}

.client-workflow-mockup-wrap,
.client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
.client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
.client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
.client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
  width: min(100%, 52rem) !important;
}

.client-workflow-mockup-wrap::before {
  opacity: .35 !important;
  background:
    radial-gradient(circle at 50% 48%, oklch(58% .17 210 / .14), transparent 44%),
    radial-gradient(circle at 74% 68%, oklch(58% .13 190 / .08), transparent 36%) !important;
}

.client-workflow-mockup-wrap::after {
  inset: -2px !important;
  background:
    radial-gradient(ellipse at 50% 50%, transparent 44%, oklch(0% 0 0 / .28) 76%, oklch(0% 0 0 / .74) 100%),
    linear-gradient(90deg, oklch(0% 0 0 / .62), transparent 11%, transparent 89%, oklch(0% 0 0 / .62)) !important;
  border-radius: 0 !important;
}

.client-workflow-mockup-wrap .client-mockup-panel {
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: brightness(.82) contrast(1.24) saturate(1.08) !important;
  mix-blend-mode: lighten;
  -webkit-mask-image: radial-gradient(ellipse at 50% 50%, #000 57%, rgba(0, 0, 0, .72) 78%, transparent 100%);
  mask-image: radial-gradient(ellipse at 50% 50%, #000 57%, rgba(0, 0, 0, .72) 78%, transparent 100%);
}

@media (min-width: 1024px) {
  .client-workflow-slide__inner {
    grid-template-columns: minmax(21rem, .7fr) minmax(0, 1.3fr) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"],
  #portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"] {
    z-index: 3;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] {
    width: min(86%, 22.5rem) !important;
    justify-self: center !important;
    margin-top: clamp(.35rem, .8vw, .7rem);
    z-index: 1;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-copy h4 {
    font-size: clamp(1.85rem, 2.45vw, 2.65rem) !important;
  }
}

@media (max-width: 767px) {
  .client-workflow-slide__title > span {
    width: auto;
    white-space: normal;
  }
}

.client-reveal-kicker {
  display: none !important;
}

.client-workflow-slide__copy {
  margin-left: clamp(-2.6rem, -2.2vw, -1.3rem) !important;
  max-width: min(29.5rem, 100%) !important;
}

.client-workflow-slide__title {
  font-size: clamp(1.98rem, 2.42vw, 3rem) !important;
  line-height: 1.1 !important;
}

.client-workflow-slide__description {
  max-width: min(28.5rem, 100%) !important;
  font-size: clamp(.9rem, .96vw, 1rem) !important;
  line-height: 1.76 !important;
}

.client-workflow-mockup-wrap,
.client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
.client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
.client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
.client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
  width: min(100%, 50rem) !important;
  justify-self: end !important;
}

.client-workflow-mockup-wrap .client-mockup-panel {
  opacity: .9;
  filter: brightness(.72) contrast(1.34) saturate(1.12) !important;
  -webkit-mask-image:
    linear-gradient(90deg, transparent 0%, #000 13%, #000 87%, transparent 100%),
    radial-gradient(ellipse at 50% 50%, #000 50%, rgba(0, 0, 0, .68) 72%, transparent 100%);
  mask-image:
    linear-gradient(90deg, transparent 0%, #000 13%, #000 87%, transparent 100%),
    radial-gradient(ellipse at 50% 50%, #000 50%, rgba(0, 0, 0, .68) 72%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

@media (min-width: 1024px) {
  .client-workflow-slide__inner {
    max-width: min(1280px, calc(100vw - 9.5rem)) !important;
    grid-template-columns: minmax(18.5rem, .58fr) minmax(0, 1.42fr) !important;
    column-gap: clamp(2.6rem, 4.8vw, 5.4rem) !important;
    padding-left: clamp(2.1rem, 3.2vw, 3.6rem) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] {
    width: min(70%, 18.25rem) !important;
    margin-top: clamp(2.1rem, 3.2vw, 3rem) !important;
    z-index: 0 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-media {
    inset: clamp(.52rem, .8vw, .7rem) clamp(.52rem, .8vw, .7rem) calc(var(--retouch-copy-band) * .66) clamp(.52rem, .8vw, .7rem) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-copy h4 {
    font-size: clamp(1.55rem, 2.08vw, 2.22rem) !important;
  }
}

@media (max-width: 767px) {
  .client-workflow-slide__copy {
    margin-left: 0 !important;
  }
}

@media (min-width: 1024px) {
  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] {
    width: min(90%, 23.5rem) !important;
    margin-top: clamp(1.1rem, 1.55vw, 1.45rem) !important;
    justify-self: center !important;
    z-index: 1 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-media {
    inset: clamp(.5rem, .7vw, .68rem) clamp(.5rem, .7vw, .68rem) calc(var(--retouch-copy-band) * .58) clamp(.5rem, .7vw, .68rem) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-copy {
    min-height: calc(var(--retouch-copy-band) * .64) !important;
    padding: clamp(.55rem, .78vw, .8rem) .2rem 0 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-copy h4 {
    font-size: clamp(1.82rem, 2.22vw, 2.42rem) !important;
    line-height: 1.02 !important;
    transform: translateY(-2.15rem);
  }
}

#reference-generation .reference-transfer-workbench::before {
  background:
    radial-gradient(circle at 52% 42%, oklch(68% .14 255 / .075), transparent 42rem) !important;
  opacity: .58 !important;
  background-size: 100% 100% !important;
}

#reference-generation .reference-fusion-stage::before {
  background:
    radial-gradient(circle at 58% 46%, color-mix(in oklch, var(--reference-accent) 12%, transparent), transparent 34rem) !important;
  opacity: .58 !important;
  background-size: 100% 100% !important;
}

#image-composition .composition-section__atmosphere::before {
  background: none !important;
  opacity: 0 !important;
}

#scene-restoration .scene-repair-section__ambient {
  background:
    radial-gradient(circle at 28% 24%, oklch(18% .018 240 / .24), transparent 34rem),
    radial-gradient(circle at 76% 70%, oklch(14% .012 220 / .2), transparent 32rem) !important;
  background-size: 100% 100% !important;
}

.client-workflow-mockup-wrap::after {
  opacity: 0 !important;
  background: none !important;
}

.client-workflow-mockup-wrap .client-mockup-panel {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

.client-story-anchor,
.client-reveal-section,
.client-workflow,
.client-workflow__stage,
.client-workflow-slide {
  --grid-line: transparent !important;
  background-image: none !important;
}

.client-story-anchor::before,
.client-story-anchor::after,
.client-reveal-section::before,
.client-reveal-section::after,
.client-workflow::before,
.client-workflow::after,
.client-workflow__stage::before,
.client-workflow__stage::after,
.client-workflow-slide::before,
.client-workflow-slide::after,
.client-workflow-slide__inner::before,
.client-workflow-slide__inner::after {
  background-image: none !important;
  opacity: 0 !important;
}

@media (min-width: 1024px) {
  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] {
    width: 100% !important;
    max-width: none !important;
    margin-top: 0 !important;
    justify-self: stretch !important;
    align-self: start !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    z-index: 1 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-copy h4 {
    transform: translateY(-2.45rem) !important;
  }
}

@media (max-width: 767px) {
  .client-reveal-section {
    display: block !important;
    min-height: auto !important;
    overflow: hidden !important;
    padding: clamp(3.8rem, 14vw, 5.8rem) 0 clamp(2.6rem, 11vw, 4.2rem) !important;
    border-top: 1px solid oklch(100% 0 0 / .08) !important;
    background:
      radial-gradient(circle at 18% 4%, oklch(60% .12 230 / .12), transparent 16rem),
      linear-gradient(180deg, oklch(7% .01 250) 0%, oklch(5.8% .008 250) 100%) !important;
  }

  .client-reveal-section .client-reveal__sticky {
    position: relative !important;
    min-height: auto !important;
  }

  .client-reveal-section .client-reveal__sticky > div {
    display: block !important;
    min-height: auto !important;
    max-width: none !important;
    width: 100% !important;
    padding: 0 clamp(1rem, 5vw, 1.35rem) !important;
  }

  .client-reveal-section .client-reveal__sticky > div > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(1.7rem, 7vw, 2.5rem) !important;
  }

  .client-reveal-section .section-header,
  .client-reveal-section [data-testid="section-header-client-reveal"] {
    align-items: flex-start !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  #client-reveal-heading,
  .client-reveal-section .section-header__title {
    max-width: min(100%, 27rem) !important;
    gap: clamp(.34rem, 1.5vw, .54rem) !important;
    text-align: left !important;
    text-wrap: balance !important;
  }

  .client-reveal-line--lead,
  .client-reveal-line--accent {
    display: block !important;
    color: oklch(98% .006 84 / .96) !important;
    font-size: clamp(2.08rem, 12.5vw, 3.45rem) !important;
    line-height: 1.02 !important;
  }

  .client-reveal-line--accent {
    color: oklch(88% .045 225 / .96) !important;
    margin-top: -.03em !important;
  }

  .client-reveal-detail {
    max-width: min(100%, 22rem) !important;
    margin-top: clamp(1.05rem, 4.8vw, 1.55rem) !important;
    gap: .38rem !important;
    color: oklch(85% .016 235 / .78) !important;
    font-size: clamp(.92rem, 3.75vw, 1.04rem) !important;
    line-height: 1.58 !important;
  }

  .client-reveal__stage {
    width: min(100%, 34rem) !important;
    margin: 0 auto !important;
  }

  .client-reveal__window {
    width: 100% !important;
    max-width: none !important;
    border-radius: 1.05rem !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    box-shadow:
      0 1.2rem 3rem oklch(0% 0 0 / .42),
      0 0 0 1px oklch(100% 0 0 / .08) !important;
  }

  .client-workflow__stage[data-mobile-workflow="true"] {
    gap: clamp(1.55rem, 7vw, 2.45rem) !important;
  }

  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__copy,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__eyebrow,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__title,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__description,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__chips,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-mockup-wrap {
    transition:
      opacity .34s cubic-bezier(.22, 1, .36, 1),
      transform .42s cubic-bezier(.22, 1, .36, 1),
      filter .42s cubic-bezier(.22, 1, .36, 1) !important;
  }

  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide {
    min-height: auto !important;
    scroll-margin-top: 5rem !important;
    animation: none !important;
  }

  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__inner {
    min-height: auto !important;
    padding-block: clamp(2.8rem, 10vw, 4.2rem) !important;
  }

  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="active"],
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="active"] .client-workflow-slide__copy,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="active"] .client-workflow-slide__eyebrow,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="active"] .client-workflow-slide__title,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="active"] .client-workflow-slide__description,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="active"] .client-workflow-slide__chips,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="active"] .client-workflow-mockup-wrap {
    opacity: 1 !important;
    filter: none !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="next"] {
    opacity: .64 !important;
    filter: saturate(.9) brightness(.74) !important;
    transform: translate3d(0, 16px, 0) scale(.97) !important;
  }

  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="next"] .client-workflow-slide__copy,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="next"] .client-workflow-slide__eyebrow,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="next"] .client-workflow-slide__title,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="next"] .client-workflow-slide__description,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="next"] .client-workflow-slide__chips {
    opacity: .72 !important;
    filter: none !important;
    transform: translate3d(0, 7px, 0) !important;
  }

  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="next"] .client-workflow-mockup-wrap {
    opacity: .58 !important;
    filter: saturate(.88) brightness(.72) !important;
    transform: translate3d(0, 18px, 0) scale(.965) !important;
  }

  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="next"] .client-workflow-mockup-wrap::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    opacity: .22 !important;
    border-radius: inherit !important;
    background:
      linear-gradient(180deg, oklch(100% 0 0 / .06), transparent 32%),
      radial-gradient(circle at 50% 20%, oklch(68% .205 255 / .16), transparent 54%) !important;
    animation: yamai-client-preview-breathe 3.8s ease-in-out infinite !important;
  }

  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="previous"] {
    opacity: .38 !important;
    filter: saturate(.8) brightness(.62) !important;
    transform: translate3d(0, -12px, 0) scale(.982) !important;
  }

  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide[data-mobile-state="distant"] {
    opacity: .3 !important;
    filter: saturate(.74) brightness(.58) !important;
    transform: translate3d(0, 14px, 0) scale(.972) !important;
  }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__copy,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__eyebrow,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__title,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__description,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-slide__chips,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-mockup-wrap,
  .client-workflow__stage[data-mobile-workflow="true"] .client-workflow-mockup-wrap::after {
    transition: none !important;
    animation: none !important;
  }
}

@media (min-width: 1024px) {
  #portrait-retouching .retouch-card-edge,
  #portrait-retouching .retouch-card-media {
    background: #000 !important;
  }

  #portrait-retouching .retouch-card-edge {
    border-color: oklch(100% 0 0 / .1) !important;
    box-shadow:
      inset 0 1px 0 oklch(100% 0 0 / .06),
      0 1.15rem 2.4rem oklch(0% 0 0 / .3) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"],
  #portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"] {
    width: 90% !important;
    justify-self: center !important;
    z-index: 2 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"] .retouch-card-copy,
  #portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"] .retouch-card-copy {
    padding-bottom: .15rem !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"] .retouch-card-copy > div,
  #portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"] .retouch-card-copy > div {
    max-width: 100% !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"] .retouch-card-copy h4,
  #portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"] .retouch-card-copy h4 {
    font-size: clamp(.98rem, 1.16vw, 1.34rem) !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] {
    align-self: end !important;
    justify-self: center !important;
    width: 100% !important;
    max-width: 26.6rem !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    z-index: 3 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-overlay {
    background:
      linear-gradient(180deg, transparent 38%, oklch(0% 0 0 / .18) 58%, oklch(0% 0 0 / .78) 100%) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-copy {
    position: absolute !important;
    left: clamp(.9rem, 1.25vw, 1.2rem) !important;
    right: clamp(.9rem, 1.25vw, 1.2rem) !important;
    bottom: clamp(4.2rem, 5.55vw, 4.7rem) !important;
    z-index: 12 !important;
    min-height: auto !important;
    padding: 0 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-copy > div {
    max-width: 100% !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-copy h4 {
    display: block !important;
    transform: none !important;
    color: oklch(99% .004 84) !important;
    font-size: clamp(1.02rem, 1.34vw, 1.48rem) !important;
    line-height: 1.12 !important;
    opacity: 1 !important;
    white-space: nowrap !important;
    text-shadow:
      0 .12rem .24rem oklch(0% 0 0 / .82),
      0 .8rem 1.6rem oklch(0% 0 0 / .9) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-media {
    background: oklch(0% 0 0) !important;
    inset: clamp(.28rem, .4vw, .38rem) clamp(.28rem, .4vw, .38rem) clamp(.42rem, .58vw, .56rem) clamp(.28rem, .4vw, .38rem) !important;
    overflow: hidden !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-image {
    object-fit: cover !important;
    object-position: center 37% !important;
    transform: translateY(.78rem) scale(1.115) !important;
    filter: saturate(.98) contrast(1.03) brightness(1.05) !important;
    transform-origin: center center !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"][data-image-fit="portrait-contain"] .retouch-card-image {
    object-fit: cover !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-media::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 4 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    background:
      linear-gradient(90deg, oklch(0% 0 0 / .82) 0%, oklch(0% 0 0 / .45) 2.8%, transparent 8.5%, transparent 91.5%, oklch(0% 0 0 / .45) 97.2%, oklch(0% 0 0 / .82) 100%),
      linear-gradient(180deg, oklch(0% 0 0 / .14) 0%, transparent 15%, transparent 79%, oklch(0% 0 0 / .3) 100%) !important;
  }
}

/* 2026-06-01 text effect refinements */
.client-reveal-section #client-reveal-heading.client-reveal-motion::before,
.client-reveal-section #client-reveal-heading.client-reveal-motion::after {
  content: none !important;
  display: none !important;
}

#client-reveal-heading.client-reveal-motion {
  gap: clamp(.5rem, .82vw, .86rem) !important;
  overflow: visible;
}

.client-reveal-motion .client-reveal-line--lead {
  color: oklch(93% .006 230 / .84) !important;
  font-weight: 590 !important;
}

.client-reveal-muted-op {
  position: relative;
  display: inline-block;
  margin-inline-start: .04em;
  color: oklch(73% .009 235 / .52);
  filter: blur(.025em);
}

.client-reveal-muted-op::after {
  content: "";
  position: absolute;
  left: -.04em;
  right: -.04em;
  top: 53%;
  height: 1px;
  background: linear-gradient(90deg, transparent, oklch(92% .006 230 / .44), transparent);
  opacity: .72;
  transform: scaleX(.2);
  transform-origin: 0 50%;
}

.client-reveal-motion.is-motion-visible .client-reveal-muted-op::after {
  animation: yamai-op-deemphasis-line .95s cubic-bezier(.18, 1, .22, 1) .18s both;
}

.client-reveal-motion .client-reveal-line--accent {
  display: inline-flex !important;
  align-items: baseline;
  gap: .08em;
  overflow: visible;
  color: oklch(95% .006 230 / .78) !important;
  text-shadow: none !important;
}

.client-judgment-glass {
  position: relative;
  display: inline-block;
  padding: .02em .09em .06em;
  border-radius: .28em;
  color: oklch(98% .01 218 / .98);
  text-shadow:
    0 .26rem .7rem oklch(0% 0 0 / .34),
    0 0 1.35rem oklch(76% .13 205 / .3);
  transform: translateY(.08em);
  opacity: .72;
  filter: blur(.045em) saturate(.92);
}

.client-judgment-glass::before,
.client-judgment-glass::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}

.client-judgment-glass::before {
  inset: -.06em -.1em;
  z-index: -1;
  border: 1px solid oklch(96% .018 220 / .23);
  background:
    linear-gradient(145deg, oklch(100% .002 240 / .18), oklch(72% .13 205 / .08) 44%, oklch(100% 0 0 / .035)),
    radial-gradient(circle at 18% 8%, oklch(100% .002 240 / .28), transparent 36%);
  box-shadow:
    inset 0 1px 0 oklch(100% 0 0 / .24),
    inset 0 -1px 0 oklch(78% .13 205 / .12),
    0 .36rem 1.2rem oklch(0% 0 0 / .18);
  opacity: 0;
}

.client-judgment-glass::after {
  inset: 0;
  z-index: 1;
  background: linear-gradient(105deg, transparent 12%, oklch(100% 0 0 / .72) 46%, oklch(78% .14 205 / .45) 52%, transparent 68%);
  opacity: 0;
  transform: translateX(-78%) skewX(-12deg);
  mix-blend-mode: screen;
}

.client-reveal-motion.is-motion-visible .client-judgment-glass {
  animation: yamai-judgment-glass-rise 1.08s cubic-bezier(.18, 1, .22, 1) .2s both;
}

.client-reveal-motion.is-motion-visible .client-judgment-glass::before {
  animation: yamai-judgment-glass-body 1.18s cubic-bezier(.18, 1, .22, 1) .2s both;
}

.client-reveal-motion.is-motion-visible .client-judgment-glass::after {
  animation: yamai-glass-sheen 1.18s cubic-bezier(.18, 1, .22, 1) .52s both;
}

.client-reveal-detail-row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: .12em;
}

.client-efficiency-num,
.client-human-ratio,
.client-repeat-labor,
.client-yamai-word,
.client-aesthetic-decision,
.client-you-word {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
}

.client-efficiency-num,
.client-human-ratio {
  font-variant-numeric: tabular-nums;
  font-weight: 830;
}

.client-efficiency-num {
  color: oklch(88% .12 205 / .98);
  transform-origin: 50% 58%;
}

.client-efficiency-num::after {
  content: "";
  position: absolute;
  inset: -.12em -.18em;
  z-index: -1;
  border-radius: .32em;
  background: linear-gradient(180deg, oklch(84% .14 205 / .16), transparent);
  opacity: 0;
}

.client-reveal-motion.is-motion-visible .client-efficiency-num {
  animation: yamai-efficiency-flip .86s cubic-bezier(.18, 1, .22, 1) .48s both;
}

.client-reveal-motion.is-motion-visible .client-efficiency-num::after {
  animation: yamai-efficiency-plate .86s cubic-bezier(.18, 1, .22, 1) .48s both;
}

.client-repeat-labor {
  color: oklch(79% .013 230 / .68);
}

.client-repeat-labor::before,
.client-repeat-labor::after {
  content: "";
  position: absolute;
  pointer-events: none;
  opacity: 0;
}

.client-repeat-labor::before {
  inset: -.18em -.08em;
  background:
    radial-gradient(circle at 12% 34%, oklch(85% .12 205 / .62) 0 .045em, transparent .05em),
    radial-gradient(circle at 38% 65%, oklch(82% .1 180 / .5) 0 .04em, transparent .045em),
    radial-gradient(circle at 66% 30%, oklch(90% .05 230 / .5) 0 .035em, transparent .04em),
    radial-gradient(circle at 88% 60%, oklch(85% .12 205 / .48) 0 .04em, transparent .045em);
  filter: blur(.2px);
  transform: translateX(0) scale(.92);
}

.client-repeat-labor::after {
  left: calc(100% + .14em);
  top: 55%;
  width: clamp(1.8rem, 4.2vw, 3.1rem);
  height: 2px;
  border-radius: 999px;
  background:
    repeating-linear-gradient(90deg, oklch(84% .12 205 / .82) 0 .18rem, transparent .18rem .36rem),
    linear-gradient(90deg, transparent, oklch(84% .12 205 / .68), transparent);
  transform: translateY(-50%) scaleX(.12);
  transform-origin: 0 50%;
}

.client-reveal-motion.is-motion-visible .client-repeat-labor {
  animation: yamai-repeat-labor-soften 1.2s cubic-bezier(.18, 1, .22, 1) .62s both;
}

.client-reveal-motion.is-motion-visible .client-repeat-labor::before {
  animation: yamai-repeat-particles 1.25s cubic-bezier(.18, 1, .22, 1) .68s both;
}

.client-reveal-motion.is-motion-visible .client-repeat-labor::after {
  animation: yamai-repeat-data-stream 1.2s cubic-bezier(.18, 1, .22, 1) .72s both;
}

.client-yamai-word {
  color: oklch(95% .014 210 / .92);
  font-weight: 760;
}

.client-yamai-word::after {
  content: "";
  position: absolute;
  inset: -.12em -.16em;
  z-index: -1;
  border-radius: .28em;
  background:
    radial-gradient(circle at 50% 46%, oklch(76% .15 205 / .28), transparent 62%),
    linear-gradient(180deg, oklch(100% 0 0 / .08), transparent);
  opacity: 0;
}

.client-reveal-motion.is-motion-visible .client-yamai-word {
  animation: yamai-yamai-light 1.1s ease .98s both;
}

.client-reveal-motion.is-motion-visible .client-yamai-word::after {
  animation: yamai-yamai-halo 1.1s ease .98s both;
}

.client-human-ratio {
  color: oklch(91% .045 88 / .96);
  text-shadow: 0 0 .62rem oklch(88% .08 82 / .16);
}

.client-reveal-motion.is-motion-visible .client-human-ratio {
  animation: yamai-human-ratio-settle 1.36s cubic-bezier(.18, 1, .22, 1) .82s both;
}

.client-aesthetic-decision {
  color: oklch(96% .008 230 / .94);
  font-weight: 720;
  overflow: hidden;
}

.client-aesthetic-decision::after {
  content: "";
  position: absolute;
  inset: 0 -.2em;
  background: linear-gradient(105deg, transparent 18%, oklch(100% 0 0 / .72), oklch(78% .13 205 / .38), transparent 72%);
  opacity: 0;
  transform: translateX(-86%) skewX(-12deg);
  mix-blend-mode: screen;
}

.client-reveal-motion.is-motion-visible .client-aesthetic-decision {
  animation: yamai-aesthetic-expand 1.24s cubic-bezier(.18, 1, .22, 1) 1.02s both;
}

.client-reveal-motion.is-motion-visible .client-aesthetic-decision::after {
  animation: yamai-glass-sheen 1.18s cubic-bezier(.18, 1, .22, 1) 1.22s both;
}

.client-you-word {
  color: oklch(98% .006 84 / .98);
  font-weight: 850;
}

.client-you-word::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 54%;
  z-index: -1;
  width: 1.75em;
  height: 1.75em;
  border-radius: 999px;
  background: radial-gradient(circle, oklch(86% .12 205 / .34), transparent 62%);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.42);
}

.client-reveal-motion.is-motion-visible .client-you-word {
  animation: yamai-you-word-arrive 1s ease 1.45s both;
}

.client-reveal-motion.is-motion-visible .client-you-word::after {
  animation: yamai-you-halo 1.08s ease 1.45s both;
}

.kinetic-press-prefix,
.kinetic-press-action,
.kinetic-workbench-main,
.kinetic-delivery-focus,
.kinetic-tell-me-text,
.kinetic-rest-final {
  position: relative;
  z-index: 1;
  display: inline-block;
}

.kinetic-press-prefix {
  color: oklch(88% .012 230 / .78);
  margin-inline-end: .08em;
}

.kinetic-press-action {
  color: oklch(98% .008 230 / .98);
  font-weight: 820;
  text-shadow: 0 0 1rem oklch(78% .14 205 / .22);
}

.kinetic-press-action::before,
.kinetic-press-action::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.kinetic-press-action::before {
  left: -.08em;
  right: -.08em;
  bottom: -.08em;
  height: .09em;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, oklch(80% .14 205 / .78), transparent);
  opacity: 0;
  transform: scaleX(.12);
}

.kinetic-press-action::after {
  left: 50%;
  top: 53%;
  z-index: -1;
  width: 2.35em;
  height: 2.35em;
  border-radius: 999px;
  background: radial-gradient(circle, oklch(82% .15 205 / .28), transparent 66%);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.44);
}

.kinetic-copy--press::before,
.kinetic-copy--press::after {
  width: 2.42em !important;
  height: 2.42em !important;
  border-color: oklch(82% .15 205 / .62) !important;
  box-shadow: 0 0 .9rem oklch(78% .14 205 / .2);
}

.kinetic-copy--press.is-motion-visible {
  animation: yamai-press-strong .92s cubic-bezier(.18, 1, .22, 1) .04s both !important;
}

.kinetic-copy--press.is-motion-visible .kinetic-press-action::before {
  animation: yamai-press-underline .82s cubic-bezier(.18, 1, .22, 1) .16s both;
}

.kinetic-copy--press.is-motion-visible .kinetic-press-action::after {
  animation: yamai-press-glow .92s ease .18s both;
}

.client-workflow-slide__title > .kinetic-copy--workbench-title {
  color: oklch(97% .006 230 / .98) !important;
  font-size: 1.08em !important;
  font-weight: 850 !important;
  line-height: .98 !important;
  text-shadow:
    0 .6rem 1.2rem oklch(0% 0 0 / .35),
    0 0 1rem oklch(78% .12 205 / .12);
}

.kinetic-workbench-main {
  filter: blur(.08em);
  opacity: .72;
}

.kinetic-workbench-main::after {
  content: "";
  position: absolute;
  inset: 0 -.24em;
  background: linear-gradient(100deg, transparent 20%, oklch(100% 0 0 / .55), oklch(78% .14 205 / .3), transparent 74%);
  opacity: 0;
  transform: translateX(-76%) skewX(-10deg);
  mix-blend-mode: screen;
}

.kinetic-copy--workbench-title.is-motion-visible .kinetic-workbench-main {
  animation: yamai-workbench-focus 1.08s cubic-bezier(.18, 1, .22, 1) both;
}

.kinetic-copy--workbench-title.is-motion-visible .kinetic-workbench-main::after {
  animation: yamai-glass-sheen 1.1s cubic-bezier(.18, 1, .22, 1) .22s both;
}

.client-workflow-slide__title > .kinetic-copy--delivery-title {
  color: oklch(87% .018 230 / .72) !important;
  font-size: .74em !important;
  font-weight: 540 !important;
  letter-spacing: .1em !important;
  line-height: 1.1 !important;
  opacity: .76;
}

.kinetic-delivery-focus {
  margin-inline-start: .14em;
  color: oklch(96% .008 230 / .94);
  font-weight: 710;
  overflow: hidden;
}

.kinetic-delivery-focus::after {
  content: "";
  position: absolute;
  inset: 0 -.26em;
  background: linear-gradient(100deg, transparent 24%, oklch(84% .12 205 / .74), oklch(100% 0 0 / .56), transparent 72%);
  opacity: 0;
  transform: translateX(-88%) skewX(-12deg);
  mix-blend-mode: screen;
}

.kinetic-copy--delivery-title.is-motion-visible {
  animation: yamai-delivery-emerge 1.24s cubic-bezier(.18, 1, .22, 1) .12s both;
}

.kinetic-copy--delivery-title.is-motion-visible .kinetic-delivery-focus::after {
  animation: yamai-glass-sheen 1.18s cubic-bezier(.18, 1, .22, 1) .72s both;
}

.kinetic-copy--tell-me.is-motion-visible .kinetic-tell-me-text {
  animation: yamai-tell-me-respond .96s cubic-bezier(.18, 1, .22, 1) both;
}

.kinetic-copy--rest-note {
  color: oklch(88% .014 230 / .78);
}

.kinetic-copy--rest-note::before {
  content: "";
  position: absolute;
  left: -.08em;
  right: -.08em;
  bottom: -.12em;
  z-index: -1;
  height: .11em;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, oklch(84% .12 205 / .42), transparent);
  opacity: 0;
  transform: scaleX(.18);
}

.kinetic-rest-final {
  color: oklch(98% .006 230 / .98);
  font-weight: 820;
  text-shadow: 0 0 .55rem oklch(82% .11 205 / .28);
}

.kinetic-rest-final::before,
.kinetic-rest-final::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 48%;
  z-index: -1;
  border-radius: 999px;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.28);
}

.kinetic-rest-final::before {
  width: 1.95em;
  height: 1.95em;
  background: radial-gradient(circle, oklch(82% .13 205 / .28), transparent 62%);
}

.kinetic-rest-final::after {
  width: .42em;
  height: .42em;
  background: oklch(92% .09 205 / .64);
  box-shadow:
    .48em -.34em 0 -.12em oklch(92% .08 205 / .44),
    -.42em .36em 0 -.14em oklch(92% .08 205 / .34);
}

.kinetic-copy--rest-note.is-motion-visible::before {
  animation: yamai-rest-quiet-line 1.25s ease .16s both;
}

.kinetic-copy--rest-note.is-motion-visible .kinetic-rest-final {
  animation: yamai-rest-final-breathe 1.18s ease .36s both;
}

.kinetic-copy--rest-note.is-motion-visible .kinetic-rest-final::before {
  animation: yamai-rest-final-halo 1.2s ease .42s both;
}

.kinetic-copy--rest-note.is-motion-visible .kinetic-rest-final::after {
  animation: yamai-rest-final-spark 1.16s ease .48s both;
}

.kinetic-copy--steam,
.kinetic-steam {
  padding-right: 0 !important;
}

.kinetic-steam,
.kinetic-steam::before,
.kinetic-steam::after {
  content: none !important;
  display: none !important;
}

.kinetic-copy--person-walk {
  --person-travel: calc(100% - 1.04em);
}

.kinetic-copy--person-walk::after {
  content: none !important;
  display: none !important;
}

.kinetic-person-source {
  color: oklch(96% .008 230 / .98);
  transform-origin: 50% 100%;
}

.kinetic-person-source::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -.18em;
  z-index: -1;
  width: .9em;
  height: .12em;
  border-radius: 999px;
  background: radial-gradient(ellipse, oklch(82% .13 205 / .42), transparent 72%);
  opacity: 0;
  transform: translateX(-50%) scaleX(.3);
}

.kinetic-copy--person-walk.is-motion-visible::before {
  animation: yamai-person-path-line 1.48s ease .08s both !important;
}

.kinetic-copy--person-walk.is-motion-visible .kinetic-person-source {
  animation: yamai-person-source-walk 1.58s cubic-bezier(.22, .8, .18, 1) .12s both;
}

.kinetic-copy--person-walk.is-motion-visible .kinetic-person-source::before {
  animation: yamai-person-foot-shadow 1.58s ease .12s both;
}

.kinetic-copy--person-walk.is-motion-visible .kinetic-person-destination {
  animation: yamai-kinetic-person-arrive .46s cubic-bezier(.18, 1, .22, 1) 1.36s both !important;
}

.kinetic-copy--restore-trigger,
.kinetic-copy--atmosphere-trigger {
  padding: 0 .04em .02em !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: oklch(92% .12 205 / .98) !important;
  font-weight: 790;
  text-shadow: 0 0 .82rem oklch(78% .14 205 / .22);
}

.kinetic-copy--restore-trigger::before,
.kinetic-copy--atmosphere-trigger::before {
  top: 64% !important;
  width: 2.7em !important;
  height: .13em !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, oklch(82% .15 205 / .86), oklch(100% 0 0 / .62), transparent) !important;
  filter: drop-shadow(0 0 .42rem oklch(78% .14 205 / .36));
  transform: translate(-50%, -50%) scaleX(.14) !important;
  transform-origin: 50% 50%;
}

.kinetic-copy--restore-trigger::after,
.kinetic-copy--atmosphere-trigger::after {
  top: 43% !important;
  width: .42em !important;
  height: .42em !important;
  border-radius: 999px !important;
  background: oklch(90% .12 205 / .72) !important;
  box-shadow:
    .55em -.32em 0 -.14em oklch(90% .12 205 / .62),
    -.52em .28em 0 -.16em oklch(90% .08 230 / .46),
    .9em .14em 0 -.18em oklch(92% .1 180 / .42) !important;
  filter: blur(.1px);
}

.kinetic-copy--restore-trigger.is-motion-visible,
.kinetic-copy--atmosphere-trigger.is-motion-visible {
  animation: yamai-inline-tap-press .78s cubic-bezier(.18, 1, .22, 1) both !important;
}

.kinetic-copy--restore-trigger.is-motion-visible::before,
.kinetic-copy--atmosphere-trigger.is-motion-visible::before {
  animation: yamai-inline-tap-line 1.08s cubic-bezier(.18, 1, .22, 1) .1s both !important;
}

.kinetic-copy--restore-trigger.is-motion-visible::after,
.kinetic-copy--atmosphere-trigger.is-motion-visible::after {
  animation: yamai-inline-tap-sparks 1.18s ease .18s both !important;
}

.kinetic-copy--assemble::before {
  content: none !important;
  display: none !important;
}

.kinetic-copy--assemble .kinetic-char {
  text-shadow: 0 0 .38rem oklch(78% .12 205 / .08);
}

@keyframes yamai-op-deemphasis-line {
  0% { opacity: 0; transform: scaleX(.08); }
  44% { opacity: .72; transform: scaleX(1.04); }
  100% { opacity: .52; transform: scaleX(1); }
}

@keyframes yamai-judgment-glass-rise {
  0% { opacity: .58; filter: blur(.06em) saturate(.9); transform: translateY(.14em) scale(.985); }
  58% { opacity: 1; filter: blur(0) saturate(1.12); transform: translateY(-.015em) scale(1.018); }
  100% { opacity: 1; filter: blur(0) saturate(1); transform: translateY(0) scale(1); }
}

@keyframes yamai-judgment-glass-body {
  0% { opacity: 0; transform: scale(.94); }
  58% { opacity: 1; transform: scale(1.03); }
  100% { opacity: .78; transform: scale(1); }
}

@keyframes yamai-glass-sheen {
  0% { opacity: 0; transform: translateX(-82%) skewX(-12deg); }
  22% { opacity: .82; }
  100% { opacity: 0; transform: translateX(86%) skewX(-12deg); }
}

@keyframes yamai-efficiency-flip {
  0% { opacity: .72; filter: blur(.04em); transform: perspective(8em) rotateX(72deg) translateY(.16em); }
  52% { opacity: 1; filter: blur(0); transform: perspective(8em) rotateX(-10deg) translateY(-.02em); }
  100% { opacity: 1; filter: blur(0); transform: perspective(8em) rotateX(0deg) translateY(0); }
}

@keyframes yamai-efficiency-plate {
  0% { opacity: 0; transform: scaleX(.4); }
  46% { opacity: .64; transform: scaleX(1.08); }
  100% { opacity: .28; transform: scaleX(1); }
}

@keyframes yamai-repeat-labor-soften {
  0% { opacity: 1; filter: none; }
  58% { opacity: .72; filter: blur(.025em); }
  100% { opacity: .82; filter: none; }
}

@keyframes yamai-repeat-particles {
  0% { opacity: 0; transform: translateX(0) scale(.92); }
  24% { opacity: .8; }
  100% { opacity: 0; transform: translateX(1.18em) scale(1.06); }
}

@keyframes yamai-repeat-data-stream {
  0% { opacity: 0; transform: translateY(-50%) scaleX(.08); }
  32% { opacity: .86; }
  100% { opacity: 0; transform: translateY(-50%) scaleX(1); }
}

@keyframes yamai-yamai-light {
  0% { text-shadow: none; filter: saturate(.9); }
  52% { text-shadow: 0 0 1.25rem oklch(78% .15 205 / .46); filter: saturate(1.2); }
  100% { text-shadow: 0 0 .52rem oklch(78% .12 205 / .18); filter: saturate(1); }
}

@keyframes yamai-yamai-halo {
  0% { opacity: 0; transform: scale(.72); }
  52% { opacity: 1; transform: scale(1.08); }
  100% { opacity: .42; transform: scale(1); }
}

@keyframes yamai-human-ratio-settle {
  0% { opacity: .54; transform: translateY(.16em); filter: blur(.04em); }
  100% { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@keyframes yamai-aesthetic-expand {
  0% { opacity: .72; letter-spacing: 0; transform: translateY(.05em); }
  100% { opacity: 1; letter-spacing: .055em; transform: translateY(0); }
}

@keyframes yamai-you-word-arrive {
  0% { opacity: .62; filter: blur(.035em); transform: translateY(.08em); }
  48% { opacity: 1; filter: blur(0); transform: translateY(-.035em); }
  100% { opacity: 1; filter: blur(0); transform: translateY(0); }
}

@keyframes yamai-you-halo {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.42); }
  48% { opacity: .82; transform: translate(-50%, -50%) scale(1.18); }
  100% { opacity: .28; transform: translate(-50%, -50%) scale(1); }
}

@keyframes yamai-press-strong {
  0% { transform: translateY(0) scale(1); filter: saturate(.96); }
  26% { transform: translateY(.105em) scale(.942); filter: saturate(1.08); }
  58% { transform: translateY(-.045em) scale(1.045); filter: saturate(1.18); }
  100% { transform: translateY(0) scale(1); filter: saturate(1); }
}

@keyframes yamai-press-underline {
  0% { opacity: 0; transform: scaleX(.1); }
  48% { opacity: .86; transform: scaleX(1.08); }
  100% { opacity: .44; transform: scaleX(1); }
}

@keyframes yamai-press-glow {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.44); }
  45% { opacity: .86; transform: translate(-50%, -50%) scale(1.08); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(1.36); }
}

@keyframes yamai-workbench-focus {
  0% { opacity: .58; filter: blur(.1em); transform: translateY(.08em); }
  100% { opacity: 1; filter: blur(0); transform: translateY(0); }
}

@keyframes yamai-delivery-emerge {
  0% { opacity: .38; filter: blur(.06em); transform: translateY(.12em); }
  100% { opacity: .82; filter: blur(0); transform: translateY(0); }
}

@keyframes yamai-tell-me-respond {
  0% { opacity: .68; transform: translateY(.1em); filter: blur(.04em); }
  100% { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@keyframes yamai-rest-quiet-line {
  0% { opacity: 0; transform: scaleX(.18); }
  50% { opacity: .66; transform: scaleX(1); }
  100% { opacity: .28; transform: scaleX(.82); }
}

@keyframes yamai-rest-final-breathe {
  0% { transform: translateY(.04em); text-shadow: none; }
  42% { transform: translateY(-.025em); text-shadow: 0 0 1rem oklch(82% .12 205 / .42); }
  100% { transform: translateY(0); text-shadow: 0 0 .38rem oklch(82% .1 205 / .16); }
}

@keyframes yamai-rest-final-halo {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.28); }
  46% { opacity: .84; transform: translate(-50%, -50%) scale(1.12); }
  100% { opacity: .38; transform: translate(-50%, -50%) scale(.96); }
}

@keyframes yamai-rest-final-spark {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.25) rotate(0deg); }
  34% { opacity: .9; }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(1.82) rotate(14deg); }
}

@keyframes yamai-person-path-line {
  0% { opacity: 0; transform: scaleX(.08); }
  42% { opacity: .62; }
  100% { opacity: .32; transform: scaleX(1); }
}

@keyframes yamai-person-source-walk {
  0% { opacity: 1; transform: translateX(0) translateY(0) rotate(0deg) scale(1); }
  16% { transform: translateX(calc(var(--person-travel) * .14)) translateY(-.05em) rotate(-5deg) scale(1.02); }
  31% { transform: translateX(calc(var(--person-travel) * .28)) translateY(.02em) rotate(4deg) scale(1); }
  47% { transform: translateX(calc(var(--person-travel) * .46)) translateY(-.045em) rotate(-4deg) scale(1.02); }
  63% { transform: translateX(calc(var(--person-travel) * .64)) translateY(.01em) rotate(3deg) scale(1); }
  82% { opacity: .96; transform: translateX(calc(var(--person-travel) * .86)) translateY(-.035em) rotate(-3deg) scale(1.01); }
  100% { opacity: .04; transform: translateX(var(--person-travel)) translateY(0) rotate(0deg) scale(1); }
}

@keyframes yamai-person-foot-shadow {
  0% { opacity: 0; transform: translateX(-50%) scaleX(.28); }
  18% { opacity: .5; transform: translateX(-50%) scaleX(.7); }
  82% { opacity: .42; transform: translateX(-50%) scaleX(.9); }
  100% { opacity: 0; transform: translateX(-50%) scaleX(.42); }
}

@keyframes yamai-inline-tap-press {
  0% { transform: translateY(0) scale(1); }
  32% { transform: translateY(.08em) scale(.94); }
  62% { transform: translateY(-.035em) scale(1.045); }
  100% { transform: translateY(0) scale(1); }
}

@keyframes yamai-inline-tap-line {
  0% { opacity: 0; transform: translate(-50%, -50%) scaleX(.14); }
  36% { opacity: .98; transform: translate(-50%, -50%) scaleX(1.08); }
  100% { opacity: .34; transform: translate(-50%, -50%) scaleX(1); }
}

@keyframes yamai-inline-tap-sparks {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.25) rotate(0deg); }
  24% { opacity: 1; }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(2.2) rotate(16deg); }
}

@media (max-width: 767px) {
  #client-reveal-heading.client-reveal-motion,
  .client-reveal-section .section-header__title.client-reveal-motion {
    max-width: min(100%, 28rem) !important;
  }

  .client-reveal-motion .client-reveal-line--lead {
    font-size: clamp(1.72rem, 8.6vw, 2.78rem) !important;
    line-height: 1.08 !important;
  }

  .client-reveal-motion .client-reveal-line--accent {
    font-size: clamp(2.56rem, 13.4vw, 4.08rem) !important;
    line-height: .98 !important;
  }

  .client-reveal-motion .client-reveal-detail {
    max-width: min(100%, 24rem) !important;
    font-size: clamp(.9rem, 3.55vw, 1.04rem) !important;
  }

  .client-repeat-labor::after {
    width: 1.65rem;
  }

  .client-workflow-slide__title > .kinetic-copy--delivery-title {
    font-size: .78em !important;
    letter-spacing: .07em !important;
  }
}

/* 2026-06-01 refined literal typography and restrained text motion */
#client-reveal-heading.client-reveal-motion {
  gap: clamp(.42rem, .72vw, .74rem) !important;
  max-width: min(58rem, 58vw) !important;
  padding-block: clamp(1rem, 2vw, 1.7rem) !important;
}

.client-reveal-section .section-header__title.client-reveal-motion {
  max-width: min(58rem, 58vw) !important;
  text-shadow: 0 1rem 2.4rem oklch(0% 0 0 / .38) !important;
}

.client-reveal-motion .client-reveal-line--lead {
  color: oklch(98.5% .004 230 / .98) !important;
  font-size: clamp(2.08rem, 3.05vw, 3.25rem) !important;
  font-weight: 760 !important;
  line-height: 1.04 !important;
  white-space: nowrap;
  text-shadow: 0 .55rem 1.2rem oklch(0% 0 0 / .28) !important;
}

.client-reveal-motion .client-reveal-line--negation {
  color: oklch(78% .007 235 / .5) !important;
  font-size: clamp(1.58rem, 2.35vw, 2.75rem) !important;
  font-weight: 520 !important;
  line-height: 1.05 !important;
  transform: translateY(0) scale(.985);
  transform-origin: 0 50%;
  text-shadow: 0 .45rem 1rem oklch(0% 0 0 / .24) !important;
}

.client-reveal-muted-op {
  margin-inline-start: .08em !important;
  color: oklch(98.5% .004 230 / .98) !important;
  filter: none !important;
  opacity: 1 !important;
}

.client-reveal-muted-op::after,
.client-reveal-motion.is-motion-visible .client-reveal-muted-op::after,
.client-reveal-motion .client-reveal-line--accent::after {
  content: none !important;
  display: none !important;
}

.client-reveal-motion .client-reveal-line--accent {
  display: inline-flex !important;
  align-items: baseline;
  gap: .18em !important;
  margin-top: clamp(.16rem, .38vw, .34rem);
  color: oklch(98.5% .004 230 / .98) !important;
  font-size: clamp(2.08rem, 3.05vw, 3.25rem) !important;
  font-weight: 720 !important;
  line-height: 1.04 !important;
  text-shadow: none !important;
}

.client-judgment-glass {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0 .035em .035em !important;
  border-radius: 0 !important;
  color: oklch(98.5% .006 220 / .98) !important;
  background: none !important;
  -webkit-text-stroke: .006em oklch(82% .13 205 / .32);
  text-shadow:
    .01em 0 0 oklch(78% .13 205 / .34),
    -.008em 0 0 oklch(72% .1 235 / .18),
    0 .24rem .64rem oklch(0% 0 0 / .28) !important;
  opacity: .92 !important;
  filter: none !important;
  transform: translateY(.015em);
}

.client-judgment-glass::before,
.client-reveal-motion.is-motion-visible .client-judgment-glass::before {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.client-judgment-glass::after {
  content: "";
  position: absolute;
  inset: .1em -.12em .14em;
  z-index: 1;
  border-radius: 0 !important;
  pointer-events: none;
  background: linear-gradient(102deg, transparent 18%, oklch(100% 0 0 / .08) 34%, oklch(100% 0 0 / .52) 48%, oklch(80% .13 205 / .2) 56%, transparent 72%);
  opacity: 0;
  transform: translateX(-112%) skewX(-11deg);
  mix-blend-mode: screen;
}

.client-reveal-motion.is-motion-visible .client-judgment-glass {
  animation: yamai-judgment-type-settle .9s cubic-bezier(.18, 1, .22, 1) .18s both !important;
}

.client-reveal-motion.is-motion-visible .client-judgment-glass::after {
  animation: yamai-judgment-text-sheen 1.08s cubic-bezier(.18, 1, .22, 1) .62s both !important;
}

.client-reveal-motion .client-reveal-detail {
  gap: clamp(.2rem, .42vw, .36rem) !important;
  max-width: min(42rem, 100%) !important;
  margin-top: clamp(.34rem, .72vw, .58rem) !important;
  color: oklch(94% .008 230 / .9) !important;
  font-size: clamp(.82rem, .92vw, .98rem) !important;
  font-weight: 430 !important;
  line-height: 1.58 !important;
  word-spacing: .12em;
}

.client-reveal-detail-row {
  column-gap: .28em !important;
  row-gap: .08em !important;
}

.client-efficiency-num,
.client-human-ratio {
  padding-inline: .03em;
  font-size: 1em;
  font-weight: 760;
  text-shadow: none !important;
}

.client-efficiency-num {
  color: oklch(88% .095 205 / .96) !important;
}

.client-human-ratio {
  color: oklch(90% .045 86 / .94) !important;
}

.client-efficiency-num::after,
.client-repeat-labor::before,
.client-repeat-labor::after,
.client-yamai-word::after,
.client-aesthetic-decision::after,
.client-you-word::after {
  content: none !important;
  display: none !important;
}

.client-repeat-labor {
  color: oklch(94% .008 230 / .9) !important;
}

.client-yamai-word,
.client-aesthetic-decision,
.client-you-word {
  color: oklch(98% .006 230 / .96) !important;
  font-weight: 680 !important;
  text-shadow: none !important;
}

.client-you-word {
  color: oklch(98.5% .004 230 / .98) !important;
}

.client-reveal-motion.is-motion-visible .client-efficiency-num,
.client-reveal-motion.is-motion-visible .client-human-ratio,
.client-reveal-motion.is-motion-visible .client-yamai-word,
.client-reveal-motion.is-motion-visible .client-aesthetic-decision,
.client-reveal-motion.is-motion-visible .client-you-word,
.client-reveal-motion.is-motion-visible .client-repeat-labor {
  animation: yamai-refined-word-settle .72s cubic-bezier(.18, 1, .22, 1) .46s both !important;
}

.kinetic-rest-final {
  position: relative;
  display: inline-grid !important;
  place-items: center;
  width: 1.08em;
  min-width: 1.08em;
  overflow: visible;
  color: oklch(98% .006 230 / .98);
  font-weight: 820;
  text-shadow: 0 .12rem .34rem oklch(0% 0 0 / .42);
}

.kinetic-rest-final::before,
.kinetic-rest-final::after {
  content: none !important;
  display: none !important;
}

.kinetic-rest-final__glyph {
  grid-area: 1 / 1;
  display: inline-block;
  transform-origin: 50% 58%;
}

.kinetic-copy--rest-note.is-motion-visible .kinetic-rest-final {
  animation: none !important;
}

.kinetic-copy--rest-note.is-motion-visible .kinetic-rest-final__glyph {
  animation: yamai-rest-glyph-burst .58s cubic-bezier(.18, .88, .2, 1) .46s both;
}

.kinetic-copy--person-walk {
  --person-travel: calc(100% - 1.04em);
}

.kinetic-copy--person-walk::after {
  content: "\4EBA" !important;
  display: block !important;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  color: oklch(96% .008 230 / .98);
  opacity: 0;
  transform: translateX(0) translateY(.04em) scale(.96);
  text-shadow: 0 .08rem .2rem oklch(0% 0 0 / .48), .015em 0 0 oklch(82% .12 205 / .34);
}

.kinetic-person-source {
  color: oklch(96% .008 230 / .98);
  transform: none !important;
  opacity: 1 !important;
}

.kinetic-person-source::before {
  content: none !important;
  display: none !important;
}

.kinetic-copy--person-walk.is-motion-visible .kinetic-person-source,
.kinetic-copy--person-walk.is-motion-visible .kinetic-person-source::before {
  animation: none !important;
}

.kinetic-copy--person-walk.is-motion-visible::after {
  animation: yamai-person-clone-walk 1.58s cubic-bezier(.22, .8, .18, 1) .12s both !important;
}

.kinetic-copy--repair {
  position: relative;
  color: oklch(91% .01 230 / .9);
}

.kinetic-copy--repair::before {
  content: "";
  position: absolute;
  left: -.06em;
  right: -.06em;
  top: 53%;
  z-index: 3;
  height: 1px;
  background: linear-gradient(90deg, transparent, oklch(82% .12 205 / .84), oklch(100% 0 0 / .72), transparent);
  opacity: 0;
  transform: translateY(-50%) scaleX(.08);
  transform-origin: 0 50%;
  pointer-events: none;
}

.kinetic-copy--repair.is-motion-visible::before {
  animation: yamai-repair-scan .88s cubic-bezier(.18, 1, .22, 1) .18s both;
}

.kinetic-copy--repair .kinetic-repair-char {
  position: relative;
  display: inline-block;
  opacity: .78;
  color: oklch(82% .012 232 / .78);
  clip-path: var(--repair-mask);
  filter: none !important;
  text-shadow: .04em 0 0 oklch(0% 0 0 / .24);
  transform: none !important;
  transition:
    clip-path .42s cubic-bezier(.18, 1, .22, 1),
    color .42s ease,
    opacity .42s ease,
    text-shadow .42s ease;
  transition-delay: calc(.58s + var(--char-delay, 0ms));
}

.kinetic-copy--repair .kinetic-repair-char::after {
  content: attr(data-char);
  position: absolute;
  inset: 0;
  color: oklch(94% .012 220 / .9);
  clip-path: var(--repair-chip);
  opacity: 0;
  transform: translate(var(--repair-x), var(--repair-y)) rotate(var(--repair-r)) scale(.96);
  text-shadow: 0 0 .32rem oklch(78% .12 205 / .16);
}

.kinetic-copy--repair.is-motion-visible .kinetic-repair-char {
  opacity: 1 !important;
  color: oklch(92% .008 230 / .92) !important;
  clip-path: inset(0 0 0 0);
  text-shadow: none !important;
}

.kinetic-copy--repair.is-motion-visible .kinetic-repair-char::after {
  animation: yamai-repair-piece-return .5s cubic-bezier(.18, 1, .22, 1) calc(.38s + var(--char-delay, 0ms)) both;
}

.kinetic-copy--repair-morph {
  white-space: nowrap;
}

.kinetic-copy--repair-morph .kinetic-repair-morph-char {
  position: relative;
  display: inline-block;
  color: oklch(80% .014 232 / .72);
  text-shadow: .035em 0 0 oklch(0% 0 0 / .22);
  transform-origin: 50% 58%;
}

.kinetic-copy--repair-morph .kinetic-repair-morph-char::after {
  content: attr(data-final);
  position: absolute;
  inset: 0;
  color: oklch(94% .008 230 / .94);
  opacity: 0;
  transform: translateY(.16em) scale(.96);
  text-shadow: 0 .08rem .22rem oklch(0% 0 0 / .28);
}

.kinetic-copy--repair-morph.is-motion-visible .kinetic-repair-morph-char {
  animation: yamai-repair-source-morph-out .58s cubic-bezier(.18, 1, .22, 1) calc(.58s + var(--char-delay, 0ms)) both;
}

.kinetic-copy--repair-morph.is-motion-visible .kinetic-repair-morph-char::after {
  animation: yamai-repair-final-morph-in .64s cubic-bezier(.18, 1, .22, 1) calc(.66s + var(--char-delay, 0ms)) both;
}

.kinetic-copy--atmosphere-words {
  color: oklch(88% .012 230 / .8);
  font-weight: 650;
}

.atmosphere-word {
  display: inline-block;
  color: currentColor;
  text-shadow: none;
}

.kinetic-copy--atmosphere-words.is-motion-visible .atmosphere-word--mist {
  animation: yamai-atmosphere-mist-color .62s ease 1.06s both;
}

.kinetic-copy--atmosphere-words.is-motion-visible .atmosphere-word--sunset {
  animation: yamai-atmosphere-sunset-color .62s ease 1.14s both;
}

.kinetic-copy--atmosphere-words.is-motion-visible .atmosphere-word--snow {
  animation: yamai-atmosphere-snow-color .62s ease 1.22s both;
}

.kinetic-texture-plain {
  color: oklch(84% .011 230 / .74);
  font-weight: 520;
}

.kinetic-copy--texture::before,
.kinetic-copy--texture.is-motion-visible::before {
  content: none !important;
  display: none !important;
  animation: none !important;
}

@keyframes yamai-judgment-type-settle {
  0% { opacity: .76; transform: translateY(.08em); }
  58% { opacity: 1; transform: translateY(-.012em); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes yamai-judgment-text-sheen {
  0% { opacity: 0; transform: translateX(-112%) skewX(-11deg); }
  28% { opacity: .68; }
  100% { opacity: 0; transform: translateX(112%) skewX(-11deg); }
}

@keyframes yamai-refined-word-settle {
  0% { opacity: .68; transform: translateY(.08em); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes yamai-rest-glyph-burst {
  0% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
  38% { opacity: .96; transform: translateY(-.02em) scale(1.12); filter: blur(0); }
  100% { opacity: 0; transform: translateY(-.22em) scale(1.9); filter: blur(.05em); }
}

@keyframes yamai-person-clone-walk {
  0% { opacity: 0; transform: translateX(0) translateY(.04em) rotate(0deg) scale(.96); }
  8% { opacity: .98; }
  16% { transform: translateX(calc(var(--person-travel) * .14)) translateY(-.05em) rotate(-5deg) scale(1.02); }
  31% { transform: translateX(calc(var(--person-travel) * .28)) translateY(.02em) rotate(4deg) scale(1); }
  47% { transform: translateX(calc(var(--person-travel) * .46)) translateY(-.045em) rotate(-4deg) scale(1.02); }
  63% { transform: translateX(calc(var(--person-travel) * .64)) translateY(.01em) rotate(3deg) scale(1); }
  82% { opacity: .96; transform: translateX(calc(var(--person-travel) * .86)) translateY(-.035em) rotate(-3deg) scale(1.01); }
  100% { opacity: 0; transform: translateX(var(--person-travel)) translateY(0) rotate(0deg) scale(1); }
}

@keyframes yamai-repair-scan {
  0% { opacity: 0; transform: translateY(-50%) scaleX(.08); }
  34% { opacity: .86; }
  100% { opacity: 0; transform: translateY(-50%) scaleX(1); }
}

@keyframes yamai-repair-piece-return {
  0% { opacity: 0; transform: translate(var(--repair-x), var(--repair-y)) rotate(var(--repair-r)) scale(.96); }
  28% { opacity: .9; }
  100% { opacity: 0; transform: translate(0, 0) rotate(0deg) scale(1); }
}

@keyframes yamai-repair-source-morph-out {
  0% { opacity: 1; color: oklch(80% .014 232 / .72); text-shadow: .035em 0 0 oklch(0% 0 0 / .22); transform: translateY(0) scale(1); }
  34% { opacity: 1; color: oklch(86% .025 218 / .68); text-shadow: 0 0 .22rem oklch(78% .12 205 / .16); transform: translateY(-.04em) scale(1.02); }
  100% { opacity: 1; color: oklch(80% .014 232 / 0); text-shadow: none; transform: translateY(0) scale(1); }
}

@keyframes yamai-repair-final-morph-in {
  0% { opacity: 0; filter: blur(.05em); transform: translateY(.16em) scale(.96); }
  42% { opacity: .9; filter: blur(.012em); transform: translateY(-.025em) scale(1.015); }
  100% { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); }
}

@keyframes yamai-atmosphere-mist-color {
  0% { color: oklch(88% .012 230 / .8); }
  100% { color: oklch(80% .14 225 / .96); }
}

@keyframes yamai-atmosphere-sunset-color {
  0% { color: oklch(88% .012 230 / .8); }
  100% { color: oklch(83% .16 72 / .96); }
}

@keyframes yamai-atmosphere-snow-color {
  0% { color: oklch(88% .012 230 / .8); }
  100% { color: oklch(97% .006 250 / .98); }
}

@media (max-width: 767px) {
  #client-reveal-heading.client-reveal-motion,
  .client-reveal-section .section-header__title.client-reveal-motion {
    max-width: min(100%, 31rem) !important;
  }

  .client-reveal-motion .client-reveal-line--lead {
    font-size: clamp(1.86rem, 8.2vw, 2.62rem) !important;
  }

  .client-reveal-motion .client-reveal-line--negation {
    font-size: clamp(1.32rem, 6.2vw, 2rem) !important;
  }

  .client-reveal-motion .client-reveal-line--accent {
    font-size: clamp(1.86rem, 8.2vw, 2.62rem) !important;
  }

  .client-reveal-motion .client-reveal-detail {
    max-width: min(100%, 25rem) !important;
    font-size: clamp(.88rem, 3.45vw, 1rem) !important;
    line-height: 1.72 !important;
  }
}

/* 2026-06-01 high-resolution desktop scale compensation */
@media (min-width: 2000px) and (min-height: 900px) {
  .client-reveal-section .client-reveal__sticky > div {
    max-width: min(90vw, 1760px) !important;
    padding-inline: clamp(3rem, 3.4vw, 5rem) !important;
  }

  .client-reveal-section .client-reveal__sticky > div > div {
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr) !important;
    gap: clamp(4rem, 4.4vw, 6.25rem) !important;
  }

  .client-reveal-section .section-header,
  .client-reveal-section [data-testid="section-header-client-reveal"] {
    max-width: 100% !important;
  }

  #client-reveal-heading.client-reveal-motion,
  .client-reveal-section .section-header__title.client-reveal-motion {
    max-width: min(48rem, 100%) !important;
    gap: clamp(.64rem, .68vw, .9rem) !important;
  }

  .client-reveal-motion .client-reveal-line--lead,
  .client-reveal-motion .client-reveal-line--accent {
    font-size: clamp(3.28rem, 2.66vw, 4.32rem) !important;
    line-height: 1.03 !important;
  }

  .client-reveal-motion .client-reveal-detail {
    max-width: min(48rem, 100%) !important;
    margin-top: clamp(.68rem, .72vw, 1rem) !important;
    font-size: clamp(1rem, .78vw, 1.18rem) !important;
    line-height: 1.66 !important;
  }

  .client-reveal__stage {
    justify-self: end !important;
    width: 100% !important;
  }

  .client-reveal__window {
    max-width: min(100%, 86rem) !important;
  }

  .client-workflow-slide__inner {
    max-width: min(88vw, 1760px) !important;
    min-height: min(860px, 100svh - 7rem) !important;
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr) !important;
    column-gap: clamp(4rem, 4.8vw, 7rem) !important;
  }

  .client-workflow-slide__copy {
    max-width: min(40rem, 100%) !important;
  }

  .client-workflow-slide__title {
    font-size: clamp(3rem, 2.34vw, 4.2rem) !important;
  }

  .client-workflow-slide__description {
    max-width: min(38rem, 100%) !important;
    font-size: clamp(1rem, .82vw, 1.16rem) !important;
  }

  .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
    width: min(100%, 72rem) !important;
  }
}

/* Keep the portrait-retouching bento from collapsing into overlap on 2K-class displays. */
@media (min-width: 2000px) and (min-height: 850px),
  (min-width: 1536px) and (min-height: 760px) and (min-resolution: 1.2dppx) {
  #portrait-retouching [data-testid="portrait-retouching-bento"] {
    gap: clamp(1.32rem, 1.6vw, 1.72rem) !important;
    padding-inline: clamp(.18rem, .38vw, .48rem) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"],
  #portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"] {
    z-index: 4 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] {
    width: min(82%, 22.5rem) !important;
    max-width: 22.5rem !important;
    margin-top: clamp(3rem, 2.85vw, 3.7rem) !important;
    justify-self: center !important;
    z-index: 1 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-media {
    inset: clamp(.26rem, .36vw, .34rem) clamp(.26rem, .36vw, .34rem) clamp(.38rem, .5vw, .52rem) clamp(.26rem, .36vw, .34rem) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-image {
    object-position: center 36% !important;
    transform: translateY(.48rem) scale(1.07) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-copy {
    bottom: clamp(3.35rem, 4.4vw, 4rem) !important;
  }
}

/* 2026-06-01 portrait-retouching tonal separation */
#portrait-retouching {
  background:
    radial-gradient(circle at 50% 18%, oklch(31% .024 232 / .32), transparent 34rem),
    radial-gradient(circle at 20% 58%, oklch(19% .018 220 / .32), transparent 32rem),
    linear-gradient(180deg, oklch(9.2% .009 250), oklch(12.8% .012 246) 48%, oklch(8.4% .009 250)) !important;
}

#portrait-retouching [data-testid="portrait-retouching-bento"] {
  isolation: isolate;
}

#portrait-retouching .retouch-card-edge {
  background:
    linear-gradient(180deg, oklch(16.5% .014 242 / .99), oklch(7.6% .009 248 / .99)) !important;
  border-color: oklch(94% .018 230 / .26) !important;
  box-shadow:
    inset 0 1px 0 oklch(100% 0 0 / .18),
    inset 0 -1px 0 oklch(0% 0 0 / .38),
    0 .45rem .75rem oklch(0% 0 0 / .42),
    0 1.35rem 2.65rem oklch(0% 0 0 / .68),
    0 3.1rem 6.8rem oklch(0% 0 0 / .78),
    .9rem 1.2rem 2.8rem oklch(68% .055 225 / .18),
    0 0 0 1px oklch(92% .025 225 / .12),
    0 0 2.6rem oklch(74% .065 225 / .22) !important;
}

#portrait-retouching .retouch-card-media {
  background:
    linear-gradient(180deg, oklch(16% .012 242), oklch(7.5% .008 248)) !important;
  box-shadow:
    inset 0 0 0 1px oklch(100% 0 0 / .055),
    inset 0 -4rem 6rem oklch(0% 0 0 / .36) !important;
}

#portrait-retouching .retouch-card-image--after {
  filter: saturate(1.08) contrast(1.035) brightness(1.18) !important;
}

#portrait-retouching .retouch-card-image--before {
  filter: saturate(1.04) contrast(1.025) brightness(1.1) !important;
}

#portrait-retouching .retouch-card-overlay {
  background:
    linear-gradient(180deg, oklch(10% .012 245 / .04), transparent 48%, oklch(7% .01 246 / .3) 74%, oklch(3.5% .006 250 / .62)),
    radial-gradient(circle at 50% 34%, transparent, transparent 62%, oklch(4% .006 248 / .2)) !important;
}

#portrait-retouching .retouch-card-copy h4 {
  color: oklch(98.5% .006 92 / .98) !important;
  text-shadow:
    0 .12rem .26rem oklch(0% 0 0 / .78),
    0 .72rem 1.45rem oklch(0% 0 0 / .62),
    0 0 .95rem oklch(76% .08 220 / .14) !important;
}

#portrait-retouching .retouch-card-state-chip {
  background: oklch(18% .012 245 / .78) !important;
  border-color: oklch(92% .018 230 / .2) !important;
  color: oklch(96% .006 230 / .9) !important;
  box-shadow:
    inset 0 1px 0 oklch(100% 0 0 / .12),
    0 .45rem 1.1rem oklch(0% 0 0 / .34) !important;
}

@media (min-width: 1024px) {
  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-overlay {
    background:
      linear-gradient(180deg, transparent 42%, oklch(7% .01 246 / .18) 62%, oklch(3.5% .006 250 / .58) 100%) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-media {
    background: linear-gradient(180deg, oklch(15.5% .012 242), oklch(6.8% .008 248)) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-image {
    filter: saturate(1.04) contrast(1.02) brightness(1.13) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .client-reveal-motion,
  .client-reveal-motion *,
  .client-reveal-motion::before,
  .client-reveal-motion::after,
  .client-reveal-motion *::before,
  .client-reveal-motion *::after {
    animation: none !important;
    transition: none !important;
    filter: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

/* 2026-06-01 reference-generation cleaner alignment */
#reference-generation [data-testid="reference-desktop-workbench"] > section:not([data-testid="reference-desktop-selector"]) > .flex.items-center.justify-between.gap-3 {
  display: none !important;
}

#reference-generation [data-testid="reference-desktop-selector"],
#reference-generation [data-testid="reference-card-scroller"],
#reference-generation [data-testid="reference-desktop-workbench"] {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: auto !important;
}

#reference-generation [data-testid="reference-card-scroller"] {
  gap: clamp(.48rem, .72vw, .72rem) !important;
  padding: .28rem 0 .58rem !important;
  margin-top: .34rem !important;
  margin-bottom: -.55rem !important;
}

#reference-generation .reference-selector-card {
  min-height: 2.18rem !important;
  padding: .58rem .72rem !important;
}

#reference-generation .reference-transfer-workbench,
#reference-generation .reference-fusion-stage,
#reference-generation .reference-input-card,
#reference-generation .reference-result-frame,
#reference-generation .reference-target-frame,
#reference-generation .reference-source-media {
  border-color: transparent !important;
}

#reference-generation .reference-transfer-workbench {
  box-shadow: 0 1.45rem 4.4rem oklch(3% .014 260 / .34) !important;
}

#reference-generation .reference-fusion-stage {
  margin-top: 0 !important;
  box-shadow: 0 1.85rem 4.8rem oklch(2% .012 260 / .4) !important;
}

#reference-generation .reference-input-card,
#reference-generation .reference-result-frame {
  box-shadow: 0 1.25rem 3.1rem oklch(0% 0 0 / .36) !important;
}

#reference-generation .reference-source-media,
#reference-generation .reference-target-frame,
#reference-generation .reference-mobile-input-card__media,
#reference-generation .reference-mobile-result-frame {
  box-shadow: none !important;
}

#reference-generation .reference-transfer-workbench::before,
#reference-generation .reference-transfer-workbench::after,
#reference-generation .reference-fusion-stage::before,
#reference-generation .reference-fusion-stage::after,
#reference-generation .reference-input-card::before,
#reference-generation .reference-input-card::after,
#reference-generation .reference-result-frame::before,
#reference-generation .reference-result-frame::after,
#reference-generation .reference-target-frame::before,
#reference-generation .reference-target-frame::after,
#reference-generation .reference-source-media::before,
#reference-generation .reference-source-media::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

#reference-generation .reference-input-card__header,
#reference-generation .reference-source-media__meta,
#reference-generation .reference-result-frame__tag,
#reference-generation .reference-fusion-node,
#reference-generation .reference-fusion-icon,
#reference-generation .reference-mobile-input-row,
#reference-generation .reference-mobile-input-card__media,
#reference-generation .reference-mobile-result-stage,
#reference-generation .reference-mobile-result-frame {
  border-color: transparent !important;
}

#reference-generation .reference-input-card__header {
  box-shadow: none !important;
}

/* 2026-06-01 reference-generation compact selector and image depth */
@media (min-width: 1024px) {
  #reference-generation {
    --reference-stage-gap: clamp(.72rem, 1vw, 1rem);
    --reference-stage-pad: clamp(.68rem, 1vw, .92rem);
    --reference-grid-content-width: min(100%, calc(clamp(17rem, 20vw, 26rem) + 4.1rem + 58rem + (var(--reference-stage-gap) * 2)));
    --reference-tab-width: clamp(8.7rem, 8.9vw, 10.4rem);
  }

  #reference-generation [data-testid="reference-desktop-selector"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }

  #reference-generation [data-testid="reference-desktop-selector"] > .flex.items-center.justify-between.gap-3 {
    width: max-content !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #reference-generation [data-testid="reference-card-scroller"] {
    width: max-content !important;
    max-width: 100% !important;
    grid-template-columns: repeat(5, minmax(var(--reference-tab-width), var(--reference-tab-width))) !important;
    gap: clamp(.5rem, .68vw, .72rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
  }

  #reference-generation .reference-selector-card {
    width: var(--reference-tab-width) !important;
    min-width: 0 !important;
    padding: .52rem .64rem !important;
  }
}

#reference-generation .reference-source-media,
#reference-generation .reference-target-frame {
  border-radius: 1.02rem !important;
  box-shadow:
    0 .9rem 1.45rem oklch(0% 0 0 / .42),
    0 2.15rem 4.8rem oklch(0% 0 0 / .62),
    0 0 0 1px oklch(100% 0 0 / .055),
    0 0 2.4rem oklch(68% .1 225 / .2) !important;
}

#reference-generation .reference-result-frame {
  box-shadow:
    0 1rem 1.85rem oklch(0% 0 0 / .4),
    0 2.55rem 5.6rem oklch(0% 0 0 / .64),
    0 0 0 1px oklch(100% 0 0 / .055),
    0 0 2.5rem color-mix(in oklch, var(--reference-accent) 18%, transparent) !important;
}

#reference-generation .reference-target-image {
  border-radius: .86rem !important;
}

#reference-generation .reference-mobile-input-card__media,
#reference-generation .reference-mobile-result-frame {
  box-shadow:
    0 .9rem 1.8rem oklch(0% 0 0 / .44),
    0 2rem 4.1rem oklch(0% 0 0 / .58),
    0 0 0 1px oklch(100% 0 0 / .052) !important;
}

/* 2026-06-01 pure black surfaces with directional depth */
#portrait-retouching,
#reference-generation {
  background: #000 !important;
  background-image: none !important;
}

#portrait-retouching::before,
#portrait-retouching::after,
#reference-generation::before,
#reference-generation::after {
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

#portrait-retouching .retouch-card-edge {
  background: #030303 !important;
  border-color: oklch(100% 0 0 / .08) !important;
  box-shadow:
    inset 1px 1px 0 oklch(100% 0 0 / .14),
    inset -1px -1px 0 oklch(0% 0 0 / .48),
    .75rem .95rem 1.35rem oklch(0% 0 0 / .66),
    1.7rem 2.15rem 3.9rem oklch(0% 0 0 / .58),
    1.1rem 1.35rem 2.2rem oklch(68% .075 225 / .12) !important;
}

#portrait-retouching .retouch-card-media {
  background: #000 !important;
  box-shadow:
    inset 1px 1px 0 oklch(100% 0 0 / .055),
    inset -1px -1px 0 oklch(0% 0 0 / .55) !important;
}

#portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-media {
  background: #000 !important;
}

#reference-generation,
#reference-generation [data-testid="reference-desktop-workbench"],
#reference-generation [data-testid="reference-desktop-selector"],
#reference-generation [data-testid="reference-card-scroller"],
#reference-generation .reference-transfer-workbench,
#reference-generation .reference-fusion-stage {
  background: #000 !important;
  background-image: none !important;
}

#reference-generation .reference-transfer-workbench,
#reference-generation .reference-fusion-stage {
  box-shadow: none !important;
}

#reference-generation .reference-input-card,
#reference-generation .reference-result-frame,
#reference-generation .reference-target-frame,
#reference-generation .reference-source-media,
#reference-generation .reference-mobile-input-card__media,
#reference-generation .reference-mobile-result-frame {
  background: #030303 !important;
  border-color: oklch(100% 0 0 / .07) !important;
  box-shadow:
    inset 1px 1px 0 oklch(100% 0 0 / .11),
    inset -1px -1px 0 oklch(0% 0 0 / .5),
    .8rem .95rem 1.45rem oklch(0% 0 0 / .7),
    1.75rem 2.2rem 4.15rem oklch(0% 0 0 / .62),
    1.05rem 1.28rem 2.1rem oklch(68% .08 225 / .13) !important;
}

#reference-generation .reference-result-frame {
  box-shadow:
    inset 1px 1px 0 oklch(100% 0 0 / .11),
    inset -1px -1px 0 oklch(0% 0 0 / .5),
    .95rem 1.1rem 1.65rem oklch(0% 0 0 / .72),
    2.05rem 2.55rem 4.9rem oklch(0% 0 0 / .66),
    1.15rem 1.38rem 2.25rem color-mix(in oklch, var(--reference-accent) 16%, transparent) !important;
}

/* 2026-06-02 client story scroll and large-display tuning */
.client-reveal-static,
.client-reveal-static *,
.client-reveal-static::before,
.client-reveal-static::after,
.client-reveal-static *::before,
.client-reveal-static *::after {
  animation: none !important;
  transition-property: opacity, filter, transform !important;
}

.client-reveal-static {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

.client-reveal-static .client-reveal-line--lead,
.client-reveal-static .client-reveal-line--accent,
.client-reveal-static .client-reveal-detail,
.client-reveal-static .client-judgment-glass,
.client-reveal-static .client-efficiency-num,
.client-reveal-static .client-human-ratio,
.client-reveal-static .client-repeat-labor,
.client-reveal-static .client-yamai-word,
.client-reveal-static .client-aesthetic-decision,
.client-reveal-static .client-you-word {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

.client-reveal-static .client-judgment-glass::after,
.client-reveal-static .client-efficiency-num::after,
.client-reveal-static .client-repeat-labor::before,
.client-reveal-static .client-repeat-labor::after,
.client-reveal-static .client-yamai-word::after,
.client-reveal-static .client-aesthetic-decision::after,
.client-reveal-static .client-you-word::after {
  content: none !important;
  display: none !important;
}

@media (min-width: 1024px) {
  .client-reveal-section {
    min-height: clamp(44rem, 100svh, 62rem) !important;
    overflow: visible !important;
    scroll-margin-top: 5rem !important;
  }

  .client-reveal__sticky {
    position: relative !important;
    top: auto !important;
    min-height: auto !important;
  }

  .client-reveal__window {
    animation: none !important;
    animation-timeline: auto !important;
    animation-range: normal !important;
    transform: none !important;
  }
}

@media (min-width: 768px) {
  .client-reveal-section .client-reveal__sticky > div,
  .client-workflow-slide__inner {
    width: 100% !important;
    max-width: min(1520px, calc(100vw - clamp(3rem, 6vw, 7rem))) !important;
    margin-inline: auto !important;
  }

  .client-reveal-section .client-reveal__sticky > div > div {
    display: grid !important;
    grid-template-columns: minmax(25rem, .68fr) minmax(0, 1.42fr) !important;
    align-items: center !important;
    gap: clamp(2.25rem, 5vw, 6.75rem) !important;
  }

  #client-reveal-heading.client-reveal-motion,
  .client-reveal-section .section-header__title.client-reveal-motion {
    max-width: min(45rem, 42vw) !important;
    padding-block: clamp(.35rem, 1vw, 1rem) !important;
  }

  .client-reveal-motion .client-reveal-line--lead,
  .client-reveal-motion .client-reveal-line--accent {
    font-size: clamp(2.7rem, 4vw, 5.35rem) !important;
    line-height: .98 !important;
  }

  .client-reveal-motion .client-reveal-detail {
    max-width: min(42rem, 100%) !important;
    margin-top: clamp(.85rem, 1.35vw, 1.45rem) !important;
    font-size: clamp(1.08rem, 1.24vw, 1.36rem) !important;
    line-height: 1.46 !important;
  }

  .client-reveal__stage {
    justify-self: end !important;
    width: min(100%, 74rem) !important;
  }

  .client-reveal__window {
    width: 100% !important;
    max-width: none !important;
    opacity: .96 !important;
    filter: brightness(.92) contrast(1.12) saturate(1.05) !important;
  }

  .client-workflow-slide {
    min-height: clamp(46rem, 92svh, 64rem) !important;
    scroll-margin-top: clamp(3rem, 8svh, 5.5rem) !important;
  }

  .client-workflow-slide__inner {
    display: grid !important;
    grid-template-columns: minmax(25rem, .66fr) minmax(0, 1.44fr) !important;
    gap: clamp(2.4rem, 5.4vw, 7rem) !important;
    min-height: clamp(44rem, 86svh, 60rem) !important;
    padding-inline: clamp(1.2rem, 2.6vw, 3.2rem) !important;
  }

  .client-workflow-slide__copy {
    max-width: min(43rem, 100%) !important;
    margin-left: 0 !important;
    align-self: center !important;
  }

  .client-workflow-slide__title {
    font-size: clamp(2.75rem, 3.9vw, 5.3rem) !important;
    line-height: 1.01 !important;
  }

  .client-workflow-slide__description {
    max-width: min(40rem, 100%) !important;
    margin-top: clamp(1.15rem, 1.7vw, 1.75rem) !important;
    font-size: clamp(1.06rem, 1.24vw, 1.38rem) !important;
    line-height: 1.62 !important;
  }

  .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
    width: min(100%, 74rem) !important;
    justify-self: end !important;
  }

  .client-workflow-mockup-wrap::before {
    inset: -8% -5% !important;
    opacity: .42 !important;
  }

  .client-workflow-mockup-wrap::after {
    background:
      radial-gradient(ellipse at 50% 50%, transparent 52%, oklch(0% 0 0 / .18) 80%, oklch(0% 0 0 / .56) 100%),
      linear-gradient(90deg, oklch(0% 0 0 / .42), transparent 9%, transparent 91%, oklch(0% 0 0 / .42)) !important;
  }

  .client-workflow-mockup-wrap .client-mockup-panel {
    opacity: .98 !important;
    filter: brightness(.86) contrast(1.2) saturate(1.08) !important;
    -webkit-mask-image:
      linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%),
      radial-gradient(ellipse at 50% 50%, #000 58%, rgba(0, 0, 0, .78) 78%, transparent 100%) !important;
    mask-image:
      linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%),
      radial-gradient(ellipse at 50% 50%, #000 58%, rgba(0, 0, 0, .78) 78%, transparent 100%) !important;
  }
}

@media (min-width: 1600px) {
  .client-reveal-section .client-reveal__sticky > div,
  .client-workflow-slide__inner {
    max-width: min(1840px, calc(100vw - 8rem)) !important;
  }

  .client-reveal-section .client-reveal__sticky > div > div,
  .client-workflow-slide__inner {
    grid-template-columns: minmax(31rem, .62fr) minmax(0, 1.55fr) !important;
    gap: clamp(4rem, 5.8vw, 9rem) !important;
  }

  .client-reveal-motion .client-reveal-line--lead,
  .client-reveal-motion .client-reveal-line--accent {
    font-size: clamp(3.35rem, 4vw, 6rem) !important;
  }

  .client-workflow-slide__title {
    font-size: clamp(3.25rem, 3.55vw, 5.9rem) !important;
  }

  .client-reveal__stage,
  .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
    width: min(100%, 86rem) !important;
  }
}

@media (min-width: 2200px) {
  .client-reveal-section .client-reveal__sticky > div,
  .client-workflow-slide__inner {
    max-width: min(2220px, calc(100vw - 12rem)) !important;
  }

  .client-reveal-section .client-reveal__sticky > div > div,
  .client-workflow-slide__inner {
    grid-template-columns: minmax(38rem, .6fr) minmax(0, 1.68fr) !important;
    gap: clamp(6rem, 6.2vw, 12rem) !important;
  }

  .client-workflow-slide__copy {
    max-width: min(52rem, 100%) !important;
  }

  .client-workflow-slide__title {
    font-size: clamp(4rem, 3.1vw, 6.6rem) !important;
  }

  .client-workflow-slide__description {
    max-width: min(48rem, 100%) !important;
    font-size: clamp(1.3rem, 1vw, 1.62rem) !important;
  }

  .client-reveal__stage,
  .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
    width: min(100%, 104rem) !important;
  }
}

/* 2026-06-02 portrait-retouching compact gallery */
#portrait-retouching {
  --portrait-gallery-max: min(100%, 62rem);
  --portrait-card-gap: clamp(.58rem, 1.45vw, .82rem);
  --portrait-card-press-depth: clamp(.32rem, 1vw, .52rem);
  --portrait-mobile-tall-ratio: 4 / 5;
  --portrait-mobile-wide-ratio: 4 / 3;
  padding-top: clamp(2.2rem, 4.2vw, 4.8rem) !important;
  padding-bottom: clamp(2.7rem, 4.8vw, 5.4rem) !important;
  overflow: visible !important;
}

#portrait-retouching > div {
  width: 100% !important;
  max-width: var(--portrait-gallery-max) !important;
  margin-inline: auto !important;
}

#portrait-retouching .section-header,
#portrait-retouching .section-header__title,
#portrait-retouching .section-header__description {
  max-width: min(100%, 44rem) !important;
  margin-inline: auto !important;
}

#portrait-retouching .section-header__title {
  font-size: clamp(2rem, 4.8vw, 4.2rem) !important;
  line-height: 1.02 !important;
  text-wrap: balance !important;
}

#portrait-retouching .section-header__description {
  margin-top: clamp(.78rem, 1.6vw, 1.15rem) !important;
  font-size: clamp(.96rem, 1.55vw, 1.12rem) !important;
  line-height: 1.58 !important;
  text-wrap: pretty !important;
}

#portrait-retouching [data-testid="reveal-portrait-retouching-bento"] {
  margin-top: clamp(1.35rem, 2.7vw, 2.6rem) !important;
}

#portrait-retouching [data-testid="portrait-retouching-bento"] {
  display: grid !important;
  width: min(100%, 32rem) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  gap: var(--portrait-card-gap) !important;
  align-items: stretch !important;
  justify-content: center !important;
  perspective: 1100px !important;
}

#portrait-retouching .retouch-card-edge {
  --portrait-frame-ratio: 1 / 1;
  --retouch-copy-band: clamp(4.65rem, 15.5vw, 6.2rem);
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: var(--portrait-frame-ratio) !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  padding: clamp(.58rem, 1.5vw, .86rem) !important;
  border-radius: clamp(1rem, 2.2vw, 1.45rem) !important;
  background: #030303 !important;
  border-color: oklch(100% 0 0 / .085) !important;
  overflow: hidden !important;
  transform: perspective(900px) translateY(0) translateZ(0) rotateX(0deg) scale(1) !important;
  transform-origin: 50% 58% !important;
  transform-style: preserve-3d !important;
  transition:
    transform 280ms cubic-bezier(.2, .82, .2, 1),
    box-shadow 280ms cubic-bezier(.2, .82, .2, 1),
    border-color 280ms ease,
    filter 280ms ease !important;
  will-change: transform !important;
  box-shadow:
    inset 1px 1px 0 oklch(100% 0 0 / .13),
    inset -1px -1px 0 oklch(0% 0 0 / .5),
    .66rem .82rem 1.18rem oklch(0% 0 0 / .58),
    1.42rem 1.85rem 3.35rem oklch(0% 0 0 / .52),
    .82rem 1.05rem 1.75rem oklch(68% .075 225 / .1) !important;
}

#portrait-retouching .retouch-card-media {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: #000 !important;
  overflow: hidden !important;
  transform: translateY(0) translateZ(0) scale(1) !important;
  transform-origin: 50% 58% !important;
  transition:
    transform 280ms cubic-bezier(.2, .82, .2, 1),
    filter 280ms ease,
    box-shadow 280ms ease !important;
  box-shadow:
    inset 1px 1px 0 oklch(100% 0 0 / .06),
    inset -1px -1px 0 oklch(0% 0 0 / .58) !important;
}

#portrait-retouching .retouch-card-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: none !important;
  transition:
    opacity 260ms ease,
    filter 280ms ease,
    transform 280ms cubic-bezier(.2, .82, .2, 1) !important;
}

#portrait-retouching .retouch-card-overlay {
  z-index: 1 !important;
  opacity: .9 !important;
  background:
    linear-gradient(180deg, oklch(0% 0 0 / .06), transparent 44%, oklch(0% 0 0 / .34) 72%, oklch(0% 0 0 / .9)),
    radial-gradient(circle at 50% 32%, transparent 0, transparent 54%, oklch(0% 0 0 / .28) 100%) !important;
  transition: opacity 260ms ease, background 260ms ease !important;
}

#portrait-retouching .retouch-card-copy {
  position: absolute !important;
  z-index: 12 !important;
  left: clamp(.86rem, 2.2vw, 1.25rem) !important;
  right: clamp(.86rem, 2.2vw, 1.25rem) !important;
  bottom: clamp(.82rem, 2vw, 1.15rem) !important;
  min-height: 0 !important;
  padding: 0 !important;
}

#portrait-retouching .retouch-card-copy > div {
  max-width: 100% !important;
}

#portrait-retouching .retouch-card-copy h4 {
  display: block !important;
  max-width: 11ch !important;
  color: oklch(99% .004 84) !important;
  font-size: clamp(1.05rem, 4.4vw, 1.5rem) !important;
  line-height: 1.08 !important;
  white-space: normal !important;
  text-wrap: balance !important;
  text-shadow:
    0 .14rem .26rem oklch(0% 0 0 / .84),
    0 .72rem 1.35rem oklch(0% 0 0 / .92) !important;
}

#portrait-retouching .retouch-card-state-chip {
  position: relative !important;
  z-index: 14 !important;
  min-width: 3.2rem !important;
  padding: .34rem .58rem !important;
  font-size: .6rem !important;
  border-radius: 999px !important;
  letter-spacing: 0 !important;
}

#portrait-retouching [data-testid="portrait-retouching-card-one-click-dress-train-refinement"],
#portrait-retouching [data-testid="portrait-retouching-card-facial-dodge-burn"] {
  --portrait-frame-ratio: var(--portrait-mobile-tall-ratio);
  grid-column: 1 / -1 !important;
}

#portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] {
  --portrait-frame-ratio: var(--portrait-mobile-wide-ratio);
  grid-column: 1 / -1 !important;
}

#portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-image,
#portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"][data-image-fit="portrait-contain"] .retouch-card-image {
  object-fit: cover !important;
  object-position: center 38% !important;
  padding: 0 !important;
  transform: none !important;
}

#portrait-retouching [data-testid^="portrait-retouching-card-"] .retouch-card-media {
  inset: 0 !important;
  transform: translateY(0) translateZ(0) scale(1) !important;
}

#portrait-retouching [data-testid^="portrait-retouching-card-"] .retouch-card-copy {
  position: absolute !important;
  left: clamp(.86rem, 2.2vw, 1.25rem) !important;
  right: clamp(.86rem, 2.2vw, 1.25rem) !important;
  bottom: clamp(.82rem, 2vw, 1.15rem) !important;
  min-height: 0 !important;
  padding: 0 !important;
}

@media (hover: hover) and (pointer: fine) {
  #portrait-retouching .retouch-card-edge:hover,
  #portrait-retouching .retouch-card-edge:focus-visible {
    transform: perspective(900px) translateY(var(--portrait-card-press-depth)) translateZ(calc(0px - var(--portrait-card-press-depth))) rotateX(1.15deg) scale(.986) !important;
    filter: brightness(.96) saturate(.98) !important;
    border-color: oklch(100% 0 0 / .16) !important;
    box-shadow:
      inset 0 1.15rem 2.6rem oklch(0% 0 0 / .68),
      inset 0 0 0 1px oklch(100% 0 0 / .12),
      inset 0 -.45rem 1rem oklch(100% 0 0 / .045),
      .22rem .34rem .72rem oklch(0% 0 0 / .58),
      .72rem .92rem 1.65rem oklch(0% 0 0 / .4) !important;
  }

  #portrait-retouching .retouch-card-edge:hover .retouch-card-media,
  #portrait-retouching .retouch-card-edge:focus-visible .retouch-card-media {
    transform: translateY(calc(var(--portrait-card-press-depth) * .48)) translateZ(calc(0px - var(--portrait-card-press-depth))) scale(.986) !important;
    filter: brightness(.86) contrast(1.08) saturate(.96) !important;
    box-shadow:
      inset 0 .8rem 1.8rem oklch(0% 0 0 / .62),
      inset 0 0 0 1px oklch(100% 0 0 / .08) !important;
  }

  #portrait-retouching .retouch-card-edge:hover .retouch-card-image,
  #portrait-retouching .retouch-card-edge:focus-visible .retouch-card-image {
    transform: translateY(calc(var(--portrait-card-press-depth) * .18)) scale(.992) !important;
  }

  #portrait-retouching .retouch-card-edge:hover .retouch-card-overlay,
  #portrait-retouching .retouch-card-edge:focus-visible .retouch-card-overlay {
    opacity: 1 !important;
    background:
      linear-gradient(180deg, oklch(0% 0 0 / .16), transparent 36%, oklch(0% 0 0 / .48) 70%, oklch(0% 0 0 / .94)),
      radial-gradient(circle at 50% 34%, oklch(0% 0 0 / .18), transparent 42%, oklch(0% 0 0 / .5) 100%) !important;
  }

  @supports (transform: translateZ(calc(1px * -1))) {
    #portrait-retouching .retouch-card-edge:hover,
    #portrait-retouching .retouch-card-edge:focus-visible {
      transform: perspective(900px) translateY(var(--portrait-card-press-depth)) translateZ(calc(var(--portrait-card-press-depth) * -1)) rotateX(1.15deg) scale(.986) !important;
    }
  }
}

#portrait-retouching .retouch-card-edge:active {
  transform: perspective(900px) translateY(calc(var(--portrait-card-press-depth) * 1.22)) translateZ(calc(var(--portrait-card-press-depth) * -1.2)) rotateX(1.65deg) scale(.978) !important;
}

@media (min-width: 1024px) {
  #portrait-retouching {
    --portrait-card-gap: clamp(.68rem, .86vw, .88rem);
    --portrait-card-press-depth: clamp(.36rem, .52vw, .56rem);
    --portrait-square-size: clamp(7.25rem, 8.2vw, 9.35rem);
    --portrait-wide-width: calc(var(--portrait-square-size) + var(--portrait-square-size) + var(--portrait-card-gap));
    --portrait-wide-height: calc(var(--portrait-wide-width) * .6875);
    --portrait-gallery-height: calc(var(--portrait-square-size) + var(--portrait-card-gap) + var(--portrait-wide-height));
    --portrait-tall-width: calc(var(--portrait-gallery-height) * .625);
  }

  #portrait-retouching > div {
    max-width: var(--portrait-gallery-max) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-bento"] {
    width: max-content !important;
    max-width: 100% !important;
    grid-template-columns: var(--portrait-tall-width) var(--portrait-square-size) var(--portrait-square-size) var(--portrait-tall-width) !important;
    grid-template-rows: var(--portrait-square-size) var(--portrait-wide-height) !important;
    grid-auto-rows: unset !important;
    align-items: stretch !important;
    justify-items: stretch !important;
  }

  #portrait-retouching .retouch-card-edge {
    --retouch-copy-band: clamp(4.15rem, 3.9vw, 5rem);
    height: 100% !important;
    aspect-ratio: var(--portrait-frame-ratio) !important;
    padding: clamp(.54rem, .68vw, .72rem) !important;
    border-radius: clamp(.92rem, 1.14vw, 1.18rem) !important;
  }

  #portrait-retouching [data-testid^="portrait-retouching-card-"] {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-one-click-dress-train-refinement"] {
    --portrait-frame-ratio: 5 / 8;
    grid-column: 1 / 2 !important;
    grid-row: 1 / 3 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"] {
    --portrait-frame-ratio: 1 / 1;
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"] {
    --portrait-frame-ratio: 1 / 1;
    grid-column: 3 / 4 !important;
    grid-row: 1 / 2 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] {
    --portrait-frame-ratio: 16 / 11;
    grid-column: 2 / 4 !important;
    grid-row: 2 / 3 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-dodge-burn"] {
    --portrait-frame-ratio: 5 / 8;
    grid-column: 4 / 5 !important;
    grid-row: 1 / 3 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-one-click-dress-train-refinement"] .retouch-card-copy h4,
  #portrait-retouching [data-testid="portrait-retouching-card-facial-dodge-burn"] .retouch-card-copy h4 {
    max-width: 8.5ch !important;
    font-size: clamp(1.16rem, 1.45vw, 1.72rem) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"] .retouch-card-copy h4,
  #portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"] .retouch-card-copy h4 {
    max-width: 8ch !important;
    font-size: clamp(.84rem, .92vw, 1.04rem) !important;
    line-height: 1.06 !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] .retouch-card-copy h4 {
    max-width: 10ch !important;
    font-size: clamp(.94rem, 1.02vw, 1.2rem) !important;
  }
}

@media (min-width: 1600px) {
  #portrait-retouching {
    --portrait-gallery-max: min(100%, 66rem);
    --portrait-card-gap: clamp(.74rem, .62vw, .94rem);
    --portrait-card-press-depth: clamp(.4rem, .34vw, .58rem);
    --portrait-square-size: clamp(7.8rem, 5.8vw, 9.75rem);
    padding-top: clamp(2.4rem, 2.6vw, 4rem) !important;
    padding-bottom: clamp(2.8rem, 3vw, 4.5rem) !important;
  }

  #portrait-retouching .section-header,
  #portrait-retouching .section-header__title,
  #portrait-retouching .section-header__description {
    max-width: min(100%, 48rem) !important;
  }

  #portrait-retouching .section-header__title {
    font-size: clamp(2.65rem, 2.7vw, 4.05rem) !important;
  }

  #portrait-retouching .section-header__description {
    font-size: clamp(1.05rem, .86vw, 1.24rem) !important;
  }
}

@media (min-width: 2200px) {
  #portrait-retouching {
    --portrait-gallery-max: min(100%, 72rem);
    --portrait-card-gap: clamp(.84rem, .46vw, 1.06rem);
    --portrait-card-press-depth: clamp(.44rem, .28vw, .62rem);
    --portrait-square-size: clamp(8.1rem, 4.55vw, 10rem);
  }
}

@media (max-width: 1023px) {
  #portrait-retouching {
    --portrait-gallery-max: min(100%, 34rem);
  }

  #portrait-retouching [data-testid="portrait-retouching-bento"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #portrait-retouching .retouch-card-edge {
    aspect-ratio: var(--portrait-frame-ratio) !important;
  }
}

@media (max-width: 767px) {
  #portrait-retouching {
    --portrait-gallery-max: min(100%, 30rem);
    padding-top: clamp(2.2rem, 9vw, 3.4rem) !important;
    padding-bottom: clamp(2.8rem, 10vw, 4.6rem) !important;
  }

  #portrait-retouching .section-header__title {
    font-size: clamp(2rem, 10.2vw, 3rem) !important;
  }

  #portrait-retouching .section-header__description {
    font-size: clamp(.96rem, 4vw, 1.08rem) !important;
  }
}

@media (max-width: 540px) {
  #portrait-retouching {
    --portrait-gallery-max: min(100%, 24rem);
    --portrait-card-gap: clamp(.52rem, 2.55vw, .7rem);
  }

  #portrait-retouching [data-testid="portrait-retouching-bento"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas: none;
    width: min(100%, 24rem) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-one-click-dress-train-refinement"] {
    grid-area: dress !important;
    grid-column: auto !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-dodge-burn"] {
    grid-area: face !important;
    grid-column: auto !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"] {
    grid-area: focus !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"] {
    grid-area: old !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] {
    grid-area: body !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"],
  #portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"] {
    grid-column: auto !important;
  }

  #portrait-retouching .retouch-card-copy h4 {
    font-size: clamp(.82rem, 4vw, 1.05rem) !important;
  }

  #portrait-retouching .retouch-card-state-chip {
    transform: scale(.84);
    transform-origin: top right;
  }
}

/* 2026-06-02 reference line-art polish */
#reference-generation {
  --reference-transport-lines: 1;
}

#reference-generation [data-testid="reference-desktop-selector"] > .flex.items-center.justify-between.gap-3 {
  display: none !important;
}

#reference-generation [data-testid="reference-card-scroller"] {
  margin-top: 0 !important;
}

#reference-generation .reference-fusion-icon,
#reference-generation .reference-fusion-particles {
  display: none !important;
  opacity: 0 !important;
}

#reference-generation .reference-fusion-node {
  width: clamp(3.65rem, 4.4vw, 5.25rem) !important;
  height: clamp(1.55rem, 1.8vw, 2.05rem) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-image:
    linear-gradient(90deg, transparent 0%, transparent 22%, oklch(74% .075 220 / .18) 34%, oklch(88% .05 220 / .9) 48%, oklch(72% .08 220 / .26) 62%, transparent 78%, transparent 100%),
    linear-gradient(90deg, transparent 0%, transparent 16%, oklch(74% .075 220 / .14) 30%, oklch(92% .035 220 / .72) 52%, oklch(74% .075 220 / .2) 68%, transparent 84%, transparent 100%),
    linear-gradient(90deg, transparent 0%, transparent 28%, oklch(74% .075 220 / .16) 42%, oklch(86% .05 220 / .78) 56%, oklch(74% .075 220 / .18) 70%, transparent 88%, transparent 100%) !important;
  background-repeat: no-repeat !important;
  background-size: 220% 1px, 220% 1px, 220% 1px !important;
  background-position: -112% 30%, -148% 50%, -184% 70% !important;
  animation: yamai-reference-line-transfer 1.72s linear infinite !important;
  box-shadow: none !important;
  filter: drop-shadow(0 0 .42rem oklch(82% .065 220 / .28)) !important;
}

#reference-generation .reference-fusion-node::before,
#reference-generation .reference-fusion-node::after {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
  display: block !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

#reference-generation .reference-fusion-node::before {
  left: 11% !important;
  right: 11% !important;
  top: 50% !important;
  height: 1px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, oklch(78% .055 220 / .42), transparent) !important;
  transform: translateY(-50%) !important;
}

#reference-generation .reference-fusion-node::after {
  left: 58% !important;
  top: 50% !important;
  width: clamp(.72rem, .9vw, 1.05rem) !important;
  height: 2px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, oklch(92% .035 220 / 0), oklch(92% .035 220 / .88), oklch(92% .035 220 / 0)) !important;
  transform: translate(-50%, -50%) !important;
  animation: yamai-reference-transfer-spark 1.72s linear infinite !important;
}

#reference-generation .reference-input-stream,
#reference-generation .reference-result-stream {
  height: 1px !important;
  border: 0 !important;
  background: linear-gradient(90deg, transparent, oklch(82% .045 220 / .56), transparent) !important;
  filter: none !important;
  box-shadow: none !important;
  opacity: .72 !important;
}

#reference-generation .reference-input-stream::before,
#reference-generation .reference-input-stream::after,
#reference-generation .reference-result-stream::before,
#reference-generation .reference-result-stream::after {
  content: none !important;
  display: none !important;
}

@keyframes yamai-reference-line-transfer {
  0% {
    background-position: -112% 30%, -148% 50%, -184% 70%;
    opacity: .58;
  }

  42% {
    opacity: .94;
  }

  100% {
    background-position: 116% 30%, 82% 50%, 48% 70%;
    opacity: .7;
  }
}

@keyframes yamai-reference-transfer-spark {
  0% {
    opacity: 0;
    transform: translate(-220%, -50%);
  }

  28% {
    opacity: .85;
  }

  100% {
    opacity: 0;
    transform: translate(165%, -50%);
  }
}

#reference-generation .reference-source-media img,
#reference-generation .reference-target-frame img,
#reference-generation .reference-target-image,
#reference-generation .reference-result-frame img,
#reference-generation .reference-result-content,
#reference-generation .reference-mobile-input-card__media img,
#reference-generation .reference-mobile-result-frame img {
  transform: translateZ(0) scale(1) !important;
  transform-origin: 50% 50% !important;
  transition:
    transform 320ms cubic-bezier(.22, 1, .36, 1),
    filter 320ms ease !important;
  will-change: transform !important;
}

#reference-generation .reference-source-media:hover img,
#reference-generation .reference-target-frame:hover img,
#reference-generation .reference-target-frame:hover .reference-target-image,
#reference-generation .reference-result-frame:hover img,
#reference-generation .reference-result-frame:hover .reference-result-content,
#reference-generation .reference-mobile-input-card__media:hover img,
#reference-generation .reference-mobile-result-frame:hover img {
  transform: translateZ(0) scale(1.025) !important;
}

/* 2026-06-02 client compact no-overlap pass */
@media (min-width: 768px) {
  .client-reveal-section .client-reveal__sticky > div,
  .client-workflow-slide__inner {
    max-width: min(1240px, calc(100vw - clamp(2.5rem, 5vw, 6rem))) !important;
  }

  .client-reveal-section .client-reveal__sticky > div > div,
  .client-workflow-slide__inner {
    grid-template-columns: minmax(17rem, .66fr) minmax(0, 1fr) !important;
    gap: clamp(1.45rem, 2.55vw, 3.5rem) !important;
  }

  #client-reveal-heading.client-reveal-motion,
  .client-reveal-section .section-header__title.client-reveal-motion,
  .client-workflow-slide__copy {
    max-width: min(30rem, 35vw) !important;
    min-width: 0 !important;
  }

  .client-reveal-motion .client-reveal-line--lead,
  .client-reveal-motion .client-reveal-line--accent,
  .client-workflow-slide__title {
    font-size: clamp(1.75rem, 2.18vw, 3.05rem) !important;
    line-height: 1.03 !important;
    overflow-wrap: anywhere !important;
  }

  .client-reveal-motion .client-reveal-detail,
  .client-workflow-slide__description {
    max-width: min(28rem, 100%) !important;
    font-size: clamp(.9rem, .82vw, 1.02rem) !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere !important;
  }

  .client-reveal__stage,
  .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
    width: min(100%, 50rem) !important;
    min-width: 0 !important;
    justify-self: end !important;
  }
}

@media (min-width: 1600px) {
  .client-reveal-section .client-reveal__sticky > div,
  .client-workflow-slide__inner {
    max-width: min(1360px, calc(100vw - 7rem)) !important;
  }

  .client-reveal-section .client-reveal__sticky > div > div,
  .client-workflow-slide__inner {
    grid-template-columns: minmax(18rem, .64fr) minmax(0, 1fr) !important;
    gap: clamp(2rem, 2.8vw, 4.4rem) !important;
  }

  .client-reveal-motion .client-reveal-line--lead,
  .client-reveal-motion .client-reveal-line--accent,
  .client-workflow-slide__title {
    font-size: clamp(2.05rem, 1.92vw, 3.55rem) !important;
  }

  .client-reveal__stage,
  .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
    width: min(100%, 56rem) !important;
  }
}

@media (min-width: 2200px) {
  .client-reveal-section .client-reveal__sticky > div,
  .client-workflow-slide__inner {
    max-width: min(1480px, calc(100vw - 10rem)) !important;
  }

  .client-reveal-motion .client-reveal-line--lead,
  .client-reveal-motion .client-reveal-line--accent,
  .client-workflow-slide__title {
    font-size: clamp(2.3rem, 1.62vw, 4.05rem) !important;
  }

  .client-reveal__stage,
  .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
  .client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
    width: min(100%, 62rem) !important;
  }
}

/* 2026-06-02 portrait-retouching unified proportion pass */
#portrait-retouching {
  --portrait-mobile-tall-ratio: 5 / 8;
  --portrait-mobile-wide-ratio: 16 / 11;
  --portrait-card-press-depth: clamp(.055rem, .14vw, .11rem);
  --portrait-card-gap: clamp(.52rem, 1.9vw, .82rem);
  --portrait-square-size: clamp(4.05rem, 17.8vw, 4.75rem);
  --portrait-wide-width: calc(var(--portrait-square-size) + var(--portrait-square-size) + var(--portrait-card-gap));
  --portrait-wide-height: calc(var(--portrait-wide-width) * .6875);
  --portrait-gallery-height: calc(var(--portrait-square-size) + var(--portrait-card-gap) + var(--portrait-wide-height));
  --portrait-tall-width: calc(var(--portrait-gallery-height) * .625);
}

#portrait-retouching [data-testid="portrait-retouching-bento"] {
  width: max-content !important;
  max-width: 100% !important;
  grid-template-columns: var(--portrait-tall-width) var(--portrait-square-size) var(--portrait-square-size) var(--portrait-tall-width) !important;
  grid-template-rows: var(--portrait-square-size) var(--portrait-wide-height) !important;
  grid-template-areas: none !important;
  grid-auto-rows: unset !important;
  justify-content: center !important;
}

/* 2026-06-02 portrait-retouching spacious desktop scale */
#portrait-retouching > div,
#portrait-retouching [data-testid="reveal-portrait-retouching-bento"] {
  width: 100% !important;
}

#portrait-retouching [data-testid="portrait-retouching-bento"] {
  padding-inline: clamp(.25rem, 1.6vw, 1.25rem) !important;
}

#portrait-retouching [data-testid^="portrait-retouching-card-"] {
  width: 100% !important;
  height: 100% !important;
  grid-area: auto !important;
  margin: 0 !important;
}

#portrait-retouching [data-testid="portrait-retouching-card-one-click-dress-train-refinement"] {
  --portrait-frame-ratio: 5 / 8;
  grid-column: 1 / 2 !important;
  grid-row: 1 / 3 !important;
}

#portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"] {
  --portrait-frame-ratio: 1 / 1;
  grid-column: 2 / 3 !important;
  grid-row: 1 / 2 !important;
}

#portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"] {
  --portrait-frame-ratio: 1 / 1;
  grid-column: 3 / 4 !important;
  grid-row: 1 / 2 !important;
}

#portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] {
  --portrait-frame-ratio: 16 / 11;
  grid-column: 2 / 4 !important;
  grid-row: 2 / 3 !important;
}

#portrait-retouching [data-testid="portrait-retouching-card-facial-dodge-burn"] {
  --portrait-frame-ratio: 5 / 8;
  grid-column: 4 / 5 !important;
  grid-row: 1 / 3 !important;
}

@media (hover: hover) and (pointer: fine) {
  #portrait-retouching .retouch-card-edge:hover,
  #portrait-retouching .retouch-card-edge:focus-visible {
    transform: perspective(900px) translateY(calc(var(--portrait-card-press-depth) * .45)) translateZ(calc(var(--portrait-card-press-depth) * -.18)) rotateX(.18deg) scale(.998) !important;
    filter: brightness(.992) saturate(.998) !important;
    box-shadow:
      inset 0 .16rem .38rem oklch(0% 0 0 / .28),
      inset 0 0 0 1px oklch(100% 0 0 / .08),
      .18rem .24rem .44rem oklch(0% 0 0 / .34),
      .38rem .48rem .82rem oklch(0% 0 0 / .22) !important;
  }

  #portrait-retouching .retouch-card-edge:hover .retouch-card-media,
  #portrait-retouching .retouch-card-edge:focus-visible .retouch-card-media {
    transform: translateY(calc(var(--portrait-card-press-depth) * .1)) translateZ(calc(var(--portrait-card-press-depth) * -.08)) scale(.999) !important;
    filter: brightness(.975) contrast(1.012) saturate(.994) !important;
    box-shadow:
      inset 0 .12rem .28rem oklch(0% 0 0 / .24),
      inset 0 0 0 1px oklch(100% 0 0 / .055) !important;
  }

  #portrait-retouching .retouch-card-edge:hover .retouch-card-image,
  #portrait-retouching .retouch-card-edge:focus-visible .retouch-card-image {
    transform: translateY(calc(var(--portrait-card-press-depth) * .03)) scale(.999) !important;
  }
}

@media (min-width: 1024px) {
  #portrait-retouching {
    --portrait-gallery-max: min(100%, 68rem);
    --portrait-card-gap: clamp(.82rem, .95vw, 1.18rem);
    --portrait-square-size: clamp(8.8rem, 8.8vw, 10.8rem);
  }

  #portrait-retouching [data-testid="portrait-retouching-bento"] {
    padding-inline: clamp(1rem, 3vw, 3.75rem) !important;
  }
}

/* 2026-06-02 portrait-retouching client-edge alignment */
@media (min-width: 1280px) {
  #portrait-retouching {
    --portrait-gallery-max: min(100%, 82rem);
    --portrait-card-gap: clamp(.95rem, 1.1vw, 1.35rem);
    --portrait-square-size: clamp(13rem, 12.8vw, 14.4rem);
  }

  #portrait-retouching [data-testid="portrait-retouching-bento"] {
    padding-inline: clamp(.75rem, 1.2vw, 1.25rem) !important;
  }
}

@media (min-width: 1600px) {
  #portrait-retouching {
    --portrait-gallery-max: min(100%, 88rem);
    --portrait-card-gap: clamp(1rem, .82vw, 1.42rem);
    --portrait-square-size: clamp(14.4rem, 7.4vw, 15.2rem);
  }
}

@media (min-width: 2200px) {
  #portrait-retouching {
    --portrait-gallery-max: min(100%, 96rem);
    --portrait-card-gap: clamp(1.1rem, .62vw, 1.58rem);
    --portrait-square-size: clamp(15.4rem, 5.8vw, 16.4rem);
  }
}

@media (max-width: 540px) {
  #portrait-retouching {
    --portrait-gallery-max: min(100%, 24rem);
  }

  #portrait-retouching .retouch-card-edge {
    padding: clamp(.34rem, 1.9vw, .48rem) !important;
    border-radius: clamp(.74rem, 3vw, .92rem) !important;
  }

  #portrait-retouching .retouch-card-copy {
    left: .48rem !important;
    right: .48rem !important;
    bottom: .48rem !important;
  }

  #portrait-retouching .retouch-card-copy h4 {
    font-size: clamp(.62rem, 2.55vw, .82rem) !important;
    line-height: 1.08 !important;
  }

  #portrait-retouching .retouch-card-state-chip {
    min-width: 0 !important;
    padding: .22rem .38rem !important;
    font-size: .48rem !important;
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #reference-generation .reference-source-media img,
  #reference-generation .reference-target-frame img,
  #reference-generation .reference-target-image,
  #reference-generation .reference-result-frame img,
  #reference-generation .reference-result-content,
  #portrait-retouching .retouch-card-edge,
  #portrait-retouching .retouch-card-media,
  #portrait-retouching .retouch-card-image {
    transition: none !important;
  }

  #reference-generation .reference-source-media:hover img,
  #reference-generation .reference-target-frame:hover img,
  #reference-generation .reference-target-frame:hover .reference-target-image,
  #reference-generation .reference-result-frame:hover img,
  #reference-generation .reference-result-frame:hover .reference-result-content,
  #portrait-retouching .retouch-card-edge:hover,
  #portrait-retouching .retouch-card-edge:focus-visible,
  #portrait-retouching .retouch-card-edge:hover .retouch-card-media,
  #portrait-retouching .retouch-card-edge:focus-visible .retouch-card-media,
  #portrait-retouching .retouch-card-edge:hover .retouch-card-image,
  #portrait-retouching .retouch-card-edge:focus-visible .retouch-card-image {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #portrait-retouching .retouch-card-edge,
  #portrait-retouching .retouch-card-media,
  #portrait-retouching .retouch-card-image,
  #portrait-retouching .retouch-card-overlay {
    transition: none !important;
  }

  #portrait-retouching .retouch-card-edge:hover,
  #portrait-retouching .retouch-card-edge:focus-visible,
  #portrait-retouching .retouch-card-edge:active,
  #portrait-retouching .retouch-card-edge:hover .retouch-card-media,
  #portrait-retouching .retouch-card-edge:focus-visible .retouch-card-media,
  #portrait-retouching .retouch-card-edge:hover .retouch-card-image,
  #portrait-retouching .retouch-card-edge:focus-visible .retouch-card-image {
    transform: none !important;
  }
}

/* 2026-06-02 remove page divider lines */
#root section[id],
#root article[id],
#root .site-section,
#root .pricing-section,
#root .client-reveal-section,
#root .client-workflow,
#root .client-workflow-slide,
#root .upscale-outpaint-section,
#root .closing-brand-footer[data-yamai-footer-brand="masthead"] {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  border-block-width: 0 !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

#root [data-testid="feature-showcase-list"] > article,
#root [data-testid^="category-showcase-"] {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}

/* 2026-06-02 feature-section client-edge alignment */
#scene-restoration,
#image-composition,
#reference-generation,
#atmosphere-effects {
  --feature-align-max: min(100%, 82rem);
}

#scene-restoration .scene-repair-section,
#image-composition .composition-section > .relative,
#reference-generation,
#reference-generation [data-testid="reference-transfer-workbench"],
#atmosphere-effects .one-click-magic__band > .relative {
  width: 100% !important;
  max-width: var(--feature-align-max) !important;
  margin-inline: auto !important;
}

#scene-restoration .scene-repair-section,
#image-composition .composition-section,
#atmosphere-effects .one-click-magic__band {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  border-block-width: 0 !important;
}

#image-composition .composition-tool-stage,
#atmosphere-effects .one-click-magic__stage {
  width: 100% !important;
  max-width: 100% !important;
}

@media (min-width: 1600px) {
  #scene-restoration,
  #image-composition,
  #reference-generation,
  #atmosphere-effects {
    --feature-align-max: min(100%, 88rem);
  }
}

@media (min-width: 2200px) {
  #scene-restoration,
  #image-composition,
  #reference-generation,
  #atmosphere-effects {
    --feature-align-max: min(100%, 96rem);
  }
}

/* 2026-06-02 image-composition one-screen compact pass */
@media (min-width: 1024px) {
  #image-composition .composition-section {
    padding-block: clamp(2.35rem, 4.2svh, 3.55rem) !important;
  }

  #image-composition .section-header {
    margin-bottom: clamp(.85rem, 1.8svh, 1.25rem) !important;
  }

  #image-composition .section-header__title {
    font-size: clamp(2.25rem, 2.75vw, 3.25rem) !important;
    line-height: 1.04 !important;
  }

  #image-composition .section-header__description {
    max-width: min(46rem, 100%) !important;
    font-size: clamp(.9rem, .9vw, 1.08rem) !important;
    line-height: 1.5 !important;
  }

  #image-composition .composition-tool-tabs {
    gap: clamp(.48rem, .7vw, .72rem) !important;
    margin-top: clamp(.72rem, 1.3svh, 1rem) !important;
  }

  #image-composition .composition-tool-tab {
    min-inline-size: min(11.2rem, 18vw) !important;
    min-height: 2.78rem !important;
    padding: .58rem .76rem !important;
  }

  #image-composition .composition-tool-stage {
    min-height: clamp(24rem, 39vw, 34rem);
    grid-template-columns: minmax(15.5rem, .54fr) minmax(0, .78fr) !important;
    gap: clamp(1.25rem, 2.4vw, 3.1rem) !important;
    margin-top: clamp(.9rem, 1.8svh, 1.35rem) !important;
  }

  #image-composition .composition-tool-stage__header {
    gap: clamp(.68rem, 1.2vw, .95rem) !important;
    padding-left: clamp(.82rem, 1.5vw, 1.18rem) !important;
  }

  #image-composition .composition-tool-stage__header h4 {
    font-size: clamp(1.82rem, 2.35vw, 2.85rem) !important;
    line-height: 1 !important;
  }

  #image-composition .composition-tool-stage__description {
    max-width: min(25rem, 100%) !important;
    margin-top: clamp(.62rem, 1.1svh, .9rem) !important;
    font-size: clamp(.86rem, .78vw, .98rem) !important;
    line-height: 1.58 !important;
  }

  #image-composition .composition-tool-stage__tags {
    gap: .42rem !important;
  }

  #image-composition .composition-tool-stage__tags span,
  #image-composition .composition-floating-chip,
  #image-composition .composition-redraw-patch__checks span {
    padding: .38rem .52rem !important;
    font-size: .66rem !important;
  }

  #image-composition .composition-before-after {
    width: min(100%, clamp(21rem, 26vw, 28.5rem)) !important;
  }

  #image-composition .composition-image-frame,
  #image-composition .composition-redraw-canvas {
    height: clamp(17rem, 25vw, 24rem) !important;
  }

  #image-composition .composition-redraw-patch__preview {
    height: clamp(10.5rem, 18vw, 15rem) !important;
  }
}

@media (min-width: 1600px) {
  #image-composition .composition-tool-stage {
    grid-template-columns: minmax(16.5rem, .52fr) minmax(0, .82fr) !important;
  }

  #image-composition .composition-before-after {
    width: min(100%, clamp(23rem, 21vw, 30rem)) !important;
  }
}

@media (max-width: 767px) {
  #image-composition .composition-section {
    padding-block: clamp(2.4rem, 10vw, 3.4rem) !important;
  }

  #image-composition .composition-tool-stage {
    max-width: min(100%, 28rem) !important;
    margin-top: clamp(1.1rem, 4vw, 1.5rem) !important;
  }
}

/* 2026-06-02 scene restoration side fade */
#scene-restoration .scene-repair-track {
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/* 2026-06-02 reference clean speed curtain */
#reference-generation .reference-fusion-stage,
#reference-generation .reference-mobile-result-stage {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  contain: layout paint !important;
}

#reference-generation .reference-input-card,
#reference-generation .reference-result-frame,
#reference-generation .reference-target-frame,
#reference-generation .reference-source-media,
#reference-generation .reference-mobile-input-card,
#reference-generation .reference-mobile-input-card__media,
#reference-generation .reference-mobile-result-frame,
#reference-generation .reference-fusion-node,
#reference-generation .reference-input-stream,
#reference-generation .reference-result-stream,
#reference-generation .reference-result-sweep {
  animation: none !important;
}

#reference-generation .reference-input-card,
#reference-generation .reference-result-frame,
#reference-generation .reference-target-frame,
#reference-generation .reference-source-media,
#reference-generation .reference-mobile-input-card__media,
#reference-generation .reference-mobile-result-frame {
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
}

#reference-generation .reference-result-sweep {
  opacity: 0 !important;
  display: none !important;
}

#reference-generation .reference-fusion-stage::after,
#reference-generation .reference-mobile-result-stage::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 40 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  clip-path: inset(0 100% 0 0);
  transform: translate3d(0, 0, 0);
  background:
    radial-gradient(ellipse at 50% 50%, oklch(0% 0 0 / 0) 42%, oklch(0% 0 0 / .7) 100%),
    linear-gradient(90deg, oklch(4% .01 260 / .94) 0%, oklch(7% .012 250 / .96) 44%, oklch(5% .01 260 / .94) 100%),
    repeating-linear-gradient(100deg, oklch(100% 0 0 / 0) 0 1.05rem, oklch(94% .025 218 / .24) 1.08rem 1.11rem, oklch(100% 0 0 / 0) 1.18rem 2.1rem),
    linear-gradient(90deg, oklch(92% .035 220 / 0), oklch(92% .035 220 / .2) 42%, oklch(92% .035 220 / 0) 72%) !important;
  background-blend-mode: multiply, normal, screen, screen !important;
  box-shadow:
    inset 0 0 3.2rem oklch(0% 0 0 / .64),
    inset 1.1rem 0 1.8rem oklch(0% 0 0 / .52),
    inset -1rem 0 1.8rem oklch(0% 0 0 / .72) !important;
  will-change: clip-path, opacity !important;
}

#reference-generation.is-reference-switching .reference-fusion-stage::after,
#reference-generation.is-reference-switching .reference-mobile-result-stage::after {
  opacity: 1 !important;
  animation: yamai-reference-switch-curtain 520ms cubic-bezier(.16, 1, .3, 1) both !important;
}

#reference-generation.is-reference-switching[data-reference-switch-phase="covered"] .reference-fusion-stage::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="covered"] .reference-mobile-result-stage::after {
  opacity: 1 !important;
  clip-path: inset(0 0 0 0) !important;
  transform: translate3d(0, 0, 0) !important;
  animation: none !important;
}

#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-fusion-stage::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-mobile-result-stage::after {
  opacity: 1 !important;
  animation: yamai-reference-switch-reveal 230ms cubic-bezier(.22, 1, .36, 1) both !important;
}

@keyframes yamai-reference-switch-curtain {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }

  12% {
    opacity: 1;
  }

  46% {
    clip-path: inset(0 0 0 0);
  }

  70% {
    clip-path: inset(0 0 0 0);
  }

  100% {
    clip-path: inset(0 0 0 100%);
    opacity: .96;
  }
}

@keyframes yamai-reference-switch-reveal {
  0% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }

  100% {
    clip-path: inset(0 0 0 100%);
    opacity: .96;
  }
}

@media (prefers-reduced-motion: reduce) {
  #reference-generation.is-reference-switching .reference-fusion-stage::after,
  #reference-generation.is-reference-switching .reference-mobile-result-stage::after {
    animation-duration: 1ms !important;
  }
}

/* 2026-06-02 reference line connector */
#reference-generation {
  --reference-line-connector: 1;
}

#reference-generation .reference-fusion-icon,
#reference-generation .reference-fusion-particles {
  display: none !important;
  opacity: 0 !important;
}

#reference-generation .reference-fusion-node {
  width: clamp(3.25rem, 4.6vw, 5.8rem) !important;
  height: clamp(.72rem, .9vw, .95rem) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
  position: relative !important;
}

#reference-generation .reference-fusion-node::before,
#reference-generation .reference-fusion-node::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  border: 0 !important;
  border-radius: 999px !important;
  width: clamp(3.25rem, 4.6vw, 5.8rem) !important;
  height: 1px !important;
  opacity: .86 !important;
  background:
    linear-gradient(90deg, oklch(88% .04 220 / 0), oklch(90% .045 220 / .72) 32%, oklch(90% .045 220 / .88) 50%, oklch(90% .045 220 / .72) 68%, oklch(88% .04 220 / 0)) !important;
  box-shadow: 0 0 .72rem oklch(70% .08 225 / .18) !important;
  animation: none !important;
  pointer-events: none !important;
}

#reference-generation .reference-fusion-node::before {
  transform: translate(-50%, -50%) rotate(0deg) !important;
}

#reference-generation .reference-fusion-node::after {
  width: clamp(2.15rem, 3.2vw, 4.25rem) !important;
  height: 1px !important;
  transform: translate(-50%, calc(-50% + .24rem)) rotate(0deg) !important;
  opacity: .34 !important;
  background:
    linear-gradient(90deg, oklch(88% .04 220 / 0), oklch(90% .045 220 / .58) 50%, oklch(88% .04 220 / 0)) !important;
}

#reference-generation .reference-input-stream,
#reference-generation .reference-result-stream {
  opacity: .45 !important;
  background: linear-gradient(90deg, transparent, oklch(78% .06 225 / .4), transparent) !important;
  box-shadow: none !important;
  filter: none !important;
  animation: none !important;
}

/* 2026-06-02 portrait-retouching quiet labels and vertical mobile */
#portrait-retouching .retouch-card-edge {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow:
    0 1.1rem 2.6rem oklch(0% 0 0 / .26),
    0 2.6rem 5.4rem oklch(0% 0 0 / .22) !important;
}

#portrait-retouching .retouch-card-media {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

#portrait-retouching .retouch-card-state-chip {
  position: absolute !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  z-index: 18 !important;
  top: clamp(.68rem, 1.6vw, .95rem) !important;
  left: clamp(.72rem, 1.6vw, 1rem) !important;
  right: auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  max-width: max-content !important;
  max-height: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: oklch(96% .006 90 / .72) !important;
  font-size: clamp(.58rem, .74vw, .72rem) !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  place-items: initial !important;
  text-shadow:
    0 .1rem .24rem oklch(0% 0 0 / .86),
    0 .55rem 1.15rem oklch(0% 0 0 / .72) !important;
  transform: none !important;
}

#portrait-retouching .retouch-card-state-chip__label {
  display: none !important;
}

#portrait-retouching [data-comparison-state="after"] .retouch-card-state-chip__label--after,
#portrait-retouching [data-comparison-state="before"] .retouch-card-state-chip__label--before {
  display: inline !important;
}

#portrait-retouching .retouch-card-edge > .relative.z-10 > .flex.items-start.justify-end {
  display: contents !important;
}

@media (hover: hover) and (pointer: fine) {
  #portrait-retouching .retouch-card-edge:hover,
  #portrait-retouching .retouch-card-edge:focus-visible {
    border: 0 !important;
    box-shadow:
      inset 0 .16rem .38rem oklch(0% 0 0 / .22),
      0 .9rem 1.8rem oklch(0% 0 0 / .32),
      0 2rem 4.2rem oklch(0% 0 0 / .24) !important;
  }

  #portrait-retouching .retouch-card-edge:hover .retouch-card-media,
  #portrait-retouching .retouch-card-edge:focus-visible .retouch-card-media {
    box-shadow: none !important;
  }
}

@media (max-width: 767px) {
  #portrait-retouching {
    --portrait-mobile-stack-width: min(100%, 22.5rem);
    --portrait-card-gap: clamp(.78rem, 3.4vw, 1.05rem);
    --portrait-mobile-square-width: calc((var(--portrait-mobile-stack-width) - var(--portrait-card-gap)) / 2);
    --portrait-gallery-max: min(100%, 24rem);
  }

  #portrait-retouching > div,
  #portrait-retouching [data-testid="reveal-portrait-retouching-bento"] {
    width: 100% !important;
    max-width: var(--portrait-gallery-max) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-bento"] {
    width: var(--portrait-mobile-stack-width) !important;
    max-width: 100% !important;
    padding-inline: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    grid-template-areas: "dress dress" "focus old" "body body" "face face" !important;
    gap: var(--portrait-card-gap) !important;
    justify-content: center !important;
    align-items: stretch !important;
  }

  #portrait-retouching .retouch-card-edge {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: clamp(.9rem, 4.2vw, 1.22rem) !important;
    aspect-ratio: var(--portrait-frame-ratio) !important;
  }

  #portrait-retouching .retouch-card-media {
    border-radius: inherit !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-one-click-dress-train-refinement"] {
    --portrait-frame-ratio: 5 / 8;
    grid-area: dress !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"] {
    --portrait-frame-ratio: 1 / 1;
    grid-area: focus !important;
    grid-column: auto !important;
    width: 100% !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"] {
    --portrait-frame-ratio: 1 / 1;
    grid-area: old !important;
    grid-column: auto !important;
    width: 100% !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-body-reshaping"] {
    --portrait-frame-ratio: 16 / 11;
    grid-area: body !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-dodge-burn"] {
    --portrait-frame-ratio: 5 / 8;
    grid-area: face !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  #portrait-retouching .retouch-card-copy {
    left: clamp(.72rem, 3.4vw, 1rem) !important;
    right: clamp(.72rem, 3.4vw, 1rem) !important;
    bottom: clamp(.72rem, 3.4vw, 1rem) !important;
  }

  #portrait-retouching .retouch-card-copy h4 {
    font-size: clamp(.98rem, 5.6vw, 1.45rem) !important;
    line-height: 1.04 !important;
    max-width: 9.5ch !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-card-facial-focus-recovery"] .retouch-card-copy h4,
  #portrait-retouching [data-testid="portrait-retouching-card-old-photo-restoration"] .retouch-card-copy h4 {
    font-size: clamp(.76rem, 3.7vw, .98rem) !important;
    max-width: 8ch !important;
  }

  #portrait-retouching .retouch-card-state-chip {
    top: clamp(.58rem, 3vw, .78rem) !important;
    left: clamp(.62rem, 3vw, .82rem) !important;
    font-size: clamp(.54rem, 2.55vw, .66rem) !important;
  }
}

/* 2026-06-02 portrait-retouching wider marked span */
@media (min-width: 1280px) {
  #portrait-retouching {
    --portrait-gallery-max: min(100%, 88rem);
    --portrait-card-gap: clamp(.95rem, 1vw, 1.28rem);
    --portrait-square-size: clamp(13.8rem, 13.4vw, 15.4rem);
  }

  #portrait-retouching [data-testid="portrait-retouching-bento"] {
    padding-inline: clamp(.2rem, .8vw, .75rem) !important;
  }
}

@media (min-width: 1600px) {
  #portrait-retouching {
    --portrait-gallery-max: min(100%, 94rem);
    --portrait-card-gap: clamp(1rem, .76vw, 1.38rem);
    --portrait-square-size: clamp(15.2rem, 7.8vw, 16.1rem);
  }
}

@media (min-width: 2200px) {
  #portrait-retouching {
    --portrait-gallery-max: min(100%, 102rem);
    --portrait-card-gap: clamp(1.08rem, .58vw, 1.48rem);
    --portrait-square-size: clamp(16.3rem, 6vw, 17.2rem);
  }
}

/* 2026-06-02 hero compact YAMAI word */
#home,
.hero-section {
  --hero-yamai-font-size: 4.35rem;
  --hero-yamai-lift: -.2rem;
}

.hero-yamai-stage {
  align-items: center !important;
  justify-content: center !important;
}

.hero-yamai-word {
  max-width: min(92vw, 10.5ch) !important;
  padding-bottom: clamp(3.75rem, 4.2vw, 4.85rem) !important;
  font-size: var(--hero-yamai-font-size) !important;
  line-height: .82 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  transform: translateY(var(--hero-yamai-lift)) !important;
}

.hero-yamai-word::after {
  bottom: -1.95rem !important;
  font-size: .92rem !important;
  letter-spacing: .06em !important;
}

/* 2026-06-03 hero gentle random glyph reveal intro */
.hero-yamai-word--glyph-intro {
  position: relative !important;
  color: transparent !important;
  text-shadow: none !important;
  isolation: isolate !important;
}

.hero-yamai-word--glyph-intro::after {
  color: transparent !important;
  text-shadow: none !important;
}

.hero-yamai-word--glyph-intro-ready {
  color: transparent !important;
  text-shadow: none !important;
}

.hero-yamai-word--glyph-intro-ready::after {
  color: transparent !important;
  text-shadow: none !important;
}

.hero-glyph-intro-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  color: oklch(96% .008 84 / .98) !important;
}

.hero-glyph-intro-line {
  position: absolute !important;
  left: 50% !important;
  width: max-content !important;
  max-width: min(92vw, 44rem) !important;
  transform: translate3d(-50%, 0, 0) !important;
  white-space: nowrap !important;
}

.hero-glyph-intro-line--latin {
  top: 0 !important;
  font: inherit !important;
  line-height: .82 !important;
  letter-spacing: 0 !important;
  text-shadow:
    0 .75rem 2.2rem oklch(0% 0 0 / .66),
    0 0 1.8rem oklch(70% .2 218 / .22) !important;
}

.hero-glyph-intro-line--cjk {
  bottom: -1.14rem !important;
  color: oklch(90% .014 230 / .88) !important;
  font-size: .92rem !important;
  font-weight: 560 !important;
  letter-spacing: .06em !important;
  line-height: 1.42 !important;
  text-shadow:
    0 .6rem 1.4rem oklch(0% 0 0 / .58),
    0 0 1.35rem oklch(68% .18 255 / .2) !important;
}

.hero-glyph-intro-line--cjk-secondary {
  bottom: -3.08rem !important;
}

.hero-yamai-word--glyph-intro-ready .hero-glyph-intro-char {
  opacity: 1 !important;
  animation: none !important;
  will-change: auto !important;
}

.hero-glyph-intro-char {
  display: inline-block !important;
  opacity: 0;
  transform: none !important;
  transition: none !important;
  will-change: opacity !important;
  animation: hero-glyph-gentle-reveal 1780ms cubic-bezier(.22, .61, .36, 1) var(--hero-glyph-delay, 0ms) both !important;
}

@keyframes hero-glyph-gentle-reveal {
  0% {
    opacity: 0;
  }
  34% {
    opacity: .18;
  }
  68% {
    opacity: .76;
  }
  100% {
    opacity: 1;
  }
}

@media (max-width: 640px) {
  .hero-yamai-word {
    padding-bottom: 3.82rem !important;
  }

  .hero-yamai-word::after {
    bottom: -1.78rem !important;
    width: min(88vw, 19rem) !important;
    font-size: .78rem !important;
    letter-spacing: .025em !important;
    line-height: 1.56 !important;
  }

  .hero-glyph-intro-line--cjk {
    bottom: -1.04rem !important;
    font-size: .78rem !important;
    letter-spacing: .025em !important;
  }

  .hero-glyph-intro-line--cjk-secondary {
    bottom: -2.62rem !important;
  }

  .hero-glyph-intro-char {
    animation-duration: 1680ms !important;
  }
}

@media (min-width: 768px) {
  #home,
  .hero-section {
    --hero-yamai-font-size: 6.25rem;
    --hero-yamai-lift: -.35rem;
  }
}

@media (min-width: 1280px) {
  #home,
  .hero-section {
    --hero-yamai-font-size: 7.35rem;
    --hero-yamai-lift: -.5rem;
  }

  .hero-yamai-word::after {
    font-size: 1.05rem !important;
  }

  .hero-glyph-intro-line--cjk {
    font-size: 1.05rem !important;
  }

  .hero-glyph-intro-line--cjk-secondary {
    bottom: -3.28rem !important;
  }
}

@media (min-width: 1600px) {
  #home,
  .hero-section {
    --hero-yamai-font-size: 9.25rem;
    --hero-yamai-lift: -.65rem;
  }
}

@media (min-width: 2200px) {
  #home,
  .hero-section {
    --hero-yamai-font-size: 10.75rem;
    --hero-yamai-lift: -.8rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-glyph-intro-overlay {
    display: none !important;
  }

  .hero-glyph-intro-char {
    animation: none !important;
    will-change: auto !important;
  }

  .hero-yamai-word--glyph-intro,
  .hero-yamai-word--glyph-intro::after {
    color: inherit !important;
    text-shadow: inherit !important;
  }
}

/* 2026-06-03 portrait-retouching blue ambient subject glow */
#portrait-retouching {
  --portrait-subject-glow-core: oklch(76% .13 224 / .28);
  --portrait-subject-glow-rim: oklch(68% .18 252 / .16);
  --portrait-subject-glow-mist: oklch(82% .08 205 / .1);
}

#portrait-retouching [data-testid="reveal-portrait-retouching-bento"] {
  position: relative !important;
  z-index: 0 !important;
  isolation: isolate !important;
  overflow: visible !important;
}

#portrait-retouching [data-testid="reveal-portrait-retouching-bento"]::before,
#portrait-retouching [data-testid="reveal-portrait-retouching-bento"]::after,
#portrait-retouching [data-testid="portrait-retouching-bento"]::before {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

#portrait-retouching [data-testid="reveal-portrait-retouching-bento"]::before {
  inset: clamp(-4.4rem, -3.4vw, -2.2rem) clamp(-5.5rem, -4.4vw, -2.4rem) !important;
  opacity: .72 !important;
  filter: blur(clamp(2rem, 3.4vw, 4.75rem)) !important;
  mix-blend-mode: screen !important;
  background:
    radial-gradient(ellipse at 50% 42%, var(--portrait-subject-glow-core) 0%, var(--portrait-subject-glow-rim) 35%, transparent 70%),
    radial-gradient(ellipse at 50% 78%, var(--portrait-subject-glow-mist) 0%, transparent 62%) !important;
}

#portrait-retouching [data-testid="reveal-portrait-retouching-bento"]::after {
  inset: clamp(-2.8rem, -2.2vw, -1.4rem) clamp(-4.4rem, -3.8vw, -2rem) !important;
  opacity: .46 !important;
  filter: blur(clamp(1.1rem, 2.2vw, 3.1rem)) !important;
  mix-blend-mode: screen !important;
  background:
    radial-gradient(ellipse at 16% 38%, oklch(74% .11 214 / .18) 0%, transparent 56%),
    radial-gradient(ellipse at 84% 42%, oklch(70% .16 252 / .16) 0%, transparent 58%),
    radial-gradient(ellipse at 50% 95%, oklch(65% .15 246 / .1) 0%, transparent 62%) !important;
}

#portrait-retouching [data-testid="portrait-retouching-bento"] {
  position: relative !important;
  z-index: 1 !important;
  isolation: isolate !important;
}

#portrait-retouching [data-testid="portrait-retouching-bento"]::before {
  inset: clamp(-1.4rem, -1.2vw, -.75rem) !important;
  border-radius: clamp(1.6rem, 3.4vw, 4rem) !important;
  opacity: .38 !important;
  filter: blur(clamp(.62rem, 1.35vw, 1.8rem)) !important;
  mix-blend-mode: screen !important;
  background:
    radial-gradient(ellipse at 20% 22%, oklch(82% .08 210 / .13), transparent 48%),
    radial-gradient(ellipse at 80% 24%, oklch(72% .16 250 / .12), transparent 50%),
    radial-gradient(ellipse at 50% 66%, oklch(68% .18 252 / .1), transparent 58%) !important;
}

#portrait-retouching [data-testid="portrait-retouching-bento"] > * {
  position: relative !important;
  z-index: 1 !important;
}

@media (min-width: 1600px) {
  #portrait-retouching [data-testid="reveal-portrait-retouching-bento"]::before {
    inset: clamp(-6rem, -3.8vw, -3.4rem) clamp(-8rem, -4.5vw, -4rem) !important;
    opacity: .68 !important;
  }

  #portrait-retouching [data-testid="reveal-portrait-retouching-bento"]::after {
    inset: clamp(-3.8rem, -2.6vw, -2rem) clamp(-6.2rem, -3.8vw, -3.2rem) !important;
    opacity: .42 !important;
  }
}

@media (max-width: 767px) {
  #portrait-retouching [data-testid="reveal-portrait-retouching-bento"]::before {
    inset: -2.6rem -1.8rem !important;
    opacity: .48 !important;
    filter: blur(2.2rem) !important;
  }

  #portrait-retouching [data-testid="reveal-portrait-retouching-bento"]::after {
    inset: -1.6rem -1.2rem !important;
    opacity: .28 !important;
    filter: blur(1.35rem) !important;
  }

  #portrait-retouching [data-testid="portrait-retouching-bento"]::before {
    inset: -.82rem !important;
    opacity: .24 !important;
    filter: blur(.8rem) !important;
  }
}

/* 2026-06-02 reference full-workbench curtain and shadow media */
#reference-generation [data-testid="reference-transfer-workbench"],
#reference-generation .reference-transfer-workbench,
#reference-generation [data-testid="reference-desktop-workbench"],
#reference-generation .reference-fusion-stage,
#reference-generation .reference-mobile-result-stage {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

#reference-generation [data-testid="reference-transfer-workbench"]::after,
#reference-generation .reference-transfer-workbench::after,
#reference-generation [data-testid="reference-desktop-workbench"]::after,
#reference-generation .reference-fusion-stage::after,
#reference-generation .reference-mobile-result-stage::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 58 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  clip-path: inset(0 100% 0 0);
  transform: translate3d(0, 0, 0) !important;
  background:
    radial-gradient(ellipse at 50% 50%, oklch(0% 0 0 / 0) 38%, oklch(0% 0 0 / .78) 100%),
    linear-gradient(90deg, oklch(2.5% .006 260 / .96) 0%, oklch(6% .01 252 / .98) 48%, oklch(3% .006 260 / .96) 100%),
    repeating-linear-gradient(100deg, oklch(100% 0 0 / 0) 0 .92rem, oklch(94% .035 218 / .28) .94rem .98rem, oklch(100% 0 0 / 0) 1.05rem 1.95rem),
    repeating-linear-gradient(78deg, oklch(100% 0 0 / 0) 0 1.6rem, oklch(74% .075 225 / .16) 1.64rem 1.7rem, oklch(100% 0 0 / 0) 1.78rem 3.2rem),
    linear-gradient(90deg, oklch(88% .04 220 / 0), oklch(88% .04 220 / .18) 46%, oklch(88% .04 220 / 0) 74%) !important;
  background-blend-mode: multiply, normal, screen, screen, screen !important;
  box-shadow:
    inset 0 0 3.6rem oklch(0% 0 0 / .7),
    inset 1.15rem 0 1.85rem oklch(0% 0 0 / .6),
    inset -1.2rem 0 2rem oklch(0% 0 0 / .78) !important;
  will-change: clip-path, opacity !important;
}

#reference-generation.is-reference-switching [data-testid="reference-transfer-workbench"]::after,
#reference-generation.is-reference-switching .reference-transfer-workbench::after,
#reference-generation.is-reference-switching [data-testid="reference-desktop-workbench"]::after,
#reference-generation.is-reference-switching .reference-fusion-stage::after,
#reference-generation.is-reference-switching .reference-mobile-result-stage::after {
  opacity: 1 !important;
  animation: yamai-reference-switch-curtain 500ms cubic-bezier(.16, 1, .3, 1) both !important;
}

#reference-generation.is-reference-switching[data-reference-switch-phase="covered"] [data-testid="reference-transfer-workbench"]::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="covered"] .reference-transfer-workbench::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="covered"] [data-testid="reference-desktop-workbench"]::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="covered"] .reference-fusion-stage::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="covered"] .reference-mobile-result-stage::after {
  opacity: 1 !important;
  clip-path: inset(0 0 0 0) !important;
  animation: none !important;
}

#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] [data-testid="reference-transfer-workbench"]::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-transfer-workbench::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] [data-testid="reference-desktop-workbench"]::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-fusion-stage::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-mobile-result-stage::after {
  opacity: 1 !important;
  animation: yamai-reference-switch-reveal 240ms cubic-bezier(.22, 1, .36, 1) both !important;
}

#reference-generation .reference-result-frame,
#reference-generation .reference-target-frame,
#reference-generation .reference-source-media,
#reference-generation .reference-mobile-input-card__media,
#reference-generation .reference-mobile-result-frame {
  border-width: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
  background: #020202 !important;
  box-shadow:
    0 1.35rem 3.2rem oklch(0% 0 0 / .56),
    0 2.8rem 6rem oklch(0% 0 0 / .48),
    0 .15rem 1.3rem color-mix(in oklch, var(--reference-accent) 8%, transparent) !important;
}

#reference-generation .reference-result-frame::before,
#reference-generation .reference-result-frame::after,
#reference-generation .reference-target-frame::before,
#reference-generation .reference-target-frame::after,
#reference-generation .reference-source-media::before,
#reference-generation .reference-source-media::after,
#reference-generation .reference-mobile-input-card__media::before,
#reference-generation .reference-mobile-input-card__media::after,
#reference-generation .reference-mobile-result-frame::before,
#reference-generation .reference-mobile-result-frame::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

#reference-generation .reference-result-frame img,
#reference-generation .reference-target-frame img,
#reference-generation .reference-source-media img,
#reference-generation .reference-mobile-input-card__media img,
#reference-generation .reference-mobile-result-frame img {
  border: 0 !important;
  outline: 0 !important;
}

/* 2026-06-02 slim elongated top navigation */
header.fixed {
  top: clamp(.5rem, 1.2vw, .75rem) !important;
  padding-inline: clamp(.45rem, 1.8vw, 1rem) !important;
}

header.fixed .site-header-glass {
  min-height: clamp(2.7rem, 4.8vw, 3.25rem) !important;
  max-width: min(96rem, calc(100vw - clamp(1rem, 3vw, 2.5rem))) !important;
  padding: clamp(.22rem, .72vw, .38rem) clamp(.45rem, 1.5vw, .95rem) !important;
  gap: clamp(.45rem, 1vw, .8rem) !important;
  border-radius: 999px !important;
}

header.fixed [data-testid="site-header-logo"] {
  width: clamp(2rem, 3.8vw, 2.55rem) !important;
  height: clamp(2rem, 3.8vw, 2.55rem) !important;
}

header.fixed .site-header-glass > a:first-child {
  gap: clamp(.5rem, 1vw, .8rem) !important;
}

header.fixed .site-header-glass > a:first-child .grid {
  font-size: clamp(.78rem, 1.08vw, .9rem) !important;
}

header.fixed .site-header-nav-glass {
  padding: .18rem !important;
  gap: .18rem !important;
}

header.fixed .site-header-nav-glass a {
  padding-block: .42rem !important;
  padding-inline: .92rem !important;
  font-size: .82rem !important;
}

header.fixed .site-header-glass > button {
  width: clamp(2.15rem, 5.8vw, 2.35rem) !important;
  height: clamp(2.15rem, 5.8vw, 2.35rem) !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

header.fixed .site-mobile-menu {
  top: calc(100% + .5rem) !important;
}

/* 2026-06-02 scene restoration edge-line removal */
#scene-restoration .scene-repair-track {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-inline-width: 0 !important;
}

#scene-restoration .scene-repair-track::before,
#scene-restoration .scene-repair-track::after,
#scene-restoration .scene-repair-section__ambient::before,
#scene-restoration .scene-repair-section__ambient::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

#scene-restoration .scene-repair-card,
#scene-restoration [class*="scene-repair-card"],
#scene-restoration [class*="scene-repair"] {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

/* 2026-06-02 reference glass speed curtain and no connector */
#reference-generation [data-testid="reference-transfer-workbench"]::after,
#reference-generation .reference-transfer-workbench::after,
#reference-generation [data-testid="reference-desktop-workbench"]::after,
#reference-generation .reference-fusion-stage::after,
#reference-generation .reference-mobile-result-stage::after {
  background:
    linear-gradient(90deg, oklch(100% .012 230 / .11), oklch(72% .16 198 / .18) 38%, oklch(82% .14 310 / .16) 62%, oklch(100% .012 230 / .08)),
    radial-gradient(ellipse at 48% 50%, oklch(100% .02 230 / .13) 0%, oklch(68% .18 198 / .12) 38%, oklch(0% 0 0 / .3) 100%),
    repeating-linear-gradient(102deg, oklch(100% 0 0 / 0) 0 .82rem, oklch(74% .16 198 / .28) .86rem .91rem, oklch(100% 0 0 / 0) 1rem 1.86rem),
    repeating-linear-gradient(76deg, oklch(100% 0 0 / 0) 0 1.28rem, oklch(82% .14 310 / .18) 1.32rem 1.39rem, oklch(100% 0 0 / 0) 1.48rem 2.64rem),
    linear-gradient(90deg, oklch(6% .016 252 / .48), oklch(9% .02 250 / .34), oklch(5% .012 260 / .5)) !important;
  background-blend-mode: screen, screen, screen, screen, normal !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
  backdrop-filter: blur(18px) saturate(1.18);
  box-shadow:
    inset 0 0 3.2rem oklch(0% 0 0 / .42),
    inset 1rem 0 1.8rem oklch(100% .02 230 / .08),
    inset -1rem 0 2rem oklch(0% 0 0 / .5) !important;
}

#reference-generation.is-reference-switching [data-testid="reference-transfer-workbench"]::after,
#reference-generation.is-reference-switching .reference-transfer-workbench::after,
#reference-generation.is-reference-switching [data-testid="reference-desktop-workbench"]::after,
#reference-generation.is-reference-switching .reference-fusion-stage::after,
#reference-generation.is-reference-switching .reference-mobile-result-stage::after {
  animation: yamai-reference-switch-curtain 460ms cubic-bezier(.16, 1, .3, 1) both !important;
}

#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] [data-testid="reference-transfer-workbench"]::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-transfer-workbench::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] [data-testid="reference-desktop-workbench"]::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-fusion-stage::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-mobile-result-stage::after {
  animation: yamai-reference-switch-reveal 260ms cubic-bezier(.22, 1, .36, 1) both !important;
}

#reference-generation .reference-fusion-node,
#reference-generation .reference-fusion-node::before,
#reference-generation .reference-fusion-node::after,
#reference-generation .reference-fusion-icon,
#reference-generation .reference-fusion-particles,
#reference-generation .reference-input-stream,
#reference-generation .reference-result-stream {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* 2026-06-02 reference connector removed */
#reference-generation .reference-fusion-node {
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

#reference-generation .reference-input-stream,
#reference-generation .reference-result-stream {
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* 2026-06-02 scene restoration mask-only side transition */
#scene-restoration .scene-repair-track {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

#scene-restoration .scene-repair-track::before,
#scene-restoration .scene-repair-track::after {
  content: none !important;
  display: none !important;
  position: absolute !important;
  inset-block: 0 !important;
  z-index: -1 !important;
  width: 0 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: none !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

#scene-restoration .scene-repair-track::before {
  left: 0 !important;
  background: none !important;
}

#scene-restoration .scene-repair-track::after {
  right: 0 !important;
  background: none !important;
}

/* 2026-06-02 reference stage-only premium glass curtain */
#reference-generation [data-testid="reference-transfer-workbench"]::after,
#reference-generation .reference-transfer-workbench::after,
#reference-generation [data-testid="reference-desktop-workbench"]::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  animation: none !important;
  clip-path: none !important;
  background: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

#reference-generation .reference-fusion-stage,
#reference-generation .reference-mobile-result-stage {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

#reference-generation .reference-fusion-stage::after,
#reference-generation .reference-mobile-result-stage::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 58 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: visible !important;
  clip-path: inset(0 100% 0 0) !important;
  transform: translate3d(0, 0, 0) !important;
  background:
    linear-gradient(90deg, oklch(100% .012 225 / .13), oklch(78% .12 205 / .16) 34%, oklch(86% .11 315 / .13) 64%, oklch(100% .012 225 / .1)),
    radial-gradient(ellipse at 50% 45%, oklch(100% .018 225 / .18) 0%, oklch(76% .11 205 / .1) 42%, oklch(0% 0 0 / .22) 100%),
    repeating-linear-gradient(104deg, oklch(100% 0 0 / 0) 0 .96rem, oklch(77% .13 202 / .24) 1rem 1.045rem, oklch(100% 0 0 / 0) 1.14rem 2.2rem),
    repeating-linear-gradient(82deg, oklch(100% 0 0 / 0) 0 1.58rem, oklch(86% .12 320 / .18) 1.63rem 1.7rem, oklch(100% 0 0 / 0) 1.84rem 3.15rem),
    linear-gradient(90deg, oklch(5% .014 252 / .36), oklch(12% .02 248 / .2) 48%, oklch(4% .012 260 / .38)) !important;
  background-blend-mode: screen, screen, screen, screen, normal !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.28) contrast(1.04) !important;
  backdrop-filter: blur(22px) saturate(1.28) contrast(1.04) !important;
  box-shadow:
    inset 0 0 2.8rem oklch(100% .018 225 / .08),
    inset 0 0 4.5rem oklch(0% 0 0 / .32),
    inset 1.1rem 0 2.2rem oklch(84% .1 205 / .1),
    inset -1.1rem 0 2.4rem oklch(0% 0 0 / .36) !important;
  will-change: clip-path, opacity !important;
}

#reference-generation.is-reference-switching .reference-fusion-stage::after,
#reference-generation.is-reference-switching .reference-mobile-result-stage::after {
  opacity: 1 !important;
  animation: yamai-reference-switch-curtain 420ms cubic-bezier(.16, 1, .3, 1) both !important;
}

#reference-generation.is-reference-switching[data-reference-switch-phase="covered"] .reference-fusion-stage::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="covered"] .reference-mobile-result-stage::after {
  opacity: 1 !important;
  clip-path: inset(0 0 0 0) !important;
  animation: none !important;
}

#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-fusion-stage::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-mobile-result-stage::after {
  opacity: 1 !important;
  animation: yamai-reference-switch-reveal 220ms cubic-bezier(.22, 1, .36, 1) both !important;
}

/* 2026-06-02 scene restoration image-edge fade transition */
#scene-restoration .scene-repair-track {
  --scene-repair-edge-fade: clamp(2.25rem, 7vw, 7.5rem);
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 var(--scene-repair-edge-fade), #000 calc(100% - var(--scene-repair-edge-fade)), transparent 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 var(--scene-repair-edge-fade), #000 calc(100% - var(--scene-repair-edge-fade)), transparent 100%) !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

#scene-restoration .scene-repair-track::before,
#scene-restoration .scene-repair-track::after {
  content: none !important;
  display: none !important;
  position: absolute !important;
  inset-block: 0 !important;
  z-index: -1 !important;
  width: 0 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: none !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

#scene-restoration .scene-repair-track::before {
  left: 0 !important;
  background: none !important;
}

#scene-restoration .scene-repair-track::after {
  right: 0 !important;
  background: none !important;
}

/* 2026-06-02 reference fade-only transition */
#reference-generation [data-testid="reference-transfer-workbench"]::after,
#reference-generation .reference-transfer-workbench::after,
#reference-generation [data-testid="reference-desktop-workbench"]::after,
#reference-generation .reference-fusion-stage::after,
#reference-generation .reference-mobile-result-stage::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  clip-path: none !important;
  animation: none !important;
  background: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

#reference-generation .reference-fusion-stage > *,
#reference-generation .reference-mobile-result-stage > * {
  opacity: 1 !important;
  filter: none !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  transition: opacity 220ms cubic-bezier(.22, 1, .36, 1), filter 220ms cubic-bezier(.22, 1, .36, 1), transform 220ms cubic-bezier(.22, 1, .36, 1) !important;
  will-change: opacity, filter, transform !important;
}

#reference-generation.is-reference-switching[data-reference-switch-phase="enter"] .reference-fusion-stage > *,
#reference-generation.is-reference-switching[data-reference-switch-phase="enter"] .reference-mobile-result-stage > *,
#reference-generation.is-reference-switching[data-reference-switch-phase="covered"] .reference-fusion-stage > *,
#reference-generation.is-reference-switching[data-reference-switch-phase="covered"] .reference-mobile-result-stage > * {
  opacity: 0 !important;
  filter: blur(7px) saturate(.9) brightness(.92) !important;
  transform: translate3d(0, .35rem, 0) scale(.992) !important;
}

#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-fusion-stage > *,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-mobile-result-stage > * {
  opacity: 1 !important;
  filter: none !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

@media (prefers-reduced-motion: reduce) {
  #reference-generation .reference-fusion-stage > *,
  #reference-generation .reference-mobile-result-stage > * {
    transition: none !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
}

/* 2026-06-03 reference smooth media hold */
#reference-generation .reference-result-frame,
#reference-generation .reference-target-frame,
#reference-generation .reference-source-media,
#reference-generation .reference-mobile-input-card__media,
#reference-generation .reference-mobile-result-frame {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

#reference-generation .reference-source-media[data-reference-hold-image="true"]::after,
#reference-generation .reference-target-frame[data-reference-hold-image="true"]::after,
#reference-generation .reference-result-frame[data-reference-hold-image="true"]::after,
#reference-generation .reference-mobile-input-card__media[data-reference-hold-image="true"]::after,
#reference-generation .reference-mobile-result-frame[data-reference-hold-image="true"]::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 20 !important;
  pointer-events: none !important;
  background-image: var(--reference-hold-image) !important;
  background-position: var(--reference-hold-position, center center) !important;
  background-size: var(--reference-hold-fit, cover) !important;
  background-repeat: no-repeat !important;
  opacity: 0 !important;
  visibility: visible !important;
  filter: none !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  transition: opacity 260ms cubic-bezier(.22, 1, .36, 1) !important;
  will-change: opacity !important;
}

#reference-generation.is-reference-switching .reference-source-media[data-reference-hold-image="true"]::after,
#reference-generation.is-reference-switching .reference-target-frame[data-reference-hold-image="true"]::after,
#reference-generation.is-reference-switching .reference-result-frame[data-reference-hold-image="true"]::after,
#reference-generation.is-reference-switching .reference-mobile-input-card__media[data-reference-hold-image="true"]::after,
#reference-generation.is-reference-switching .reference-mobile-result-frame[data-reference-hold-image="true"]::after {
  opacity: 1 !important;
}

#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-source-media[data-reference-hold-image="true"]::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-target-frame[data-reference-hold-image="true"]::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-result-frame[data-reference-hold-image="true"]::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-mobile-input-card__media[data-reference-hold-image="true"]::after,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-mobile-result-frame[data-reference-hold-image="true"]::after {
  opacity: 0 !important;
}

#reference-generation .reference-fusion-stage > *,
#reference-generation .reference-mobile-result-stage > * {
  transition: opacity 260ms cubic-bezier(.22, 1, .36, 1), filter 260ms cubic-bezier(.22, 1, .36, 1), transform 260ms cubic-bezier(.22, 1, .36, 1) !important;
  filter: none !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

#reference-generation.is-reference-switching[data-reference-switch-phase="enter"] .reference-fusion-stage > *,
#reference-generation.is-reference-switching[data-reference-switch-phase="enter"] .reference-mobile-result-stage > *,
#reference-generation.is-reference-switching[data-reference-switch-phase="covered"] .reference-fusion-stage > *,
#reference-generation.is-reference-switching[data-reference-switch-phase="covered"] .reference-mobile-result-stage > * {
  opacity: .18 !important;
  filter: none !important;
  transform: translate3d(0, .12rem, 0) scale(.998) !important;
}

#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-fusion-stage > *,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-mobile-result-stage > * {
  opacity: 1 !important;
  filter: none !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

/* 2026-06-02 client workflow fade every screen */
#root .client-workflow__stage .client-workflow-slide[data-workflow-state],
#root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__inner,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__copy,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__eyebrow,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__title,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__description,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__chips,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-mockup-wrap {
  transition: opacity 280ms cubic-bezier(.22, 1, .36, 1), filter 320ms cubic-bezier(.22, 1, .36, 1), transform 320ms cubic-bezier(.22, 1, .36, 1) !important;
  will-change: opacity, filter, transform !important;
}

#root .client-workflow__stage .client-workflow-slide[data-workflow-state] {
  pointer-events: none !important;
}

#root .client-workflow__stage .client-workflow-slide[data-workflow-state="active"] {
  opacity: 1 !important;
  filter: none !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  pointer-events: auto !important;
}

#root .client-workflow__stage .client-workflow-slide[data-workflow-state="active"] .client-workflow-slide__inner,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="active"] .client-workflow-slide__copy,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="active"] .client-workflow-slide__eyebrow,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="active"] .client-workflow-slide__title,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="active"] .client-workflow-slide__description,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="active"] .client-workflow-slide__chips,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="active"] .client-workflow-mockup-wrap {
  opacity: 1 !important;
  filter: none !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

#root .client-workflow__stage .client-workflow-slide[data-workflow-state="next"],
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="previous"],
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="distant"] {
  opacity: 0 !important;
  filter: blur(.35rem) saturate(.92) brightness(.9) !important;
  transform: translate3d(0, .85rem, 0) scale(.992) !important;
}

#root .client-workflow__stage .client-workflow-slide[data-workflow-state="previous"] {
  transform: translate3d(0, -.85rem, 0) scale(.992) !important;
}

#root .client-workflow__stage .client-workflow-slide[data-workflow-state="distant"] {
  transform: translate3d(0, 1.1rem, 0) scale(.988) !important;
}

#root .client-workflow__stage .client-workflow-slide[data-workflow-state="next"] .client-workflow-slide__copy,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="next"] .client-workflow-slide__eyebrow,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="next"] .client-workflow-slide__title,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="next"] .client-workflow-slide__description,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="next"] .client-workflow-slide__chips,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="next"] .client-workflow-mockup-wrap,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="previous"] .client-workflow-slide__copy,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="previous"] .client-workflow-slide__eyebrow,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="previous"] .client-workflow-slide__title,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="previous"] .client-workflow-slide__description,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="previous"] .client-workflow-slide__chips,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="previous"] .client-workflow-mockup-wrap,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="distant"] .client-workflow-slide__copy,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="distant"] .client-workflow-slide__eyebrow,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="distant"] .client-workflow-slide__title,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="distant"] .client-workflow-slide__description,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="distant"] .client-workflow-slide__chips,
#root .client-workflow__stage .client-workflow-slide[data-workflow-state="distant"] .client-workflow-mockup-wrap {
  opacity: 0 !important;
  filter: blur(.3rem) saturate(.9) brightness(.9) !important;
}

@media (prefers-reduced-motion: reduce) {
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state],
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__inner,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__copy,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__eyebrow,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__title,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__description,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__chips,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-mockup-wrap {
    transition: none !important;
  }
}

/* 2026-06-02 image composition scene-style fast compare */
#image-composition .composition-before-after__divider {
  left: var(--composition-compare-position, 50%) !important;
  z-index: 30 !important;
  cursor: ew-resize !important;
  pointer-events: auto !important;
  touch-action: none !important;
  will-change: left !important;
  background: transparent !important;
  width: clamp(3.8rem, 7vw, 6.25rem) !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  transform: translateX(-50%) !important;
  transition: left 120ms cubic-bezier(.22, 1, .36, 1), opacity 160ms cubic-bezier(.22, 1, .36, 1) !important;
}

#image-composition .composition-before-after__divider::before {
  content: "" !important;
  display: block !important;
  background: #e0fbffd1 !important;
  width: 1px !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 0 1.2rem #2bb5d66b !important;
}

#image-composition .composition-before-after__divider span {
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
  display: block !important;
  background: #081c2ab8 !important;
  border: 1px solid #d7f8ff80 !important;
  border-radius: 999px !important;
  width: .62rem !important;
  height: 4.75rem !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: transparent !important;
  box-shadow: inset 0 1px #ffffff21, 0 .5rem 1.5rem oklch(0% 0 0 / .32), 0 0 1.1rem #2bb5d640 !important;
}

#image-composition .composition-before-after__divider span > *,
#image-composition .composition-before-after__divider span::before,
#image-composition .composition-before-after__divider span::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

@media (max-width: 767px) {
  #image-composition .composition-before-after__divider {
    width: clamp(3.35rem, 15vw, 4.8rem) !important;
  }

  #image-composition .composition-before-after__divider span {
    width: .54rem !important;
    height: clamp(3.25rem, 16vw, 4.2rem) !important;
  }
}

/* 2026-06-02 clean black compare polish */
#scene-restoration,
#scene-restoration .scene-repair-section,
#scene-restoration .scene-repair-section__ambient,
#scene-restoration .scene-repair-track,
#scene-restoration .scene-repair-card,
#scene-restoration .scene-repair-card__media,
#root .client-story-anchor,
#root .client-reveal-section,
#root .client-workflow,
#root .client-workflow__stage,
#root .client-workflow-slide,
#root .client-workflow-slide__inner,
#root .client-workflow-slide__copy,
#root .client-workflow-mockup-wrap {
  background: #000 !important;
  background-image: none !important;
}

#scene-restoration .scene-repair-section,
#scene-restoration .scene-repair-track,
#scene-restoration .scene-repair-card__media,
#root .client-reveal-section,
#root .client-workflow,
#root .client-workflow__stage {
  box-shadow: none !important;
}

#scene-restoration .scene-repair-section::before,
#scene-restoration .scene-repair-section::after,
#scene-restoration .scene-repair-section__ambient,
#scene-restoration .scene-repair-section__ambient::before,
#scene-restoration .scene-repair-section__ambient::after,
#root .client-story-anchor::before,
#root .client-story-anchor::after,
#root .client-reveal-section::before,
#root .client-reveal-section::after,
#root .client-workflow::before,
#root .client-workflow::after,
#root .client-workflow__stage::before,
#root .client-workflow__stage::after,
#root .client-workflow-slide::before,
#root .client-workflow-slide::after,
#root .client-workflow-slide__inner::before,
#root .client-workflow-slide__inner::after,
#root .client-workflow-mockup-wrap::before,
#root .client-workflow-mockup-wrap::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

#scene-restoration .scene-repair-card__shade,
#scene-restoration .scene-repair-card__glow,
#image-composition .composition-before-after__shade,
#image-composition .composition-before-after__overlay,
#image-composition .composition-before-after::before,
#image-composition .composition-before-after::after {
  background: linear-gradient(180deg, transparent 0%, oklch(0% 0 0 / .28) 100%) !important;
  box-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

#scene-restoration .scene-repair-card__divider,
#image-composition .composition-before-after__divider {
  background: transparent !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

#scene-restoration .scene-repair-card__divider::before,
#image-composition .composition-before-after__divider::before {
  background: #e8fbffd6 !important;
  box-shadow: none !important;
}

#scene-restoration .scene-repair-card__divider span,
#image-composition .composition-before-after__divider span {
  background: #061019d9 !important;
  border-color: oklch(94% .022 220 / .58) !important;
  box-shadow: inset 0 1px oklch(100% 0 0 / .16), 0 .42rem 1.05rem oklch(0% 0 0 / .42) !important;
  filter: none !important;
}

/* 2026-06-02 extra slim top navigation */
header.fixed {
  top: clamp(.36rem, .8vw, .55rem) !important;
  padding-inline: clamp(.42rem, 1.3vw, .8rem) !important;
}

header.fixed .site-header-glass {
  height: clamp(2.38rem, 3.6vw, 2.82rem) !important;
  min-height: clamp(2.34rem, 3.6vw, 2.78rem) !important;
  max-height: clamp(2.38rem, 3.6vw, 2.82rem) !important;
  box-sizing: border-box !important;
  max-width: min(96rem, calc(100vw - clamp(1rem, 2.4vw, 2rem))) !important;
  padding: clamp(.12rem, .36vw, .2rem) clamp(.42rem, 1vw, .72rem) !important;
  gap: clamp(.36rem, .8vw, .62rem) !important;
}

header.fixed [data-testid="site-header-logo"] {
  width: clamp(1.82rem, 3vw, 2.16rem) !important;
  height: clamp(1.82rem, 3vw, 2.16rem) !important;
}

header.fixed .site-header-glass > a:first-child {
  gap: clamp(.42rem, .8vw, .64rem) !important;
}

header.fixed .site-header-glass > a:first-child .grid {
  font-size: clamp(.72rem, .92vw, .82rem) !important;
}

header.fixed .site-header-nav-glass {
  padding: .12rem !important;
  gap: .12rem !important;
}

header.fixed .site-header-nav-glass a {
  padding-block: .28rem !important;
  padding-inline: .86rem !important;
  font-size: .78rem !important;
}

/* yamai-contact-qr-nav-compact: keep the header contact CTA from stretching across the nav. */
@media (min-width: 640px) {
  header.fixed .site-header-glass > a[data-yamai-contact-qr-trigger] {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    inline-size: auto !important;
    width: auto !important;
    min-inline-size: 6.4rem !important;
    max-inline-size: 7.4rem !important;
    padding-inline: .95rem !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }
}

header.fixed .site-header-glass > button {
  width: clamp(2rem, 4.8vw, 2.16rem) !important;
  height: clamp(2rem, 4.8vw, 2.16rem) !important;
}

/* 2026-06-02 client delivery title baseline align */
#root .client-workflow-slide[data-step="3"] .client-workflow-slide__title {
  transform: translateY(clamp(.12rem, .45vw, .32rem)) !important;
}

#root .client-workflow-slide[data-step="3"] .client-workflow-slide__title > .kinetic-copy--delivery-title {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: .16em !important;
  width: max-content !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  transform: translateY(clamp(.08rem, .32vw, .22rem)) !important;
  letter-spacing: .04em !important;
  line-height: 1 !important;
}

#root .client-workflow-slide[data-step="3"] .kinetic-delivery-focus {
  display: inline-block !important;
  margin-inline-start: 0 !important;
  white-space: nowrap !important;
}

/* 2026-06-02 client workflow high-resolution adaptive scale */
@media (min-width: 1600px) and (min-height: 800px) {
  #root .client-reveal-section .client-reveal__sticky > div,
  #root .client-workflow-slide__inner {
    max-width: min(88vw, 1580px) !important;
  }

  #root .client-reveal-section .client-reveal__sticky > div > div,
  #root .client-workflow-slide__inner {
    grid-template-columns: minmax(21rem, .66fr) minmax(0, 1.16fr) !important;
    gap: clamp(2.4rem, 3.1vw, 5.25rem) !important;
  }

  #root .client-workflow-slide__inner {
    min-height: min(920px, calc(100svh - 5rem)) !important;
  }

  #root .client-workflow-slide__copy {
    max-width: min(38rem, 34vw) !important;
  }

  #root .client-reveal-motion .client-reveal-line--lead,
  #root .client-reveal-motion .client-reveal-line--accent,
  #root .client-workflow-slide__title {
    font-size: clamp(2.55rem, 2.34vw, 4.15rem) !important;
    line-height: 1.035 !important;
  }

  #root .client-reveal-motion .client-reveal-detail,
  #root .client-workflow-slide__description {
    max-width: min(36rem, 100%) !important;
    font-size: clamp(.98rem, .9vw, 1.18rem) !important;
    line-height: 1.62 !important;
  }

  #root .client-reveal__stage,
  #root .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
    width: min(100%, 70rem) !important;
  }
}

@media (min-width: 1920px) and (min-height: 900px) {
  #root .client-reveal-section .client-reveal__sticky > div,
  #root .client-workflow-slide__inner {
    max-width: min(90vw, 1740px) !important;
  }

  #root .client-reveal-section .client-reveal__sticky > div > div,
  #root .client-workflow-slide__inner {
    grid-template-columns: minmax(24rem, .68fr) minmax(0, 1.2fr) !important;
    gap: clamp(3rem, 3.5vw, 6.4rem) !important;
  }

  #root .client-workflow-slide__inner {
    min-height: min(980px, calc(100svh - 5rem)) !important;
  }

  #root .client-reveal-motion .client-reveal-line--lead,
  #root .client-reveal-motion .client-reveal-line--accent,
  #root .client-workflow-slide__title {
    font-size: clamp(3rem, 2.12vw, 4.75rem) !important;
  }

  #root .client-reveal__stage,
  #root .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
    width: min(100%, 78rem) !important;
  }
}

@media (min-width: 2400px) and (min-height: 1000px) {
  #root .client-reveal-section .client-reveal__sticky > div,
  #root .client-workflow-slide__inner {
    max-width: min(90vw, 1960px) !important;
  }

  #root .client-reveal-section .client-reveal__sticky > div > div,
  #root .client-workflow-slide__inner {
    grid-template-columns: minmax(28rem, .68fr) minmax(0, 1.24fr) !important;
    gap: clamp(3.4rem, 3.4vw, 7.25rem) !important;
  }

  #root .client-reveal-motion .client-reveal-line--lead,
  #root .client-reveal-motion .client-reveal-line--accent,
  #root .client-workflow-slide__title {
    font-size: clamp(3.35rem, 1.72vw, 5.15rem) !important;
  }

  #root .client-reveal__stage,
  #root .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
    width: min(100%, 88rem) !important;
  }
}

/* 2026-06-02 composition clean instant slider */
#image-composition .composition-before-after,
#image-composition .composition-before-after__media,
#image-composition canvas.composition-before-after__canvas,
#image-composition .composition-before-after__divider,
#image-composition .composition-before-after__divider span {
  transition-property: none !important;
  transition-duration: 0s !important;
  transition-delay: 0s !important;
}

#image-composition .composition-before-after::before,
#image-composition .composition-before-after::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

#image-composition .composition-before-after__media {
  background: #000102 !important;
  box-shadow:
    inset 0 1px 0 oklch(100% 0 0 / .07),
    0 1.4rem 3.2rem oklch(0% 0 0 / .52),
    0 0 0 1px oklch(100% 0 0 / .055) !important;
}

#image-composition .composition-before-after__scrim {
  background:
    linear-gradient(180deg, transparent 0%, transparent 58%, oklch(0% 0 0 / .28) 100%) !important;
  opacity: .42 !important;
  mix-blend-mode: normal !important;
}

#image-composition canvas.composition-before-after__canvas {
  image-rendering: auto !important;
  transform: translateZ(0) !important;
  will-change: contents !important;
}

#image-composition .composition-before-after__divider {
  box-shadow: none !important;
  transition: none !important;
  will-change: left !important;
  touch-action: none !important;
  user-select: none !important;
}

#image-composition .composition-before-after__divider::before {
  box-shadow: none !important;
  background: #edfaffd2 !important;
}

#image-composition .composition-before-after__divider span {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: #071018e6 !important;
  box-shadow: inset 0 1px oklch(100% 0 0 / .14), 0 .34rem .9rem oklch(0% 0 0 / .45) !important;
  touch-action: none !important;
  user-select: none !important;
}

#image-composition .composition-before-after[data-yamai-composition-compare-user-dragging="true"] .composition-before-after__divider {
  cursor: grabbing !important;
}

/* 2026-06-03 compare drag edge stabilization */
#scene-restoration .scene-repair-card,
#scene-restoration .scene-repair-card__media,
#scene-restoration canvas.scene-repair-card__canvas,
#scene-restoration .scene-repair-card__divider,
#scene-restoration .scene-repair-card__divider span {
  transition-property: none !important;
  transition-duration: 0s !important;
  transition-delay: 0s !important;
}

#scene-restoration canvas.scene-repair-card__canvas {
  image-rendering: auto !important;
  transform: translateZ(0) !important;
  will-change: contents !important;
}

#scene-restoration .scene-repair-card__divider {
  left: var(--scene-repair-split, 50%) !important;
  transition: none !important;
  will-change: left !important;
  touch-action: none !important;
  user-select: none !important;
}

#scene-restoration .scene-repair-card[data-yamai-scene-repair-compare-user-dragging="true"] .scene-repair-card__divider {
  cursor: grabbing !important;
}

@keyframes yamai-mobile-workflow-soft-enter {
  0% {
    opacity: .72;
    transform: translate3d(0, 14px, 0) scale(.992);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

/* 2026-06-02 mobile client workflow stable animated scroll */
@media (max-width: 767px) {
  #root .client-workflow__stage[data-mobile-workflow],
  #root .client-workflow__stage[data-mobile-workflow="stable"] {
    gap: clamp(1.55rem, 7vw, 2.45rem) !important;
    scroll-snap-type: none !important;
    overscroll-behavior: auto !important;
    contain: layout paint !important;
  }

  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide {
    min-height: auto !important;
    overflow: visible !important;
    scroll-margin-top: clamp(4.6rem, 15vw, 5.8rem) !important;
    animation: yamai-mobile-workflow-soft-enter 520ms cubic-bezier(.22, 1, .36, 1) both !important;
    transition: opacity 220ms cubic-bezier(.22, 1, .36, 1), transform 260ms cubic-bezier(.22, 1, .36, 1), filter 220ms cubic-bezier(.22, 1, .36, 1) !important;
    will-change: opacity, transform !important;
  }

  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide:nth-child(2) {
    animation-delay: 50ms !important;
  }

  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide:nth-child(3) {
    animation-delay: 100ms !important;
  }

  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide:nth-child(4) {
    animation-delay: 150ms !important;
  }

  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide:nth-child(5) {
    animation-delay: 200ms !important;
  }

  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide__inner {
    min-height: auto !important;
    padding-block: clamp(2.55rem, 9vw, 3.65rem) !important;
  }

  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state],
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-workflow-state],
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide__inner,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide__copy,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide__eyebrow,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide__title,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide__description,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide__chips,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-mockup-wrap,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-mockup,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-mockup img,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state],
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__inner,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__copy,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__eyebrow,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__title,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__description,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__chips,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-mockup-wrap {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    pointer-events: auto !important;
    transition: opacity 220ms cubic-bezier(.22, 1, .36, 1), transform 260ms cubic-bezier(.22, 1, .36, 1), filter 220ms cubic-bezier(.22, 1, .36, 1) !important;
  }

  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-mockup-wrap::before,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-mockup-wrap::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
  }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state],
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-workflow-state] {
    animation: none !important;
    transition: none !important;
  }
}

/* 2026-06-02 scene restoration clean divider no glass column */
#scene-restoration .scene-repair-card__divider {
  width: clamp(1.75rem, 4.2vw, 2.65rem) !important;
  background: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  overflow: visible !important;
}

#scene-restoration .scene-repair-card__divider::before {
  content: "" !important;
  display: block !important;
  width: 1px !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: oklch(94% .018 220 / .7) !important;
  box-shadow: none !important;
  filter: none !important;
}

#scene-restoration .scene-repair-card__divider::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

#scene-restoration .scene-repair-card__divider span {
  width: .52rem !important;
  height: clamp(2.9rem, 8vw, 4.05rem) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: oklch(8% .016 245 / .84) !important;
  background-image: none !important;
  border: 1px solid oklch(94% .018 220 / .46) !important;
  border-radius: 999px !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow:
    inset 0 1px 0 oklch(100% 0 0 / .16),
    0 .32rem .88rem oklch(0% 0 0 / .38) !important;
  filter: none !important;
}

#scene-restoration .scene-repair-card__divider span::before,
#scene-restoration .scene-repair-card__divider span::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
}

@media (max-width: 767px) {
  #scene-restoration .scene-repair-card__divider {
    width: clamp(1.9rem, 9vw, 2.5rem) !important;
  }

  #scene-restoration .scene-repair-card__divider span {
    width: .48rem !important;
    height: clamp(2.75rem, 12vw, 3.55rem) !important;
  }
}

/* 2026-06-02 client workflow safe wide layout */
@media (min-width: 1024px) {
  #root .client-reveal-section .client-reveal__sticky > div,
  #root .client-workflow-slide__inner {
    max-width: min(84vw, 1520px) !important;
  }

  #root .client-reveal-section .client-reveal__sticky > div > div,
  #root .client-workflow-slide__inner {
    grid-template-columns: minmax(20rem, .58fr) minmax(0, .96fr) !important;
    gap: clamp(1.45rem, 2vw, 2.85rem) !important;
    column-gap: clamp(1.45rem, 2vw, 2.85rem) !important;
    align-items: center !important;
  }

  #root .client-reveal-section .section-header,
  #root .client-reveal-section [data-testid="section-header-client-reveal"],
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__copy,
  #root .client-workflow-slide__copy {
    justify-self: start !important;
    max-width: min(32rem, 36vw) !important;
    translate: 0 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  #root .client-reveal__stage,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-mockup-wrap,
  #root .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
    justify-self: end !important;
    width: min(100%, clamp(36rem, 43vw, 52rem)) !important;
    translate: 0 0 !important;
    transform-origin: center center !important;
    position: relative !important;
    z-index: 1 !important;
  }
}

@media (min-width: 1600px) and (min-height: 720px) {
  #root .client-reveal-section .client-reveal__sticky > div,
  #root .client-workflow-slide__inner {
    max-width: min(84vw, 1540px) !important;
  }

  #root .client-reveal-section .client-reveal__sticky > div > div,
  #root .client-workflow-slide__inner {
    grid-template-columns: minmax(22rem, .58fr) minmax(0, .96fr) !important;
    gap: clamp(1.65rem, 1.9vw, 3.15rem) !important;
    column-gap: clamp(1.65rem, 1.9vw, 3.15rem) !important;
  }

  #root .client-reveal-section .section-header,
  #root .client-reveal-section [data-testid="section-header-client-reveal"],
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__copy,
  #root .client-workflow-slide__copy {
    max-width: min(33rem, 35vw) !important;
    translate: 0 0 !important;
  }

  #root .client-reveal__stage,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-mockup-wrap,
  #root .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
    width: min(100%, clamp(38rem, 42vw, 53rem)) !important;
    translate: 0 0 !important;
  }
}

@media (min-width: 1920px) and (min-height: 880px) {
  #root .client-reveal-section .client-reveal__sticky > div,
  #root .client-workflow-slide__inner {
    max-width: min(84vw, 1580px) !important;
  }

  #root .client-reveal-motion .client-reveal-line--lead,
  #root .client-reveal-motion .client-reveal-line--accent,
  #root .client-workflow-slide__title {
    font-size: clamp(2.82rem, 2vw, 4.35rem) !important;
  }

  #root .client-reveal__stage,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-mockup-wrap,
  #root .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
    width: min(100%, clamp(39rem, 41vw, 54rem)) !important;
    translate: 0 0 !important;
  }
}

@media (min-width: 2400px) and (min-height: 1000px) {
  #root .client-reveal-section .client-reveal__sticky > div,
  #root .client-workflow-slide__inner {
    max-width: min(82vw, 1780px) !important;
  }

  #root .client-reveal-section .client-reveal__sticky > div > div,
  #root .client-workflow-slide__inner {
    grid-template-columns: minmax(25rem, .58fr) minmax(0, .98fr) !important;
    gap: clamp(2rem, 1.8vw, 3.6rem) !important;
    column-gap: clamp(2rem, 1.8vw, 3.6rem) !important;
  }

  #root .client-reveal__stage,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-mockup-wrap,
  #root .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="2"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="3"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="4"] .client-workflow-mockup-wrap,
  #root .client-workflow-slide[data-step="5"] .client-workflow-mockup-wrap {
    width: min(100%, clamp(43rem, 38vw, 58rem)) !important;
    translate: 0 0 !important;
  }
}

/* 2026-06-03 client workflow desktop fade-only switch */
@media (min-width: 768px) {
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state],
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__inner,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__copy,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__eyebrow,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__title,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__description,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__chips,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-mockup-wrap {
    transition: opacity 260ms cubic-bezier(.22, 1, .36, 1) !important;
    transform: none !important;
    filter: none !important;
    will-change: opacity !important;
  }

  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] {
    pointer-events: none !important;
  }

  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="active"] {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    pointer-events: auto !important;
  }

  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="active"] .client-workflow-slide__inner,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="active"] .client-workflow-slide__copy,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="active"] .client-workflow-slide__eyebrow,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="active"] .client-workflow-slide__title,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="active"] .client-workflow-slide__description,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="active"] .client-workflow-slide__chips,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="active"] .client-workflow-mockup-wrap {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="next"],
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="previous"],
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="distant"] {
    opacity: 0 !important;
    transform: none !important;
    filter: none !important;
  }

  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="next"] .client-workflow-slide__inner,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="next"] .client-workflow-slide__copy,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="next"] .client-workflow-slide__eyebrow,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="next"] .client-workflow-slide__title,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="next"] .client-workflow-slide__description,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="next"] .client-workflow-slide__chips,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="next"] .client-workflow-mockup-wrap,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="previous"] .client-workflow-slide__inner,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="previous"] .client-workflow-slide__copy,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="previous"] .client-workflow-slide__eyebrow,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="previous"] .client-workflow-slide__title,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="previous"] .client-workflow-slide__description,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="previous"] .client-workflow-slide__chips,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="previous"] .client-workflow-mockup-wrap,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="distant"] .client-workflow-slide__inner,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="distant"] .client-workflow-slide__copy,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="distant"] .client-workflow-slide__eyebrow,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="distant"] .client-workflow-slide__title,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="distant"] .client-workflow-slide__description,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="distant"] .client-workflow-slide__chips,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state="distant"] .client-workflow-mockup-wrap {
    opacity: 0 !important;
    transform: none !important;
    filter: none !important;
  }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state],
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__inner,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-slide__copy,
  #root .client-workflow__stage .client-workflow-slide[data-workflow-state] .client-workflow-mockup-wrap {
    transition: none !important;
  }
}

/* 2026-06-03 mobile client workflow centered focus */
@media (max-width: 767px) {
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state],
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state] .client-workflow-slide__copy,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state] .client-workflow-slide__eyebrow,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state] .client-workflow-slide__title,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state] .client-workflow-slide__description,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state] .client-workflow-slide__chips,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state] .client-workflow-mockup-wrap {
    transition: opacity 320ms cubic-bezier(.22, 1, .36, 1), transform 360ms cubic-bezier(.22, 1, .36, 1), filter 320ms cubic-bezier(.22, 1, .36, 1) !important;
    pointer-events: auto !important;
    will-change: opacity, transform, filter !important;
  }

  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="active"],
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="active"] .client-workflow-slide__copy,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="active"] .client-workflow-slide__eyebrow,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="active"] .client-workflow-slide__title,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="active"] .client-workflow-slide__description,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="active"] .client-workflow-slide__chips,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="active"] .client-workflow-mockup-wrap {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: none !important;
  }

  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="next"] {
    opacity: .56 !important;
    transform: translate3d(0, 10px, 0) scale(.986) !important;
    filter: saturate(.88) brightness(.72) !important;
  }

  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="next"] .client-workflow-slide__copy,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="next"] .client-workflow-slide__eyebrow,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="next"] .client-workflow-slide__title,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="next"] .client-workflow-slide__description,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="next"] .client-workflow-slide__chips {
    opacity: .66 !important;
    transform: translate3d(0, 5px, 0) !important;
    filter: none !important;
  }

  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="next"] .client-workflow-mockup-wrap {
    opacity: .62 !important;
    transform: translate3d(0, 8px, 0) scale(.988) !important;
    filter: saturate(.9) brightness(.76) !important;
  }

  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="previous"] {
    opacity: .42 !important;
    transform: translate3d(0, -8px, 0) scale(.99) !important;
    filter: saturate(.82) brightness(.66) !important;
  }

  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="previous"] .client-workflow-slide__copy,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="previous"] .client-workflow-slide__eyebrow,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="previous"] .client-workflow-slide__title,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="previous"] .client-workflow-slide__description,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="previous"] .client-workflow-slide__chips,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="previous"] .client-workflow-mockup-wrap {
    opacity: .5 !important;
    transform: translate3d(0, -5px, 0) scale(.992) !important;
    filter: saturate(.84) brightness(.68) !important;
  }

  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="distant"],
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="distant"] .client-workflow-slide__copy,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="distant"] .client-workflow-slide__eyebrow,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="distant"] .client-workflow-slide__title,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="distant"] .client-workflow-slide__description,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="distant"] .client-workflow-slide__chips,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state="distant"] .client-workflow-mockup-wrap {
    opacity: .28 !important;
    transform: translate3d(0, 8px, 0) scale(.982) !important;
    filter: saturate(.74) brightness(.58) !important;
  }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state],
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state] .client-workflow-slide__copy,
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-slide[data-mobile-state] .client-workflow-mockup-wrap {
    transition: none !important;
  }
}

/* 2026-06-04 mobile workflow render-once freeze */
@media (max-width: 767px) {
  #root .client-workflow__stage[data-mobile-render-once] .client-workflow-slide[data-mobile-state="frozen"] {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
    contain: layout paint style !important;
    content-visibility: auto;
    contain-intrinsic-size: auto 42rem;
  }

  #root .client-workflow__stage[data-mobile-render-once] .client-workflow-slide[data-mobile-state="frozen"] .client-workflow-slide__inner,
  #root .client-workflow__stage[data-mobile-render-once] .client-workflow-slide[data-mobile-state="frozen"] .client-workflow-slide__copy,
  #root .client-workflow__stage[data-mobile-render-once] .client-workflow-slide[data-mobile-state="frozen"] .client-workflow-slide__eyebrow,
  #root .client-workflow__stage[data-mobile-render-once] .client-workflow-slide[data-mobile-state="frozen"] .client-workflow-slide__title,
  #root .client-workflow__stage[data-mobile-render-once] .client-workflow-slide[data-mobile-state="frozen"] .client-workflow-slide__description,
  #root .client-workflow__stage[data-mobile-render-once] .client-workflow-slide[data-mobile-state="frozen"] .client-workflow-slide__chips,
  #root .client-workflow__stage[data-mobile-render-once] .client-workflow-slide[data-mobile-state="frozen"] .client-workflow-mockup-wrap,
  #root .client-workflow__stage[data-mobile-render-once] .client-workflow-slide[data-mobile-state="frozen"] .client-workflow-mockup,
  #root .client-workflow__stage[data-mobile-render-once] .client-workflow-slide[data-mobile-state="frozen"] .client-workflow-mockup img {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  #root .client-workflow__stage[data-mobile-render-once] .client-workflow-slide[data-mobile-state="frozen"] .client-workflow-mockup-wrap::before,
  #root .client-workflow__stage[data-mobile-render-once] .client-workflow-slide[data-mobile-state="frozen"] .client-workflow-mockup-wrap::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    animation: none !important;
    transition: none !important;
  }
}

#root .client-pc-stage {
  display: none !important;
}

/* 2026-06-05 client workflow progress sync */
#root .client-workflow-progress {
  display: none;
}

@media (max-width: 767px) {
  #root .client-workflow__stage[data-mobile-workflow] .client-workflow-progress {
    --client-workflow-progress: 0;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    align-items: start;
    column-gap: .58rem;
    row-gap: .36rem;
    position: fixed;
    top: calc(env(safe-area-inset-top, 0px) + .78rem);
    left: calc(env(safe-area-inset-left, 0px) + .82rem);
    z-index: 70;
    width: max-content;
    max-width: calc(100vw - 1.5rem);
    color: oklch(93% .008 230 / .86);
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, -.4rem, 0);
    transition:
      opacity 220ms cubic-bezier(.22, 1, .36, 1),
      transform 240ms cubic-bezier(.22, 1, .36, 1);
  }

  #root .client-workflow__stage[data-workflow-progress-visible="true"] .client-workflow-progress,
  #root .client-workflow-progress[data-workflow-progress-visible="true"] {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  #root .client-workflow-progress__count {
    grid-column: 1 / -1;
    color: oklch(95% .008 230 / .82);
    font-size: .68rem;
    font-weight: 720;
    letter-spacing: .08em;
    line-height: 1;
    text-shadow: 0 .35rem .9rem oklch(0% 0 0 / .48);
  }

  #root .client-workflow-progress__bar {
    position: relative;
    display: block;
    width: clamp(4.35rem, 21vw, 5.8rem);
    height: 2px;
    margin-top: .35rem;
    overflow: hidden;
    border-radius: 999px;
    background: oklch(100% 0 0 / .16);
    box-shadow: 0 0 .85rem oklch(77% .16 215 / .14);
  }

  #root .client-workflow-progress__fill {
    display: block;
    width: calc(var(--client-workflow-progress, 0) * 100%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, oklch(76% .15 210), oklch(90% .1 174));
    box-shadow: 0 0 .75rem oklch(78% .15 205 / .42);
    transition: width 220ms cubic-bezier(.22, 1, .36, 1);
  }

  #root .client-workflow-progress__items {
    position: relative;
    display: block;
    width: clamp(4.35rem, 21vw, 5.8rem);
    height: .45rem;
    margin-top: .12rem;
  }

  #root .client-workflow-progress__item {
    position: absolute;
    top: 50%;
    left: var(--client-workflow-progress-item-y, 0%);
    width: .31rem;
    height: .31rem;
    border-radius: 999px;
    background: oklch(100% 0 0 / .24);
    box-shadow: 0 0 0 1px oklch(100% 0 0 / .08);
    transform: translate3d(-50%, -50%, 0) scale(.88);
    transition:
      background-color 180ms cubic-bezier(.22, 1, .36, 1),
      box-shadow 180ms cubic-bezier(.22, 1, .36, 1),
      transform 180ms cubic-bezier(.22, 1, .36, 1);
  }

  #root .client-workflow-progress__item[data-workflow-progress-state="past"] {
    background: oklch(82% .12 190 / .72);
  }

  #root .client-workflow-progress__item[data-workflow-progress-state="active"] {
    background: oklch(90% .11 176);
    box-shadow:
      0 0 0 .22rem oklch(78% .14 190 / .13),
      0 0 .85rem oklch(80% .16 190 / .48);
    transform: translate3d(-50%, -50%, 0) scale(1.18);
  }
}

@media (min-width: 1280px) {
  #root .side-anchor-nav[data-workflow-progress-active="true"]:has(a[aria-current="page"][href="/#workflow"]) {
    --side-anchor-progress: calc(4.56rem + (var(--side-anchor-workflow-progress, 0) * 3.25rem));
  }
}

/* 2026-06-03 desktop client sticky narrative stage */
@media (min-width: 1024px) {
  #root #workflow.client-story-anchor[data-client-desktop-stage="sticky"] {
    position: relative !important;
    height: 520vh !important;
    min-height: 520vh !important;
    overflow: clip !important;
    overflow-anchor: none !important;
    background: #000 !important;
    isolation: isolate !important;
  }

  #root #workflow.client-story-anchor[data-client-desktop-stage="sticky"] > .client-reveal-section,
  #root #workflow.client-story-anchor[data-client-desktop-stage="sticky"] > .client-workflow-section {
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }

  #root #workflow.client-story-anchor[data-client-desktop-stage="sticky"] > .client-pc-stage {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
    z-index: 1 !important;
    pointer-events: none !important;
    overflow-anchor: none !important;
    background: #000 !important;
  }

  #root .client-pc-stage__sticky {
    position: sticky !important;
    top: 0 !important;
    height: 100vh !important;
    min-height: 100svh !important;
    overflow: hidden !important;
    overflow-anchor: none !important;
    background: #000 !important;
    contain: paint !important;
  }

  #root .client-pc-stage__sticky::before,
  #root .client-pc-stage__sticky::after {
    content: none !important;
    display: none !important;
    background: none !important;
  }

  #root .client-pc-stage__inner {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(19rem, .62fr) minmax(0, 1.08fr) !important;
    align-items: center !important;
    gap: clamp(2.2rem, 4.4vw, 6rem) !important;
    width: min(80vw, 1360px) !important;
    height: 100% !important;
    margin-inline: auto !important;
    padding-block: clamp(4.4rem, 8vh, 7rem) clamp(2.8rem, 6vh, 5rem) !important;
  }

  #root .client-pc-stage__copy-track {
    position: relative !important;
    min-width: 0 !important;
    min-height: clamp(23rem, 54vh, 34rem) !important;
  }

  #root .client-pc-stage-copy-panel {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    width: min(100%, 31rem) !important;
    opacity: var(--client-stage-copy-opacity, 0) !important;
    transform: translate3d(0, -50%, 0) translate3d(0, var(--client-stage-copy-y, 0px), 0) !important;
    transition: opacity .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1) !important;
    will-change: transform, opacity !important;
    pointer-events: none !important;
  }

  #root .client-pc-stage-copy-panel[aria-hidden="false"] {
    pointer-events: auto !important;
  }

  #root .client-pc-stage-copy-panel .section-header,
  #root .client-pc-stage-copy-panel .client-workflow-slide__copy {
    width: min(100%, 31rem) !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  #root .client-pc-stage-copy-panel .section-header__title.client-reveal-motion,
  #root .client-pc-stage-copy-panel .client-workflow-slide__title {
    font-size: clamp(2.25rem, 3vw, 4.05rem) !important;
    line-height: .98 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
  }

  #root .client-pc-stage-copy-panel .client-workflow-slide__title {
    display: grid !important;
    gap: clamp(.28rem, .65vw, .56rem) !important;
    color: oklch(96% .006 230 / .98) !important;
  }

  #root .client-pc-stage-copy-panel .client-workflow-slide__description,
  #root .client-pc-stage-copy-panel .section-header__description {
    max-width: 28.5rem !important;
    margin-top: clamp(1.1rem, 2vw, 1.7rem) !important;
    font-size: clamp(.98rem, 1vw, 1.16rem) !important;
    line-height: 1.82 !important;
    color: oklch(83% .018 230 / .74) !important;
  }

  #root .client-pc-stage-copy-panel .client-workflow-slide__chips {
    margin-top: clamp(1.35rem, 2.4vw, 2rem) !important;
    gap: .55rem !important;
    opacity: .86 !important;
  }

  #root .client-pc-stage-copy-panel .client-workflow-slide__eyebrow {
    display: none !important;
  }

  #root .client-pc-stage-copy-panel .client-reveal-motion::before,
  #root .client-pc-stage-copy-panel .client-reveal-motion::after {
    content: none !important;
    display: none !important;
  }

  #root .client-pc-stage-copy-panel .client-reveal-motion {
    display: grid !important;
    gap: clamp(.52rem, .88vw, .86rem) !important;
    overflow: visible !important;
  }

  #root .client-pc-stage__visual {
    position: relative !important;
    display: grid !important;
    align-items: center !important;
    justify-items: center !important;
    min-width: 0 !important;
    perspective: clamp(66rem, 80vw, 118rem) !important;
    perspective-origin: 50% 50% !important;
    transform-style: preserve-3d !important;
  }

  #root .client-pc-stage__deck {
    position: relative !important;
    width: min(100%, clamp(38rem, 46vw, 56rem)) !important;
    --client-stage-deck-aspect: 1.7778;
    aspect-ratio: 16 / 9 !important;
    transform-style: preserve-3d !important;
  }

  #root .client-pc-stage-card {
    position: absolute !important;
    inset: 50% auto auto 50% !important;
    width: var(--client-stage-card-width, 100%) !important;
    height: var(--client-stage-card-height, 100%) !important;
    aspect-ratio: var(--client-stage-card-aspect, 1.7778) !important;
    margin: 0 !important;
    opacity: var(--client-stage-card-opacity, 0) !important;
    transform: translate3d(-50%, -50%, 0) var(--client-stage-card-transform, translate3d(0%, 0px, 0px) rotateY(0deg) scale(1)) !important;
    transform-origin: 50% 58% !important;
    transform-style: preserve-3d !important;
    will-change: transform, opacity !important;
    backface-visibility: hidden !important;
    border-radius: clamp(1.1rem, 1.5vw, 1.7rem) !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow:
      0 2.8rem 6.6rem oklch(0% 0 0 / .58),
      0 0 0 1px oklch(82% .06 205 / .13),
      inset 0 1px 0 oklch(100% 0 0 / .13) !important;
  }

  #root .client-pc-stage-card img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: translateZ(1px) !important;
    border-radius: inherit !important;
    background: transparent !important;
  }
}

@media (min-width: 1600px) and (min-height: 820px) {
  #root #workflow.client-story-anchor[data-client-desktop-stage="sticky"] {
    height: 520vh !important;
  }

  #root .client-pc-stage__inner {
    width: min(78vw, 1580px) !important;
    grid-template-columns: minmax(22rem, .58fr) minmax(0, 1.12fr) !important;
    gap: clamp(3.2rem, 4.6vw, 7.4rem) !important;
  }

  #root .client-pc-stage-copy-panel,
  #root .client-pc-stage-copy-panel .section-header,
  #root .client-pc-stage-copy-panel .client-workflow-slide__copy {
    width: min(100%, 35rem) !important;
  }

  #root .client-pc-stage-copy-panel .section-header__title.client-reveal-motion,
  #root .client-pc-stage-copy-panel .client-workflow-slide__title {
    font-size: clamp(2.75rem, 2.32vw, 4.55rem) !important;
  }

  #root .client-pc-stage__deck {
    width: min(100%, clamp(48rem, 44vw, 68rem)) !important;
  }
}

@media (min-width: 2200px) and (min-height: 1000px) {
  #root .client-pc-stage__inner {
    width: min(76vw, 1800px) !important;
    grid-template-columns: minmax(25rem, .56fr) minmax(0, 1.12fr) !important;
  }

  #root .client-pc-stage-copy-panel,
  #root .client-pc-stage-copy-panel .section-header,
  #root .client-pc-stage-copy-panel .client-workflow-slide__copy {
    width: min(100%, 38rem) !important;
  }

  #root .client-pc-stage-copy-panel .section-header__title.client-reveal-motion,
  #root .client-pc-stage-copy-panel .client-workflow-slide__title {
    font-size: clamp(3.1rem, 1.95vw, 5rem) !important;
  }

  #root .client-pc-stage__deck {
    width: min(100%, clamp(56rem, 42vw, 78rem)) !important;
  }
}

@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  #root .client-pc-stage-copy-panel,
  #root .client-pc-stage-card {
    will-change: auto !important;
  }
}

/* 2026-06-03 atmosphere solid transition mask */
#atmosphere-effects.one-click-magic,
#atmosphere-effects .one-click-magic {
  --effect-veil: oklch(5.2% .008 252 / .88) !important;
}

#atmosphere-effects.one-click-magic .magic-photo__effect-veil,
#atmosphere-effects .one-click-magic .magic-photo__effect-veil {
  background: oklch(5.2% .008 252 / .88) !important;
  background-image: none !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

#atmosphere-effects.one-click-magic[data-effect-phase="before"] .magic-photo__effect-veil,
#atmosphere-effects .one-click-magic[data-effect-phase="before"] .magic-photo__effect-veil {
  opacity: 0 !important;
}

#atmosphere-effects.one-click-magic[data-effect-phase="applying"],
#atmosphere-effects .one-click-magic[data-effect-phase="applying"] {
  --effect-veil: oklch(5.2% .008 252 / .94) !important;
}

#atmosphere-effects.one-click-magic[data-effect-phase="applying"] .magic-photo__effect-veil,
#atmosphere-effects .one-click-magic[data-effect-phase="applying"] .magic-photo__effect-veil {
  background: oklch(5.2% .008 252 / .94) !important;
  background-image: none !important;
  mix-blend-mode: normal !important;
  opacity: .9 !important;
  filter: none !important;
}

#atmosphere-effects.one-click-magic[data-effect-phase="after"] .magic-photo__effect-veil,
#atmosphere-effects .one-click-magic[data-effect-phase="after"] .magic-photo__effect-veil {
  background: oklch(5.2% .008 252 / .28) !important;
  background-image: none !important;
  opacity: .22 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

#atmosphere-effects.one-click-magic[data-effect-phase="applying"] .magic-photo__aura,
#atmosphere-effects .one-click-magic[data-effect-phase="applying"] .magic-photo__aura {
  background: var(--effect-aura) !important;
  opacity: .72 !important;
  filter: none !important;
}

#atmosphere-effects.one-click-magic[data-effect-phase="applying"] .magic-photo__pulse,
#atmosphere-effects .one-click-magic[data-effect-phase="applying"] .magic-photo__pulse {
  animation: .76s cubic-bezier(.22, 1, .36, 1) magic-pulse-ring !important;
  border-color: var(--effect-glow) !important;
  box-shadow: 0 0 4rem var(--effect-glow) !important;
  opacity: .7 !important;
  filter: none !important;
}

#atmosphere-effects.one-click-magic[data-effect-phase="applying"] .magic-photo__particles,
#atmosphere-effects .one-click-magic[data-effect-phase="applying"] .magic-photo__particles {
  opacity: 1 !important;
  filter: none !important;
}

#atmosphere-effects.one-click-magic[data-effect-phase="applying"] .magic-photo__particles span,
#atmosphere-effects .one-click-magic[data-effect-phase="applying"] .magic-photo__particles span {
  animation: magic-particle-drift .78s cubic-bezier(.22, 1, .36, 1) var(--particle-delay) !important;
  background: var(--effect-glow) !important;
  background-image: none !important;
  box-shadow: 0 0 1rem var(--effect-glow) !important;
  filter: none !important;
}

#atmosphere-effects.one-click-magic[data-effect-phase="applying"] .wizard-panel__beam,
#atmosphere-effects .one-click-magic[data-effect-phase="applying"] .wizard-panel__beam {
  animation: .76s cubic-bezier(.22, 1, .36, 1) spell-beam !important;
  background: linear-gradient(90deg, transparent, var(--effect-glow), transparent) !important;
  background-image: linear-gradient(90deg, transparent, var(--effect-glow), transparent) !important;
  box-shadow: 0 0 1.5rem var(--effect-glow) !important;
  border-color: transparent !important;
  filter: none !important;
}

/* 2026-06-04 atmosphere shorter mask dwell */
#atmosphere-effects.one-click-magic .magic-photo__effect-veil,
#atmosphere-effects .one-click-magic .magic-photo__effect-veil {
  transition: opacity 160ms cubic-bezier(.22, 1, .36, 1) !important;
}

#atmosphere-effects.one-click-magic[data-effect-phase="applying"] .magic-photo__effect-veil,
#atmosphere-effects .one-click-magic[data-effect-phase="applying"] .magic-photo__effect-veil {
  opacity: .78 !important;
}

#atmosphere-effects.one-click-magic[data-effect-phase="after"] .magic-photo__effect-veil,
#atmosphere-effects .one-click-magic[data-effect-phase="after"] .magic-photo__effect-veil {
  opacity: .12 !important;
}

/* 2026-06-04 reference target decode hold parity */
#reference-generation .reference-target-frame[data-reference-hold-image="true"]::after {
  padding: var(--reference-hold-padding, .5rem) !important;
  z-index: 32 !important;
  background-origin: content-box !important;
  background-clip: content-box !important;
  transform: translate3d(0, 0, 0) !important;
}

#reference-generation.is-reference-switching[data-reference-switch-phase="preload"] .reference-target-frame[data-reference-hold-image="true"] .reference-target-image,
#reference-generation.is-reference-switching[data-reference-switch-phase="covered"] .reference-target-frame[data-reference-hold-image="true"] .reference-target-image {
  opacity: 0 !important;
  transition: opacity 180ms cubic-bezier(.22, 1, .36, 1) !important;
}

#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-target-frame[data-reference-hold-image="true"] .reference-target-image {
  opacity: 1 !important;
  transition: opacity 260ms cubic-bezier(.22, 1, .36, 1) !important;
}

/* 2026-06-04 atmosphere decoded image crossfade */
#atmosphere-effects .magic-photo__image-wrap {
  position: relative !important;
  isolation: isolate !important;
  background: oklch(4.6% .006 252) !important;
}

#atmosphere-effects .magic-photo__image {
  z-index: 1 !important;
  backface-visibility: hidden !important;
  transition:
    opacity 280ms cubic-bezier(.22, 1, .36, 1),
    filter .52s cubic-bezier(.22, 1, .36, 1),
    transform .82s cubic-bezier(.22, 1, .36, 1) !important;
  will-change: opacity, transform !important;
}

#atmosphere-effects .magic-photo__image-wrap[data-atmosphere-hold-image="true"]::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  pointer-events: none !important;
  background-image: var(--atmosphere-hold-image) !important;
  background-position: var(--atmosphere-hold-position, center center) !important;
  background-repeat: no-repeat !important;
  background-size: var(--atmosphere-hold-fit, cover) !important;
  opacity: 0 !important;
  transform: translate3d(0, 0, 0) !important;
  transition: opacity 280ms cubic-bezier(.22, 1, .36, 1) !important;
  will-change: opacity !important;
}

#atmosphere-effects[data-atmosphere-image-hold="true"] .magic-photo__image-wrap[data-atmosphere-hold-image="true"]::after,
#atmosphere-effects[data-atmosphere-image-error="true"] .magic-photo__image-wrap[data-atmosphere-hold-image="true"]::after {
  opacity: 1 !important;
}

#atmosphere-effects[data-atmosphere-image-hold="releasing"] .magic-photo__image-wrap[data-atmosphere-hold-image="true"]::after {
  opacity: 0 !important;
}

#atmosphere-effects .magic-photo__effect-veil,
#atmosphere-effects .magic-photo__aura,
#atmosphere-effects .magic-photo__vignette,
#atmosphere-effects .magic-photo__pulse,
#atmosphere-effects .magic-photo__particles {
  z-index: 5 !important;
}

#atmosphere-effects .magic-photo__single-action {
  z-index: 8 !important;
}

/* 2026-06-05 remove desktop floating workflow progress; use side anchor progress instead */
#root .client-pc-stage-progress {
  display: none !important;
}

/* 2026-06-05 mobile UX and footer QR corrections */
html,
body {
  overscroll-behavior-x: none;
}

.portrait-tap-demo {
  display: none;
}

@media (max-width: 767px), (pointer: coarse) {
  #portrait-retouching .portrait-tap-demo {
    position: absolute;
    inset: 0;
    z-index: 18;
    display: grid;
    place-items: center;
    pointer-events: none;
    overflow: hidden;
    background:
      radial-gradient(circle at 50% 47%, oklch(100% 0 0 / .08), transparent 28%),
      linear-gradient(180deg, oklch(0% 0 0 / .08), oklch(0% 0 0 / .24));
    -webkit-backdrop-filter: blur(1.2px) saturate(1.05);
    backdrop-filter: blur(1.2px) saturate(1.05);
    opacity: 1;
    visibility: visible;
    transition: opacity 280ms cubic-bezier(.22, 1, .36, 1), visibility 280ms cubic-bezier(.22, 1, .36, 1);
  }

  #portrait-retouching[data-yamai-portrait-tap-hint-dismissed="true"] .portrait-tap-demo {
    opacity: 0;
    visibility: hidden;
  }

  #portrait-retouching .portrait-tap-demo__split {
    position: absolute;
    inset: 0;
    opacity: .34;
    mix-blend-mode: screen;
    transform: translate3d(0, 0, 0);
  }

  #portrait-retouching .portrait-tap-demo__split--before {
    clip-path: inset(0 50% 0 0);
    background: linear-gradient(90deg, oklch(100% 0 0 / .04), transparent 92%);
    animation: yamai-portrait-tap-before 2.28s cubic-bezier(.22, 1, .36, 1) infinite;
  }

  #portrait-retouching .portrait-tap-demo__split--after {
    clip-path: inset(0 0 0 50%);
    background: linear-gradient(90deg, transparent 8%, oklch(82% .12 205 / .18));
    animation: yamai-portrait-tap-after 2.28s cubic-bezier(.22, 1, .36, 1) infinite;
  }

  #portrait-retouching .portrait-tap-demo__target {
    width: clamp(3.35rem, 16vw, 4.5rem);
    height: clamp(3.35rem, 16vw, 4.5rem);
    border: 1px solid oklch(96% .018 220 / .72);
    border-radius: 999px;
    background: radial-gradient(circle, oklch(100% 0 0 / .1), oklch(86% .12 205 / .12) 54%, transparent 70%);
    box-shadow: 0 0 0 .45rem oklch(92% .09 205 / .08), 0 0 1.8rem oklch(82% .14 205 / .42);
    animation: yamai-portrait-tap-pulse 2.28s cubic-bezier(.22, 1, .36, 1) infinite;
  }

  #portrait-retouching .portrait-tap-demo__hand {
    position: absolute;
    left: calc(50% + .72rem);
    top: calc(50% + .3rem);
    width: 2.65rem;
    height: 2.65rem;
    filter: drop-shadow(0 .42rem .7rem oklch(0% 0 0 / .34));
    transform-origin: 40% 20%;
    animation: yamai-portrait-tap-hand 2.28s cubic-bezier(.22, 1, .36, 1) infinite;
  }

  #portrait-retouching .portrait-tap-demo__hand::before,
  #portrait-retouching .portrait-tap-demo__hand::after {
    content: "";
    position: absolute;
    display: block;
    background: linear-gradient(180deg, #fff8ed, #dfc9af);
    border: 1px solid oklch(72% .045 62 / .72);
    box-shadow: inset 0 1px 0 oklch(100% 0 0 / .72);
  }

  #portrait-retouching .portrait-tap-demo__hand::before {
    left: .92rem;
    top: .82rem;
    width: 1rem;
    height: 1.42rem;
    border-radius: .62rem .62rem .44rem .44rem;
    transform: rotate(-24deg);
  }

  #portrait-retouching .portrait-tap-demo__hand::after {
    left: .62rem;
    top: .2rem;
    width: .56rem;
    height: 1.62rem;
    border-radius: .5rem;
    transform: rotate(-28deg);
  }

  #image-composition .composition-tool-stage__header {
    display: none !important;
  }

  #image-composition .composition-tool-stage {
    margin-top: .75rem !important;
  }
}

@keyframes yamai-portrait-tap-hand {
  0%, 100% { transform: translate3d(.55rem, .6rem, 0) rotate(-10deg) scale(.96); opacity: .92; }
  36% { transform: translate3d(.05rem, .05rem, 0) rotate(-17deg) scale(1); opacity: 1; }
  48% { transform: translate3d(-.02rem, -.02rem, 0) rotate(-18deg) scale(.92); opacity: 1; }
  66% { transform: translate3d(.3rem, .3rem, 0) rotate(-12deg) scale(.98); opacity: .96; }
}

@keyframes yamai-portrait-tap-pulse {
  0%, 100% { opacity: .62; transform: scale(.86); }
  42% { opacity: 1; transform: scale(1); }
  58% { opacity: .72; transform: scale(.78); }
}

@keyframes yamai-portrait-tap-before {
  0%, 42% { clip-path: inset(0 50% 0 0); opacity: .42; }
  58%, 100% { clip-path: inset(0 68% 0 0); opacity: .2; }
}

@keyframes yamai-portrait-tap-after {
  0%, 42% { clip-path: inset(0 0 0 50%); opacity: .22; }
  58%, 100% { clip-path: inset(0 0 0 32%); opacity: .44; }
}

/* 2026-06-05 reference fade-only no-motion */
#reference-generation [data-testid="reference-transfer-workbench"]::after,
#reference-generation .reference-transfer-workbench::after,
#reference-generation [data-testid="reference-desktop-workbench"]::after,
#reference-generation .reference-fusion-stage::after,
#reference-generation .reference-mobile-result-stage::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  transform: none !important;
  clip-path: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

#reference-generation .reference-fusion-stage,
#reference-generation .reference-mobile-result-stage,
#reference-generation .reference-fusion-stage > *,
#reference-generation .reference-mobile-result-stage > *,
#reference-generation .reference-source-media,
#reference-generation .reference-target-frame,
#reference-generation .reference-result-frame,
#reference-generation .reference-mobile-input-card__media,
#reference-generation .reference-mobile-result-frame,
#reference-generation .reference-source-media img,
#reference-generation .reference-target-frame img,
#reference-generation .reference-result-frame img,
#reference-generation .reference-mobile-input-card__media img,
#reference-generation .reference-mobile-result-frame img {
  transform: none !important;
  filter: none !important;
}

#reference-generation .reference-fusion-stage > *,
#reference-generation .reference-mobile-result-stage > * {
  opacity: 1 !important;
  transition: opacity 180ms cubic-bezier(.22, 1, .36, 1) !important;
  will-change: opacity !important;
}

#reference-generation.is-reference-switching[data-reference-switch-phase="preload"] .reference-fusion-stage > *,
#reference-generation.is-reference-switching[data-reference-switch-phase="preload"] .reference-mobile-result-stage > *,
#reference-generation.is-reference-switching[data-reference-switch-phase="enter"] .reference-fusion-stage > *,
#reference-generation.is-reference-switching[data-reference-switch-phase="enter"] .reference-mobile-result-stage > *,
#reference-generation.is-reference-switching[data-reference-switch-phase="covered"] .reference-fusion-stage > *,
#reference-generation.is-reference-switching[data-reference-switch-phase="covered"] .reference-mobile-result-stage > * {
  opacity: 0 !important;
  transform: none !important;
  filter: none !important;
}

#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-fusion-stage > *,
#reference-generation.is-reference-switching[data-reference-switch-phase="reveal"] .reference-mobile-result-stage > * {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

#reference-generation .reference-source-media[data-reference-hold-image="true"]::after,
#reference-generation .reference-target-frame[data-reference-hold-image="true"]::after,
#reference-generation .reference-result-frame[data-reference-hold-image="true"]::after,
#reference-generation .reference-mobile-input-card__media[data-reference-hold-image="true"]::after,
#reference-generation .reference-mobile-result-frame[data-reference-hold-image="true"]::after {
  transform: none !important;
  filter: none !important;
  transition: opacity 180ms cubic-bezier(.22, 1, .36, 1) !important;
  will-change: opacity !important;
}

/* 2026-06-05 mobile interaction stability */
@media (max-width: 767px), (pointer: coarse) {
  #scene-restoration .scene-repair-card__media {
    position: relative !important;
    overflow: hidden !important;
    aspect-ratio: 4 / 3 !important;
    contain: layout paint !important;
    isolation: isolate !important;
    transform: none !important;
  }

  #scene-restoration canvas.scene-repair-card__canvas {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    image-rendering: auto !important;
    transform: none !important;
    filter: none !important;
    will-change: auto !important;
    contain: paint !important;
  }
}

/* 2026-06-05 mobile atmosphere performance */
@media (max-width: 767px), (pointer: coarse) {
  #atmosphere-effects .magic-photo__particles,
  #atmosphere-effects .magic-photo__pulse,
  #atmosphere-effects .wizard-panel__beam {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    animation: none !important;
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
  }

  #atmosphere-effects .magic-photo__particles span {
    animation: none !important;
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
  }

  #atmosphere-effects .magic-photo__aura {
    opacity: .18 !important;
    animation: none !important;
    transform: none !important;
    filter: none !important;
    will-change: auto !important;
  }

  #atmosphere-effects .magic-photo__vignette {
    opacity: .55 !important;
    animation: none !important;
    transform: none !important;
    filter: none !important;
  }

  #atmosphere-effects .magic-photo__effect-veil {
    transition: opacity 120ms linear !important;
    transform: none !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    will-change: opacity !important;
  }

  #atmosphere-effects.one-click-magic[data-effect-phase="applying"] .magic-photo__effect-veil,
  #atmosphere-effects .one-click-magic[data-effect-phase="applying"] .magic-photo__effect-veil {
    opacity: .46 !important;
  }

  #atmosphere-effects.one-click-magic[data-effect-phase="after"] .magic-photo__effect-veil,
  #atmosphere-effects .one-click-magic[data-effect-phase="after"] .magic-photo__effect-veil {
    opacity: .06 !important;
  }

  #atmosphere-effects .magic-photo__image {
    transition: opacity 140ms ease !important;
    transform: none !important;
    filter: none !important;
    will-change: opacity !important;
  }

  #atmosphere-effects .magic-photo__image-wrap[data-atmosphere-hold-image="true"]::after {
    transition: opacity 140ms ease !important;
    transform: none !important;
    filter: none !important;
    will-change: opacity !important;
  }

  #atmosphere-effects .one-click-magic__stage,
  #atmosphere-effects .magic-photo,
  #atmosphere-effects .wizard-panel {
    animation: none !important;
    filter: none !important;
  }
}

/* 2026-06-05 mobile compare handle-only scroll safety */
@media (max-width: 767px), (pointer: coarse) {
  #scene-restoration .scene-repair-card__media,
  #image-composition .composition-before-after__media {
    cursor: default !important;
    pointer-events: auto !important;
    touch-action: pan-y !important;
    overscroll-behavior: auto !important;
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    -webkit-user-select: none !important;
    user-select: none !important;
  }

  #scene-restoration canvas.scene-repair-card__canvas,
  #image-composition canvas.composition-before-after__canvas,
  #image-composition .composition-before-after__scrim,
  #image-composition .composition-before-after__labels {
    pointer-events: none !important;
    touch-action: pan-y !important;
  }

  #scene-restoration .scene-repair-card__divider,
  #scene-restoration .scene-repair-card__divider span,
  #image-composition .composition-before-after__divider,
  #image-composition .composition-before-after__divider span {
    pointer-events: auto !important;
    touch-action: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
  }

  #image-composition .composition-before-after__divider {
    width: clamp(1.9rem, 9vw, 2.5rem) !important;
  }
}

/* 2026-06-06 scene repair mobile image scroll */
@media (max-width: 767px), (pointer: coarse) {
  #scene-restoration .scene-repair-card,
  #scene-restoration .scene-repair-card__media {
    cursor: default !important;
    pointer-events: auto !important;
    touch-action: pan-y !important;
    overscroll-behavior: auto !important;
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    -webkit-user-select: none !important;
    user-select: none !important;
  }

  #scene-restoration canvas.scene-repair-card__canvas,
  #scene-restoration .scene-repair-card__shade,
  #scene-restoration .scene-repair-card__glow,
  #scene-restoration .scene-repair-card__media > :not(.scene-repair-card__divider) {
    pointer-events: none !important;
    touch-action: pan-y !important;
  }

  #scene-restoration .scene-repair-card__divider,
  #scene-restoration .scene-repair-card__divider span {
    pointer-events: auto !important;
    touch-action: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
  }
}

/* 2026-06-06 download page copy layout */
body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] {
  text-align: left !important;
}

body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] > div {
  justify-items: start !important;
  text-align: left !important;
}

body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-copy] {
  align-items: flex-start !important;
  margin-inline: 0 auto !important;
  text-align: left !important;
}

body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] h1,
body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] p {
  text-align: left !important;
}

body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-subtitle] {
  margin-inline: 0 auto !important;
}

body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-cta] {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: 1.15rem !important;
  margin-inline: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: normal !important;
}

@media (min-width: 768px) {
  body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] > div {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] > div > :not([data-yamai-download-hero-copy]):empty {
    display: none !important;
  }
}

/* 2026-06-06 download mobile alignment */
@media (max-width: 767px), (pointer: coarse) {
  body[data-yamai-download-mobile-align="20260607-download-mobile-align-v66-a"] #download-options,
  body[data-yamai-download-mobile-align="20260607-download-mobile-align-v66-a"] #download-options > div,
  body[data-yamai-download-mobile-align="20260607-download-mobile-align-v66-a"] #download-options [class*="text-center"],
  body[data-yamai-download-mobile-align="20260607-download-mobile-align-v66-a"] #download-options [data-testid*="section"],
  body[data-yamai-download-mobile-align="20260607-download-mobile-align-v66-a"] #download-options h2,
  body[data-yamai-download-mobile-align="20260607-download-mobile-align-v66-a"] #download-options p {
    text-align: left !important;
  }

  body[data-yamai-download-mobile-align="20260607-download-mobile-align-v66-a"] #download-options > div,
  body[data-yamai-download-mobile-align="20260607-download-mobile-align-v66-a"] #download-options h2,
  body[data-yamai-download-mobile-align="20260607-download-mobile-align-v66-a"] #download-options p {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  body[data-yamai-download-mobile-align="20260607-download-mobile-align-v66-a"] #download-options [class*="items-center"] {
    align-items: flex-start !important;
  }

  body[data-yamai-download-mobile-align="20260607-download-mobile-align-v66-a"] #download-options [class*="justify-center"] {
    justify-content: flex-start !important;
  }
}

/* 2026-06-06 requested copy and footer cleanup */
#root .pricing-section__usage-note {
  line-height: 2.05 !important;
}

.closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__links-grid {
  grid-template-columns: repeat(3, minmax(10rem, 1fr)) !important;
  justify-items: center !important;
  align-items: start !important;
  max-width: min(64rem, 100%) !important;
  margin-inline: auto !important;
  column-gap: clamp(2rem, 6vw, 6rem) !important;
  text-align: center !important;
}

.closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__links-grid > * {
  justify-self: center !important;
  text-align: center !important;
}

.closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__links-grid ul,
.closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__links-grid li,
.closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__links-grid a,
.closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__links-grid p {
  text-align: center !important;
}

.closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__contact-column,
.closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__contact-details,
.closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__contact-details > * {
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

@media (min-width: 768px) {
  .closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__links-grid > :nth-child(3),
  .closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__links-grid > :nth-child(5) {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #root .pricing-section__usage-note {
    line-height: 1.95 !important;
  }

  .closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__links-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: start !important;
    align-items: start !important;
    gap: 1.6rem !important;
    max-width: min(24rem, 100%) !important;
    margin-inline: auto !important;
    padding-top: 2.35rem !important;
    padding-bottom: 2.35rem !important;
    text-align: left !important;
  }

  .closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__links-grid > *,
  .closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__links-grid ul,
  .closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__links-grid li,
  .closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__links-grid a,
  .closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__links-grid p {
    justify-self: stretch !important;
    text-align: left !important;
  }

  .closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__contact-column,
  .closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__contact-details,
  .closing-brand-footer[data-yamai-footer-trimmed="20260607-copy-footer-v67-a"] .closing-brand-footer__contact-details > * {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
}

/* 2026-06-07 requested desktop copy and download hero alignment */
@media (min-width: 1024px) {
  #scene-restoration #scene-repair-card-scene-defect-removal .scene-repair-card__content p[data-yamai-requested-copy="20260607-copy-footer-v67-a"] {
    margin-top: .72rem !important;
    transform: translateY(.22rem) !important;
  }
}

@media (max-width: 1023px) {
  #scene-restoration #scene-repair-card-scene-defect-removal .scene-repair-card__content p[data-yamai-requested-copy="20260607-copy-footer-v67-a"] {
    margin-top: .72rem !important;
    transform: translateY(.22rem) !important;
  }
}

body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-copy] {
  padding-left: 0 !important;
}

@media (min-width: 768px) {
  body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-copy] {
    padding-left: 2rem !important;
  }
}

body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] h1,
body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-subtitle] {
  max-width: min(68rem, calc(100vw - clamp(3rem, 7vw, 8rem))) !important;
}

body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-cta] {
  gap: .48rem !important;
  min-height: auto !important;
  padding: 0 !important;
  color: oklch(78% .14 248) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-size: clamp(.9rem, 1vw, 1rem) !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-cta]::after {
  content: "";
  width: .56rem;
  height: .56rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  display: inline-block;
  transform: translateY(-.1rem) rotate(45deg);
  animation: yamai-download-cue-arrow 1.28s cubic-bezier(.22, 1, .36, 1) infinite;
}

body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-cta]:hover {
  color: oklch(88% .1 238) !important;
}

@keyframes yamai-download-cue-arrow {
  0%, 100% {
    opacity: .62;
    transform: translateY(-.18rem) rotate(45deg);
  }

  50% {
    opacity: 1;
    transform: translateY(.22rem) rotate(45deg);
  }
}

@media (max-width: 767px), (pointer: coarse) {
  body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-copy] {
    padding-left: clamp(1.9rem, 7vw, 2.25rem) !important;
  }

  body[data-yamai-download-mobile-align="20260607-download-mobile-align-v66-a"] #download-options h2,
  body[data-yamai-download-mobile-align="20260607-download-mobile-align-v66-a"] #download-options h2 + p {
    margin-left: clamp(1.9rem, 7vw, 2.25rem) !important;
    max-width: calc(100% - clamp(1.9rem, 7vw, 2.25rem)) !important;
  }
}

@media (max-width: 560px) {
  body[data-yamai-download-hero-copy="20260607-download-page-copy-v66-a"] [data-yamai-download-hero-layout="20260607-download-page-copy-v66-a"] h1 {
    font-size: clamp(1.95rem, 6.3vw, 2.12rem) !important;
    line-height: 1.14 !important;
  }
}

.yamai-contact-qr-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: clamp(1rem, 4vw, 2rem);
  color: var(--foreground);
}

.yamai-contact-qr-modal[hidden] {
  display: none !important;
}

body.yamai-contact-qr-modal-open {
  overflow: hidden;
}

.yamai-contact-qr-modal__backdrop {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, oklch(3.6% .01 260 / .78), oklch(7.5% .012 260 / .9)),
    radial-gradient(circle at 50% 24%, oklch(68% .205 255 / .2), transparent 38%);
  backdrop-filter: blur(18px) saturate(1.08);
}

.yamai-contact-qr-modal__panel {
  position: relative;
  width: min(92vw, 28rem);
  max-height: min(86svh, 40rem);
  display: grid;
  gap: 1.15rem;
  justify-items: center;
  padding: clamp(1.15rem, 4vw, 1.65rem);
  overflow: auto;
  background:
    linear-gradient(180deg, oklch(14% .012 258 / .96), oklch(9% .01 260 / .98)),
    var(--card);
  border: 1px solid oklch(72% .1 235 / .22);
  border-radius: 1rem;
  box-shadow:
    0 2.4rem 5.6rem oklch(0% 0 0 / .58),
    inset 0 1px 0 oklch(100% 0 0 / .08);
}

.yamai-contact-qr-modal__close {
  justify-self: end;
  min-height: 2.25rem;
  padding: .42rem .72rem;
  color: oklch(86% .02 245);
  background: oklch(100% 0 0 / .07);
  border: 1px solid oklch(100% 0 0 / .12);
  border-radius: .5rem;
  cursor: pointer;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1;
}

.yamai-contact-qr-modal__close:hover,
.yamai-contact-qr-modal__close:focus-visible {
  color: var(--foreground);
  background: oklch(100% 0 0 / .12);
  outline: 2px solid oklch(68% .205 255 / .48);
  outline-offset: 3px;
}

.yamai-contact-qr-modal__copy {
  max-width: 22rem;
  display: grid;
  gap: .55rem;
  text-align: center;
}

.yamai-contact-qr-modal__eyebrow {
  color: oklch(72% .13 235);
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.yamai-contact-qr-modal__copy h2 {
  color: var(--foreground);
  font-size: clamp(1.42rem, 5vw, 2rem);
  font-weight: 760;
  line-height: 1.12;
}

.yamai-contact-qr-modal__copy p:not(.yamai-contact-qr-modal__eyebrow) {
  color: var(--surface-panel-foreground);
  font-size: .95rem;
  line-height: 1.7;
}

.yamai-contact-qr-modal__qr-frame {
  width: min(64vw, 15rem);
  aspect-ratio: 1;
  padding: .6rem;
  background: #fff;
  border: 1px solid oklch(100% 0 0 / .9);
  border-radius: .85rem;
  box-shadow:
    0 1.2rem 2.6rem oklch(0% 0 0 / .36),
    0 0 0 .35rem oklch(100% 0 0 / .04);
}

.yamai-contact-qr-modal__qr-frame img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: contain;
  padding: 0 !important;
  background: #fff !important;
  border-radius: .45rem !important;
}

@media (max-width: 560px) {
  .yamai-contact-qr-modal {
    align-items: end;
    padding: .85rem;
  }

  .yamai-contact-qr-modal__panel {
    width: 100%;
    max-height: 88svh;
    gap: 1rem;
    padding: 1rem;
  }

  .yamai-contact-qr-modal__qr-frame {
    width: min(70vw, 14rem);
  }
}

/* 2026-06-08 scene repair mobile: top buttons only, divider drags immediately. */
@media (max-width: 767px), (pointer: coarse) {
  html[data-yamai-scene-repair-mobile-interaction="20260608-scene-repair-button-only-direct-divider-a"] #scene-restoration .scene-repair-track {
    touch-action: pan-y !important;
    overscroll-behavior-x: contain !important;
    overflow-x: hidden !important;
  }

  html[data-yamai-scene-repair-mobile-interaction="20260608-scene-repair-button-only-direct-divider-a"] #scene-restoration .scene-repair-card,
  html[data-yamai-scene-repair-mobile-interaction="20260608-scene-repair-button-only-direct-divider-a"] #scene-restoration .scene-repair-card__media {
    cursor: default !important;
    touch-action: pan-y !important;
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html[data-yamai-scene-repair-mobile-interaction="20260608-scene-repair-button-only-direct-divider-a"] #scene-restoration .scene-repair-card__divider,
  html[data-yamai-scene-repair-mobile-interaction="20260608-scene-repair-button-only-direct-divider-a"] #scene-restoration .scene-repair-card__divider span {
    pointer-events: auto !important;
    touch-action: none !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
  }

  html[data-yamai-scene-repair-mobile-interaction="20260608-scene-repair-button-only-direct-divider-a"] #scene-restoration .scene-repair-card[data-yamai-scene-repair-mobile-divider-dragging] .scene-repair-card__divider,
  html[data-yamai-scene-repair-mobile-interaction="20260608-scene-repair-button-only-direct-divider-a"] #scene-restoration .scene-repair-card[data-yamai-scene-repair-mobile-divider-dragging] .scene-repair-card__divider span {
    cursor: ew-resize !important;
    touch-action: none !important;
  }
}