/* Mobile media stays in document flow beside its own copy, never sticky over text. */
@media(max-width:650px){
 .story{height:auto!important;margin-top:0}
 .story__sticky{display:block!important;position:relative!important;height:auto!important;min-height:0!important;padding:0 5vw!important;overflow:visible!important}
 .story__deck{display:none!important}
 .story__copy{position:relative;z-index:auto;pointer-events:auto}
 .story__copy>.story__scene{display:block!important;position:relative!important;height:auto!important;min-height:0!important;padding:0!important;margin:0 0 76px!important;opacity:1!important;transform:none!important;pointer-events:auto!important}
 .story__copy .story__deck-card{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;aspect-ratio:1.24;margin:0 0 27px!important;opacity:1!important;transform:none!important;transition:none!important;z-index:auto!important;display:block!important;overflow:hidden;border-radius:24px;pointer-events:none;box-shadow:0 12px 28px #302e1710}
 .story__copy .story__deck-card .automation-scene,.story__copy .story__deck-card .db-scene{position:absolute;inset:0;height:100%;width:100%}
 .story__copy .story__caption,.story__copy .story__caption--left{display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;padding:0 4px!important;margin:0!important;opacity:1!important;transform:none!important}
 .story__copy .story__caption h2{font-size:31px;line-height:1.15;margin:0 0 15px;letter-spacing:-1.1px}
 .story__copy .story__caption p{max-width:none;font-size:14px;line-height:1.75;margin:0 0 20px}
 .story__copy .story__link{font-size:13px;margin-top:0}
 .story-outro{margin-top:50px}
 .steps{padding:65px 5vw 85px}
 .steps__intro{margin-bottom:42px;min-height:0}
 .steps__intro h2{font-size:34px;line-height:1.15;letter-spacing:-1.3px}
 .steps__intro p{font-size:13px;line-height:1.75;margin-top:20px}
 .steps__cards{gap:72px}
 .steps__card,.steps__card.is-active{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0!important;height:auto;padding:0!important;border-radius:26px;background:#f3eedf}
 .steps__copy{position:relative;max-width:none;width:100%;padding:29px 25px 27px;align-self:auto;z-index:1}
 .steps__copy h3{font-size:27px;line-height:1.2;margin:0 0 16px}
 .steps__copy p{max-width:none;font-size:13px;line-height:1.75;margin:0}
 .steps__link{font-size:12px;line-height:1.4;margin-top:21px;margin-bottom:0}
 .steps__photograph{position:relative!important;inset:auto!important;width:100%;height:auto;aspect-ratio:3/2;margin:0!important;border-radius:0 0 25px 25px;background:#e4dcc8;overflow:hidden;z-index:0;flex:none}
 .steps__photograph picture{display:block;width:100%;height:100%}
 .steps__photograph .steps__photo{position:relative!important;inset:auto!important;display:block;width:100%!important;height:100%!important;max-width:100%;object-fit:cover!important;object-position:center!important;mask-image:none!important;transform:scaleX(-1)}
 .steps__photograph:after{background:linear-gradient(180deg,rgba(243,238,223,.06),rgba(224,200,141,.04))!important}
 .faq{padding-top:55px;padding-bottom:100px}
 .footer{transform:none!important;opacity:1!important}
 .inquiry__left{padding-top:max(28px,env(safe-area-inset-top))}
 .inquiry__close{top:max(15px,env(safe-area-inset-top));right:max(15px,env(safe-area-inset-right))}
}
@media(max-width:360px){.story__copy .story__caption h2{font-size:28px}.steps__copy{padding:25px 21px}.steps__copy h3{font-size:25px}}
@media(max-width:650px){.hero__topbar{top:max(22px,env(safe-area-inset-top))}.story__copy .story__link,.steps__link{min-height:32px;align-items:center}}