/* ============================================================
   v14.59 — HANDS MOBILE: ORDERED INDEX + SEPARATE STORY VIEW
   Loaded only at <=759px from lib.php.
   No desktop Hands geometry is allowed to survive here.
   ============================================================ */

html,body{max-width:100%;overflow-x:hidden}
.hands-reference-page{width:100%;max-width:100%;overflow-x:hidden;background:var(--hands-bg,#f4f1ea)}
.hands-reference-page *{box-sizing:border-box}

/* Header logo: real packaged asset only. */
.site-header .brand{display:flex!important;align-items:center!important;min-width:0!important}
.site-header .brand .brand-logo{display:block!important;width:min(var(--site-logo-width-mobile,145px),38vw)!important;max-width:145px!important;height:auto!important;max-height:52px!important;object-fit:contain!important;font-size:0!important;color:transparent!important}
.site-header .brand .brand-logo-dark-bg{display:none!important}
.site-header .brand .brand-logo-light-bg{display:block!important}

/* ------------------------------------------------------------
   LANDING
   Sequence: 01 → 02 → intro → remaining stories → collaboration.
   ------------------------------------------------------------ */
.hands-reference-page>.hands-collection-grid,
.hands-reference-page>.hands-collection-grid[data-story-count],
.hands-reference-page>.hands-collection-grid[data-story-count="4"]{
  display:flex!important;flex-direction:column!important;
  width:100%!important;max-width:100%!important;
  margin:0!important;padding:12px 14px 18px!important;gap:12px!important;
  grid-template-columns:none!important;grid-template-rows:none!important;grid-auto-rows:auto!important;
  overflow:visible!important;
}
.hands-reference-page>.hands-collection-grid>*{
  grid-column:auto!important;grid-row:auto!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
}
.hands-reference-page>.hands-collection-grid>.hands-collection-card,
.hands-reference-page>.hands-collection-grid>.hands-index-project-note,
.hands-reference-page>.hands-collection-grid>.hands-index-contact-card{flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-width:0!important}
.hands-reference-page>.hands-collection-grid>*{order:var(--hands-mobile-order,50)!important}

.hands-reference-page .hands-collection-card,
.hands-reference-page>.hands-collection-grid[data-story-count] .hands-collection-card{
  position:relative!important;display:block!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  aspect-ratio:4/3!important;overflow:hidden!important;
}
/* Every mobile story card is responsive and independent of its backend order. */
.hands-reference-page>.hands-collection-grid .hands-collection-card{height:auto!important;aspect-ratio:4/3!important}
.hands-reference-page .hands-collection-cover{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:var(--hands-cover-x,50%) var(--hands-cover-y,50%)!important;
}
/* Landing-card titles are deliberately tiny relative to actual story titles. */
.hands-reference-page>.hands-collection-grid .hands-collection-card h2{
  position:absolute!important;left:18px!important;right:50px!important;bottom:16px!important;
  margin:0!important;max-width:none!important;
  font-size:clamp(11px,3.2vw,14px)!important;line-height:1.08!important;letter-spacing:.005em!important;
  white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;
}
.hands-reference-page .hands-collection-card>p{left:18px!important;top:18px!important;font-size:9px!important}
.hands-reference-page .hands-collection-arrow{right:15px!important;bottom:14px!important;width:29px!important;height:29px!important;opacity:.46!important;background:rgba(0,0,0,.08)!important;border-color:rgba(255,255,255,.34)!important}

.hands-reference-page .hands-index-project-note,
.hands-reference-page>.hands-collection-grid[data-story-count] .hands-index-project-note{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:auto!important;min-height:clamp(280px,46svh,430px)!important;
  margin:0!important;padding:clamp(28px,7vw,42px) clamp(22px,7vw,34px)!important;
  overflow:visible!important;text-align:left!important;
}
.hands-reference-page .hands-index-project-note>p,
.hands-reference-page .hands-index-project-note .rich-copy,
.hands-reference-page .hands-index-project-note .rich-copy p{
  width:100%!important;max-width:none!important;margin:0!important;
  font-size:clamp(17px,4.7vw,20px)!important;line-height:1.52!important;
  text-align:left!important;hyphens:none!important;
}
.hands-reference-page .hands-index-contact-card,
.hands-reference-page>.hands-collection-grid[data-story-count] .hands-index-contact-card{
  display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;
  min-height:250px!important;height:auto!important;margin:0!important;padding:30px 24px 26px!important;overflow:hidden!important;
}
.hands-reference-page .hands-index-contact-card h3{font-size:clamp(30px,9vw,42px)!important;line-height:.98!important;max-width:12ch!important}
.hands-reference-page .hands-index-contact-card p{margin:24px 0!important;max-width:28ch!important;font-size:14px!important;line-height:1.5!important}
.hands-reference-page .hands-index-contact-card>span{margin-top:auto!important;font-size:9px!important}

/* Filters stay inside viewport and may scroll themselves. */
.hands-reference-page>.story-filter-bar{
  display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:7px!important;
  width:100%!important;max-width:100%!important;margin:0!important;padding:12px 14px 14px!important;
  overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;
}
.hands-reference-page>.story-filter-bar::-webkit-scrollbar{display:none!important}
.hands-reference-page>.story-filter-bar>span,
.hands-reference-page>.story-filter-bar button{flex:0 0 auto!important}
.hands-reference-page>.story-filter-bar button{min-height:34px!important;padding:8px 12px!important}

/* ------------------------------------------------------------
   STORY ARCHIVE
   Image → controls → number/title/body/tags.
   Everything is content-driven; no fixed story/gallery height.
   ------------------------------------------------------------ */
.hands-reference-page .hands-collection-list.hands-reference-archive{
  display:none!important;visibility:hidden!important;
  width:100%!important;max-width:100%!important;height:0!important;min-height:0!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
}
/* Mobile index is navigation only: cards + intro + contact. The archive has no
   layout box at all until a specific ?story=ID view is open. */
.hands-reference-page:not(.hands-mobile-story-view)>.story-filter-bar{display:none!important}
.hands-reference-page:not(.hands-mobile-story-view)>.hands-reference-archive{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
.hands-reference-page.hands-mobile-story-view>.hands-collection-grid{display:none!important}
.hands-reference-page.hands-mobile-story-view>.story-filter-bar{display:none!important}
.hands-reference-page.hands-mobile-story-view .hands-collection-list.hands-reference-archive{
  display:block!important;visibility:visible!important;height:auto!important;min-height:0!important;overflow:visible!important;
}
.hands-reference-page .hands-reference-collection{
  width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:24px 14px 30px!important;overflow:visible!important;
}
.hands-reference-page .hands-reference-collection+.hands-reference-collection{margin-top:0!important;padding-top:22px!important}
.hands-reference-page .hands-reference-collection-layout,
.hands-reference-page .hands-reference-collection:nth-child(even) .hands-reference-collection-layout{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;gap:15px!important;overflow:visible!important;
  grid-template-columns:none!important;
}
.hands-reference-page .hands-reference-carousel{
  order:1!important;position:relative!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
  height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;
}
.hands-reference-page .hands-reference-stage{
  position:relative!important;display:block!important;width:100%!important;max-width:100%!important;
  height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:transparent!important;
}
.hands-reference-page .hands-reference-stage .hands-inline-track{
  display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important;scroll-behavior:auto!important;touch-action:pan-y!important;
}
.hands-reference-page .hands-reference-stage .hands-inline-track figure{
  display:none!important;position:relative!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;overflow:visible!important;aspect-ratio:auto!important;
}
.hands-reference-page .hands-reference-stage .hands-inline-track figure.is-hands-active{display:block!important}
.hands-reference-page .hands-reference-stage .hands-inline-track figure>img:not(.portfolio-signature-overlay),
.hands-reference-page .hands-reference-stage .hands-inline-track figure>video{
  display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;
  margin:0!important;padding:0!important;object-fit:contain!important;object-position:center center!important;background:transparent!important;
}

/* Image-edge previous/next controls. */
.hands-reference-page .hands-mobile-overlay-nav{display:block!important;position:absolute!important;inset:0!important;z-index:8!important;pointer-events:none!important}
.hands-reference-page .hands-mobile-image-arrow{
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:absolute!important;top:50%!important;transform:translateY(-50%)!important;
  width:36px!important;height:36px!important;border-radius:999px!important;
  border:1px solid rgba(255,255,255,.34)!important;background:rgba(20,20,18,.24)!important;color:rgba(255,255,255,.88)!important;
  opacity:.72!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;pointer-events:auto!important;
  font-size:20px!important;line-height:1!important;padding:0!important;
}
.hands-reference-page .hands-mobile-image-arrow-prev{left:9px!important}
.hands-reference-page .hands-mobile-image-arrow-next{right:9px!important}
.hands-reference-page .hands-mobile-image-arrow:disabled{opacity:.20!important}

/* Controls sit directly under active image. */
.hands-reference-page .hands-reference-progress{
  display:grid!important;grid-template-columns:auto 32px minmax(48px,1fr) auto!important;align-items:center!important;
  width:100%!important;max-width:100%!important;min-height:32px!important;height:auto!important;
  margin:7px 0 0!important;padding:0!important;column-gap:8px!important;overflow:visible!important;
}
.hands-reference-page .hands-reference-progress>span{grid-column:1!important;min-width:0!important;font-size:8px!important;letter-spacing:.11em!important;white-space:nowrap!important}
.hands-reference-page .hands-reference-media-controls{display:contents!important}
.hands-reference-page .hands-reference-media-controls .hands-reference-nav{display:none!important}
.hands-reference-page .hands-reference-media-controls .hands-expand-button{
  grid-column:2!important;position:static!important;width:30px!important;height:30px!important;margin:0!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;
  border:1px solid rgba(23,23,20,.17)!important;background:rgba(244,241,234,.34)!important;color:rgba(23,23,20,.58)!important;opacity:.72!important;
}
.hands-reference-page .hands-reference-progress>i{grid-column:3!important;display:block!important;width:100%!important;min-width:0!important;height:1px!important;margin:0!important;background:rgba(23,23,20,.13)!important;overflow:hidden!important}
.hands-reference-page .hands-reference-progress>i b{display:block!important;height:1px!important;background:rgba(23,23,20,.50)!important}
.hands-reference-page .hands-interaction-hint-desktop{display:none!important}
.hands-reference-page .hands-interaction-hint-mobile{
  grid-column:4!important;display:inline-block!important;margin:0!important;padding:0!important;max-width:112px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font:500 8px/1.2 var(--font-ui,Montserrat,Arial,sans-serif)!important;letter-spacing:.09em!important;text-transform:uppercase!important;
  color:var(--hands-body-color,#5c574f)!important;opacity:.42!important;text-align:right!important;
}

.hands-reference-page .hands-reference-collection-copy{
  order:2!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
  height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;
}
.hands-reference-page .hands-reference-collection-copy .hands-reference-collection-head{margin:0 0 13px!important;padding:0!important;width:100%!important}
.hands-reference-page .hands-reference-collection-meta{margin:0 0 7px!important;font-size:9px!important;line-height:1!important;opacity:.58!important}
.hands-reference-page .hands-reference-collection-copy .hands-reference-collection-head h2{
  margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;
  font-size:clamp(28px,7.8vw,34px)!important;line-height:1.04!important;letter-spacing:-.022em!important;font-weight:400!important;
  overflow-wrap:normal!important;word-break:normal!important;
}
.hands-reference-page .hands-reference-copy-content{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.hands-reference-page .hands-reference-collection-copy .hands-inline-note,
.hands-reference-page .hands-reference-collection-copy .hands-inline-body,
.hands-reference-page .hands-reference-collection-copy .hands-inline-note p,
.hands-reference-page .hands-reference-collection-copy .hands-inline-body p{
  width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;
  font-size:16px!important;line-height:1.58!important;letter-spacing:0!important;word-spacing:normal!important;
  text-align:left!important;text-align-last:auto!important;hyphens:none!important;-webkit-hyphens:none!important;
  word-break:normal!important;overflow-wrap:break-word!important;
}
.hands-reference-page .hands-reference-collection-copy p{margin:0 0 .9em!important}
.hands-reference-page .hands-reference-collection-copy p:last-child{margin-bottom:0!important}
.hands-reference-page .hands-reference-collection-copy .story-hashtags{margin:13px 0 0!important;font-size:10px!important;line-height:1.45!important}

/* Full-screen expanded media. No forced 90-degree transform; this is what broke
   the previous phone layout. The image gets the entire viewport and stays uncropped. */
[data-hands-lightbox].hands-lightbox{
  position:fixed!important;inset:0!important;z-index:10000!important;
  width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:#0d0d0c!important;overflow:hidden!important;
}
[data-hands-lightbox].hands-lightbox[hidden]{display:none!important}
[data-hands-lightbox] .hands-lightbox-figure{
  position:absolute!important;inset:0!important;width:100vw!important;height:100dvh!important;
  margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
}
[data-hands-lightbox] [data-hands-lightbox-image]{
  display:block!important;width:auto!important;height:auto!important;max-width:100vw!important;max-height:100dvh!important;object-fit:contain!important;object-position:center!important;
}
[data-hands-lightbox] .hands-lightbox-close{position:fixed!important;top:max(10px,env(safe-area-inset-top))!important;right:max(10px,env(safe-area-inset-right))!important;z-index:10005!important;width:42px!important;height:42px!important;border-radius:999px!important;background:rgba(0,0,0,.34)!important}
[data-hands-lightbox] .hands-lightbox-arrow{position:fixed!important;top:50%!important;transform:translateY(-50%)!important;z-index:10005!important;width:40px!important;height:40px!important;background:rgba(0,0,0,.30)!important}
[data-hands-lightbox] [data-hands-lightbox-prev]{left:max(8px,env(safe-area-inset-left))!important}
[data-hands-lightbox] [data-hands-lightbox-next]{right:max(8px,env(safe-area-inset-right))!important}
[data-hands-lightbox] .hands-lightbox-count{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;bottom:max(12px,env(safe-area-inset-bottom))!important;z-index:10005!important}

/* Neutralise stale inline heights from old gallery code. */
.hands-reference-page .hands-reference-collection [style*="height"],
.hands-reference-page .hands-reference-collection [style*="min-height"]{max-height:none}


/* v14.59 — Separate mobile story page state. Only photography stories open
   this state. Intro remains plain landing content; contact keeps its own link. */
.hands-reference-page.hands-mobile-story-view>.hands-collection-grid,
.hands-reference-page.hands-mobile-story-view>.story-filter-bar{display:none!important}
.hands-reference-page.hands-mobile-story-view .hands-reference-archive{padding-top:0!important}
.hands-reference-page.hands-mobile-story-view .hands-reference-collection{display:none!important}
.hands-reference-page.hands-mobile-story-view .hands-reference-collection.is-mobile-selected{display:block!important;padding-top:10px!important}
.hands-reference-page .hands-mobile-back{display:none!important}
.hands-reference-page.hands-mobile-story-view .hands-mobile-back{
  display:inline-flex!important;align-items:center!important;margin:10px 14px 4px!important;padding:8px 0!important;
  color:var(--hands-body-color,#5c574f)!important;text-decoration:none!important;
  font:500 10px/1.2 var(--font-ui,Montserrat,Arial,sans-serif)!important;letter-spacing:.1em!important;text-transform:uppercase!important;opacity:.68!important;
}
.hands-reference-page.hands-mobile-story-view .hands-reference-collection-layout{gap:14px!important}
.hands-reference-page.hands-mobile-story-view .hands-reference-collection-copy{padding:2px 0 0!important}
/* v14.59 mobile title specificity lock: legacy story-count CSS must not enlarge landing titles. */
.hands-reference-page>.hands-collection-grid[data-story-count] .hands-collection-card h2{
  font-size:clamp(11px,3.1vw,14px)!important;line-height:1.08!important;letter-spacing:.005em!important;
  left:18px!important;right:50px!important;bottom:16px!important;
}



/* v14.77 — mobile card labels: keep cards, remove only 01/02/03/04. */
.hands-reference-page>.hands-collection-grid .hands-collection-card .hands-card-number{display:none!important}
/* Mobile index is navigation only; expanded stories exist only in ?story=ID state. */
.hands-reference-page:not(.hands-mobile-story-view)>.hands-reference-archive,
.hands-reference-page:not(.hands-mobile-story-view)>.story-filter-bar{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}

/* v14.78 — mobile cards never show collection index numbers. */
.hands-collection-card::before,.hands-card-number{content:none!important;display:none!important}

/* ============================================================
   v15.89 — HANDS: consolidated mobile-landscape layer.
   Short horizontal phones use a dedicated two-column index and a stable
   side-by-side story layout, without inheriting portrait-card geometry.
   ============================================================ */
@media (orientation:landscape) and (max-height:559px) and (max-width:950px) and (hover:none) and (pointer:coarse){
  html.is-mobile-landscape .hands-reference-page>.hands-collection-grid,
  html.is-mobile-landscape .hands-reference-page>.hands-collection-grid[data-story-count],
  html.is-mobile-landscape .hands-reference-page>.hands-collection-grid[data-story-count="4"],
  html.is-mobile-landscape .hands-reference-page>.hands-collection-grid[data-story-count="5"],
  html.is-mobile-landscape .hands-reference-page>.hands-collection-grid[data-story-count="6"]{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    gap:10px!important;
    padding:10px!important;
    align-items:stretch!important;
  }
  html.is-mobile-landscape .hands-reference-page>.hands-collection-grid>*{width:100%!important;min-width:0!important}
  html.is-mobile-landscape .hands-reference-page>.hands-collection-grid .hands-collection-card{
    height:clamp(120px,28dvh,178px)!important;
    min-height:120px!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }
  html.is-mobile-landscape .hands-reference-page>.hands-collection-grid .hands-collection-cover{width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--hands-cover-x,50%) var(--hands-cover-y,50%)!important}
  html.is-mobile-landscape .hands-reference-page>.hands-collection-grid .hands-collection-card h2{
    left:12px!important;right:42px!important;bottom:12px!important;
    font-size:clamp(12px,1.7vw,16px)!important;line-height:1.08!important;
  }
  html.is-mobile-landscape .hands-reference-page .hands-collection-card>p{left:12px!important;top:12px!important;font-size:8px!important}
  html.is-mobile-landscape .hands-reference-page .hands-collection-arrow{right:10px!important;bottom:10px!important;width:28px!important;height:28px!important}
  html.is-mobile-landscape .hands-reference-page .hands-index-project-note,
  html.is-mobile-landscape .hands-reference-page .hands-index-contact-card{
    min-height:clamp(140px,32dvh,220px)!important;
    height:auto!important;
    padding:18px 18px 20px!important;
  }
  html.is-mobile-landscape .hands-reference-page .hands-index-project-note>p,
  html.is-mobile-landscape .hands-reference-page .hands-index-project-note .rich-copy,
  html.is-mobile-landscape .hands-reference-page .hands-index-project-note .rich-copy p{font-size:clamp(13px,1.9vw,17px)!important;line-height:1.48!important}
  html.is-mobile-landscape .hands-reference-page .hands-index-contact-card h3{font-size:clamp(24px,4vw,34px)!important}
  html.is-mobile-landscape .hands-reference-page .hands-index-contact-card p{font-size:12px!important;line-height:1.45!important;margin:14px 0!important}

  /* Story view: image and text side-by-side, with only the active slide visible. */
  html.is-mobile-landscape .hands-reference-page.hands-mobile-story-view .hands-reference-collection{padding:18px 14px 22px!important}
  html.is-mobile-landscape .hands-reference-page.hands-mobile-story-view .hands-reference-collection-layout,
  html.is-mobile-landscape .hands-reference-page.hands-mobile-story-view .hands-reference-collection:nth-child(even) .hands-reference-collection-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:16px!important;
    align-items:start!important;
  }
  html.is-mobile-landscape .hands-reference-page.hands-mobile-story-view .hands-reference-carousel,
  html.is-mobile-landscape .hands-reference-page.hands-mobile-story-view .hands-reference-collection-copy{order:unset!important;min-width:0!important}
  html.is-mobile-landscape .hands-reference-page.hands-mobile-story-view .hands-reference-stage{overflow:hidden!important;background:transparent!important}
  html.is-mobile-landscape .hands-reference-page .hands-reference-stage .hands-inline-track{display:block!important;overflow:visible!important}
  html.is-mobile-landscape .hands-reference-page .hands-reference-stage .hands-inline-track figure{display:none!important;margin:0!important}
  html.is-mobile-landscape .hands-reference-page .hands-reference-stage .hands-inline-track figure.is-hands-active{display:block!important}
  html.is-mobile-landscape .hands-reference-page .hands-reference-stage .hands-inline-track figure.is-hands-active>img:not(.portfolio-signature-overlay),
  html.is-mobile-landscape .hands-reference-page .hands-reference-stage .hands-inline-track figure.is-hands-active>video{
    display:block!important;width:100%!important;height:auto!important;max-height:74dvh!important;object-fit:contain!important;object-position:center center!important;
  }
  html.is-mobile-landscape .hands-reference-page .hands-reference-progress{margin-top:8px!important;grid-template-columns:auto 28px minmax(42px,1fr) auto!important;column-gap:7px!important}
  html.is-mobile-landscape .hands-reference-page .hands-interaction-hint-mobile{max-width:90px!important;font-size:7px!important}
  html.is-mobile-landscape .hands-reference-page .hands-reference-collection-copy .hands-reference-collection-head h2{font-size:clamp(24px,4.3vw,38px)!important;line-height:1.02!important}
  html.is-mobile-landscape .hands-reference-page .hands-reference-collection-copy .hands-inline-note,
  html.is-mobile-landscape .hands-reference-page .hands-reference-collection-copy .hands-inline-body,
  html.is-mobile-landscape .hands-reference-page .hands-reference-collection-copy .hands-inline-note p,
  html.is-mobile-landscape .hands-reference-page .hands-reference-collection-copy .hands-inline-body p{font-size:13px!important;line-height:1.56!important}
}