/* Keep the hero artwork readable: chaos around it, never on top of it. */
.hero{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding-top:55px}.hero-art{order:1;position:relative;top:auto;right:auto;width:min(100%,980px);margin:0 auto;transform:rotate(2deg)}.hero-copy{order:2;max-width:980px;margin:100px 0 0 8vw}.hero h1{max-width:900px;font-size:clamp(3.4rem,8vw,8rem);line-height:.78}.hero-lede{margin-left:0;max-width:560px}.hero-buttons{margin-left:0}.hero-art .scribble-one{top:-3%;left:4%}.hero-art .scribble-two{right:1%;bottom:8%}
@media(max-width:850px){.hero{padding-top:45px}.hero-art{width:100%;margin:0 auto}.hero-copy{margin:90px 0 0}.hero h1{font-size:clamp(3.1rem,14vw,6rem)}}
@media(max-width:520px){.hero-copy{margin-top:75px}.hero h1{font-size:clamp(3rem,15vw,5.3rem)}.hero-art .scribble-one{left:0}.hero-art .scribble-two{right:0}}