/* Hover cues expand and fade without replacing the cursor on empty space. */
#work .portfolio-image>.portfolio-open-label{display:none;inset:50% auto auto 50%;width:96px;height:96px;box-sizing:border-box;padding:0;border-radius:50%;background:#139ffc;color:#fff;font:400 14px/1 Arial,sans-serif;align-items:center;justify-content:center;transform:translate(-50%,-50%);pointer-events:none}
#work a.portfolio-card:focus-visible .portfolio-open-label{display:flex;opacity:1}
.portfolio-pointer{position:fixed;left:0;top:0;width:96px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#139ffc;color:white;pointer-events:none;z-index:2147483647;opacity:0;transform:translate(-50%,-50%) scale(0);transition:transform .48s cubic-bezier(.16,1,.3,1),opacity .4s ease;will-change:left,top,transform,opacity}
.portfolio-pointer span{font:400 14px/1 Arial,sans-serif;opacity:0;transition:opacity .22s ease;white-space:nowrap}
.portfolio-pointer.is-dot{opacity:1;transform:translate(-50%,-50%) scale(.083333)}
.portfolio-pointer.is-open{opacity:1;transform:translate(-50%,-50%) scale(1)}
.portfolio-pointer.is-open span{opacity:1;transition-delay:.08s}
@media(hover:hover) and (pointer:fine){
 /* Keep the native hand above the decorative pointer follower. */
 #work a.portfolio-card,#work a.portfolio-card .portfolio-image,#work a.portfolio-card h3,.magnetic-button{cursor:pointer}
 #work a.portfolio-card h3:hover{color:#139ffc}
 body .magnetic-button.magnetic-button{translate:none!important;scale:1;transition:translate .6s ease-in-out,scale .6s ease-in-out,transform .6s ease-in-out,box-shadow .7s ease,color .7s ease,background-color .7s ease,border-color .7s ease;transform-origin:center}
 body .magnetic-button.is-magnetic{scale:1.035}
 body .magnetic-button.is-magnetic:active{scale:1.035}
}
@media(prefers-reduced-motion:reduce){.portfolio-pointer{transition:opacity .12s;transform:translate(-50%,-50%) scale(1);width:8px;height:8px}.portfolio-pointer.is-dot{transform:translate(-50%,-50%) scale(1)}.portfolio-pointer.is-open{width:96px;height:96px}.portfolio-pointer span{transition:none}.magnetic-button{translate:none!important;scale:1!important;transition:none!important}}

/* Branded page scrollbar. */
html{scrollbar-color:#139ffc #fff;scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#fff}
::-webkit-scrollbar-thumb{background:#139ffc;border:2px solid #fff;border-radius:20px}
::-webkit-scrollbar-thumb:hover{background:#0788e8}
::-webkit-scrollbar-button{display:none;width:0;height:0}
::-webkit-scrollbar-corner{background:#fff}

body .ur-image-sheet,body .static-review-card,body .ur-image-sheet img,body .static-review-card img{cursor:default!important}