/* The third room uses the host's type, paper and result layout. */
.third-case{color:var(--cream,#eee1c5);font-family:var(--serif,'Songti SC',Georgia,serif);line-height:1.7;background:#191410;padding-bottom:60px}
.third-case [hidden]{display:none!important}
.third-hero{position:relative;min-height:calc(100svh - 88px);background:linear-gradient(90deg,#100c09b3,transparent 74%),linear-gradient(0deg,#191410,transparent 24%),url('../assets/optimized/01d30f3c188507d9/library/case-three/double-library.webp') center/cover;color:#f0dfc2}
.third-back{position:absolute;left:6%;top:26px;z-index:2}
.third-hero-copy{position:relative;padding:100px 6% 120px;max-width:640px}
.third-hero-copy h1{margin:20px 0 28px}.third-hero-copy .eyebrow span{padding-left:20px;color:#b9a88e}
.third-hero-copy blockquote{margin:0 0 26px;font-size:clamp(24px,3vw,36px);line-height:1.8}
.third-hero-copy>p:last-child{font-size:18px;line-height:1.9}
.third-explore{position:absolute;left:43%;top:44%;width:21%;height:25%;display:flex;align-items:flex-end;justify-content:center;padding:10px;font-size:15px;text-shadow:0 2px 8px #000}
.third-explore:hover{text-decoration:underline;text-underline-offset:5px}
.third-investigation{max-width:1280px;padding:46px 42px 0;margin:auto;scroll-margin-top:24px}.third-investigation:focus{outline:none}
.third-introduction{text-align:center;max-width:700px;margin:0 auto 32px}.third-introduction h2{font-size:clamp(26px,3.4vw,38px);margin:12px 0 16px}.third-introduction>p:last-child{font-size:17px;color:#d7c4a2}
.third-machine{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,.85fr);align-items:center;gap:24px}
.third-scene{position:relative;aspect-ratio:3/2;overflow:hidden;background:#130d08 url('../assets/optimized/01d30f3c188507d9/library/case-three/library-empty.webp') center/cover;box-shadow:0 14px 35px #0005;perspective:1600px}
.third-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .95s cubic-bezier(.4,0,.2,1);pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;clip-path:polygon(39% 4%,56% 3.5%,61% 5%,62% 8%,61% 12%,61% 84%,63% 88%,63% 92%,60% 95.5%,54% 97%,43% 97%,38% 95%,36% 92%,36% 88%,38% 84%,38% 12%,37% 9%,37.5% 6%)}
.third-scene-front{transform:rotateY(0deg)}.third-scene-back{transform:rotateY(-180deg)}.is-turned .third-scene-front{transform:rotateY(180deg)}.is-turned .third-scene-back{transform:rotateY(0deg)}
.third-handle{position:absolute;left:44%;top:46%;width:13%;height:20%;padding:0;border:0;border-radius:40%;color:#f5ddb1;background:transparent;cursor:grab;touch-action:manipulation;z-index:2}
.third-handle:hover{background:radial-gradient(ellipse,#e6c78026,transparent 75%)}.third-handle:active{cursor:grabbing}.third-handle:disabled{opacity:1;cursor:wait}
.third-handle b{position:absolute;left:50%;top:100%;transform:translateX(-50%);white-space:nowrap;font-size:14px;font-weight:400;letter-spacing:.03em;padding:5px 8px;background:#171008b8;text-shadow:0 2px 8px #000;border-bottom:1px solid #b49a6577}
.third-catalogue{padding:27px 24px 25px;background:#e9ddc4 url('../assets/optimized/01d30f3c188507d9/library/letter-paper.webp') center/cover;color:#3b2b1b;box-shadow:0 10px 28px #0004}
.third-catalogue .eyebrow{font-size:10px;color:#8b693b;letter-spacing:.15em}.third-catalogue h3{font-size:20px;line-height:1.5;margin-top:11px}
.third-catalogue-total{display:flex;align-items:baseline;gap:11px;border-bottom:1px solid #a482504d;margin:14px 0 10px;padding-bottom:13px}
.third-catalogue-total strong{font:44px/1 Georgia;color:#6b4e29}.third-catalogue-total span{font-size:12px}
.third-tags{margin:0}.third-tag{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #a482502a}.third-tag dt{font-size:15px}.third-tag dd{display:flex;align-items:baseline;gap:11px;margin:0}.third-tag strong{font:21px Georgia;font-weight:400}.third-tag small{font-size:11px}.third-tag dd>span{font-size:11px;color:#8a7456;min-width:31px;text-align:right}
.third-status{text-align:center;margin:25px 0 14px;font-size:18px;color:#e3cda8;line-height:1.8}.third-boundary{font-size:13px;line-height:1.9;color:#bca98b;max-width:850px;margin:0 auto}
.third-evidence{margin-top:25px}
.third-deduction .answer-feedback{grid-column:2}.third-record-source{font-size:13px;line-height:1.8;margin-top:18px;color:#7b6548}
.third-bookmark{display:block;width:130px;height:310px;margin:auto;filter:drop-shadow(4px 8px 5px #0005)}.third-bookmark svg{width:100%;height:100%;display:block}.bookmark .third-bookmark{width:100%;height:100%;margin:0;filter:none}
.third-result.departing .third-bookmark{animation:third-depart .8s ease-in both}.third-result .revealed-bookmark h1{animation:reveal .65s both}
@keyframes third-depart{0%{transform:translateX(0) scale(1);opacity:1}60%{transform:translateX(24px) scaleX(.45) scaleY(.8);opacity:.8}100%{transform:translate(60px,24px) scale(.12);opacity:0}}
@media(max-width:1000px){.third-machine{grid-template-columns:1fr}.third-scene{min-height:0;aspect-ratio:3/2}.third-catalogue{padding:28px}.third-tags{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.third-catalogue-total{justify-content:flex-start}.third-catalogue-total span{font-size:14px}.third-tag{padding:10px 0}}
@media(max-width:760px){.third-hero{min-height:calc(100svh - 76px);background-position:55% center}.third-hero-copy{padding:90px 24px 145px}.third-hero-copy h1{font-size:32px}.third-hero-copy blockquote{font-size:25px}.third-hero-copy>p:last-child{font-size:16px}.third-back{left:24px;top:20px}.third-explore{left:41%;width:27%;top:55%;height:20%;font-size:13px}.third-investigation{padding:35px 18px 0}.third-machine{gap:20px}.third-scene{margin-inline:-18px}.third-handle{left:42%;width:17%;top:45%;height:23%}.third-handle b{font-size:12px;padding:4px 6px}.third-catalogue{padding:23px 18px}.third-tags{column-gap:20px}.third-tag{gap:5px}.third-tag dt{font-size:13px}.third-tag dd{gap:5px}.third-tag strong{font-size:19px}.third-tag dd>span{font-size:10px;min-width:27px}.third-status{font-size:16px}.third-deduction .answer-feedback{grid-column:1}}
@media(max-width:370px){.third-tags{column-gap:12px}.third-tag dd>span{display:none}}
@media(prefers-reduced-motion:reduce){.third-case *,.third-result *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}