/* Four focused stories, real factory photography and separate mobile assets. */
.sj116 .sj124-slide { background: #e9eff4; }
.sj116 .sj124-slide .sj116-hero-media { inset: 0; width: 100%; height: 100%; }
.sj116 .sj124-slide .sj116-hero-image { object-fit: contain; object-position: right center; }
.sj116 .sj124-slide .sj116-hero-copy {
  width: 43%; max-width: 660px; margin-left: 5.8%;
  padding-top: clamp(42px,4.1vw,68px); padding-bottom: 58px;
}
.sj116 .sj124-slide .sj116-title {
  font-size: clamp(40px,4.4vw,68px) !important;
  line-height: 1.07 !important; letter-spacing: -2.2px !important;
  margin-bottom: 17px !important; text-wrap: nowrap;
}
.sj116 .sj124-slide .sj116-description { max-width: 470px; font-size: clamp(16px,1.32vw,20px); line-height: 1.5; }
.sj116 .sj124-slide .sj116-slogan { max-width: 475px; font-size: clamp(12px,1vw,15px); }
.sj116 .sj124-slide .sj116-hero-actions { margin-top: 21px; gap: 10px; }
.sj116 .sj124-slide .sj116-button { min-width: 0; min-height: 48px; padding: 12px 20px; font-size: 14px; }
.sj116 .sj124-slide .sj116-proof { margin-top: 23px !important; font-size: 12px; }
.sj116 .sj124-slide .sj116-proof li { padding-inline: 15px; }
.sj116 .sj124-slide .sj116-proof li:first-child { padding-left: 0; }
.sj116 .sj124-slide.sj116-products-slide .sj116-hero-media::after {
  background: linear-gradient(90deg,#e9eff4 0%,rgba(233,239,244,.95) 15%,rgba(233,239,244,.55) 31%,rgba(233,239,244,0) 45%);
}
.sj116 .sj116-factory-slide .sj116-hero-media { inset: 30px 4.6% 65px 46%; width: auto; height: auto; overflow: visible; }
.sj116 .sj124-factory-pair { position: relative; width: 100%; height: 100%; }
.sj116 .sj124-factory-pair figure { position: absolute; margin: 0; overflow: hidden; border: 1px solid #d3dfe8; border-radius: 15px; background: #e0e8ee; box-shadow: 0 12px 35px #112c4212; }
.sj116 .sj124-factory-pair img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sj116 .sj124-production { inset: 0 20px 32px 0; }
.sj116 .sj124-production .sj116-hero-image { object-fit: cover; object-position: 45% 68%; }
.sj116 .sj124-testing { right: 0; bottom: 0; width: 43%; height: 43%; border: 6px solid #e9eff4 !important; border-radius: 13px !important; }
.sj116 .sj124-testing img { object-position: 35% 58%; }
.sj116 .sj124-factory-pair figcaption { position: absolute; left: 14px; bottom: 14px; padding: 6px 11px; border: 1px solid #ffffff99; border-radius: 6px; background: #f5f9f3ec; color: #193349; font-size: 11px; font-weight: 600; line-height: 1.3; backdrop-filter: blur(8px); }
.sj116 .sj124-testing figcaption { left: 9px; bottom: 9px; font-size: 10px; padding: 5px 8px; }
.sj116 .sj124-entering { z-index: 2; animation: sj124-in 480ms ease both; }
.sj116 .sj124-leaving { z-index: 1; pointer-events: none; animation: sj124-out 480ms ease both; }
.sj116 .sj124-slide .sj116-hero-image.sj117-entering { animation: none !important; }
@keyframes sj124-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes sj124-out { from { opacity: 1; } to { opacity: 0; } }

@media (min-width:901px) and (max-height:820px) {
  .sj116 .sj124-slide .sj116-hero-copy { padding-top: 27px; }
  .sj116 .sj124-slide .sj116-eyebrow { font-size: 10px; margin-bottom: 10px !important; }
  .sj116 .sj124-slide .sj116-title { font-size: clamp(38px,3.8vw,55px) !important; margin-bottom: 13px !important; }
  .sj116 .sj124-slide .sj116-description { font-size: 16px; line-height: 1.4; }
  .sj116 .sj124-slide .sj116-slogan { font-size: 12px; margin-top: 8px !important; }
  .sj116 .sj124-slide .sj116-hero-actions { margin-top: 14px; }
  .sj116 .sj124-slide .sj116-button { min-height: 44px; padding: 10px 16px; font-size: 13px; }
  .sj116 .sj124-slide .sj116-proof { margin-top: 14px !important; font-size: 11px; }
  .sj116 .sj124-slide .sj118-proof-stat strong { font-size: 20px; }
  .sj116 .sj124-slide .sj118-proof-stat > span { font-size: 11px; }
  .sj116 .sj116-factory-slide .sj116-hero-media { top: 25px; bottom: 58px; }
}
@media (min-width:601px) and (max-width:900px) {
  .sj116 .sj124-slide .sj116-hero-copy { width: 48%; margin-left: 6%; padding-top: 55px; }
  .sj116 .sj124-slide .sj116-title { font-size: clamp(32px,4.8vw,43px) !important; letter-spacing: -1.5px !important; }
  .sj116 .sj124-slide .sj116-description { font-size: 16px; }
  .sj116 .sj124-slide .sj116-desktop-break { display: none; }
  .sj116 .sj124-slide .sj116-hero-actions { align-items: flex-start; flex-direction: column; gap: 6px; }
  .sj116 .sj124-slide .sj116-button-text { padding-left: 0; border: 0; background: transparent; }
  .sj116 .sj124-slide .sj116-proof { font-size: 10px; }
  .sj116 .sj124-slide .sj116-proof li { padding-inline: 8px; }
  .sj116 .sj116-factory-slide .sj116-hero-media { left: 56%; right: 3%; top: 55px; bottom: 75px; }
  .sj116 .sj124-testing { width: 66%; height: 38%; }
}
@media (max-width:600px) {
  .sj116 .sj116-hero { height: 426px; }
  .sj116 .sj124-slide .sj116-hero-copy { inset: 0 0 auto; width: auto; max-width: none; height: auto; margin: 0; padding: 19px 22px 0; }
  .sj116 .sj124-slide .sj116-eyebrow { margin-bottom: 7px !important; font-size: 9px; line-height: 1.5; letter-spacing: 1px !important; }
  .sj116 .sj124-slide .sj116-title { font-size: clamp(29px,8vw,40px) !important; line-height: 1.06 !important; letter-spacing: -1.3px !important; margin-bottom: 9px !important; }
  .sj116 .sj124-slide .sj116-description { max-width: 420px; font-size: 13px; line-height: 1.45; }
  .sj116 .sj124-slide .sj116-hero-actions { flex-direction: row; gap: 6px; margin-top: 10px; }
  .sj116 .sj124-slide .sj116-button { min-height: 44px; padding: 10px 13px; gap: 6px; font-size: 12px; }
  .sj116 .sj124-slide .sj116-button-text { display: none; }
  .sj116 .sj124-slide .sj116-proof,.sj116 .sj124-slide .sj116-slogan { display: none; }
  .sj116 .sj124-slide .sj116-hero-media { inset: 215px 0 44px; width: 100%; height: auto; background: #e9eff4; }
  .sj116 .sj124-slide .sj116-hero-image { width: 100%; height: 100%; object-fit: contain; object-position: center bottom; }
  .sj116 .sj124-slide.sj116-products-slide .sj116-hero-media::after { display: none; }
  .sj116 .sj116-factory-slide .sj116-hero-media { inset: 215px 18px 53px; width: auto; }
  .sj116 .sj124-factory-pair { display: grid; grid-template-columns: 1.7fr 1fr; gap: 9px; }
  .sj116 .sj124-factory-pair figure { position: relative; inset: auto; width: 100%; height: 100%; border: 1px solid #d3dfe8 !important; border-radius: 9px !important; box-shadow: none; }
  .sj116 .sj124-production .sj116-hero-image { object-fit: cover; object-position: 30% 63%; }
  .sj116 .sj124-testing img { object-position: 35% 58%; }
  .sj116 .sj124-factory-pair figcaption { left: 6px; bottom: 6px; padding: 5px 6px; font-size: 9px; border-radius: 4px; white-space: nowrap; }
}
@media (max-width:359px) {
  .sj116 .sj124-slide .sj116-hero-copy { padding-inline: 17px; }
  .sj116 .sj124-slide .sj116-title { font-size: 29px !important; }
  .sj116 .sj124-slide .sj116-description { font-size: 12px; }
}
@media (prefers-reduced-motion:reduce) {
  .sj116 .sj124-entering,.sj116 .sj124-leaving { animation: none !important; }
}