/* Fifth room: a physical picture lamp reveals an antique portrait's second layer. */
.fifth-case{color:var(--cream,#eee1c5);font-family:var(--serif,'Songti SC',Georgia,serif);line-height:1.8;background:#191410;padding-bottom:60px}
.fifth-case [hidden]{display:none!important}.fifth-case :focus-visible{outline:2px solid #c8a66c;outline-offset:5px}.fifth-case button,.fifth-case a{touch-action:manipulation}
.c5-hero{position:relative;min-height:calc(100svh - 88px);background:linear-gradient(90deg,#100c0966,transparent 68%),linear-gradient(0deg,#191410,transparent 24%),url('../assets/optimized/01d30f3c188507d9/library/case-five/ink-gallery-before.webp') center/cover}.c5-back{position:absolute;left:6%;top:26px;z-index:2}.c5-hero-copy{padding:100px 6% 110px;max-width:620px}.c5-hero h1{font-size:clamp(36px,4.5vw,60px);margin:20px 0 28px}.c5-hero .eyebrow span{padding-left:20px;color:#b9a88e}.c5-hero blockquote{margin:0 0 26px;font-size:clamp(24px,2.6vw,34px);line-height:1.8}.c5-hero-copy>p:not(.eyebrow){font-size:18px;color:#d7c4a2}.c5-explore{display:inline-block;margin-top:32px;border-bottom:1px solid #b29257;padding-bottom:7px;font-size:15px}
.c5-investigation{max-width:1400px;margin:auto;padding:46px 42px 0;scroll-margin-top:24px}.c5-investigation:focus{outline:none}.c5-introduction{text-align:center;max-width:720px;margin:0 auto 32px}.c5-introduction h2,.c5-comparison-heading h2{font-size:clamp(26px,3.4vw,38px);margin:12px 0 16px}.c5-introduction>p:last-child,.c5-comparison-heading>p:last-child{font-size:17px;color:#d7c4a2}
.c5-machine{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(290px,.9fr);gap:24px;align-items:center}.c5-scene{position:relative;aspect-ratio:3/2;isolation:isolate;container-type:inline-size;box-shadow:0 14px 35px #0005;overflow:hidden;background:#130e09}.c5-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.c5-after{opacity:0;transition:opacity 1.1s ease}.is-lit .c5-after{opacity:1}.is-restored .c5-after{transition:none}
.c5-cord{position:absolute;left:84%;top:68%;width:8%;height:23%;padding:0;border:0;background:transparent;cursor:grab;border-radius:35%;color:#f5ddb1;z-index:3;min-width:44px;min-height:44px}.c5-cord:hover{background:radial-gradient(ellipse,#e6c78026,transparent 72%)}.c5-cord:active{cursor:grabbing}.c5-cord:disabled{opacity:1;cursor:default}.c5-cord>span{position:absolute;left:45%;top:90%;transform:translateX(-50%);white-space:nowrap;font-size:clamp(10px,1.8cqw,14px);font-weight:400;padding:4px 7px;background:#171008cc;border-bottom:1px solid #b49a6577;text-shadow:0 2px 8px #000}.is-lit .c5-cord>span{visibility:hidden}
.c5-ledger,.c5-book-card{background:#e9ddc4 url('../assets/optimized/01d30f3c188507d9/library/letter-paper.webp') center/cover;color:#3b2b1b;box-shadow:0 10px 28px #0004}.c5-ledger{padding:28px 25px}.c5-ledger .eyebrow,.c5-book-card .eyebrow{font-size:10px;color:#8b693b;letter-spacing:.15em}.c5-ledger h3{font-size:25px;margin:8px 0 18px}.c5-unlit{min-height:300px;display:flex;flex-direction:column;justify-content:center;border-top:1px solid #a482504d}.c5-unlit p{font-size:23px;line-height:1.9;margin:0 0 20px}.c5-unlit span{font-size:13px;color:#8a7456}.c5-total{display:flex;gap:15px;align-items:baseline;border-bottom:1px solid #a482504d;padding-bottom:20px}.c5-total strong{font:46px/1 Georgia;font-weight:400;color:#6b4e29}.c5-total>span{font-size:13px}.c5-topics{margin:10px 0 0}.c5-topic{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:13px 0 15px}.c5-topic dt{font-size:14px}.c5-topic dd{display:flex;align-items:baseline;gap:5px;margin:0;white-space:nowrap}.c5-topic strong{font:24px Georgia;font-weight:400}.c5-topic dd>span{font-size:11px}.c5-topic>i{position:absolute;bottom:4px;left:0;right:0;height:2px;background:linear-gradient(90deg,#775637 var(--ink),#bfa57a44 var(--ink))}.c5-share{font-size:12px;color:#7a6347;margin:20px 0 0}.c5-share strong{font-weight:400;color:#593d26}.c5-status{text-align:center;margin:25px 0 14px;font-size:18px;color:#e3cda8;line-height:1.8}
.c5-evidence{margin-top:65px}.c5-comparison-heading{text-align:center;margin:0 auto 32px;max-width:730px}.c5-book-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1080px;margin:auto}.c5-book-card{padding:30px}.c5-book-card header{display:flex;gap:25px;justify-content:space-between;align-items:start;min-height:150px}.c5-book-card header>div{min-width:0}.c5-book-card h3{font-size:22px;font-weight:400;line-height:1.65;margin:14px 0 0}.c5-book-card header img{display:block;width:90px;height:130px;object-fit:contain;object-position:right top;flex:none;box-shadow:3px 5px 8px #2e1b1233}.c5-book-card dl{display:grid;grid-template-columns:1fr 1fr;margin:24px 0 0;padding-top:20px;border-top:1px solid #a482504d}.c5-book-card dl>div+div{border-left:1px solid #a482504d;padding-left:24px}.c5-book-card dt{font-size:12px;color:#816947;margin-bottom:8px}.c5-book-card dd{margin:0;font-size:12px;color:#796143}.c5-book-card dd strong{font:34px Georgia;color:#5e4027;font-weight:400;margin-right:5px}.c5-deduction{margin-top:0}.c5-deduction .answer-feedback{grid-column:2}.c5-record{border-top:1px solid #bba67e;padding-top:28px;margin-top:30px}
.fifth-bookmark{display:block;width:130px;height:310px;margin:auto;filter:drop-shadow(4px 8px 5px #0005)}.fifth-bookmark svg{display:block;width:100%;height:100%}.bookmark .fifth-bookmark{width:100%;height:100%;filter:none}.c5-revealed{position:relative}.fifth-result .revealed-bookmark h1{font-size:33px;letter-spacing:.02em;white-space:nowrap}.c5-ink-drop{position:absolute;top:65%;left:50%;width:14px;height:18px;transform:translateX(-50%) rotate(45deg) scale(.1);border-radius:70% 30% 65% 35%;background:#080707;box-shadow:0 0 10px #c4a16d44;opacity:0;transition:transform .7s,opacity .7s}.fifth-result.is-departed .fifth-bookmark{animation:c5-fold-into-ink .85s ease-in both}.fifth-result.is-departed .c5-ink-drop{opacity:1;transform:translateX(-50%) rotate(45deg) scale(1)}.c5-depart-status{text-align:center;margin:25px auto 0;font-size:14px;color:var(--muted)}
@keyframes c5-fold-into-ink{0%{transform:scale(1);opacity:1}55%{transform:scaleX(.25) scaleY(.9);opacity:.7}100%{transform:translateY(50px) scale(.02);opacity:0}}
@media(max-width:1100px){.c5-machine{grid-template-columns:1fr}.c5-ledger{padding:28px}.c5-unlit{min-height:160px}.c5-topics{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.c5-scene{max-width:1000px;width:100%;margin:auto}.c5-total{padding-bottom:15px}.c5-topic{padding-block:16px}.c5-book-card{padding:26px}.c5-book-card header{gap:18px}.c5-book-card h3{font-size:21px}}
@media(max-width:760px){.c5-hero{min-height:calc(100svh - 76px);background-position:57% center;background-image:linear-gradient(90deg,#100c09d9,#100c0940 90%),linear-gradient(0deg,#191410,transparent 24%),url('../assets/optimized/01d30f3c188507d9/library/case-five/ink-gallery-before.webp')}.c5-hero-copy{padding:90px 24px 95px;max-width:520px}.c5-hero h1{font-size:32px}.c5-hero blockquote{font-size:25px}.c5-hero-copy>p:not(.eyebrow){font-size:16px}.c5-back{left:24px;top:20px}.c5-investigation{padding:35px 18px 0}.c5-introduction>p:last-child,.c5-comparison-heading>p:last-child{font-size:15px}.c5-machine{gap:20px}.c5-scene{margin-inline:-18px;width:calc(100% + 36px);max-width:none}.c5-ledger{padding:25px 20px}.c5-topics{display:block}.c5-topic{padding-block:13px}.c5-topic dt{font-size:15px}.c5-status{font-size:16px}.c5-evidence{margin-top:45px}.c5-book-grid{grid-template-columns:1fr;gap:20px}.c5-book-card{padding:25px 20px}.c5-book-card header{min-height:120px;gap:16px}.c5-book-card header img{width:75px;height:108px}.c5-book-card .eyebrow{font-size:9px;letter-spacing:.1em}.c5-book-card h3{font-size:20px}.c5-book-card dl{margin-top:18px}.c5-book-card dd strong{font-size:32px}.c5-deduction .answer-feedback{grid-column:1}.fifth-result .result-layout{grid-template-columns:minmax(0,1fr) 90px}.fifth-result .poirot-portrait{grid-column:2;grid-row:1;align-self:center}.fifth-result .poirot-verdict{grid-column:1/-1;grid-row:2}.fifth-result .revealed-bookmark h1{font-size:29px}.c5-cord{left:82%;width:14%;height:25%}}
@media(prefers-reduced-motion:reduce){.fifth-case *,.fifth-result *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.fifth-result.is-departed .fifth-bookmark{opacity:0}}

/* Place the invitation beside its physical clue in the room. */
.c5-explore{position:absolute;left:76%;top:72%;transform:translate(-50%,-50%);z-index:2;margin:0;padding:10px 7px;min-height:44px;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;color:#f2dfb8;border-bottom:1px solid #c7a67599;text-shadow:0 2px 6px #000,0 0 16px #000;background:radial-gradient(ellipse,#120c0780,transparent 75%)}
.c5-explore:before{content:'◇';font-size:19px;color:#d9b66f}
.c5-explore:hover{color:#fff3d7;border-color:#edd49c}
.c5-explore:focus-visible{outline:2px solid #e3c282;outline-offset:5px}
@media(max-width:760px){
 .c5-hero{min-height:0;background-color:#191410;background-image:linear-gradient(180deg,#191410,transparent 25%,#19141022),url('../assets/optimized/01d30f3c188507d9/library/case-five/ink-gallery-before.webp');background-size:100% 66.667vw,100% auto;background-position:center bottom;background-repeat:no-repeat}
 .c5-hero-copy{padding-bottom:calc(66.667vw + 30px)}
 .c5-explore{left:69%;top:auto;bottom:12vw;transform:translateX(-50%);font-size:13px;gap:5px;padding:8px 5px}
}