.of-viewport{perspective:1400px;touch-action:pan-y;cursor:default;-webkit-user-select:none;user-select:none;--of-cs:1.092;--of-origin-x:30%;overflow:visible}.of-scene{transform-style:preserve-3d;will-change:transform;pointer-events:none}.of-card{pointer-events:auto;left:var(--of-origin-x,50%);transform-style:preserve-3d;will-change:transform;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;background:0 0;border:0;margin:0;padding:0;position:absolute;top:50%}.of-card:focus{outline:none}.of-card:focus-visible{outline:2px solid hsl(var(--jp-gold));outline-offset:5px}.of-media{background:hsl(var(--jp-pink));width:100%;box-shadow:var(--of-shadow,0 14px 30px -16px #221f1a33);display:block;position:relative;overflow:hidden}.of-media img,.of-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.of-video{opacity:0;pointer-events:none;transition:opacity .55s}.of-card[data-playing=true] .of-video{opacity:1}.of-badge{background:hsl(var(--jp-dark) / .55);border:1px solid hsl(var(--jp-gold) / .55);width:1.6rem;height:1.6rem;color:hsl(var(--jp-cream));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;border-radius:999px;place-items:center;display:grid;position:absolute;top:.5rem;right:.5rem}.of-badge svg{width:.72rem;height:.72rem;margin-left:1px}.of-index{font-family:var(--font-sans), sans-serif;text-transform:uppercase;letter-spacing:.22em;color:hsl(var(--jp-cream));background:hsl(var(--jp-dark) / .55);opacity:var(--of-focus,0);pointer-events:none;padding:.3rem .55rem;font-size:.58rem;font-weight:500;position:absolute;bottom:0;left:0}.of-lb{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.of-lb-backdrop{background:hsl(var(--jp-dark) / .93);cursor:zoom-out;border:0;transition:opacity .3s;animation:.3s both of-fade-in;position:absolute;inset:0}.of-lb-frame{will-change:transform, opacity}.of-lb-bar,.of-lb-close,.of-lb-nav{animation:.42s both of-fade-in}.of-lb[data-closing=true] .of-lb-backdrop{opacity:0}.of-lb[data-closing=true] .of-lb-bar,.of-lb[data-closing=true] .of-lb-close,.of-lb[data-closing=true] .of-lb-nav{opacity:0;pointer-events:none;transition:opacity .2s}@keyframes of-fade-in{0%{opacity:0}to{opacity:1}}.of-lb-stage{z-index:1;flex-direction:column;align-items:center;gap:.9rem;max-width:min(88vw,1200px);max-height:86vh;margin:0;display:flex;position:relative}.of-lb-frame{border:1px solid hsl(var(--jp-gold) / .4);background:hsl(var(--jp-dark));width:auto;max-width:88vw;height:auto;max-height:76vh;width:min(88vw, calc(76vh * var(--of-ar,1.5)));position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #0009}.of-lb-img,.of-lb-video{object-fit:contain;width:100%;height:100%;display:block}.of-lb-bar{justify-content:space-between;align-items:baseline;gap:2rem;width:100%;display:flex}.of-lb-caption{font-family:var(--font-serif), Georgia, serif;color:hsl(var(--jp-cream) / .9);font-size:1.05rem;font-style:italic}.of-lb-count{font-family:var(--font-sans), sans-serif;text-transform:uppercase;letter-spacing:.22em;color:hsl(var(--jp-gold));font-size:.62rem}.of-lb-close,.of-lb-nav{z-index:2;font-family:var(--font-sans), sans-serif;text-transform:uppercase;letter-spacing:.22em;color:hsl(var(--jp-cream));border:1px solid hsl(var(--jp-cream) / .35);cursor:pointer;background:0 0;padding:.85rem 1.5rem;font-size:.68rem;font-weight:500;transition:color .3s,border-color .3s,background-color .3s;position:absolute}.of-lb-close:hover,.of-lb-nav:hover{color:hsl(var(--jp-gold));border-color:hsl(var(--jp-gold) / .6)}.of-lb-close:focus-visible,.of-lb-nav:focus-visible{outline:2px solid hsl(var(--jp-gold));outline-offset:3px}.of-lb-close{top:1.5rem;right:1.5rem}.of-lb-prev{top:50%;left:1.5rem;transform:translateY(-50%)}.of-lb-next{top:50%;right:1.5rem;transform:translateY(-50%)}@media (max-width:640px){.of-viewport{touch-action:pan-y;--of-cs:1.6;--of-origin-x:50%}.of-lb-prev,.of-lb-next{top:auto;bottom:1.25rem;transform:none}}.of-scroll-hint{z-index:40;border:1px solid hsl(var(--jp-cream) / .28);background:hsl(var(--jp-dark) / .42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:hsl(var(--jp-cream));font-family:var(--font-sans), sans-serif;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;touch-action:manipulation;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .9rem .45rem;font-size:.56rem;font-weight:500;animation:.4s both of-hint-in;display:inline-flex;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%)}.of-scroll-hint-label{line-height:1}.of-scroll-hint-arrow{border-bottom:1.5px solid;border-right:1.5px solid;width:.5rem;height:.5rem;animation:1.4s ease-in-out infinite of-hint-bob}@keyframes of-hint-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes of-hint-bob{0%,to{transform:rotate(45deg)translate(0)}50%{transform:rotate(45deg)translate(2px,2px)}}.of-scroll-hint-arrow{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.of-video{opacity:0!important;transition:opacity .15s!important}}