/* The house is assembled from independently lit, transparent photographic pieces. */
.reliquary{--paper:#eee0bd;--dim:#c0b18e;--red:#bb7758;--brass:#c9a86b;background:#090c09}
.reliquary #site-content{overflow:clip}
.reliquary .progress{height:5px;background: url('assets/art-divider.webp') center/auto 110px repeat-x;filter:drop-shadow(0 0 5px #d6ae6080)}
.reliquary .header{border:0;background:linear-gradient(#050806da,transparent);height:110px}
.reliquary .header:after{content:'';position:absolute;bottom:-15px;left:30%;right:30%;height:30px;background:url('assets/art-divider.webp') center/100% 200% no-repeat;opacity:.7;pointer-events:none}
.reliquary .brand{color:#e2cea7;text-shadow:0 2px 5px #000}
.reliquary .brand img{filter:sepia(.8) brightness(1.4);height:45px;width:35px}
.reliquary .header nav{color:#e0d0ae}
.reliquary .header nav a:after{height:18px;bottom:-10px;background:url('assets/art-divider.webp') center/100% 200% no-repeat}
.reliquary .button,.reliquary .header-cta{position:relative;isolation:isolate;border:0;background:transparent;color:#f1dfba;min-width:270px;min-height:90px;padding:22px 57px;gap:35px;text-shadow:0 2px 3px #000;font-size:16px;filter:drop-shadow(0 10px 12px #0009);transition:transform .3s,filter .3s}
.reliquary .button:before,.reliquary .header-cta:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/art-plaque.webp') center/100% 100% no-repeat;pointer-events:none}
.reliquary .button:hover,.reliquary .header-cta:hover{background:transparent;filter:drop-shadow(0 10px 15px #000) brightness(1.2);transform:translateY(-3px)}
.reliquary .button:active{transform:translateY(1px)}
.reliquary .header-cta{min-width:215px;min-height:70px;padding:16px 43px;font-size:12px;gap:20px}
.reliquary .hero{min-height:920px;max-height:1200px;overflow:hidden;background:#0a0d0a}
.reliquary .hero-image{background-position:45% center;filter:brightness(.9)}
.reliquary .hero-shade{background:linear-gradient(270deg,#080d09db,#080d0960 50%,#080d0935),linear-gradient(0deg,#0e120e 2%,transparent 45%,#05090655)}
.hero-architecture{position:absolute;left:3%;top:10%;width:49%;height:83%;pointer-events:none;z-index:-1;opacity:.7;filter:drop-shadow(5px 8px 18px #000)}
.hero-architecture img{display:block;width:100%;height:100%;object-fit:fill}
.hero-key{position:absolute;left:13%;top:23%;width:23%;height:57%;object-fit:contain;pointer-events:none;z-index:-1;filter:drop-shadow(15px 25px 10px #000b) brightness(.85);transform:rotate(-13deg)}
.reliquary .hero-content{padding:145px 7% 100px 0;width:58%;text-align:center;display:flex;flex-direction:column;align-items:center;animation:none}
.reliquary .eyebrow{color:#cfbc91;letter-spacing:.2px;font-size:12px}
.reliquary .eyebrow>span{width:20px;height:23px;background:url('assets/mark.svg') center/contain no-repeat;filter:sepia(1);opacity:.8}
.reliquary h1{margin:16px 0 7px;position:relative;font-size:80px;width:min(100%,490px);line-height:1.1;letter-spacing:0;min-height:380px}
.title-art{display:none;width:100%;height:420px;object-fit:contain;filter:drop-shadow(0 7px 10px #000a)}
.has-title-art .title-art{display:block}
.has-title-art .title-readable{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.reliquary .hero-line{color:#dfd1b1;font-family:var(--serif);font-size:27px;line-height:1.5;margin-bottom:14px;text-shadow:0 2px 12px #000}
.reliquary .hero-caption{left:10%;bottom:12%;width:31%;max-width:none;text-align:center}
.reliquary .hero-caption p{font-size:25px;color:#e0cfaa}
.reliquary .hairline{width:180px;height:35px;margin:0 auto;background:url('assets/art-divider.webp') center/100% 200% no-repeat}
.reliquary .hero-bottom{border:0;bottom:27px;padding-top:20px;color:#c4af86}
.reliquary .hero-bottom:before{content:'';position:absolute;top:-30px;left:0;right:0;height:32px;background:url('assets/art-divider.webp') center/100% 220% no-repeat;opacity:.65}
.reliquary .vertical-note{color:#c4af86}
.reliquary .house-journey{background:#0d110d}
.reliquary .house-continuum{opacity:1;filter:brightness(.86) saturate(.8)}
.reliquary .house-journey:after{background:linear-gradient(90deg,#05090510,#080b0855 15% 85%,#05090510)}
.reliquary .warning{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:17px;padding:95px 20px 100px;min-height:310px;background:transparent}
.reliquary .warning:before{content:'';position:absolute;inset:10px 10%;background:url('assets/art-paper.webp') center/100% 100% no-repeat;opacity:.73;z-index:-1;pointer-events:none}
.reliquary .warning:after{content:'';position:absolute;bottom:3px;left:16%;right:16%;height:64px;background:url('assets/art-divider.webp') center/100% 200% no-repeat;pointer-events:none}
.reliquary .warning p{color:#e4d4b1;font-size:clamp(30px,3.6vw,51px);text-align:center}
.reliquary .warning>span{font-size:12px;color:#bfa77a}
.reliquary .section-wrap{padding-block:95px}
.reliquary .section-label{border:0;position:relative;color:#c6ad7d;margin-bottom:65px;padding-bottom:62px;font-size:12px}
.reliquary .section-label:after{content:'';position:absolute;bottom:0;left:0;right:0;height:45px;background:url('assets/art-divider.webp') center/100% 200% no-repeat;opacity:.85;pointer-events:none}
.reliquary .section-label>span:first-child{color:#e1c795}
.reliquary h2{color:#f0dfb9;text-shadow:0 3px 15px #000;font-size:clamp(50px,4.8vw,76px)}
.reliquary .small-red{color:#cf9e6b;letter-spacing:.4px}
.reliquary h2 em{color:#c3815d;text-shadow:0 2px 8px #000}
.reliquary .story-grid{gap:7%;align-items:start}
.reliquary .story-title{padding-top:25px}
.reliquary .story-title h2{line-height:1.35}
.manuscript{position:relative;isolation:isolate}
.manuscript:before{content:'';position:absolute;inset:-35px -35px;z-index:-1;background:url('assets/art-paper.webp') center/100% 100% no-repeat;opacity:.8;pointer-events:none;filter:drop-shadow(4px 12px 12px #0008)}
.reliquary .story-copy{padding:28px 20px}
.reliquary .story-copy p{color:#d0c6ad;font-size:18px;line-height:2.1}
.reliquary .story-copy .lead{color:#eddfc0;font-size:22px}
.reliquary .text-link{border:0;position:relative;min-height:65px;gap:35px;color:#d9bc84;padding-bottom:20px}
.reliquary .text-link:after{content:'';position:absolute;bottom:0;left:0;right:0;height:20px;background:url('assets/art-divider.webp') center/100% 200% no-repeat;pointer-events:none}
.reliquary .mini-door{border:0;width:57px;height:85px;margin-top:35px;box-shadow:0 10px 20px #0008;transform:rotate(-6deg)}
.reliquary .mini-door:before,.reliquary .mini-door:after{display:none}
.mini-door img{display:block;width:100%;height:100%;object-fit:cover}
.reliquary .motifs{margin-top:80px;border:0;gap:40px;position:relative;padding-top:20px}
.reliquary .motifs>div{border:0;text-align:center;padding:0 0 34px;position:relative;isolation:isolate}
.reliquary .motifs>div:after{content:'';position:absolute;bottom:0;left:5%;right:5%;height:28px;background:url('assets/art-divider.webp') center/100% 210% no-repeat;pointer-events:none}
.relic-image{display:block;width:100%;height:210px;object-fit:contain;filter:drop-shadow(9px 18px 9px #000b);margin-bottom:15px;transition:transform 1s,filter 1s}
.relic-tape .relic-image{padding:25px}
.reliquary .motif-no{position:static;display:block;font-size:11px;color:#b59b69;letter-spacing:3px;margin:12px 0}
.reliquary .motifs strong{font-size:34px;color:#ead8af;display:block}
.reliquary .motifs p{font-size:13px;color:#c9b997;line-height:1.8}
.reliquary .motifs>div:hover .relic-image{transform:translateY(-8px) rotate(-4deg);filter:drop-shadow(12px 22px 10px #000b) brightness(1.15)}
.reliquary .fragments{background:transparent;border:0}
.reliquary .fragment-head{gap:25px}
.reliquary .fragment-head h2{font-size:clamp(41px,4.2vw,65px)}
.reliquary .fragment-head p{color:#c8b28c}
.reliquary .quote-room{border:0;background:transparent;box-shadow:none;backdrop-filter:none;position:relative;isolation:isolate;padding:80px 11% 65px;margin-top:45px}
.reliquary .quote-room:before{content:'';position:absolute;inset:-8px -22px;z-index:-1;pointer-events:none;background:url('assets/art-frame.webp') center/100% 100% no-repeat;filter:drop-shadow(0 20px 20px #0009)}
.reliquary .quote-room:after{content:'';position:absolute;inset:35px 25px;z-index:-2;background:url('assets/art-paper.webp') center/100% 100% no-repeat;opacity:.85;pointer-events:none}
.reliquary .tape-meta{font-size:11px;color:#c2ac7e;margin-bottom:25px}
.reliquary .tape-deck-real{margin-top:5px;box-shadow:0 14px 28px #000b;transform:perspective(1000px) rotateX(4deg) rotateZ(-1deg);border:0;outline:0;max-width:560px}
.reliquary .quote-stage{min-height:260px;padding:12px 0;gap:20px}
.reliquary .quote-stage p{color:#eedcba;font-size:clamp(30px,3.1vw,45px)}
.reliquary .quote-stage>span{color:#bda67d}
.reliquary .quote-controls{position:relative;border:0;padding-top:40px;margin-top:20px}
.reliquary .quote-controls:before{content:'';position:absolute;top:0;left:0;right:0;height:28px;background:url('assets/art-divider.webp') center/100% 190% no-repeat;pointer-events:none}
.reliquary .quote-dots{gap:8px}
.reliquary .quote-dots button,.reliquary .next-quote{position:relative;isolation:isolate;border:0;background:transparent;width:69px;height:48px;padding:0;color:#a38f67;filter:brightness(.7);font-size:12px}
.reliquary .quote-dots button:before,.reliquary .next-quote:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/art-plaque.webp') center/100% 100% no-repeat;pointer-events:none}
.reliquary .quote-dots button.active{border:0;color:#ffedc8;filter:brightness(1.25) drop-shadow(0 0 6px #ba8e4a22)}
.reliquary .next-quote{font-size:25px;color:#eed7a5;filter:none;width:65px}
.reliquary .book-grid{gap:10%;align-items:center}
.reliquary .book-art{min-height:650px;padding:75px 35px 45px;isolation:isolate}
.book-shrine{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1;filter:drop-shadow(0 20px 25px #0009);pointer-events:none}
.reliquary .book-halo{border:0;width:95%;height:70%;background:radial-gradient(ellipse,#aa885437,transparent 68%);filter:blur(20px)}
.reliquary .book-halo:after{display:none}
.reliquary .book-caption{color:#c4ac7d;text-align:center;font-size:11px;max-width:85%;line-height:1.8;margin-top:52px}
.reliquary .author-copy{padding:35px 10px}
.reliquary .author-copy p{color:#d5c7aa}
.reliquary .author-copy dl{border:0;gap:25px 20px;margin-block:38px}
.reliquary .author-copy dl>div{border:0;position:relative;padding:12px 0 25px}
.reliquary .author-copy dl>div:after{content:'';position:absolute;bottom:0;right:0;left:0;height:18px;background:url('assets/art-divider.webp') center/100% 200% no-repeat;opacity:.65}
.reliquary dt{color:#b59a6d}
.reliquary dd{color:#ecdbb6;font-size:16px}
.reliquary .threshold{padding-top:90px;padding-bottom:85px;border:0;background:radial-gradient(ellipse at 50% 50%,#8b6e3219,transparent 60%),linear-gradient(transparent,#090d09)}
.threshold-ornament{width:min(80%,700px);height:85px;margin:0 auto 35px;background:url('assets/art-divider.webp') center/100% 200% no-repeat;filter:drop-shadow(0 10px 10px #0009)}
.reliquary .threshold h2{font-size:clamp(44px,4.6vw,70px)}
.reliquary .threshold-door-scene{margin-top:80px;margin-bottom:70px;background:transparent;border:0;box-shadow:0 25px 45px #0008}
.reliquary .threshold-door-scene:before{content:'';position:absolute;inset:-5% -18%;z-index:0;background:url('assets/door-jamb.webp') center/100% 100% no-repeat;pointer-events:none;filter:brightness(.85) drop-shadow(0 5px 7px #0009);transform:translateZ(-2px)}
.reliquary .threshold-door-scene>.doorway{z-index:1}
.reliquary .threshold .doorway{background:#040604;box-shadow:inset 0 0 25px #000}
.reliquary #door-entry .door-peek-space{z-index:4}
.reliquary .threshold>p{color:#cfbd98;font-family:var(--serif);font-size:22px}
.reliquary .threshold .button{min-width:300px}
.reliquary .share-button{color:#c9ac79;font-size:13px;position:relative;padding:12px 25px 32px}
.reliquary .share-button:after{content:'';position:absolute;bottom:0;left:0;right:0;height:22px;background:url('assets/art-divider.webp') center/100% 200% no-repeat}
.reliquary footer{position:relative;border:0;background:#090d09;padding-top:70px;color:#b69d74}
.footer-ornament{position:absolute;top:0;left:5%;right:5%;height:45px;background:url('assets/art-divider.webp') center/100% 200% no-repeat;pointer-events:none}
.reliquary .footer-title{color:#e1cba2}
.reliquary #excerpt-dialog{background:none;border:0;box-shadow:none;color:#ecd9b1;isolation:isolate;padding:85px 70px 65px;max-width:750px;overflow:visible}
.reliquary #excerpt-dialog:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/art-paper.webp') center/100% 100% no-repeat;filter:drop-shadow(0 20px 50px #000)}
.reliquary #excerpt-dialog:after{content:'';position:absolute;inset:-22px;z-index:-2;background:url('assets/art-frame.webp') center/100% 100% no-repeat;pointer-events:none}
.reliquary .dialog-close{color:#e2c68b;top:30px;left:35px}
.reliquary .dialog-label,.reliquary .dialog-footer span{color:#b69b70}
.reliquary .dialog-footer{border:0;position:relative;padding-top:40px}
.reliquary .dialog-footer:before{content:'';position:absolute;top:0;left:0;right:0;height:25px;background:url('assets/art-divider.webp') center/100% 200% no-repeat}
.reliquary .writing-pen{filter:drop-shadow(2px 7px 5px #000a) sepia(.35)}
@media(min-width:1001px){.art-visible .hero-key{animation:relic-drift 7s ease-in-out infinite}.reliquary .author-copy:before{inset:-50px -40px}.reliquary .book-section{overflow:visible}}
@keyframes relic-drift{0%,100%{transform:translate3d(0,var(--art-offset,0px),0) rotate(-13deg)}50%{transform:translate3d(-8px,calc(var(--art-offset,0px) - 16px),0) rotate(-10deg)}}
@media(max-width:1000px){.reliquary .hero-content{padding-right:5%;width:62%}.hero-architecture{left:0;width:48%;opacity:.55}.hero-key{left:9%;width:28%}.reliquary .section-wrap{padding-inline:7%}.reliquary .book-art{min-height:540px;padding-inline:20px}.reliquary .quote-room{padding-inline:11%}.reliquary .book-object{width:205px}}
@media(max-width:650px){
  .reliquary .header{height:90px;padding-inline:7%}.reliquary .header:after{left:7%;right:7%;bottom:-12px;height:23px;opacity:.5}.reliquary .header nav{gap:17px;font-size:11px}.reliquary .brand{font-size:17px;gap:7px}.reliquary .brand img{width:25px;height:36px}.reliquary .header-cta{display:none}
  .reliquary .hero{min-height:950px;height:100svh;max-height:1100px}.reliquary .hero-image{background-position:36% center}.reliquary .hero-shade{background:linear-gradient(270deg,#071009b0,#050b0640),linear-gradient(0deg,#0d110d 1%,#080c0870 25%,transparent 65%,#05090555)}
  .hero-architecture{left:-9%;top:12%;width:118%;height:75%;opacity:.36;filter:brightness(.65) drop-shadow(0 15px 15px #000)}.hero-key{left:-11%;top:52%;width:43%;height:29%;opacity:.62;filter:brightness(.7) drop-shadow(8px 15px 6px #000b);transform:rotate(10deg)}
  .reliquary .hero-content{padding:130px 8% 0;width:100%;align-items:center}.reliquary .eyebrow{font-size:10px;gap:8px}.reliquary .eyebrow i{margin-inline:0}.reliquary .eyebrow>span{width:16px;height:20px}.reliquary h1{width:100%;margin:15px 0 3px;min-height:340px;font-size:72px}.title-art{height:350px;width:100%}.reliquary .hero-line{font-size:25px;line-height:1.6;margin-bottom:10px}.reliquary .button{min-width:280px;min-height:92px;padding:22px 55px;font-size:15px}.reliquary .hero-caption{left:8%;right:8%;width:auto;bottom:100px;text-align:center}.reliquary .hero-caption .tiny{font-size:10px}.reliquary .hero-caption p{font-size:23px;margin-block:8px}.reliquary .hairline{height:26px;width:175px;margin:auto}.reliquary .hero-bottom{font-size:10px;bottom:24px;left:8%;right:8%;padding-top:14px}.reliquary .hero-bottom:before{height:25px;top:-26px}
  .reliquary .warning{padding:75px 22px 95px;min-height:320px;gap:19px}.reliquary .warning:before{inset:17px -12px}.reliquary .warning p{font-size:29px;line-height:1.7}.reliquary .warning>span{font-size:10px}.reliquary .warning:after{left:7%;right:7%;height:47px}
  .reliquary .section-wrap{padding:60px 8% 65px}.reliquary .section-label{font-size:10px;padding-bottom:48px;margin-bottom:32px}.reliquary .section-label:after{height:33px}.reliquary .story-grid{gap:55px}.reliquary .story-title{padding-top:0}.reliquary .story-title h2{font-size:52px;line-height:1.4}.reliquary .small-red{font-size:11px;margin-bottom:20px}.reliquary .mini-door{width:40px;height:65px;left:4px;bottom:12px;position:absolute}.reliquary .story-copy{padding:25px 12px}.manuscript:before{inset:-20px -22px}.reliquary .story-copy p{font-size:16px;line-height:2.15;margin-bottom:22px}.reliquary .story-copy .lead{font-size:20px;line-height:2}.reliquary .text-link{font-size:12px;gap:25px;min-height:60px}.reliquary .text-link:after{height:18px}
  .reliquary .motifs{gap:10px;margin-top:58px;padding-top:5px}.relic-image{height:125px;margin-bottom:10px}.relic-tape .relic-image{padding:17px 3px}.reliquary .motifs>div{padding-bottom:25px}.reliquary .motif-no{font-size:9px;letter-spacing:2px;line-height:1.5;margin-bottom:10px}.reliquary .motifs strong{font-size:27px}.reliquary .motifs p{font-size:10px;line-height:1.9;margin-top:6px}.reliquary .motifs>div:after{height:18px;left:0;right:0}
  .reliquary .fragment-head{gap:20px}.reliquary .fragment-head h2{font-size:39px}.reliquary .fragment-head p{font-size:13px;line-height:1.9}.reliquary .quote-room{padding:55px 42px 47px;margin:38px -9px 0}.reliquary .quote-room:before{inset:0 -12px}.reliquary .quote-room:after{inset:25px 7px}.reliquary .tape-meta{font-size:9px;gap:5px;margin-bottom:20px}.reliquary #tape-track{font-size:9px;letter-spacing:1px}.reliquary .tape-deck-real{margin-inline:-4px;margin-bottom:20px}.reliquary .quote-stage{min-height:265px;padding-inline:3px;gap:18px}.reliquary .quote-stage p{font-size:28px;line-height:1.75}.reliquary .quote-stage>span{font-size:9px}.reliquary .quote-controls{padding-top:28px;gap:4px;margin-top:12px}.reliquary .quote-controls:before{height:20px}.reliquary .quote-dots{gap:4px}.reliquary .quote-dots button{width:51px;height:39px;font-size:10px}.reliquary .next-quote{width:49px;height:39px;font-size:22px}
  .reliquary .book-grid{gap:55px}.reliquary .author-copy{padding:25px 12px}.reliquary .author-copy h2{font-size:47px;line-height:1.35}.reliquary .author-copy p{font-size:16px;line-height:2.1}.reliquary .author-copy dl{margin-block:25px;gap:12px 20px}.reliquary dt{font-size:10px}.reliquary dd{font-size:14px}.reliquary .author-copy dl>div{padding-bottom:23px}.reliquary .book-art{min-height:530px;padding:70px 32px 45px;margin-inline:0}.reliquary .book-object{width:195px;max-width:85%}.reliquary .book-caption{font-size:10px;max-width:85%;margin-top:40px}.reliquary .book-section{overflow:clip}
  .reliquary .threshold{padding:50px 20px 65px}.threshold-ornament{width:94%;height:55px;margin-bottom:34px}.reliquary .threshold h2{font-size:43px;line-height:1.4}.reliquary .threshold .small-red{font-size:10px}.reliquary .threshold-door-scene{width:224px;height:336px;padding:10px;margin:75px auto 75px}.reliquary .threshold-door-scene:before{inset:-5% -18%}.reliquary .threshold>p{font-size:19px;line-height:1.8;margin:24px 0}.reliquary .threshold .button{min-width:290px}.reliquary .share-button{font-size:12px;margin-top:22px}.reliquary .threshold .share-status{font-family:Tajawal,sans-serif;font-size:11px;margin:7px 0}
  .reliquary footer{padding:65px 8% 30px;gap:20px;font-size:10px}.footer-ornament{height:35px;left:8%;right:8%}.reliquary .footer-title{font-size:25px}
  .reliquary #excerpt-dialog{padding:65px 30px 40px;width:calc(100% - 45px);max-height:calc(100svh - 100px);overflow:auto}.reliquary #excerpt-dialog:after{inset:0}.reliquary #excerpt-dialog:before{inset:16px 10px}.reliquary .dialog-close{left:15px;top:18px}.reliquary #excerpt-dialog h2{font-size:38px}.reliquary #excerpt-dialog p{font-size:24px;line-height:1.9}.reliquary .dialog-label{font-size:10px}.reliquary .dialog-footer{font-size:10px;gap:8px}
}
@media(max-width:360px){.reliquary .hero-content{padding-inline:7%}.title-art{height:325px}.reliquary h1{min-height:325px}.reliquary .header nav{gap:12px}.reliquary .story-title h2{font-size:47px}.reliquary .button{min-width:250px;padding-inline:50px}.reliquary .quote-room{padding-inline:36px}.reliquary .quote-stage p{font-size:26px}.reliquary .quote-dots button{width:45px}.reliquary .threshold h2{font-size:38px}.reliquary .threshold .button{min-width:270px}.reliquary .threshold-door-scene{width:210px;height:315px}.reliquary .book-art{min-height:490px}.reliquary .book-object{width:178px}}
@media(prefers-reduced-motion:reduce){.art-float,.relic-image{animation:none!important;transform:none!important}.title-art{filter:none}}