@property --nudge{syntax:"<angle>";inherits:false;initial-value:0deg}.case-study-collage-shell{box-sizing:border-box;padding-inline:100px}.case-study-collage{--collage-scale:1.8;--collage-stage-w:calc(100% / var(--collage-scale));--figma-content-span:1340.17;--band-top:35;--band-bottom:669;--band-height:634;--frame-h:1067;width:100%;aspect-ratio:var(--figma-content-span) / var(--band-height);-webkit-user-select:none;user-select:none;--spotify-nudge-x:28px;--spotify-nudge-y:56px;margin-bottom:72px;position:relative;overflow:visible}.case-study-collage__group{width:var(--collage-stage-w);aspect-ratio:var(--figma-content-span) / var(--frame-h);transform:translateY(calc(var(--band-top) / var(--frame-h) * -1 * var(--collage-scale) * 100%)) scale(var(--collage-scale));transform-origin:0 0;position:absolute;top:0;left:0;container-type:inline-size}.case-study-collage__item{cursor:grab;touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute}.case-study-collage__item--widget{translate:calc(var(--spotify-nudge-x) / var(--collage-scale)) calc(var(--spotify-nudge-y) / var(--collage-scale));overflow:visible}.case-study-collage__item--widget .case-study-collage__rot,.case-study-collage__item--widget .case-study-collage__widget-scale{overflow:visible}.case-study-collage__item--widget .case-study-collage__rot,.case-study-collage__item--widget .case-study-collage__widget-scale,.case-study-collage__item--widget .spotify-widget-anchor{width:100%}.case-study-collage__widget-scale{transform-origin:top;width:83.3333%;margin-inline:auto;transform:scale(1.2)}.case-study-collage__item--widget .spotify-widget-anchor{padding-left:3.175cqw;overflow:visible}.case-study-collage__item--widget .spotify-widget{border-radius:1.455cqw;min-height:8.4cqw;padding:1.19cqw 1.2cqw 1.19cqw 7.35cqw;overflow:visible}.case-study-collage__item--widget .spotify-widget__art{width:10.2cqw;height:10.2cqw;left:-3.5cqw}.case-study-collage__item--widget .spotify-widget__disc-hole{width:1.75cqw;height:1.75cqw}.case-study-collage__item--widget .spotify-widget__body{gap:.132cqw;min-height:5.6cqw}.case-study-collage__item--widget .spotify-widget__top{gap:.529cqw;margin-bottom:.397cqw}.case-study-collage__item--widget .spotify-widget__eyebrow{font-size:clamp(5px,.661cqw,10px)}.case-study-collage__item--widget .spotify-widget__title{font-size:clamp(8px,1.19cqw,18px)}.case-study-collage__item--widget .spotify-widget__artist{margin-top:.265cqw;font-size:clamp(6px,.926cqw,14px)}.case-study-collage__item--widget .spotify-widget__service-icon{width:clamp(8px,1.19cqw,18px);height:clamp(8px,1.19cqw,18px)}.case-study-collage__item--widget .spotify-widget__spotify-link{cursor:pointer;margin:0;padding:.265cqw}.case-study-collage__item:active,.case-study-collage__item.is-dragging{cursor:grabbing}.case-study-collage__item.is-dragging{filter:drop-shadow(0 4px 10px #09090b0f);will-change:transform}.case-study-collage__rot{--nudge:0deg;transform:rotate(calc(var(--rot) + var(--nudge)));transition:--nudge .28s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.case-study-collage__item:hover .case-study-collage__rot{--nudge:3deg}.case-study-collage__item:nth-child(2n):hover .case-study-collage__rot{--nudge:-3.5deg}.case-study-collage__item:nth-child(3n):hover .case-study-collage__rot{--nudge:4deg}}.case-study-collage__item.is-dragging .case-study-collage__rot{--nudge:0deg}.case-study-collage__rot--frame{box-sizing:border-box;width:100%;position:relative;overflow:hidden}.case-study-collage__rot--photo{border:.529cqw solid #f2f2f2}.case-study-collage__rot--thin{border:max(1px,.066cqw) solid #000}.case-study-collage__rot--round{border-radius:50%}.case-study-collage__rot--shadow{filter:drop-shadow(0 .145cqw .218cqw #0000001c)}.case-study-collage__rot--tile{filter:drop-shadow(0 .264cqw .218cqw #00000024);background:#fff;border-radius:.794cqw}.case-study-collage__img{--img-rot:0deg;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-width:none;height:100%;transform:rotate(var(--img-rot));transition:transform .36s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0}.case-study-collage__img--crop{-o-object-fit:fill;object-fit:fill;bottom:auto;right:auto}.case-study-collage__item.is-dragging .case-study-collage__img{transform:rotate(var(--img-rot)) scale(1.015)}@media (prefers-reduced-motion:reduce){.case-study-collage__rot,.case-study-collage__img{transition:none}.case-study-collage__item:hover .case-study-collage__rot,.case-study-collage__item:nth-child(2n):hover .case-study-collage__rot,.case-study-collage__item:nth-child(3n):hover .case-study-collage__rot,.case-study-collage__item.is-dragging .case-study-collage__rot{--nudge:0deg}.case-study-collage__item.is-dragging .case-study-collage__img{transform:rotate(var(--img-rot))}}