/* The grain is one photographed surface shared by the whole collection.
   Shadows belong to the individual sheets and stay inside their own stacking context. */
.rooms .journal-table{
 --oak:#201c17;--paper:#e9dfc8;--ink:#242b28;--stamp:#8b4534;
 background-color:var(--oak);
 background-image:linear-gradient(90deg,#141611ad,#1b1c151a 40%,#17181361),url(journal-oak.webp);
 background-size:100% 100%,min(1350px,135vw) auto;
 color:#f3eee1;padding:clamp(45px,6vw,92px) var(--g) clamp(38px,5vw,76px);
 box-shadow:inset 0 9px 22px #04080782,inset 0 -5px 12px #0408074f;
}
.jt-inner{max-width:1450px;margin:auto}
.jt-rule,.jt-fileline,.jt-film,.jt-read,.jt-results,.jt-search label,.jt-search button{
 font:600 10px/1.35 ui-monospace,Consolas,monospace;letter-spacing:.11em;
}
.jt-rule{display:flex;align-items:center;gap:14px;color:#c8b99a;text-transform:uppercase}
.jt-rule>i,.jt-fileline>i,.jt-film>i{height:1px;flex:1;background:currentColor;opacity:.38}
.jt-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(236px,.42fr);align-items:end;gap:24px 45px;margin:clamp(26px,3vw,46px) 0 clamp(38px,4vw,62px)}
.jt-head h2{font:600 clamp(50px,6.9vw,112px)/.96 Hangar,'Arial Narrow',sans-serif;letter-spacing:-.025em;color:#f4f0e4;margin:0 0 12px}
.jt-head p{color:#cfc9b9;font-size:clamp(15px,1.25vw,19px)}
.journal-table .jt-search{display:grid;gap:8px;margin:0;align-items:stretch}
.journal-table .jt-search label{color:#ded1b2;font-weight:600;text-transform:uppercase}
.jt-input{display:flex;border:1px solid #a89b7e;background:#111712c9;border-radius:0}
.journal-table .jt-input input{flex:1;width:100%;min-width:0;padding:10px 12px;color:#f4eee0;font:normal 15px Arial,sans-serif;border:0;background:transparent}
.jt-input input::placeholder{color:#aaa896;opacity:1}
.jt-input input:focus-visible{position:relative;outline:2px solid #fff0c4;outline-offset:0}
.jt-input button{border:0;border-left:1px solid #b3a387;color:#29281f;background:#cebe97;padding:0 13px;cursor:pointer;font-weight:700;font-size:11px}
.jt-results{display:flex;align-items:center;justify-content:space-between;min-height:20px;color:#ccc3ae;letter-spacing:.01em}
.jt-results a,.jt-empty a{color:#f1deaf;text-underline-offset:3px}.journal-table [hidden]{display:none!important}
.jt-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,4vw,68px) clamp(18px,2.4vw,40px);align-items:start}
.journal-table .jt-sheet{
 --rest:-.65deg;--page:#e7ddc5;--edge:#b9ab89;
 isolation:isolate;position:relative;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);
 padding:clamp(10px,1.15vw,18px);color:var(--ink);text-decoration:none;
 background-color:var(--page);background-image:linear-gradient(117deg,#fff9df39 0%,transparent 25%,transparent 73%,#a38b6350),url(journal-stock.webp);background-size:100% 100%,100% 100%;
 border:1px solid #c4b99b;box-shadow:0 2px 1px #897957,0 10px 12px #07070494,7px 20px 28px #03050066;
 transform:perspective(1250px) rotate(var(--rest)) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));
 transition:transform .25s ease,box-shadow .25s ease;transform-origin:50% 90%;
}
.journal-table .jt-sheet:nth-child(3n+2){--rest:.85deg;--page:#e5dbc2;--edge:#a89a75}
.journal-table .jt-sheet:nth-child(3n+3){--rest:-.28deg;--page:#e8e2cf;--edge:#b9ae93}
.journal-table .jt-sheet::before{content:'';position:absolute;z-index:-1;inset:5px -4px -4px 6px;background:var(--edge);border:1px solid #8e7f62;transform:rotate(.45deg);box-shadow:0 2px 3px #0b100d70}
.journal-table .jt-sheet::after{content:'';position:absolute;top:-9px;right:10%;width:clamp(34px,6vw,72px);height:18px;transform:rotate(2deg);background:linear-gradient(100deg,#a3936f55,#bfb18d99 25%,#bca77d9c);border:1px solid #baaa844d;clip-path:polygon(0 8%,97% 0,100% 22%,97% 53%,100% 83%,3% 100%,0 75%,3% 45%)}
.journal-table .jt-sheet:hover,.journal-table .jt-sheet:focus-visible{z-index:1;--rest:0deg;transform:perspective(1250px) translateY(-4px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));box-shadow:0 2px 1px #867859,0 15px 18px #0707048c,6px 24px 30px #03050077}
.journal-table .jt-sheet:focus-visible{outline:3px solid #f5d58e;outline-offset:5px}
.journal-table .jt-sheet>div{aspect-ratio:auto;background:transparent;overflow:visible}
.journal-table .jt-sheet .jt-print{position:relative;margin:0;background:#eee9dc;padding:clamp(6px,.75vw,11px) clamp(6px,.75vw,11px) 4px;box-shadow:0 2px 4px #26211869}
.jt-photo{aspect-ratio:1.6;position:relative;overflow:hidden;background:#4b504a}
.journal-table .jt-sheet .jt-photo img{display:block;width:100%;height:100%;object-fit:cover;transform:none;filter:saturate(.85) contrast(.99);transition:filter .35s,transform .55s}
.journal-table .jt-sheet:hover .jt-photo img,.journal-table .jt-sheet:focus-visible .jt-photo img{filter:saturate(1) contrast(1.01);transform:scale(1.025)}
.jt-film,.jt-fileline{display:flex;align-items:center;gap:9px}
.jt-film{font-size:8px;letter-spacing:.1em;color:#665e4f;min-height:17px}
.jt-missing{display:grid;height:100%;place-items:center;color:#ddd1b6;font:600 38px/1 Hangar,sans-serif}
.jt-note{min-width:0;padding:clamp(11px,1.3vw,20px) 3px 3px}
.jt-fileline{color:var(--stamp);font-size:10px}.jt-fileline>span{position:static;font:inherit}.jt-fileline>b{font-size:15px}
.journal-table .jt-sheet h3{font:580 clamp(24px,2.1vw,37px)/1.065 Hangar,'Arial Narrow',sans-serif;color:#26312d;max-width:none;margin:10px 0 12px;letter-spacing:-.015em;text-wrap:pretty}
.journal-table .jt-note p{display:none;font:normal clamp(15px,1.2vw,18px)/1.5 Arial,sans-serif;color:#424c43;margin:14px 0}
.jt-read{display:flex;gap:10px;align-items:center;color:#634a39;margin-top:auto;padding-top:4px;font-size:10px;letter-spacing:.045em}
.jt-read i{display:inline-block;font-style:normal;font-size:16px;transition:transform .25s}.jt-sheet:hover .jt-read i{transform:translateX(4px)}
.journal-table .jt-feature{
 --rest:-.24deg;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(19px,3vw,55px);
 align-items:center;padding:clamp(13px,1.8vw,30px) clamp(17px,2.5vw,42px) clamp(13px,1.8vw,30px) clamp(13px,1.8vw,30px)
}
.journal-table .jt-feature .jt-print{transform:rotate(-1.4deg);transform-origin:center}
.journal-table .jt-feature .jt-print::before,.journal-table .jt-feature .jt-print::after{content:'';position:absolute;z-index:1;width:25px;height:25px;border-left:6px solid #524e43;border-top:6px solid #524e43;top:-2px;left:-2px;filter:drop-shadow(0 1px 1px #0008)}
.journal-table .jt-feature .jt-print::after{inset:auto -2px -2px auto;transform:rotate(180deg)}
.jt-feature .jt-photo{aspect-ratio:1.62}
.journal-table .jt-feature h3{font-size:clamp(34px,4.1vw,69px);line-height:1.025;margin:17px 0 10px}
.journal-table .jt-feature .jt-note p{display:block}.jt-feature .jt-note{padding:0}
.jt-empty{padding:30px 0;color:#eadfc5}.jt-end{margin-top:clamp(30px,4vw,60px);color:#a99c82}
@media(max-width:880px){.jt-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-table .jt-feature{grid-template-columns:1fr 1fr}.jt-head{grid-template-columns:minmax(0,1fr) minmax(210px,.55fr)}}
@media(max-width:620px){
 .jt-head{grid-template-columns:minmax(0,1fr);gap:16px;margin:22px 0 35px}
 .jt-head h2{font-size:clamp(46px,10vw,64px)}.jt-head p{font-size:15px}
 .journal-table .jt-search{max-width:29rem;width:100%}
 .jt-shelf{grid-template-columns:minmax(0,1fr);gap:30px}
 .journal-table .jt-sheet,.journal-table .jt-feature{grid-template-columns:minmax(0,1fr);padding:11px;gap:0;--rest:-.35deg}
 .journal-table .jt-sheet:nth-child(3n+2){--rest:.38deg}
 .journal-table .jt-feature .jt-print{transform:rotate(-.45deg)}
 .journal-table .jt-note,.journal-table .jt-feature .jt-note{padding:13px 5px 4px}
 .journal-table .jt-sheet h3,.journal-table .jt-feature h3{font-size:clamp(28px,6.3vw,38px);margin:10px 0;line-height:1.07}
 .journal-table .jt-feature .jt-note p{font-size:15px;margin:12px 0}
 .jt-rule{font-size:9px;gap:9px}.jt-film{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 .journal-table .jt-sheet,.journal-table .jt-sheet:hover,.journal-table .jt-sheet:focus-visible{transition:none;transform:rotate(var(--rest))}
 .journal-table .jt-sheet img,.jt-read i{transition:none!important;transform:none!important}
}
.journal-table .jt-sheet::before{clip-path:polygon(99% 0,100% 0,100% 100%,0 100%,0 99.15%,98.6% 99.15%)}
/* The endpaper closes the same book. Original WordPress stories and their links
   stay in an accessible native disclosure just before the three photo routes. */
.jt-colophon{isolation:isolate;padding:clamp(26px,3vw,48px) var(--g) clamp(14px,2vw,30px);background:#292820 url(journal-oak.webp) center bottom/min(1350px,135vw) auto;color:#f4efdc}
.jt-colophon-inner{max-width:1450px;margin:auto}.jt-imprint{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.45fr);gap:clamp(20px,4vw,70px);align-items:start;margin:clamp(19px,2.2vw,34px) 0}
.jt-imprint-title small,.jt-imprint-title>a,.jt-index-slip>span,.jt-index-slip summary{font:600 10px/1.45 ui-monospace,monospace;letter-spacing:.08em;color:#cdbf9c}
.jt-imprint-title h2{font:600 clamp(43px,5.7vw,90px)/.97 Hangar,sans-serif;margin:7px 0 13px;letter-spacing:-.035em}
.jt-imprint-title>a{display:inline-flex;align-items:center;min-height:38px;text-underline-offset:4px;color:#e0c994}
.jt-index-slip{position:relative;padding:clamp(16px,2.1vw,32px);color:#f1e7cd;background-color:#394136;background-image:linear-gradient(110deg,#142e2399,#31352128),url(journal-stock.webp);background-blend-mode:normal,multiply;background-size:100% 100%;box-shadow:2px 5px 0 #817960,4px 9px 20px #080a06a6;border-top:2px solid #b1a780}
.jt-index-slip:before{content:'';position:absolute;top:-4px;right:9%;width:50px;height:11px;background:#aeaa8c9e;transform:rotate(5deg)}
.jt-index-slip>span{color:#d2c598;font-size:9px}
.jt-index-slip>p{font-size:clamp(15px,1.3vw,19px);max-width:48ch;margin:7px 0 11px}
.jt-index-slip summary{color:#ffe9b7;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:38px;align-content:center}
.jt-source{color:#eae6d9;line-height:1.62;max-width:72ch;font-size:clamp(15px,1.16vw,18px);border-top:1px solid #a7a38370;margin-top:6px;padding-top:14px}
.jt-source img{max-width:min(100%,220px);max-height:146px}.jt-source a,.jt-source em{color:#f1d597}.jt-next-rule{padding-top:8px}
@media(max-width:650px){.jt-imprint{grid-template-columns:1fr;gap:8px}.jt-imprint-title h2{margin-bottom:5px}.jt-colophon{padding-top:22px}.jt-next-rule{font-size:8px}}