/* Section 02 / 01: use the existing opening render as the second logo state. */
.is-intro-story .psd-brand-logo-pair {
  position:relative;
  display:block;
  flex:none;
  width:clamp(96px,8.36vw,160px);
  aspect-ratio:170/57;
  isolation:isolate;
  translate:-1px 6px;
}
.is-intro-story .psd-brand-logo-pair > img {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:contain;
  transform-origin:50% 50%;
  backface-visibility:hidden;
  pointer-events:none;
}
.is-intro-story .psd-brand-logo-pair .psd-brand-mark {
  opacity:1;
  transform:none;
}
.section02 .is-intro-story .psd-brand-logo-pair .psd-brand-mark {translate:none}
.is-intro-story .psd-brand-logo-pair .psd-brand-rendered {
  opacity:0;
}
@media (max-width:1100px) {
  .is-intro-story .psd-brand-logo-pair {width:clamp(82px,27vw,120px)}
}
@media (max-width:1180px) {
  .is-intro-story .psd-brand-logo-pair {translate:-1px -2px}
}
@media (max-width:700px) {
  .is-intro-story .psd-brand-logo-pair {translate:-1px -4px}
}