@import"https://fonts.googleapis.com/css2?family=Alata&display=swap";@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-size:15px;font-family:"Alata",serif}header{position:relative;padding:4rem 9rem;width:100%;min-height:100vh;background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(../images/desktop/image-hero.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}header nav{display:flex;align-items:center;justify-content:space-between}header nav img{z-index:1;width:200px}header nav .btn-menu{display:none;background:none;border:none;z-index:1}header nav .btn-menu .open-menu{width:30px}header nav .btn-menu .close-menu{display:none;z-index:1;width:27px}header nav .btn-menu .show{display:block}header nav .btn-menu:hover{cursor:pointer}header nav ul{display:flex;gap:2rem}header nav ul li{list-style:none}header nav ul li a{font-size:1.1rem;text-decoration:none;color:#fff;padding-bottom:.5rem}header nav ul li a:hover{border-bottom:2px solid #fff}header .title-wrapper{position:absolute;box-sizing:border-box;padding:2rem;border:2px solid #fff;width:600px;height:auto;top:35%}header .title-wrapper h1{margin-top:.4rem;color:#fff;font-family:"Josefin Sans",serif;text-transform:uppercase;font-size:4.2rem;font-weight:300}.hero-img-section{padding:5rem 5rem 4rem 9rem;width:100%;height:100vh;display:flex;align-items:center;justify-content:end}.hero-img-section picture{display:flex;align-items:end}.hero-img-section picture img{min-width:61%}.hero-img-section picture div{margin-left:-160px;padding:2rem 3rem 0 6rem;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;max-width:620px;min-height:322px;background-color:#fff}.hero-img-section picture div h2{font-size:3rem;font-family:"Josefin Sans",serif;text-transform:uppercase;font-weight:300}.hero-img-section picture div p{margin-top:1.8rem;color:#8c8c8c;font-size:1rem;line-height:1.7rem}.grid-section{padding:2rem 8rem 4rem 9rem;width:100%;height:auto}.grid-section .img-mobile{display:none}.grid-section .grid-header{display:flex;justify-content:space-between}.grid-section .grid-header h2{font-size:3.1rem;font-family:"Josefin Sans",serif;text-transform:uppercase;font-weight:300}.grid-section .grid-header .grid-btn{border:2px solid #000;background:none;width:10rem;height:2.5rem;font-family:"Alata",serif;text-transform:uppercase;font-size:1.1rem;letter-spacing:.3rem}.grid-section .grid-header .grid-btn:hover{cursor:pointer;background-color:#000;color:#fff}.grid-section .grid-container{margin:6rem 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:2rem}.grid-section .grid-container .mobile-btn{display:none}.grid-section .grid-container picture{position:relative}.grid-section .grid-container picture img{width:100%}.grid-section .grid-container picture div{position:absolute;background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));width:100%;height:99.4%;top:0}.grid-section .grid-container picture div:hover{cursor:pointer;background:rgba(255,255,255,.8)}.grid-section .grid-container picture div:hover p{color:#000}.grid-section .grid-container picture p{color:#fff;position:absolute;font-family:"Josefin Sans",serif;text-transform:uppercase;font-size:2rem;bottom:7%;left:15%}footer{padding:0 9rem;width:100%;height:180px;background-color:#000;color:#fff;display:flex;align-items:center;justify-content:space-between}footer .img-footer{width:145px}footer ul{margin-top:1.3rem;display:flex;gap:2rem;list-style:none}footer ul li a{text-decoration:none;color:#fff;padding-bottom:.5rem}footer ul li a:hover{border-bottom:2px solid #fff}footer .icons-footer{display:flex;justify-content:end;gap:1rem}footer .icons-footer svg{width:28px;height:36px}footer .icons-footer svg:nth-child(2){margin-top:.1rem;height:33px}footer .icons-footer svg:hover{cursor:pointer;border-bottom:2px solid #fff}footer p{margin-top:.8rem;color:#8c8c8c}@media(max-width: 1230px){.hero-img-section{height:auto;padding:6rem 9rem;display:block;text-align:center}.hero-img-section picture{align-items:center;flex-direction:column}.hero-img-section picture img{width:100%}.hero-img-section picture div{margin:0;padding:0 1rem;justify-content:center}.grid-section .grid-container picture p{font-size:1.6rem;left:12%}}@media(max-width: 950px){header{padding:3.5rem 5rem}.hero-img-section{padding:6rem 5rem}.grid-section{padding:2rem 5rem}.grid-section .grid-container{gap:1.4rem}footer{padding:0 5rem}}@media(max-width: 850px){header nav{width:100%}header nav img{width:180px}header nav .btn-menu{display:block}header nav .btn-menu img{width:33px}header nav ul{position:absolute;width:100%;height:100vh;top:0;right:0;background-color:#000;flex-direction:column;top:-100%;gap:1.5rem;transition:all .25s}header nav ul li{position:relative;top:36%;margin-left:5rem}header nav ul li a{font-family:"Josefin Sans",serif;text-transform:uppercase;font-size:1.3rem}header .title-wrapper{position:static;width:100%;margin-top:6rem}header .title-wrapper h1{max-width:100%;font-size:4rem}.grid-section{padding:2rem 1.4rem}.grid-section .grid-header h2{font-size:2.8rem}.grid-section .grid-header .grid-btn{width:9rem;height:2.3rem}.grid-section .grid-container{gap:1rem}.grid-section .grid-container picture p{font-size:1.4rem;left:8%}footer{padding:0 1.4rem}footer ul{gap:1rem}}@media(max-width: 660px){header{padding:2.5rem 2rem}header nav ul li{margin-left:2rem}header .title-wrapper{padding:1.4rem;margin-top:8rem}header .title-wrapper h1{font-size:3rem;line-height:3.6rem}.hero-img-section{padding:5rem 2rem}.hero-img-section picture div h2{font-size:2.4rem}.hero-img-section picture div p{font-size:1rem}.grid-section{padding:.8rem 1.4rem}.grid-section .img-desktop{display:none}.grid-section .img-mobile{display:block}.grid-section .grid-header{justify-content:center}.grid-section .grid-header .desktop-btn{display:none}.grid-section .grid-container{display:flex;flex-direction:column}.grid-section .grid-container .mobile-btn{display:block}.grid-section .grid-container .grid-btn{border:2px solid #000;background:none;width:10rem;height:2.5rem;font-family:"Alata",serif;text-transform:uppercase;font-size:1.1rem;letter-spacing:.3rem;align-self:center;margin-top:1.6rem}.grid-section .grid-container .grid-btn:hover{cursor:pointer;background-color:#000;color:#fff}.grid-section .grid-container picture div{height:100%}.grid-section .grid-container picture p{font-size:1.5rem}footer{padding:2.2rem 0;height:auto;flex-direction:column}footer ul{flex-direction:column;align-items:center}footer .icons-footer{margin-top:2.6rem;justify-content:center}}@media(max-width: 440px){header{padding:2.5rem 1.4rem}header nav ul li{margin-left:1.4rem}header .title-wrapper{padding:1rem}header .title-wrapper h1{font-size:2rem;line-height:2.8rem}.hero-img-section{padding:5rem 1.4rem}.hero-img-section picture div h2{font-size:1.8rem}.hero-img-section picture div p{line-height:1.4rem;font-size:.8rem}.grid-section .grid-header{height:.1rem}.grid-section .grid-header h2{font-size:1.8rem}}.show-nav{top:0}.show{display:block}.occult{display:none}