.hero-div{background:var(--background);width:100%;max-width:1000px;height:fit-content;padding:0}.hero-img{width:100%;height:auto;margin:25px 0 0}.hero-copy{text-align:right;text-shadow:1px 2px #00000026;width:50vw;right:5vw;top:calc(var(--nav-ht) + 5%);color:var(--mpalette4);z-index:1;font-size:2em;font-weight:600;position:absolute}.demo-img{width:30vw;max-width:200px;height:auto}.hero-btn{width:fit-content;padding:10px 50px;position:absolute;top:calc(275px + 5vw);right:8vw}@media screen and (min-width:1000px){.hero-copy{max-width:400px;left:50%}.hero-btn{left:calc(50% + 200px);right:none;top:500px}}@media screen and (max-width:750px){.hero-copy{font-size:4vw}}@media (prefers-color-scheme:dark){.hero-copy{color:var(--silver)}}