.hero-canvas{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hero-canvas img{position:absolute;left:0;top:0;max-width:none;object-fit:contain;pointer-events:none;user-select:none;will-change:transform}
@media(prefers-reduced-motion:reduce){.hero-canvas img{will-change:auto}}
.portfolio-books{padding-left:0;padding-right:0;overflow:hidden}
.portfolio-books>.section-heading{padding:0 5vw;align-items:center}
.book-flow-pause{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;background:none;border:1px solid var(--line);border-radius:50px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;white-space:nowrap}
.book-flow-pause>span:first-child{font-size:16px;width:16px}.book-flow-pause:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.book-flow-pause[hidden]{display:none}
.book-flow{--book-width:220px;--book-gap:48px;height:460px;position:relative;overflow:hidden;perspective:1100px;touch-action:pan-y;cursor:grab;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.book-flow.dragging{cursor:grabbing}.book-flow-track{display:flex;gap:var(--book-gap);align-items:center;height:100%;width:max-content;transform-style:preserve-3d;will-change:transform}
.book-flow-item{position:relative;flex:0 0 var(--book-width);width:var(--book-width);height:360px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-style:preserve-3d}
.book-flow-cover{width:100%;height:300px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;will-change:transform;transform-origin:50% 50%}
.book-flow-cover img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.book-flow-item figcaption{position:absolute;top:calc(100% + 20px);width:100%;text-align:center;font-size:13px;line-height:1.4;letter-spacing:0;max-height:3em;overflow:hidden}
.book-flow{height:500px}
.book-flow.motion-reduced{overflow-x:auto;perspective:none;mask-image:none;cursor:auto}.motion-reduced .book-flow-track{transform:none!important;will-change:auto;padding:0 5vw}.motion-reduced .book-flow-cover{transform:none!important;will-change:auto}.motion-reduced .book-flow-item{visibility:visible!important}.motion-reduced .book-flow-item[data-duplicate]{display:none}
.book-flow.motion-reduced{touch-action:auto}
@media(min-width:1600px){.book-flow{--book-width:245px;--book-gap:58px;height:540px}.book-flow-item{height:390px}.book-flow-cover{height:330px}}
@media(max-width:760px){.portfolio-books>.section-heading{padding:0 6vw;flex-direction:row;align-items:center;gap:18px}.portfolio-books .section-heading h2{max-width:230px}.book-flow-pause{padding:12px}.book-flow-pause .pause-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.book-flow{--book-width:155px;--book-gap:36px;height:400px;perspective:900px}.book-flow-item{height:270px}.book-flow-cover{height:235px}.book-flow-item figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.book-flow-cover,.book-flow-track{will-change:auto}}