/* Our Story ? shared four-scene visual system */
.page-our-story .our-story{
  margin-top:calc(var(--banner-height, 0px) + var(--navbar-height, 80px));
}
/* When restored intro content sits above, cinematic section needs no navbar offset */
.page-our-story:has(.about-hero) .our-story{
  margin-top:0;
}

.our-story{
  --story-font:'Adobe Clean','Inter','SF Pro Display','Segoe UI',sans-serif;
  --story-teal:#20aebd;
  --story-navy:#0b3458;
  --story-orange:#ff6517;
  --story-muted:#5f6874;
  --story-line:#9aa5b1;
  --story-page:#e8ebf0;
  --story-radius:22px;
  --story-pad:clamp(16px, 2.4vw, 28px);
  position:relative;
  z-index:1;
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  color:var(--story-navy);
  background:var(--story-page);
  font-family:var(--story-font);
}

/* Unified callout language for The Challenge, Our Solution, and The Result. */
@media (min-width: 768px) {
  :is(
      [data-story-scene="challenge"],
      [data-story-scene="solution"],
      [data-story-scene="result"]
    )
    .our-story-callout {
    width: 19%;
    max-width: none;
    align-items: stretch;
  }

  [data-story-scene="challenge"] .our-story-callout.tl {
    top: 7%;
    left: 8%;
  }

  [data-story-scene="challenge"] .our-story-callout.ml {
    top: 34%;
    left: 8%;
  }

  [data-story-scene="challenge"] .our-story-callout.bl {
    top: 57%;
    left: 8%;
  }

  [data-story-scene="challenge"] .our-story-callout.tr {
    top: 18%;
    right: 8%;
  }

  [data-story-scene="challenge"] .our-story-callout.br {
    right: 8%;
    bottom: 13%;
  }

  [data-story-scene="solution"] .our-story-callout.tl {
    top: 16%;
    left: 5%;
  }

  [data-story-scene="solution"] .our-story-callout.tr {
    top: 16%;
    right: 5%;
  }

  [data-story-scene="solution"] .our-story-callout.br {
    right: 5%;
    bottom: 15%;
  }

  [data-story-scene="result"] .our-story-callout.tl {
    top: 10%;
    left: 10%;
  }

  [data-story-scene="result"] .our-story-callout.ml {
    top: 26%;
    left: 10%;
  }

  [data-story-scene="result"] .our-story-callout.bl {
    top: 42%;
    left: 10%;
    bottom: auto;
  }

  :is(
      [data-story-scene="challenge"],
      [data-story-scene="solution"],
      [data-story-scene="result"]
    )
    .our-story-callout
    .our-story-callout-frame {
    width: 100%;
    min-height: 72px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding: 11px 13px;
    border: 0;
    border-radius: 0;
    background:
      linear-gradient(#ff681d, #ff681d) left top / 12px 2px no-repeat,
      linear-gradient(#ff681d, #ff681d) left top / 2px 12px no-repeat,
      linear-gradient(#ff681d, #ff681d) right top / 12px 2px no-repeat,
      linear-gradient(#ff681d, #ff681d) right top / 2px 12px no-repeat,
      linear-gradient(#ff681d, #ff681d) left bottom / 12px 2px no-repeat,
      linear-gradient(#ff681d, #ff681d) left bottom / 2px 12px no-repeat,
      linear-gradient(#ff681d, #ff681d) right bottom / 12px 2px no-repeat,
      linear-gradient(#ff681d, #ff681d) right bottom / 2px 12px no-repeat;
    box-shadow: none;
    text-align: left;
  }

  :is(
      [data-story-scene="challenge"],
      [data-story-scene="solution"],
      [data-story-scene="result"]
    )
    .our-story-callout
    .our-story-callout-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    padding: 4px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  :is(
      [data-story-scene="challenge"],
      [data-story-scene="solution"],
      [data-story-scene="result"]
    )
    .our-story-callout-copy {
    min-width: 0;
    padding: 0;
    background: transparent;
    text-align: left;
  }

  :is(
      [data-story-scene="challenge"],
      [data-story-scene="solution"],
      [data-story-scene="result"]
    )
    .our-story-callout-title {
    margin: 0 0 4px;
    color: #07355d;
    font-family: inherit;
    font-size: clamp(11px, 0.9vw, 14px);
    font-weight: 700;
    line-height: 1.2;
  }

  :is(
      [data-story-scene="challenge"],
      [data-story-scene="solution"],
      [data-story-scene="result"]
    )
    .our-story-callout-desc {
    display: block;
    margin: 0;
    color: #56616d;
    font-family: inherit;
    font-size: clamp(9px, 0.72vw, 11.5px);
    font-weight: 500;
    line-height: 1.35;
  }

  :is(
      [data-story-scene="challenge"],
      [data-story-scene="solution"],
      [data-story-scene="result"]
    )
    .our-story-connector-line {
    stroke-width: 1.2;
  }

  :is(
      [data-story-scene="challenge"],
      [data-story-scene="solution"],
      [data-story-scene="result"]
    )
    .our-story-anchor {
    width: 7px;
    height: 7px;
  }
}

@media (max-width: 767px) {
  :is(
      [data-story-scene="challenge"],
      [data-story-scene="solution"],
      [data-story-scene="result"]
    )
    .our-story-callout-frame {
    width: 100%;
    min-height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    padding: 6px;
    border: 0;
    border-radius: 0;
    background:
      linear-gradient(#ff681d, #ff681d) left top / 8px 1px no-repeat,
      linear-gradient(#ff681d, #ff681d) left top / 1px 8px no-repeat,
      linear-gradient(#ff681d, #ff681d) right top / 8px 1px no-repeat,
      linear-gradient(#ff681d, #ff681d) right top / 1px 8px no-repeat,
      linear-gradient(#ff681d, #ff681d) left bottom / 8px 1px no-repeat,
      linear-gradient(#ff681d, #ff681d) left bottom / 1px 8px no-repeat,
      linear-gradient(#ff681d, #ff681d) right bottom / 8px 1px no-repeat,
      linear-gradient(#ff681d, #ff681d) right bottom / 1px 8px no-repeat;
    box-shadow: none;
    text-align: left;
  }

  :is(
      [data-story-scene="challenge"],
      [data-story-scene="solution"],
      [data-story-scene="result"]
    )
    .our-story-callout-icon {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    padding: 2px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  :is(
      [data-story-scene="challenge"],
      [data-story-scene="solution"],
      [data-story-scene="result"]
    )
    .our-story-callout-title {
    color: #07355d;
    font-size: 8px;
    font-weight: 700;
    line-height: 1.2;
  }

  :is(
      [data-story-scene="challenge"],
      [data-story-scene="solution"],
      [data-story-scene="result"]
    )
    .our-story-callout-desc {
    color: #56616d;
    font-size: 6.5px;
    font-weight: 500;
    line-height: 1.3;
  }
}

.our-story-pin{
  position:relative;
  width:100%;
  min-height:100vh;
  min-height:100dvh;
  background:linear-gradient(180deg, #eef1f5 0%, #e6e9ee 72%, #fff 100%);
}

.our-story-chrome{
  position:absolute;
  z-index:20;
  top:clamp(64px, 9vh, 88px);
  left:50%;
  width:min(92vw, 920px);
  transform:translateX(-50%);
  text-align:center;
  pointer-events:none;
}

.our-story-eyebrow{
  display:block;
  margin-bottom:4px;
  color:var(--story-teal);
  font-size:clamp(10px, .78vw, 12px);
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.our-story-title{
  margin:0 0 18px;
  color:var(--story-navy);
  font-size:clamp(24px, 2.55vw, 36px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.03em;
}

.our-story-title span{color:var(--story-orange)}

.our-story-stage{
  position:absolute;
  inset:0;
  display:grid;
  align-items:start;
  justify-items:center;
  box-sizing:border-box;
  padding:clamp(138px, 17vh, 158px) 5vw 24px;
}

.our-story-shell{
  position:relative;
  width:min(72vw, 960px);
  height:min(560px, calc(100vh - 190px), 44vw);
  height:min(560px, calc(100dvh - 190px), 44vw);
  min-height:0;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.7);
  border-radius:var(--story-radius);
  background:radial-gradient(ellipse at 50% 46%, #f4f6f8 0%, #dde3ea 58%, #cfd6df 100%);
  box-shadow:none;
}

.our-story-scene{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  will-change:opacity;
}

.our-story-scene:first-child{opacity:1;visibility:visible}

.our-story-photo{
  position:absolute;
  z-index:1;
  inset:0;
  display:grid;
  place-items:center;
  background:transparent;
  will-change:opacity,transform;
}

.our-story-photo img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  /* Never crop the floating meter ??? keep full device visible */
}

.our-story-connectors{
  position:absolute;
  z-index:4;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}

.our-story-connectors path{
  fill:none;
  stroke:var(--story-line);
  stroke-width:1.15;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}

.our-story-anchor{
  position:absolute;
  z-index:6;
  left:var(--ax);
  top:var(--ay);
  width:6px;
  height:6px;
  margin:-3px 0 0 -3px;
  border-radius:50%;
  background:var(--story-orange);
  box-shadow:0 0 0 2px rgba(255,255,255,.65);
  pointer-events:none;
}

.our-story-callouts{
  position:absolute;
  z-index:7;
  inset:0;
  pointer-events:none;
}

.our-story-callout{
  position:absolute;
  display:flex;
  align-items:center;
  gap:0;
  width:min(28%, 240px);
  color:var(--story-navy);
}

/* Sit at the pointer ends ??? close to the product, no long empty gap */
.our-story-callout--tl{top:11%; left:10%;}
.our-story-callout--ml{top:40%; left:10%;}
.our-story-callout--bl{bottom:16%; left:10%;}
.our-story-callout--tr{top:11%; right:10%;}
.our-story-callout--br{right:10%; bottom:14%;}

.our-story-callout--tr,
.our-story-callout--br{
  flex-direction:row-reverse;
  text-align:left;
}

.our-story-callout--tr .our-story-callout-frame,
.our-story-callout--br .our-story-callout-frame{
  flex-direction:row-reverse;
}

/* Icon + copy row; orange corner brackets sit on the icon square only */
.our-story-callout-frame{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:0;
  box-sizing:border-box;
  background:none;
}

.our-story-callout-icon{
  --bracket:var(--story-orange);
  --bracket-len:9px;
  --bracket-thick:2px;
  position:relative;
  flex:0 0 40px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  padding:7px;
  border:0;
  border-radius:0;
  background:
    linear-gradient(var(--bracket), var(--bracket)) left top / var(--bracket-len) var(--bracket-thick) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) left top / var(--bracket-thick) var(--bracket-len) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) right top / var(--bracket-len) var(--bracket-thick) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) right top / var(--bracket-thick) var(--bracket-len) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) left bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) left bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) right bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) right bottom / var(--bracket-thick) var(--bracket-len) no-repeat;
  box-shadow:none;
  overflow:visible;
}

.our-story-callout-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

.our-story-callout-copy{
  display:block;
  min-width:0;
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}

.our-story-callout-copy strong{
  display:block;
  margin-bottom:2px;
  font-size:clamp(11px, 1.35vh, 14px);
  font-weight:800;
  line-height:1.2;
}

.our-story-callout-copy small{
  display:block;
  color:var(--story-muted);
  font-size:clamp(9px, 1.15vh, 12px);
  font-weight:500;
  line-height:1.35;
}

.our-story-statement{
  position:absolute;
  z-index:6;
  left:var(--story-pad);
  bottom:var(--story-pad);
  margin:0;
  color:#182f46;
  font-size:clamp(12px, 1.7vh, 16px);
  font-weight:600;
  line-height:1.4;
  pointer-events:none;
}

.our-story-statement-rule{
  display:block;
  width:36px;
  height:3px;
  margin-top:10px;
  border-radius:4px;
  background:var(--story-orange);
}

.our-story-mobile-copy{display:none}
.our-story-mobile-stem{display:none}

.our-story-progress{
  position:absolute;
  z-index:30;
  top:50%;
  right:clamp(14px,2.2vw,34px);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:17px;
  transform:translateY(-50%);
  pointer-events:none;
}

.our-story-progress-mark{
  display:block;
  width:8px;
  height:8px;
  border-radius:999px;
  background:#aeb5bd;
  transition:height .25s ease,background-color .25s ease;
}

.our-story-progress-mark.is-active{
  height:28px;
  background:var(--story-orange);
}

@media (max-width:1100px) and (min-width:768px){
  .our-story-shell{width:min(84vw,980px)}
  .our-story-callout{width:27%}
  .our-story-callout-copy small{display:none}
}

@media (max-width:767px){
  .our-story{
    background:#070707;
  }

  .our-story-pin{
    min-height:100vh;
    min-height:100dvh;
    overflow:hidden;
    background:#070707;
  }

  .our-story-chrome{
    top:100px;
    left:0;
    width:100%;
    height:62px;
    padding:12px 24px 0;
    box-sizing:border-box;
    transform:none;
    text-align:left;
    border-bottom:1px solid rgba(255,255,255,.15);
    background:#070707;
  }

  .our-story-eyebrow{
    margin-bottom:3px;
    color:var(--story-orange);
    font-size:9px;
  }

  .our-story-title{
    overflow:hidden;
    color:#fff;
    font-size:22px;
    line-height:1.1;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  .our-story-stage{
    display:block;
    padding:176px 12px 18px;
  }

  .our-story-shell{
    width:100%;
    height:calc(100vh - 194px);
    height:calc(100dvh - 194px);
    min-height:0;
    max-height:none;
    aspect-ratio:auto;
    border:0;
    border-radius:22px;
    background:#dfe3e8;
    box-shadow:none;
  }

  .our-story-scene{
    display:block;
    padding:0;
    box-sizing:border-box;
    overflow:hidden;
    background:
      radial-gradient(circle at 72% 72%,rgba(255,255,255,.52),transparent 38%),
      linear-gradient(145deg,#e9edf1 0%,#cbd2db 100%);
  }

  .our-story-photo{
    position:absolute;
    z-index:2;
    top:26%;
    right:-4%;
    bottom:-2%;
    left:8%;
    width:auto;
    margin:0;
  }

  .our-story-photo img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center bottom;
    mix-blend-mode:multiply;
  }

  .our-story-mobile-copy{
    position:absolute;
    z-index:3;
    inset:0;
    display:block;
    color:#182e43;
    pointer-events:none;
  }

  .our-story-mobile-copy::before{
    display:block;
    position:absolute;
    z-index:-1;
    top:7%;
    left:5%;
    margin:0;
    color:rgba(22,50,74,.17);
    font-size:clamp(62px,18vw,92px);
    font-weight:900;
    line-height:.78;
    letter-spacing:-.075em;
    text-transform:uppercase;
    white-space:nowrap;
    content:attr(data-watermark);
  }

  .our-story-mobile-kicker{
    position:absolute;
    top:25%;
    left:7%;
    width:40%;
    color:var(--story-orange);
    font-size:8px;
    font-weight:850;
    line-height:1.2;
    letter-spacing:.14em;
    text-transform:uppercase;
  }

  .our-story-mobile-copy p{
    position:absolute;
    top:29%;
    left:7%;
    width:39%;
    margin:0;
    font-size:clamp(10px,2.7vw,13px);
    font-weight:700;
    line-height:1.32;
  }

  .our-story-mobile-copy ul{
    position:absolute;
    z-index:5;
    top:49%;
    left:7%;
    width:40%;
    margin:0;
    padding:0;
    list-style:none;
  }

  .our-story-mobile-copy li{
    padding:0;
    border:0;
    color:#17334c;
    font-size:clamp(9px,2.5vw,11px);
    font-weight:800;
    line-height:1.75;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .our-story-connectors,
  .our-story-statement{display:none}

  .our-story-anchor{
    z-index:7;
    display:block;
    width:5px;
    height:5px;
    margin:-2.5px 0 0 -2.5px;
    box-shadow:0 0 0 1px rgba(255,255,255,.75);
  }

  .our-story-callouts{
    z-index:8;
    display:block;
  }

  .our-story-callout{
    width:35%;
    gap:6px;
  }

  .our-story-callout:nth-child(1){
    top:36%;
    right:4%;
    left:auto;
  }

  .our-story-callout:nth-child(2){
    top:53%;
    right:3%;
    left:auto;
  }

  .our-story-callout:nth-child(3){
    right:5%;
    bottom:13%;
    left:auto;
  }

  .our-story-callout,
  .our-story-callout--tr,
  .our-story-callout--br{
    flex-direction:row;
    text-align:left;
  }

  .our-story-callout-icon{
    flex:0 0 30px;
    width:30px;
    height:30px;
    border-color:rgba(21,48,72,.3);
    border-radius:5px;
    background-size:
      7px 1px,1px 7px,7px 1px,1px 7px,
      7px 1px,1px 7px,7px 1px,1px 7px;
    background-color:rgba(241,244,247,.82);
    box-shadow:none;
  }

  .our-story-callout-copy{
    max-width:110px;
    padding:4px 5px;
    background:rgba(232,237,241,.7);
    box-shadow:none;
    backdrop-filter:blur(2px);
  }

  .our-story-callout-copy strong{
    margin:0;
    font-size:8px;
    line-height:1.15;
  }

  .our-story-callout-copy small{display:none}

  .our-story-mobile-stem{
    position:absolute;
    top:50%;
    right:calc(100% + 2px);
    display:block;
    width:clamp(18px,7vw,34px);
    height:1px;
    background:#657380;
    transform-origin:right center;
  }

  [data-story-scene="trusted"] .our-story-callout:nth-child(1){top:35%}
  [data-story-scene="trusted"] .our-story-callout:nth-child(2){top:51%}
  [data-story-scene="trusted"] .our-story-callout:nth-child(3){bottom:31%}
  [data-story-scene="challenge"] .our-story-callout:nth-child(1){top:30%}
  [data-story-scene="challenge"] .our-story-callout:nth-child(2){top:42%}
  [data-story-scene="challenge"] .our-story-callout:nth-child(3){bottom:23%}
  [data-story-scene="solution"] .our-story-callout:nth-child(1){top:23%}
  [data-story-scene="solution"] .our-story-callout:nth-child(2){top:52%}
  [data-story-scene="solution"] .our-story-callout:nth-child(3){bottom:24%}
  [data-story-scene="result"] .our-story-callout:nth-child(1){top:22%;left:5%;right:auto}
  [data-story-scene="result"] .our-story-callout:nth-child(1) .our-story-mobile-stem{width:18vw}
  [data-story-scene="result"] .our-story-callout:nth-child(2){
    top:36%;
    right:auto;
    left:5%;
  }
  [data-story-scene="result"] .our-story-callout:nth-child(2) .our-story-mobile-stem{
    right:auto;
    left:calc(100% + 2px);
    transform-origin:left center;
  }
  [data-story-scene="result"] .our-story-callout:nth-child(3){top:50%;left:5%;right:auto;bottom:auto}

  .our-story-progress{
    top:54%;
    right:6px;
    bottom:auto;
    flex-direction:column;
    gap:9px;
    transform:translateY(-50%);
  }

  .our-story-progress-mark{
    width:5px;
    height:5px;
    border-radius:1px;
    background:#797d82;
  }

  .our-story-progress-mark.is-active{
    width:5px;
    height:20px;
    border-radius:3px;
    background:var(--story-orange);
  }

}

@media (min-width:768px) and (max-height:900px){
  .our-story-chrome{top:clamp(56px, 8vh, 80px)}
  .our-story-stage{padding-top:clamp(108px, 14vh, 128px)}
  .our-story-title{font-size:clamp(22px, 3.2vh, 32px)}
  .our-story-eyebrow{font-size:10px}
  .our-story-shell{
    height:min(480px, calc(100dvh - 170px), 50vw);
  }
}

@media (min-width:768px) and (max-height:800px){
  .our-story-stage{padding-top:clamp(100px, 13vh, 118px)}
  .our-story-shell{
    width:min(70vw, 900px);
    height:calc(100dvh - 168px);
    min-height:0;
    box-shadow:none;
  }
  .our-story-callout-copy small{display:none}
  .our-story-statement-rule{margin-top:8px}
}

@media (prefers-reduced-motion:reduce){
  .our-story-progress-mark{transition:none}
}

/* Intermediate desktop polish removed ??? compact lockup at file end wins */

@media (max-width:1100px) and (min-width:768px){
  .our-story-shell{width:min(78vw,960px)}
  .our-story-callout{width:29%}
  .our-story-callout-copy small{display:block}
}

@media (min-width:768px) and (max-height:800px){
  .our-story-chrome{top:clamp(48px, 7vh, 72px)}
  .our-story-stage{padding-top:clamp(100px, 13vh, 118px);padding-bottom:24px}
  .our-story-shell{
    height:min(480px,calc(100dvh - 160px),50vw);
    box-shadow:none;
  }
  .our-story-title{font-size:clamp(22px, 3vh, 30px)}
  .our-story-callout-copy small{display:block}
}

@media (max-width:767px){
  .our-story,
  .our-story-pin{
    background:#e6e7e8;
  }

  .our-story-pin{
    overflow:hidden;
  }

  .our-story-chrome{
    z-index:20;
    top:18px;
    left:18px;
    width:auto;
    height:auto;
    padding:0;
    border:0;
    background:transparent;
    color:#ff6517;
  }

  .our-story-eyebrow{
    margin:0;
    color:#ff6517;
    font-size:7px;
    font-weight:850;
    letter-spacing:.08em;
  }

  .our-story-eyebrow::after{
    padding-left:6px;
    content:"+";
  }

  .our-story-title{
    display:none;
  }

  .our-story-stage{
    inset:0;
    padding:0;
  }

  .our-story-shell{
    width:100%;
    height:100vh;
    height:100dvh;
    border:0;
    border-radius:0;
    background:#e6e7e8;
  }

  .our-story-scene{
    background:
      radial-gradient(circle at 56% 78%,rgba(255,255,255,.64),transparent 34%),
      linear-gradient(155deg,#eeeeef 0%,#d4d6d8 100%);
  }

  .our-story-photo{
    z-index:2;
    top:18%;
    right:-14%;
    bottom:-1%;
    left:13%;
    width:auto;
  }

  .our-story-photo img{
    object-position:center bottom;
    mix-blend-mode:multiply;
  }

  .our-story-mobile-copy{
    z-index:3;
    color:#303337;
  }

  .our-story-mobile-copy::before{
    top:20%;
    left:4%;
    color:rgba(57,59,62,.17);
    font-size:clamp(82px,29vw,132px);
    line-height:.72;
    letter-spacing:-.085em;
  }

  .our-story-mobile-kicker{
    top:18px;
    right:18px;
    left:auto;
    width:94px;
    color:#ff6517;
    font-size:7px;
    font-weight:850;
    line-height:1.15;
    letter-spacing:.08em;
    text-align:right;
  }

  .our-story-mobile-kicker::before{
    padding-right:5px;
    content:"+";
  }

  .our-story-mobile-copy p{
    top:46%;
    left:5%;
    width:47%;
    font-size:clamp(12px,3.45vw,15px);
    font-weight:800;
    line-height:1.18;
  }

  .our-story-mobile-copy ul{
    top:61%;
    left:5%;
    width:48%;
  }

  .our-story-mobile-copy li{
    padding:0;
    border:0;
    color:rgba(255,255,255,.9);
    font-size:clamp(10px,2.9vw,13px);
    font-weight:650;
    line-height:1.75;
    letter-spacing:.06em;
  }

  .our-story-callout{
    width:38%;
    gap:6px;
  }

  .our-story-callout,
  .our-story-callout--tr,
  .our-story-callout--br{
    flex-direction:row;
    align-items:flex-start;
    text-align:left;
  }

  .our-story-callout-icon{
    flex:0 0 31px;
    width:31px;
    height:31px;
    border:0;
    border-radius:0;
    background-color:rgba(240,241,242,.42);
    background-size:
      7px 1px,1px 7px,7px 1px,1px 7px,
      7px 1px,1px 7px,7px 1px,1px 7px;
  }

  .our-story-callout-copy{
    max-width:112px;
    padding:1px 0 0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
  }

  .our-story-callout-copy strong{
    margin:0 0 2px;
    color:#303337;
    font-size:clamp(7px,2vw,9px);
    font-weight:850;
    line-height:1.12;
  }

  .our-story-callout-copy small{
    display:block;
    color:#6d6f72;
    font-size:clamp(6px,1.55vw,7px);
    font-weight:600;
    line-height:1.22;
  }

  .our-story-mobile-stem{
    height:1px;
    background:#64686b;
  }

  [data-story-scene="trusted"] .our-story-callout:nth-child(1){
    top:29%;
    right:auto;
    left:14%;
  }

  [data-story-scene="trusted"] .our-story-callout:nth-child(2){
    top:42%;
    right:auto;
    left:23%;
  }

  [data-story-scene="trusted"] .our-story-callout:nth-child(3){
    top:34%;
    right:3%;
    left:auto;
  }

  [data-story-scene="trusted"] .our-story-callout:nth-child(4){
    right:4%;
    bottom:19%;
    left:auto;
  }

  .our-story-progress{
    top:61%;
    right:10px;
    gap:9px;
  }

  .our-story-progress::before{
    position:absolute;
    z-index:-1;
    top:-10px;
    bottom:-10px;
    left:50%;
    border-left:1px dashed rgba(67,70,73,.6);
    content:"";
  }

  .our-story-progress-mark{
    width:5px;
    height:5px;
    border:1px solid #42464a;
    border-radius:0;
    box-sizing:border-box;
    background:#e6e7e8;
  }

  .our-story-progress-mark.is-active{
    width:5px;
    height:5px;
    border-color:#ff6517;
    border-radius:0;
    background:#ff6517;
  }
}

/* Compact reference lockup (desktop) ??? last so it wins over earlier polish */
@media (min-width:768px){
  .our-story{
    --story-pad:clamp(16px, 2.2vw, 26px);
  }

  .our-story-pin{
    overflow:hidden;
  }

  .our-story-chrome{
    top:clamp(64px, 9vh, 92px);
    width:min(92vw, 920px);
  }

  .our-story-eyebrow{
    display:block;
    margin-bottom:4px;
    color:#20aebd;
    font-size:clamp(10px, .76vw, 12px);
    font-weight:800;
    line-height:1.1;
    letter-spacing:.18em;
    opacity:1;
    visibility:visible;
  }

  .our-story-title{
    font-size:clamp(24px, 2.55vw, 36px);
    font-weight:800;
    line-height:1.08;
    margin:0 0 20px;
  }

  .our-story-stage{
    padding:clamp(140px, 17.5vh, 162px) 5vw 24px;
  }

  .our-story-shell{
    width:min(72vw, 960px);
    height:min(560px, calc(100vh - 190px), 44vw);
    height:min(560px, calc(100dvh - 190px), 44vw);
    box-shadow:none;
  }

  .our-story-photo{
    overflow:visible;
  }

  .our-story-photo img{
    width:100%;
    height:100%;
    object-fit:contain !important;
    object-position:center center;
  }

  .our-story-callout{
    align-items:center;
    gap:0;
    width:min(28%, 240px);
  }

  .our-story-callout--tl{ top:10%; left:8%; }
  .our-story-callout--ml{ top:38%; left:8%; }
  .our-story-callout--bl{ bottom:15%; left:8%; }
  .our-story-callout--tr{ top:10%; right:8%; }
  .our-story-callout--br{ right:8%; bottom:12%; }

  .our-story-callout--tr,
  .our-story-callout--br{
    flex-direction:row-reverse;
    text-align:left;
  }

  .our-story-callout--tr .our-story-callout-frame,
  .our-story-callout--br .our-story-callout-frame{
    flex-direction:row-reverse;
  }

  .our-story-callout-frame{
    gap:10px;
    padding:0;
    background:none;
  }

  .our-story-callout-icon{
    --bracket:var(--story-orange);
    --bracket-len:9px;
    --bracket-thick:2px;
    flex:0 0 40px;
    width:40px;
    height:40px;
    padding:7px;
    border:0;
    border-radius:0;
    box-shadow:none;
    overflow:visible;
  }

  .our-story-callout-icon img{
    width:100%;
    height:100%;
  }

  .our-story-callout-copy{
    max-width:180px;
    padding:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
  }

  .our-story-callout-copy strong{
    margin-bottom:2px;
    font-size:clamp(11px, 1.35vh, 14px);
    font-weight:800;
    line-height:1.2;
  }

  .our-story-callout-copy small{
    display:block;
    color:#56616d;
    font-size:clamp(9px, 1.15vh, 12px);
    font-weight:500;
    line-height:1.35;
  }

  .our-story-anchor{
    width:6px;
    height:6px;
    margin:-3px 0 0 -3px;
    border:0;
    background:#ff6517;
    box-shadow:0 0 0 2px rgba(255,255,255,.65);
  }

  .our-story-statement{
    display:block;
    left:var(--story-pad);
    bottom:var(--story-pad);
    max-width:220px;
    font-size:clamp(12px, 1.7vh, 16px);
  }

  .our-story-statement-rule{
    width:36px;
    margin-top:10px;
  }
}

/* Reference-fit trusted card: wide, fully visible, and uncropped. */
@media (min-width:768px){
  .our-story-chrome{
    top:clamp(44px, 6.5vh, 68px);
    width:min(94vw, 1120px);
  }

  .our-story-title{
    font-family:var(--story-font);
    font-size:clamp(30px, 3.25vw, 48px);
    font-weight:700;
    line-height:1.04;
    letter-spacing:-.035em;
  }

  .our-story-eyebrow{
    margin-bottom:12px;
  }

  .our-story-title .our-story-title-plain{
    color:var(--story-navy);
  }

  .our-story-stage{
    padding:clamp(148px, 17vh, 162px) 3vw 24px;
  }

  .our-story-shell{
    width:min(88vw, calc(190dvh - 319px), 1440px);
    height:auto;
    aspect-ratio:1.9 / 1;
    overflow:hidden;
    border-radius:clamp(18px, 1.5vw, 24px);
  }

  [data-story-scene="trusted"] .our-story-photo{
    inset:0;
    overflow:hidden;
  }

  [data-story-scene="trusted"] .our-story-photo img{
    width:100%;
    height:100%;
    object-fit:cover !important;
    object-position:center center;
  }

  [data-story-scene="trusted"] .our-story-callout{
    width:min(25%, 270px);
    align-items:stretch;
  }

  [data-story-scene="trusted"] .our-story-callout--tl{
    top:8%;
    left:10%;
  }

  [data-story-scene="trusted"] .our-story-callout--bl{
    top:52%;
    bottom:auto;
    left:10%;
  }

  [data-story-scene="trusted"] .our-story-callout--tr{
    top:8%;
    right:10%;
  }

  [data-story-scene="trusted"] .our-story-callout--br{
    right:10%;
    bottom:18%;
  }

  [data-story-scene="trusted"] .our-story-callout,
  [data-story-scene="trusted"] .our-story-callout--tr,
  [data-story-scene="trusted"] .our-story-callout--br{
    flex-direction:row;
    text-align:left;
  }

  [data-story-scene="trusted"] .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--tr .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--br .our-story-callout-frame{
    --bracket:var(--story-orange);
    --bracket-len:12px;
    --bracket-thick:2px;
    display:flex;
    flex-direction:row;
    align-items:center;
    width:100%;
    min-height:72px;
    gap:12px;
    padding:11px 13px;
    border-radius:4px;
    background:
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      rgba(244,247,249,.26);
    box-sizing:border-box;
    backdrop-filter:blur(2px);
  }

  [data-story-scene="trusted"] .our-story-callout-icon{
    flex:0 0 40px;
    width:40px;
    height:40px;
    padding:6px;
    border:1px solid rgba(11,52,88,.22);
    border-radius:8px;
    background:rgba(255,255,255,.5);
    box-shadow:none;
  }

  [data-story-scene="trusted"] .our-story-callout-copy{
    flex:1 1 auto;
    max-width:none;
    min-width:0;
  }

  [data-story-scene="trusted"] .our-story-callout-copy strong{
    margin-bottom:4px;
    color:var(--story-navy);
    font-family:var(--story-font);
    font-size:clamp(11px, .9vw, 14px);
    font-weight:700;
    line-height:1.2;
  }

  [data-story-scene="trusted"] .our-story-callout-copy small{
    color:#56616d;
    font-family:var(--story-font);
    font-size:clamp(10px, .78vw, 12px);
    font-weight:500;
    line-height:1.35;
  }

  [data-story-scene="trusted"] .our-story-statement{
    left:5%;
    bottom:6%;
    max-width:240px;
    font-family:var(--story-font);
    font-size:clamp(14px, 1.15vw, 18px);
    font-weight:650;
    line-height:1.38;
  }

  /* Complete five-callout Challenge layout. */
  [data-story-scene="challenge"] .our-story-callout{
    width:min(25%, 270px);
    align-items:stretch;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }

  [data-story-scene="challenge"] .our-story-callout--tl{
    top:7%;
    left:8%;
  }

  [data-story-scene="challenge"] .our-story-callout--ml{
    top:34%;
    left:8%;
  }

  [data-story-scene="challenge"] .our-story-callout--bl{
    top:57%;
    bottom:auto;
    left:8%;
  }

  [data-story-scene="challenge"] .our-story-callout--tr{
    top:18%;
    right:8%;
  }

  [data-story-scene="challenge"] .our-story-callout--br{
    right:8%;
    bottom:13%;
  }

  [data-story-scene="challenge"] .our-story-callout,
  [data-story-scene="challenge"] .our-story-callout--tr,
  [data-story-scene="challenge"] .our-story-callout--br{
    flex-direction:row;
    text-align:left;
  }

  [data-story-scene="challenge"] .our-story-callout-frame,
  [data-story-scene="challenge"] .our-story-callout--tr .our-story-callout-frame,
  [data-story-scene="challenge"] .our-story-callout--br .our-story-callout-frame{
    --bracket:var(--story-orange);
    --bracket-len:12px;
    --bracket-thick:2px;
    display:flex;
    flex-direction:row;
    align-items:center;
    width:100%;
    min-height:72px;
    gap:12px;
    padding:11px 13px;
    border-radius:4px;
    background:
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      rgba(244,247,249,.26);
    box-sizing:border-box;
    backdrop-filter:blur(2px);
  }

  [data-story-scene="challenge"] .our-story-callout-icon{
    flex:0 0 40px;
    width:40px;
    height:40px;
    padding:6px;
    border:1px solid rgba(11,52,88,.22);
    border-radius:8px;
    background:rgba(255,255,255,.5);
    box-shadow:none;
  }

  [data-story-scene="challenge"] .our-story-callout-copy{
    flex:1 1 auto;
    max-width:none;
    min-width:0;
  }

  [data-story-scene="challenge"] .our-story-callout-copy strong{
    margin-bottom:4px;
    color:var(--story-navy);
    font-family:var(--story-font);
    font-size:clamp(12px, 1vw, 15px);
    font-weight:800;
    line-height:1.18;
  }

  [data-story-scene="challenge"] .our-story-callout-copy small{
    display:block;
    color:#56616d;
    font-family:var(--story-font);
    font-size:clamp(10px, .78vw, 12px);
    font-weight:500;
    line-height:1.35;
  }

  [data-story-scene="challenge"] .our-story-connectors path{
    stroke-dashoffset:0 !important;
  }

  [data-story-scene="challenge"] .our-story-anchor,
  [data-story-scene="challenge"] .our-story-statement{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }

  [data-story-scene="challenge"] .our-story-statement{
    left:3%;
    bottom:5%;
    max-width:250px;
    color:#182f46;
    font-family:var(--story-font);
    font-size:clamp(14px, 1.15vw, 18px);
    font-weight:650;
    line-height:1.38;
  }

  [data-story-scene="challenge"] .our-story-statement-rule{
    width:40px;
    margin-top:12px;
    transform:scaleX(1) !important;
  }
}

@media (max-width:767px){
  [data-story-scene="trusted"] .our-story-callout{
    width:42%;
  }

  [data-story-scene="trusted"] .our-story-callout:nth-child(1){
    top:28%;
    right:auto;
    left:5%;
  }

  [data-story-scene="trusted"] .our-story-callout:nth-child(2){
    top:45%;
    right:auto;
    left:5%;
  }

  [data-story-scene="trusted"] .our-story-callout:nth-child(3){
    top:28%;
    right:5%;
    left:auto;
  }

  [data-story-scene="trusted"] .our-story-callout:nth-child(4){
    right:5%;
    bottom:18%;
    left:auto;
  }

  [data-story-scene="trusted"] .our-story-callout-frame{
    --bracket:var(--story-orange);
    --bracket-len:8px;
    --bracket-thick:1px;
    display:flex;
    align-items:center;
    width:100%;
    min-height:48px;
    gap:6px;
    padding:6px;
    background:
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      rgba(240,242,244,.34);
    box-sizing:border-box;
  }

  [data-story-scene="trusted"] .our-story-callout-icon{
    flex:0 0 28px;
    width:28px;
    height:28px;
    padding:5px;
    border:1px solid rgba(21,48,72,.2);
    border-radius:6px;
    background:rgba(255,255,255,.42);
  }

  [data-story-scene="trusted"] .our-story-callout-copy{
    max-width:none;
    min-width:0;
  }
}

/* Final reference treatment: only 2-in-1 is highlighted. */
.our-story-title .our-story-title-highlight{
  color:var(--story-orange);
}

.our-story-title .our-story-title-plain{
  color:var(--story-navy);
}

/* Challenge / solution / result: keep long product-name titles on one line */
@media (min-width:768px){
  .our-story-pin[data-active-scene="challenge"] .our-story-chrome,
  .our-story-pin[data-active-scene="solution"] .our-story-chrome,
  .our-story-pin[data-active-scene="result"] .our-story-chrome{
    width:min(98vw, 1280px);
  }

  .our-story-pin[data-active-scene="challenge"] .our-story-title,
  .our-story-pin[data-active-scene="solution"] .our-story-title,
  .our-story-pin[data-active-scene="result"] .our-story-title{
    white-space:nowrap;
    font-size:clamp(24px, 2.55vw, 42px);
  }
}

/* Transparent callout copy with orange brackets around the icon only. */
@media (min-width:768px){
  :is(
    [data-story-scene="trusted"],
    [data-story-scene="challenge"]
  ) .our-story-callout-frame,
  :is(
    [data-story-scene="trusted"],
    [data-story-scene="challenge"]
  ) .our-story-callout--tr .our-story-callout-frame,
  :is(
    [data-story-scene="trusted"],
    [data-story-scene="challenge"]
  ) .our-story-callout--br .our-story-callout-frame{
    min-height:72px;
    gap:12px;
    padding:11px 13px;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
    backdrop-filter:none;
  }

  :is(
    [data-story-scene="trusted"],
    [data-story-scene="challenge"]
  ) .our-story-callout-icon{
    --bracket:var(--story-orange);
    --bracket-len:10px;
    --bracket-thick:2px;
    flex:0 0 44px;
    width:44px;
    height:44px;
    padding:7px;
    border:0;
    border-radius:0;
    background:
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-thick) var(--bracket-len) no-repeat;
    box-shadow:none;
  }

  :is(
    [data-story-scene="trusted"],
    [data-story-scene="challenge"]
  ) .our-story-callout-copy{
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
  }
}

@media (max-width:767px){
  :is(
    [data-story-scene="trusted"],
    [data-story-scene="challenge"]
  ) .our-story-callout-frame{
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
    backdrop-filter:none;
  }

  :is(
    [data-story-scene="trusted"],
    [data-story-scene="challenge"]
  ) .our-story-callout-icon{
    --bracket:var(--story-orange);
    --bracket-len:7px;
    --bracket-thick:1px;
    border:0;
    border-radius:0;
    background:
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-thick) var(--bracket-len) no-repeat;
  }

  :is(
    [data-story-scene="trusted"],
    [data-story-scene="challenge"]
  ) .our-story-callout-copy{
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
  }
}

/* Final Trusted reference lockup: one framed unit per pointer. */
@media (min-width:768px){
  .our-story-eyebrow{
    margin-bottom:16px;
  }

  .our-story-title{
    font-size:clamp(36px, 4vw, 58px);
    font-weight:700;
    line-height:1.03;
  }

  .our-story-stage{
    padding-top:clamp(160px, 17.5vh, 176px);
  }

  .our-story-shell{
    width:min(90vw, calc(190dvh - 319px), 1560px);
  }

  [data-story-scene="trusted"] .our-story-callout{
    width:19%;
    max-width:none;
  }

  [data-story-scene="trusted"] .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--tr .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--br .our-story-callout-frame{
    --bracket:var(--story-orange);
    --bracket-len:12px;
    --bracket-thick:2px;
    display:flex;
    flex-direction:row;
    align-items:center;
    width:100%;
    min-height:72px;
    gap:12px;
    padding:11px 13px;
    border:0;
    border-radius:0;
    background:
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-thick) var(--bracket-len) no-repeat;
    box-shadow:none;
    backdrop-filter:none;
    box-sizing:border-box;
  }

  [data-story-scene="trusted"] .our-story-callout-icon{
    flex:0 0 40px;
    width:40px;
    height:40px;
    padding:4px;
    border:0;
    border-radius:0;
    background:none;
  }

  [data-story-scene="trusted"] .our-story-callout-copy{
    flex:1 1 auto;
    min-width:0;
    max-width:none;
    padding:0;
    background:transparent;
  }

  [data-story-scene="trusted"] .our-story-callout-copy strong{
    display:block;
    margin:0 0 4px;
    color:var(--story-navy);
    font-family:var(--story-font);
    font-size:clamp(11px, .9vw, 14px);
    font-weight:700;
    line-height:1.2;
  }

  [data-story-scene="trusted"] .our-story-callout-copy small{
    display:block;
    color:#56616d;
    font-family:var(--story-font);
    font-size:clamp(10px, .76vw, 12px);
    font-weight:500;
    line-height:1.35;
  }

  [data-story-scene="trusted"] .our-story-connectors path{
    stroke-width:1.2;
  }

  [data-story-scene="trusted"] .our-story-anchor{
    width:7px;
    height:7px;
    margin:-3.5px 0 0 -3.5px;
  }
}

@media (max-width:767px){
  [data-story-scene="trusted"] .our-story-callout-frame{
    --bracket:var(--story-orange);
    --bracket-len:8px;
    --bracket-thick:1px;
    width:100%;
    min-height:48px;
    padding:6px;
    background:
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-thick) var(--bracket-len) no-repeat;
  }

  [data-story-scene="trusted"] .our-story-callout-icon{
    border:0;
    background:none;
  }
}

/* Master callout lockup for Challenge, Solution, and Result. */
@media (min-width:768px){
  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout{
    width:19%;
    max-width:none;
    align-items:stretch;
  }

  [data-story-scene="challenge"] .our-story-callout--tl{top:7%;left:8%}
  [data-story-scene="challenge"] .our-story-callout--ml{top:37%;left:8%}
  [data-story-scene="challenge"] .our-story-callout--bl{top:57%;bottom:auto;left:8%}
  [data-story-scene="challenge"] .our-story-callout--tr{top:18%;right:2.5%}
  [data-story-scene="challenge"] .our-story-callout--br{right:8%;bottom:13%}

  [data-story-scene="solution"] .our-story-callout--tl{top:16%;left:5%}
  [data-story-scene="solution"] .our-story-callout--tr{top:16%;right:5%}
  [data-story-scene="solution"] .our-story-callout--br{right:5%;bottom:15%}

  [data-story-scene="result"] .our-story-callout--tl{top:10%;left:10%;right:auto;bottom:auto}
  [data-story-scene="result"] .our-story-callout--ml{top:26%;left:10%;right:auto;bottom:auto}
  [data-story-scene="result"] .our-story-callout--bl{top:42%;left:10%;right:auto;bottom:auto}

  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout,
  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout--tr,
  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout--br{
    flex-direction:row;
    text-align:left;
  }

  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout-frame,
  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout--tr .our-story-callout-frame,
  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout--br .our-story-callout-frame{
    --bracket:var(--story-orange);
    --bracket-len:12px;
    --bracket-thick:2px;
    display:flex;
    flex-direction:row;
    align-items:center;
    width:100%;
    min-height:58px;
    gap:12px;
    padding:6px 12px;
    box-sizing:border-box;
    border:0;
    border-radius:0;
    background:
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-thick) var(--bracket-len) no-repeat;
    box-shadow:none;
    backdrop-filter:none;
    text-align:left;
  }

  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout-icon{
    flex:0 0 40px;
    width:40px;
    height:40px;
    padding:4px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout-copy{
    flex:1 1 auto;
    min-width:0;
    max-width:none;
    padding:0;
    background:transparent;
    text-align:left;
  }

  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout-copy strong{
    display:block;
    margin:0 0 2px;
    color:var(--story-navy);
    font-family:var(--story-font);
    font-size:clamp(11px, .9vw, 14px);
    font-weight:700;
    line-height:1.2;
  }

  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout-copy small{
    display:block;
    margin:0;
    color:#56616d;
    font-family:var(--story-font);
    font-size:clamp(9px, .72vw, 11.5px);
    font-weight:500;
    line-height:1.35;
  }

  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-connectors path{
    stroke-width:1.2;
  }

  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-anchor{
    width:7px;
    height:7px;
    margin:-3.5px 0 0 -3.5px;
  }
}

@media (max-width:767px){
  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout-frame,
  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout--tr .our-story-callout-frame,
  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout--br .our-story-callout-frame{
    --bracket:var(--story-orange);
    --bracket-len:8px;
    --bracket-thick:1px;
    min-height:48px;
    flex-direction:row;
    gap:6px;
    padding:6px;
    border:0;
    border-radius:0;
    background:
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-thick) var(--bracket-len) no-repeat;
    box-shadow:none;
    backdrop-filter:none;
  }

  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout-icon{
    flex:0 0 28px;
    width:28px;
    height:28px;
    padding:2px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout-copy strong{
    color:var(--story-navy);
    font-size:8px;
    font-weight:700;
    line-height:1.2;
  }

  :is(
    [data-story-scene="challenge"],
    [data-story-scene="solution"],
    [data-story-scene="result"]
  ) .our-story-callout-copy small{
    color:#56616d;
    font-size:6.5px;
    font-weight:500;
    line-height:1.3;
  }
}

/* Trusted card: preserve the complete supplied image and its bottom edge. */
@media (min-width:768px){
  .our-story-shell{
    width:min(90vw, calc((100dvh - 205px) * 1.5015), 1536px);
    height:auto;
    aspect-ratio:1024 / 682;
  }

  [data-story-scene="trusted"] .our-story-photo{
    overflow:hidden;
    background:#dbe2e9;
  }

  [data-story-scene="trusted"] .our-story-photo img{
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    object-fit:contain !important;
    object-position:center center;
  }

  [data-story-scene="trusted"] .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--tr .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--br .our-story-callout-frame{
    min-height:66px;
    gap:6px;
    padding:8px 10px;
  }

  [data-story-scene="trusted"] .our-story-callout-copy strong{
    margin-bottom:2px;
    font-weight:700;
  }

  [data-story-scene="trusted"] .our-story-statement{
    font-weight:400;
  }
}

@media (max-width:767px){
  [data-story-scene="trusted"] .our-story-photo img{
    object-fit:contain !important;
    object-position:center center;
  }

  [data-story-scene="trusted"] .our-story-callout-frame{
    gap:4px;
    padding:5px;
  }

  [data-story-scene="trusted"] .our-story-statement{
    font-weight:400;
  }
}

/* Trusted reference proportion: wider card, complete image, compact pointers. */
@media (min-width:768px){
  .our-story-shell{
    width:min(90vw, calc((100dvh - 205px) * 1.84), 1536px);
    height:auto;
    aspect-ratio:1.84 / 1;
  }

  [data-story-scene="trusted"] .our-story-callout{
    width:22%;
  }

  [data-story-scene="trusted"] .our-story-callout--tl{
    top:8%;
    left:11%;
  }

  [data-story-scene="trusted"] .our-story-callout--bl{
    top:52%;
    bottom:auto;
    left:11%;
  }

  [data-story-scene="trusted"] .our-story-callout--tr{
    top:8%;
    right:11%;
  }

  [data-story-scene="trusted"] .our-story-callout--br{
    right:11%;
    bottom:18%;
  }

  [data-story-scene="trusted"] .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--tr .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--br .our-story-callout-frame{
    min-height:62px;
    gap:6px;
    padding:7px 10px;
  }

  [data-story-scene="trusted"] .our-story-callout-icon{
    flex-basis:36px;
    width:36px;
    height:36px;
  }

  [data-story-scene="trusted"] .our-story-callout-copy strong{
    white-space:normal;
  }
}

/* Challenge refinements: compact callouts, regular tagline, short pointers. */
@media (min-width:768px){
  [data-story-scene="challenge"] .our-story-callout{
    width:20%;
  }

  [data-story-scene="challenge"] .our-story-callout--tl,
  [data-story-scene="challenge"] .our-story-callout--ml,
  [data-story-scene="challenge"] .our-story-callout--bl{
    left:12%;
  }

  [data-story-scene="challenge"] .our-story-callout--tr,
  [data-story-scene="challenge"] .our-story-callout--br{
    right:12%;
  }

  [data-story-scene="challenge"] .our-story-callout-frame,
  [data-story-scene="challenge"] .our-story-callout--tr .our-story-callout-frame,
  [data-story-scene="challenge"] .our-story-callout--br .our-story-callout-frame{
    min-height:62px;
    gap:4px;
    padding:7px 9px;
  }

  [data-story-scene="challenge"] .our-story-callout-icon{
    flex-basis:40px;
    width:40px;
    height:40px;
    padding:4px;
  }

  [data-story-scene="challenge"] .our-story-callout-copy strong{
    margin-bottom:2px;
  }

  [data-story-scene="challenge"] .our-story-statement{
    font-size:clamp(14px, 1.15vw, 18px);
    font-weight:400;
    line-height:1.38;
  }
}

@media (max-width:767px){
  [data-story-scene="challenge"] .our-story-callout-frame{
    gap:3px;
    padding:4px;
  }

  [data-story-scene="challenge"] .our-story-statement{
    font-weight:400;
  }
}

/* Non-clipping story card: an in-flow spacer defines the landscape height. */
@media (min-width:768px){
  .our-story-pin{
    background:
      linear-gradient(
        180deg,
        #eef1f5 0%,
        #e6e9ee 72%,
        #fff 72%,
        #fff 100%
      );
  }

  .our-story-shell{
    width:min(90vw, calc((100dvh - 205px) * 1.84), 1536px);
    height:auto !important;
    min-height:0;
    aspect-ratio:auto !important;
    overflow:visible !important;
    border-radius:clamp(18px, 1.5vw, 24px);
  }

  .our-story-shell::before{
    content:"";
    display:block;
    width:100%;
    padding-top:54.3478%;
    pointer-events:none;
  }

  .our-story-scene,
  .our-story-photo{
    overflow:visible !important;
    border-radius:inherit;
  }

  .our-story-photo img{
    border-radius:inherit;
  }

  [data-story-scene="trusted"] .our-story-photo{
    background:#dbe2e9;
  }

  [data-story-scene="trusted"] .our-story-photo img{
    width:100%;
    height:100%;
    object-fit:contain !important;
    object-position:center center;
  }
}

/* Slightly taller auto-height card with a tighter section finish. */
@media (min-width:768px){
  .our-story,
  .our-story-pin{
    overflow:visible !important;
  }

  .our-story-stage{
    padding-bottom:8px;
  }

  .our-story-shell::before{
    padding-top:58.1395%;
  }
}

/* Reference background balance: gray through 90%, then a soft white sliver. */
@media (min-width:768px){
  .our-story,
  .our-story-pin{
    background:
      linear-gradient(
        180deg,
        #eef1f5 0%,
        #e6e9ee 82%,
        #e9ecf0 90%,
        #f4f6f8 96%,
        #fff 100%
      );
  }
}

/* Crisp card boundary shared by every Our Story slide. */
@media (min-width:768px){
  .our-story-shell{
    border:1px solid rgba(164,176,188,.58);
    background:#d9e0e7;
    box-shadow:0 12px 28px rgba(33,53,72,.13);
  }

  .our-story-photo,
  .our-story-photo img{
    filter:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
}

/* Two flat section colors: 90% gray, 10% white, with a hard split. */
@media (min-width:768px){
  .our-story,
  .our-story-pin{
    background:#e9edf1;
  }

  .our-story-pin{
    isolation:isolate;
  }

  .our-story-pin::after{
    content:"";
    position:absolute;
    z-index:0;
    right:0;
    bottom:0;
    left:0;
    height:10%;
    background:#fff;
    pointer-events:none;
  }

  .our-story-stage{
    z-index:1;
  }
}

/* Challenge: four-callout compact balance after removing measurement range. */
@media (min-width:768px){
  [data-story-scene="challenge"] .our-story-callout--tl{
    top:16%;
  }

  [data-story-scene="challenge"] .our-story-callout--bl{
    top:48%;
    bottom:auto;
  }
}

@media (max-width:767px){
  [data-story-scene="challenge"] .our-story-callout--tl{
    top:28%;
    right:4%;
    bottom:auto;
    left:auto;
  }

  [data-story-scene="challenge"] .our-story-callout--bl{
    top:48%;
    right:auto;
    bottom:auto;
    left:5%;
  }

  [data-story-scene="challenge"] .our-story-callout--tr{
    top:11%;
    right:10%;
    bottom:auto;
    left:auto;
  }

  [data-story-scene="challenge"] .our-story-callout--br{
    top:auto;
    right:10%;
    bottom:14%;
    left:auto;
  }

  [data-story-scene="challenge"] .our-story-callout-frame{
    gap:2px;
    padding:3px 4px;
  }

  [data-story-scene="challenge"] .our-story-callout-copy strong{
    margin-bottom:1px;
  }
}

/* Shared title-only callouts: compact icon + bold label (Trusted & Challenge keep descriptions). */
.our-story-callout-copy small,
.our-story-callout-desc{
  display:none !important;
}

[data-story-scene="trusted"] .our-story-callout-copy small,
[data-story-scene="trusted"] .our-story-callout-desc,
[data-story-scene="challenge"] .our-story-callout-copy small,
[data-story-scene="challenge"] .our-story-callout-desc,
[data-story-scene="solution"] .our-story-callout-copy small,
[data-story-scene="solution"] .our-story-callout-desc,
[data-story-scene="result"] .our-story-callout-copy small,
[data-story-scene="result"] .our-story-callout-desc{
  display:block !important;
}

@media (min-width:768px){
  [data-story-scene] .our-story-callout-frame,
  [data-story-scene] .our-story-callout--tr .our-story-callout-frame,
  [data-story-scene] .our-story-callout--br .our-story-callout-frame{
    min-height:44px;
    gap:6px;
    padding:4px 6px;
  }

  [data-story-scene] .our-story-callout-icon{
    flex:0 0 30px;
    width:30px;
    height:30px;
    padding:4px;
  }

  [data-story-scene] .our-story-callout-copy{
    display:flex;
    align-items:center;
    min-height:30px;
  }

  [data-story-scene] .our-story-callout-copy strong,
  [data-story-scene] .our-story-callout-title{
    margin:0;
    font-size:clamp(10px, .82vw, 13px);
    font-weight:700;
    line-height:1.15;
  }
}

@media (max-width:767px){
  [data-story-scene] .our-story-callout-frame,
  [data-story-scene] .our-story-callout--tr .our-story-callout-frame,
  [data-story-scene] .our-story-callout--br .our-story-callout-frame{
    min-height:36px;
    gap:4px;
    padding:3px 4px;
  }

  [data-story-scene] .our-story-callout-icon{
    flex:0 0 24px;
    width:24px;
    height:24px;
    padding:3px;
  }

  [data-story-scene] .our-story-callout-copy{
    display:flex;
    align-items:center;
    min-height:24px;
  }

  [data-story-scene] .our-story-callout-copy strong,
  [data-story-scene] .our-story-callout-title{
    margin:0;
    line-height:1.12;
  }
}

/* Result: two left callouts; bottom-left statement in white. */
@media (min-width:768px){
  [data-story-scene="result"] .our-story-callout--tl{
    top:10%;
    left:10%;
    right:auto;
    bottom:auto;
  }

  [data-story-scene="result"] .our-story-callout--bl{
    top:36%;
    left:10%;
    right:auto;
    bottom:auto;
  }

  [data-story-scene="result"] .our-story-callout--tr,
  [data-story-scene="result"] .our-story-callout--br{
    flex-direction:row;
    text-align:left;
  }

  [data-story-scene="result"] .our-story-callout-copy strong{
    color:var(--story-navy);
  }

  [data-story-scene="result"] .our-story-statement{
    color:#fff;
  }
}

@media (max-width:767px){
  [data-story-scene="result"] .our-story-callout:nth-child(1),
  [data-story-scene="result"] .our-story-callout:nth-child(2){
    right:auto;
    left:5%;
  }

  [data-story-scene="result"] .our-story-callout:nth-child(1){
    top:22%;
    bottom:auto;
  }

  [data-story-scene="result"] .our-story-callout:nth-child(2){
    top:40%;
    bottom:auto;
  }

  [data-story-scene="result"] .our-story-statement{
    color:#fff;
  }
}

/* Trusted card: reference-style icon, title, and description without moving pointers. */
@media (min-width:768px){
  [data-story-scene="trusted"] .our-story-callout{
    width:min(26%, 290px);
  }

  [data-story-scene="trusted"] .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--tr .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--br .our-story-callout-frame{
    width:100%;
    max-width:100%;
    min-height:72px;
    gap:10px;
    padding:10px 12px;
    align-items:center;
  }

  [data-story-scene="trusted"] .our-story-callout--tl .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--bl .our-story-callout-frame{
    margin-left:auto;
  }

  [data-story-scene="trusted"] .our-story-callout--tr .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--br .our-story-callout-frame{
    margin-right:auto;
  }

  [data-story-scene="trusted"] .our-story-callout-icon{
    flex:0 0 40px;
    width:40px;
    height:40px;
    padding:4px;
  }

  [data-story-scene="trusted"] .our-story-callout-copy{
    display:block;
    flex:1 1 auto;
    min-width:0;
    min-height:0;
    align-items:flex-start;
  }

  [data-story-scene="trusted"] .our-story-callout-copy strong{
    display:block;
    margin:0 0 4px;
    white-space:normal;
    color:var(--story-navy);
    font-size:clamp(11px, .9vw, 14px);
    font-weight:700;
    line-height:1.2;
  }

  [data-story-scene="trusted"] .our-story-callout-copy small{
    display:block !important;
    max-width:100%;
    margin-top:0;
    color:#56616d;
    font-size:clamp(10px, .78vw, 12px);
    font-weight:500;
    line-height:1.35;
    white-space:normal;
  }
}

@media (max-width:767px){
  [data-story-scene="trusted"] .our-story-callout-frame{
    width:100%;
    max-width:100%;
    min-height:48px;
    gap:6px;
    padding:6px 8px;
  }

  [data-story-scene="trusted"] .our-story-callout-copy{
    display:block;
    flex:1 1 auto;
    min-height:0;
  }

  [data-story-scene="trusted"] .our-story-callout-icon{
    flex:0 0 34px;
    width:34px;
    height:34px;
    padding:3px;
  }

  [data-story-scene="trusted"] .our-story-callout-copy strong{
    display:block;
    margin:0 0 2px;
    white-space:normal;
  }

  [data-story-scene="trusted"] .our-story-callout-copy small{
    display:block !important;
    margin-top:0;
    color:#56616d;
    font-size:clamp(8px, 2.2vw, 10px);
    font-weight:500;
    line-height:1.3;
    white-space:normal;
  }
}

/* Legacy Challenge scene (data-scene): match Trusted icon size + water electrode asset */
.our-story-scene--challenge .our-story-callout-icon{
  flex:0 0 40px;
  width:40px;
  height:40px;
}
.our-story-scene--challenge .our-story-callout-icon img{
  width:40px;
  height:40px;
  object-fit:contain;
}
@media (min-width:768px){
  [data-story-scene="challenge"] .our-story-callout{
    width:min(28%, 300px);
  }

  [data-story-scene="challenge"] .our-story-callout-frame,
  [data-story-scene="challenge"] .our-story-callout--tr .our-story-callout-frame,
  [data-story-scene="challenge"] .our-story-callout--br .our-story-callout-frame{
    min-height:88px;
    gap:12px;
    padding:10px 12px;
    align-items:center;
  }

  [data-story-scene="challenge"] .our-story-callout-icon{
    --bracket:var(--story-orange);
    --bracket-len:12px;
    --bracket-thick:2px;
    flex:0 0 40px;
    width:40px;
    height:40px;
    padding:4px;
    border:0;
    border-radius:0;
    background:
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-thick) var(--bracket-len) no-repeat;
    box-shadow:none;
  }

  [data-story-scene="challenge"] .our-story-callout-icon img{
    width:100%;
    height:100%;
    object-fit:contain;
  }

  [data-story-scene="challenge"] .our-story-callout--tr .our-story-callout-icon,
  [data-story-scene="challenge"] .our-story-callout--br .our-story-callout-icon{
    flex:0 0 40px;
    width:40px;
    height:40px;
    padding:4px;
  }

  [data-story-scene="challenge"] .our-story-callout-copy{
    display:block;
    flex:1 1 auto;
    min-width:0;
    min-height:0;
    align-items:flex-start;
  }

  [data-story-scene="challenge"] .our-story-callout-copy strong{
    display:block;
    margin:0 0 4px;
    white-space:normal;
    color:var(--story-navy);
    font-size:clamp(12px, .95vw, 15px);
    font-weight:800;
    line-height:1.18;
  }

  [data-story-scene="challenge"] .our-story-callout-copy small{
    display:block !important;
    max-width:100%;
    margin-top:0;
    color:#56616d;
    font-size:clamp(10px, .78vw, 12px);
    font-weight:500;
    line-height:1.35;
    white-space:normal;
  }
}

@media (max-width:767px){
  [data-story-scene="challenge"] .our-story-callout-frame{
    min-height:52px;
    gap:8px;
    padding:6px 8px;
  }

  [data-story-scene="challenge"] .our-story-callout-icon{
    --bracket:var(--story-orange);
    --bracket-len:10px;
    --bracket-thick:2px;
    flex:0 0 50px;
    width:50px;
    height:50px;
    padding:5px;
    border:0;
    background:
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-thick) var(--bracket-len) no-repeat;
  }

  [data-story-scene="challenge"] .our-story-callout-icon img{
    width:100%;
    height:100%;
    object-fit:contain;
  }

  [data-story-scene="challenge"] .our-story-callout-copy{
    display:block;
    min-height:0;
  }

  [data-story-scene="challenge"] .our-story-callout-copy strong{
    display:block;
    margin:0 0 2px;
    white-space:normal;
  }

  [data-story-scene="challenge"] .our-story-callout-copy small{
    display:none !important;
  }
}

/* Solution + Result callout descriptions (pointers unchanged). */
@media (min-width:768px){
  [data-story-scene="solution"] .our-story-callout{
    width:min(24%, 260px);
  }

  [data-story-scene="result"] .our-story-callout{
    width:min(28%, 300px);
  }

  [data-story-scene="solution"] .our-story-callout--tl{
    top:16%;
    left:5%;
    right:auto;
  }

  [data-story-scene="solution"] .our-story-callout--tr{
    top:16%;
    right:5%;
    left:auto;
  }

  [data-story-scene="solution"] .our-story-callout--br{
    right:5%;
    bottom:15%;
    left:auto;
  }

  /* Solution pointers: pin orange tips onto the pH meter (desktop only) */
  [data-story-scene="solution"] .our-story-anchor[data-i="0"]{
    left:54.6% !important;
    top:33% !important;
  }
  [data-story-scene="solution"] .our-story-anchor[data-i="1"]{
    left:57.4% !important;
    top:40% !important;
  }
  [data-story-scene="solution"] .our-story-anchor[data-i="2"]{
    left:55.8% !important;
    top:57% !important;
  }

  [data-story-scene="solution"] .our-story-callout-frame,
  [data-story-scene="solution"] .our-story-callout--tr .our-story-callout-frame,
  [data-story-scene="solution"] .our-story-callout--br .our-story-callout-frame,
  [data-story-scene="result"] .our-story-callout-frame,
  [data-story-scene="result"] .our-story-callout--tl .our-story-callout-frame,
  [data-story-scene="result"] .our-story-callout--bl .our-story-callout-frame{
    min-height:78px;
    gap:10px;
    padding:10px 12px;
    align-items:center;
  }

  [data-story-scene="solution"] .our-story-callout-copy,
  [data-story-scene="result"] .our-story-callout-copy{
    display:block;
    flex:1 1 auto;
    min-width:0;
    min-height:0;
    align-items:flex-start;
  }

  [data-story-scene="solution"] .our-story-callout-copy strong,
  [data-story-scene="result"] .our-story-callout-copy strong{
    display:block;
    margin:0 0 4px;
    white-space:normal;
    color:var(--story-navy);
    font-size:clamp(12px, .95vw, 15px);
    font-weight:800;
    line-height:1.18;
  }

  [data-story-scene="solution"] .our-story-callout-copy small,
  [data-story-scene="result"] .our-story-callout-copy small{
    display:block !important;
    max-width:100%;
    margin-top:0;
    color:#56616d;
    font-size:clamp(10px, .78vw, 12px);
    font-weight:500;
    line-height:1.35;
    white-space:normal;
  }
}

@media (max-width:767px){
  [data-story-scene="solution"] .our-story-callout-copy,
  [data-story-scene="result"] .our-story-callout-copy{
    display:flex;
    align-items:center;
    min-height:0;
  }

  [data-story-scene="solution"] .our-story-callout-copy strong,
  [data-story-scene="result"] .our-story-callout-copy strong{
    display:block;
    margin:0;
    white-space:normal;
  }

  /* Mobile: title-only callouts (desktop keeps descriptions) */
  [data-story-scene="solution"] .our-story-callout-copy small,
  [data-story-scene="result"] .our-story-callout-copy small{
    display:none !important;
  }
}

/* All cards: callout headings match reference ? bold near-black. */
[data-story-scene] .our-story-callout-copy strong,
[data-story-scene] .our-story-callout-title{
  color:#111111 !important;
  font-weight:800 !important;
}

[data-story-scene] .our-story-callout-copy small{
  color:#333333;
  font-weight:500;
}

@media (min-width:768px){
  [data-story-scene] .our-story-callout-copy strong,
  [data-story-scene] .our-story-callout-title{
    font-size:clamp(11px, .9vw, 14px) !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    white-space:normal !important;
  }
}

/*
 * Enlarge feature icons inside existing corner-bracket boxes.
 * Box width/height stay as-is ? only padding shrinks so the img fills more.
 * Keep ~2px padding so orange corner brackets stay visible around the icon.
 */
[data-story-scene] .our-story-callout-icon{
  padding:2px !important;
  box-sizing:border-box;
}
[data-story-scene] .our-story-callout-icon img{
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center;
}

/* Challenge / Trusted / Solution / Result overrides that forced smaller inset icons */
[data-story-scene="challenge"] .our-story-callout-icon,
[data-story-scene="trusted"] .our-story-callout-icon,
[data-story-scene="solution"] .our-story-callout-icon,
[data-story-scene="result"] .our-story-callout-icon,
.our-story-scene--challenge .our-story-callout-icon{
  padding:2px !important;
}
[data-story-scene="challenge"] .our-story-callout-icon img,
[data-story-scene="trusted"] .our-story-callout-icon img,
[data-story-scene="solution"] .our-story-callout-icon img,
[data-story-scene="result"] .our-story-callout-icon img,
.our-story-scene--challenge .our-story-callout-icon img{
  width:100% !important;
  height:100% !important;
  object-fit:contain;
}

/*
 * Challenge card: larger icons; ONE orange bracket around icon + text.
 * Icon itself has no corner brackets.
 */
[data-story-scene="challenge"] .our-story-callout-frame,
[data-story-scene="challenge"] .our-story-callout--tl .our-story-callout-frame,
[data-story-scene="challenge"] .our-story-callout--tr .our-story-callout-frame,
[data-story-scene="challenge"] .our-story-callout--bl .our-story-callout-frame,
[data-story-scene="challenge"] .our-story-callout--br .our-story-callout-frame,
[data-story-scene="challenge"] .our-story-callout--ml .our-story-callout-frame{
  --bracket:var(--story-orange);
  --bracket-len:14px;
  --bracket-thick:2.5px;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px 12px !important;
  border:0 !important;
  border-radius:0 !important;
  background:
    linear-gradient(var(--bracket), var(--bracket)) left top / var(--bracket-len) var(--bracket-thick) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) left top / var(--bracket-thick) var(--bracket-len) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) right top / var(--bracket-len) var(--bracket-thick) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) right top / var(--bracket-thick) var(--bracket-len) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) left bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) left bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) right bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) right bottom / var(--bracket-thick) var(--bracket-len) no-repeat !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

[data-story-scene="challenge"] .our-story-callout-icon,
[data-story-scene="challenge"] .our-story-callout--tl .our-story-callout-icon,
[data-story-scene="challenge"] .our-story-callout--tr .our-story-callout-icon,
[data-story-scene="challenge"] .our-story-callout--bl .our-story-callout-icon,
[data-story-scene="challenge"] .our-story-callout--br .our-story-callout-icon,
[data-story-scene="challenge"] .our-story-callout--ml .our-story-callout-icon,
.our-story-scene--challenge .our-story-callout-icon{
  flex:0 0 80px !important;
  width:80px !important;
  height:80px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

[data-story-scene="challenge"] .our-story-callout-copy{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

[data-story-scene="solution"] .our-story-callout-icon,
[data-story-scene="result"] .our-story-callout-icon{
  flex:0 0 64px !important;
  width:64px !important;
  height:64px !important;
  padding:2px !important;
  --bracket-len:14px;
  --bracket-thick:2.5px;
}
[data-story-scene="challenge"] .our-story-callout-icon img,
[data-story-scene="solution"] .our-story-callout-icon img,
[data-story-scene="result"] .our-story-callout-icon img,
.our-story-scene--challenge .our-story-callout-icon img{
  width:100% !important;
  height:100% !important;
  object-fit:contain;
  object-position:center;
}
[data-story-scene="challenge"] .our-story-callout-icon img,
.our-story-scene--challenge .our-story-callout-icon img{
  transform:scale(1.28);
  transform-origin:center center;
}
[data-story-scene="solution"] .our-story-callout-frame,
[data-story-scene="result"] .our-story-callout-frame{
  gap:14px;
  align-items:center;
}

@media (max-width:767px){
  [data-story-scene="challenge"] .our-story-callout-frame,
  [data-story-scene="challenge"] .our-story-callout--tl .our-story-callout-frame,
  [data-story-scene="challenge"] .our-story-callout--tr .our-story-callout-frame,
  [data-story-scene="challenge"] .our-story-callout--bl .our-story-callout-frame,
  [data-story-scene="challenge"] .our-story-callout--br .our-story-callout-frame,
  [data-story-scene="challenge"] .our-story-callout--ml .our-story-callout-frame{
    gap:8px !important;
    padding:8px 10px !important;
    --bracket-len:12px;
    --bracket-thick:2px;
  }
  [data-story-scene="challenge"] .our-story-callout-icon,
  [data-story-scene="challenge"] .our-story-callout--tl .our-story-callout-icon,
  [data-story-scene="challenge"] .our-story-callout--tr .our-story-callout-icon,
  [data-story-scene="challenge"] .our-story-callout--bl .our-story-callout-icon,
  [data-story-scene="challenge"] .our-story-callout--br .our-story-callout-icon,
  [data-story-scene="challenge"] .our-story-callout--ml .our-story-callout-icon,
  .our-story-scene--challenge .our-story-callout-icon{
    flex:0 0 64px !important;
    width:64px !important;
    height:64px !important;
    padding:0 !important;
    background:transparent !important;
  }
  [data-story-scene="solution"] .our-story-callout-icon,
  [data-story-scene="result"] .our-story-callout-icon{
    flex:0 0 52px !important;
    width:52px !important;
    height:52px !important;
    padding:2px !important;
    --bracket-len:11px;
  }
  [data-story-scene="challenge"] .our-story-callout-icon img,
  .our-story-scene--challenge .our-story-callout-icon img{
    transform:scale(1.2);
  }
}

/* Trusted card: orange brackets around icon + text (full frame), not icon alone */
[data-story-scene="trusted"] .our-story-callout-frame,
[data-story-scene="trusted"] .our-story-callout--tl .our-story-callout-frame,
[data-story-scene="trusted"] .our-story-callout--tr .our-story-callout-frame,
[data-story-scene="trusted"] .our-story-callout--bl .our-story-callout-frame,
[data-story-scene="trusted"] .our-story-callout--br .our-story-callout-frame{
  --bracket:var(--story-orange);
  --bracket-len:14px;
  --bracket-thick:2.5px;
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border:0 !important;
  border-radius:0 !important;
  background:
    linear-gradient(var(--bracket), var(--bracket)) left top / var(--bracket-len) var(--bracket-thick) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) left top / var(--bracket-thick) var(--bracket-len) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) right top / var(--bracket-len) var(--bracket-thick) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) right top / var(--bracket-thick) var(--bracket-len) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) left bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) left bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) right bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
    linear-gradient(var(--bracket), var(--bracket)) right bottom / var(--bracket-thick) var(--bracket-len) no-repeat !important;
  box-shadow:none !important;
  backdrop-filter:none;
}

[data-story-scene="trusted"] .our-story-callout-icon,
[data-story-scene="trusted"] .our-story-callout--tl .our-story-callout-icon,
[data-story-scene="trusted"] .our-story-callout--tr .our-story-callout-icon,
[data-story-scene="trusted"] .our-story-callout--bl .our-story-callout-icon,
[data-story-scene="trusted"] .our-story-callout--br .our-story-callout-icon{
  flex:0 0 64px !important;
  width:64px !important;
  height:64px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

[data-story-scene="trusted"] .our-story-callout-icon img{
  width:100% !important;
  height:100% !important;
  object-fit:contain;
  object-position:center;
  transform:scale(1.12);
  transform-origin:center center;
}

[data-story-scene="trusted"] .our-story-callout-copy{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

@media (max-width:767px){
  [data-story-scene="trusted"] .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--tl .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--tr .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--bl .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--br .our-story-callout-frame{
    gap:8px;
    padding:8px 10px;
    --bracket-len:12px;
    --bracket-thick:2px;
  }
  [data-story-scene="trusted"] .our-story-callout-icon,
  [data-story-scene="trusted"] .our-story-callout--tl .our-story-callout-icon,
  [data-story-scene="trusted"] .our-story-callout--tr .our-story-callout-icon,
  [data-story-scene="trusted"] .our-story-callout--bl .our-story-callout-icon,
  [data-story-scene="trusted"] .our-story-callout--br .our-story-callout-icon{
    flex:0 0 52px !important;
    width:52px !important;
    height:52px !important;
  }
  [data-story-scene="trusted"] .our-story-callout-icon img{
    transform:none;
  }
}

/* ?? Uniform Our Story polish (Solution match Trust + shared icon size) ?? */

/* Solution statement = Trust statement typography + orange rule */
[data-story-scene="solution"] .our-story-statement,
[data-story-scene="trusted"] .our-story-statement,
[data-story-scene="challenge"] .our-story-statement{
  font-family:var(--story-font) !important;
  font-size:clamp(14px, 1.15vw, 18px) !important;
  font-weight:400 !important;
  line-height:1.38 !important;
  color:#182f46 !important;
  letter-spacing:0 !important;
}
[data-story-scene="result"] .our-story-statement{
  font-family:var(--story-font) !important;
  font-size:clamp(14px, 1.15vw, 18px) !important;
  font-weight:400 !important;
  line-height:1.38 !important;
  letter-spacing:0 !important;
}
[data-story-scene="solution"] .our-story-statement{
  left:5%;
  bottom:6%;
  max-width:240px;
}
[data-story-scene="solution"] .our-story-statement-rule,
[data-story-scene="trusted"] .our-story-statement-rule,
[data-story-scene="challenge"] .our-story-statement-rule,
[data-story-scene="result"] .our-story-statement-rule{
  display:block !important;
  width:36px !important;
  height:3px !important;
  margin-top:10px !important;
  border-radius:4px;
  background:var(--story-orange) !important;
  opacity:1 !important;
  transform:none !important;
}

/* One icon size everywhere: 64px desktop / 52px mobile */
[data-story-scene] .our-story-callout-icon,
[data-story-scene="trusted"] .our-story-callout-icon,
[data-story-scene="challenge"] .our-story-callout-icon,
[data-story-scene="solution"] .our-story-callout-icon,
[data-story-scene="result"] .our-story-callout-icon,
[data-story-scene="challenge"] .our-story-callout--tl .our-story-callout-icon,
[data-story-scene="challenge"] .our-story-callout--tr .our-story-callout-icon,
[data-story-scene="challenge"] .our-story-callout--bl .our-story-callout-icon,
[data-story-scene="challenge"] .our-story-callout--br .our-story-callout-icon,
[data-story-scene="challenge"] .our-story-callout--ml .our-story-callout-icon,
[data-story-scene="trusted"] .our-story-callout--tl .our-story-callout-icon,
[data-story-scene="trusted"] .our-story-callout--tr .our-story-callout-icon,
[data-story-scene="trusted"] .our-story-callout--bl .our-story-callout-icon,
[data-story-scene="trusted"] .our-story-callout--br .our-story-callout-icon,
.our-story-scene--challenge .our-story-callout-icon{
  flex:0 0 64px !important;
  width:64px !important;
  height:64px !important;
  padding:0 !important;
}
[data-story-scene] .our-story-callout-icon img,
[data-story-scene="challenge"] .our-story-callout-icon img,
[data-story-scene="trusted"] .our-story-callout-icon img,
[data-story-scene="solution"] .our-story-callout-icon img,
[data-story-scene="result"] .our-story-callout-icon img,
.our-story-scene--challenge .our-story-callout-icon img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
}

@media (max-width:767px){
  [data-story-scene] .our-story-callout-icon,
  [data-story-scene="trusted"] .our-story-callout-icon,
  [data-story-scene="challenge"] .our-story-callout-icon,
  [data-story-scene="solution"] .our-story-callout-icon,
  [data-story-scene="result"] .our-story-callout-icon,
  [data-story-scene="challenge"] .our-story-callout--tl .our-story-callout-icon,
  [data-story-scene="challenge"] .our-story-callout--tr .our-story-callout-icon,
  [data-story-scene="challenge"] .our-story-callout--bl .our-story-callout-icon,
  [data-story-scene="challenge"] .our-story-callout--br .our-story-callout-icon,
  [data-story-scene="challenge"] .our-story-callout--ml .our-story-callout-icon,
  .our-story-scene--challenge .our-story-callout-icon{
    flex:0 0 52px !important;
    width:52px !important;
    height:52px !important;
  }
  [data-story-scene] .our-story-statement,
  [data-story-scene="solution"] .our-story-statement,
  [data-story-scene="trusted"] .our-story-statement{
    font-size:clamp(13px, 3.4vw, 16px) !important;
    font-weight:400 !important;
    line-height:1.38 !important;
  }
}

/* Challenge: Long Battery tip on meter; Temperature/Hold keep left-side tips */
@media (min-width:768px){
  [data-story-scene="challenge"] .our-story-callout--tr{
    top:16% !important;
    right:2% !important;
    left:auto !important;
  }

  [data-story-scene="challenge"] .our-story-anchor[data-i="0"]{
    left:55.6% !important;
  }
  [data-story-scene="challenge"] .our-story-anchor[data-i="1"]{
    left:55.2% !important;
  }
  [data-story-scene="challenge"] .our-story-anchor[data-i="2"]{
    left:57.2% !important;
  }
}

/* =========================================================
   MOBILE ONLY — match desktop heading + page/card colors
   Desktop (>=768px) unchanged.
   ========================================================= */
@media (max-width:767px){
  .page-our-story .our-story,
  .our-story{
    background:var(--story-page) !important;
  }

  .our-story-pin{
    min-height:100vh !important;
    min-height:100dvh !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, #eef1f5 0%, #e6e9ee 72%, #fff 100%) !important;
  }

  .our-story-chrome{
    z-index:30 !important;
    top:max(14px, env(safe-area-inset-top, 0px) + 8px) !important;
    left:50% !important;
    right:auto !important;
    width:min(92vw, 920px) !important;
    height:auto !important;
    padding:0 12px !important;
    transform:translateX(-50%) !important;
    text-align:center !important;
    border:0 !important;
    background:transparent !important;
    color:inherit !important;
  }

  .our-story-eyebrow{
    display:block !important;
    margin:0 0 6px !important;
    color:var(--story-teal) !important;
    font-size:clamp(9px, 2.4vw, 11px) !important;
    font-weight:800 !important;
    letter-spacing:.18em !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
  }

  .our-story-eyebrow::after{
    content:none !important;
  }

  .our-story-title{
    display:block !important;
    margin:0 !important;
    overflow:visible !important;
    color:var(--story-navy) !important;
    font-family:var(--story-font) !important;
    font-size:clamp(20px, 5.4vw, 28px) !important;
    font-weight:700 !important;
    line-height:1.08 !important;
    letter-spacing:-.03em !important;
    white-space:normal !important;
    text-overflow:unset !important;
  }

  .our-story-title span,
  .our-story-title .our-story-title-highlight{
    color:var(--story-orange) !important;
  }

  .our-story-title .our-story-title-plain{
    color:var(--story-navy) !important;
  }

  .our-story-stage{
    inset:0 !important;
    display:block !important;
    padding:92px 14px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing:border-box !important;
  }

  .our-story-shell{
    width:100% !important;
    height:calc(100dvh - 118px) !important;
    max-height:none !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    margin:0 auto !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.7) !important;
    border-radius:22px !important;
    /* Same card fill as desktop shell */
    background:radial-gradient(ellipse at 50% 46%, #f4f6f8 0%, #dde3ea 58%, #cfd6df 100%) !important;
    box-shadow:none !important;
  }

  .our-story-scene{
    display:block !important;
    padding:0 !important;
    overflow:hidden !important;
    background:
      radial-gradient(ellipse at 50% 46%, rgba(244,246,248,.92) 0%, rgba(221,227,234,.88) 58%, rgba(207,214,223,.9) 100%) !important;
  }

  .our-story-photo{
    position:absolute !important;
    z-index:2 !important;
    top:18% !important;
    right:-2% !important;
    bottom:4% !important;
    left:28% !important;
    width:auto !important;
    margin:0 !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    pointer-events:none !important;
  }

  .our-story-photo img{
    width:100% !important;
    height:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    mix-blend-mode:normal !important;
  }

  [data-story-scene="trusted"] .our-story-photo{
    top:12% !important;
    left:34% !important;
    right:2% !important;
    bottom:8% !important;
  }

  [data-story-scene="solution"] .our-story-photo{
    top:22% !important;
    left:22% !important;
    right:-4% !important;
    bottom:2% !important;
  }

  [data-story-scene="challenge"] .our-story-photo{
    top:16% !important;
    left:26% !important;
    right:-6% !important;
    bottom:0 !important;
  }

  [data-story-scene="result"] .our-story-photo{
    top:14% !important;
    left:30% !important;
    right:0 !important;
    bottom:6% !important;
  }

  .our-story-connectors,
  .our-story-statement,
  .our-story-anchor{
    display:none !important;
  }

  .our-story-mobile-copy{
    position:absolute !important;
    z-index:3 !important;
    inset:0 !important;
    display:block !important;
    color:#1c2a38 !important;
    pointer-events:none !important;
  }

  .our-story-mobile-copy::before{
    display:block !important;
    position:absolute !important;
    z-index:0 !important;
    top:10% !important;
    left:4% !important;
    right:4% !important;
    margin:0 !important;
    color:rgba(40,44,50,.14) !important;
    font-size:clamp(64px,22vw,108px) !important;
    font-weight:900 !important;
    line-height:.78 !important;
    letter-spacing:-.08em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    pointer-events:none !important;
    content:attr(data-watermark) !important;
  }

  .our-story-mobile-kicker{
    position:absolute !important;
    z-index:4 !important;
    top:14px !important;
    left:14px !important;
    right:auto !important;
    width:auto !important;
    max-width:48% !important;
    color:#ff6517 !important;
    font-size:8px !important;
    font-weight:850 !important;
    line-height:1.2 !important;
    letter-spacing:.12em !important;
    text-align:left !important;
    text-transform:uppercase !important;
  }

  .our-story-mobile-kicker::before{
    content:none !important;
  }

  .our-story-mobile-copy p{
    position:absolute !important;
    z-index:4 !important;
    top:28% !important;
    left:14px !important;
    width:42% !important;
    margin:0 !important;
    color:#243140 !important;
    font-size:clamp(11px,3.1vw,14px) !important;
    font-weight:700 !important;
    line-height:1.28 !important;
  }

  .our-story-mobile-copy ul{
    position:absolute !important;
    z-index:4 !important;
    top:48% !important;
    left:14px !important;
    width:40% !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  .our-story-mobile-copy li{
    padding:0 !important;
    border:0 !important;
    color:#3a4552 !important;
    font-size:clamp(9px,2.5vw,11px) !important;
    font-weight:800 !important;
    line-height:1.7 !important;
    letter-spacing:.07em !important;
    text-transform:uppercase !important;
  }

  .our-story-callouts{
    z-index:6 !important;
    display:block !important;
  }

  .our-story-callout{
    width:min(44%,168px) !important;
    gap:6px !important;
  }

  .our-story-callout,
  .our-story-callout--tr,
  .our-story-callout--br,
  .our-story-callout--tl,
  .our-story-callout--bl{
    flex-direction:row !important;
    align-items:flex-start !important;
    text-align:left !important;
  }

  .our-story-callout-frame{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    width:100% !important;
    min-height:0 !important;
    padding:4px 2px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .our-story-callout-icon{
    --bracket:#ff6517;
    --bracket-len:7px;
    --bracket-thick:1.5px;
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;
    padding:3px !important;
    border:0 !important;
    border-radius:0 !important;
    background:
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-thick) var(--bracket-len) no-repeat !important;
    box-shadow:none !important;
  }

  .our-story-callout-icon img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    transform:none !important;
  }

  .our-story-callout-copy{
    max-width:108px !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .our-story-callout-copy strong{
    margin:0 0 2px !important;
    color:#1f2a36 !important;
    font-size:clamp(7px,1.9vw,9px) !important;
    font-weight:850 !important;
    line-height:1.15 !important;
  }

  .our-story-callout-copy small{
    display:none !important;
  }

  .our-story-mobile-stem{
    position:absolute !important;
    top:50% !important;
    right:calc(100% + 2px) !important;
    left:auto !important;
    display:block !important;
    width:clamp(14px,5vw,28px) !important;
    height:1px !important;
    background:#6a7380 !important;
    transform-origin:right center !important;
  }

  /* Default: HUD callouts on the right so left copy stays clear of the meter */
  .our-story-callout:nth-child(1){
    top:24% !important;
    right:4% !important;
    left:auto !important;
    bottom:auto !important;
  }
  .our-story-callout:nth-child(2){
    top:40% !important;
    right:3% !important;
    left:auto !important;
    bottom:auto !important;
  }
  .our-story-callout:nth-child(3){
    top:56% !important;
    right:4% !important;
    left:auto !important;
    bottom:auto !important;
  }
  .our-story-callout:nth-child(4){
    top:auto !important;
    right:4% !important;
    left:auto !important;
    bottom:10% !important;
  }

  [data-story-scene="result"] .our-story-callout:nth-child(1),
  [data-story-scene="result"] .our-story-callout:nth-child(2){
    right:auto !important;
    left:4% !important;
  }
  [data-story-scene="result"] .our-story-callout:nth-child(1){ top:22% !important; }
  [data-story-scene="result"] .our-story-callout:nth-child(2){ top:38% !important; }
  [data-story-scene="result"] .our-story-callout:nth-child(1) .our-story-mobile-stem,
  [data-story-scene="result"] .our-story-callout:nth-child(2) .our-story-mobile-stem{
    right:auto !important;
    left:calc(100% + 2px) !important;
    transform-origin:left center !important;
  }

  .our-story-progress{
    top:50% !important;
    right:6px !important;
    bottom:auto !important;
    left:auto !important;
    z-index:40 !important;
    flex-direction:column !important;
    gap:10px !important;
    transform:translateY(-50%) !important;
  }

  .our-story-progress::before{
    content:none !important;
  }

  .our-story-progress-mark{
    width:5px !important;
    height:5px !important;
    border:0 !important;
    border-radius:1px !important;
    background:rgba(255,255,255,.45) !important;
  }

  .our-story-progress-mark.is-active{
    width:5px !important;
    height:18px !important;
    border-radius:3px !important;
    background:#ff6517 !important;
  }
}

/* Final desktop fit: keep the full rounded story card inside the pinned viewport.
   Previous shell height (wide aspect + tall ::before spacer) overflowed past 100dvh
   under the title chrome and clipped the bottom corners. */
@media (min-width:768px){
  .our-story-pin{
    --story-fit-top:clamp(148px, 16.5vh, 176px);
    --story-fit-bottom:clamp(22px, 3vh, 32px);
    --story-fit-reserve:calc(var(--story-fit-top) + var(--story-fit-bottom));
    overflow:hidden !important;
  }

  .our-story-chrome{
    top:clamp(36px, 5vh, 56px);
  }

  .our-story-title{
    margin-bottom:0;
  }

  .our-story-stage{
    padding-top:var(--story-fit-top) !important;
    padding-bottom:var(--story-fit-bottom) !important;
    align-items:center;
    overflow:hidden;
  }

  .our-story-shell{
    width:min(88vw, calc((100dvh - var(--story-fit-reserve)) * 1.84), 1400px) !important;
    max-height:calc(100dvh - var(--story-fit-reserve)) !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:1.84 / 1 !important;
    overflow:hidden !important;
  }

  .our-story-shell::before{
    content:none !important;
    display:none !important;
    padding-top:0 !important;
  }

  .our-story-scene,
  .our-story-photo{
    overflow:hidden !important;
  }

  /* Full card frame visible; allow a light bottom crop of artwork if needed */
  [data-story-scene="trusted"] .our-story-photo img{
    object-fit:cover !important;
    object-position:center 40% !important;
  }
}

/* =========================================================
   Mobile Recover-style story cards (?767px only ? desktop unchanged)
   Full product BG image + watermark behind + larger icon callouts
   ========================================================= */
@media (max-width:767px){
  .our-story-stage{
    padding:100px 14px calc(88px + env(safe-area-inset-bottom,0px)) !important;
  }

  .our-story-shell{
    height:calc(100dvh - 250px) !important;
    border-radius:22px !important;
    background:radial-gradient(ellipse at 50% 46%, #f4f6f8 0%, #dde3ea 58%, #cfd6df 100%) !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  .our-story-scene{
    padding:18px 16px 20px !important;
    box-sizing:border-box !important;
    background:
      radial-gradient(ellipse at 50% 46%, rgba(244,246,248,.55) 0%, transparent 62%),
      transparent !important;
  }

  /* Challenge / Result / Trusted / Solution: watermark card backgrounds */
  [data-story-scene="challenge"]{
    background:
      url('../assets/images/our-story/story-mobile-challenge-bg.png') center center / cover no-repeat !important;
  }
  [data-story-scene="result"]{
    background:
      url('../assets/images/our-story/story-mobile-result-bg.png') center center / cover no-repeat !important;
  }
  [data-story-scene="trusted"]{
    background:
      url('../assets/images/our-story/story-mobile-trusted-bg.png') center center / cover no-repeat !important;
  }
  [data-story-scene="solution"]{
    background:
      url('../assets/images/our-story/story-mobile-solution-bg.png') center center / cover no-repeat !important;
  }

  /* Product: large prominent visual, bottom-right — clear of left callouts */
  .our-story-photo{
    position:absolute !important;
    z-index:1 !important;
    top:4% !important;
    right:-14% !important;
    bottom:-10% !important;
    left:42% !important;
    width:auto !important;
    margin:0 !important;
    display:grid !important;
    place-items:end center !important;
    pointer-events:none !important;
  }

  [data-story-scene="challenge"] .our-story-photo,
  [data-story-scene="solution"] .our-story-photo,
  [data-story-scene="trusted"] .our-story-photo{
    top:6% !important;
    right:-16% !important;
    bottom:-12% !important;
    left:40% !important;
  }

  /* Result: larger person + meter cutout (closer to desktop reference fill) */
  [data-story-scene="result"] .our-story-photo{
    top:-2% !important;
    right:-28% !important;
    bottom:-22% !important;
    left:18% !important;
  }

  .our-story-photo img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:right bottom !important;
    mix-blend-mode:normal !important;
    filter:none !important;
  }

  [data-story-scene="result"] .our-story-photo img{
    object-fit:contain !important;
    object-position:right bottom !important;
    transform:scale(1.22);
    transform-origin:right bottom;
  }

  /* Transparent cutouts — no black/white studio plate */
  [data-story-scene="challenge"] .our-story-photo img,
  [data-story-scene="result"] .our-story-photo img,
  [data-story-scene="solution"] .our-story-photo img{
    mix-blend-mode:normal !important;
  }

  /* Trusted may still have dark plate leftovers */
  [data-story-scene="trusted"] .our-story-photo img{
    mix-blend-mode:lighten !important;
  }

  /* Watermark behind product + callouts (CSS text hidden when BG art includes word) */
  .our-story-mobile-copy{
    z-index:2 !important;
  }

  .our-story-mobile-copy::before{
    z-index:0 !important;
    top:8% !important;
    left:2% !important;
    right:auto !important;
    width:auto !important;
    max-width:58% !important;
    color:rgba(22,50,74,.13) !important;
    font-size:clamp(64px,19vw,96px) !important;
    font-weight:900 !important;
    line-height:.78 !important;
    letter-spacing:-.08em !important;
    pointer-events:none !important;
    overflow:hidden !important;
  }

  /* BG PNGs already include scene words — hide CSS duplicate watermarks */
  [data-story-scene="challenge"] .our-story-mobile-copy::before,
  [data-story-scene="result"] .our-story-mobile-copy::before,
  [data-story-scene="trusted"] .our-story-mobile-copy::before,
  [data-story-scene="solution"] .our-story-mobile-copy::before{
    content:none !important;
  }

  .our-story-mobile-kicker,
  .our-story-mobile-copy p,
  .our-story-mobile-copy ul{
    display:none !important;
  }

  .our-story-connectors,
  .our-story-statement,
  .our-story-anchor,
  .our-story-mobile-stem{
    display:none !important;
  }

  /* Callouts: compact title-only rows, smaller icons */
  .our-story-callouts{
    z-index:5 !important;
    display:block !important;
  }

  .our-story-callout{
    width:min(52%, 210px) !important;
    max-width:210px !important;
    gap:0 !important;
  }

  .our-story-callout,
  .our-story-callout--tr,
  .our-story-callout--br,
  .our-story-callout--tl,
  .our-story-callout--bl{
    flex-direction:row !important;
    align-items:center !important;
    text-align:left !important;
  }

  .our-story-callout-frame{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    width:100% !important;
    min-height:0 !important;
    padding:2px 0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .our-story-callout-icon{
    --bracket:#ff6517;
    --bracket-len:8px;
    --bracket-thick:1.5px;
    flex:0 0 28px !important;
    width:28px !important;
    height:28px !important;
    padding:4px !important;
    border:0 !important;
    border-radius:6px !important;
    background:
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right top / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) left bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-len) var(--bracket-thick) no-repeat,
      linear-gradient(var(--bracket),var(--bracket)) right bottom / var(--bracket-thick) var(--bracket-len) no-repeat,
      rgba(255,255,255,.72) !important;
    box-shadow:none !important;
  }

  .our-story-callout-icon img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    transform:none !important;
  }

  .our-story-callout-copy{
    max-width:none !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .our-story-callout-copy strong{
    display:block !important;
    margin:0 !important;
    color:#1a2430 !important;
    font-size:clamp(11px,3vw,13px) !important;
    font-weight:800 !important;
    line-height:1.2 !important;
  }

  /* Beat earlier scene-specific display:block !important rules */
  .our-story-callout-copy small,
  .our-story-callout-desc,
  [data-story-scene="trusted"] .our-story-callout-copy small,
  [data-story-scene="trusted"] .our-story-callout-desc,
  [data-story-scene="challenge"] .our-story-callout-copy small,
  [data-story-scene="challenge"] .our-story-callout-desc,
  [data-story-scene="solution"] .our-story-callout-copy small,
  [data-story-scene="solution"] .our-story-callout-desc,
  [data-story-scene="result"] .our-story-callout-copy small,
  [data-story-scene="result"] .our-story-callout-desc{
    display:none !important;
  }

  /* Result icons even tighter to match title-only lockup */
  [data-story-scene="result"] .our-story-callout-icon{
    flex:0 0 26px !important;
    width:26px !important;
    height:26px !important;
    padding:3px !important;
  }

  /* Tighter vertical stack — titles only need less height */
  .our-story-callout:nth-child(1){
    top:16% !important;
    left:4% !important;
    right:auto !important;
    bottom:auto !important;
  }
  .our-story-callout:nth-child(2){
    top:30% !important;
    left:4% !important;
    right:auto !important;
    bottom:auto !important;
  }
  .our-story-callout:nth-child(3){
    top:44% !important;
    left:4% !important;
    right:auto !important;
    bottom:auto !important;
  }
  .our-story-callout:nth-child(4){
    top:58% !important;
    left:4% !important;
    right:auto !important;
    bottom:auto !important;
  }

  [data-story-scene="result"] .our-story-callout:nth-child(1),
  [data-story-scene="result"] .our-story-callout:nth-child(2){
    left:4% !important;
    right:auto !important;
  }
  [data-story-scene="result"] .our-story-callout:nth-child(1){ top:16% !important; }
  [data-story-scene="result"] .our-story-callout:nth-child(2){ top:28% !important; }

  .our-story-progress{
    right:8px !important;
    z-index:40 !important;
  }
}

/* =========================================================
   TRUSTED mobile only — Recover-style composition
   Large centered meter · 2L+2R title-only callouts + stems
   Centered watermark · bottom-left statement
   Desktop (min-width:768px) unchanged
   ========================================================= */
@media (max-width:767px){
  /* Keep baked-in TRUSTED bg under the product (never replace with flat gradient) */
  [data-story-scene="trusted"]{
    background:
      url('../assets/images/our-story/story-mobile-trusted-bg.png') center center / cover no-repeat !important;
  }

  [data-story-scene="trusted"] .our-story-mobile-copy{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    margin:0 !important;
    padding:0 !important;
    pointer-events:none !important;
    background:transparent !important;
  }

  /* BG already has TRUSTED — do not draw a second CSS watermark */
  [data-story-scene="trusted"] .our-story-mobile-copy::before{
    content:none !important;
    display:none !important;
  }

  [data-story-scene="trusted"] .our-story-mobile-kicker,
  [data-story-scene="trusted"] .our-story-mobile-copy p,
  [data-story-scene="trusted"] .our-story-mobile-copy ul{
    display:none !important;
  }

  /* Larger centered product — TRUSTED bg stays behind (under) the image */
  [data-story-scene="trusted"] .our-story-photo{
    top:4% !important;
    right:6% !important;
    bottom:12% !important;
    left:6% !important;
    z-index:2 !important;
    place-items:center !important;
    background:transparent !important;
  }

  [data-story-scene="trusted"] .our-story-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    mix-blend-mode:normal !important;
    transform:scale(1.42) !important;
    transform-origin:center center !important;
  }

  /* Title-only callouts: 2 left + 2 right */
  [data-story-scene="trusted"] .our-story-callout{
    width:min(42%, 168px) !important;
    max-width:168px !important;
    z-index:5 !important;
  }

  [data-story-scene="trusted"] .our-story-callout:nth-child(1){
    top:16% !important;
    left:3% !important;
    right:auto !important;
    bottom:auto !important;
  }
  [data-story-scene="trusted"] .our-story-callout:nth-child(2){
    top:38% !important;
    left:3% !important;
    right:auto !important;
    bottom:auto !important;
  }
  [data-story-scene="trusted"] .our-story-callout:nth-child(3){
    top:16% !important;
    right:3% !important;
    left:auto !important;
    bottom:auto !important;
  }
  [data-story-scene="trusted"] .our-story-callout:nth-child(4){
    top:40% !important;
    right:3% !important;
    left:auto !important;
    bottom:auto !important;
  }

  [data-story-scene="trusted"] .our-story-callout--tr,
  [data-story-scene="trusted"] .our-story-callout--br,
  [data-story-scene="trusted"] .our-story-callout:nth-child(3),
  [data-story-scene="trusted"] .our-story-callout:nth-child(4){
    flex-direction:row-reverse !important;
    text-align:right !important;
  }

  [data-story-scene="trusted"] .our-story-callout--tr .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout--br .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout:nth-child(3) .our-story-callout-frame,
  [data-story-scene="trusted"] .our-story-callout:nth-child(4) .our-story-callout-frame{
    flex-direction:row-reverse !important;
  }

  [data-story-scene="trusted"] .our-story-callout-copy small,
  [data-story-scene="trusted"] .our-story-callout-desc{
    display:none !important;
  }

  [data-story-scene="trusted"] .our-story-callout-copy strong{
    font-size:clamp(10px, 2.8vw, 12px) !important;
    line-height:1.15 !important;
  }

  /* SVG pointers (same as Solution/Result) — hide CSS stem stubs */
  [data-story-scene="trusted"] .our-story-mobile-stem{
    display:none !important;
  }

  [data-story-scene="trusted"] .our-story-connectors{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    z-index:3 !important;
    opacity:1 !important;
    pointer-events:none !important;
  }

  [data-story-scene="trusted"] .our-story-connectors path{
    fill:none !important;
    stroke:var(--story-line, #9aa5b1) !important;
    stroke-width:1.15 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }

  /* Anchor dots on device features */
  [data-story-scene="trusted"] .our-story-anchor{
    display:block !important;
    z-index:4 !important;
    width:6px !important;
    height:6px !important;
    margin:-3px 0 0 -3px !important;
    background:#ff6517 !important;
    box-shadow:0 0 0 2px rgba(255,255,255,.85) !important;
  }

  /* Display · CAL · portable body · tip */
  [data-story-scene="trusted"] .our-story-anchor[data-i="0"]{
    left:50% !important;
    top:30% !important;
  }
  [data-story-scene="trusted"] .our-story-anchor[data-i="1"]{
    left:48% !important;
    top:48% !important;
  }
  [data-story-scene="trusted"] .our-story-anchor[data-i="2"]{
    left:56% !important;
    top:38% !important;
  }
  [data-story-scene="trusted"] .our-story-anchor[data-i="3"]{
    left:52% !important;
    top:64% !important;
  }

  /* Bottom-left tagline + orange accent */
  [data-story-scene="trusted"] .our-story-statement{
    display:block !important;
    position:absolute !important;
    left:4% !important;
    right:auto !important;
    bottom:5% !important;
    top:auto !important;
    z-index:6 !important;
    max-width:min(58%, 200px) !important;
    margin:0 !important;
    color:#182f46 !important;
    font-size:clamp(12px, 3.4vw, 15px) !important;
    font-weight:600 !important;
    line-height:1.35 !important;
    text-align:left !important;
  }

  [data-story-scene="trusted"] .our-story-statement-rule{
    display:block !important;
    width:36px !important;
    height:3px !important;
    margin-top:10px !important;
    border-radius:4px !important;
    background:#ff6517 !important;
  }
}

/* =========================================================
   CHALLENGE mobile only — clean minimal composition
   2 left callouts · one pointer each · no stray brackets
   Desktop unchanged
   ========================================================= */
@media (max-width:767px){
  /* Baked-in CHALLENGE bg under the product (same pattern as Trusted) */
  [data-story-scene="challenge"]{
    background:
      url('../assets/images/our-story/story-mobile-challenge-bg.png') center center / cover no-repeat !important;
  }

  [data-story-scene="challenge"] .our-story-mobile-copy{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    margin:0 !important;
    padding:0 !important;
    pointer-events:none !important;
    background:transparent !important;
  }

  /* BG already has CHALLENGE — no CSS duplicate watermark */
  [data-story-scene="challenge"] .our-story-mobile-copy::before{
    content:none !important;
    display:none !important;
  }

  [data-story-scene="challenge"] .our-story-mobile-kicker,
  [data-story-scene="challenge"] .our-story-mobile-copy p,
  [data-story-scene="challenge"] .our-story-mobile-copy ul{
    display:none !important;
  }

  /* Device focal point — size via box, avoid CSS upscale (was scale 1.35–1.42 → grainy) */
  [data-story-scene="challenge"] .our-story-photo{
    top:6% !important;
    right:-2% !important;
    bottom:8% !important;
    left:24% !important;
    z-index:2 !important;
    place-items:center !important;
    background:transparent !important;
  }

  [data-story-scene="challenge"] .our-story-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    mix-blend-mode:normal !important;
    transform:none !important;
    transform-origin:center center !important;
    image-rendering:auto !important;
    filter:none !important;
  }

  /* No decorative product-frame brackets */
  [data-story-scene="challenge"] .our-story-photo::before,
  [data-story-scene="challenge"] .our-story-photo::after{
    content:none !important;
    display:none !important;
    background:none !important;
  }

  /* Only 2 callouts on mobile — hide Long Battery Life */
  [data-story-scene="challenge"] .our-story-callout{
    width:min(48%, 170px) !important;
    max-width:170px !important;
    z-index:5 !important;
    display:flex !important;
  }

  [data-story-scene="challenge"] .our-story-callout:nth-child(1){
    top:14% !important;
    left:3% !important;
    right:auto !important;
    bottom:auto !important;
  }
  [data-story-scene="challenge"] .our-story-callout:nth-child(2){
    top:40% !important;
    left:3% !important;
    right:auto !important;
    bottom:auto !important;
  }
  [data-story-scene="challenge"] .our-story-callout:nth-child(3),
  [data-story-scene="challenge"] .our-story-callout--tr{
    display:none !important;
  }

  [data-story-scene="challenge"] .our-story-callout-copy small,
  [data-story-scene="challenge"] .our-story-callout-desc{
    display:none !important;
  }

  [data-story-scene="challenge"] .our-story-callout-copy strong{
    font-size:clamp(10px, 2.7vw, 12px) !important;
    line-height:1.2 !important;
  }

  /* Compact icon boxes (~42px) with brackets only around icons */
  [data-story-scene="challenge"] .our-story-callout-icon{
    position:relative !important;
    flex:0 0 42px !important;
    width:42px !important;
    height:42px !important;
    padding:7px !important;
    border:0 !important;
    border-radius:0 !important;
    background:rgba(255,255,255,.82) !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  [data-story-scene="challenge"] .our-story-callout-icon::before{
    content:'' !important;
    position:absolute !important;
    inset:-3px !important;
    background:url('../assets/images/our-story/icons/callout-brackets.png') center / 100% 100% no-repeat !important;
    mix-blend-mode:screen !important;
    pointer-events:none !important;
    z-index:0 !important;
  }

  [data-story-scene="challenge"] .our-story-callout-icon img{
    position:relative !important;
    z-index:1 !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }

  /* SVG pointers like Solution/Result — no CSS stem stubs */
  [data-story-scene="challenge"] .our-story-mobile-stem{
    display:none !important;
  }

  /* Hide battery callout + its line/anchor on mobile */
  [data-story-scene="challenge"] .our-story-callout:nth-child(3),
  [data-story-scene="challenge"] .our-story-callout:nth-child(3) .our-story-mobile-stem,
  [data-story-scene="challenge"] .our-story-anchor[data-i="2"],
  [data-story-scene="challenge"] .our-story-connectors path[data-i="2"]{
    display:none !important;
  }

  [data-story-scene="challenge"] .our-story-connectors{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    z-index:3 !important;
    opacity:1 !important;
    pointer-events:none !important;
  }

  [data-story-scene="challenge"] .our-story-connectors path{
    fill:none !important;
    stroke:var(--story-line, #9aa5b1) !important;
    stroke-width:1.15 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }

  /* Two anchor dots on device — display / buttons */
  [data-story-scene="challenge"] .our-story-anchor{
    display:block !important;
    z-index:4 !important;
    width:6px !important;
    height:6px !important;
    margin:-3px 0 0 -3px !important;
    background:#ff6517 !important;
    box-shadow:0 0 0 2px rgba(255,255,255,.85) !important;
  }

  [data-story-scene="challenge"] .our-story-anchor[data-i="0"]{
    left:68% !important;
    top:36% !important;
  }
  [data-story-scene="challenge"] .our-story-anchor[data-i="1"]{
    left:66% !important;
    top:52% !important;
  }

  /* Bottom-left tagline */
  [data-story-scene="challenge"] .our-story-statement{
    display:block !important;
    position:absolute !important;
    left:4% !important;
    right:auto !important;
    bottom:5% !important;
    top:auto !important;
    z-index:6 !important;
    max-width:min(52%, 190px) !important;
    margin:0 !important;
    color:#182f46 !important;
    font-size:clamp(12px, 3.3vw, 14px) !important;
    font-weight:600 !important;
    line-height:1.35 !important;
    text-align:left !important;
  }

  [data-story-scene="challenge"] .our-story-statement-rule{
    display:block !important;
    width:32px !important;
    height:3px !important;
    margin-top:10px !important;
    border-radius:4px !important;
    background:#ff6517 !important;
  }
}

/* =========================================================
   ALL story cards — mobile callout + image cleanup
   No icons · tighter brackets on text · larger products
   Desktop unchanged
   ========================================================= */
@media (max-width:767px){
  /* 1–3: hide icons; brackets wrap title only; smaller titles */
  .our-story-callout-icon,
  .our-story-callout-icon img,
  .our-story-callout-icon::before,
  .our-story-callout-icon::after{
    display:none !important;
    content:none !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
  }

  .our-story-callout{
    width:auto !important;
    max-width:min(46%, 168px) !important;
    gap:0 !important;
  }

  .our-story-callout-frame{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:0 !important;
    width:fit-content !important;
    max-width:100% !important;
    min-height:0 !important;
    padding:7px 10px !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:
      linear-gradient(#ff6517,#ff6517) left top / 8px 1.5px no-repeat,
      linear-gradient(#ff6517,#ff6517) left top / 1.5px 8px no-repeat,
      linear-gradient(#ff6517,#ff6517) right top / 8px 1.5px no-repeat,
      linear-gradient(#ff6517,#ff6517) right top / 1.5px 8px no-repeat,
      linear-gradient(#ff6517,#ff6517) left bottom / 8px 1.5px no-repeat,
      linear-gradient(#ff6517,#ff6517) left bottom / 1.5px 8px no-repeat,
      linear-gradient(#ff6517,#ff6517) right bottom / 8px 1.5px no-repeat,
      linear-gradient(#ff6517,#ff6517) right bottom / 1.5px 8px no-repeat,
      transparent !important;
  }

  .our-story-callout-copy{
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .our-story-callout-copy strong{
    display:block !important;
    margin:0 !important;
    font-size:clamp(11px, 3vw, 13px) !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    color:#1a2430 !important;
  }

  .our-story-callout-copy small,
  .our-story-callout-desc{
    display:none !important;
  }

  /* 4: enlarge product image in every card */
  .our-story-photo{
    top:6% !important;
    right:-8% !important;
    bottom:8% !important;
    left:30% !important;
    z-index:2 !important;
    place-items:center !important;
  }

  .our-story-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    mix-blend-mode:normal !important;
    transform:scale(1.32) !important;
    transform-origin:center center !important;
    filter:none !important;
  }

  /* Scene-tuned photo boxes so enlarged art clears callout column */
  [data-story-scene="trusted"] .our-story-photo{
    top:4% !important;
    right:4% !important;
    bottom:12% !important;
    left:8% !important;
  }
  [data-story-scene="trusted"] .our-story-photo img{
    transform:scale(1.45) !important;
    transform-origin:center center !important;
  }

  [data-story-scene="challenge"] .our-story-photo{
    top:4% !important;
    right:-4% !important;
    bottom:6% !important;
    left:22% !important;
  }
  [data-story-scene="challenge"] .our-story-photo img{
    /* Keep near 1:1 with source pixels — no CSS enlarge */
    transform:none !important;
    image-rendering:auto !important;
  }

  [data-story-scene="solution"] .our-story-photo{
    top:26% !important;
    right:12% !important;
    bottom:18% !important;
    left:12% !important;
  }
  [data-story-scene="solution"] .our-story-photo img{
    mix-blend-mode:normal !important;
    transform:scale(1.08) !important;
    transform-origin:center center !important;
    object-position:center center !important;
  }

  [data-story-scene="result"] .our-story-photo{
    top:28% !important;
    right:-8% !important;
    bottom:-4% !important;
    left:18% !important;
  }
  [data-story-scene="result"] .our-story-photo img{
    transform:scale(1.18) !important;
    transform-origin:right bottom !important;
    object-position:right bottom !important;
    object-fit:contain !important;
    mix-blend-mode:normal !important;
  }

  [data-story-scene="result"] .our-story-anchor[data-i="0"]{ left:46% !important; top:74% !important; }
  [data-story-scene="result"] .our-story-anchor[data-i="1"]{ left:44% !important; top:80% !important; }

  /* No stray product-frame brackets on any card */
  .our-story-photo::before,
  .our-story-photo::after{
    content:none !important;
    display:none !important;
    background:none !important;
  }

  /* 5: retuned pointer dots for enlarged products */
  [data-story-scene="trusted"] .our-story-anchor[data-i="0"]{ left:50% !important; top:30% !important; }
  [data-story-scene="trusted"] .our-story-anchor[data-i="1"]{ left:48% !important; top:48% !important; }
  [data-story-scene="trusted"] .our-story-anchor[data-i="2"]{ left:58% !important; top:38% !important; }
  [data-story-scene="trusted"] .our-story-anchor[data-i="3"]{ left:52% !important; top:64% !important; }

  [data-story-scene="challenge"] .our-story-anchor[data-i="0"]{ left:68% !important; top:36% !important; }
  [data-story-scene="challenge"] .our-story-anchor[data-i="1"]{ left:66% !important; top:52% !important; }

  [data-story-scene="solution"] .our-story-anchor{
    display:block !important;
    z-index:4 !important;
    width:6px !important;
    height:6px !important;
    margin:-3px 0 0 -3px !important;
    background:#ff6517 !important;
    box-shadow:0 0 0 2px rgba(255,255,255,.8) !important;
  }
  /* Display · yellow buttons · bowl (transparent cutout) */
  [data-story-scene="solution"] .our-story-anchor[data-i="0"]{ left:50% !important; top:30% !important; }
  [data-story-scene="solution"] .our-story-anchor[data-i="1"]{ left:50% !important; top:38% !important; }
  [data-story-scene="solution"] .our-story-anchor[data-i="2"]{ left:56% !important; top:62% !important; }

  [data-story-scene="result"] .our-story-anchor{
    display:block !important;
    z-index:4 !important;
    width:6px !important;
    height:6px !important;
    margin:-3px 0 0 -3px !important;
    background:#ff6517 !important;
    box-shadow:0 0 0 2px rgba(255,255,255,.8) !important;
  }
  [data-story-scene="result"] .our-story-anchor[data-i="0"]{ left:46% !important; top:74% !important; }
  [data-story-scene="result"] .our-story-anchor[data-i="1"]{ left:44% !important; top:80% !important; }

  /* Short stems for title-only callouts */
  .our-story-mobile-stem{
    display:block !important;
    height:1.5px !important;
    background:#ff6517 !important;
    opacity:.9 !important;
  }

  [data-story-scene="solution"] .our-story-mobile-stem,
  [data-story-scene="result"] .our-story-mobile-stem{
    display:block !important;
    position:absolute !important;
    top:calc(50% - 0.75px) !important;
    pointer-events:none !important;
  }

  [data-story-scene="solution"] .our-story-callout:nth-child(1) .our-story-mobile-stem,
  [data-story-scene="result"] .our-story-callout .our-story-mobile-stem{
    left:calc(100% + 6px) !important;
    right:auto !important;
    width:clamp(14px, 5vw, 28px) !important;
    transform-origin:left center !important;
  }

  [data-story-scene="solution"] .our-story-callout:nth-child(2) .our-story-mobile-stem,
  [data-story-scene="solution"] .our-story-callout:nth-child(3) .our-story-mobile-stem{
    right:calc(100% + 6px) !important;
    left:auto !important;
    width:clamp(14px, 5vw, 28px) !important;
    transform-origin:right center !important;
  }

  /* Solution / result: callouts flank product — no overlap */
  [data-story-scene="solution"] .our-story-callout:nth-child(1){
    top:8% !important;
    left:3% !important;
    right:auto !important;
    bottom:auto !important;
    max-width:min(40%, 148px) !important;
  }
  [data-story-scene="solution"] .our-story-callout:nth-child(2){
    top:8% !important;
    right:3% !important;
    left:auto !important;
    bottom:auto !important;
    max-width:min(40%, 148px) !important;
  }
  [data-story-scene="solution"] .our-story-callout:nth-child(3){
    top:48% !important;
    right:3% !important;
    left:auto !important;
    bottom:auto !important;
    max-width:min(40%, 148px) !important;
  }

  [data-story-scene="result"] .our-story-callout:nth-child(1){
    top:34% !important;
    left:3% !important;
    right:auto !important;
    bottom:auto !important;
    max-width:min(42%, 150px) !important;
  }
  [data-story-scene="result"] .our-story-callout:nth-child(2){
    top:48% !important;
    left:3% !important;
    right:auto !important;
    bottom:auto !important;
    max-width:min(42%, 150px) !important;
  }

  [data-story-scene="solution"] .our-story-connectors{
    display:block !important;
    z-index:3 !important;
    opacity:1 !important;
    pointer-events:none !important;
  }
  [data-story-scene="solution"] .our-story-connectors path{
    stroke:#9aa5b1 !important;
    stroke-width:1.15 !important;
  }
  [data-story-scene="solution"] .our-story-mobile-stem{
    display:none !important;
  }

  [data-story-scene="result"] .our-story-connectors{
    display:block !important;
    z-index:3 !important;
    opacity:1 !important;
    pointer-events:none !important;
  }
  [data-story-scene="result"] .our-story-connectors path{
    stroke:#9aa5b1 !important;
    stroke-width:1.15 !important;
  }
  [data-story-scene="result"] .our-story-mobile-stem{
    display:none !important;
  }

  /* Statements visible on solution/result too when present */
  [data-story-scene="solution"] .our-story-statement,
  [data-story-scene="result"] .our-story-statement{
    display:block !important;
    position:absolute !important;
    left:4% !important;
    bottom:5% !important;
    top:auto !important;
    z-index:6 !important;
    max-width:min(52%, 190px) !important;
    color:#182f46 !important;
    font-size:clamp(12px, 3.3vw, 14px) !important;
    font-weight:600 !important;
    line-height:1.35 !important;
  }

  [data-story-scene="solution"] .our-story-statement-rule,
  [data-story-scene="result"] .our-story-statement-rule{
    display:block !important;
    width:32px !important;
    height:3px !important;
    margin-top:10px !important;
    background:#ff6517 !important;
  }
}

/* =========================================================
   SOLUTION mobile — match desktop card (≤767px only)
   Transparent product · SOLUTION watermark · flanking callouts
   · SVG pointers · chrome above card. Desktop unchanged.
   ========================================================= */
@media (max-width:767px){
  /* 1. Eyebrow + heading above the card (shared chrome) */
  .our-story-chrome{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    z-index:40 !important;
    top:max(12px, env(safe-area-inset-top, 0px) + 6px) !important;
    pointer-events:none !important;
  }

  .our-story-eyebrow{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    color:var(--story-teal, #20aebd) !important;
  }

  .our-story-title{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    color:var(--story-navy, #182f46) !important;
  }

  .our-story-stage{
    /* Room for OUR SOLUTION / 2-in-1 Clarity in Seconds above the card */
    padding-top:108px !important;
  }

  .our-story-shell{
    height:calc(100dvh - 210px) !important;
  }

  /* Baked-in SOLUTION bg under the product (same pattern as Trusted) */
  [data-story-scene="solution"]{
    background:
      url('../assets/images/our-story/story-mobile-solution-bg.png') center center / cover no-repeat !important;
  }

  [data-story-scene="solution"] .our-story-mobile-copy{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    margin:0 !important;
    padding:0 !important;
    pointer-events:none !important;
    background:transparent !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  /* BG already has SOLUTION — no CSS duplicate watermark */
  [data-story-scene="solution"] .our-story-mobile-copy::before{
    content:none !important;
    display:none !important;
  }

  [data-story-scene="solution"] .our-story-mobile-kicker,
  [data-story-scene="solution"] .our-story-mobile-copy p,
  [data-story-scene="solution"] .our-story-mobile-copy ul{
    display:none !important;
  }

  /* 8. Large centered transparent product (no blend box) */
  [data-story-scene="solution"] .our-story-photo{
    top:22% !important;
    right:10% !important;
    bottom:16% !important;
    left:10% !important;
    z-index:2 !important;
    place-items:center !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  [data-story-scene="solution"] .our-story-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    mix-blend-mode:normal !important;
    transform:scale(1.12) !important;
    transform-origin:center center !important;
    filter:none !important;
    background:transparent !important;
  }

  [data-story-scene="solution"] .our-story-photo::before,
  [data-story-scene="solution"] .our-story-photo::after{
    content:none !important;
    display:none !important;
  }

  /* 4–5. Three feature callouts (desktop has 3 + tagline as 4th text block) */
  [data-story-scene="solution"] .our-story-callout{
    display:flex !important;
    z-index:6 !important;
    max-width:min(38%, 140px) !important;
  }

  [data-story-scene="solution"] .our-story-callout-icon{
    display:none !important;
  }

  [data-story-scene="solution"] .our-story-callout:nth-child(1){
    top:7% !important;
    left:3% !important;
    right:auto !important;
    bottom:auto !important;
  }
  [data-story-scene="solution"] .our-story-callout:nth-child(2){
    top:7% !important;
    right:3% !important;
    left:auto !important;
    bottom:auto !important;
  }
  [data-story-scene="solution"] .our-story-callout:nth-child(3){
    top:50% !important;
    right:3% !important;
    left:auto !important;
    bottom:auto !important;
  }

  [data-story-scene="solution"] .our-story-callout--tr,
  [data-story-scene="solution"] .our-story-callout--br{
    flex-direction:row-reverse !important;
    text-align:right !important;
  }

  /* 6. Desktop-style thin gray SVG pointers + orange dots */
  [data-story-scene="solution"] .our-story-connectors{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    z-index:3 !important;
    opacity:1 !important;
    pointer-events:none !important;
  }

  [data-story-scene="solution"] .our-story-connectors path{
    fill:none !important;
    stroke:#9aa5b1 !important;
    stroke-width:1.15 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }

  [data-story-scene="solution"] .our-story-mobile-stem{
    display:none !important;
  }

  [data-story-scene="solution"] .our-story-anchor{
    display:block !important;
    z-index:4 !important;
    width:6px !important;
    height:6px !important;
    margin:-3px 0 0 -3px !important;
    background:#ff6517 !important;
    box-shadow:0 0 0 2px rgba(255,255,255,.85) !important;
  }

  [data-story-scene="solution"] .our-story-anchor[data-i="0"]{
    left:50% !important;
    top:29% !important;
  }
  [data-story-scene="solution"] .our-story-anchor[data-i="1"]{
    left:50% !important;
    top:37% !important;
  }
  [data-story-scene="solution"] .our-story-anchor[data-i="2"]{
    left:58% !important;
    top:64% !important;
  }

  /* 7. Tagline bottom-left, clear of product */
  [data-story-scene="solution"] .our-story-statement{
    display:block !important;
    position:absolute !important;
    left:4% !important;
    bottom:5% !important;
    top:auto !important;
    right:auto !important;
    z-index:6 !important;
    max-width:min(46%, 170px) !important;
    color:#182f46 !important;
    font-size:clamp(12px, 3.2vw, 14px) !important;
    font-weight:600 !important;
    line-height:1.35 !important;
  }

  [data-story-scene="solution"] .our-story-statement-rule{
    display:block !important;
    width:32px !important;
    height:3px !important;
    margin-top:10px !important;
    background:#ff6517 !important;
  }
}

/* =========================================================
   RESULT mobile — bottom-anchored figure, RESULT watermark up top
   Same card height as other scenes · retuned pointers. Desktop unchanged.
   ========================================================= */
@media (max-width:767px){
  /* Match shared shell height used by other story cards */
  .our-story-shell:has([data-story-scene="result"][aria-hidden="false"]),
  .our-story-shell:has([data-story-scene="result"]:not([aria-hidden="true"])){
    height:calc(100dvh - 210px) !important;
    min-height:0 !important;
  }

  [data-story-scene="result"]{
    background:
      url('../assets/images/our-story/story-mobile-result-bg.png') center center / cover no-repeat !important;
    overflow:hidden !important;
  }

  [data-story-scene="result"] .our-story-mobile-copy{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    margin:0 !important;
    padding:0 !important;
    pointer-events:none !important;
    background:transparent !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  /* BG already has RESULT — no CSS duplicate watermark */
  [data-story-scene="result"] .our-story-mobile-copy::before{
    content:none !important;
    display:none !important;
  }

  [data-story-scene="result"] .our-story-mobile-kicker,
  [data-story-scene="result"] .our-story-mobile-copy p,
  [data-story-scene="result"] .our-story-mobile-copy ul{
    display:none !important;
  }

  /* Large figure — pull up into top empty space */
  [data-story-scene="result"] .our-story-photo{
    top:2% !important;
    right:-12% !important;
    bottom:-6% !important;
    left:12% !important;
    z-index:2 !important;
    display:grid !important;
    place-items:end end !important;
    align-items:flex-end !important;
    justify-content:flex-end !important;
    background:transparent !important;
    overflow:visible !important;
    box-shadow:none !important;
  }

  [data-story-scene="result"] .our-story-photo img{
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:right bottom !important;
    mix-blend-mode:normal !important;
    transform:scale(1.32) !important;
    transform-origin:right bottom !important;
    filter:none !important;
    background:transparent !important;
  }

  [data-story-scene="result"] .our-story-photo::before,
  [data-story-scene="result"] .our-story-photo::after{
    content:none !important;
    display:none !important;
  }

  /* Callouts mid-left — closer to meter so pointers stay short */
  [data-story-scene="result"] .our-story-callout{
    display:flex !important;
    z-index:6 !important;
    max-width:min(44%, 156px) !important;
    flex-direction:row !important;
    text-align:left !important;
  }

  [data-story-scene="result"] .our-story-callout-icon,
  [data-story-scene="result"] .our-story-callout-icon img{
    display:none !important;
  }

  [data-story-scene="result"] .our-story-callout-copy small,
  [data-story-scene="result"] .our-story-callout-desc{
    display:none !important;
  }

  [data-story-scene="result"] .our-story-callout:nth-child(1){
    top:26% !important;
    left:3% !important;
    right:auto !important;
    bottom:auto !important;
  }

  [data-story-scene="result"] .our-story-callout:nth-child(2){
    top:40% !important;
    left:3% !important;
    right:auto !important;
    bottom:auto !important;
  }

  [data-story-scene="result"] .our-story-connectors{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    z-index:3 !important;
    opacity:1 !important;
    pointer-events:none !important;
  }

  [data-story-scene="result"] .our-story-connectors path{
    fill:none !important;
    stroke:#9aa5b1 !important;
    stroke-width:1.15 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }

  [data-story-scene="result"] .our-story-mobile-stem{
    display:none !important;
  }

  [data-story-scene="result"] .our-story-anchor{
    display:block !important;
    z-index:4 !important;
    width:6px !important;
    height:6px !important;
    margin:-3px 0 0 -3px !important;
    background:#ff6517 !important;
    box-shadow:0 0 0 2px rgba(255,255,255,.85) !important;
  }

  /* Meter in man’s hand — display + lower body (not face/chest) */
  [data-story-scene="result"] .our-story-anchor[data-i="0"]{
    left:46% !important;
    top:70% !important;
  }
  [data-story-scene="result"] .our-story-anchor[data-i="1"]{
    left:44% !important;
    top:76% !important;
  }

  /* Tagline at top-right empty space — same dark navy as other cards */
  [data-story-scene="result"] .our-story-statement{
    display:block !important;
    position:absolute !important;
    left:auto !important;
    right:4% !important;
    top:3% !important;
    bottom:auto !important;
    z-index:7 !important;
    max-width:min(72%, 240px) !important;
    color:#182f46 !important;
    text-shadow:none !important;
    font-size:clamp(12px, 3.2vw, 14px) !important;
    font-weight:600 !important;
    line-height:1.35 !important;
    text-align:right !important;
  }

  [data-story-scene="result"] .our-story-statement-rule{
    display:block !important;
    width:32px !important;
    height:3px !important;
    margin-top:10px !important;
    margin-left:auto !important;
    background:#ff6517 !important;
  }
}

/* =========================================================
   TRUSTED mobile — final lock: always show bg TRUSTED under product
   Desktop unchanged
   ========================================================= */
@media (max-width:767px){
  [data-story-scene="trusted"]{
    background:
      url('../assets/images/our-story/story-mobile-trusted-bg.png') center center / cover no-repeat !important;
  }

  [data-story-scene="trusted"] .our-story-mobile-copy::before,
  [data-story-scene="trusted"] .our-story-photo::before,
  [data-story-scene="trusted"] .our-story-photo::after{
    content:none !important;
    display:none !important;
  }

  [data-story-scene="trusted"] .our-story-photo{
    top:4% !important;
    right:4% !important;
    bottom:12% !important;
    left:8% !important;
    z-index:2 !important;
    place-items:center !important;
    background:transparent !important;
  }

  [data-story-scene="trusted"] .our-story-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    mix-blend-mode:normal !important;
    transform:scale(1.45) !important;
    transform-origin:center center !important;
  }
}

/* =========================================================
   CHALLENGE + RESULT + SOLUTION mobile — final lock: baked-in bg words
   Same pattern as Trusted. Desktop unchanged.
   ========================================================= */
@media (max-width:767px){
  [data-story-scene="challenge"]{
    background:
      url('../assets/images/our-story/story-mobile-challenge-bg.png') center center / cover no-repeat !important;
  }

  [data-story-scene="result"]{
    background:
      url('../assets/images/our-story/story-mobile-result-bg.png') center center / cover no-repeat !important;
  }

  [data-story-scene="solution"]{
    background:
      url('../assets/images/our-story/story-mobile-solution-bg.png') center center / cover no-repeat !important;
  }

  [data-story-scene="challenge"] .our-story-mobile-copy::before,
  [data-story-scene="result"] .our-story-mobile-copy::before,
  [data-story-scene="solution"] .our-story-mobile-copy::before,
  [data-story-scene="challenge"] .our-story-photo::before,
  [data-story-scene="challenge"] .our-story-photo::after,
  [data-story-scene="result"] .our-story-photo::before,
  [data-story-scene="result"] .our-story-photo::after,
  [data-story-scene="solution"] .our-story-photo::before,
  [data-story-scene="solution"] .our-story-photo::after{
    content:none !important;
    display:none !important;
  }

  [data-story-scene="challenge"] .our-story-photo,
  [data-story-scene="result"] .our-story-photo,
  [data-story-scene="solution"] .our-story-photo{
    background:transparent !important;
  }

  [data-story-scene="challenge"] .our-story-photo img,
  [data-story-scene="result"] .our-story-photo img,
  [data-story-scene="solution"] .our-story-photo img{
    mix-blend-mode:normal !important;
  }
}

/* Keep Challenge (and related) titles on one line — title lives in chrome, not inside [data-story-scene] */
@media (min-width:768px){
  .our-story-pin[data-active-scene="challenge"] .our-story-chrome,
  .our-story-pin[data-active-scene="solution"] .our-story-chrome,
  .our-story-pin[data-active-scene="result"] .our-story-chrome{
    width:min(98vw, 1320px) !important;
  }

  .our-story-pin[data-active-scene="challenge"] .our-story-title,
  .our-story-pin[data-active-scene="solution"] .our-story-title,
  .our-story-pin[data-active-scene="result"] .our-story-title{
    white-space:nowrap !important;
    font-size:clamp(22px, 2.4vw, 40px) !important;
  }
}

/* Trusted callouts: keep all four titles the same size */
@media (min-width:768px){
  [data-story-scene="trusted"] .our-story-callout-copy strong,
  [data-story-scene="trusted"] .our-story-callout--tl .our-story-callout-copy strong,
  [data-story-scene="trusted"] .our-story-callout:nth-child(1) .our-story-callout-copy strong{
    font-size:clamp(11px, .9vw, 14px) !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    letter-spacing:0 !important;
    white-space:normal !important;
  }
}