/* The lettering belongs to each artwork's gutter and moves with the scroll track. */
.caption-rail{display:none!important}
.carousel-gallery{--card-width:285px;--gap-width:82px}
.carousel-group{gap:0;padding-right:0}
.carousel-cell{position:relative;flex:none;box-sizing:content-box;width:var(--card-width);padding-right:var(--gap-width)}
.carousel-gallery .carousel-art{width:var(--card-width);flex-basis:auto}
.carousel-cell:nth-child(3n+2) .carousel-art{--lift:105px;--angle:3deg}
.carousel-cell:nth-child(3n) .carousel-art{--lift:38px;--angle:-1deg}
.fragment-divider{display:flex;flex-direction:column;align-items:center;position:absolute;right:calc((var(--gap-width) - 28px)/2);top:128px;width:28px;pointer-events:none;color:#bebcb3;filter:drop-shadow(0 2px 4px #000)}
.fragment-divider span{font:27px/1.02 Archive Gothic,fantasy;display:block;transform:rotate(-6deg);animation:gutter-letter 7s ease-in-out infinite alternate}
.fragment-divider span:nth-child(2n){transform:rotate(9deg);margin-left:4px;animation-delay:-3s}
.fragment-divider span:nth-child(3n){margin-left:-3px;animation-delay:-5s}
.carousel-cell:nth-child(3n+2) .fragment-divider{top:190px}
.carousel-cell:nth-child(3n) .fragment-divider{top:145px}
.hero-portrait{position:absolute;right:3%;top:12px;width:36%;height:445px;padding:8px;border:1px solid #aaa89e;background:linear-gradient(145deg,#bbb8ab,#4c4c46 45%,#bdb9ab);box-shadow:0 8px 35px #0008;transform:rotate(-2deg)}
.hero-portrait:before,.hero-portrait:after{content:'';position:absolute;pointer-events:none;z-index:1}
.hero-portrait:before{inset:3px;border:1px solid #181817}
.hero-portrait:after{inset:-5px;border:1px solid #bdbbb15c;transform:rotate(1deg)}
.hero-portrait .hero-skull{position:static;inset:auto;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 45%;mask-image:none;opacity:.96;aspect-ratio:auto;transform:none}
@keyframes gutter-letter{from{translate:0 -3px;opacity:.5}to{translate:1px 3px;opacity:.92}}
@media(min-width:1500px){.carousel-gallery{--card-width:305px}.hero-portrait{height:470px}}
@media(max-width:800px){.carousel-gallery{--card-width:255px;--gap-width:70px}.carousel-cell:nth-child(3n+2) .carousel-art{--lift:85px}.hero-portrait{width:39%;height:350px;top:30px}}
@media(max-width:600px){
 .hero-portrait{grid-area:art;position:relative;inset:auto;width:min(52vw,184px);height:215px;justify-self:center;margin:5px 0 3px;padding:7px;box-sizing:border-box}
 .hero .audio-disclosure{width:min(52vw,184px);height:42px;margin-top:4px}
 .hero .audio-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:42px;padding:6px 13px;border:1px solid #9d9b91;border-radius:0;background:linear-gradient(125deg,#242421,#0d0d0c 48%,#252521);color:#d2cfc2;box-shadow:inset 0 0 0 3px #131311,inset 0 0 0 4px #77756b55;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%)}
 .hero .audio-disclosure.is-open .audio-toggle{background:linear-gradient(125deg,#33332c,#151512 48%,#33332c);color:#eeebdf;border-color:#d7d3c5}
 .bleak-label{font:23px/1 Archive Gothic,fantasy;letter-spacing:2.5px}
 .bleak-ornament{font:12px Georgia,serif;color:#99978c}
 .audio-toggle:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #e1ded1}
 .carousel-gallery{--card-width:min(68vw,260px);--gap-width:72px}
 .carousel-gallery .carousel-art{max-width:none;flex-basis:auto}
 .carousel-cell:nth-child(3n+2) .carousel-art{--lift:70px}
 .carousel-cell:nth-child(3n) .carousel-art{--lift:27px}
 .fragment-divider{right:calc((var(--gap-width) - 22px)/2);top:104px;width:22px}
 .fragment-divider span{font-size:23px;line-height:1.08}
 .carousel-cell:nth-child(3n+2) .fragment-divider{top:150px}
 .carousel-cell:nth-child(3n) .fragment-divider{top:118px}
 .carousel-window{mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
}
@media(max-width:360px){.hero-portrait{width:166px;height:205px}.hero .audio-disclosure{width:166px}.bleak-label{font-size:22px}.carousel-gallery{--gap-width:64px}.fragment-divider span{font-size:21px}}
@media(prefers-reduced-motion:reduce){.fragment-divider span{animation:none!important;opacity:.8}}
