*{margin:0;padding:0;box-sizing:border-box}body{font-family:Zen Kaku Gothic New,Arial,sans-serif;background:#111;color:#fff;overflow:hidden;height:100vh;font-weight:700}.motionpath-wrap{width:100%;height:100vh;position:relative;overflow:hidden}.motionpath-content{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.motionpath-content-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.motionpath-content-path{position:absolute;width:120vw;height:80vh;left:40%;top:20%;transform:translate(-50%,-50%)}.motionpath-svg{justify-content:center;align-items:center;width:100%;height:100%}.motionpath-content-wrap{z-index:1;position:fixed;inset:0;pointer-events:none;opacity:0}.motionpath-content-item{grid-column-gap:2em;grid-row-gap:2em;justify-content:flex-start;align-items:flex-start;display:flex;position:fixed;opacity:0;visibility:hidden;pointer-events:auto}.motionpath-content-item__visual{aspect-ratio:320 / 200;flex:none;width:max(calc(520 / 1440 * 100vw),520px);overflow:hidden;position:relative;pointer-events:none}.motionpath-content-item__visual:after{content:"";position:absolute;inset:0;background:#0000004d;pointer-events:none}.motionpath-content-item__img{object-fit:cover;width:100%;height:100%}.motionpath-content-item__details{white-space:nowrap;flex-flow:column;justify-content:flex-end;align-items:flex-start;display:flex}.motionpath-content-item__title{margin-top:0;margin-bottom:40px;font-size:2em;font-weight:900;line-height:1.2}.motionpath-content-item__label{color:#fff;border:#fff 1px solid;padding:.5em .75em;font-size:16px;font-weight:500;line-height:1.2;margin-bottom:24px}.motionpath-content-item__desc{color:#ffffffb3;font-size:.9em;margin-bottom:.5em}.play-btn{padding:10px 30px;border-radius:20px;background:#e7141b;color:#fff;border:none;font-size:.85rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;font-family:inherit;text-decoration:none;display:inline-block}.play-btn:hover{transform:scale(1.1)}.motionpath-content-title{z-index:0;color:#ffffff0a;margin-top:0;margin-bottom:0;font-size:calc();font-weight:900;line-height:.9;position:absolute;white-space:nowrap;letter-spacing:-.02em;pointer-events:none;-webkit-user-select:none;user-select:none}.motionpath-content-title svg{width:calc(1491 / 1440 * 100vw)}.title-path{stroke:#fff6;stroke-width:1;fill-opacity:0;stroke-opacity:0}.scroll-hint{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);color:#fff6;font-size:.7rem;letter-spacing:.3em;z-index:100;display:flex;align-items:center;gap:1rem}.scroll-hint:before,.scroll-hint:after{content:"";width:30px;height:1px;background:#ffffff4d}@media screen and (max-width:767px){.motionpath-content-inner{justify-content:flex-start;align-items:flex-start}.motionpath-content-path{max-height:70vh}.motionpath-content-item{grid-column-gap:1em;grid-row-gap:1em}.motionpath-content-item__visual{width:max(45vw,10rem)}.motionpath-content-item__title{font-size:1.25em}.motionpath-content-item__label{font-size:.625em}.motionpath-content-title{font-size:14vw}}@media(max-height:450px)and (orientation:landscape){.motionpath-content-path{height:70vh;top:15%}.motionpath-content-item__visual{width:max(25vw,300px)}.motionpath-content-item__title{font-size:1em;margin-bottom:15px}.motionpath-content-item__label{font-size:.6em;padding:.3em .5em;margin-bottom:10px}.motionpath-content-item__desc{font-size:.7em}.play-btn{padding:6px 16px;font-size:.7rem}.motionpath-content-title svg{width:80vw}.scroll-hint{bottom:.5rem;font-size:.5rem}.scroll-hint:before,.scroll-hint:after{width:20px}}#orientation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:99999;display:none;justify-content:center;align-items:center;flex-direction:column;color:#fff;text-align:center}#orientation-overlay .icon{font-size:80px;margin-bottom:20px;animation:rotatePhone 2s ease-in-out infinite}@keyframes rotatePhone{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}#orientation-overlay .message{font-size:24px;font-weight:700;margin-bottom:10px}#orientation-overlay .submessage{font-size:16px;color:#ffffffb3}@media(orientation:portrait){#orientation-overlay{display:flex}}
