:root{font-family:Work Sans,sans-serif}body{margin:0;padding:0}.hero{width:100%;display:flex;justify-content:center;position:relative}.hero img{max-width:70%;height:auto}.hero .hero-banner{position:absolute;padding:7px 21px;font-size:16px;white-space:nowrap}.hero .hero-banner.black{background-color:#000;color:#fff;top:-5%;left:32%;transform:translate(-50%)}.hero .hero-banner.white{background-color:#fff;color:#000;top:25%;left:70%;transform:translate(-50%)}.header{height:110px;display:flex;justify-content:space-between;align-items:center;padding:21px 76px;margin-bottom:4rem}.menu{display:flex;gap:56px}.menu-button{text-transform:uppercase;color:#ae363b;font-weight:500;font-size:1rem;border:none;background-color:transparent;cursor:pointer;text-decoration:none}.menu-button:hover{text-decoration:underline;color:pink}.logo{height:50px;cursor:pointer}.logo:hover{filter:invert(27%) sepia(76%) saturate(7493%) hue-rotate(340deg) brightness(95%) contrast(101%)}