.vr{position:relative;margin-top:clamp(56px,7vw,104px)}.vr__stage{position:relative;height:72vh;min-height:420px;overflow:hidden;background:#0d0c0b;outline:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.vr__stage:focus-visible{box-shadow:inset 0 0 0 3px var(--copper,#B5652B)}.vr__still{position:absolute;inset:0;overflow:hidden}.vr__still::-webkit-scrollbar{display:none}.vr__poster{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.vr__gl{position:absolute;inset:0;width:100%;height:100%;display:none}.vr__visor,.vr__flash{position:absolute;inset:0;pointer-events:none;opacity:0}.vr__ui{position:absolute;inset:0;pointer-events:none}.vr__ui>*{pointer-events:auto}.vr__tag{position:absolute;top:16px;inset-inline-start:16px;font:600 11px/1 var(--f-d);letter-spacing:.16em;text-transform:uppercase;color:#ffffffd1;background:#0d0c0b6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 12px;border-radius:999px;pointer-events:none}.vr__spot{position:absolute;left:0;top:0;display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 16px 6px 6px;border:0;border-radius:999px;background:#0d0c0b61;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font:600 13px/1 var(--f-d);letter-spacing:.02em;cursor:pointer;transform:translate3d(-9999px,0,0);transition:background-color .2s}.vr__spot:focus-visible{background:#0d0c0ba8;outline:none}@media (hover:hover){.vr__spot:hover{background:#0d0c0ba8;outline:none}}.vr__spot i{position:relative;width:32px;height:32px;border-radius:50%;background:#ffffff2e;box-shadow:inset 0 0 0 1.5px #ffffffe6}.vr__spot i:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.vr__spot i:before{content:"";position:absolute;inset:-6px;border-radius:50%;box-shadow:0 0 0 1.5px #ffffff8c;animation:vrPing 2.2s cubic-bezier(.2,.7,.2,1) infinite}@keyframes vrPing{0%{transform:scale(.7);opacity:1}80%,to{transform:scale(1.35);opacity:0}}.vr__hint{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:6px;color:#ffffffc7;font:500 10.5px var(--f-d);letter-spacing:.1em;text-transform:uppercase;background:#0d0c0b42;padding:5px 11px 5px 8px;border-radius:999px;transition:opacity .4s,visibility 0s;pointer-events:none;white-space:nowrap}.vr__hint svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.vr.is-used .vr__hint{opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}.vr__gyro{position:absolute;top:12px;inset-inline-end:16px;min-height:40px;padding:0 14px;border:0;border-radius:999px;background:#0d0c0b6b;color:#fff;font:600 12px var(--f-d);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.vr__exit{position:absolute;bottom:20px;inset-inline-end:16px;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 18px;border-radius:999px;background:#fff;color:#1b1a18;text-decoration:none;font:600 13px var(--f-d);box-shadow:0 10px 30px -10px #00000080}.vr__exit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media (hover:hover){.vr__exit:hover{background:var(--copper,#B5652B);color:#fff}}.vr:not(.is-live) .vr__spot{position:static;transform:none}.vr:not(.is-live) .vr__ui{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:0 16px 76px;flex-wrap:wrap}.vr:not(.is-live) .vr__spot[aria-pressed=true]{background:#fff;color:#1b1a18}.vr:not(.is-live) .vr__spot[aria-pressed=true] i{background:#1b1a18}.vr:not(.is-live) .vr__hint{bottom:auto;top:16px;left:auto;inset-inline-end:16px;transform:none}.vr.is-live{height:343vh;margin-top:clamp(40px,5vw,72px)}.vr.is-live .vr__stage{position:sticky;top:0;height:100vh;height:100svh;min-height:0;background:#efebe3}.vr.is-live .vr__still{display:none}.vr.is-live .vr__gl{display:block}.vr.is-live .vr__visor{background:radial-gradient(120% 95% at 50% 50%,transparent 58%,rgba(0,0,0,.55) 82%,#000 100%);box-shadow:inset 0 0 0 1px #0009}.vr.is-live .vr__flash{background:radial-gradient(60% 60% at 50% 50%,#fff8ec,#ffecd2d9 45%,#ffdcb400);mix-blend-mode:screen}.vr.is-live .vr__ui{opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}.vr.is-live.is-in .vr__ui{opacity:1;visibility:visible;transition:opacity .35s}.vr.is-live .vr__stage{cursor:default}.vr.is-live.is-in .vr__stage{cursor:grab}.vr.is-live.is-drag .vr__stage{cursor:grabbing}.vr__spot.is-off{visibility:hidden}@media (max-width:899px){.vr.is-live{height:336vh}.vr__stage{height:64vh}.vr__spot{font-size:12px;padding-inline-end:12px}.vr__spot i{width:28px;height:28px}.vr__spot i:after{inset:9px}.vr__hint{bottom:84px}.vr__exit{inset-inline-end:50%;transform:translate(50%)}[dir=rtl] .vr__exit{transform:translate(-50%)}}html.vr-on .nav{transform:translateY(-140%)!important;opacity:0;pointer-events:none}html .nav{transition:transform .3s var(--ease),opacity .3s}.vr__spot.is-edge{background:#0d0c0b8c}.vr__spot.is-edge[data-side=l]:before,.vr__spot.is-edge[data-side=r]:after{content:"";width:8px;height:8px;border:solid #fff;border-width:0 0 2px 2px;flex:none;margin:0 2px}.vr__spot.is-edge[data-side=l]:before{transform:rotate(45deg);margin-left:8px}.vr__spot.is-edge[data-side=r]:after{transform:rotate(-135deg)}.vr__tag{top:14px;inset-inline-start:16px;font:500 9px/1 var(--f-d);letter-spacing:.16em;color:#ffffff80;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;border-radius:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.vr__gyro{display:none!important}.vr__spot{gap:0;min-width:46px;height:46px;min-height:46px;padding:0 12px;justify-content:center;background:#0d0c0b4d;box-shadow:inset 0 0 0 1px #fff9;animation:vrRing 2.6s cubic-bezier(.2,.7,.2,1) infinite}.vr__spot:focus-visible{background:#0d0c0b8c}@media (hover:hover){.vr__spot:hover{background:#0d0c0b8c}}.vr__spot:focus-visible{box-shadow:inset 0 0 0 1px #fff,0 0 0 2px var(--copper,#B5652B)}@keyframes vrRing{0%{box-shadow:inset 0 0 0 1px #fff9,0 0 #ffffff73}70%,to{box-shadow:inset 0 0 0 1px #fff9,0 0 0 12px #fff0}}.vr__ico{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.vr__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.vr:not(.is-live) .vr__spot{animation:none}@media (prefers-reduced-motion:reduce){.vr__spot{animation:none}}@media (max-width:899px){.vr__spot{padding:0 12px}}.vr-curtain{position:relative;z-index:2}.vr__hint{width:84px;height:40px;padding:0;gap:0;justify-content:center;background:#0d0c0b3d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:0;letter-spacing:0}.vr__hint .vr__g-arc{position:absolute;left:10px;top:6px;width:64px;height:24px;fill:none;stroke:#ffffff9e;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.vr__g-dot{position:absolute;left:36px;top:10px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff38,0 1px 4px #00000059;transform-origin:6px 65.3px;animation:vrSwipe 1.7s cubic-bezier(.45,0,.25,1) infinite alternate}@keyframes vrSwipe{0%{transform:rotate(-21deg) scale(.86)}18%{transform:rotate(-17deg) scale(1)}82%{transform:rotate(17deg) scale(1)}to{transform:rotate(21deg) scale(.86)}}.vr__exit{inset-inline-end:auto;left:50%;right:auto;transform:translate(-50%);bottom:10px;width:44px;height:56px;min-height:44px;padding:0;gap:0;justify-content:center;background:none;box-shadow:none;border-radius:22px;color:#fff;filter:drop-shadow(0 0 2px rgba(0,0,0,.55)) drop-shadow(0 1px 8px rgba(0,0,0,.4))}[dir=rtl] .vr__exit{transform:translate(-50%)}.vr__exit svg{width:18px;height:32px;stroke-width:1.5;animation:vrBob 2.2s cubic-bezier(.45,0,.25,1) infinite}@media (hover:hover){.vr__exit:hover{background:none;color:#fff}}@media (hover:hover){.vr__exit:hover svg{animation-duration:1.1s}}.vr__exit:focus-visible{outline:2px solid var(--copper,#B5652B);outline-offset:2px}@keyframes vrBob{0%,to{transform:translateY(-3px)}50%{transform:translateY(4px)}}.vr__hint{bottom:74px}.vr:not(.is-live) .vr__hint{bottom:auto}@media (max-width:899px){.vr__exit{inset-inline-end:auto;left:50%;right:auto;transform:translate(-50%)}.vr__hint{bottom:78px}}@media (prefers-reduced-motion:reduce){.vr__g-dot,.vr__exit svg{animation:none}}@media (max-width:899px){.vr__hint{background:#0d0c0b80;box-shadow:0 0 0 1px #ffffff29,0 4px 18px #00000059;animation:vrHintIn 1s cubic-bezier(.3,0,.2,1) 2}.vr__hint .vr__g-arc{stroke:#ffffffeb;stroke-width:1.6}.vr__g-dot{box-shadow:0 0 0 5px #ffffff4d,0 1px 6px #0009}.vr__exit{background:#0d0c0b6b;box-shadow:0 0 0 1px #ffffff2e;filter:drop-shadow(0 1px 6px rgba(0,0,0,.45))}@media (hover:hover){.vr__exit:hover{background:#0d0c0b6b}}.vr__exit svg{stroke-width:2}}@keyframes vrHintIn{0%,to{box-shadow:0 0 0 1px #ffffff29,0 4px 18px #00000059}50%{box-shadow:0 0 0 7px #ffffff24,0 4px 18px #00000059}}
