.spot{--spot-vh:calc(100svh - var(--header-shell-height,0px));--spot-h:min(calc(var(--spot-vh) - 96px),calc((100vw - 28px)*1.5),780px);--spot-w:calc(var(--spot-h)/1.5);--spot-e:0;--spot-open:0;--spot-day:0;height:190svh;color:color-mix(in srgb,var(--spot-ink,#121212)calc(var(--spot-day)*100%),#fff);background:color-mix(in srgb,var(--spot-light,#eeede6)calc(var(--spot-day)*100%),var(--spot-dark,#0f0f11));position:relative}.spot-sticky{top:var(--header-shell-height,0px);height:var(--spot-vh);isolation:isolate;flex-direction:column;justify-content:center;display:flex;position:sticky;overflow:hidden}.spot-backdrop{pointer-events:none;opacity:calc(1 - var(--spot-day));place-items:center;display:grid;position:absolute;inset:0}.spot-shout{text-align:center;width:100%;font-family:"FORMA Condensed",var(--display-font,Impact,sans-serif);letter-spacing:.005em;text-transform:uppercase;white-space:nowrap;color:#fff;transform:translateY(calc((1 - var(--spot-e))*40px));margin:0;font-size:min(21vw,190px);line-height:.86;display:grid}.spot-shout-outline{color:#0000;-webkit-text-stroke:1.4px #fff}@supports not (-webkit-text-stroke:1px red){.spot-shout-outline{color:#fff3}}.spot:not(.spot--condensed) .spot-shout{font-family:var(--display-font,inherit);font-weight:var(--display-weight,900)}.spot-frame{width:var(--spot-w);height:var(--spot-h);margin:0 auto;position:relative}.spot-cards{clip-path:inset(0 calc((1 - var(--spot-open))*50%)0 calc((1 - var(--spot-open))*50%)round 14px);box-shadow:0 30px 50px -28px rgb(0 0 0/calc(var(--spot-day)*.55));border-radius:14px;position:absolute;inset:0}.spot-card{visibility:hidden;background:#ececea;border-radius:14px;position:absolute;inset:0;overflow:hidden}.spot-card.is-active,.spot-card.is-leaving{visibility:visible}.spot-card.is-active{z-index:2}.spot-card.is-leaving{z-index:1}.spot-img{object-fit:cover;width:100%;height:100%;transform:scale(calc(1.08 - var(--spot-open)*.08));position:absolute;inset:0}.spot-shade{background:linear-gradient(#0000 50%,#0000001a 70%,#0006 100%);position:absolute;inset:0}.spot-corners{letter-spacing:.06em;text-transform:uppercase;color:#fff;opacity:.9;justify-content:space-between;font-size:9.5px;font-weight:700;display:flex;position:absolute;top:16px;left:18px;right:18px}.spot-copy{color:#fff;position:absolute;bottom:22px;left:18px;right:18px}.spot-over{letter-spacing:.05em;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:700}.spot-title{font-family:"FORMA Condensed",var(--display-font,Impact,sans-serif);letter-spacing:.004em;text-transform:uppercase;margin:0;font-size:min(13vw,64px);font-weight:400;line-height:.9}.spot:not(.spot--condensed) .spot-title{font-family:var(--display-font,inherit);font-weight:var(--display-weight,800);letter-spacing:-.02em}.spot-sub{letter-spacing:.07em;text-transform:uppercase;opacity:.78;margin:10px 0 0;font-size:9.5px;font-weight:600}.spot-link{z-index:3;position:absolute;inset:0}.spot-link:focus-visible{outline:2px solid var(--spot-accent,#d4ff3a);outline-offset:-4px;border-radius:14px}.spot-nav{z-index:4;color:#121212;width:34px;height:34px;opacity:var(--spot-open);background:#fff;border-radius:50%;place-items:center;transition:transform .25s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:calc(50% - 17px);box-shadow:0 6px 16px -6px #00000059}.spot-nav svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px}.spot-nav:hover{transform:scale(1.08)}.spot-nav--prev{left:12px}.spot-nav--next{right:12px}.spot-meter{opacity:calc(.8 + var(--spot-open)*.2);justify-content:center;align-items:center;gap:18px;margin-top:22px;display:flex}.spot-count{font-family:"FORMA Condensed",var(--display-font,Impact,sans-serif);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:22px}.spot-count b{font-weight:400}.spot-count i{opacity:.55;margin:0 6px;font-size:14px;font-style:normal}.spot-track{background:color-mix(in srgb,currentColor 18%,transparent);border-radius:2px;width:72px;height:2px;overflow:hidden}.spot-fill{background:var(--spot-accent,#d4ff3a);height:100%;transform:scaleX(var(--spot-progress,.2));transform-origin:0;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}[dir=rtl] .spot-fill{transform-origin:100%}@media (width>=990px){.spot-nav{width:44px;height:44px;top:calc(50% - 22px)}}