:root{--motion-paper:#eef1f5;--motion-ink:#101b2b;--motion-top:var(--header)}body[data-page=product]{--motion-top:calc(var(--header) + 66px)}.m-box-story{height:285svh;background:var(--motion-paper);color:var(--motion-ink);position:relative}.m-box-sticky{height:calc(100svh - var(--motion-top));min-height:0;position:sticky;top:var(--motion-top);display:grid;grid-template-rows:64px minmax(0,1fr) 112px;overflow:clip}.m-box-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;border-bottom:1px solid #cbd3de}.m-box-heading>a{color:#405575;display:inline-flex;gap:18px;align-items:center;min-height:44px}.m-box-heading>a:hover{color:var(--blue)}.m-box-layout{display:grid;grid-template-columns:36% 64%;align-items:stretch;min-height:0}.m-box-copy{align-self:center;position:relative;z-index:1;padding-block:20px}.m-chapter-number{font-size:12px;color:#596d89;font-variant-numeric:tabular-nums;display:block;margin-bottom:23px}.m-box-chapter h3{font-size:clamp(36px,4.15vw,60px);line-height:1.04;letter-spacing:-.035em;font-weight:700}.m-box-chapter h3 em{font-style:normal;color:var(--blue)}.m-box-chapter p{font-size:16px;max-width:325px;line-height:1.55;margin-top:23px;color:#445774}.m-box-copy .x-editorial-link{font-size:13px;margin-top:30px;gap:18px}.m-box-view{min-width:0;min-height:0;position:relative}.m-box-canvas{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .25s}.m-box-canvas.is-ready{opacity:1}.m-box-canvas canvas{width:100%;height:100%;display:block}.m-box-fallback{position:absolute;top:10%;right:3%;bottom:10%;left:3%;display:flex;flex-direction:column;justify-content:center;transition:opacity .2s}.m-box-fallback img{width:100%;height:85%;object-fit:contain;mix-blend-mode:multiply}.m-box-fallback span{font-size:12px;text-align:center;color:#4e617d;margin-top:12px}.has-3d .m-box-fallback{opacity:0;visibility:hidden}.m-box-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px 50px;align-content:center;padding-block:14px 22px;border-top:1px solid #cbd3de}.m-box-controls{display:flex;gap:25px;grid-row:span 2}.m-box-controls button{padding:0 0 7px;min-height:48px;border-bottom:2px solid transparent;font-size:13px;text-align:left;color:#4e617d}.m-box-controls button span{display:block;font-size:12px;margin-bottom:5px}.m-box-controls button[aria-pressed=true]{border-bottom-color:var(--blue);color:var(--blue)}.m-box-controls button:hover{color:var(--blue)}.m-scroll-meter{height:2px;background:#ccd4df;align-self:end}.m-scroll-meter span{height:100%;display:block;background:var(--blue);transform-origin:0 50%;transform:scaleX(var(--box-progress,0))}.m-box-bottom small{font-size:12px;color:#4e617d;line-height:1.5}.m-box-bottom small>span{display:block}.m-anchor{scroll-margin-top:var(--motion-top)}.m-road{height:170svh;background:var(--x-night);position:relative;color:#fff}.m-road-sticky{position:sticky;top:var(--motion-top);height:calc(100svh - var(--motion-top));min-height:430px;overflow:hidden;display:grid;place-items:center;isolation:isolate}.m-road-frame{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(var(--road-inset,0%) var(--road-inset,0%));z-index:-2}.m-road-frame>img{width:100%;height:100%;object-fit:cover;object-position:center 65%;transform:scale(var(--road-scale,1))}.m-road-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06111f8f,#06111f14 65%,#06111f6b)}.m-road-copy{text-align:center;padding:30px 22px 18vh;opacity:var(--road-copy,1)}.m-road-copy:focus-within{opacity:1}.m-road-copy h2{font-size:clamp(56px,7.4vw,96px);font-weight:700;line-height:.98;letter-spacing:-.04em;color:#fff;margin:22px 0}.m-road-copy p{font-size:17px;color:#fff;line-height:1.5;margin-bottom:25px}.m-road-copy .btn{min-width:220px;gap:28px;background:#fff;color:var(--x-night)}.m-road-copy a:focus-visible{outline-color:#fff}.m-road-caption{position:absolute;bottom:28px;left:0;width:100%;text-align:center;font-size:12px}.m-detail{background:#071422;color:#fff}.m-detail-main{display:grid;grid-template-columns:56% 44%;align-items:stretch}.m-detail-main>figure{position:relative;overflow:hidden;min-height:600px}.m-detail-main>figure>img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;object-position:center}.m-detail-main>figure>figcaption{position:absolute;bottom:24px;left:28px;right:28px;color:#d5e4f7;font-size:12px}.m-detail-copy{padding:80px clamp(28px,5vw,80px);align-self:center}.m-detail-copy h2{font-size:clamp(38px,4.4vw,64px);font-weight:700;line-height:1.03;color:#fff;margin:24px 0}.m-detail-copy>p{font-size:17px;color:#c7d7ea;line-height:1.6;max-width:350px}.m-photo-details{border-top:1px solid #344962;margin-top:35px;padding-top:5px}.m-photo-details summary{list-style:none;display:flex;gap:22px;justify-content:space-between;align-items:center;font-size:14px;padding:19px 0;cursor:pointer;color:#fff}.m-photo-details summary::-webkit-details-marker{display:none}.m-photo-details summary>span{font-size:25px;transition:transform .25s}.m-photo-details[open] summary>span{transform:rotate(45deg)}.m-detail-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.m-detail-photos img{width:100%;aspect-ratio:1.1;object-fit:contain;background:#f3f3f3}.m-detail-photos figcaption{font-size:12px;margin-top:8px;color:#c7d7ea}.m-photo-details>p{color:#a5bddc;font-size:12px;margin:16px 0 0}.m-photo-details[open] .m-detail-photos{animation:detail-arrive .3s var(--x-ease)}.m-detail :focus-visible{outline-color:#fff}.m-handover{display:grid;grid-template-columns:1.05fr 1fr;gap:9%;align-items:center;padding-block:100px}.m-handover figure{position:relative}.m-handover img{width:100%;aspect-ratio:1.12;object-fit:cover}.m-handover figcaption{font-size:12px;color:#536178;margin-top:12px}.m-handover h2{font-size:clamp(40px,4.6vw,66px);line-height:1.04;font-weight:700;margin:24px 0}.m-handover p{font-size:17px;line-height:1.6;max-width:360px}.m-handover .text-link{margin-top:25px;display:inline-flex;gap:30px}.m-option-photo{margin:0 0 30px;position:relative}.m-option-photo>img{width:100%;max-height:300px;aspect-ratio:2.15;object-fit:cover;background:#f2f4f7}.m-option-camera>img{object-fit:contain;background:#fff}.m-option-dash>img{object-position:center 30%}.m-option-photo figcaption{font-size:12px;line-height:1.5;color:#56657c;padding-top:10px}.m-kit-photo{width:100%;aspect-ratio:1.34;object-fit:cover;margin-bottom:18px}.package-layout{grid-template-columns:1fr 2fr 1fr;gap:35px}.package-box .m-kit-photo{width:100%;max-width:none;transform:none}.install-self>.m-kit-photo{height:300px;object-fit:cover;aspect-ratio:auto}.vehicle-visual{background:#f4f6f8;border:0;border-radius:0;padding:12px;overflow:hidden}.vehicle-visual>img{width:100%;height:150px;object-fit:contain;mix-blend-mode:multiply;margin:0 0 10px}.vehicle-visual>strong{font-size:14px}.vehicle-visual>small{font-size:12px}.m-radio-photo{width:100%;height:150px;object-fit:contain;background:#0f1520;margin-bottom:14px}.m-model-band{display:flex;align-items:center;gap:14px;margin:6px 0 20px;padding-bottom:16px;border-bottom:1px solid #ccd4e1}.m-model-band>img{width:100px;height:54px;object-fit:contain;mix-blend-mode:multiply}.m-model-band>span{font-size:12px;color:#536178}.m-screen-guide{display:flex;gap:18px;align-items:center;padding:25px 0 0}.m-screen-guide img{width:150px;height:92px;object-fit:cover}.m-screen-guide p{font-size:13px;margin:0}.m-screen-guide strong{display:block;color:var(--ink);margin-bottom:5px}@media(min-width:901px)and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){@keyframes craft-window{0%{clip-path:inset(8% 12%)}to{clip-path:inset(0)}}.x-craft-photo>img{animation:craft-window linear both;animation-timeline:view();animation-range:entry 0% entry 100%}}}@media(max-width:1100px){.m-box-chapter h3{font-size:43px}.m-box-controls{gap:17px}.m-box-bottom{gap:10px 30px}.m-detail-copy{padding:45px 28px}.m-detail-main>figure{min-height:560px}.m-detail-copy h2{font-size:43px}.m-handover{gap:6%}.package-layout{gap:20px;grid-template-columns:1fr 1.5fr 1fr}}@media(max-width:900px){.m-box-layout{grid-template-columns:39% 61%}.m-box-chapter h3{font-size:37px}.m-box-chapter p{font-size:15px}.m-box-copy .x-editorial-link{font-size:12px}.m-box-bottom{grid-template-columns:1fr}.m-box-controls{justify-content:space-between;gap:15px;grid-row:auto}.m-scroll-meter,.m-box-bottom small{display:none}.m-box-sticky{grid-template-rows:54px minmax(0,1fr) 90px}.m-detail-main{grid-template-columns:1fr 1fr}.m-detail-copy h2{font-size:36px}.m-handover h2{font-size:43px}.m-handover p{font-size:16px}.package-layout{grid-template-columns:1fr 1fr}.package-box{grid-column:1/-1;grid-row:1}.package-box .m-kit-photo{max-height:440px;object-fit:cover}.m-handover{padding-block:65px}}@media(max-width:600px){body[data-page=product]{--motion-top:calc(var(--header) + 63px)}.m-box-story{height:250svh}.m-box-sticky{grid-template-rows:44px minmax(0,1fr) 83px}.m-box-heading{font-size:12px}.m-box-heading>a{font-size:12px;gap:6px}.m-box-heading>a>span{display:none}.m-box-heading>span{max-width:145px}.m-box-heading>a{max-width:138px;text-align:right}.m-box-layout{display:flex;flex-direction:column}.m-box-copy{align-self:stretch;flex-shrink:0;padding:22px 0 0}.m-box-chapter h3{font-size:clamp(30px,8vw,38px);line-height:1.06}.m-box-chapter p{font-size:14px;line-height:1.45;margin-top:14px;max-width:350px}.m-chapter-number,.m-box-copy .x-editorial-link{display:none}.m-box-view{flex:1;width:100%}.m-box-fallback{top:0;right:0;bottom:0;left:0}.m-box-fallback span{font-size:12px;margin-top:4px}.m-box-bottom{padding:10px 0 14px}.m-box-controls button{font-size:12px;min-height:51px}.m-box-controls{gap:10px}.m-box-controls button span{font-size:12px}.m-road{height:155svh}.m-road-copy{padding-bottom:12vh}.m-road-copy h2{font-size:clamp(54px,16vw,76px);margin:20px 0}.m-road-copy p{font-size:15px}.m-road-frame>img{object-position:48% 60%}.m-road-caption{font-size:12px;bottom:20px}.m-detail-main{grid-template-columns:1fr}.m-detail-main>figure{min-height:0;height:360px}.m-detail-main>figure>img{object-position:50% 42%}.m-detail-main>figure>figcaption{left:22px;bottom:20px}.m-detail-copy{padding:42px 22px 48px}.m-detail-copy h2{font-size:45px;margin:20px 0}.m-detail-copy>p{font-size:16px}.m-photo-details{margin-top:25px}.m-handover{grid-template-columns:1fr;gap:32px;padding-block:55px}.m-handover h2{font-size:44px;margin:20px 0}.m-handover img{aspect-ratio:1.25}.m-handover p{max-width:100%}.m-handover .text-link{font-size:14px;margin-top:20px}.m-option-photo>img{aspect-ratio:1.65;max-height:240px}.m-option-photo{margin-bottom:24px}.m-option-photo figcaption{font-size:12px}.m-kit-photo{margin-bottom:22px}.install-self>.m-kit-photo{height:240px}.package-layout{gap:24px}.package-box .m-kit-photo{height:auto}.vehicle-visual>img{height:145px}.m-radio-photo{height:120px}.m-model-band{margin-block:0 10px}.m-model-band>img{width:85px}.m-screen-guide{align-items:flex-start}.m-screen-guide img{width:105px;height:95px}}@media(prefers-reduced-motion:reduce),(max-height:799px){.m-box-story{height:auto}.m-box-sticky{height:auto;min-height:590px;position:relative;top:0;grid-template-rows:58px minmax(420px,1fr) 90px}.m-box-copy{min-height:0}.m-box-view{min-height:250px}}@media(prefers-reduced-motion:reduce),(max-height:619px){.m-road{height:auto}.m-road-sticky{height:720px;max-height:100svh;position:relative;top:0}.m-road-frame{clip-path:none!important}.m-road-frame>img{transform:none!important}.m-road-copy{opacity:1!important}.m-box-canvas,.m-box-fallback{transition:none}.m-photo-details[open] .m-detail-photos{animation:none}.m-photo-details summary>span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/co-source-motion-35a8c6a9.css.map */