/* Mobile-only refinements. The desktop editorial layouts remain unchanged. */
.cr-mobile-carousel-controls[hidden], .cr-hub-mobile-filter[hidden],
.cr-hero-playback[hidden], [data-hero-autoplay] [hidden], .cr-hub-service[hidden] { display: none !important; }
.cr-mobile-carousel-controls, .cr-portfolio-mobile-navigation { display: none; }

@media (max-width: 760px) {
  /* Touch must not leave the desktop underline stuck after returning to Journal. */
  body.cr-photography-theme .cr-journal-editorial-card__content h2 a:is(:hover,:active),
  body.cr-photography-theme .cr-journal-featured__copy h2 a:is(:hover,:active) { text-decoration: none; }
  body.cr-photography-theme .cr-journal-editorial-card__content > .cr-home-arrow-link,
  body.cr-photography-theme .cr-journal-featured__copy > .cr-home-arrow-link { margin-top: 24px; align-self: flex-start; }
  .cr-journal-editorial-card__content h2 a:focus-visible,
  .cr-journal-featured__copy h2 a:focus-visible { outline: 2px solid var(--cr-accent-soft); outline-offset: 5px; text-decoration: none; }

  .cr-hub-index.has-mobile-filters > nav { display: none; }
  .cr-hub-mobile-filter > p:not(.screen-reader-text) { margin: 0 0 18px; color: var(--cr-muted); font-size: .9rem; line-height: 1.6; }
  body.cr-photography-theme #main-content .cr-hub-mobile-filter .cr-filter-bar { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; margin: 0; padding: 0; border: 0; }
  body.cr-photography-theme #main-content .cr-hub-mobile-filter button { max-width: 100%; min-height: 46px; text-align: left; white-space: normal; overflow-wrap: anywhere; }
  .cr-hub-mobile-filter button:focus-visible { outline: 2px solid var(--cr-accent-soft); outline-offset: 4px; }

  .cr-atelier .cr-mobile-carousel [data-gallery-track] {
    display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 90%;
    align-items: stretch; gap: 18px; width: 100%; max-width: none; min-width: 0;
    padding: 6px 4px 16px; margin: 0; overflow-x: auto; overflow-y: hidden;
    scroll-snap-type: x mandatory; scroll-padding-inline: 4px; overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #b59a66 transparent;
  }
  .cr-atelier .cr-mobile-carousel [data-gallery-track] > * { min-width: 0; scroll-snap-align: start; scroll-snap-stop: always; }
  .cr-atelier .cr-mobile-carousel.is-carousel-ready [data-gallery-track] { scrollbar-width: none; }
  .cr-atelier .cr-mobile-carousel.is-carousel-ready [data-gallery-track]::-webkit-scrollbar { display: none; }
  .cr-atelier .cr-mobile-carousel [data-gallery-track] > :only-child { grid-column: 1 / -1; }
  .cr-atelier .cr-mobile-carousel [data-gallery-track]:has(> :only-child) { grid-auto-columns: 100%; }
  .cr-atelier #cr-home-articles > :nth-child(n+4) { display: none; }
  .cr-atelier .cr-mobile-carousel [data-gallery-track]:focus-visible { outline: 2px solid var(--home-gold); outline-offset: 4px; }
  .cr-atelier .cr-mobile-carousel .cr-hub-service--preview .cr-hub-service__image { aspect-ratio: 4/3; }
  body.cr-home-cinematic #main-content.cr-atelier .cr-mobile-carousel .cr-hub-service__title,
  body.cr-home-cinematic #main-content.cr-atelier .cr-cinema-article h3 { font-size: clamp(1.6rem,6.5vw,1.95rem); line-height: 1.2; }
  .cr-atelier .cr-cinema-article a { height: 100%; }
  .cr-atelier .cr-mobile-carousel :is(.cr-cinema-article,.cr-folder-card).reveal { opacity: 1; visibility: visible; transform: none; transition: none; }
  .cr-atelier .cr-cinema-portfolio.cr-mobile-carousel [data-gallery-track] { width: calc(100% - 40px); margin-inline: auto; }
  .cr-atelier .cr-cinema-portfolio .cr-cinema-gallery-actions > .cr-cinema-gallery-controls,
  .cr-atelier .cr-cinema-portfolio > .cr-cinema-gallery-progress { display: none; }
  .cr-atelier .cr-portfolio-mobile-navigation { display: block; width: calc(100% - 40px); }
  .cr-atelier .cr-cinema-portfolio .cr-folder-card__content { left: 18px; right: 18px; bottom: 22px; gap: 12px; }
  .cr-atelier .cr-cinema-portfolio .cr-folder-card__content > span:first-child { min-width: 0; overflow-wrap: anywhere; }
  .cr-atelier .cr-cinema-portfolio .cr-folder-card__count { flex: 0 0 44px; min-width: 44px; height: 44px; }
  .cr-atelier .cr-cinema-article a > svg { margin-top: auto; padding-top: 18px; box-sizing: content-box; }
  .cr-atelier .cr-mobile-carousel .cr-cinema-heading { row-gap: 24px; }
  .cr-mobile-carousel-controls { display: grid; grid-template-columns: minmax(0,1fr); justify-items: start; gap: 10px; margin-top: 16px; }
  .cr-mobile-carousel-controls > p { margin: 0; font: 400 .75rem/1.5 var(--cr-sans); color: var(--cr-muted); }
  .cr-cinema-journal .cr-mobile-carousel-controls > p { color: #625c50; }
  .cr-mobile-carousel-controls__nav { display: flex; align-items: center; gap: 16px; margin-left: 0; }
  .cr-mobile-carousel-count { font: 500 .75rem/1.5 var(--cr-sans); font-variant-numeric: tabular-nums; }
  .cr-atelier .cr-mobile-carousel-controls .cr-cinema-gallery-controls { gap: 10px; }
  .cr-atelier .cr-mobile-carousel-controls button { width: 44px; height: 44px; }
  .cr-atelier .cr-hero-navigation .cr-hero-playback { order: 3; margin-left: auto; }
  body.cr-home-cinematic .cr-hero-playback button svg { color: inherit; transform: none; }
  .cr-atelier .cr-hero-slide__caption { min-height: 176px; }
  .cr-atelier .is-auto-playing .cr-monograph-frame__image img { animation: cr-mobile-photo-drift 2.4s ease-out both; }
  .cr-atelier .cr-cinema-hero:not(.is-auto-playing) .cr-monograph-frame__image img { animation-play-state: paused; }
  @keyframes cr-mobile-photo-drift { from { transform: scale(1.035) translateX(-.35%); } to { transform: scale(1) translateX(0); } }
}
@media (prefers-reduced-motion: reduce) {
  .cr-atelier .is-auto-playing .cr-monograph-frame__image img { animation: none; }
  .cr-atelier .cr-mobile-carousel [data-gallery-track] { scroll-behavior: auto; }
}
body.cr-reduce-motion .cr-atelier .cr-monograph-frame__image img { animation: none; }