/* Responsive hero: explicit flow prevents legacy scroll positioning from overlapping. */
/* Keep the completed desktop sequence visible through the end of its section. */
@media(min-width:1200px){
html body.approved-technology-home #stage{position:relative!important;overflow:visible!important}
html body.approved-technology-home #stage .sticky,
html body.approved-technology-home #stage.is-pinned .sticky,
html body.approved-technology-home #stage.is-ended .sticky{position:sticky!important;top:0!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;height:100vh!important}
html body.approved-technology-home #stage.is-ended #heroCopy{opacity:1!important;pointer-events:auto!important}
html body.approved-technology-home #stage.is-ended .visual,html body.approved-technology-home #stage.is-ended #seqFrame{opacity:1!important;visibility:visible!important}
}

@media(min-width:1200px){
html body.approved-technology-home #stage{height:360vh!important}
html body.approved-technology-home #stage.story-complete #heroCopy{opacity:1!important;pointer-events:auto!important}
html body.approved-technology-home #stage.story-complete .visual{opacity:1!important;visibility:visible!important}
html body.approved-technology-home #stage.story-complete .caption{opacity:0!important;pointer-events:none!important}
}
@media(max-width:1199px){
html body.approved-technology-home #stage{height:auto!important;min-height:0!important;overflow:hidden!important;background:#090b13!important}
html body.approved-technology-home #stage .sticky{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;align-items:center!important;gap:28px!important;width:100%!important;height:auto!important;min-height:0!important;padding:48px 28px 32px!important;box-sizing:border-box!important;overflow:hidden!important}
html body.approved-technology-home #stage #heroCopy{position:relative!important;inset:auto!important;order:0!important;grid-column:1!important;grid-row:1!important;width:100%!important;max-width:none!important;margin:0!important;opacity:1!important;transform:none!important;pointer-events:auto!important}
html body.approved-technology-home #stage #heroCopy h1{font-size:clamp(32px,4.4vw,48px)!important;line-height:1.04!important;max-width:none!important}
html body.approved-technology-home #stage #heroCopy p{max-width:none!important;font-size:16px!important;line-height:1.5!important;margin:18px 0 0!important}
html body.approved-technology-home #stage .visual{position:relative!important;inset:auto!important;order:0!important;grid-column:2!important;grid-row:1!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1!important;align-self:center!important;margin:0!important;opacity:1!important;transform:none!important;overflow:hidden!important;mask-image:none!important;-webkit-mask-image:none!important}
html body.approved-technology-home #stage .visual #seqFrame{display:none!important}
html body.approved-technology-home #stage .visual .story-mobile-video{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:scale(1.3)!important;background:transparent!important}
html body.approved-technology-home #stage .story-card-track{position:relative!important;inset:auto!important;order:0!important;grid-column:1/-1!important;grid-row:2!important;display:flex!important;gap:14px!important;width:100%!important;max-width:100%!important;margin:8px 0 0!important;padding:0 0 12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;transform:none!important}
html body.approved-technology-home #stage .story-card-track .caption{position:relative!important;inset:auto!important;flex:0 0 44%!important;width:auto!important;min-height:0!important;max-width:none!important;padding:20px!important;margin:0!important;opacity:1!important;visibility:visible!important;transform:none!important;scroll-snap-align:start!important}
html body.approved-technology-home #stage .stage-vignette,html body.approved-technology-home #stage .story-loader,html body.approved-technology-home #stage .story-progress,html body.approved-technology-home #stage .scroll-hint,html body.approved-technology-home #stage .story-steps,html body.approved-technology-home #stage .skip-intro{display:none!important}
html body.approved-technology-home #stage .story-swipe-hint{position:relative!important;inset:auto!important;grid-column:1/-1!important;grid-row:3!important;margin:0!important}
}
@media(max-width:600px){
html body.approved-technology-home #stage .sticky{grid-template-columns:1fr!important;padding:32px 20px 24px!important;gap:20px!important}
html body.approved-technology-home #stage .visual{grid-column:1!important;grid-row:2!important;aspect-ratio:4/3!important;max-width:420px!important;justify-self:center!important}
html body.approved-technology-home #stage .story-card-track{grid-row:3!important;margin:0!important}
html body.approved-technology-home #stage .story-card-track .caption{flex-basis:86%!important}
html body.approved-technology-home #stage .story-swipe-hint{grid-row:4!important}
html body.approved-technology-home #stage #heroCopy h1{font-size:clamp(32px,8.5vw,42px)!important}
}