.tristopic-sphere-page{min-height:100svh}.tristopic-gallery-active{overflow:hidden;height:100svh}:root{--tristopic-colophon-h: calc(1.25rem + env(safe-area-inset-bottom, 0px)) }.tristopic-bar--floating{position:fixed;inset:0 0 auto;z-index:60;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0}.tristopic-footer--floating{position:fixed;left:0;right:0;bottom:0;z-index:60;margin-top:0;background:none;pointer-events:none}.tristopic-footer--floating .tristopic-colophon__time,.tristopic-footer--floating .tristopic-colophon__updated{color:var(--wp--preset--color--paper-dim)}.tristopic-footer--floating .tristopic-colophon__strip{margin-top:0;border-top:0}.tristopic-gallery-active .tristopic-stage{position:fixed;inset:0;z-index:0;display:block;pointer-events:auto;background:var(--wp--preset--color--ink)}.tristopic-stage__canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.tristopic-stage__canvas:focus-visible{outline:1px solid var(--wp--preset--color--paper-dim);outline-offset:-4px}.tristopic-hud{position:fixed;left:0;right:0;bottom:var(--tristopic-colophon-h);z-index:60;display:flex;justify-content:flex-end;align-items:center;padding:0 var(--tristopic-chrome-inset);background:none;pointer-events:none}.tristopic-hud>*{pointer-events:auto}.tristopic-hud__views{display:flex;gap:.25rem}.tristopic-hud__views button{display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:999px;background:transparent;color:var(--wp--preset--color--paper-faint);cursor:pointer;transition:color var(--wp--custom--duration--fast) var(--wp--custom--ease)}.tristopic-hud__views svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}body[data-view=sphere] .tristopic-hud__views [data-view-icon=sphere],body[data-view=index] .tristopic-hud__views [data-view-icon=index]{display:none}.tristopic-hud__views button:hover,.tristopic-hud__views button:focus-visible{color:var(--wp--preset--color--accent)}@media (pointer: coarse){.tristopic-hud__views button{width:2.75rem;height:2.75rem}}.tristopic-index{position:relative;z-index:1;padding-block:calc(var(--wp--preset--spacing--50) + 2rem) var(--wp--preset--spacing--50)}.tristopic-grid-pending .tristopic-index,.tristopic-gallery-active .tristopic-index{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;font-family:var(--wp--preset--font-family--mono)}.tristopic-index__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(18rem,100%),1fr));gap:var(--wp--preset--spacing--30);margin:0;padding:0;list-style:none}.tristopic-index__item a{display:grid;gap:.6rem;text-decoration:none}.tristopic-index__media{aspect-ratio:1;overflow:hidden;background:var(--wp--preset--color--ink-raised)}.tristopic-index__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--wp--custom--duration--slow) var(--wp--custom--ease)}.tristopic-index__item a:hover .tristopic-index__media img{transform:scale(1.05)}.tristopic-index__title{font-size:var(--wp--preset--font-size--body);font-weight:500;margin:0}.tristopic-overlay[hidden]{display:none!important}.tristopic-overlay:not(.is-open){pointer-events:none}.tristopic-overlay.is-open{pointer-events:auto}.tristopic-overlay{--tristopic-hud-clear: calc(2.75rem + var(--tristopic-colophon-h) + var(--wp--preset--spacing--10));position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:calc(var(--wp--preset--spacing--30) + 1.5rem) var(--wp--preset--spacing--20) var(--tristopic-hud-clear);background:rgb(from var(--wp--preset--color--ink) r g b / .82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;transition:opacity .24s ease-out}.tristopic-overlay.is-open{opacity:1}.tristopic-overlay__panel{position:relative;display:block;width:min(100%,60rem);max-height:100%;overflow:auto;padding:var(--wp--preset--spacing--30);scrollbar-width:none;-ms-overflow-style:none;border:var(--wp--custom--line);border-radius:2rem;background:var(--wp--preset--color--ink-raised);transform:scale(.34);opacity:0;transition:transform .52s cubic-bezier(.16,1,.3,1),opacity .26s ease-out;will-change:transform}.tristopic-overlay__panel::-webkit-scrollbar{width:0;height:0}.tristopic-overlay.is-open .tristopic-overlay__panel{transform:none;opacity:1}.tristopic-overlay__panel>*{opacity:0;transform:translateY(10px);transition:opacity .32s ease-out .14s,transform .42s cubic-bezier(.16,1,.3,1) .14s}.tristopic-overlay.is-open .tristopic-overlay__panel>*{opacity:1;transform:none}.tristopic-overlay__close{position:relative;flex:none;padding:0;margin:0;border:0;background:none;color:var(--wp--preset--color--paper-dim);font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--micro);letter-spacing:var(--wp--custom--tracking--wider);text-transform:uppercase;cursor:pointer;transition:color var(--wp--custom--duration--fast) var(--wp--custom--ease)}.tristopic-overlay__close:after{content:"";position:absolute;inset:-.9rem 0 -.9rem -1.4rem}.tristopic-overlay__close:hover,.tristopic-overlay__close:focus-visible{color:var(--wp--preset--color--accent)}.is-overlay-open{overflow:hidden}@media (max-width: 599px){.tristopic-overlay{padding:calc(var(--wp--preset--spacing--10) + 1.25rem) var(--wp--preset--spacing--10) var(--tristopic-hud-clear)}.tristopic-overlay__panel{padding:.625rem;border-radius:1rem}}@media (prefers-reduced-motion: reduce){.tristopic-stage{display:none}}
