@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}.spotlight{position:relative;width:100%;height:100svh;background-color:#def2e7;display:flex;align-items:center;justify-content:center;overflow:hidden}.headline{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:clamp(3rem,9vw,8.5rem);line-height:.8;letter-spacing:-2%;font-weight:900}.line{display:flex;align-items:center;justify-content:center;white-space:nowrap}.spot{position:relative;flex-shrink:0;width:.4em;height:.4em;margin:0 .2em;transform:translateY(.05em);perspective:800px;cursor:pointer}.spot-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.4em;height:.4em;border:2px solid #000;border-radius:.04em;background:#000;will-change:transform,width,height;overflow:hidden}.spot-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transform:scale(1.5);will-change:transform;opacity:0}@media(max-width:999px){.spot{cursor:default;pointer-events:none}}