.film{position:relative;height:100svh;min-height:600px;overflow:hidden;--dur: 7s}.film-shots,.film-shot{position:absolute;inset:0}.film-shot{background-size:cover;background-position:center;opacity:0;transform:scale(1.12);transform-origin:var(--origin);transition:opacity 1.8s ease,transform 11s cubic-bezier(.25,.1,.25,1)}.film-shot.is-on{opacity:1;transform:none}.film-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,11,.6) 0%,transparent 26%,transparent 46%,rgba(5,6,11,.9) 100%),linear-gradient(90deg,rgba(5,6,11,.6) 0%,transparent 60%)}.film-bars span{position:absolute;left:0;right:0;z-index:1;height:6vh;background:#05060b}.film-bars span:first-child{top:0}.film-bars span:last-child{bottom:0}.film .tn-bar{z-index:3}.film-title{position:absolute;left:var(--g);bottom:calc(6vh + 96px);z-index:2;max-width:900px}.film-title h1{margin:0;font-size:clamp(44px,6.4vw,104px);font-weight:800;font-stretch:108%;line-height:.96;letter-spacing:-.035em;text-shadow:0 4px 40px rgba(0,0,0,.5)}.film-intro{max-width:32em;margin:22px 0 0;color:#d4d6de;font-size:19px;text-shadow:0 2px 20px rgba(0,0,0,.8)}.film-caption{position:absolute;right:var(--g);bottom:calc(6vh + 32px);z-index:2;display:flex;align-items:baseline;gap:12px;color:#e9e9ef;font-size:15px;font-style:italic;text-shadow:0 2px 16px rgba(0,0,0,.8);transition:opacity .5s ease}.film-caption .ja{color:#a8acb8;font-style:normal}.film-caption.is-out{opacity:0}.film-timeline{position:absolute;left:var(--g);bottom:calc(6vh + 32px);z-index:2;display:flex;align-items:center;gap:14px}.film-timeline ol{display:flex;gap:6px;margin:0;padding:0;list-style:none}.film-timeline li button{display:block;width:34px;height:18px;padding:8px 0;cursor:pointer}.film-timeline li button i{display:block;height:2px;overflow:hidden;background:#ffffff40}.film-timeline li button i:after{content:"";display:block;height:100%;width:0;background:#fff}.film-timeline li button.is-done i:after{width:100%}.film-timeline li button.is-on i:after{animation:film-tick var(--dur) linear forwards}.film.is-paused .film-timeline li button.is-on i:after{animation-play-state:paused}@keyframes film-tick{to{width:100%}}.film-pause{position:relative;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px #fff6;cursor:pointer}.film-pause span:before,.film-pause span:after{content:"";position:absolute;top:9px;width:2px;height:10px;background:#fff}.film-pause span:before{left:11px}.film-pause span:after{left:15px}.film.is-paused .film-pause span:before{left:11px;width:0;height:0;top:8px;background:none;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent #fff}.film.is-paused .film-pause span:after{display:none}@media(prefers-reduced-motion:no-preference){.film-bars span{animation:film-close 1.6s cubic-bezier(.7,0,.2,1) both}@keyframes film-close{0%{height:0}}}@media(prefers-reduced-motion:reduce){.film-shot{transition:opacity .6s ease;transform:none}}@media(max-width:899px){.film-title{right:var(--g);bottom:calc(6vh + 120px)}.film-intro{font-size:17px}.film-caption{left:var(--g);right:auto;bottom:calc(6vh + 70px)}.film-timeline{right:var(--g)}.film-timeline ol{flex:1;min-width:0}.film-timeline li{flex:1}.film-timeline li button{width:100%;height:36px;padding:17px 0}.film-pause{flex:none;width:36px;height:36px}.film-pause span:before,.film-pause span:after{top:13px}.film-pause span:before{left:15px}.film-pause span:after{left:19px}.film.is-paused .film-pause span:before{left:15px;top:12px}.film-shade{background:linear-gradient(180deg,rgba(5,6,11,.55) 0%,transparent 22%,rgba(5,6,11,.4) 42%,rgba(5,6,11,.92) 72%)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){#line-sites .ride-art{filter:sepia(.4) brightness(.55) contrast(.92);transition:filter 1.4s ease,transform 6s cubic-bezier(.2,.8,.2,1)}#line-sites .ride-visual:hover .ride-art{filter:none}#line-sites .ride-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 100% at 50% 0%,rgba(255,45,45,.16),transparent 62%);transition:opacity 1.4s ease}#line-sites .ride-visual:hover:after{opacity:0}}