/* Build84: one card per swipe on phones/smaller tablets; desktop 2x2 stays intact. */
#about-lifting .about-mobile-carousel{display:none}
@media(max-width:1100px){
 #about-lifting #about-carousel{display:none!important}
 #about-lifting .owl-nav-custom-about{display:none!important}
 #about-lifting .about-mobile-carousel{display:block;margin-top:0;min-width:0}
 #about-lifting .about-mobile-controls{display:flex;align-items:center;justify-content:flex-end;
   gap:10px;padding:0 4px 12px;min-height:48px;color:#46423c}
 #about-lifting .about-mobile-controls button{width:34px;height:34px;flex:0 0 34px;
   border:1px solid rgba(184,155,114,.55);border-radius:50%;background:#f6f1ea;
   color:#2b2823;font-size:19px;line-height:1;cursor:pointer}
 #about-lifting .about-mobile-controls button:disabled{opacity:.32;cursor:default}
 #about-lifting .about-mobile-controls button:focus-visible{outline:2px solid #b89b72;outline-offset:2px}
 #about-lifting .about-mobile-count{min-width:0;font:600 11px/1.3 'Inter',Arial,sans-serif;
   letter-spacing:.025em;white-space:nowrap}
 #about-lifting .about-mobile-swipe-hint{display:none}
 #about-lifting .about-mobile-track{display:flex;overflow-x:auto;overflow-y:hidden;
   scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;
   touch-action:pan-x pan-y;scroll-behavior:smooth;min-width:0}
 #about-lifting .about-mobile-track::-webkit-scrollbar{display:none}
 #about-lifting .about-mobile-page{flex:0 0 100%;min-width:0;scroll-snap-align:start;
   scroll-snap-stop:always;box-sizing:border-box;padding:0 6px}
 #about-lifting .about-mobile-page .about-story-card{max-width:100%;height:auto;display:block}
 #about-lifting .about-mobile-page .about-story-image{height:auto!important;aspect-ratio:16/10!important}
 #about-lifting .about-mobile-page .about-story-image-portrait{aspect-ratio:16/10!important;
   background:#10100f}
 #about-lifting .about-mobile-page .about-story-image-portrait img{object-fit:contain!important}
 #about-lifting .about-mobile-page .about-story-meta{min-height:78px;padding:12px 8px 23px 0}
 #about-lifting .about-mobile-page .about-story-meta strong{font-size:clamp(23px,3vw,28px)}
 #about-lifting .about-mobile-page .about-story-meta>span:not(.about-story-cta){font-size:11px}
 #about-lifting .about-mobile-page .about-story-cta{font-size:11px!important}
 #about-lifting .about-mobile-page .about-story-card-btt .about-story-meta{padding-bottom:33px}
 #about-lifting .about-mobile-page .about-story-card-btt .about-story-cta{top:auto;bottom:8px;right:2px}
 #about-lifting .about-mobile-page .about-story-card-career-map>.about-story-cta{bottom:5px;right:4px}
}
@media(max-width:600px){
 #about-lifting .about-mobile-controls{justify-content:center;gap:12px}
 #about-lifting .about-mobile-swipe-hint{display:inline;font:500 9px/1.2 'Inter',Arial,sans-serif;
   letter-spacing:.025em;color:#736a60}
 #about-lifting .about-mobile-page .about-story-image{aspect-ratio:16/11!important}
 #about-lifting .about-mobile-page .about-story-image-portrait{aspect-ratio:16/11!important}
}
@media(prefers-reduced-motion:reduce){#about-lifting .about-mobile-track{scroll-behavior:auto}}

/* Build96.2 proposed: readable Beyond the Title preview in ABOUT, mobile + tablet only. */
@media (max-width:1100px){
  #about-lifting .about-mobile-page .about-story-image-report{
    padding:clamp(10px,1.7vw,18px);
  }
  #about-lifting .about-mobile-page .about-report-sheet{
    box-sizing:border-box;
    padding:clamp(14px,2.4vw,24px);
  }
  #about-lifting .about-mobile-page .about-report-eyebrow{
    font-size:clamp(10px,1.4vw,12px);
    letter-spacing:.055em;
  }
  #about-lifting .about-mobile-page .about-report-heading{
    font-size:clamp(24px,3.2vw,36px);
    line-height:1.08;
  }
  #about-lifting .about-mobile-page .about-report-subheading{
    font-size:clamp(12px,1.6vw,15px);
    line-height:1.4;
  }
  #about-lifting .about-mobile-page .about-report-bottom{
    font-size:clamp(10px,1.3vw,12px);
  }
  #about-lifting .about-mobile-page .about-report-rule{
    margin:clamp(8px,1vw,12px) 0;
  }
}

/* Build96.4 — Restore the approved two-card desktop presentation on laptops.
   A touch tablet at the same CSS width keeps the existing touch carousel. */
@media (min-width: 996px) and (max-width: 1100px) and (hover: hover) and (pointer: fine) {
  #about-lifting #about-carousel { display: block !important; }
  #about-lifting .owl-nav-custom-about { display: block !important; }
  #about-lifting .about-mobile-carousel { display: none !important; }
}