.header-home{display:flex;flex-direction:column;align-items:center;position:relative;height:75vh;width:100%;background-color:var(--color-dark);transition:height .4s .5s ease-in-out}.header-home .logo{position:absolute;top:12px;left:12px;z-index:1;width:80px;height:auto;opacity:1;transform:translate(0);transition:all 1s linear}@media screen and (min-width: 600px){.header-home .logo{width:100px}}@media screen and (min-width: 1260px){.header-home .logo{width:150px;top:16px;left:16px}}@media screen and (min-width: 1400px){.header-home .logo{width:200px}}@media screen and (min-width: 1900px){.header-home .logo{width:250px}}@media screen and (min-width: 2500px){.header-home .logo{width:300px;top:20px;left:20px}}.header-home .logo.startposition{opacity:0;transition:none}@media screen and (min-width: 600px){.header-home .logo.startposition{transform:translate(60px,60px)}}@media screen and (min-width: 980px){.header-home .logo.startposition{transform:translate(75px,75px)}}@media screen and (min-width: 1400px){.header-home .logo.startposition{transform:translate(125px,125px)}}@media screen and (min-width: 1900px){.header-home .logo.startposition{transform:translate(200px,200px)}}.header-home .sound-on-off{position:absolute;top:12px;right:12px;width:40px;height:auto;background:transparent;cursor:pointer;z-index:2}.header-home .play-button-wrap{display:flex;position:absolute;top:0;right:40px;bottom:0;left:40px;align-items:center;justify-content:center;z-index:1;cursor:pointer}.header-home .play-button-wrap svg{display:block;width:60px;height:auto;opacity:.7}@media screen and (min-width: 740px){.header-home .play-button-wrap svg{width:80px}}@media screen and (min-width: 1260px){.header-home .play-button-wrap svg{width:100px}}@media screen and (min-width: 1900px){.header-home .play-button-wrap svg{width:120px}}.header-home video{display:block;width:100%;height:100%;object-fit:cover}.header-home .start-greetings{position:absolute;bottom:12vh;width:50%;opacity:1;z-index:3;transition:all .75s ease-out}@media screen and (max-width: 480px) and (orientation: portrait){.header-home .start-greetings{width:80%}}@media screen and (min-width: 481px) and (orientation: landscape){.header-home .start-greetings{width:30%}}@media screen and (min-width: 740px){.header-home .start-greetings{width:25%}}.header-home .start-greetings.endposition{transform:translateY(150%);opacity:0}