.meridian-compass{width:150vw;height:150vw;left:50vw;top:46vh;transform:translate(-50%,-50%);perspective:var(--compass-perspective, 1400px)}@media(min-width:1024px){.meridian-compass{width:120vmin;height:120vmin;left:68vw;top:50vh}}.compass-shot{width:100%;height:100%;transform-style:preserve-3d;will-change:transform}html.js-shots .compass-shot{transform:translate3d(var(--shot-x),var(--shot-y),0) scale(var(--shot-scale)) rotateX(var(--shot-rx)) rotateY(var(--shot-ry))}html.js-shots.js-shots-depth .compass-shot{transform:translate3d(var(--shot-depth-x),var(--shot-depth-y),var(--shot-z)) scaleZ(var(--shot-inverse-scale)) rotateX(var(--shot-rx)) rotateY(var(--shot-ry))}.compass-scene{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:compass-breathe 14s ease-in-out infinite alternate}@keyframes compass-breathe{0%{transform:rotateX(7deg) rotateY(-9deg)}to{transform:rotateX(-5deg) rotateY(7deg)}}.compass-face,.compass-overlay{opacity:var(--compass-opacity, .55)}html.js-shots-discrete .compass-face,html.js-shots-discrete .compass-overlay{opacity:calc(var(--compass-opacity, .55) * .7)}html.js-shots-discrete .compass-face,html.js-shots-discrete .compass-needle path[fill]{filter:none}html.js-shots-discrete .compass-scene{animation:compass-drift 12s ease-in-out infinite alternate}html.js-shots-discrete .compass-shot{transform:scale(var(--shot-scale));transition:transform 2s cubic-bezier(.16,1,.3,1)}.compass-cam{width:100%;height:100%;transform-style:preserve-3d}html.js-shots-discrete .compass-cam{transform:translate3d(var(--cam-x),var(--cam-y),0) rotateX(var(--cam-rx)) rotateY(var(--cam-ry))}@keyframes compass-drift{0%{transform:translate3d(-1.5%,-1.2%,0) rotateX(-2.5deg)}to{transform:translate3d(1.5%,1.2%,0) rotateX(2.5deg)}}html.compass-paused .meridian-backdrop *{animation-play-state:paused!important}.compass-face{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 30px 40px rgb(14 28 24 / .18))}.compass-overlay{position:absolute;inset:0;width:100%;height:100%;transform:translateZ(6px)}.compass-needle path[fill]{filter:drop-shadow(0 6px 6px rgb(14 28 24 / .35))}html{timeline-scope:--wp2,--wp3,--wp4,--wp5;--needle-angle: 0deg;--wheel-angle: 0deg;--shot-scale: 1;--shot-depth-x: 0vw;--shot-depth-y: 0vh;--shot-z: 0px;--shot-inverse-scale: 1;--shot-rx: 0deg;--shot-ry: 0deg;--shot-x: 0vw;--shot-y: 0vh;--cam-rx: 0deg;--cam-ry: 0deg;--cam-x: 0vw;--cam-y: 0vh}[data-waypoint]{position:relative}.wp-sentinel{position:absolute;top:0;left:0;width:1px;height:70vh;pointer-events:none;visibility:hidden}[data-waypoint="2"] .wp-sentinel{view-timeline:--wp2 block}[data-waypoint="3"] .wp-sentinel{view-timeline:--wp3 block}[data-waypoint="4"] .wp-sentinel{view-timeline:--wp4 block}[data-waypoint="5"] .wp-sentinel{view-timeline:--wp5 block}@keyframes needle-step{0%{rotate:0deg}to{rotate:72deg}}.compass-needle{rotate:var(--needle-angle);transition:rotate .9s cubic-bezier(.22,1,.36,1)}@supports (animation-timeline: scroll()){.compass-needle{transition:none;animation-name:needle-step,needle-step,needle-step,needle-step;animation-timeline:--wp2,--wp3,--wp4,--wp5;animation-range:entry 0% entry 100%;animation-duration:1ms;animation-fill-mode:both;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-composition:add}}html.js-compass .compass-needle{animation:none;transition:none;rotate:var(--needle-angle)}html.js-compass .compass-ticks{animation:none;rotate:var(--wheel-angle)}@keyframes needle-seek{0%{rotate:-6deg}to{rotate:6deg}}.needle-seek{animation:needle-seek 5s ease-in-out infinite alternate}@keyframes node-on{to{fill:var(--color-mint-500);stroke-opacity:1}}@supports (animation-timeline: scroll()){.compass-node[data-node="2"]{animation:node-on linear both;animation-timeline:--wp2;animation-range:entry 60% entry 100%}.compass-node[data-node="3"]{animation:node-on linear both;animation-timeline:--wp3;animation-range:entry 60% entry 100%}.compass-node[data-node="4"]{animation:node-on linear both;animation-timeline:--wp4;animation-range:entry 60% entry 100%}.compass-node[data-node="5"]{animation:node-on linear both;animation-timeline:--wp5;animation-range:entry 60% entry 100%}}@keyframes tick-spin{to{rotate:360deg}}.compass-ticks{transform-origin:504px 492px;animation:tick-spin 120s linear infinite}@keyframes meridian-turn{to{rotate:180deg}}@keyframes drift-up{to{translate:0 var(--drift, -12vh)}}@supports (animation-timeline: scroll()){.compass-meridian{transform-origin:504px 492px;animation:meridian-turn linear both;animation-timeline:scroll(root)}.meridian-threads{--drift: -12vh;animation:drift-up linear both;animation-timeline:scroll(root)}}@media(prefers-reduced-motion:reduce){.compass-scene,.compass-ticks,.compass-meridian,.meridian-threads,.needle-seek{animation:none}.compass-needle{transition-duration:0ms}}