/* Home opening and representative projects: mobile only. */
@media (max-width: 700px) {
  .home-page .featured-desktop-copy { display: none; }
  .home-page .featured-mobile-copy[hidden] { display: inline; }
  .home-page .hero {
    height: 125vw;
    min-height: 0;
    max-height: none;
    overflow: visible;
    clip-path: inset(0 0 -50vw);
  }
  .home-page .hero .rail-art {
    inset: 0;
    width: 100%;
    height: calc(100% + 50vw);
    overflow: hidden;
    aspect-ratio: auto;
  }
  .home-page .hero .rail-art img {
    width: 310vw;
    height: auto;
    left: -82.6vw;
    top: 66.6vw;
    transform: rotate(-90deg);
    transform-origin: center;
  }
  .home-page .hero > .shell {
    width: 100%;
    align-items: flex-start;
    padding: 0;
  }
  .home-page .hero-copy {
    width: 100%;
    margin-top: 27.5vw;
    padding: 10vw 11% 9vw;
    background: rgb(255 255 255 / 55%);
  }
  .home-page .hero h1 {
    font-size: clamp(23px, 6vw, 36px);
    line-height: 1.3;
    letter-spacing: -.045em;
    margin: 0 0 22px;
  }
  .home-page .hero .text-link { font-size: 18px; gap: 16px; }
  .home-page .hero .text-link .hero-arrow { width: 25px; height: 25px; flex-basis: 25px; }
  .home-page .hero-arrow svg { width: 20px; height: 20px; }
  .home-page .fields-banner {
    background: rgb(232 232 235 / 94%);
  }
  .home-page .fields-banner .shell {
    width: 82%;
    min-height: 0;
    padding-block: 32px 36px;
  }
  .home-page .fields-eyebrow { margin: 0; font-size: 13px; }
  .home-page .fields h2 { font-size: 22px; margin: 15px 0 18px; }
  .home-page .fields-intro > p:last-child { font-size: 14px; line-height: 1.85; color: #666; margin: 0; }
  .home-page .fields .case { background: #fff; }
  .home-page .fields .case-inspection { background: linear-gradient(145deg, #ddd 0%, #f4f4f4 43%, #fff 70%); }
  .home-page .fields .case-bio { background: #efefef; }
  .home-page .fields .case .case-inner {
    width: 100%;
    height: auto;
    min-height: 158vw;
    padding: 36px 0 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    overflow: hidden;
    gap: 0;
  }
  .home-page .fields .case .case-copy { width: 85%; margin-inline: auto; padding: 0; order: 0; }
  .home-page .fields .case-heading { margin: 0 0 32px -5px; gap: 15px; }
  .home-page .fields .case-number { font-size: 72px; line-height: .9; font-weight: 600; color: #c9c9c9; }
  .home-page .fields .case-category { font-size: 10px; letter-spacing: .18em; padding-top: 4px; }
  .home-page .fields .case h3 { font-size: 21px; line-height: 1.4; margin: 0; }
  .home-page .fields .case .english { font-size: 14px; line-height: 1.6; font-style: normal; margin: 2px 0 0; }
  .home-page .fields .case .description { margin: 23px 0 0; font-size: 13px; line-height: 1.85; word-break: normal; }
  .home-page .fields .case .case-tags { gap: 8px; margin: 25px 0 0; }
  .home-page .fields .case-tags li { font-size: 11px; line-height: 1.4; padding: 2px 10px; border-color: #888; }
  .home-page .fields .case .text-link { margin-top: 23px; gap: 20px; font-size: 13px; }
  .home-page .fields .case .text-link span { width: 27px; height: 27px; }
  .home-page .fields .case .text-link svg { width: 21px; height: 21px; }
  .home-page .fields .case .case-image {
    position: relative;
    top: auto;
    left: auto;
    max-height: none;
    height: auto;
    max-width: none;
    transform: none;
    flex: none;
    object-fit: contain;
    order: 1;
  }
  .home-page .fields .case-industrial .case-image { width: 100%; margin: -5vw 0 -8vw; }
  .home-page .fields .case-inspection .case-image { width: 280%; margin: 0 0 0 -117%; }
  .home-page .fields .case-bio .case-image { width: 150%; margin: 4vw 0 -5vw -25%; }
  .home-page .fields .case-note { display: none; }

  .home-page .work { padding: 44px 0 24px; background: #fff; }
  .home-page .work > .shell { width: 85%; max-width: none; margin-inline: auto; }
  .home-page .work h2 { margin: 0 0 22px; font-size: 21px; line-height: 1.4; color: #000; }
  .home-page .work .intro { margin: 0 0 72px; font-size: 14px; line-height: 1.85; color: #666; }
  .home-page .work .gallery-drag-help {
    top: -38px;
    left: 0;
    width: 100%;
    justify-content: center;
    gap: 13px;
    color: #222;
  }
  .home-page .work .drag-guide-label { font-size: 12px; font-weight: 400; letter-spacing: 0; }
  .home-page .work .drag-guide-line { flex-basis: 23px; }
  .home-page .work .project-card { height: 500px; }
  .home-page .work .card-caption {
    /* Preserve the original fade's proportion after increasing card height. */
    padding-top: calc(70px * 500 / 460);
  }
  .home-page .work .gallery-progress { margin: 29px 0 0; gap: 22px; font-size: 18px; line-height: 1.4; color: #111; }
  .home-page .work .gallery-tools { display: none; }
}