.hero{position:absolute;width:100%;height:100vh;margin:0;left:0;top:0;z-index:-1;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:top center}header:has(+ * > .hero){position:absolute}main:has(.hero){margin-top:100vh}.hero>figcaption{width:100%;position:absolute;bottom:0;background-color:#000a;color:#fff;text-align:right;padding:1em}.hero>figcaption>*{max-width:60rem;margin:0 auto}.hero-title{font-size:1.5em;font-weight:700;border-bottom:1px solid #fff;margin:0}.hero-subtitle{font-size:1.25em;margin:0}