html{font-size:62.5%}*{margin:0;padding:0;box-sizing:border-box}body{max-width:144rem;margin-inline:auto}button{border:none;background:none;cursor:pointer}a{text-decoration:none;color:#fff}a:hover{text-decoration:underline}ul{list-style:none}.header{background:url(/image-hero-mobile.jpg) no-repeat center center;background-size:cover;height:65rem;display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.header{background:url(/image-hero.jpg) no-repeat center center}}.header__logo-nav ul{display:flex;justify-content:flex-end;gap:3.2rem;color:#fff;font-size:1.5rem;line-height:2.5rem;text-transform:uppercase;font-family:Josefin Sans,sans-serif;font-weight:400}.header__logo{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:111rem;padding-inline:2.4rem;padding-top:4rem}.header__hero-container{width:100%;max-width:111rem}.header__hero{padding:2.4rem;border:1px solid #fff;font-size:4rem;line-height:3.8rem;color:#fff;font-weight:100;margin-inline:2.4rem;margin-top:16.3rem}@media (min-width: 500px){.header__hero{padding:4rem;font-size:7.2rem;line-height:7rem;max-width:54rem;margin-right:auto;margin-top:12.3rem}}.header__hamburger-menu-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:1;z-index:1}.header__hamburger-menu{display:flex;justify-content:space-between;padding-inline:2.4rem;padding-top:4rem}.header__hamburger-menu button,.header__hamburger-menu a{height:fit-content}.header__hamburger-menu-nav{color:#fff;font-size:2.4rem;font-weight:300;line-height:2.5rem;text-transform:uppercase;padding-inline:2.4rem;margin-top:15.9rem}.header__hamburger-menu-nav ul{display:flex;flex-direction:column;gap:2.4rem}.main{width:100%;max-width:111rem;padding-inline:2.4rem;margin-inline:auto;margin-top:9.6rem;display:flex;flex-direction:column;gap:9.6rem}@media (min-width: 768px){.main{margin-top:16rem;gap:18.4rem}}.main .interactive-section{display:flex;flex-direction:column;align-items:center;gap:4.8rem;position:relative}.main .interactive-section img{width:100%;max-width:73.1rem;margin-right:auto}.main .interactive-section .text-container{display:flex;flex-direction:column;align-items:center;gap:1.6rem;padding:4.8rem;color:#000;background-color:#fff;max-width:54.1rem}.main .interactive-section .text-container h2{font-size:3.2rem;line-height:3.2rem;text-align:center;font-weight:300;font-family:Josefin Sans,sans-serif;text-transform:uppercase}.main .interactive-section .text-container p{font-size:1.5rem;line-height:2.5rem;text-align:center;font-weight:400;font-family:Alata,sans-serif}@media (min-width: 768px){.main .interactive-section .text-container{position:absolute;bottom:0;right:0;width:100%;padding:9.6rem 0 0 9.6rem;gap:2.5rem}.main .interactive-section .text-container p,.main .interactive-section .text-container h2{text-align:left}}.main .creations-section{width:100%;max-width:111rem;padding-inline:2.4rem;margin-inline:auto}.creations-section .creations-header{display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.creations-section .creations-header{justify-content:space-between}}.creations-section .see-all-mobile{margin-inline:auto;display:block}.creations-section button{background-color:#fff;color:#000;padding:1.3rem 4rem;text-align:center;font-size:1.4rem;line-height:1.4rem;font-weight:400;font-family:Alata,sans-serif;text-transform:uppercase;border:1px solid #000}.creations-section button:hover{background-color:#000;color:#fff}.creations-section h2{font-size:3.2rem;line-height:3.2rem;text-align:center;font-weight:300;font-family:Josefin Sans,sans-serif;text-transform:uppercase}@media (min-width: 768px){.creations-section h2{font-size:4.8rem;line-height:4.8rem}}.creations-section a:hover{opacity:.5}.creations-section .creations-cards-container{display:grid;grid-template-columns:1fr;gap:2.4rem;padding-block:4.6rem 3.2rem}@media (min-width: 768px){.creations-section .creations-cards-container{grid-template-columns:repeat(4,1fr);gap:3rem}}.creations-section .creations-cards-container h3{font-size:2.4rem;line-height:2.4rem;text-align:center;font-weight:300;font-family:Josefin Sans,sans-serif}.creations-section .creation-card{background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:start;align-items:end;height:12rem;width:100%;padding:1.6rem}@media (min-width: 768px){.creations-section .creation-card{height:45rem}}.footer{background-color:#000}.footer .wrapper{display:flex;flex-direction:column;align-items:center;max-width:111rem;width:100%;gap:4.8rem;padding-block:5.6rem;margin-top:9.6rem;margin-inline:auto;padding-inline:2.4rem}@media (min-width: 768px){.footer .wrapper{margin-top:18.4rem;flex-direction:row;justify-content:space-between}}.footer__logo{display:flex;flex-direction:column;align-items:center;gap:3.2rem}@media (min-width: 768px){.footer__logo{justify-content:flex-start;align-items:flex-start;gap:1.4rem}}.footer__logo-nav ul{display:flex;flex-direction:column;align-items:center;gap:1.6rem;color:#fff;font-size:1.5rem;line-height:2.5rem}@media (min-width: 768px){.footer__logo-nav ul{flex-direction:row;gap:3.2rem}}.footer__social{display:flex;flex-direction:column;align-items:center;color:#fff;gap:1.4rem}@media (min-width: 768px){.footer__social{align-items:flex-end}}.footer__social ul{display:flex;gap:1.6rem}.footer__social ul li{border-bottom:1px solid transparent}.footer__social ul li:hover{border-color:#fff}