:root{--yellow: #FFFF00;--dim-yellow: #F8F184;--red: #B11313;--blue: #19587D;--dark: #0D0E09;--gray: #C4C4C4;--black: #000;--white: #FFF;--gd: #EDDEBF;--gd-one-s: #19587D;--gd-two-s: #890008}*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;font-weight:400;color:var(--white);scroll-behavior:smooth}body{font-family:Space Grotesk Variable,sans-serif;font-weight:400}h1,h2,h3,h4{font-family:Rajdhani;font-weight:700}button{font-family:Rajdhani;font-weight:500;font-size:1.15rem}html{font-size:18px}h1{font-size:2.053rem}h4{font-size:1.563rem}h5{font-size:1.25rem;font-weight:500}small{font-size:.8rem}[data-screenshift]{width:100%;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;max-width:1325px}@media (max-width: 1536px){[data-screenshift]{max-width:1325px;padding:0 1.75em}}@media (max-width: 1325px){[data-screenshift]{max-width:1280px;padding:0 1.75em}}@media (max-width: 1280px){[data-screenshift]{max-width:1024px;padding:0 1.75em}}@media (max-width: 1024px){[data-screenshift]{max-width:768px;padding:0 1.75em}}@media (max-width: 768px){[data-screenshift]{max-width:640px;padding:0 1.75em}}@media (max-width: 640px){[data-screenshift]{max-width:475px;padding:0 1.75em}}@media (max-width: 475px){[data-screenshift]{max-width:100%;padding:0 1.75em}}[data-screenshift=debug]{position:relative;outline:2px dashed color-mix(in srgb,red,transparent 50%);border-radius:.6666666667em}[data-screenshift=debug]:after{position:absolute;bottom:-60px;left:0;padding:6px 12px;background:red;border-radius:12px;color:#fff;font-weight:700}[data-screenshift=debug]:before{position:absolute;bottom:-110px;left:0;padding:6px 12px;background:red;border-radius:12px;color:#fff;font-weight:700}@media (max-width: 1536px){[data-screenshift=debug]:after{content:"desktop-xl"}[data-screenshift=debug]:before{content:"max-width : 1536px"}}@media (max-width: 1325px){[data-screenshift=debug]:after{content:"desktop-lg"}[data-screenshift=debug]:before{content:"max-width : 1325px"}}@media (max-width: 1280px){[data-screenshift=debug]:after{content:"desktop"}[data-screenshift=debug]:before{content:"max-width : 1280px"}}@media (max-width: 1024px){[data-screenshift=debug]:after{content:"tablet"}[data-screenshift=debug]:before{content:"max-width : 1024px"}}@media (max-width: 768px){[data-screenshift=debug]:after{content:"small-tablet"}[data-screenshift=debug]:before{content:"max-width : 768px"}}@media (max-width: 640px){[data-screenshift=debug]:after{content:"mobile-lg"}[data-screenshift=debug]:before{content:"max-width : 640px"}}@media (max-width: 475px){[data-screenshift=debug]:after{content:"mobile"}[data-screenshift=debug]:before{content:"max-width : 475px"}}header{padding:1.5em 0;position:fixed;top:0;width:100%;z-index:5}nav{display:flex;justify-content:space-between;align-items:center}nav .logo a:hover img{filter:brightness(0) saturate(100%) invert(85%) sepia(71%) saturate(1210%) hue-rotate(357deg) brightness(106%) contrast(106%)}@media (max-width: 768px){nav .logo{transform:scale(.7)}}nav li a{font-size:2em;font-family:Rajdhani;font-weight:600;position:relative}nav li a:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%) scaleX(0);transform-origin:center;width:100%;height:2px;border-radius:2px;background:var(--white);transition:transform .25s ease-in-out}nav li a:hover:after{transform:translate(-50%) scaleX(1)}@media (max-width: 768px){nav li a{font-size:1.5em}}footer{margin:0 0 5em;display:grid;gap:2em}footer .copyrights{display:flex;gap:.6666666667em;justify-content:center}@media (max-width: 768px){footer .copyrights{font-size:1rem}footer .copyrights img{transform:scale(.5)}}footer .links{display:flex;justify-content:center;gap:2em}footer .from{display:flex;align-items:center;gap:1em}footer .social-media{display:flex;align-items:center;gap:1.5em}#hero{background:url(/assets/Bathome1-C12MUmAN.png) 80% 20%/cover no-repeat;box-shadow:1px 0 35px 16px #000000bf inset;min-height:100vh;display:grid;justify-content:center;align-items:center}#hero .content{max-width:55ch;text-align:center;display:grid;gap:1.5em}#hero .content p{font-size:1.3rem;margin-bottom:1em}@media (max-width: 768px){#hero .content p{font-size:1rem}}@media (max-width: 768px){#hero .content h4{font-size:1.2rem}}@media (max-width: 768px){#hero{min-height:70vh;justify-content:center;align-items:flex-end}}#hero .cta{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5em}#hero .cta a{padding:1rem 2rem;text-transform:uppercase;position:relative;z-index:1}#hero .cta a:after{content:"";position:absolute;inset:0;opacity:40%;background:linear-gradient(to right,var(--gd),var(--gd-two-s));z-index:-1;transition:.25s ease-in-out}#hero .cta a:hover:after{opacity:100%}@media (max-width: 768px){#hero .cta a{padding:.6666666667em 1em;font-size:.8rem}}#cinema .content{display:grid;gap:2em}#cinema .illustration{transition:transform .25s ease-in-out}#cinema .illustration:hover{transform:scale(1.1)}@media (max-width: 768px){#cinema{text-align:justify}}#cinema h1{margin-bottom:.6666666667em}#enemy .content{display:grid;gap:2em}#enemy .illustration{transition:transform .25s ease-in-out}#enemy .illustration:hover{transform:scale(1.1)}@media (max-width: 768px){#enemy{text-align:justify}}#enemy h1{position:relative;width:fit-content;margin-bottom:.6666666667em}#enemy h1:after{content:url(/assets/Bathome13-CrekXw0M.png);position:absolute;top:-125px;right:-150px;transform:scale(.5)}#ally{position:relative}#ally:after{content:url(/assets/Bathome12-CKQpggxI.png);position:absolute;top:-300px;right:0;z-index:-1}@media (max-width: 768px){#ally:after{top:0;opacity:.2}}#ally .content{display:grid;gap:2em}#ally .illustration{transition:transform .25s ease-in-out}#ally .illustration:hover{transform:scale(1.1)}@media (max-width: 768px){#ally{text-align:justify}}#ally h1,#league h1{margin-bottom:.6666666667em}#league .illustration{width:100vw;margin-top:2em}#league .illustration img{object-fit:cover;width:100%;height:100%}@media (max-width: 768px){#league{text-align:justify}}#media .content{display:flex;align-items:center;justify-content:space-between;gap:2em}@media (max-width: 768px){#media .content .prev,#media .content .next{display:none}}#media .card{display:flex;background:linear-gradient(to bottom right,#4e4940,#091e2a);max-width:600px;border-radius:1em}@media (max-width: 768px){#media .card{flex-direction:column}#media .card .illustration{width:100%;height:100px}#media .card .illustration img{object-position:top center;width:100%}}#media .card .illustration{height:300px}#media .card .illustration img{object-fit:cover;height:100%}#media .card .infos{padding:1em}#media .card .infos p{font-size:.9rem}#media .card .infos p span{color:var(--yellow);font-weight:800}#media .card .infos p.title,#media .card .infos p.genre{opacity:.75}#media .card .infos p.rating{margin-top:.6666666667em}#media .card .infos p.sum{font-size:.8rem;margin-top:.6666666667em}#trailer .illustration{width:100%}#trailer .illustration img{object-fit:cover;width:100%;height:100%}#form{background:linear-gradient(to bottom right,#4e4940,#091e2a);padding:5em 0}#form h1{text-align:center}@media (max-width: 768px){#form{display:none}}#form .content form{display:grid;gap:1.75em;max-width:800px;margin:2em auto 0}#form .content form>div{display:grid}#form .content form button{border:none;background:none;padding:1rem 2rem;text-transform:uppercase;position:relative;z-index:1;width:fit-content;margin:0 auto;cursor:pointer}#form .content form button:after{content:"";position:absolute;inset:0;opacity:40%;background:linear-gradient(to right,var(--gd),var(--gd-two-s));z-index:-1;transition:.25s ease-in-out}#form .content form button:hover:after{opacity:100%}#form .content form .wish p{border-bottom:2px solid color-mix(in srgb,var(--white),transparent 50%);padding:1.75em 1em .6666666667em .6666666667em}#form .content form .wish input{position:relative}#form .content form .wish input:after{content:attr(data-text)}#form .content input[type=text],#form .content select{background:none;border:none;border-bottom:2px solid color-mix(in srgb,var(--white),transparent 50%);padding:1.75em 1em .6666666667em .6666666667em}#form .content input[type=text] ::placeholder,#form .content select ::placeholder{color:#fff}#form .content input[type=text]:focus,#form .content input[type=text]:active,#form .content select:focus,#form .content select:active{outline:none;border-bottom:2px solid color-mix(in srgb,var(--yellow),transparent 50%)}#quotes{display:grid;min-height:70vh;place-content:center;text-align:center;max-width:100vw;overflow-x:hidden}#quotes .content{position:relative;--position-x: -150px;--position-y: -150px}@media (max-width: 768px){#quotes .content{--position-x: 10px;--position-y: -90px}#quotes .content:after,#quotes .content:before{transform:scale(.75)}}#quotes .content:after{content:url(/assets/icon_guillemets_1-C1xIPJ_7.png);position:absolute;top:var(--position-y);left:var(--position-x)}#quotes .content:before{content:url(/assets/icon_guillemets_1-C1xIPJ_7.png);position:absolute;bottom:var(--position-y);right:var(--position-x)}#quotes q{quotes:none;font-weight:600;margin:0 auto}#quotes p{font-size:.9rem;opacity:.75;font-weight:300}#quotes .quotes{display:grid;gap:1em}#quotes .dots{display:flex;gap:.6666666667em;justify-content:center;margin-top:1em}#quotes .dots span{border:2px solid var(--blue);width:10px;aspect-ratio:1;border-radius:50%}#quotes .dots span:nth-child(5){background:var(--blue)}body{background:var(--black);display:grid;gap:100px}#sticky{width:fit-content;display:grid;gap:1em;position:fixed;top:50%;right:2em;transform:translateY(-50%)}#sticky div{width:fit-content;margin:0 auto}@media (max-width: 768px){#sticky{display:none}}.next{text-align:center;padding:0 0 50px}@media (max-width: 768px){.next{transform:scale(.5)}}.card-group{display:flex;flex-wrap:wrap;justify-content:space-evenly;text-align:center;gap:1.5em}.card-group .card{display:grid;gap:1.5em}@media (max-width: 768px){.card-group .card h5{font-size:1rem}}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BmihWDuX.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rajdhani-devanagari-500-normal-B_DH_jja.woff2) format("woff2"),url(/assets/rajdhani-devanagari-500-normal-BPH8g_s8.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rajdhani-latin-ext-500-normal-DiyUS11w.woff2) format("woff2"),url(/assets/rajdhani-latin-ext-500-normal-CyRWJZ5B.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rajdhani-latin-500-normal-ByNUCHrt.woff2) format("woff2"),url(/assets/rajdhani-latin-500-normal-DfvNI-Td.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rajdhani-devanagari-600-normal-DhS7ScYx.woff2) format("woff2"),url(/assets/rajdhani-devanagari-600-normal-BtY48IV_.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rajdhani-latin-ext-600-normal-C9ZjJQAt.woff2) format("woff2"),url(/assets/rajdhani-latin-ext-600-normal-BleIgkPp.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rajdhani-latin-600-normal-CXCVEoA9.woff2) format("woff2"),url(/assets/rajdhani-latin-600-normal-Dx02qI2_.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rajdhani-devanagari-700-normal-BQQOj9BB.woff2) format("woff2"),url(/assets/rajdhani-devanagari-700-normal-DBRwWuxA.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rajdhani-latin-ext-700-normal-S6aYESQK.woff2) format("woff2"),url(/assets/rajdhani-latin-ext-700-normal-BPaQ7tlD.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rajdhani-latin-700-normal-BPDUZo87.woff2) format("woff2"),url(/assets/rajdhani-latin-700-normal-e0Uj8ZlN.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}