.hot-spot{display:block}.hot-spot__header{justify-items:center;gap:.875rem;margin-bottom:clamp(1.75rem,3vw,2.75rem);display:grid}.hot-spot__heading{color:rgb(var(--color-heading,var(--color-foreground,23 23 23)));max-width:12ch;margin:0 auto}.hot-spot__subheading{max-width:44rem;color:rgb(var(--color-foreground,23 23 23));text-transform:uppercase;letter-spacing:.08em;font-weight:700;line-height:1.2}.hot-spot__subheading p{margin:0}.hot-spot__experience{display:block}.hot-spot__media-wrap{position:relative}.hot-spot__media{background:#96c3f2;position:relative}.hot-spot__markers{position:absolute;inset:0}.hot-spot__marker{top:var(--hot-spot-top-mobile,var(--hot-spot-top));left:var(--hot-spot-left-mobile,var(--hot-spot-left));cursor:pointer;pointer-events:auto;background:#fffefc80;border:0;border-radius:999px;width:3.5rem;height:3.5rem;padding:0;transition:transform .22s,background-color .22s;position:absolute;transform:translate(-50%,-50%);display:block!important}.hot-spot__marker:after{content:"";background:#fffefc;border-radius:999px;width:1.125rem;height:1.125rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.hot-spot__marker:is(:hover,:focus-visible,.is-active){transform:translate(-50%,-50%)scale(1.04)}.hot-spot__marker:focus-visible{outline-offset:3px;outline:2px solid #de005b}.hot-spot__content{pointer-events:none;z-index:2;padding:1rem .75rem .75rem;position:absolute;inset:0}.hot-spot__panel{opacity:0;pointer-events:none;justify-items:center;gap:1rem;padding-inline:.5rem;transition:opacity .4s,transform .4s;display:grid;position:absolute;inset:auto 0 20px;transform:translateY(1rem)}.hot-spot__panel.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}.hot-spot__bubble{box-sizing:border-box;color:#de005b;inline-size:100%;max-inline-size:min(100%,23rem);display:inline-grid;position:relative}.hot-spot__bubble--title{max-inline-size:min(100%,20rem);padding:1rem 2.5rem 1.3rem 3rem}.hot-spot__bubble--text{max-inline-size:min(100%,20rem);padding:1.2rem 2rem 1.65rem 1.6rem}.hot-spot__bubble-svg{z-index:0;pointer-events:none;position:absolute;inset:0}.hot-spot__bubble-svg svg{width:100%;height:100%;display:block}.hot-spot__bubble>:not(.hot-spot__bubble-svg){z-index:1;position:relative}.hot-spot__bubble-title{color:inherit;text-align:center;text-transform:uppercase;word-break:normal;overflow-wrap:normal;hyphens:manual;margin:0;font-size:clamp(1.6rem,8vw,2.5rem);line-height:.94}.hot-spot__bubble--text :is(p,li){color:inherit;text-align:center;margin:0;font-size:.95rem;font-weight:700;line-height:1.35}.hot-spot__bubble--text p+p{margin-top:.4rem}.hot-spot__image,.hot-spot__media .placeholder{object-fit:cover;width:100%;height:100%;display:block;position:relative!important}@media screen and (width>=768px){.hot-spot__heading{max-width:none}.hot-spot__marker{top:var(--hot-spot-top);left:var(--hot-spot-left);width:4.1875rem;height:4.1875rem}.hot-spot__marker:after{width:1.375rem;height:1.375rem}.hot-spot__content{padding:0}.hot-spot__panel{justify-items:stretch;width:auto;inset:50% clamp(1rem,3vw,2rem) auto max(52%,100% - 26rem);transform:translate(2rem,-50%)}.hot-spot__panel.is-active{transform:translateY(-50%)}.hot-spot__bubble--title{margin-right:auto}.hot-spot__bubble--text{margin-left:0}.hot-spot__bubble--title,.hot-spot__bubble--text{max-inline-size:min(100%,24rem)}.hot-spot__bubble-title{font-size:clamp(2rem,3vw,3.1rem)}.hot-spot__bubble--text :is(p,li){font-size:1.05rem}}