/* Physical print presentation. Source artwork and the reading interactions stay intact. */
.magazine-surface{position:relative;padding:42px 24px 46px;margin:0 -1px;border:1px solid #ffffff0a;border-radius:10px;background:radial-gradient(ellipse at 50% 35%,#40423b52,transparent 67%),linear-gradient(145deg,#181b19,#101311);box-shadow:inset 0 1px 0 #ffffff05;overflow:visible}
.magazine-surface .book-stage{filter:drop-shadow(0 28px 24px #0007)}
.magazine-surface .book-page{border:0;border-radius:1px;box-shadow:0 1px 0 #e8e0ce,0 2px 0 #aaa18e,0 4px 0 #ddd3c0,0 5px 0 #877f70,0 6px 0 #b8af9c}
.magazine-surface .book-page img{border-radius:1px}
.magazine-surface .book-stage::before{content:'';position:absolute;inset:2px -1px -8px;z-index:-1;border-radius:1px 3px 4px 2px;background:repeating-linear-gradient(0deg,#b7ae9c 0 1px,#eee5d3 1px 2px);box-shadow:0 2px 1px #0005,0 10px 14px #0006;pointer-events:none}
.magazine-surface .book-ready{isolation:isolate}
.book-ready .magazine-surface .book-stage:not(.single)::after{inset:0 auto -5px calc(50% - 15px);width:30px;background:linear-gradient(90deg,transparent,#4137270d 16%,#261e1947 46%,#120f0c77 50%,#f5eed466 55%,#53412c14 72%,transparent)}
.book-ready .magazine-surface .book-stage:not(.single)>.book-page:nth-child(even)::after{background:linear-gradient(90deg,#ffffff08,transparent 10%,transparent 80%,#372a181a 97%,#17120d38)}
.book-ready .magazine-surface .book-stage:not(.single)>.book-page:nth-child(odd)::after{background:linear-gradient(90deg,#17120d36,#372a1818 3%,transparent 20%,transparent 90%,#ffffff0a)}
.magazine-surface .paper-leaf>.book-front,.magazine-surface .paper-leaf>.book-back,.magazine-surface .book-underlay{box-shadow:none}
.magazine-surface .book-stage.single::before{left:50%}
.magazine-surface .book-stage.single:has(>[data-book-page="7"]:not([hidden]))::before{left:0;right:50%}
@media(min-width:801px){
 .magazine-surface .book-stage,.magazine-surface .book-stage.single{width:min(100%,840px,90svh);transition:transform 1.05s cubic-bezier(.22,.65,.25,1)}
 .magazine-surface .book-stage.single:has(>[data-book-page="0"]:not([hidden])){transform:translateX(-25%)}
 .magazine-surface .book-stage.single:has(>[data-book-page="7"]:not([hidden])){transform:translateX(25%)}
 .magazine-surface .book-stage.single.is-turning{transform:none}
}
@media(max-width:800px){
 .magazine-surface{padding:22px 14px 28px;border-radius:6px}
 .magazine-surface .book-stage.single::before,.magazine-surface .book-stage.single:has(>[data-book-page="7"]:not([hidden]))::before{left:0;right:0}
 .magazine-surface .book-stage{filter:drop-shadow(0 15px 14px #0006)}
}
/* A narrow graphite frame, warm mat board and an unobscured printed image. */
.project-card .image.streaming,.project-gallery.poster-gallery>button{height:auto!important;aspect-ratio:auto!important;padding:clamp(9px,1.25vw,18px)!important;border:6px solid #262827!important;border-top-color:#50524f!important;border-left-color:#3b3e3b!important;border-right-color:#171a18!important;border-bottom-color:#111412!important;border-radius:2px!important;background:#dcd8cc!important;box-shadow:0 1px 0 #77786d,1px 3px 3px #000b,5px 15px 18px #0008,inset 0 0 0 1px #b8b3a4!important;overflow:visible}
.project-card .image.streaming img,.project-gallery.poster-gallery>button img{position:relative;display:block;width:100%;height:auto!important;max-height:none;aspect-ratio:var(--panel-ratio,auto);object-fit:contain!important;transform:none!important;border-radius:0!important;box-shadow:0 0 0 1px #6b695d55,0 1px 3px #0004!important;filter:none}
.project-card .image.streaming::before,.project-gallery.poster-gallery>button::before{display:none!important}
.project-card .image.streaming::after,.project-gallery.poster-gallery>button::after{display:block!important;content:'';position:absolute;inset:-5px;pointer-events:none;border-radius:1px;background:none!important;box-shadow:inset 0 1px 0 #ffffff26,inset 1px 0 0 #ffffff0d}
.posters{padding-top:6px;padding-bottom:30px}.project-gallery.poster-gallery{padding-bottom:15px}
.index .project-card .image.streaming{width:120px;height:92px!important;padding:5px!important;border-width:3px!important}.index .project-card .image.streaming img{height:100%!important;aspect-ratio:auto}
@media(max-width:800px){.project-card .image.streaming,.project-gallery.poster-gallery>button{padding:9px!important;border-width:4px!important;box-shadow:0 1px 0 #77786d,1px 3px 3px #000b,3px 9px 12px #0007,inset 0 0 0 1px #b8b3a4!important}.index .project-card .image.streaming{width:80px;height:74px!important}}
@media(prefers-reduced-motion:reduce){.magazine-surface .book-stage{transition:none!important}}
@media(forced-colors:active){.magazine-surface{background:Canvas;border:1px solid CanvasText}.magazine-surface .book-stage::before{display:none}.project-card .image.streaming,.project-gallery.poster-gallery>button{border:2px solid CanvasText!important;background:Canvas!important;box-shadow:none!important}}
/* Twelve connected strips bow the paper during the existing hinged page turn. */
.paper-leaf>.paper-strip{position:absolute;inset:0 auto 0 0;height:100%;transform-origin:left center;transform-style:preserve-3d;pointer-events:none}
.paper-strip-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;transform:rotateY(0deg);background:#f4eddb}
.paper-strip-back{transform:rotateY(180deg)}
.paper-strip-face>.book-page,.paper-strip-face>.book-blank{position:absolute!important;max-width:none;min-width:0;padding:0;border:0;box-shadow:none!important;transform:none;visibility:visible!important;pointer-events:none}
.paper-strip-face>.book-page img{width:100%;height:100%;max-width:none;object-fit:contain}
.paper-strip-front::after,.paper-strip-back::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#00000008,transparent 65%)}
.project-gallery.poster-gallery>button:first-child:last-child{width:min(100%,560px);max-width:560px}
.project-gallery.poster-gallery>button img{max-height:none!important}