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