*{box-sizing:border-box}html,body{background:#050505;height:100%;margin:0;overflow:hidden}button{font:inherit}img{display:block}.portfolio-flipbook{background:#050505;justify-content:center;align-items:center;width:100vw;height:100svh;display:flex;position:relative;overflow:hidden}.page-stage{justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(8px,1.6vmin,22px);display:flex}.portfolio-page{object-fit:contain;background:#fff;width:auto;max-width:calc(100vw - clamp(16px,3.2vmin,44px));height:auto;max-height:calc(100svh - clamp(16px,3.2vmin,44px));animation:.18s ease-out page-in;box-shadow:0 18px 54px #00000061}.portfolio-page[data-kind=cover]{aspect-ratio:1654/2339}.portfolio-page[data-kind=spread]{aspect-ratio:3308/2339}.turn-zone{color:#ffffffd6;cursor:pointer;z-index:5;background:0 0;border:0;justify-content:center;align-items:center;width:min(18vw,180px);height:100%;padding:0;transition:color .16s,opacity .16s;display:flex;position:absolute;top:0}.turn-zone-left{left:0}.turn-zone-right{right:0}.turn-zone span{background:#00000057;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:clamp(58px,9vmin,88px);height:clamp(58px,9vmin,88px);padding-bottom:7px;font-size:clamp(44px,7vmin,78px);line-height:1;display:flex}.turn-zone:hover,.turn-zone:focus-visible{color:#fff}.turn-zone:focus-visible{outline-offset:-12px;outline:2px solid #ffffffd1}.turn-zone:disabled{cursor:default;opacity:0;pointer-events:none}.page-count{color:#ffffffdb;text-align:center;z-index:6;background:#0000006b;border:1px solid #ffffff29;border-radius:999px;min-width:68px;padding:7px 12px;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:12px;position:absolute;bottom:clamp(12px,2.4vmin,24px);left:50%;transform:translate(-50%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes page-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (width<=720px){.page-stage{padding:8px}.portfolio-page{max-width:calc(100vw - 16px);max-height:calc(100svh - 16px)}.turn-zone{width:30vw}.turn-zone span{background:#00000047;width:54px;height:54px;font-size:42px}.page-count{bottom:10px}}