/* Original Grafogo cursor CSS: exact states and dimensions. */
.grafogo-cursor{display:none;position:fixed;top:0;left:0;width:52px;height:52px;margin-top:-26px;margin-left:-26px;opacity:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2147483647}.grafogo-cursor[data-action=true] .cursor__inner--move{opacity:0}.grafogo-cursor[data-action=true] .cursor__inner--action span{opacity:1;transition:opacity .5s cubic-bezier(.165,.84,.44,1) .3s}.grafogo-cursor[data-action=true] .cursor__inner--action:after{-ms-transform:scale(1);transform:scale(1);opacity:1}.grafogo-cursor[data-hover=true] .cursor__inner--move{opacity:0}.grafogo-cursor[data-hover=true] .cursor__inner--hover:after{-ms-transform:scale(1);transform:scale(1);opacity:1}.grafogo-cursor[data-color=true] .cursor__inner--move{border-color:#fff}.grafogo-cursor[data-color=true] .cursor__inner--hover:after{background-color:#fff}.grafogo-cursor[data-drag=true] .cursor__inner--move{opacity:0}.grafogo-cursor[data-drag=true] .cursor__inner--drag{-ms-transform:scale(1);transform:scale(1);opacity:1}.grafogo-cursor[data-drag=true] .cursor__inner--drag svg{opacity:1;transition:opacity .5s cubic-bezier(.165,.84,.44,1) .2s}.cursor__inner,.cursor__wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.cursor__inner{display:block;right:0;bottom:0}.cursor__inner--move{border:2px solid #174ffc;border-radius:50%;-ms-transform:scale(1);transform:scale(1);opacity:1;transition:opacity .5s cubic-bezier(.165,.84,.44,1),border-color .5s cubic-bezier(.165,.84,.44,1)}.cursor__inner--hover:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;background-color:#174ffc;-ms-transform:scale(0);transform:scale(0);opacity:0;transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1),background-color .5s cubic-bezier(.165,.84,.44,1)}.cursor__inner--action{color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.cursor__inner--action span{margin-top:4px;position:relative;z-index:1;opacity:0}.cursor__inner--action:after{content:"";position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px}.cursor__inner--action:after,.cursor__inner--drag{border-radius:50%;background-color:#174ffc;-ms-transform:scale(0);transform:scale(0);opacity:0;transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1)}.cursor__inner--drag svg{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;opacity:0;transition:opacity .5s cubic-bezier(.165,.84,.44,1)}

/* Source: original GrafogoCom/putty/graf.css cursor CSS. Hide only with a desktop fine pointer. */
.grafogo-cursor .cursor__inner--action:after{content:"";}
.grafogo-cursor{display:block;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease;will-change:transform}
.grafogo-cursor[data-visible="true"]{visibility:visible;opacity:1}
.grafogo-cursor__accessible-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.grafogo-cursor .cursor__inner--action{font-family:"Sofia Pro",Arial,sans-serif;font-size:calc(14px + 1pt);font-weight:400;line-height:18px}
.grafogo-cursor .cursor__inner--drag svg{display:block;fill:none;stroke:#fff;stroke-width:.85;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}

/* On the blue CTA, retain the same circular GÖR cursor with readable inverted colors. */
.grafogo-cursor[data-action="true"][data-color="true"] .cursor__inner--action:after{background-color:#fff}
.grafogo-cursor[data-action="true"][data-color="true"] .cursor__inner--action span{color:#174ffc}
html.grafogo-cursor-enabled body,html.grafogo-cursor-enabled a,html.grafogo-cursor-enabled button,html.grafogo-cursor-enabled [role="button"],html.grafogo-cursor-enabled [role="link"],html.grafogo-cursor-enabled label{cursor:none!important}
html.grafogo-cursor-enabled input,html.grafogo-cursor-enabled textarea,html.grafogo-cursor-enabled select,html.grafogo-cursor-enabled [contenteditable="true"]{cursor:text!important}
@media(prefers-reduced-motion:reduce){.grafogo-cursor .cursor__inner--move,.grafogo-cursor .cursor__inner--hover:after,.grafogo-cursor .cursor__inner--action:after,.grafogo-cursor .cursor__inner--action span{transition-duration:.01ms!important;transition-delay:0s!important}.project-card::after{display:none}.project-card>img{will-change:auto;filter:none!important;transform:none!important}}


/* Keep hover feedback immediate while the pointer itself always follows directly. */
.grafogo-cursor .cursor__inner--action span{transition:opacity .15s ease 0s}
.grafogo-cursor .cursor__inner--action:after,.grafogo-cursor .cursor__inner--hover:after,.grafogo-cursor .cursor__inner--drag{transition:transform .18s ease,opacity .18s ease,background-color .18s ease}
.grafogo-cursor[data-action=true] .cursor__inner--action span{transition:opacity .15s ease 0s}
/* Slider controls use a quiet ring; dragging uses a smaller disc with two side chevrons. */
html[data-inspiration-arrow="true"] .grafogo-cursor .cursor__inner--action span,
html[data-inspiration-arrow="true"] .grafogo-cursor .cursor__inner--action:after,
.grafogo-cursor[data-inspiration-drag="true"] .cursor__inner--action span,
.grafogo-cursor[data-inspiration-drag="true"] .cursor__inner--action:after{opacity:0!important;transform:scale(0)!important;transition:none!important}
.grafogo-cursor[data-inspiration-drag="true"] .cursor__inner--drag{left:9px;right:auto;top:9px;width:34px;height:34px;transform:scale(1);opacity:1;transition:opacity .12s ease,transform .12s ease}
.grafogo-cursor[data-inspiration-drag="true"] .cursor__inner--drag svg{display:none}
.grafogo-cursor[data-inspiration-drag="true"] .cursor__inner--drag::before,
.grafogo-cursor[data-inspiration-drag="true"] .cursor__inner--drag::after{content:"";position:absolute;top:12px;width:8px;height:8px;border-left:2px solid #174ffc;border-bottom:2px solid #174ffc;filter:drop-shadow(0 0 2px #fff)}
.grafogo-cursor[data-inspiration-drag="true"] .cursor__inner--drag::before{left:-17px;transform:rotate(45deg)}
.grafogo-cursor[data-inspiration-drag="true"] .cursor__inner--drag::after{right:-17px;transform:rotate(225deg)}