.fort-intro-media{background:var(--fort-paper);color:var(--fort-black);padding:2.4rem}.fort-intro-media__frame{max-width:168rem;margin:auto}.fort-intro-media__step{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3.2rem,6vw,10rem);align-items:center;margin-bottom:5rem}.fort-intro-media__copy{padding:3.2rem clamp(0rem,3vw,4.8rem);margin:0;font-size:clamp(3.2rem,3.5vw,5.6rem);line-height:1.08;letter-spacing:-.035em;font-weight:400;text-wrap:pretty}.fort-intro-media__photo{height:100%;min-height:0;overflow:hidden;border-radius:var(--fort-radius-panel-lg)}.fort-intro-media__image{display:block;width:100%;height:100%;max-height:85svh;object-fit:cover;object-position:center 42%}.fort-intro-media__phone-stage{display:flex;align-items:center;justify-content:center;padding:1rem}.fort-intro-media__phone-stage .fort-app-phone{width:min(100%,calc((100svh - 14rem - 18px)*.46 + 18px));max-width:46rem;margin:0 auto;flex-shrink:0}@media(prefers-reduced-motion:no-preference)and (min-height:650px){.fort-intro-media.is-scroll-story{height:208svh}.is-scroll-story .fort-intro-media__frame{position:sticky;top:9.6rem;height:calc(100svh - 12rem);display:grid}.is-scroll-story .fort-intro-media__step{grid-area:1 / 1;height:100%;min-height:0;margin:0;opacity:0;visibility:hidden;transition:opacity .24s ease;pointer-events:none}.is-scroll-story .fort-intro-media__step.is-active{opacity:1;visibility:visible;pointer-events:auto}}@media(max-width:749px){.fort-intro-media{padding:2rem}.fort-intro-media__step{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:2rem}.fort-intro-media__copy{padding:1.6rem 0;font-size:clamp(2.8rem,7vw,3.8rem);max-width:48rem}.fort-intro-media__photo{border-radius:var(--fort-radius-panel-sm)}.fort-intro-media__image{object-position:center 44%}.fort-intro-media__phone-stage .fort-app-phone{width:min(100%,calc((100svh - 32rem)*.46))}}@media(prefers-reduced-motion:reduce),(max-height:649px){.fort-intro-media__phone-stage .fort-app-phone{width:min(100%,40rem)}}@media(min-width:750px){.fort-intro-media__step:has(.fort-intro-media__phone-stage){grid-template-columns:minmax(0,68rem) minmax(0,min(46rem,calc((100svh - 14rem - 18px)*.46 + 18px)));justify-content:center;gap:clamp(24px,3vw,48px)}.fort-intro-media__step:has(.fort-intro-media__phone-stage) .fort-intro-media__copy{padding-inline:0}.fort-intro-media__phone-stage{padding-inline:0}.fort-intro-media__phone-stage .fort-app-phone{width:100%;margin-inline:0}}@media(prefers-reduced-motion:no-preference)and (min-height:650px){.is-scroll-story .fort-intro-media__phone-stage{container-type:size}.is-scroll-story .fort-intro-media__phone-stage .fort-app-phone{width:min(100%,calc((100cqh - 18px)*.46 + 18px));margin-inline:auto}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/fort-intro-media.css.map */