/* Every decorative role owns a different drawing or photographic cutout. */
.reliquary .progress{background-image:url('assets/unique-progress.svg');background-size:100% 100%;background-repeat:no-repeat}
.reliquary .header:after{background-image:url('assets/unique-header-cornice.svg');background-size:100% 100%}
.reliquary .header nav a[href='#story']:after{background-image:url('assets/unique-nav-story.svg');background-size:100% 100%}
.reliquary .header nav a[href='#fragments']:after{background-image:url('assets/unique-nav-fragments.svg');background-size:100% 100%}
.reliquary .header nav a[href='#author']:after{background-image:url('assets/unique-nav-author.svg');background-size:100% 100%}
.reliquary .button:before,.reliquary .header-cta:before{background-image:none}
.reliquary .header-cta:before{background-image:url('assets/unique-header-tab.svg')}
.reliquary #home .button:before{background-image:url('assets/unique-hero-bookmark.webp');background-size:100% 180%}
.reliquary #home .button{min-width:295px;padding-inline:54px;color:#f3ddbb}
.reliquary #open-excerpt:before{background-image:url('assets/art-plaque.webp')}
.reliquary .eyebrow>span{background-image:url('assets/unique-hero-stamp.svg');filter:none;width:24px;height:24px}
.hero-architecture{left:1%;width:49%;top:12%;height:79%;opacity:.65;filter:drop-shadow(10px 15px 25px #000)}
.hero-branch{position:absolute;z-index:-1;left:4%;top:21%;width:29%;height:60%;object-fit:contain;pointer-events:none;filter:brightness(.7) drop-shadow(10px 12px 10px #0008);transform:rotate(-12deg)}
.reliquary .hairline{background-image:url('assets/unique-hero-quote-mark.svg');background-size:100% 100%}
/* The original brass divider now belongs only to the hero's lower edge. */
.reliquary .warning:before{display:none;background:none}
.reliquary .warning>span:first-child{position:relative;isolation:isolate;min-width:290px;max-width:90%;padding:27px 60px;color:#30251b;text-align:center}
.reliquary .warning>span:first-child:before{content:'';position:absolute;inset:-9px -10px;z-index:-1;background:url('assets/unique-warning-label.webp') center/100% 100% no-repeat;filter:drop-shadow(0 6px 8px #0008);pointer-events:none}
.reliquary .warning:after{background-image:url('assets/unique-warning-tail.svg');background-size:100% 100%;opacity:.8}
.reliquary .section-label:after{background-image:none}
.reliquary #story .section-label:after{background-image:url('assets/unique-story-rule.svg');background-size:100% 100%}
.reliquary #fragments .section-label:after{background-image:url('assets/unique-recording-rule.svg');background-size:100% 100%}
.reliquary #author .section-label:after{background-image:url('assets/unique-author-rule.svg');background-size:100% 100%}
.reliquary #story .text-link:after{background-image:url('assets/unique-story-link.svg');background-size:100% 100%}
.reliquary #author .text-link:after{background-image:url('assets/unique-author-link.svg');background-size:100% 100%}
.reliquary .mini-door{box-shadow:none;transform:rotate(-8deg);width:47px;height:70px}
.reliquary .mini-door img{object-fit:contain;filter:drop-shadow(2px 5px 4px #000a)}
.reliquary .motifs>div:after{background-image:none}
.reliquary .motifs>.relic-key:after{background-image:url('assets/unique-key-foot.svg');background-size:100% 100%}
.reliquary .motifs>.relic-watch:after{background-image:url('assets/unique-watch-foot.svg');background-size:100% 100%}
.reliquary .motifs>.relic-tape:after{background-image:url('assets/unique-tape-foot.svg');background-size:100% 100%}
.reliquary .quote-room:before{background-image:url('assets/unique-console-trim.webp');filter:drop-shadow(0 15px 20px #0009)}
.reliquary .quote-room:after{display:none;background:none}
.reliquary .quote-controls:before{background-image:url('assets/unique-console-rule.svg');background-size:100% 100%}
.reliquary .quote-dots button:before,.reliquary .next-quote:before{background-image:none;background-size:100% 100%}
.reliquary .quote-dots [data-quote='0']:before{background-image:url('assets/unique-track-one.svg')}
.reliquary .quote-dots [data-quote='1']:before{background-image:url('assets/unique-track-two.svg')}
.reliquary .quote-dots [data-quote='2']:before{background-image:url('assets/unique-track-three.svg')}
.reliquary .next-quote:before{background-image:url('assets/unique-next-rocker.svg')}
.reliquary .quote-dots button,.reliquary .next-quote{width:64px;height:52px;min-width:44px;min-height:44px}
.reliquary .quote-dots button{color:#c6b18b;filter:brightness(.8)}
.reliquary .quote-dots button.active{color:#fff0cf;filter:brightness(1.2) drop-shadow(0 0 5px #d4ad6325)}
.reliquary .author-copy:before{background-image:url('assets/unique-author-linen.webp');opacity:.9}
.reliquary .author-copy dl>div:after{background-image:none}
.reliquary .author-copy dl>div:nth-child(1):after{background-image:url('assets/unique-metadata-writer.svg');background-size:100% 100%}
.reliquary .author-copy dl>div:nth-child(2):after{background-image:url('assets/unique-metadata-genre.svg');background-size:100% 100%}
.reliquary .author-copy dl>div:nth-child(3):after{background-image:url('assets/unique-metadata-language.svg');background-size:100% 100%}
.reliquary .author-copy dl>div:nth-child(4):after{background-image:url('assets/unique-metadata-year.svg');background-size:100% 100%}
.threshold-ornament{background-image:url('assets/unique-threshold-strike.svg');background-size:100% 100%;max-width:600px;height:75px}
.reliquary .share-button:after{background-image:url('assets/unique-share-thread.svg');background-size:100% 100%}
.footer-ornament{background-image:url('assets/unique-footer-binding.svg');background-size:100% 100%}
.reliquary #excerpt-dialog{color:#332a1e;padding-top:85px}
.reliquary #excerpt-dialog:before{background-image:url('assets/unique-excerpt-letter.webp');filter:drop-shadow(0 15px 35px #000c)}
.reliquary #excerpt-dialog:after{display:none;background:none}
.reliquary #excerpt-dialog h2{color:#392b1b;text-shadow:none}
.reliquary #excerpt-dialog .small-red{color:#8a5037}
.reliquary #excerpt-dialog .dialog-label,.reliquary #excerpt-dialog .dialog-footer span{color:#736044}
.reliquary #excerpt-dialog .dialog-close{color:#6e4531}
.reliquary .dialog-footer:before{background-image:url('assets/unique-letter-rule.svg');background-size:100% 100%}
@keyframes branch-sway{0%,100%{transform:translateY(var(--art-offset,0px)) rotate(-12deg)}50%{transform:translateY(calc(var(--art-offset,0px) - 12px)) rotate(-9deg)}}
@media(min-width:1001px){.art-visible .hero-branch{animation:branch-sway 9s ease-in-out infinite}}
@media(max-width:1000px){.hero-architecture{left:-1%;width:47%;height:78%}.hero-branch{left:0;width:36%}}
@media(max-width:650px){
 .hero-architecture{left:-9%;top:12%;width:118%;height:75%;opacity:.3;filter:brightness(.7) drop-shadow(0 10px 15px #000)}
 .hero-branch{left:-18%;top:47%;width:53%;height:37%;opacity:.62;filter:brightness(.68) drop-shadow(7px 9px 7px #000);transform:rotate(-17deg)}
 .reliquary #home .button{min-width:280px;padding-inline:49px}
 .reliquary .warning{padding-top:42px}
 .reliquary .warning>span:first-child{min-width:280px;font-size:11px;padding:29px 50px}
 .reliquary .warning:after{height:39px}
 .reliquary .author-copy:before{inset:-42px -22px -25px}
 .reliquary .mini-door{width:36px;height:55px;left:6px;bottom:13px}
 .reliquary .quote-room{padding:84px 25px 58px;margin-inline:-4px}
 .reliquary .quote-room:before{inset:-8px -12px}
 .reliquary .quote-dots{gap:3px}
 .reliquary .quote-dots button,.reliquary .next-quote{width:49px;height:45px;min-width:44px;min-height:44px}
 .reliquary .quote-controls{gap:6px}
 .reliquary .threshold-ornament{height:55px}
 .reliquary #excerpt-dialog{padding:65px 32px 40px}
 .reliquary #excerpt-dialog:before{inset:0 -6px}
 .reliquary #excerpt-dialog .dialog-close{top:18px;left:15px}
}
@media(max-width:360px){.reliquary #home .button{min-width:250px;padding-inline:43px}.reliquary .quote-room{padding-inline:22px}.reliquary .quote-dots button,.reliquary .next-quote{width:44px}.reliquary .quote-stage p{font-size:27px}.reliquary .warning>span:first-child{min-width:255px}}
@media(prefers-reduced-motion:reduce){.hero-branch{animation:none!important;transform:rotate(-12deg)}}
