/* Mobile engraving: original wordmark glyphs, with a little room to breathe. */
@media(max-width:600px){
 .scatter-rail{top:6px;width:62px;height:318px;opacity:1;isolation:isolate}
 .scatter-left{left:10px}.scatter-right{right:10px}
 .scatter-rail:before{content:"";position:absolute;inset:6px 0 -4px;z-index:-1;background:url("assets/rail-engraving.svg") center/100% 100% no-repeat;opacity:.24}
 .scatter-right:before{transform:scaleX(-1)}
 .scatter-glyph{width:49px;height:73px;filter:drop-shadow(0 2px 4px #000);animation-name:engraved-drift}
 .glyph-0{top:0;left:5px;transform:rotate(-10deg)}
 .glyph-1{top:58px;left:0;transform:rotate(7deg)}
 .glyph-2{top:117px;left:7px;transform:rotate(-5deg)}
 .glyph-3{top:176px;left:0;transform:rotate(10deg)}
 .glyph-4{top:235px;left:6px;transform:rotate(-7deg)}
 .glyph-5{top:3px;right:5px;transform:rotate(10deg)}
 .glyph-6{top:80px;right:0;transform:rotate(-9deg)}
 .glyph-7{top:157px;right:6px;transform:rotate(6deg)}
 .glyph-8{top:234px;right:1px;transform:rotate(-6deg)}
 .hero .audio-disclosure{margin-top:4px}
 .hero .audio-toggle{position:relative;isolation:isolate;height:48px;min-height:48px;padding:7px 12px;border:0;clip-path:none;background:transparent;box-shadow:none;color:#dedbd1;gap:7px}
 .hero .audio-toggle:before,.hero .audio-toggle:after{content:"";position:absolute;pointer-events:none;z-index:-1;clip-path:polygon(0 50%,7% 18%,23% 18%,26% 0,74% 0,77% 18%,93% 18%,100% 50%,93% 82%,77% 82%,74% 100%,26% 100%,23% 82%,7% 82%)}
 .hero .audio-toggle:before{inset:0;background:linear-gradient(100deg,#56564e,#c1beb1 48%,#68685e);filter:drop-shadow(0 3px 5px #000)}
 .hero .audio-toggle:after{inset:1px;background:linear-gradient(110deg,#252523,#10100f 49%,#272725);box-shadow:inset 0 0 9px #000}
 .hero .audio-disclosure.is-open .audio-toggle{background:transparent;box-shadow:none}
 .hero .audio-toggle:hover:after,.hero .audio-toggle:focus-visible:after,.hero .audio-disclosure.is-open .audio-toggle:after{background:linear-gradient(110deg,#34342e,#151513 49%,#34342e)}
 .hero .audio-toggle:focus-visible:before{background:#f4f0df}
 .bleak-label{font-size:26px;letter-spacing:3px;text-shadow:0 2px 4px #000;position:relative;padding-bottom:2px}
 .bleak-label:after{content:"";position:absolute;bottom:-4px;left:calc(50% - 2px);width:4px;height:4px;border-right:1px solid #a4a294;border-bottom:1px solid #a4a294;transform:rotate(45deg);transition:transform .2s}
 .is-open .bleak-label:after{transform:rotate(225deg)}
 .bleak-ornament{display:block;flex:1;min-width:0;height:25px;font-size:0;opacity:.86;background:url("assets/bleak-engraving.svg") center/100% 100% no-repeat}
 .bleak-ornament:last-child{transform:scaleX(-1)}
 .hero .audio-disclosure .audio-player{margin-top:8px;padding:15px 13px 13px;border:1px solid #77766c;background:linear-gradient(130deg,#27272399,transparent 25%,#22221d55 80%),#0b0b0a;box-shadow:inset 0 0 0 3px #080808,inset 0 0 0 4px #77766b44,0 12px 22px #000b}
 .hero .audio-disclosure .audio-player:before{content:"";position:absolute;inset:6px;pointer-events:none;border:0;background:linear-gradient(#c0bcaa,#c0bcaa) top left/10px 1px no-repeat,linear-gradient(#c0bcaa,#c0bcaa) top left/1px 10px no-repeat,linear-gradient(#c0bcaa,#c0bcaa) bottom right/10px 1px no-repeat,linear-gradient(#c0bcaa,#c0bcaa) bottom right/1px 10px no-repeat;opacity:.65}
 .audio-disclosure .audio-top{font-size:23px;letter-spacing:1px;align-items:center}
 .audio-disclosure .audio-state{font-size:5.5px;letter-spacing:.7px;max-width:48px}
 .audio-disclosure #waveform{height:30px;margin:9px 0 10px;opacity:.85}
 .audio-disclosure .audio-controls button{border-radius:0;clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);background:#c2bfb2}
 .hero .audio-close{top:1px;right:2px;font-size:15px}
 .gallery.carousel-gallery:before,.gallery.carousel-gallery:after{position:absolute;top:-22px;width:34px;height:132px;pointer-events:none;white-space:pre;text-align:center;font:23px/1.23 Archive Gothic,fantasy;color:#b9b6a8;opacity:.52;text-shadow:0 2px 5px #000;background:url("assets/rail-engraving.svg") center/100% 100% no-repeat;animation:transition-engraving 8s ease-in-out infinite alternate}
 .gallery.carousel-gallery:before{content:"I\A N\A K";left:22px;padding-top:12px;transform:rotate(-6deg)}
 .gallery.carousel-gallery:after{content:"A\A S\A H";right:22px;padding-top:13px;transform:rotate(6deg);animation-delay:-4s}
}
@media(max-width:360px){
 .scatter-rail{width:52px;height:303px;top:7px}.scatter-left{left:5px}.scatter-right{right:5px}
 .scatter-glyph{width:42px;height:68px}
 .glyph-1{top:55px}.glyph-2{top:110px}.glyph-3{top:165px}.glyph-4{top:220px}
 .glyph-6{top:75px}.glyph-7{top:148px}.glyph-8{top:221px}
 .bleak-label{font-size:24px;letter-spacing:2.5px}
 .hero .audio-toggle{padding-inline:10px}.audio-disclosure .audio-top{font-size:21px}
 .gallery.carousel-gallery:before{left:10px}.gallery.carousel-gallery:after{right:10px}
}
@keyframes engraved-drift{from{translate:0 -2px;opacity:.73}to{translate:1px 2px;opacity:1}}
@keyframes transition-engraving{from{translate:0 -2px;opacity:.4}to{translate:0 2px;opacity:.65}}
@media(prefers-reduced-motion:reduce){.bleak-label:after{transition:none}.gallery.carousel-gallery:before,.gallery.carousel-gallery:after{animation:none}}
