/* Explicit layers and dimensions avoid Safari hiding the decorative hero. */
.hero{isolation:isolate;z-index:0}
.hero .hero-art{z-index:0;align-self:stretch;top:var(--header);right:0;bottom:0;left:0;width:100%;height:calc(100% - var(--header));pointer-events:none}
.hero::before{z-index:1;pointer-events:none}
.hero .hero-copy,.hero .hero-note{position:relative;z-index:2}