/* Desktop catch: one vertical line, shifted a further 40px to the right. */
@media (min-width:769px) {
  body.service-website-page #website-hero-design-showcase .service-hero__opening-copy {
    display:flex;
    align-items:flex-start;
    top:50%;
    left:calc(clamp(50px,7vw,108px) + 180px);
  }
  body.service-website-page #website-hero-design-showcase .service-hero__opening-copy-en {
    display:none;
  }
  body.service-website-page #website-hero-design-showcase .service-hero__opening-copy-ja {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:.4em;
    font-size:clamp(20.7px,1.935vw,28.8px);
    writing-mode:vertical-rl;
    text-orientation:mixed;
  }
  body.service-website-page #website-hero-design-showcase .service-hero__opening-copy-ja > span {
    width:auto;
    max-width:none;
    inline-size:max-content;
    padding:.16em 0;
    animation-name:website-hero-vertical-catch-in;
  }
}
@keyframes website-hero-vertical-catch-in {
  from { opacity:0; clip-path:inset(0 0 100% 0); filter:blur(4px); transform:translateY(14px); }
  to { opacity:1; clip-path:inset(0); filter:blur(0); transform:translateY(0); }
}
@media (min-width:769px) and (prefers-reduced-motion:reduce) {
  body.service-website-page #website-hero-design-showcase .service-hero__opening-copy-ja > span {
    animation:none;
  }
}