.chero{position:relative;min-height:100vh;display:flex;align-items:flex-end;padding:clamp(5rem,14vh,8rem) 0 4.5rem;overflow:hidden}
.chero .bg{position:absolute;inset:0}
.chero .bg picture,.chero .bg img{width:100%;height:100%;object-fit:cover;display:block}
.chero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,14,.15) 0%,rgba(8,10,14,.2) 40%,rgba(8,10,14,.82) 100%)}
.chero .wrap{position:relative;z-index:2}
.chero h1{color:#fff6e2;text-shadow:0 2px 24px #000a;max-width:16ch}
.chero .lede{color:#f0e4c8;max-width:46ch;text-shadow:0 1px 12px #0008}
.cave-art{margin-top:-3.2rem;position:relative;z-index:3}
.cave-art figure.art.wide{margin-top:0}
.prose{max-width:720px}
.prose p{margin:0 0 1.1em}
.sites{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:1.6rem}
@media(max-width:700px){.sites{grid-template-columns:1fr}}
.sites a{display:block;border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;text-decoration:none;background:rgba(14,20,18,.45);color:var(--ink);min-height:92px}
.sites a:hover{border-color:var(--gold);color:#fff}
.sites a strong{display:block;font-family:var(--serif);font-size:1.25rem;color:var(--gold);margin-bottom:.25rem}
.sites a span{display:block;font-size:.88rem;color:var(--muted);line-height:1.45}
.notebox{border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem;background:rgba(255,236,200,.05);margin:1.6rem 0 1.8rem}
.notebox p{margin:0}

.chero .artnote{top:72px;bottom:auto;right:16px;left:auto;z-index:4;background:rgba(5,8,14,.62);color:#fff6e2}
@media(max-width:860px){.chero .artnote{top:100px;right:16px;max-width:min(72vw,260px);font-size:.64rem}}