/* Eight original cover images, with shadows following their natural edges. */
.hero-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:34px}
.hero-art{position:relative;display:block;height:640px;min-height:640px;padding:0;isolation:isolate;overflow:visible}
.hero-art .collage-cover{display:block;position:absolute;width:30%;max-width:none;height:auto;aspect-ratio:auto;border:0;padding:0;background:transparent;box-shadow:none;filter:drop-shadow(0 9px 10px rgba(52,28,2,.23));object-fit:initial}
.hero-art .collage-cover:nth-child(1){left:1%;top:3%;transform:rotate(-12deg);z-index:1}
.hero-art .collage-cover:nth-child(2){left:24%;top:1%;transform:rotate(-4deg);z-index:2}
.hero-art .collage-cover:nth-child(3){left:47%;top:1%;transform:rotate(5deg);z-index:3}
.hero-art .collage-cover:nth-child(4){left:69%;top:4%;transform:rotate(13deg);z-index:4}
.hero-art .collage-cover:nth-child(5){left:3%;top:31%;width:34%;transform:rotate(-9deg);z-index:6}
.hero-art .collage-cover:nth-child(6){left:66%;top:31%;width:34%;transform:rotate(9deg);z-index:7}
.hero-art .collage-cover:nth-child(7){left:24%;top:39%;width:35%;transform:rotate(-3deg);z-index:8}
.hero-art .collage-cover:nth-child(8){left:47%;top:41%;width:35%;transform:rotate(5deg);z-index:9}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-art{width:min(600px,90%);height:600px;min-height:0;margin:10px auto 0}}
@media(max-width:640px){.hero-art{width:90%;height:96vw;max-height:580px;min-height:0;margin:16px auto 0}.hero h1{font-size:clamp(2.4rem,12vw,3.4rem)}}