/* TOP-page affordances shared by mouse, keyboard, and touch input. */
body.page-top [data-interaction-motion]{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
/* Company navigation motion is shared across pages in design-accents.css. */
body.page-top a.wide.works{
  transform:none!important;
  transition:border-color .25s ease,box-shadow .45s cubic-bezier(.22,.61,.36,1);
}
/* Soften the Works copy area to match the adjacent recruitment panel. */
body.page-top .section--works a.wide.works .cap{
  background:linear-gradient(135deg,rgba(243,248,250,.97),rgba(222,236,243,.97));
  transition:box-shadow .45s cubic-bezier(.22,.61,.36,1);
}
body.page-top .section--works a.wide.works:is(:hover,:focus-visible) .cap{
  box-shadow:0 14px 32px rgba(11,36,51,.25),inset 0 0 0 1px rgba(57,117,142,.25);
}
@media(max-width:760px){
  body.page-top .section--works a.wide.works{background:#edf4f6}
  body.page-top .section--works a.wide.works:is(:hover,:focus-visible) .cap{
    box-shadow:0 10px 24px rgba(11,36,51,.22),inset 0 0 0 1px rgba(57,117,142,.25);
  }
}
/* Works and recruitment share the same gentle photographic response. */
body.page-top :is(.section--works,.section--recruit) a.wide.works .bg{
  overflow:hidden;
  transform:none!important;
  filter:none!important;
  transition:none;
}
body.page-top :is(.section--works,.section--recruit) a.wide.works .bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:inherit;
  transform:scale(1);
  transform-origin:center;
  pointer-events:none;
  transition:transform .45s cubic-bezier(.22,.61,.36,1);
}
body.page-top :is(.section--works,.section--recruit) a.wide.works:is(:hover,:focus-visible) .bg::before{
  transform:scale(1.035);
}
@media(min-width:761px){
  /* Preserve the desktop Works photograph's existing resting crop. */
  body.page-top .section--works a.wide.works .bg::before{transform:scale(1.025)}
  body.page-top .section--works a.wide.works:is(:hover,:focus-visible) .bg::before{transform:scale(1.06)}
}
body.page-top :is(.section--works,.section--recruit) a.wide.works::after{
  display:none;
}
body.page-top .news-link[data-interaction-motion]{
  width:fit-content;
  max-width:100%;
  text-decoration:underline;
  text-decoration-color:rgba(57,117,142,.3);
  text-decoration-thickness:1px;
  text-underline-offset:5px;
}
body.page-top [data-interaction-motion]:not(.company-card):not(:disabled):not([aria-disabled="true"]):hover{
  transform:none;
}
body.page-top [data-interaction-motion]:focus-visible{
  outline:3px solid #27a6cf;
  outline-offset:5px;
}
body.page-top .section--works a.wide.works:is(:hover,:focus-visible){
  /* Keep the backing sheet visible and the soft shadow as defined as at rest. */
  box-shadow:11px 13px 0 #bed3e0,0 18px 38px rgba(23,61,80,.23),inset 0 0 0 2px rgba(255,255,255,.82);
}
body.page-top .section--recruit a.wide.works:is(:hover,:focus-visible){
  box-shadow:15px 17px 0 #c6d9b8,0 24px 42px rgba(24,55,71,.22),inset 0 0 0 2px rgba(255,255,255,.82);
}
body.page-top :is(.section--works,.section--recruit) a.wide.works .top-panel-link{
  transition:background-color .25s ease,border-color .25s ease;
}
body.page-top :is(.section--works,.section--recruit) a.wide.works .top-panel-link>span{
  transition:transform .25s ease,background-color .25s ease,border-color .25s ease,color .25s ease;
}
body.page-top :is(.section--works,.section--recruit) a.wide.works:is(:hover,:focus-visible) .top-panel-link{
  background-color:#e6eff4;
  border-color:#729ab3;
}
body.page-top :is(.section--works,.section--recruit) a.wide.works:is(:hover,:focus-visible) .top-panel-link>span{
  transform:translateX(5px);
  background-color:var(--accent);
  border-color:var(--accent);
  color:#fff;
}
body.page-top a.news-link:is(:hover,:focus-visible){
  color:var(--accent);
  text-decoration-color:currentColor;
  text-decoration-thickness:2px;
}
@media(max-width:760px){
  body.page-top .section--works a.wide.works:is(:hover,:focus-visible){
    box-shadow:7px 9px 0 #bed3e0,0 15px 24px rgba(23,61,80,.2),inset 0 0 0 2px rgba(255,255,255,.76);
  }
  body.page-top .section--recruit a.wide.works:is(:hover,:focus-visible){
    box-shadow:8px 10px 0 #c6d9b8,0 20px 30px rgba(24,55,71,.2),inset 0 0 0 2px rgba(255,255,255,.76);
  }
}
body.page-top a.news-link:active{
  color:#174f67;
}
body.page-top a.wide.works:active{
  outline:1px solid rgba(14,82,108,.96);
  outline-offset:-1px;
}
@media(max-width:620px){
  body.page-top .section--works .wide.works[data-interaction-motion]{
    /* The invisible paper layer preserves the resting look and smooth shadow interpolation. */
    box-shadow:0 0 0 rgba(220,229,237,0),0 16px 28px rgba(24,55,71,.17),inset 0 0 0 2px rgba(255,255,255,.58);
  }
  body.page-top .section--works a.wide.works:is(:hover,:focus-visible){
    box-shadow:2px 2px 0 #bed3e0,0 16px 28px rgba(24,55,71,.2),inset 0 0 0 2px rgba(255,255,255,.76);
  }
  body.page-top .section--recruit .wide.works[data-interaction-motion]{
    box-shadow:6px 8px 0 #e1e9d9,0 18px 30px rgba(35,75,96,.2),inset 0 0 0 2px rgba(255,255,255,.58);
  }
  body.page-top .wide.works[data-interaction-motion]:active{
    outline:1px solid rgba(14,82,108,.98);
    outline-offset:-1px;
  }
  body.page-top .news-link[data-interaction-motion]{
    width:100%;
    min-height:44px;
    padding-block:5px;
  }
  body.page-top .news-link[data-interaction-motion]:active{
    color:#174f67;
    text-decoration-color:currentColor;
    text-decoration-thickness:2px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.page-top [data-interaction-motion],
  body.page-top a.wide.works,
  body.page-top .section--works a.wide.works .cap,
  body.page-top :is(.section--works,.section--recruit) a.wide.works .bg::before,
  body.page-top :is(.section--works,.section--recruit) a.wide.works .top-panel-link,
  body.page-top :is(.section--works,.section--recruit) a.wide.works .top-panel-link>span{
    transition:none!important;
  }
  body.page-top :is(.section--works,.section--recruit) a.wide.works:is(:hover,:focus-visible) .top-panel-link>span{
    transform:none;
    filter:none;
  }
  body.page-top :is(.section--works,.section--recruit) a.wide.works:is(:hover,:focus-visible) .bg::before{transform:scale(1)}
  /* Keep every resting paper/shadow offset while retaining the brighter edge feedback. */
  body.page-top .section--works a.wide.works:is(:hover,:focus-visible){
    box-shadow:8px 10px 0 #bed3e0,0 18px 38px rgba(23,61,80,.23),inset 0 0 0 2px rgba(255,255,255,.82);
  }
  body.page-top .section--recruit a.wide.works:is(:hover,:focus-visible){
    box-shadow:12px 14px 0 #c6d9b8,0 20px 34px rgba(24,55,71,.22),inset 0 0 0 2px rgba(255,255,255,.82);
  }
  body.page-top .section--works a.wide.works:is(:hover,:focus-visible) .cap{
    box-shadow:0 14px 32px rgba(11,36,51,.25),inset 0 0 0 1px rgba(57,117,142,.25);
  }
  @media(max-width:760px){
    body.page-top .section--works a.wide.works:is(:hover,:focus-visible){
      box-shadow:5px 7px 0 #bed3e0,0 15px 24px rgba(23,61,80,.2),inset 0 0 0 2px rgba(255,255,255,.76);
    }
    body.page-top .section--recruit a.wide.works:is(:hover,:focus-visible){
      box-shadow:6px 8px 0 #c6d9b8,0 15px 24px rgba(24,55,71,.2),inset 0 0 0 2px rgba(255,255,255,.76);
    }
    body.page-top .section--works a.wide.works:is(:hover,:focus-visible) .cap{
      box-shadow:0 10px 24px rgba(11,36,51,.22),inset 0 0 0 1px rgba(57,117,142,.25);
    }
  }
  @media(max-width:620px){
    body.page-top .section--works a.wide.works:is(:hover,:focus-visible){
      box-shadow:0 0 0 rgba(220,229,237,0),0 16px 28px rgba(24,55,71,.2),inset 0 0 0 2px rgba(255,255,255,.76);
    }
    body.page-top .section--recruit a.wide.works:is(:hover,:focus-visible){
      box-shadow:6px 8px 0 #c6d9b8,0 18px 30px rgba(35,75,96,.2),inset 0 0 0 2px rgba(255,255,255,.76);
    }
  }
  @media(min-width:761px){
    body.page-top .section--works a.wide.works:is(:hover,:focus-visible) .bg::before{transform:scale(1.025)}
  }
}