@charset "UTF-8";
/* Work on the left, the larger moving personal signature on the right. */
.hero.hero-split { display: block; padding-top: 32px; padding-bottom: 46px; }
.hero-split .hero-accessible-title {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
.hero-exhibition {
  position: relative; isolation: isolate;
  display: grid; grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr);
  align-items: center; min-height: 620px; padding: 28px 24px;
  border: 1px solid rgba(255,255,255,.92); border-radius: 44px;
  background:
    radial-gradient(ellipse at 18% 16%,rgba(255,255,255,.92),transparent 40%),
    radial-gradient(ellipse at 73% 26%,#eaf5ff,transparent 47%),
    linear-gradient(135deg,#c6e6ff,#badcff 39%,#e9dcf4 68%,#ffc5df);
  box-shadow: inset 0 3px 8px #fff,inset 0 -12px 28px rgba(226,118,175,.07),0 25px 55px rgba(74,140,204,.15);
}
.hero-split .hero-collage {
  grid-column: 1; grid-row: 1; width: 100%; height: 510px;
  border: 0; border-radius: 0; background: none; box-shadow: none;
  animation: none;
}
.hero-split .hero-collage::before,.hero-split .hero-collage::after { display: none; }
.hero-split .collage-main { left: 19%; top: 45px; width: 62%; height: 390px; }
.hero-split .collage-left { left: 0; top: 135px; width: 48%; height: 300px; }
.hero-split .collage-right { right: 0; top: 135px; width: 48%; height: 300px; }
.hero-split .hero-ip.hero-motion {
  grid-column: 2; grid-row: 1; position: relative; inset: auto;
  width: 100%; max-width: 560px; height: auto; aspect-ratio: 1;
  margin: 0; justify-self: center; align-self: center;
}
.hero-split .hero-motion::before { width: 60%; max-width: 330px; height: 34px; left: 20%; bottom: 3%; }
.hero-split .hero-motion figcaption { display: none; }
.hero-split .ip-motion-replay { right: 7%; bottom: 2.8%; min-height: 37px; padding: 6px 14px; font-size: 12px; }
.hero-split .hero-after { justify-content: flex-end; margin-top: 18px; padding-top: 14px; }
.about-copy .about-role { margin: 0 0 20px; font-size: 14px; font-weight: 600; color: #2867a1; }
.about-role span { margin-left: 7px; font-size: 12px; font-weight: 400; color: #4c6787; }
@media(max-width:1100px) and (min-width:761px) {
  .hero-exhibition { min-height: 520px; padding: 24px 18px; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); }
  .hero-split .hero-collage { height: 430px; }
  .hero-split .collage-main { top: 38px; height: 340px; }
  .hero-split .collage-left,.hero-split .collage-right { top: 113px; height: 263px; }
  .hero-split .sheet-top,.hero-split .sheet-bottom { font-size: 7px; }
  .hero-split .sheet-image .sheet-small { font-size: 6px; }
  .hero-split .collage-main .sheet-image strong { font-size: 27px; }
}
@media(max-width:760px) {
  .hero.hero-split { padding-top: 20px; padding-bottom: 34px; }
  .hero-exhibition { grid-template-columns: 1fr; min-height: 0; padding: 12px 12px 20px; border-radius: 33px; }
  .hero-split .hero-collage { grid-column: 1; grid-row: 1; height: 346px; }
  .hero-split .hero-ip.hero-motion { grid-column: 1; grid-row: 2; width: 100%; max-width: 380px; }
  .hero-split .collage-main { top: 18px; left: 19%; width: 62%; height: 292px; }
  .hero-split .collage-left { top: 74px; left: 0; width: 52%; height: 218px; }
  .hero-split .collage-right { top: 74px; right: 0; width: 52%; height: 218px; }
  .hero-split .hero-motion::before { height: 26px; }
  .hero-split .ip-motion-replay { min-height: 33px; padding: 5px 12px; font-size: 11px; }
  .hero-split .hero-after { margin-top: 15px; }
  .about-role span { display: inline-block; }
}
@media(max-width:350px) {
  .hero-split .hero-collage { height: 315px; }
  .hero-split .collage-main { height: 266px; }
  .hero-split .collage-left,.hero-split .collage-right { height: 203px; }
}