.spot{isolation:isolate;min-height:100svh;padding:calc(var(--header-h) + 4rem) 0 clamp(3rem, 8vh, 6rem);align-items:end;display:grid;position:relative;overflow:hidden}.spot__still{z-index:-3;position:absolute;inset:0}.spot__still img{object-fit:cover;filter:brightness(.5);width:100%;height:100%}.spot__canvas{z-index:-2;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.spot.is-ready .spot__canvas{opacity:1}.spot__shade{z-index:-1;pointer-events:none;background:linear-gradient(to top, var(--ink) 2%, #07090c80 30%, transparent 55%), linear-gradient(to right, #07090cb3, transparent 55%);position:absolute;inset:0}.spot__inner{justify-items:start;gap:clamp(1.25rem,2.6vh,2rem);display:grid}.spot__title{font-size:var(--fs-h1)}.spot__extra{flex-wrap:wrap;gap:.75rem;display:flex}.spot__hint{right:var(--gutter);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);opacity:0;transition:opacity 1s 1.5s;position:absolute;bottom:1.5rem}.spot.is-ready .spot__hint{opacity:1}@media (hover:none){.spot__hint{display:none}}