.scene-parchment{position:absolute;left:43.5%;top:13.5%;width:290px;z-index:2;isolation:isolate;display:block;padding:25px 25px 17px;transform:translateX(-50%) rotate(-1.1deg);text-align:left;color:#302219;filter:drop-shadow(3px 11px 7px #0009) brightness(.83) saturate(.82);transition:filter .16s;touch-action:manipulation}
.scene-parchment:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 0 7%,#85522555,transparent 40%),linear-gradient(97deg,#b4945c,#d8bc85 13%,#dec794 55%,#bfa16a);box-shadow:inset 0 0 20px #71441a40;clip-path:polygon(1% .5%,15% 0,34% 1%,53% .2%,74% 1%,99% .3%,98.8% 28%,100% 57%,99% 99%,76% 98.5%,51% 100%,24% 98.6%,.5% 99.3%,1% 68%,0 39%)}
.scene-parchment:after{content:"";position:absolute;inset:5px;pointer-events:none;mix-blend-mode:multiply;opacity:.16;background:url('/assets/parchment-fiber.svg')}
.scene-parchment .paper-pin{position:absolute;left:50%;top:7px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#bb9d68,#38291c 65%);box-shadow:1px 2px 2px #36271988}
.scene-parchment-eyebrow{display:block;font:9px/1.3 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#51371f}
.scene-parchment-title{display:block;font:400 28px/1.12 Fell,Georgia,serif;margin:10px 0 14px}
.scene-parchment-copy{display:block;font:20px/1.23 'Daemon Hand','Trebuchet MS',sans-serif;mix-blend-mode:multiply}
.scene-parchment-cue{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin-top:12px;padding-top:8px;border-top:1px solid #5f402d66;font:12px/1.3 Arial,sans-serif;color:#3b2817}
.scene-parchment:is(:hover,:focus-visible,[data-lit=true]){filter:drop-shadow(3px 11px 7px #0009) brightness(1) saturate(.9)}
.scene-parchment:focus-visible{outline:3px solid #edca82;outline-offset:5px}
.bio-reader{width:min(760px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:0;background:transparent;color:#35271c;overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 80px #000b;scrollbar-color:#755734 #d5bc88}
.bio-reader::backdrop{background:#03100ddb;backdrop-filter:blur(2px)}
.expanded-room .bio-reader .epk-parchment{width:100%;max-width:none;margin:0;padding:72px 55px 40px;filter:none}
.bio-reader-close{position:sticky;top:12px;z-index:5;display:block;margin:12px 18px -56px auto;padding:12px 15px;min-height:44px;background:#352a1dee;color:#f3dfb7;border:1px solid #bfa06a;border-radius:2px;font:12px/1.3 Arial,sans-serif}
.bio-reader-close:hover{background:#493820}.bio-reader-close:focus-visible{outline:3px solid #4b3016;outline-offset:4px}
.bio-reader .epk-parchment h2{font:400 44px/1.12 Fell,Georgia,serif;letter-spacing:-.025em;margin:13px 0 25px;color:#39291c}
.bio-reader .backstory-letter.epk-parchment .epk-copy p{font-size:23px!important;line-height:1.43!important}
@media(max-width:700px){.scene-parchment{left:47%;top:12%;width:246px;padding:22px 21px 12px;transform:translateX(-50%) rotate(-1.1deg)}.scene-parchment-title{font-size:25px;margin:9px 0 10px}.scene-parchment-copy{font-size:18px;line-height:1.22}.scene-parchment-cue{margin-top:8px;font-size:11px}.bio-reader{width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}.expanded-room .bio-reader .epk-parchment{padding:70px 25px 30px}.bio-reader .epk-parchment h2{font-size:36px}.bio-reader .backstory-letter.epk-parchment .epk-copy p{font-size:22px!important}.bio-reader-close{margin-right:13px}}
@media(prefers-reduced-motion:reduce){.scene-parchment{transition:none}}
@media(forced-colors:active){.scene-parchment{filter:none;background:Canvas;border:2px solid CanvasText;color:CanvasText}.scene-parchment:before,.scene-parchment:after{display:none}.scene-parchment span,.scene-parchment strong{color:CanvasText}.bio-reader{background:Canvas;border:1px solid CanvasText}.bio-reader-close{background:ButtonFace;color:ButtonText}}

@media(max-width:700px){.scene-parchment{left:calc(50% - 50vw + 122px);width:216px;z-index:4;padding:20px 18px 10px}.scene-parchment-lead{display:none}.scene-parchment-copy:before{content:"…"}.scene-parchment-title{font-size:24px}.scene-parchment-copy{font-size:18px}.scene-parchment-eyebrow{font-size:8px}}
@media(max-width:360px){.scene-parchment{top:16%}}