/* -----------------------------------------------------------------------------
 *
 * Variables
 *
 * This file is just a clearing-house.
 * Make partials (start with an underscore) for any actual css code.
 *
 * ----------------------------------------------------------------------------- */
/**
 * Keyframe Animations
 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600&family=Noto+Sans+SC:wght@300;400;500;700&display=swap");
@keyframes kenBurnsZoomIn {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.1); } }

@keyframes kenBurnsZoomOut {
  0% {
    transform: scale(1.08); }
  100% {
    transform: scale(1); } }

.ja * {
  font-family: 'Helvetica Neue', 'Helvetica W01', Helvetica, 'Noto Sans JP', sans-serif !important; }

.zh_CN * {
  font-family: 'Helvetica Neue', 'Helvetica W01', Helvetica, 'Noto Sans SC', sans-serif !important; }

html {
  font-size: 13px; }

h1 {
  string-set: doctitle content(); }

.print__footer-logo {
  background-image: url("../img/logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  height: 35px;
  margin-bottom: 40px; }

.site-footer p {
  font-size: 0.8462rem !important; }

@page {
  margin: 0 1.5cm 2cm 1.5cm;
  padding: 0;
  prince-shrink-to-fit: auto;
  size: Letter;
  @bottom-left {
    color: #6f6f6f;
    font-size: 10px;
    content: string(doctitle);
    position: absolute;
    width: 80%; }
  @bottom-right {
    color: #6f6f6f;
    font-size: 10px;
    content: counter(page); } }

/* special for hotfix 2021-07-01 */
.post-work-better .cover-image,
.post-work-better .cover-image-companion,
.post-designing-better-work-experience .cover-image,
.post-designing-better-work-experience .cover-image-companion {
  height: 340px !important; }
  .post-work-better .cover-image .flex-image,
  .post-work-better .cover-image-companion .flex-image,
  .post-designing-better-work-experience .cover-image .flex-image,
  .post-designing-better-work-experience .cover-image-companion .flex-image {
    padding-bottom: 65%; }

.post-work-better .mosaic-right .cover-image,
.post-work-better .mosaic-left .cover-image,
.post-designing-better-work-experience .mosaic-right .cover-image,
.post-designing-better-work-experience .mosaic-left .cover-image {
  width: 65%; }

.post-work-better .mosaic-right .cover-image-companion,
.post-work-better .mosaic-left .cover-image-companion,
.post-designing-better-work-experience .mosaic-right .cover-image-companion,
.post-designing-better-work-experience .mosaic-left .cover-image-companion {
  width: 35%; }

.post-work-better .cover-image-companion,
.post-designing-better-work-experience .cover-image-companion {
  margin-top: -20px !important; }

body.no-images.post-work-better .panel-type-mosaic .panel-content,
body.no-images.post-designing-better-work-experience .panel-type-mosaic .panel-content {
  padding-bottom: 20px !important; }

body.no-images.post-work-better .mosaic-right .cover-image,
body.no-images.post-work-better .mosaic-left .cover-image,
body.no-images.post-designing-better-work-experience .mosaic-right .cover-image,
body.no-images.post-designing-better-work-experience .mosaic-left .cover-image {
  display: none !important; }

body.no-images.post-work-better .mosaic-left .content-well,
body.no-images.post-designing-better-work-experience .mosaic-left .content-well {
  padding-left: 0 !important; }

body.no-images.post-work-better .cover-image-companion,
body.no-images.post-designing-better-work-experience .cover-image-companion {
  margin-top: 0 !important; }

body.no-images.post-work-better .mosaic-right .cover-image-companion,
body.no-images.post-work-better .mosaic-left .cover-image-companion,
body.no-images.post-designing-better-work-experience .mosaic-right .cover-image-companion,
body.no-images.post-designing-better-work-experience .mosaic-left .cover-image-companion {
  width: 100% !important;
  float: none; }

.panel-type-three-up.panel-even {
  page-break-inside: avoid !important; }

.panel .content-well {
  padding: 20px !important; }

.leadinModal {
  display: none !important; }

section[data-index="10"] > div {
  padding-top: 0 !important;
  page-break-inside: avoid; }

body.no-images #page img {
  display: none !important; }

body.no-images.single-post .static-content-slider-wrap.slider-hero {
  padding: 0 !important; }

body.no-images.single-post .article-content h3 {
  margin-bottom: 0 !important; }

.single-post figure.wp-caption {
  background: transparent !important;
  padding: 0 !important;
  width: 100% !important; }
  .single-post figure.wp-caption img {
    width: 100% !important; }
  .single-post figure.wp-caption .wp-caption-text {
    width: 100% !important;
    margin-top: 20px !important;
    float: none !important; }