* html{font-size:100%}html{font-size:16px;line-height:1.5em}@media only screen and (min-width: 768px){body{width:100%}}@media only screen and (min-width: 1530px){body{width:100%}}@media only screen and (min-device-width: 320px)and (max-width: 767px){body{width:100%}}@media only screen and (min-device-width: 320px)and (max-width: 767px)and (-webkit-device-pixel-ratio: 2){body{width:100%}}@media only screen and (min-device-width: 320px)and (max-width: 767px)and (-webkit-device-pixel-ratio: 3){body{width:100%}}@media only screen and (min-device-width: 320px)and (max-width: 767px){html{height:100%}}@media only screen and (min-device-width: 320px)and (max-width: 767px){body.is-intro.post-name-twinight{height:100%}}@media only screen and (min-device-width: 320px)and (max-width: 767px){body.is-intro.post-name-twinight .p-superwrapper{height:100%}}@media only screen and (min-device-width: 320px)and (max-width: 767px){body.is-intro.post-name-twinight main.p-single.is-intro{padding-top:0;height:100%}}#twinight{--mask-transition-duration: 1;--photo-transition-duration: 0.6;--movie-transition-duration: 2;--cutin-transition-duration: 0.9;position:relative;width:100%;height:100%;overflow:hidden}#twinight .p-twinight-logo{aspect-ratio:250/60;width:15.625rem}@media only screen and (min-device-width: 320px)and (max-width: 767px){#twinight .p-twinight-logo{width:15.625rem}}#twinight .p-loading{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:0;width:100%;height:100%}#twinight .p-loading .p-loading__progress{position:absolute;top:50%;left:0;width:100%;height:1px;overflow:hidden}#twinight .p-loading .p-loading__progress>div{-webkit-transform:translateX(-100%);transform:translateX(-100%);background-color:#000;width:100%;height:1px}#twinight .p-twinight__header{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10;width:100%;height:100%}@-webkit-keyframes mask-show{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}@keyframes mask-show{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}#twinight .p-mask{-webkit-mask-image:url(../../../intro/twinight/images/cutin/sprite.png);mask-image:url(../../../intro/twinight/images/cutin/sprite.png);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:3000% 100%;mask-size:3000% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#twinight .p-mask.is--reveal{-webkit-animation-duration:calc(1s*var(--cutin-transition-duration));animation-duration:calc(1s*var(--cutin-transition-duration));-webkit-animation-timing-function:steps(29);animation-timing-function:steps(29);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:mask-show;animation-name:mask-show}#twinight .p-movies{position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:0;z-index:10;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}#twinight .p-movies.is--active{opacity:1}#twinight .p-movies.transition--in .p-movie video{--ox: 50%;--oy: 50%}#twinight .p-movies.transition--in.transition--out .p-movie video{--ox: 70%;--oy: 50%}#twinight .p-movies .p-movies__wrapper{position:relative;z-index:0;width:100%;height:100%}#twinight .p-movies .p-movie{position:absolute;opacity:0;width:100%;height:100%}#twinight .p-movies .p-movie.is--active{opacity:1}#twinight .p-movies .p-movie video{transition:--ox calc(1s*var(--movie-transition-duration)) ease,--oy calc(1s*var(--movie-transition-duration)) ease;will-change:--ox,--oy;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;--ox: 30%;--oy: 50%;-o-object-position:var(--ox) var(--oy);object-position:var(--ox) var(--oy)}#twinight .p-photos{position:absolute;opacity:0;z-index:10;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}#twinight .p-photos .p-photos__wrapper{position:relative;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:200vw;perspective:200vw;width:100%;height:100%;-webkit-transition-timing-function:cubic-bezier(0.43, 0.05, 0.17, 1);transition-timing-function:cubic-bezier(0.43, 0.05, 0.17, 1);-webkit-transition-duration:calc(1s*var(--mask-transition-duration));transition-duration:calc(1s*var(--mask-transition-duration));-webkit-transition-property:"transform", "transform";transition-property:"transform", "transform";transition-property:"transform"}#twinight .p-photos.is--active{opacity:1}#twinight .p-photos.is--active .p-photos__wrapper{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}#twinight .p-photos .p-photo{--x: 0;--y: 0;--z: 0;--rx: 0;--ry: 0;--rz: 0;--ox: 0;--oy: 0;position:absolute;-webkit-transform:translateX(calc(1% * var(--x))) translateY(calc(1% * var(--y))) translateZ(calc(1vw * var(--z))) rotateX(calc(1deg * var(--rx))) rotateY(calc(1deg * var(--ry))) rotateZ(calc(1deg * var(--rz)));transform:translateX(calc(1% * var(--x))) translateY(calc(1% * var(--y))) translateZ(calc(1vw * var(--z))) rotateX(calc(1deg * var(--rx))) rotateY(calc(1deg * var(--ry))) rotateZ(calc(1deg * var(--rz)));opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-duration:calc(1s*var(--photo-transition-duration)),.3s;transition-duration:calc(1s*var(--photo-transition-duration)),.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;width:100%;height:100%}#twinight .p-photos .p-photo[data-style=trim]{-webkit-transition-duration:calc(1s*var(--photo-transition-duration)*1.5),.3s;transition-duration:calc(1s*var(--photo-transition-duration)*1.5),.3s}@media only screen and (min-width: 768px){#twinight .p-photos .p-photo[data-style=trim] picture img{-o-object-fit:contain;object-fit:contain}}#twinight .p-photos .p-photo .p-photo__wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}#twinight .p-photos .p-photo.transition--immediate{-webkit-transform:translateX(0%) translateY(0%) translateZ(0vw) rotateX(0deg) rotateY(0deg) rotateZ(0deg) !important;transform:translateX(0%) translateY(0%) translateZ(0vw) rotateX(0deg) rotateY(0deg) rotateZ(0deg) !important;opacity:1 !important;-webkit-transition-duration:0s !important;transition-duration:0s !important}#twinight .p-photos .p-photo.transition--immediate picture img{-webkit-transition-duration:0s !important;transition-duration:0s !important;-o-object-position:50% 50% !important;object-position:50% 50% !important}#twinight .p-photos .p-photo.transition--in{-webkit-transform:translateX(0%) translateY(0%) translateZ(0vw) rotateX(0deg) rotateY(0deg) rotateZ(0deg);transform:translateX(0%) translateY(0%) translateZ(0vw) rotateX(0deg) rotateY(0deg) rotateZ(0deg);opacity:1}#twinight .p-photos .p-photo.transition--in picture img{-o-object-position:50% 50%;object-position:50% 50%}#twinight .p-photos .p-photo picture{display:block;width:100%;height:100%}#twinight .p-photos .p-photo picture img{vertical-align:top;-webkit-transform-style:flat;-webkit-perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-property:object-position;transition-property:object-position;transition-property:object-position, -o-object-position;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:calc(50% + var(--ox)*1%) calc(50% + var(--oy)*1%);object-position:calc(50% + var(--ox)*1%) calc(50% + var(--oy)*1%)}#twinight #photo1{background-color:#333}@media only screen and (min-width: 768px){#twinight #photo1 .p-photo__wrapper{padding:4.0625rem 24px}}#twinight #photo3{background-color:#b9b9b9}@media only screen and (min-width: 768px){#twinight #photo3 .p-photo__wrapper{padding:7.5rem 24px}}#twinight #photo4{background-color:#0f0f0f}@media only screen and (min-width: 768px){#twinight #photo4 .p-photo__wrapper{padding:0 24px}}#twinight #photo6{background-color:#131313}@media only screen and (min-width: 768px){#twinight #photo6 .p-photo__wrapper{padding:0 24px}}#twinight #photo7{background-color:#bbb}@media only screen and (min-width: 768px){#twinight #photo7 .p-photo__wrapper{padding:8.125rem 24px}}#twinight #photo9{background-color:#ececec}@media only screen and (min-width: 768px){#twinight #photo9 .p-photo__wrapper{padding:6.125rem 24px}}#twinight #photo12{background-color:#2f2f2f}@media only screen and (min-width: 768px){#twinight #photo12 .p-photo__wrapper{padding:9rem 24px}}#twinight .p-cutins{position:absolute;opacity:0;z-index:10;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;pointer-events:none}#twinight .p-cutins.is--active{opacity:1}#twinight .p-cutins .p-cutin{position:absolute;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:opacity;transition-property:opacity;width:100%;height:100%}#twinight .p-cutins .p-cutin.is--active{opacity:1}#twinight .p-cutins .p-cutin picture{display:block;width:100%;height:100%}#twinight .p-cutins .p-cutin picture img{vertical-align:top;-webkit-transition-duration:calc(1s*var(--cutin-transition-duration)*4);transition-duration:calc(1s*var(--cutin-transition-duration)*4);-webkit-transition-property:object-position,-webkit-transform;transition-property:object-position,-webkit-transform;transition-property:transform,object-position;transition-property:transform,object-position,-webkit-transform,-o-object-position;-webkit-transition-timing-function:linear;transition-timing-function:linear;will-change:object-position;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width: 768px){#twinight .p-cutins #cutin1.p-cutin.transition--in picture img{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);-o-object-position:100% 50%;object-position:100% 50%}}@media only screen and (min-device-width: 320px)and (max-width: 767px){#twinight .p-cutins #cutin1.p-cutin.transition--in picture img{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);-o-object-position:50% 0%;object-position:50% 0%}}@media only screen and (min-width: 768px){#twinight .p-cutins #cutin1.p-cutin picture img{-webkit-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg);-o-object-position:0% 50%;object-position:0% 50%}}@media only screen and (min-device-width: 320px)and (max-width: 767px){#twinight .p-cutins #cutin1.p-cutin picture img{-webkit-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg);-o-object-position:50% 100%;object-position:50% 100%}}@media only screen and (min-width: 768px){#twinight .p-cutins #cutin2.p-cutin.transition--in picture img{-webkit-transform:scale(1);transform:scale(1);-o-object-position:75% 75%;object-position:75% 75%}}@media only screen and (min-device-width: 320px)and (max-width: 767px){#twinight .p-cutins #cutin2.p-cutin.transition--in picture img{-webkit-transform:scale(1);transform:scale(1);-o-object-position:50% 25%;object-position:50% 25%}}@media only screen and (min-width: 768px){#twinight .p-cutins #cutin2.p-cutin picture img{-webkit-transform:scale(1.2);transform:scale(1.2);-o-object-position:25% 25%;object-position:25% 25%}}@media only screen and (min-device-width: 320px)and (max-width: 767px){#twinight .p-cutins #cutin2.p-cutin picture img{-webkit-transform:scale(1.2);transform:scale(1.2);-o-object-position:50% 75%;object-position:50% 75%}}#twinight .p-cutins .p-cutins__sprite{display:none}