.motion{padding:0;color:#1e1e1e}
.motion .chapter-header{text-align:center}
.motion .chapter-eyebrow{font:600 21px/28.0015px var(--font-display);font-feature-settings:"palt";letter-spacing:.231px;color:#555d6c;margin:0 0 10px}
.motion .chapter-copy{width:66.6666666667%;max-width:none;font:600 21px/28.0015px var(--font-display);font-feature-settings:"palt";letter-spacing:.231px;color:#1e1e1e;margin:16.8px auto 0}
.motion-reel{margin-top:120px}
.motion-steps{list-style:none;margin:0;padding:0}
.motion-step-copy{max-width:840px;text-align:center;font:600 21px/28.0015px var(--font-display);font-feature-settings:"palt";color:#555d6c}
.motion-step-copy h3{font:inherit;color:#040813;margin-bottom:8px}
.motion-step+.motion-step{margin-top:120px}
.motion-static-visual{width:87.5%;max-width:861px;aspect-ratio:861/580;margin:48px auto 0}
.motion-more{margin-top:48px;text-align:center}
.motion-more .text-link{font-size:21px;line-height:28.0015px}
.motion-canvas{display:none}

.motion-art{width:100%;height:100%;position:relative;container-type:inline-size;color:#2b2b2d}
.motion-perspective{width:100%;height:calc(100% - 30px);perspective:1800px}
.motion-plane{width:100%;height:100%;background:#fff;border:1px solid #b6b6bc;border-radius:12px;overflow:hidden;transform-origin:50% 100%;box-shadow:0 18px 40px -24px #0005}
.motion-browser{height:6%;min-height:18px;display:flex;gap:.6%;align-items:center;padding:0 2.2%;background:#f5f5f7;border-bottom:1px solid #d2d2d7;position:relative;font:500 1.35cqw/1 var(--font-body);font-feature-settings:"palt";letter-spacing:.16em}
.motion-browser i{width:.7%;aspect-ratio:1;border-radius:100%;background:#a1a1a6}
.motion-browser>span{position:absolute;left:50%;transform:translateX(-50%)}
.motion-window{height:94%;position:relative;overflow:hidden}
.motion-page-scroll{height:175%;will-change:auto}
.motion-site-hero{height:53%;background:#d2d2d7;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
.motion-site-kicker{font:400 1.65cqw/1.6 var(--font-body);font-feature-settings:"palt";letter-spacing:.12em;margin-bottom:3.5%}
.motion-site-title{font:400 5.8cqw/1.7 "YuMincho","Hiragino Mincho ProN",serif;font-feature-settings:"palt";letter-spacing:.12em;text-align:center}
.motion-site-cta{position:absolute;right:5%;bottom:7%;padding:1.5% 2.2%;background:#fff;font:400 1.65cqw/1.5 var(--font-body);font-feature-settings:"palt"}
.motion-art b{font-weight:400;padding-left:1em}
.motion-site-story{height:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12%;font:400 1.7cqw/1.5 var(--font-body);font-feature-settings:"palt"}
.motion-site-story-title{font:400 3cqw/1.6 "YuMincho","Hiragino Mincho ProN",serif;font-feature-settings:"palt";letter-spacing:.08em}
.motion-site-rooms{height:27%;display:flex;padding:0 6%;gap:7%}
.motion-room-photo{width:54%;height:100%;background:#c5c5ca}
.motion-room-description{display:flex;flex-direction:column;justify-content:center;gap:10%;font:400 1.6cqw/1.5 var(--font-body);font-feature-settings:"palt"}
.motion-room-kicker{letter-spacing:.16em;font-size:1.3cqw}
.motion-room-description strong{font:400 3cqw/1.7 "YuMincho","Hiragino Mincho ProN",serif;font-feature-settings:"palt";letter-spacing:.08em}
.motion-booking-demo{position:absolute;right:5%;bottom:7%;width:50%;padding:4%;background:#fff;box-shadow:0 5px 35px #0002;opacity:0;visibility:hidden;font:400 1.65cqw/1.5 var(--font-body);font-feature-settings:"palt"}
.motion-booking-kicker{display:block;font-size:1.3cqw;letter-spacing:.16em;margin-bottom:5%}
.motion-booking-demo>strong{display:block;font:400 2.4cqw/1.65 "YuMincho","Hiragino Mincho ProN",serif;font-feature-settings:"palt"}
.motion-booking-fields{display:flex;gap:9%;margin:9% 0;border-top:1px solid #d2d2d7;padding-top:7%;font-size:1.5cqw;color:#6e6e73}
.motion-booking-fields em{display:block;font-style:normal;color:#1d1d1f;font-size:1.9cqw;margin-top:7%}
.motion-booking-submit{display:block;padding:5%;background:#303033;color:#fff;text-align:center}
.motion-sample-note{position:absolute;bottom:0;left:0;width:100%;text-align:center;font:400 12px/18px var(--font-body);font-feature-settings:"palt";color:#555d6c}
.motion-art-1 .motion-page-scroll,.motion-art-2 .motion-page-scroll{transform:translateY(-42%)}
.motion-art-2 .motion-booking-demo{opacity:1;visibility:visible}
.motion-art-2 .motion-page-scroll{opacity:.45}

.motion.is-motion-rich .motion-reel{height:350svh;margin-top:36px}
.motion.is-motion-rich .motion-stick{position:sticky;top:0;height:100svh;min-height:660px}
.motion.is-motion-rich .motion-steps{position:absolute;top:84px;left:0;width:100%}
.motion.is-motion-rich .motion-step{position:absolute;inset:0;margin:0}
.motion.is-motion-rich .motion-static-visual{display:none}
.motion.is-motion-rich .motion-canvas{display:block;position:absolute;width:min(861px,87.5vw,calc((100svh - 270px)*1.48448));aspect-ratio:861/580;left:50%;top:230px;transform:translateX(-50%)}
.motion.is-motion-rich .motion-plane,.motion.is-motion-rich .motion-page-scroll{will-change:transform}
.motion.is-motion-rich .motion-more{margin-top:0}
@media(max-width:1068px){
 .motion .chapter-copy{width:91.6666666667%}
 .motion-reel{margin-top:96px}
 .motion-step+.motion-step{margin-top:96px}
 .motion-static-visual{max-width:702px}
 .motion.is-motion-rich .motion-reel{margin-top:12px}
 .motion.is-motion-rich .motion-canvas{width:min(702px,87.5vw,calc((100svh - 270px)*1.48448))}
 .motion.is-motion-rich .motion-step{margin:0}
}
@media(max-width:734px){
 .motion .chapter-header{text-align:left}
 .motion .chapter-eyebrow{font-size:19px;line-height:26.0004px;letter-spacing:.228px;margin-bottom:8px}
 .motion .chapter-copy{width:100%;font-size:19px;line-height:26.0004px;letter-spacing:.228px;margin-top:15.2px}
 .motion-reel{margin-top:72px}
 .motion-step-copy{font-size:19px;line-height:26.0004px;max-width:420px;text-align:left}
 .motion-step+.motion-step{margin-top:72px}
 .motion-static-visual{max-width:361px;margin-top:32px;aspect-ratio:361/300}
 .motion-plane{border-radius:7px;box-shadow:0 12px 28px -20px #0005}
 .motion-site-kicker{font-size:2.5cqw}
 .motion-site-title{font-size:7.5cqw;line-height:1.6}
 .motion-site-cta{font-size:2.5cqw}
 .motion-site-story{font-size:2.5cqw}
 .motion-site-story-title{font-size:4cqw}
 .motion-room-description{font-size:2.5cqw}.motion-room-description strong{font-size:4cqw}
 .motion-room-kicker{font-size:2cqw}
 .motion-booking-demo{width:72%;padding:5%;font-size:2.8cqw}
 .motion-booking-kicker{font-size:2cqw}.motion-booking-demo>strong{font-size:3.5cqw}
 .motion-booking-fields{font-size:2.5cqw}.motion-booking-fields em{font-size:3cqw}
 .motion-more{margin-top:40px;text-align:left}
 .motion-more .text-link{font-size:17px;line-height:23.0003px}
 .motion-sample-note{font-size:11px}
}