.binder-flights{z-index:2;pointer-events:none;position:absolute;inset:0}.binder-flyer{position:absolute;top:0;left:0}.binder-flyer img{object-fit:cover;border-radius:4px;width:100%;height:100%;display:block;box-shadow:0 6px 14px #221a2c4d}.binder__cover{--pocket-w:max(24px, min((100cqw - 84px - var(--nav-x,0px)) / 6, (100cqh - 46px - var(--nav-y,0px)) / 3 * 63 / 88));--pocket-gap:5px;--page-pad:7px;background:var(--bora-600);border:2px solid #221a2c;border-radius:14px;padding:7px;position:relative;box-shadow:4px 4px #221a2c}.binder__spread{perspective:1600px;display:flex;position:relative}.binder__side{z-index:0;position:relative}.binder__page{grid-template-columns:repeat(3, var(--pocket-w));gap:var(--pocket-gap);padding:var(--page-pad);background:#fbf6ea;border:1.5px solid #d9ccb3;margin:0;list-style:none;display:grid}.binder__page--left{padding-right:calc(var(--page-pad) + 6px);border-radius:8px 2px 2px 8px}.binder__page--right{padding-left:calc(var(--page-pad) + 6px);border-radius:2px 8px 8px 2px}.binder__pocket{aspect-ratio:63/88;background:#ece3d1;border-radius:4px;position:relative;box-shadow:inset 0 0 0 1px #d9ccb3}.binder__pocket:after{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff52 0 22%,#0000 34% 100%);border-top:2px solid #ffffffd9;border-radius:4px;position:absolute;inset:0}.binder__pocket img{object-fit:cover;border-radius:3px;width:100%;height:100%;display:block}.binder__pocket.is-hidden{overflow:hidden}.binder__pocket.is-hidden img{filter:blur(5px)saturate(1.2)brightness(.85);opacity:.55;transform:scale(1.2)}.binder__no{color:#5c4d3a;font-family:var(--font-hand);font-size:clamp(.7rem, calc(var(--pocket-w) * .24), 1.1rem);place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.binder__look{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.binder__new{font-size:clamp(.5rem, calc(var(--pocket-w) * .13), .68rem);--sticker-r:9deg;border-width:1.5px;padding:.18rem .32rem .14rem;animation:.42s cubic-bezier(.2,1.4,.3,1) both binder-pop;top:-.45rem;right:-.5rem}.binder__new.is-flair{background:var(--bora-600);color:#fff}.binder__rings{z-index:3;pointer-events:none;flex-direction:column;justify-content:space-evenly;display:flex;position:absolute;top:0;bottom:0;left:50%;translate:-50%}.binder__rings span{background:linear-gradient(#f4f0f7,#b9b2c4);border:2px solid #221a2c;border-radius:999px;width:24px;height:9px}.binder__leaf{z-index:2;transform-origin:0;width:50%;transform-style:preserve-3d;position:absolute;top:0;bottom:0;left:50%}.binder__face{backface-visibility:hidden;position:absolute;inset:0}.binder__face--back{transform:rotateY(180deg)}.binder__face .binder__page{height:100%}.binder__shade{border-radius:inherit;opacity:0;pointer-events:none;background:#221a2c;position:absolute;inset:0}.binder__frame{--arrow:26px;--arrow-gap:8px;--nav-x:calc(2 * (var(--arrow) + var(--arrow-gap)));grid-template-columns:var(--arrow) auto var(--arrow);align-items:center;gap:var(--arrow-gap);display:grid}.binder__arrow{width:var(--arrow);height:var(--arrow);color:#221a2c;cursor:pointer;background:#fffdf8;border:1.5px solid #221a2c;border-radius:50%;place-items:center;padding:0;transition:opacity .24s,background-color .16s,translate .12s;display:grid;position:relative;box-shadow:2px 2px #221a2c}.binder__arrow:before{content:"";position:absolute;inset:-9px}.binder__arrow:hover:not(:disabled){background:var(--bora-100)}.binder__arrow:active:not(:disabled){translate:1px 1px;box-shadow:1px 1px #221a2c}.binder__arrow:disabled{opacity:.3;cursor:default}.binder__frame:not([data-browse]) .binder__arrow{visibility:hidden;opacity:0}.binder__frame[data-browse] .binder__spread{touch-action:pan-y;-webkit-user-select:none;user-select:none}@container (max-width:560px){.binder__frame{--nav-x:0px;--nav-y:calc(var(--arrow) + var(--arrow-gap));gap:var(--arrow-gap) 1.4rem;grid-template-columns:auto auto;grid-template-areas:"cover cover""prev next"}.binder__frame>.binder__cover{grid-area:cover}.binder__arrow--prev{grid-area:prev;justify-self:end}.binder__arrow--next{grid-area:next;justify-self:start}}.binder__tab{z-index:4;color:#221a2c;font-family:var(--font-display);white-space:nowrap;background:#fffdf8;border:2px solid #221a2c;border-radius:6px;align-items:baseline;gap:.45rem;margin:0;padding:.2rem .65rem .15rem;font-size:.8rem;line-height:1.2;display:flex;position:absolute;top:0;left:50%;translate:-50% -60%;rotate:-1.5deg}.binder__count{font-family:var(--font-hand);font-size:1rem;font-weight:700}.binder__count b{color:var(--bora-600);animation:.36s cubic-bezier(.2,1.4,.3,1) both binder-pop;display:inline-block}.binder__new.is-secret{color:#221a2c;background:#f2c443}@keyframes binder-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.binder__new,.binder__count b{animation:none}}