/* The homepage is a series of readable, open spreads, using original work. */
body:has(.library){background:#111110}
.library{background:#a9aaa6;margin:12px 4vw 70px;padding:34px 5vw 60px;color:#282925}
.library-caption{display:flex;justify-content:space-between;font-size:12px;line-height:1.6;margin:0 0 62px;color:#353631}
.volume{max-width:1180px;margin:0 auto 115px;padding:0 10px;perspective:2200px}
.open-book{position:relative;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;aspect-ratio:1.65;filter:drop-shadow(0 19px 16px #0003);transition:filter .45s}
.open-book:hover{filter:drop-shadow(0 23px 20px #0004)}
.book-page{position:relative;display:flex;flex-direction:column;min-width:0;background:#f3f2ee;padding:24px 26px 20px;z-index:2;overflow:hidden}
.page-left{border-radius:2px 2px 45px 3px/3px 3px 13px 3px;background:linear-gradient(90deg,#e6e5e0 0%,#faf9f5 2%,#f3f2ee 85%,#e3e2dd 96%,#c7c6c0 100%);transform-origin:right center;transform:rotateY(2deg)}
.page-right{border-radius:2px 3px 3px 45px/3px 3px 3px 13px;background:linear-gradient(90deg,#d2d1cb 0%,#efeee8 5%,#f7f6f2 18%,#f3f2ee 96%,#dfded8 100%);transform-origin:left center;transform:rotateY(-2deg)}
.printed-image{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;background:#ebeae5}
.printed-image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.9);transition:filter .4s}
.open-book:hover .printed-image img{filter:saturate(1)}
.printed-caption{display:flex;justify-content:space-between;gap:10px;padding-top:18px;font-size:12px;line-height:1.7;color:#55554e;min-height:63px}
.printed-caption>span:last-child{align-self:end;font-family:Georgia,serif;font-size:12px}
.book-binding{position:absolute;top:0;bottom:1px;left:50%;width:50px;transform:translateX(-50%);background:linear-gradient(90deg,transparent, #00000006 20%,#0000001a 46%,#88867b66 49%,#ffffff20 51%,#ffffff20 55%,transparent);z-index:4;pointer-events:none}
.page-stack{position:absolute;top:3px;bottom:-8px;width:50%;z-index:0;background:repeating-linear-gradient(0deg,#a9a79e 0px,#e4e2da 1px,#f6f4ed 2px,#c9c7bd 3px);box-shadow:0 2px 1px #3a392f60;border-bottom:2px solid #827b67}
.stack-left{left:-4px;transform:skewY(1deg);border-radius:1px 0 35px 3px/1px 0 10px 3px}
.stack-right{right:-7px;transform:skewY(-1deg);border-radius:0 2px 3px 35px/0 2px 3px 10px;box-shadow:2px 1px 0 #dad7ce,4px 3px 0 #777468,6px 4px 0 #cfccc2}
.traces-volume .page-left img{width:185%;max-width:none;left:-40%;object-position:center}
.traces-volume .page-right img{width:205%;max-width:none;left:-52%;object-position:center}
.trip-volume .printed-image img{width:160%;left:-30%}
.memory-volume .ticket-page{background:#f3f2ee;display:flex;align-items:center}
.memory-volume .ticket-page img{position:relative;width:100%;height:auto;object-fit:contain}
.reemployment-volume .printed-image{background:#111}
.reemployment-volume .printed-image img{object-fit:contain}
.siff-volume .page-left .printed-image img{object-fit:cover}
.siff-volume .page-right .printed-image,.docs-volume .page-right .printed-image,.vintage-volume .printed-image{background:transparent}
.siff-volume .page-right img,.docs-volume .page-right img,.vintage-volume .printed-image img{object-fit:contain}
.docs-volume .page-left img{width:220%;left:-60%;object-fit:cover}
.fox-volume .printed-image{background:white}
.fox-volume .printed-image img,.cee-volume .printed-image img{object-fit:contain}
.printed-essay{flex:1;padding:10% 7%;display:flex;flex-direction:column;justify-content:center}
.book-category{font-size:12px;color:#747267}
.printed-essay h2{font-family:'Songti SC',Georgia,serif;font-size:clamp(22px,2.8vw,40px);font-weight:400;line-height:1.6;margin:30px 0 18px}
.printed-essay p{font-family:Georgia,serif;font-size:clamp(18px,2vw,28px);line-height:1.4;margin:0}
.essay-rule{height:1px;width:35px;background:#7a776c;margin:30px 0}
.printed-essay small{font-size:13px;line-height:1.9;color:#646258}
.library-end{text-align:center;font-family:Georgia,'Songti SC',serif;color:#5b5b53;font-size:14px}
@media(min-width:1600px){.library{padding-left:9vw;padding-right:9vw}.book-page{padding:30px 35px 22px}}
@media(max-width:900px){.library{margin:0 18px 40px;padding:28px 28px 40px}.library-caption{margin-bottom:45px}.volume{margin-bottom:70px;padding:0}.book-page{padding:16px 17px 12px}.printed-caption{padding-top:12px;font-size:10px;min-height:53px}.printed-essay{padding:5%}.printed-essay small{display:none}.printed-essay h2{font-size:23px}.printed-essay p{font-size:19px}.book-category{font-size:10px}.book-binding{width:32px}}
@media(max-width:600px){header{height:98px}.library{margin:0 8px 30px;padding:22px 12px 35px}.library-caption{font-size:10px;margin-bottom:32px}.volume{margin-bottom:52px}.open-book{aspect-ratio:1.24}.book-page{padding:10px 9px 10px}.printed-caption{font-size:9px;line-height:1.4;min-height:56px;padding-top:12px;gap:4px}.printed-caption>span:last-child{font-size:9px}.book-binding{width:23px}.page-stack{bottom:-5px}.stack-left{left:-2px}.stack-right{right:-3px;box-shadow:2px 1px 0 #dad7ce,3px 2px 0 #777468}.printed-essay h2{font-size:19px;margin:15px 0}.printed-essay p{font-size:16px}.book-category{font-size:9px}.essay-rule{margin:18px 0}.traces-volume .page-left img{width:230%;left:-65%}.traces-volume .page-right img{width:255%;left:-77%}.library-end{font-size:12px}}
@media(prefers-reduced-motion:reduce){.open-book,.printed-image img{transition:none}}

/* Photographic paper mockup. All project imagery remains original source files. */
body:has(.library){background:#111;color:#d3d3d1}
body:has(.library) header{height:140px;padding:25px 3vw}
.library{background:none;margin:0 auto;padding:0 0 70px;max-width:1440px;color:#aaa}
.library-caption{margin:0 6vw 40px;font-size:12px;color:#aaa}
.volume{max-width:1320px;margin:0 auto 80px;padding:0;perspective:none}
.open-book{aspect-ratio:1.5;background:url('/assets/open-book-paper.png') center/100% 100% no-repeat;filter:none;display:block;isolation:isolate;transition:opacity .25s}
.open-book:hover{filter:none}
.book-page{position:absolute;top:14.5%;bottom:16%;width:37%;padding:0;background:none;transform:none;border-radius:0;overflow:visible}
.page-left{left:10%}.page-right{right:10%}
.printed-image{flex:1;background:transparent;overflow:hidden}
.printed-image img{filter:none;object-fit:cover}
.open-book:hover .printed-image img{filter:none}
.printed-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ffffff05,transparent 80%,#00000008);mix-blend-mode:multiply}
.printed-caption{color:#555;font-size:11px;min-height:55px;padding-top:18px;line-height:1.55}
.printed-caption>span:last-child{font-size:10px}
.book-binding,.page-stack{display:none}
.printed-essay{padding:8% 6%;overflow:hidden}
.printed-essay h2{font-size:clamp(18px,2.5vw,35px);margin:20px 0}
.printed-essay p{font-size:clamp(16px,2vw,27px)}
.printed-essay small{font-size:12px}
.library-end{color:#888}
.ticket-set{display:flex;flex:1;flex-direction:column;justify-content:center;gap:22px;min-height:0;padding:8% 0}
.screening-ticket{position:relative;display:grid;grid-template-columns:68% 32%;aspect-ratio:2.4;background:#d8c4a0;padding:9px;color:#302b23;box-shadow:0 3px 5px #0002;mask:radial-gradient(circle at 0 5px,transparent 3px,#000 3.5px) 0 0/100% 10px;}
.ticket-picture{min-width:0;overflow:hidden;margin-right:8px}
.ticket-picture img{display:block;width:100%;height:100%;object-fit:cover}
.ticket-stub{border-left:1px dashed #8c7656;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;padding-left:7px;font-family:Georgia,'Songti SC',serif;font-size:7px;line-height:1.5}
.ticket-stub strong{font-size:10px;font-weight:400;letter-spacing:.02em}
.ticket-stub small{font-family:monospace;font-size:8px;border-top:1px solid #9d8868;padding-top:3px;width:85%}
.ticket-presentation>.ticket-set{max-width:700px;margin:auto;gap:30px;padding:30px}
.ticket-presentation .screening-ticket{padding:16px;aspect-ratio:2.65}
.ticket-presentation .ticket-stub{font-size:12px}.ticket-presentation .ticket-stub strong{font-size:20px}.ticket-presentation .ticket-stub small{font-size:12px}
.photo-grid .ticket-presentation img{height:100%;background:none;object-fit:cover}
@media(min-width:1500px){.book-page{padding:0}.library-caption{margin-left:65px;margin-right:65px}}
@media(max-width:900px){body:has(.library) header{height:120px}.library{margin:0;padding:0 0 40px}.library-caption{margin:0 5vw 25px}.volume{margin-bottom:45px}.book-page{padding:0}.printed-caption{font-size:10px;padding-top:12px;min-height:48px}.printed-essay small{display:none}.ticket-set{gap:14px}.ticket-stub strong{font-size:8px}}
@media(max-width:600px){body:has(.library) header{height:116px;padding:22px 5vw}.library-caption{font-size:11px}.volume{margin-bottom:28px}.open-book{aspect-ratio:1.5}.book-page{top:14.5%;bottom:15%;padding:0}.printed-caption{font-size:8px;min-height:37px;padding-top:8px;line-height:1.45}.printed-caption>span:last-child{font-size:8px}.printed-essay h2{font-size:14px;line-height:1.5;margin:10px 0}.printed-essay p{font-size:12px}.book-category{font-size:7px}.essay-rule{margin:12px 0}.ticket-set{gap:9px;padding:0}.screening-ticket{padding:4px;aspect-ratio:2.5}.ticket-picture{margin-right:3px}.ticket-stub{font-size:4px;padding-left:3px}.ticket-stub strong{font-size:5px}.ticket-stub small{font-size:4px;padding-top:1px}.ticket-presentation>.ticket-set{padding:0}.ticket-presentation .screening-ticket{padding:8px}.ticket-presentation .ticket-stub{font-size:9px}.ticket-presentation .ticket-stub strong{font-size:13px}.ticket-presentation .ticket-stub small{font-size:8px}}