.resort-binocular{margin:0;min-width:0;color:#e5cc93}
.binocular-trigger{display:block;width:100%;background:none;border:0;padding:0;color:inherit;text-align:center;cursor:pointer}
.binocular-stage{position:relative;isolation:isolate;display:block;aspect-ratio:640/404}
.binocular-stage::before{content:"";position:absolute;inset:3% 5%;background:radial-gradient(ellipse at 53% 53%,#9f6f2f32,transparent 67%);transition:opacity .7s ease}
.binocular-guest,.binocular-view{position:absolute;inset:0;width:100%;height:100%;display:block}
.binocular-guest{object-fit:contain;filter:sepia(.23) saturate(.74);mask-image:linear-gradient(#000 79%,transparent 100%);transition:opacity .64s ease,transform .95s cubic-bezier(.22,.68,.26,1)}
.binocular-view{opacity:0;transform:scale(.83);transform-origin:48% 15%;clip-path:circle(0% at 48% 15%);filter:blur(3px);transition:opacity .62s ease,transform 1.04s cubic-bezier(.22,.68,.26,1),clip-path 1.04s cubic-bezier(.3,.63,.25,1),filter .9s ease}
.is-looking .binocular-stage::before,.is-looking .binocular-guest{opacity:0}
.is-looking .binocular-guest{transform:scale(1.065)}
.is-looking .binocular-view{opacity:1;transform:scale(1.115);clip-path:circle(95% at 48% 15%);filter:none}
.binocular-label{display:inline-flex;gap:.55em;align-items:center;justify-content:center;min-height:44px;font-size:13px;letter-spacing:.02em}
.binocular-label>span:first-child{border-bottom:1px solid #d9bd7d72}
.binocular-trigger:hover .binocular-label>span:first-child{border-color:currentColor}
.resort-binocular figcaption{text-align:center;color:#bfb19b;font-size:12px}
.ski-spark{opacity:.10;transform-box:fill-box;transform-origin:center;animation:ski-spark 4s ease-in-out infinite paused}
.ski-spark:nth-child(2n){animation-delay:-1.9s;animation-duration:5s}
.ski-spark:nth-child(3n){animation-delay:-2.7s;animation-duration:3.6s}
.is-looking:not(.binocular-offscreen) .ski-spark{animation-play-state:running}
@keyframes ski-spark{0%,55%,100%{opacity:.08;transform:scale(.45)}67%{opacity:.92;transform:scale(1.12)}76%{opacity:.37;transform:scale(.76)}}
@media(prefers-reduced-motion:reduce){
  .binocular-stage::before{transition:none}
}
.binocular-trigger:focus-visible{outline:none}
.binocular-trigger:focus-visible .binocular-label{outline:2px solid #d9bd7d;outline-offset:4px;border-radius:2px}
