*{margin:0;padding:0;box-sizing:border-box;list-style:none;font-family:"Archivo",sans-serif;color:#fff}a{text-decoration:none}button{border:0;background-color:rgba(0,0,0,0);cursor:pointer}img{max-width:100%;display:block}html{font-size:62.5%}body{background-color:#000201}.container{width:100%;max-width:143.5rem;margin:0 auto;padding:0 1.5rem}@media(max-width: 1440px){.container{max-width:1248px}}.subtitle{display:flex;align-items:center}.subtitle span{font-weight:500;font-size:1.25rem;line-height:22px;margin-left:15px}@media(max-width: 1200px){.subtitle span{font-size:1.8rem}}@media(max-width: 991px){.subtitle{justify-content:center}}@media(max-width: 560px){.subtitle{font-size:1.6rem}}h1{font-weight:700;font-size:12.4rem;line-height:97.5%}@media(max-width: 1200px){h1{font-size:10rem}}h2{font-weight:700;font-size:4.8rem;line-height:130%}p{font-weight:400;font-size:20px;line-height:160%;color:#bdc2cb}.card-character{width:100%;max-width:38.4rem}.card-character .image{position:relative;display:flex;justify-content:center;width:100%;height:48rem;overflow:hidden;margin-bottom:2.4rem}.card-character .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.card-character .image button{position:absolute;bottom:0;padding:1.8rem 3.6rem;background-color:#3265ea;font-weight:700;font-size:1.8rem;line-height:2rem;opacity:0;transition:all .3s ease}.card-character .info h3{font-weight:700;font-size:18px;line-height:20px;margin-bottom:7px}.card-character .info span{font-weight:400;font-size:14px;line-height:15px}.card-character:hover .image img{transform:scale(1.1)}.card-character:hover .image button{bottom:5.7rem;opacity:1}header{width:100%;height:8rem;display:flex;align-items:center;background-color:#000}header .container{display:flex;align-items:center;justify-content:space-between}header .platform{display:flex;align-items:center}header .platform span{font-weight:600;font-size:1.4rem;line-height:1.5rem}header .platform ul{display:flex;gap:8px;margin-left:1.8rem}header .platform ul li{border:1.5px solid #fff;padding:.4rem .8rem;font-weight:600;font-size:1.4rem;line-height:1.5rem}@media(max-width: 560px){header{height:7rem}header .sony{display:none}header .logo{max-width:14rem}header .platform span{display:none}}.footer{background-color:#111;color:#fff;padding:20px 0;font-family:"Archivo",sans-serif}.footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer .container p{margin:0 auto;text-align:center;flex:1}.footer .container .social-links{display:flex;gap:20px}.footer .container .social-links a.github:hover{color:#3265ea}.footer .container .social-links a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;font-size:16px}.footer .container .social-links a img{width:24px;height:24px;background-color:#fff;border-radius:20rem}.footer .container .social-links a:hover{color:#1db954}.s-hero{padding-top:16.4rem;padding-bottom:10.3rem;background-image:url("../img/assets/bg-hero.jpg");background-position:top center;background-repeat:no-repeat;background-attachment:fixed;height:80rem}.s-hero .container{display:flex;align-items:flex-end;justify-content:space-between}.s-hero .left{width:100%;max-width:78.2rem}.s-hero .left h1{margin-top:2.4rem;margin-bottom:1.8rem}.s-hero .left p{font-weight:550;font-size:2.2rem;line-height:140%;color:#fff;margin-bottom:4rem}.s-hero .left .value{display:flex}.s-hero .left .value strong{background-color:#fff;padding:1.8rem 3.6rem;color:#000;font-weight:700;font-size:2rem;line-height:2.2rem;border-radius:20px}.s-hero .left .value a{display:block;padding:1.8rem 3.6rem;background-color:#3265ea;font-weight:700;font-size:2rem;line-height:2.2rem;border-radius:20px;margin-left:2rem}.s-hero .right{position:relative;top:9.7rem;width:100%;max-width:35.3rem}.s-hero .right span{display:block;font-weight:700;font-size:1.8rem;line-height:2rem;margin-bottom:2.3rem}.s-hero .right button{position:relative;width:100%;height:20rem;border:2px solid #3265ea;overflow:hidden;box-shadow:0px 4px 4px rgba(0,0,0,.25);margin-bottom:5.1rem}.s-hero .right button .thumbnail{width:100%}.s-hero .right button .play{position:absolute;bottom:2.5rem;left:3.2rem;width:2.8em;background-color:#fff;padding:.5rem;border-radius:2rem;box-shadow:0px 4px 4px rgba(0,0,0,.25)}.s-hero .right .year-old{display:flex;align-items:center}.s-hero .right .year-old p{color:#fff;font-weight:400;font-size:1.6rem;line-height:1.7rem;max-width:27.4rem;margin-left:1.5rem}@media(max-width: 1200px){.s-hero{padding-top:8rem;padding-bottom:8rem;height:auto;background-position-x:30%}.s-hero .left{max-width:62.2rem}.s-hero .left p{font-size:1.8rem}.s-hero .right{top:0;max-width:35.3rem}.s-hero .right button{height:19.7rem}}@media(max-width: 991px){.s-hero{background-position-x:60%;padding:6rem 0;background-size:cover}.s-hero .container{flex-direction:column;align-items:center}.s-hero .left{text-align:center;margin-bottom:4rem}.s-hero .left .value{justify-content:center}.s-hero .right{text-align:center}.s-hero .right button{margin-bottom:3rem}.s-hero .right .year-old{flex-direction:column}.s-hero .right .year-old p{margin-left:0;margin-top:2rem}}@media(max-width: 560px){.s-hero{padding:4rem 0;background-position-x:57%}.s-hero .left h1{font-size:6rem;margin-top:1.5rem;margin-bottom:1.5rem}.s-hero .left p{font-size:1.4rem;max-width:80%;margin:0 auto;margin-bottom:3rem}.s-hero .left .value{align-items:center}.s-hero .left .value strong{font-size:1.6rem;max-width:15rem}.s-hero .left .value a{font-size:1.5rem;max-width:15rem}.s-hero .right{max-width:31rem}.s-hero .right button{height:17.6rem}.s-hero .right .year-old p{line-height:2.4rem}}.s-info-geral{width:100%;height:18rem;display:flex;align-items:center}.s-info-geral ul{display:flex;align-items:flex-start;justify-content:space-between}.s-info-geral ul li{display:flex;flex-direction:column;align-items:center}.s-info-geral ul li span{display:block;text-align:center;font-weight:400;font-size:1.6rem;line-height:160%;color:#bdc2cb;margin-top:1.2rem}@media(max-width: 1200px){.s-info-geral{padding:4rem 0;height:auto}.s-info-geral ul{flex-wrap:wrap;gap:3rem 0}.s-info-geral ul li{width:33.3%}}@media(max-width: 560px){.s-info-geral ul li{width:50%}.s-info-geral ul li span{max-width:14.5rem}}.s-story{width:100%;padding-top:16rem;padding-bottom:8rem;background-image:url("../img/assets/bg-story.png");background-position:top center;background-repeat:no-repeat;overflow:hidden}.s-story .container{display:flex;align-items:center}.s-story .left{width:100%;max-width:62.9rem}.s-story .left h2{margin-top:2.8rem;margin-bottom:2.4rem;max-width:50.2rem}.s-story .left p{margin-bottom:5.6rem}.s-story .left .corp{display:flex;align-items:center}.s-story .left .corp p{margin-bottom:0;font-size:1.6rem;line-height:160%;max-width:32.4rem;margin-left:4.6rem}.s-story .kratos-atreus{position:relative;left:110px;top:-45px}@media(max-width: 1200px){.s-story{background-image:none;padding:6rem 0}.s-story .container{flex-direction:column-reverse}.s-story .left{max-width:100%;text-align:center}.s-story .left .subtitle{justify-content:center}.s-story .left h2{max-width:75%;margin:2rem auto}.s-story .left .corp{justify-content:center}.s-story .kratos-atreus{left:0;top:0;margin-bottom:6rem}}@media(max-width: 991px){.s-story .left h2{max-width:95%}}@media(max-width: 560px){.s-story .left h2{font-size:3rem}.s-story .left p{font-size:1.6rem;margin-bottom:4rem}.s-story .left .corp{flex-direction:column}.s-story .left .corp P{margin-left:0;margin-top:3rem}.s-story .kratos-atreus{margin-bottom:4rem}}.s-characteres{padding-top:17.6rem;padding-bottom:14.3rem;background-image:url("../img/assets/bg-characters.png");background-position:center center;overflow:hidden}.s-characteres .description{display:flex;align-items:flex-start;justify-content:space-between}.s-characteres .description .left{width:100%;max-width:61.2rem}.s-characteres .description .left h2{margin-top:2.8rem;margin-bottom:2.4rem}.s-characteres .description .right{display:flex;align-items:center}.s-characteres .description .right .text span{display:block;font-weight:500;font-size:1.8rem;line-height:140%;color:#fff;max-width:14.3rem;margin-top:2.2rem}@media(max-width: 1200px){.s-characteres{padding:6rem 0}}@media(max-width: 991px){.s-characteres .description{flex-direction:column;align-items:center}.s-characteres .description .left{max-width:100%;text-align:center;margin-bottom:4rem}}@media(max-width: 560px){.s-characteres{padding:4rem 0}.s-characteres .description .left h2{font-size:3rem}.s-characteres .description .left p{font-size:1.4rem}.s-characteres .description .right{flex-direction:column;align-items:center}.s-characteres .description .right .text img{margin:0 auto;margin-bottom:8rem}.s-characteres .description .right .text span{display:none}.s-characteres .slide-characters{margin-bottom:8rem}}