.tm-story{--tm-bg: #000;--tm-text: #f7f4ff;--tm-muted: #b8b3c7;--tm-cyan: #67e8f9;--tm-violet: #b874ff;--tm-gutter: clamp(22px, 5vw, 100px);--tm-body: var(--typeBasePrimary, "TruMoto Preview", sans-serif);--tm-heading: var(--typeHeaderPrimary, "TruMoto Preview", sans-serif);display:block;position:relative;isolation:isolate;color:var(--tm-text);background:var(--tm-bg);font-family:var(--tm-body);overflow:clip}.tm-story *,.tm-story *:before,.tm-story *:after{box-sizing:border-box}.tm-story .tm-story__space{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.tm-story .tm-story__space img{position:sticky;top:0;width:100%;height:100svh;object-fit:cover;opacity:.18}.tm-story .tm-story__content{position:relative}.tm-story :is(h1,h2,h3,p,figure){margin:0;color:inherit}.tm-story :is(h1,h2,h3){font-family:var(--tm-heading);font-weight:700;letter-spacing:-.055em;text-transform:none;line-height:1.06}.tm-story h1{font-size:clamp(52px,6.8vw,106px);max-width:9ch}.tm-story h2{font-size:clamp(38px,4.8vw,74px);max-width:13ch;text-wrap:balance}.tm-story h3{font-size:clamp(30px,3vw,48px)}.tm-story p{font-size:clamp(19px,1.55vw,25px);line-height:1.5;color:var(--tm-muted);max-width:40ch;margin-top:24px}.tm-story .tm-story__small{font-size:17px;line-height:1.5;max-width:43ch}.tm-story img,.tm-story video{display:block;max-width:100%}.tm-story img{height:auto}.tm-story a{color:inherit;text-decoration:none}.tm-story :is(a,button):focus-visible{outline:3px solid var(--tm-cyan);outline-offset:5px}.tm-story .tm-story__logo{width:clamp(130px,13vw,190px);height:auto;margin-bottom:32px}.tm-story__hero{position:relative;width:100%;aspect-ratio:16 / 9;margin:0;background:#000}.tm-story__hero-copy{position:absolute;left:var(--tm-gutter);bottom:clamp(64px,6vw,100px);max-width:min(680px,70%);z-index:2;text-shadow:0 2px 24px #000}.tm-story .tm-story__hero h1{font-size:clamp(36px,5.8vw,90px);margin:0}.tm-story .tm-story__hero .tm-story__logo{width:clamp(200px,25vw,360px);margin:0 0 20px}.tm-story video{cursor:pointer}.tm-story video:focus-visible{outline:3px solid var(--tm-cyan);outline-offset:3px}.tm-story .tm-story__hero p{font-size:clamp(17px,1.6vw,22px);margin:18px 0 0}.tm-story__hero .tm-story__actions{justify-content:flex-start;margin-top:24px}.tm-story__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(0deg,#000b,transparent 65%);z-index:1}.tm-story__hero-film{position:absolute;top:0;right:0;bottom:0;left:0;min-width:0;margin:0!important}.tm-story__hero-film video{display:block;width:100%;height:100%;object-fit:contain;background:#000}@media(max-width:749px)and (orientation:portrait){.tm-story__hero{aspect-ratio:9 / 16}.tm-story .tm-story__hero-copy{left:var(--tm-gutter);right:var(--tm-gutter);bottom:70px;max-width:none}.tm-story .tm-story__hero h1{font-size:clamp(36px,10vw,60px);max-width:12ch}.tm-story .tm-story__hero p{display:none}.tm-story .tm-story__hero .tm-story__actions{justify-content:flex-start;flex-wrap:wrap;gap:12px}}.tm-story__actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:34px}.tm-story .tm-story__button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 25px;border-radius:8px;background:var(--tm-cyan);color:#001015;font:700 17px/1.2 var(--tm-body)}.tm-story .tm-story__text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--tm-cyan);font-size:18px;text-decoration:underline;text-underline-offset:5px}.tm-story__fan{position:relative;height:min(660px,68svh);margin-left:20px;perspective:1200px}.tm-story__phone{position:relative;background:#000;border-radius:20px;box-shadow:0 15px 70px #000b}.tm-story__phone img{width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:inherit}.tm-story__fan .tm-story__phone{position:absolute;top:6%;width:44%}.tm-story__fan-left{left:0;transform:rotate(-12deg) translateY(30px);z-index:1}.tm-story__fan-center{left:27%;z-index:3;transform:translateY(-10px)}.tm-story__fan-right{right:0;transform:rotate(12deg) translateY(30px);z-index:2}.tm-story__scroll{position:absolute;left:var(--tm-gutter);bottom:25px;font-size:15px;display:flex;gap:12px;align-items:center;color:var(--tm-muted)!important}.tm-story__scroll span{font-size:24px}.tm-story__theme-section{max-width:1450px;margin:auto;padding:140px var(--tm-gutter) 100px;scroll-margin-top:70px}.tm-story__theme-copy{margin:0 auto 70px;text-align:center}.tm-story__theme-copy h2{max-width:none}.tm-story__theme-copy p{margin:24px auto 0;max-width:48ch}.tm-story__theme-stage{display:grid;grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);align-items:center;gap:50px}.tm-story__selected-theme{width:min(350px,85%);justify-self:center}.tm-story__theme-swipe{display:none}@media(max-width:900px),(pointer:coarse){.tm-story__selected-theme{touch-action:pan-y pinch-zoom}.tm-story__theme-swipe{display:block;position:absolute;bottom:-26px;left:0;width:100%;text-align:center;color:var(--tm-muted);font-size:13px;pointer-events:none}}.tm-story__theme-controls{min-width:0}.tm-story__theme-controls p{min-height:3em}.tm-story__theme-choices{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin-top:26px}.tm-story__theme-choices button{font:inherit;font-size:17px;color:var(--tm-muted);border:0;border-bottom:1px solid #fff2;padding:15px 0;background:transparent;text-align:left;cursor:pointer;min-height:50px}.tm-story__theme-choices button[aria-pressed=true]{color:var(--tm-cyan);border-bottom-color:var(--tm-cyan)}.tm-story__limited{text-align:center;padding:110px var(--tm-gutter) 140px;max-width:1500px;margin:auto}.tm-story__wide-copy h2{max-width:none}.tm-story__wide-copy p{margin:25px auto 0;max-width:52ch}.tm-story__exclusive-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:65px 0 32px}.tm-story__exclusive-strip figure:nth-child(2n){margin-top:45px}.tm-story figcaption{color:var(--tm-muted);font-size:16px;line-height:1.4;margin-top:18px}.tm-story__chapter{min-height:115svh;display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);align-items:start;gap:50px;padding:80px var(--tm-gutter);max-width:1500px;margin:auto}.tm-story__copy{padding-top:min(25svh,220px)}.tm-story__visual{align-self:start;position:sticky;top:12svh;width:100%;transform:translate3d(0,var(--tm-rise,0px),0) scale(var(--tm-scale,1));will-change:transform}.tm-story__portrait-video{width:min(350px,90%);justify-self:center}.tm-story__portrait-video video{width:100%;max-height:76svh;object-fit:contain;border-radius:20px;background:#000}.tm-story__chapter--wide{min-height:90svh;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:40px}.tm-story__landscape{border-radius:18px;margin-top:17svh!important}.tm-story__landscape img{width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:inherit}.tm-story__watch-intro{min-height:65svh;display:flex;align-items:center;justify-content:center;padding:90px var(--tm-gutter)}.tm-story__watch-intro h2{font-size:clamp(48px,8.5vw,128px);max-width:none;text-align:center}.tm-story__watch-intro h2 span{display:block}.tm-story__watch-intro h2 span+span{margin-top:.3em;font-size:.62em}.tm-story__watch-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:15svh;align-items:center}.tm-story__watch-pair :is(img,video){width:100%;border-radius:23%;background:#000}.tm-story__watch-pair figure:nth-child(2){transform:translateY(60px)}.tm-story__watch-pair figcaption{text-align:center}.tm-story__watch-pair--round img{border-radius:50%}.tm-story__replay-pair{display:flex;align-items:center;gap:22px;justify-content:center}.tm-story__replay-watch{width:32%;border-radius:22%}.tm-story__replay-phone{width:53%;max-height:75svh;object-fit:contain;border-radius:18px}.tm-story__tuning{margin-top:19svh!important}.tm-story__tuning video{width:100%;border-radius:15px}.tm-story__offline-phone{width:min(330px,85%);justify-self:center}.tm-story__offline-phone video{width:100%;max-height:75svh;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in}.tm-story__single-watch{width:min(350px,80%);justify-self:center;margin-top:16svh!important}.tm-story__single-watch img{border-radius:23%;width:100%}.tm-story__details{display:grid;grid-template-columns:1fr 1fr;gap:100px;max-width:1300px;margin:auto;padding:80px var(--tm-gutter) 130px}.tm-story__details article{min-width:0}.tm-story__details img{height:400px;width:100%;object-fit:contain;margin-bottom:45px}.tm-story__details h2{font-size:clamp(34px,3vw,48px)}.tm-story__finish{text-align:center;padding:110px var(--tm-gutter) 130px;background:#0008}.tm-story__finish h2{max-width:none}.tm-story__finish .tm-story__finish-logo{width:min(620px,100%);height:auto;margin:0 auto 38px}.tm-story__finish p{margin:24px auto 30px}.tm-story .tm-story__qr{display:block;width:150px;margin:30px auto 0;background:var(--tm-cyan);isolation:isolate}.tm-story__qr img{width:100%;filter:invert(1);mix-blend-mode:multiply}@media(min-width:901px)and (prefers-reduced-motion:no-preference){.tm-story[data-motion=true] .tm-story__fan{animation:tm-fan-in 1.2s cubic-bezier(.2,.7,.2,1) both}@keyframes tm-fan-in{0%{opacity:0;transform:translateY(70px) scale(.9)}to{opacity:1;transform:none}}}@media(max-width:1100px){.tm-story__theme-stage,.tm-story__chapter{gap:30px}.tm-story__exclusive-strip{gap:16px}}@media(max-width:900px){.tm-story__hero-copy{max-width:70%}.tm-story h1{max-width:12ch;margin:auto;font-size:clamp(50px,9vw,80px)}.tm-story__hero p{margin:24px auto 0}.tm-story__hero .tm-story__logo{margin:0 auto 24px}.tm-story__actions{justify-content:center}.tm-story__fan{margin:50px auto 0;height:auto;aspect-ratio:1.1;width:min(650px,100%)}.tm-story__fan .tm-story__phone{top:0;width:40%;max-height:none}.tm-story__fan-left{left:3%}.tm-story__fan-center{left:30%}.tm-story__fan-right{right:3%}.tm-story__scroll{display:none}.tm-story__theme-section{padding-top:80px}.tm-story__theme-stage{gap:30px}.tm-story__chapter{min-height:auto;grid-template-columns:1fr;gap:40px;padding-top:80px;padding-bottom:80px}.tm-story__copy{padding:0;max-width:680px}.tm-story h2{max-width:18ch}.tm-story__visual{position:relative;top:auto;transform:none!important;will-change:auto}.tm-story__landscape,.tm-story__tuning,.tm-story__single-watch{margin-top:0!important}.tm-story__portrait-video{width:min(350px,80%)}.tm-story__portrait-video video{max-height:none}.tm-story__watch-intro{min-height:auto;padding-top:75px;padding-bottom:40px}.tm-story__watch-pair{margin:0 auto 30px;max-width:570px}.tm-story__replay-pair{max-width:600px;margin:auto}.tm-story__replay-phone{max-height:none}.tm-story__details{gap:40px}.tm-story__details img{height:330px}}@media(max-width:600px){.tm-story h1{font-size:clamp(44px,11vw,62px)}.tm-story h2{font-size:clamp(36px,9vw,48px)}.tm-story p{font-size:19px;line-height:1.5;margin-top:20px}.tm-story .tm-story__hero .tm-story__logo{width:min(260px,75%);margin-bottom:20px}.tm-story__hero p{max-width:29ch}.tm-story__actions{gap:20px;margin-top:26px}.tm-story__fan{margin-top:42px}.tm-story__phone{border-radius:12px}.tm-story__theme-section{padding-top:60px;padding-bottom:60px}.tm-story__theme-copy{text-align:left;margin-bottom:35px}.tm-story__theme-copy p{margin-left:0}.tm-story__theme-stage{grid-template-columns:1fr;gap:30px}.tm-story__selected-theme{width:min(280px,76%)}.tm-story__theme-controls p{min-height:0}.tm-story__theme-choices{column-gap:20px}.tm-story__theme-choices button{font-size:16px}.tm-story__limited{padding-top:55px;padding-bottom:50px;text-align:left}.tm-story__exclusive-strip{grid-template-columns:repeat(2,1fr);gap:30px 18px;margin-top:35px}.tm-story__exclusive-strip figure:nth-child(2n){margin-top:25px}.tm-story figcaption{font-size:15px}.tm-story__chapter{padding-top:60px;padding-bottom:60px;gap:32px}.tm-story__landscape{border-radius:10px}.tm-story__watch-intro{padding-top:55px;padding-bottom:20px}.tm-story__watch-intro h2{font-size:12vw}.tm-story__watch-pair{gap:15px;margin-bottom:25px}.tm-story__watch-pair figure:nth-child(2){transform:translateY(35px)}.tm-story__single-watch{width:75%}.tm-story__details{grid-template-columns:1fr;gap:70px;padding-top:40px;padding-bottom:70px}.tm-story__details img{height:340px;margin-bottom:25px}.tm-story__finish{padding-top:60px;padding-bottom:75px}.tm-story__finish h2{max-width:12ch;margin:auto}}@media(max-width:1024px)and (max-height:600px)and (orientation:landscape){.tm-story__hero{aspect-ratio:auto;height:100svh}.tm-story .tm-story__hero-copy{left:28px;right:auto;bottom:30px;max-width:65%}.tm-story .tm-story__hero .tm-story__logo{width:210px;margin:0 0 12px}.tm-story .tm-story__hero h1{font-size:38px;margin:0}.tm-story .tm-story__hero p{display:none}.tm-story__hero .tm-story__actions{margin-top:16px}.tm-story__chapter{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding:40px 28px;gap:28px}.tm-story__copy{padding:0}.tm-story h2{font-size:36px}.tm-story p{font-size:17px;margin-top:18px}.tm-story__visual{position:relative;top:auto;transform:none!important}.tm-story__portrait-video video,.tm-story__offline-phone video{max-height:80svh}.tm-story__watch-pair,.tm-story__landscape,.tm-story__tuning,.tm-story__single-watch{margin:0!important}.tm-story__watch-pair figure:nth-child(2){transform:none}.tm-story__watch-pair :is(img,video),.tm-story__single-watch img{max-height:70svh;object-fit:contain}.tm-story__replay-phone{max-height:75svh}}@media(prefers-reduced-motion:reduce){.tm-story *,.tm-story *:before,.tm-story *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tm-story__visual{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/trumoto-product-story.css.map */