.home-mobile-section { display: none; }

@media (max-width: 760px) {
  .home-page {
    --home-mobile-unit: calc(100vw / 750);
    background: #fffcf3;
  }

  .home-page .hero {
    height: calc(1580 * var(--home-mobile-unit));
    min-height: 0;
    max-height: none;
  }

  .home-page .hero .backdrop {
    background-image: url("https://yuan-si-wu-jie.oss-cn-shanghai.aliyuncs.com/webp/v1/Mask%20group%20%282%29.webp");
    background-size: cover;
    background-position: center;
  }

  .home-page .hero::after { content: none; }
  .home-page .hero .hero-copy {
    top: calc(1179 * var(--home-mobile-unit));
    right: auto;
    bottom: auto;
    left: 50%;
    width: calc(553 * var(--home-mobile-unit));
    transform: translateX(-50%);
    text-align: center;
  }

  .home-page .hero .eyebrow {
    margin: 0;
    color: #fff;
    font-size: calc(20 * var(--home-mobile-unit));
    line-height: calc(29 * var(--home-mobile-unit));
    font-weight: 500;
  }

  .home-page .hero h1 {
    width: auto;
    margin: calc(6 * var(--home-mobile-unit)) 0 0;
    color: #fff;
    font-size: calc(60 * var(--home-mobile-unit));
    line-height: calc(87 * var(--home-mobile-unit));
    font-weight: 700;
    letter-spacing: 0;
    text-shadow: none;
  }

  .home-page .hero .intro {
    position: static;
    width: 100%;
    max-width: none;
    margin-top: calc(28 * var(--home-mobile-unit));
    padding: 0;
    display: block;
  }

  .home-page .hero .intro p {
    margin: 0;
    color: #fff;
    font-size: calc(28 * var(--home-mobile-unit));
    line-height: calc(38 * var(--home-mobile-unit));
    font-weight: 500;
  }

  .home-page .hero .intro .home-h5-only > span { display: block; }

  .home-page .home-mobile-section { display: block; color: #000; }
  .home-mobile-section figure { margin: 0; overflow: hidden; border-radius: calc(30 * var(--home-mobile-unit)); }
  .home-mobile-section figure img { width: 100%; height: 100%; display: block; object-fit: cover; }
  .home-mobile-heading { margin: 0 calc(48 * var(--home-mobile-unit)); }
  .home-mobile-heading > p {
    margin: 0;
    color: rgba(0, 0, 0, .6);
    font-size: calc(20 * var(--home-mobile-unit));
    line-height: calc(28 * var(--home-mobile-unit));
    font-weight: 500;
  }

  .home-mobile-heading h2 {
    margin: calc(14 * var(--home-mobile-unit)) 0 0;
    font-size: calc(60 * var(--home-mobile-unit));
    line-height: calc(74 * var(--home-mobile-unit));
    font-weight: 700;
    letter-spacing: 0;
  }

  .home-mobile-concept { padding-top: calc(121 * var(--home-mobile-unit)); }
  .home-mobile-concept .home-mobile-heading h2 { font-size: calc(48 * var(--home-mobile-unit)); }
  .home-mobile-concept .home-mobile-concept-large {
    width: calc(100% - 40 * var(--home-mobile-unit));
    aspect-ratio: 710 / 812;
    margin: calc(72 * var(--home-mobile-unit)) auto 0;
  }

  .home-mobile-concept-copy {
    width: calc(615 * var(--home-mobile-unit));
    margin: calc(52 * var(--home-mobile-unit)) 0 0 calc(48 * var(--home-mobile-unit));
  }

  .home-mobile-concept-copy > p {
    margin: 0;
    font-size: calc(28 * var(--home-mobile-unit));
    line-height: calc(38 * var(--home-mobile-unit));
    font-weight: 500;
  }

  .home-mobile-concept-copy > p > span { color: rgba(0, 0, 0, .5); }
  .home-mobile-more {
    width: calc(184 * var(--home-mobile-unit));
    height: calc(74 * var(--home-mobile-unit));
    margin-top: calc(61 * var(--home-mobile-unit));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(1 * var(--home-mobile-unit));
    border-radius: calc(60 * var(--home-mobile-unit));
    background: #000;
    color: #fff;
    font-size: calc(18 * var(--home-mobile-unit));
    line-height: calc(26 * var(--home-mobile-unit));
    font-weight: 700;
  }

  .home-mobile-more img { width: calc(16 * var(--home-mobile-unit)); height: calc(16 * var(--home-mobile-unit)); transform: rotate(90deg); }
  .home-mobile-concept .home-mobile-concept-small {
    width: calc(387 * var(--home-mobile-unit));
    aspect-ratio: 387 / 442;
    margin: calc(163 * var(--home-mobile-unit)) auto 0;
  }

  .home-mobile-spirit {
    padding: calc(163 * var(--home-mobile-unit)) 0 calc(101 * var(--home-mobile-unit));
  }

  .home-mobile-spirit .home-mobile-heading > p { color: rgba(0, 0, 0, .5); line-height: calc(29 * var(--home-mobile-unit)); }
  .home-mobile-spirit .home-mobile-heading h2 { margin-top: calc(11 * var(--home-mobile-unit)); line-height: calc(68 * var(--home-mobile-unit)); }
  .home-mobile-spirit-summary {
    margin-top: calc(37 * var(--home-mobile-unit));
    color: rgba(0, 0, 0, .6);
    font-size: calc(22 * var(--home-mobile-unit));
    line-height: calc(32 * var(--home-mobile-unit));
    font-weight: 500;
  }

  .home-mobile-spirit .home-mobile-spirit-image {
    width: calc(100% - 40 * var(--home-mobile-unit));
    aspect-ratio: 710 / 903;
    margin: calc(70 * var(--home-mobile-unit)) auto 0;
  }

  .home-mobile-spirit-cards { margin: calc(16 * var(--home-mobile-unit)) calc(20 * var(--home-mobile-unit)) 0; display: grid; gap: calc(16 * var(--home-mobile-unit)); }
  .home-mobile-spirit-card {
    min-height: calc(297 * var(--home-mobile-unit));
    padding: calc(12 * var(--home-mobile-unit));
    display: grid;
    grid-template-columns: calc(263 * var(--home-mobile-unit)) minmax(0, 1fr);
    align-items: center;
    column-gap: calc(34 * var(--home-mobile-unit));
    border-radius: calc(30 * var(--home-mobile-unit));
    background: #f3f1ec;
  }

  .home-mobile-spirit-card > img { width: 100%; height: calc(273 * var(--home-mobile-unit)); display: block; object-fit: cover; border-radius: calc(30 * var(--home-mobile-unit)); }
  .home-mobile-spirit-card > div { padding-right: calc(32 * var(--home-mobile-unit)); }
  .home-mobile-spirit-card h3 { margin: 0 0 calc(16 * var(--home-mobile-unit)); font-size: calc(28 * var(--home-mobile-unit)); line-height: calc(41 * var(--home-mobile-unit)); font-weight: 700; }
  .home-mobile-spirit-card p { margin: 0; color: rgba(0, 0, 0, .5); font-size: calc(22 * var(--home-mobile-unit)); line-height: calc(28 * var(--home-mobile-unit)); font-weight: 500; }

  .home-page .site-footer .footer-socials { background: rgba(255, 255, 255, .05); }
}