@charset "UTF-8";

.more-gallery-hint, .more-case-count { display: none; }

@media (max-width: 900px) {
  body .category-nav,
  body .mobile-section-nav,
  body .tech-nav-bar,
  body .styling-contents,
  body .case-index,
  body .photo-contents { display: none !important; }
  html { scroll-padding-top: 0 !important; }
  body main [id], body main[id] {
    scroll-margin-top: var(--phone-header-offset, 82px) !important;
  }
}

@media (max-width: 760px) {
  body.page-home #home .duo-stage { margin-top: 34px; gap: 20px; }
  body.page-home #brands,
  body.page-home #work,
  body.page-home #live-services,
  body.page-home #film,
  body.page-home #art { padding-top: 44px; padding-bottom: 40px; }
  body.page-home .section-heading { margin-bottom: 24px; }
  body.page-home .section-heading h2,
  body.page-home .art-heading h2 { margin-top: 12px; margin-bottom: 16px; }
  body.page-home .art-heading { margin-bottom: 28px; }
  body.page-home .art-row { padding-top: 26px; padding-bottom: 28px; }
  body.page-home #contact { padding-top: 40px; padding-bottom: 36px; }
  body.page-home #contact h2 { margin: 12px 0 14px; }
  body.page-home #contact .contact-lead { line-height: 1.7; }
  body.page-home #contact .contact-grid { margin-top: 26px; gap: 24px; }
  body.page-home #contact .contact-grid article { padding-top: 18px; }
  body.page-home #contact .contact-grid h3 { margin-bottom: 0; }
  body.page-home #contact .contact-grid p { margin: 8px 0 12px; }
  body.page-home #contact .contact-links { margin-top: 12px; }

  body .page-heading { margin-bottom: 24px; }
  body .page-heading h1 { margin: 12px 0 14px; }
  body.page-live .work-section,
  body.page-video .film-section,
  body.page-painting .category-content { padding-top: 32px; padding-bottom: 40px; }
  body.page-live .case-collection { padding-top: 36px; }
  body.page-live .case-collection-heading { margin-bottom: 28px; }
  body.page-live .case-collection-heading h2 { margin: 12px 0 16px; }
  body.page-live .live-case { padding-bottom: 36px; margin-bottom: 36px; }
  body.page-live .case-story { gap: 22px; }
  body.page-live .case-story-copy .case-description { margin-top: 14px; }
  body.page-live .case-name { margin-top: 14px; }
  body.page-live .case-collection .more-cases { padding-top: 32px; padding-bottom: 32px; }
  body.page-live .more-cases > h3 { margin-bottom: 10px; }
  body.page-live .more-gallery-hint {
    display: block;
    margin: 0 0 22px;
    color: var(--site-muted, #757b82);
    font-size: 14px;
    line-height: 1.7;
  }
  body.page-live .more-case-count {
    display: block;
    margin: 10px 0 0;
    color: var(--site-muted, #757b82);
    font-size: 13px;
    line-height: 1.6;
  }
  body.page-live .more-case-grid { row-gap: 26px; }

  body.page-technology .tech-hero { padding-top: 28px; padding-bottom: 28px; row-gap: 18px; }
  body.page-technology .hero-title-row h1 { margin-top: 12px; }
  body.page-technology .tech-hero .tech-button { margin-top: 14px; }
  body.page-technology .tech-section,
  body.page-technology .stability-section { padding-top: 36px; padding-bottom: 32px; }
  body.page-technology .section-lead { margin-bottom: 22px; }
  body.page-technology .lead-copy { margin-top: 12px; }

  body.page-styling .service-hero.styling-overview { padding-top: 24px; padding-bottom: 28px; gap: 22px; }
  body.page-styling .styling-hero-copy h1 { margin: 10px 0 12px; }
  body.page-styling .styling-hero-copy .service-intro { line-height: 1.7; }
  body.page-styling .styling-hero-copy .service-jump { margin-top: 14px; }
  body.page-styling .service-chapter { padding-top: 36px; padding-bottom: 36px; }
  body.page-styling .service-chapter-head { margin-bottom: 22px; }
  body.page-styling .service-chapter-head h2 { margin-top: 12px; }
  body.page-styling .service-chapter-head > p { margin-top: 12px; }

  body.page-photography .photo-opening { padding-top: 28px; padding-bottom: 32px; gap: 24px; }
  body.page-photography .photo-intro h1 { margin: 12px 0 14px; }
  body.page-photography .photo-author { margin-top: 12px; }
  body.page-photography .photo-chapter { padding-top: 32px; padding-bottom: 40px; }
  body.page-photography .photo-chapter-heading { margin-bottom: 24px; }
  body.page-curation .curation-hero { padding-top: 32px; padding-bottom: 32px; }
  body.page-curation .curation-heading { margin-top: 12px; gap: 14px; }
  body.page-curation .curation-founder { margin-top: 12px; }
  body.page-curation .curation-section { padding-top: 28px; padding-bottom: 32px; }
  body.page-painting .painting-note { padding: 28px 0 40px; }
  body.page-video .documentary-entry { margin-top: 40px; padding-top: 28px; }
  body .page-contact { padding-top: 28px; padding-bottom: 28px; gap: 14px; }
  body .service-contact,
  body .tech-contact { padding-top: 26px; padding-bottom: 26px; }

  body #detail-dialog .gallery-view { touch-action: pan-y pinch-zoom; }
  body #detail-dialog #gallery-image {
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
}