/* Fourth room: photographed illustration, physical hotspot, readable paper records. */
.case-four{color:var(--cream,#eee1c5);font-family:var(--serif,'Songti SC',Georgia,serif);line-height:1.8;background:#191410;padding-bottom:60px}
.case-four [hidden]{display:none!important}.case-four button,.case-four a{touch-action:manipulation}.case-four :focus-visible{outline:2px solid #c8a66c;outline-offset:5px}
.c4-hero{position:relative;min-height:calc(100svh - 88px);background:linear-gradient(90deg,#100c0970,transparent 75%),linear-gradient(0deg,#191410,transparent 24%),url('../assets/optimized/01d30f3c188507d9/library/case-four/valuation-room.webp') center/cover}
.c4-back{position:absolute;left:6%;top:26px;z-index:2}.c4-hero-copy{padding:100px 6% 100px;max-width:700px}.c4-hero h1{margin:20px 0 28px}.c4-hero .eyebrow span{padding-left:20px;color:#b9a88e}.c4-hero blockquote{margin:0 0 26px;font-size:clamp(24px,3vw,36px);line-height:1.8}.c4-hero-copy>p:not(.eyebrow){font-size:18px;color:#d7c4a2}.c4-explore{display:inline-block;margin-top:32px;border-bottom:1px solid #b29257;padding-bottom:7px;font-size:15px}
.c4-workshop{max-width:1400px;margin:auto;padding:46px 42px 0;scroll-margin-top:24px}.c4-workshop:focus{outline:none}.c4-intro{text-align:center;max-width:720px;margin:0 auto 32px}.c4-intro h2{font-size:clamp(26px,3.4vw,38px);margin:12px 0 16px}.c4-intro>p:last-child{font-size:17px;color:#d7c4a2}.c4-intro strong{font-weight:400;color:#e6c185}
.c4-apparatus{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.9fr);gap:24px;align-items:center}.c4-scene{position:relative;aspect-ratio:3/2;isolation:isolate;container-type:inline-size;box-shadow:0 14px 35px #0005;overflow:hidden;background:#130e09}.c4-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.c4-scene-after{opacity:0;transition:opacity .8s ease}.is-pulled .c4-scene-after{opacity:1}
.c4-plates{position:absolute;inset:0;pointer-events:none;perspective:1200px}.c4-plate{position:absolute;left:calc(11.5% + var(--plate)*24.8%);top:60.7%;width:16%;height:9.1%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1)}.c4-plate:nth-child(2){left:36.5%}.c4-plate:nth-child(3){left:61%}.is-pulled .c4-plate{transform:rotateX(180deg)}.c4-plate-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;color:#f0d39e;text-shadow:0 1px 2px #140c04;line-height:1.3;background:linear-gradient(#5c3e1922,#160e0644)}.c4-plate-back{transform:rotateX(180deg)}.c4-plate small{font-size:clamp(8px,1.4cqw,15px);letter-spacing:.08em}.c4-plate strong{font:clamp(11px,2.6cqw,27px)/1.3 Georgia,serif;white-space:nowrap;font-weight:400}.c4-plate em{font:clamp(8px,1.3cqw,14px) var(--serif,serif);font-style:normal}.c4-plate-back strong{font-size:clamp(11px,2cqw,22px);letter-spacing:.04em}.c4-plate-back strong span{opacity:.6}
.c4-lever{position:absolute;left:85%;top:54%;width:14%;height:25%;padding:0;border:0;background:transparent;cursor:grab;border-radius:35%;color:#f5ddb1;z-index:3;min-width:44px;min-height:44px}.c4-lever:hover{background:radial-gradient(ellipse,#e6c78022,transparent 70%)}.c4-lever:active{cursor:grabbing}.c4-lever:disabled{opacity:1;cursor:default}.c4-lever>span{position:absolute;left:35%;top:96%;transform:translateX(-50%);white-space:nowrap;font-size:clamp(10px,1.7cqw,14px);font-weight:400;padding:4px 7px;background:#171008cc;border-bottom:1px solid #b49a6577;text-shadow:0 2px 8px #000}.is-pulled .c4-lever>span{visibility:hidden}
.c4-catalogue,.c4-evidence-paper{background:#e9ddc4 url('../assets/optimized/01d30f3c188507d9/library/letter-paper.webp') center/cover;color:#3b2b1b;box-shadow:0 10px 28px #0004}.c4-catalogue{padding:28px 25px}.c4-catalogue .eyebrow,.c4-evidence-paper .eyebrow{font-size:10px;color:#8b693b;letter-spacing:.15em}.c4-catalogue h3{font-size:25px;margin:8px 0}.c4-ledger-caption{font-size:13px;color:#796245;margin:0 0 22px}.c4-entry{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;border-top:1px solid #a482504d;padding:18px 0}.c4-lot{font:12px Georgia;color:#977b53;margin-top:5px}.c4-entry h4{font-size:16px;line-height:1.65;font-weight:400;margin:0 0 8px}.c4-entry p{font-size:12px;color:#715c40;margin:0 0 5px}.c4-ledger-rating{font-size:12px;color:#70522d}.c4-rating>span{font-size:14px;color:#854030;white-space:nowrap}.c4-ledger-note{font-size:11px;color:#8a7456;margin:8px 0 0;line-height:1.8}
.c4-status{text-align:center;margin:25px 0 14px;font-size:18px;color:#e3cda8;line-height:1.8}.c4-boundary{font-size:13px;line-height:1.9;color:#bca98b;max-width:850px;margin:0 auto;text-align:center}.c4-evidence{margin-top:40px}.c4-evidence-paper{max-width:860px;margin:auto;padding:40px 48px}.c4-evidence h2{font-size:clamp(26px,3vw,36px);margin:10px 0 18px}.c4-evidence-paper header>p:last-child{font-size:16px;color:#756043}.c4-evidence table{width:100%;border-collapse:collapse;margin:28px 0;font-size:16px}.c4-evidence caption{text-align:left;font-size:13px;padding-bottom:12px;color:#65503d}.c4-evidence th,.c4-evidence td{text-align:left;padding:13px 10px;border-bottom:1px solid #c8b48e;font-weight:400}.c4-evidence thead{font-size:12px;color:#6d573f}.c4-evidence td:last-child{width:42%;position:relative}.c4-bar{display:block;position:absolute;left:8px;right:8px;bottom:9px;height:3px;background:linear-gradient(90deg,#854030 var(--share),#cfbd9c var(--share))}.c4-evidence td strong{font:23px Georgia;font-weight:400}.c4-note,.c4-scope{font-size:13px;line-height:1.85;color:#685440}.c4-scope{border-block:1px solid #bba67e;padding:17px 0;margin:25px 0}.c4-scope summary{cursor:pointer}.c4-scope p{margin:16px 0 0}.c4-deduction .answer-feedback{grid-column:2}.c4-deduction{margin-top:0}.c4-record{border-top:1px solid #bba67e;padding-top:28px;margin-top:30px}
.c4-bookmark-art{display:block;width:100%;height:100%;overflow:visible}.c4-doll{height:310px;width:130px;margin:auto;filter:drop-shadow(4px 8px 5px #0005);transition:transform .9s,opacity .9s}.c4-reveal{position:relative}.c4-reveal h1{animation:reveal .65s both}.c4-reveal>p:last-child{font-size:12px;color:var(--muted)}.c4-result>.c4-back{position:static}.c4-result.is-departed .c4-doll{transform:translateY(35px) scale(.2);opacity:0}.c4-depart-status{text-align:center;margin:25px auto 0;font-size:14px;color:var(--muted)}
.c4-result .revealed-bookmark h1{font-size:32px;letter-spacing:.02em;white-space:nowrap}
.c4-result .poirot-portrait>svg{display:block;width:100%;height:auto}
.is-restored .c4-plate,.is-restored .c4-scene-after{transition:none}
@media(max-width:1100px){.c4-apparatus{grid-template-columns:1fr}.c4-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}.c4-catalogue>.eyebrow,.c4-catalogue>h3,.c4-ledger-caption,.c4-ledger-note{grid-column:1/-1}.c4-ledger-caption{margin-bottom:14px}.c4-catalogue{padding:28px}.c4-entry{padding-block:16px}.c4-entry h4{min-height:54px}.c4-scene{max-width:1000px;width:100%;margin:auto}}
@media(max-width:760px){.c4-hero{min-height:calc(100svh - 76px);background-position:55% center}.c4-hero-copy{padding:90px 24px 95px}.c4-hero h1{font-size:32px}.c4-hero blockquote{font-size:25px}.c4-hero-copy>p:not(.eyebrow){font-size:16px}.c4-back{left:24px;top:20px}.c4-workshop{padding:35px 18px 0}.c4-intro>p:last-child{font-size:15px}.c4-apparatus{gap:20px}.c4-scene{margin-inline:-18px;width:calc(100% + 36px);max-width:none}.c4-catalogue{display:block;padding:25px 20px}.c4-entry h4{min-height:0}.c4-entry{padding-block:15px}.c4-entry p,.c4-ledger-rating{font-size:13px}.c4-status{font-size:16px}.c4-boundary{font-size:12px}.c4-evidence-paper{padding:28px 20px}.c4-evidence table{font-size:14px}.c4-evidence th,.c4-evidence td{padding:12px 5px}.c4-evidence td:last-child{width:30%}.c4-deduction .answer-feedback{grid-column:1}.c4-doll{height:260px;width:110px}.c4-result .result-layout{grid-template-columns:minmax(0,1fr) 90px}.c4-result .poirot-portrait{grid-column:2;grid-row:1;align-self:center}.c4-result .poirot-verdict{grid-column:1/-1;grid-row:2}.c4-lever{left:84%;width:15%}}
@media(prefers-reduced-motion:reduce){.case-four *,.c4-result *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}