:root { --gray: #9e8f8b; --smoke-black: #210f07; --darker-smoke-black: #140e0b; --dark-brown: #2d211e; --smoke-brown: #44302c; --lighter-smoke-brown: #5a4541; --pale-cream-orange: #d6b7a7; --cream-orange: #ffa585; --light-orange: #f96e47; --oho-orange: #ff4926; --oho-orange-dark: #a5291c; --smoke-gray: #968783; --light-gray: #ede8e6; --pale-orangy-gray: #ead7ca; --poster-orange: rgb(255,89,39); --round-corners: 8px; --rounder-corners: 10px; --plyr-color-main: #ff4926 !important; --nav-bar-width: 8px;} @font-face {font-family: 'Gotham Book';src: url('../fonts/Gotham/gotham-book-webfont.woff') format('woff'), url('../fonts/Gotham/gotham-book-webfont.ttf') format('truetype'), url('../fonts/Gotham/gotham-book-webfont.svg#gothambook') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'Gotham Black';src: url('../fonts/Gotham/gotham-black-webfont.woff') format('woff'), url('../fonts/Gotham/gotham-black-webfont.ttf') format('truetype'), url('../fonts/Gotham/gotham-black-webfont.svg#gothamblack') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'Gotham Italic';src: url('../fonts/Gotham/gotham-blackitalic-webfont.woff') format('woff'), url('../fonts/Gotham/gotham-blackitalic-webfont.ttf') format('truetype'), url('../fonts/Gotham/gotham-blackitalic-webfont.svg#gothamitalic') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'Gotham Bold';src: url('../fonts/Gotham/Gotham-Bold.otf');src: url('../fonts/Gotham/gotham-bold-webfont.woff') format('woff'), url('../fonts/Gotham/gotham-bold-webfont.ttf') format('truetype'), url('../fonts/Gotham/gotham-bold-webfont.svg#gothambold') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'Gotham Light';src: url('../fonts/Gotham/gotham-light-webfont.woff') format('woff'), url('../fonts/Gotham/gotham-light-webfont.ttf') format('truetype'), url('../fonts/Gotham/gotham-light-webfont.svg#gothamlight') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'Gotham Medium';src: url('../fonts/Gotham/gotham-medium-webfont.woff') format('woff'), url('../fonts/Gotham/gotham-medium-webfont.ttf') format('truetype'), url('../fonts/Gotham/gotham-medium-webfont.svg#gothammedium') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'amp bold';src: url('../fonts/AMP/arsmaquettepro-bold-webfont.eot');src: url('../fonts/AMP/arsmaquettepro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/AMP/arsmaquettepro-bold-webfont.woff') format('woff'), url('../fonts/AMP/arsmaquettepro-bold-webfont.ttf') format('truetype'), url('../fonts/AMP/arsmaquettepro-bold-webfont.svg#ars_maquette_probold') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'amp medium';src: url('../fonts/AMP/arsmaquettepro-medium-webfont.eot');src: url('../fonts/AMP/arsmaquettepro-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/AMP/arsmaquettepro-medium-webfont.woff') format('woff'), url('../fonts/AMP/arsmaquettepro-medium-webfont.ttf') format('truetype'), url('../fonts/AMP/arsmaquettepro-medium-webfont.svg#ars_maquette_promedium') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'DejaVu Serif';src: url('../fonts/Dejavu/DejaVuSerif-Italic.woff') format('woff'), url('../fonts/Dejavu/DejaVuSerif-Italic.ttf') format('truetype'), url('../fonts/Dejavu/DejaVuSerif-Italic.svg#DejaVuSerif-Italic') format('svg');font-weight: normal;font-style: italic;font-display: swap;}@font-face {font-family: 'DejaVu Serif';src: url('../fonts/Dejavu/DejaVuSerif.woff') format('woff'), url('../fonts/Dejavu/DejaVuSerif.ttf') format('truetype'), url('../fonts/Dejavu/DejaVuSerif.svg#DejaVuSerif') format('svg');font-weight: normal;font-style: normal;font-display: swap;} html { box-sizing: border-box; padding: 0px; margin: 0px; } *, *:before, *:after { box-sizing: inherit; }body {background-color: var(--darker-smoke-black);background-image: url('../media/assets/body-bg.jpg');background-position: center;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;padding: 0px;margin: 0px;color: var(--light-gray);font-size: 1em;font-family: 'Gotham Book', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-user-select: none;-o-user-select: none;-moz-user-select: none;user-select: none;overflow-x: hidden;}::-webkit-scrollbar { width: var(--nav-bar-width); border: none; outline: none;} ::-webkit-scrollbar-button { display: none;} ::-webkit-scrollbar-track { background-color: transparent; border: none; outline: none;} ::-webkit-scrollbar-thumb { background-color: rgba(150, 135, 131, 0.26); outline: none; } ::-webkit-scrollbar-thumb:hover{ background-color: var(--oho-orange);}h1, h2, h3, h4 { margin: 0px; padding: 0px; display: block; font-size: inherit;}p { display: block; padding: 0px; margin: 0px; }a{ outline: none; border: none; cursor: pointer; color: var(--cream-orange); text-decoration: none;}a:hover { color: var(--light-orange); text-decoration: none;}a:focus{ color: inherit; }b {font-weight: normal; font-family: 'Gotham Bold';}img, object { outline: none; border: none; display: block; }.hue-layer {width: 100%;height: 100%;object-fit: cover;position: absolute;z-index: 2;background-color: var(--darker-smoke-black);-webkit-mix-blend-mode: hue;-moz-mix-blend-mode: hue;-o-mix-blend-mode: hue;mix-blend-mode: hue;opacity: 0.9;pointer-events: none;-webkit-transition: opacity ease-in-out 0.25s;-moz-transition: opacity ease-in-out 0.25s;-o-transition: opacity ease-in-out 0.25s;transition: opacity ease-in-out 0.25s;}.hue-layer.b-color{ background-color: #29150e; z-index: 4; opacity: 1; }.hidden { opacity: 0; visibility: hidden; -webkit-transition: opacity ease-in-out 0.25s; -moz-transition: opacity ease-in-out 0.25s; -o-transition: opacity ease-in-out 0.25s; transition: opacity ease-in-out 0.25s; }.stp-poster { opacity: 1; -webkit-transition: opacity ease-in-out 0.25s; -moz-transition: opacity ease-in-out 0.25s; -o-transition: opacity ease-in-out 0.25s; transition: opacity ease-in-out 0.25s; }.loader, .el-box { scale: 0.8; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; }.el-box, #face { position: relative; z-index: 1; }#face {-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);-webkit-animation: inflate 1s cubic-bezier(0.65, 0, 0.35, 1) alternate infinite;-moz-animation: inflate 1s cubic-bezier(0.65, 0, 0.35, 1) alternate infinite;-o-animation: inflate 1s cubic-bezier(0.65, 0, 0.35, 1) alternate infinite;animation: inflate 1s cubic-bezier(0.65, 0, 0.35, 1) alternate infinite;}@-webkit-keyframes inflate { 0%{ transform: scale(0.8); } 100%{ transform: scale(0.6); } }@-moz-keyframes inflate { 0%{ transform: scale(0.8); } 100%{ transform: scale(0.6); } }@-o-keyframes inflate { 0%{ transform: scale(0.8); } 100%{ transform: scale(0.6); } }@keyframes inflate { 0%{ transform: scale(0.8); } 100%{ transform: scale(0.6); } }#confety { position: absolute; z-index: 2; }#confety img {position: absolute;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-animation: go-around 2s cubic-bezier(0.83, 0, 0.17, 1) forwards infinite;-moz-animation: go-around 2s cubic-bezier(0.83, 0, 0.17, 1) forwards infinite;-o-animation: go-around 2s cubic-bezier(0.83, 0, 0.17, 1) forwards infinite;animation: go-around 2s cubic-bezier(0.83, 0, 0.17, 1) forwards infinite;}#confety img:nth-child(1) {rotate: 0deg;-webkit-animation-delay: 0.00s;-moz-animation-delay: 0.00s;-o-animation-delay: 0.00s;animation-delay: 0.00s;}#confety img:nth-child(2){ rotate: -18deg; -webkit-animation-delay: 0.065s; -moz-animation-delay: 0.065s; -o-animation-delay: 0.065s; animation-delay: 0.065s; }#confety img:nth-child(3){ rotate: -38deg; -webkit-animation-delay: 0.130s; -moz-animation-delay: 0.130s; -o-animation-delay: 0.130s; animation-delay: 0.130s; }#confety img:nth-child(4){ rotate: -58deg; -webkit-animation-delay: 0.195s; -moz-animation-delay: 0.195s; -o-animation-delay: 0.195s; animation-delay: 0.195s; }#confety img:nth-child(5){ rotate: -78deg; -webkit-animation-delay: 0.260s; -moz-animation-delay: 0.260s; -o-animation-delay: 0.260s; animation-delay: 0.260s; }#confety img:nth-child(6){ rotate: -98deg; -webkit-animation-delay: 0.325s; -moz-animation-delay: 0.325s; -o-animation-delay: 0.325s; animation-delay: 0.325s; }@-webkit-keyframes go-around { 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} }@-moz-keyframes go-around { 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} }@-o-keyframes go-around { 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} }@keyframes go-around { 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} }#loader-layer {width: 100vw;height: 100vh;display: flex;align-items: center;justify-content: center;background-color: rgba(20, 14, 11, 0.9);backdrop-filter: blur(20px);position: fixed;top: 0px;z-index: 99;}#poster-main-cont {width: 1027px;background-color: var(--darker-smoke-black);height: auto;display: flex;position: relative;align-items: center;flex-direction: column;margin: auto;border-right: 1px solid rgb(44,38,35);border-left: 1px solid rgb(44,38,35);}#poster-main-cont video {  width: 100%; height: 100%; display: block; overflow: hidden; object-fit: cover; background: transparent; }.pp-cont, .pp-bg-cont { display: flex; height: fit-content; align-items: center; flex-direction: column; text-align: center;}.pp-cont img, .pp-bg-cont img, .pp-cont object { width: 100%; object-fit: cover; pointer-events: none; }.w1220{ width: 100%; }.w1140{ width: fit-content }.pp-cont.pp3 { flex-direction: row; }.pp-cont.pp3 div {display: flex;align-items: center;justify-content: center;border-left: 1px solid var(--poster-orange);border-right: 1px solid var(--poster-orange);border-top: 1px solid var(--poster-orange);border-bottom: 0px solid transparent;}#poster-main-cont .pp-cont.pp4 .video-box { border-left: 1px solid var(--poster-orange); border-right: 1px solid var(--poster-orange); overflow: hidden; display: flex; width: 100%; aspect-ratio: 1140/327; margin-right: -1px; }.pp-cont.pp7 { flex-direction: row; position: relative; z-index: 2; }.pp-bg-cont.pp8 { position: absolute; z-index: 1; border-right: 1px solid rgb(44,38,35); border-left: 1px solid rgb(44,38,35); }.pp-cont.pp8, .pp-cont.pp9 { position: relative; z-index: 2; }.peach-anim-cont[name="layers"] { display: flex; align-items: center; justify-content: center; z-index: 3; position: relative; }.peach-anim-cont[name="layers"] img { -webkit-transform: translateY(-5%);-moz-transform: translateY(-5%);-o-transform: translateY(-5%);transform: translateY(-5%);-webkit-animation: swaying-ud cubic-bezier(0.45, 0, 0.55, 1) 1.5s alternate infinite;-moz-animation: swaying-ud cubic-bezier(0.45, 0, 0.55, 1) 1.5s alternate infinite;-o-animation: swaying-ud cubic-bezier(0.45, 0, 0.55, 1) 1.5s alternate infinite;animation: swaying-ud cubic-bezier(0.45, 0, 0.55, 1) 1.5s alternate infinite;}.peach-anim-cont[name="layers"] img:not(#layer-1) { position: absolute; }.peach-anim-cont[name="bg"] { z-index: 2; position: absolute; }@-webkit-keyframes swaying-ud { 0% { transform: translateY(-5%); } 100% { transform: translateY(5%); } }@-moz-keyframes swaying-ud { 0% { transform: translateY(-5%); } 100% { transform: translateY(5%); } }@-o-keyframes swaying-ud { 0% { transform: translateY(-5%); } 100% { transform: translateY(5%); } }@keyframes swaying-ud { 0% { transform: translateY(-5%); } 100% { transform: translateY(5%); } }@-webkit-keyframes swaying-ud-softer { 0% { transform: translateY(-3%); } 100% { transform: translateY(3%); } }@-moz-keyframes swaying-ud-softer { 0% { transform: translateY(-3%); } 100% { transform: translateY(3%); } }@-o-keyframes swaying-ud-softer { 0% { transform: translateY(-3%); } 100% { transform: translateY(3%); } }@keyframes swaying-ud-softer { 0% { transform: translateY(-3%); } 100% { transform: translateY(3%); } }#layer-1 { position: relative; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }#layer-2 { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; }#layer-3 { -webkit-animation-delay: 1.0s; -moz-animation-delay: 1.0s; -o-animation-delay: 1.0s; animation-delay: 1.0s; }#layer-4 { -webkit-animation-name: swaying-ud-softer; -moz-animation-name: swaying-ud-softer; -o-animation-name: swaying-ud-softer; animation-name: swaying-ud-softer; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; }#layer-5 { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; }#layer-5 { -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s; }.pp-cont.pp11{ flex-direction: row; }.pp-cont.pp12 { position: relative; }#pins-cont { position: absolute; z-index: 2; }#cards-cont { display: grid; grid-template-columns: repeat(3,1fr); column-gap: 8px; position: relative; z-index: 1; }#cards-cont .col-wrappers { display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto; row-gap: 8px; position: relative; }#cards-cont .col-wrappers div.card-box { display: flex; position: relative; }.card-wrapper { overflow: hidden; border-radius: 8px; display: flex; align-items: center; justify-content: center; position: relative; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }.card-wrapper:hover { -webkit-transform: translateY(-3.2%); -moz-transform: translateY(-3.2%); -o-transform: translateY(-3.2%); transform: translateY(-3.2%); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }.cards { opacity: 1; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }.pin-wrapper { position: absolute; z-index: 6; width: 100%; pointer-events: none;}.eg-pin {aspect-ratio: 1;width: 170px;position: absolute;rotate: 0deg;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}.eg-pin.rotate-right{-webkit-animation: easeOutElastic-right 1s ease-out forwards 1;-moz-animation: easeOutElastic-right 1s ease-out forwards 1;-o-animation: easeOutElastic-right 1s ease-out forwards 1;animation: easeOutElastic-right 1s ease-out forwards 1;}.eg-pin.rotate-left{-webkit-animation: easeOutElastic-left 1s ease-out forwards 1;-moz-animation: easeOutElastic-left 1s ease-out forwards 1;-o-animation: easeOutElastic-left 1s ease-out forwards 1;animation: easeOutElastic-left 1s ease-out forwards 1;}.eg-pin.rotate_l-to-c {rotate: -90deg;-webkit-animation: lefttocenter 0.8s ease-in forwards 1;-moz-animation: lefttocenter 0.8s ease-in forwards 1;-o-animation: lefttocenter 0.8s ease-in forwards 1;animation: lefttocenter 0.8s ease-in forwards 1;}.eg-pin.rotate_r-to-c {rotate: 90deg;-webkit-animation: righttocenter 0.8s ease-in forwards 1;-moz-animation: righttocenter 0.8s ease-in forwards 1;-o-animation: righttocenter 0.8s ease-in forwards 1;animation: righttocenter 0.8s ease-in forwards 1;}@-webkit-keyframes lefttocenter { 0% { rotate: -90deg; }20% { rotate: 0deg; }40% { rotate: -30deg; }60% { rotate: -5deg; }80% { rotate: -10deg; }100% { rotate: 0deg; }}@-moz-keyframes lefttocenter { 0% { rotate: -90deg; }20% { rotate: 0deg; }40% { rotate: -30deg; }60% { rotate: -5deg; }80% { rotate: -10deg; }100% { rotate: 0deg; }}@-o-keyframes lefttocenter { 0% { rotate: -90deg; }20% { rotate: 0deg; }40% { rotate: -30deg; }60% { rotate: -5deg; }80% { rotate: -10deg; }100% { rotate: 0deg; }}@keyframes lefttocenter { 0% { rotate: -90deg; }20% { rotate: 0deg; }40% { rotate: -30deg; }60% { rotate: -5deg; }80% { rotate: -10deg; }100% { rotate: 0deg; }}@-webkit-keyframes righttocenter { 0% { rotate: 90deg; }20% { rotate: 0deg; }40% { rotate: 30deg; }60% { rotate: 5deg; }80% { rotate: 10deg; }100% { rotate: 0deg; }}@-moz-keyframes righttocenter { 0% { rotate: 90deg; }20% { rotate: 0deg; }40% { rotate: 30deg; }60% { rotate: 5deg; }80% { rotate: 10deg; }100% { rotate: 0deg; }}@-o-keyframes righttocenter { 0% { rotate: 90deg; }20% { rotate: 0deg; }40% { rotate: 30deg; }60% { rotate: 5deg; }80% { rotate: 10deg; }100% { rotate: 0deg; }}@keyframes righttocenter { 0% { rotate: 90deg; } 20% { rotate: 0deg; } 40% { rotate: 30deg; } 60% { rotate: 5deg; } 80% { rotate: 10deg; } 100% { rotate: 0deg; } }@-webkit-keyframes easeOutElastic-left {0% { rotate: 0%; } 16% { rotate: -119.043deg; } 28% { rotate: -78.192deg; } 44% { rotate: -94.167deg; } 59% { rotate: -88.524deg; } 73% { rotate: -90.522deg; } 88% { rotate: -89.82deg; } 100% { rotate: -90deg; }}@-moz-keyframes easeOutElastic-left {0% { rotate: 0%; } 16% { rotate: -119.043deg; } 28% { rotate: -78.192deg; } 44% { rotate: -94.167deg; } 59% { rotate: -88.524deg; } 73% { rotate: -90.522deg; } 88% { rotate: -89.82deg; } 100% { rotate: -90deg; }}@-o-keyframes easeOutElastic-left {0% { rotate: 0%; } 16% { rotate: -119.043deg; } 28% { rotate: -78.192deg; } 44% { rotate: -94.167deg; } 59% { rotate: -88.524deg; } 73% { rotate: -90.522deg; } 88% { rotate: -89.82deg; } 100% { rotate: -90deg; }}@keyframes easeOutElastic-left {0% { rotate: 0%; } 16% { rotate: -119.043deg; } 28% { rotate: -78.192deg; } 44% { rotate: -94.167deg; } 59% { rotate: -88.524deg; } 73% { rotate: -90.522deg; } 88% { rotate: -89.82deg; } 100% { rotate: -90deg; }}@-webkit-keyframes easeOutElastic-right {0% { rotate: 0%; } 16% { rotate: 119.043deg; } 28% { rotate: 78.192deg; } 44% { rotate: 94.167deg; } 59% { rotate: 88.524deg; } 73% { rotate: 90.522deg; } 88% { rotate: 89.82deg; } 100% { rotate: 90deg; }}@-moz-keyframes easeOutElastic-right {0% { rotate: 0%; } 16% { rotate: 119.043deg; } 28% { rotate: 78.192deg; } 44% { rotate: 94.167deg; } 59% { rotate: 88.524deg; } 73% { rotate: 90.522deg; } 88% { rotate: 89.82deg; } 100% { rotate: 90deg; }}@-o-keyframes easeOutElastic-right {0% { rotate: 0%; } 16% { rotate: 119.043deg; } 28% { rotate: 78.192deg; } 44% { rotate: 94.167deg; } 59% { rotate: 88.524deg; } 73% { rotate: 90.522deg; } 88% { rotate: 89.82deg; } 100% { rotate: 90deg; }}@keyframes easeOutElastic-right {0% { rotate: 0%; } 16% { rotate: 119.043deg; } 28% { rotate: 78.192deg; } 44% { rotate: 94.167deg; } 59% { rotate: 88.524deg; } 73% { rotate: 90.522deg; } 88% { rotate: 89.82deg; } 100% { rotate: 90deg; }}#fe_layer-a { opacity: 1; -webkit-animation: pulsing-glow 1s ease alternate infinite; -moz-animation: pulsing-glow 1s ease alternate infinite; -o-animation: pulsing-glow 1s ease alternate infinite; animation: pulsing-glow 1s ease alternate infinite; }@-webkit-keyframes pulsing-glow { 0%{ opacity: 1; } 100% { opacity: 0.35; } }@-moz-keyframes pulsing-glow { 0%{ opacity: 1; } 100% { opacity: 0.35; } }@-o-keyframes pulsing-glow { 0%{ opacity: 1; } 100% { opacity: 0.35; } }@keyframes pulsing-glow { 0%{ opacity: 1; } 100% { opacity: 0.35; } }#fe_layer-b{ -webkit-transform: translateX(0%) translateY(0%); -moz-transform: translateX(0%) translateY(0%); -o-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%); -webkit-animation: lookingDown 5s ease forwards infinite; -moz-animation: lookingDown 5s ease forwards infinite; -o-animation: lookingDown 5s ease forwards infinite; animation: lookingDown 5s ease forwards infinite; }@-webkit-keyframes lookingDown { 0% { transform: translateX(0%) translateY(0%); } 20% { transform: translateX(0%) translateY(0%); } 20.9% { transform: translateX(0%) translateY(0%); } 31% { transform: translateX(-4.5%) translateY(8.5%); } 41% { transform: translateX(4.5%) translateY(8.5%); } 51% { transform: translateX(0%) translateY(0%); } 100% { transform: translateX(0%) translateY(0%); } }@-moz-keyframes lookingDown { 0% { transform: translateX(0%) translateY(0%); } 20% { transform: translateX(0%) translateY(0%); } 20.9% { transform: translateX(0%) translateY(0%); } 31% { transform: translateX(-4.5%) translateY(8.5%); } 41% { transform: translateX(4.5%) translateY(8.5%); } 51% { transform: translateX(0%) translateY(0%); } 100% { transform: translateX(0%) translateY(0%); } }@-o-keyframes lookingDown { 0% { transform: translateX(0%) translateY(0%); } 20% { transform: translateX(0%) translateY(0%); } 20.9% { transform: translateX(0%) translateY(0%); } 31% { transform: translateX(-4.5%) translateY(8.5%); } 41% { transform: translateX(4.5%) translateY(8.5%); } 51% { transform: translateX(0%) translateY(0%); } 100% { transform: translateX(0%) translateY(0%); } }@keyframes lookingDown { 0% { transform: translateX(0%) translateY(0%); } 20% { transform: translateX(0%) translateY(0%); } 20.9% { transform: translateX(0%) translateY(0%); } 31% { transform: translateX(-4.5%) translateY(8.5%); } 41% { transform: translateX(4.5%) translateY(8.5%); } 51% { transform: translateX(0%) translateY(0%); } 100% { transform: translateX(0%) translateY(0%); } }#mtv-wrapper { display: flex; flex-direction: column; justify-content: center;}#mt-video-box { display: flex; align-items: center; justify-content: center; border-radius: 8px; overflow: hidden; border: 1px solid var(--poster-orange); background-color: var(--darker-smoke-black); box-shadow: 0px 0px 35px rgba(255, 89, 39, 0.35); position: relative; }#mtv-layer { position: relative; z-index: 2; }#mt-video-cont { position: absolute; z-index: 1; border: 1px solid rgb(79, 69, 66); border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center; }#g-layer { position: absolute; z-index: 2; pointer-events: none; }#vf-poster { position: absolute; z-index: 1; pointer-events: none;  }#mt-video-cont video { position: relative; z-index: 0; border: 0px; outline: 0px; }#mtv-control-box, #mtv-buttons-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; }.v-button { display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; border: 1px solid var(--poster-orange); border-radius: 200px; cursor: pointer; background-color: var(--darker-smoke-black); scale: 1; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; }.v-button img[display="visible"]{ visibility: visible; }.v-button img[display="hidden"]{ visibility: hidden; }.v-button img[state="normal"]{ z-index: 2; }.v-button img[state="hover"]{ z-index: 1; }.pp-cont.pp15 { position: relative; }.pp-bg-cont.pp15 { position: absolute; z-index: 0; border-right: 1px solid rgb(44,38,35); border-left: 1px solid rgb(44,38,35); }#crazy-gallery-cont { overflow: hidden; border-radius: 16px; border: 4px solid var(--darker-smoke-black); background-color: var(--darker-smoke-black); width: 100%; position: relative; z-index: 4; }.swiper-wrapper { display: flex; flex-direction: row; left: 0px; position: relative; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }.cg-grid { display: grid; aspect-ratio: 1; grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(3,1fr); column-gap: 2px; row-gap: 2px; }.cg-grid_box { aspect-ratio: 1; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }.cg-grid_box div.color-layer { display: flex; width: 100%; aspect-ratio: 1; position: absolute; opacity: 1; pointer-events: none; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }.cg-grid_box a { position: relative; z-index: 1; opacity: 0.85; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }.cg-grid_box:hover > div { opacity: 0; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }.cg-grid_box:hover > a { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }.color-layer[type="g"] { background: #FF5927; background: -webkit-linear-gradient(180deg,rgba(255, 89, 39, 0) 0%, rgba(255, 89, 39, 1) 100%); background: -moz-linear-gradient(180deg,rgba(255, 89, 39, 0) 0%, rgba(255, 89, 39, 1) 100%); background: linear-gradient(180deg,rgba(255, 89, 39, 0) 0%, rgba(255, 89, 39, 1) 100%); mix-blend-mode: color; z-index: 4; scale: 1.1; }.color-layer[type="c"] { background-color: rgb(38, 28, 26); -webkit-mix-blend-mode: color; -moz-mix-blend-mode: color; -o-mix-blend-mode: color; mix-blend-mode: color; z-index: 3; }.color-layer[type="b"] { background-color: rgb(0, 0, 0); -webkit-mix-blend-mode: color; -moz-mix-blend-mode: color; -o-mix-blend-mode: color; mix-blend-mode: color; z-index: 2; }#swiper-controls-box{ display: flex; flex-direction: row; align-items: center; border-top: 4px solid rgb(41, 21, 14); background-color: var(--poster-orange); background-image: url('../media/pp_15_controls-bg.svg'), url('../media/pp_15_controls-bg.png'); background-position: bottom center; background-size: cover; background-repeat: no-repeat; }#sc-wrapper{ width: 100%; aspect-ratio: 8.14/1; position: relative; display: flex; align-items: center; justify-content: space-between; flex-direction: row; z-index: 2; }.sc-btns { aspect-ratio: 196/140; position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; }.sc-btns img { display: block; pointer-events: none; position: absolute; object-fit: contain; }.sc-btns img:nth-child(1) { z-index: 2; visibility: visible; opacity: 1; }.sc-btns img:nth-child(2), .sc-btns img:nth-child(3) { z-index: 1; visibility: visible; opacity: 1; }.sc-btns img:nth-child(4) { z-index: 1; visibility: hidden; opacity: 0; }.sc-btns[state="active"]{ pointer-events: all; }.sc-btns[state="inactive"]{ pointer-events: none; }.sc-btns[state="inactive"] img:nth-child(1), .sc-btns[state="inactive"] img:nth-child(2), .sc-btns[state="inactive"] img:nth-child(3) { visibility: hidden; opacity: 0; }.sc-btns[state="inactive"] img:nth-child(4) { visibility: visible; opacity: 1; }#radials-box { display: flex; flex-direction: row; align-items: center; justify-content: center;}#radials-box .radials { display: flex; aspect-ratio: 84/140; background-image: url('../media/pp_15_controls-radials.svg'), url('../media/pp_15_controls-radials.png'); background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer; }#radials-box .radials:hover { background-image: url('../media/pp_15_controls-radials-h.svg'), url('../media/pp_15_controls-radials-h.png'); }#radials-box .radials[status="active"]{ background-image: url('../media/pp_15_controls-radials-p.svg'), url('../media/pp_15_controls-radials-p.png'); pointer-events: none; }.pp-cont.pp17 { position: relative; z-index: 6; background-color: var(--poster-orange); border-right: 1px solid rgb(44,38,35); border-left: 1px solid rgb(44,38,35); overflow: hidden; padding-top: 6%; }.pp-cont.pp17 img[name="top-deco"]{ opacity: 1; visibility: visible;}.pp-cont.pp17 .color-layer{ background-color: rgb(20, 14, 11); -webkit-mix-blend-mode: color; -moz-mix-blend-mode: color; -o-mix-blend-mode: color; mix-blend-mode: color; position: absolute; aspect-ratio: 1360/1700; width: 100%; z-index: 2; }#hot-video-box { display: flex; align-items: center; justify-content: center; background-color: var(--darker-smoke-black); overflow: hidden; aspect-ratio: 1360/1700; position: absolute; z-index: 1; pointer-events: none; }#hot-video-box video{ opacity: 0.5; border: 0; outline: 0; }#footer { border-right: 1px solid rgb(44,38,35); border-left: 1px solid rgb(44,38,35); } #footer-url { aspect-ratio: 1360/68; background-color: var(--poster-orange); } #footer-url:hover { background-color: var(--oho-orange); } @media (max-width: 1920px) { #poster-main-cont { width: 1065px; } }            @media (max-width: 1440px) { #poster-main-cont { width: 1027px; } }@media (max-width: 1439px) {  #poster-main-cont { width: 700px; } }@media (max-width: 700px) { #poster-main-cont { width: 100%; } }