/* cleanup.css — moved from inline styles in index.html */

/* Webflow interaction styles (moved as-is). If you remove data-w-id selectors, these may be unused. */
@media (min-width:992px) {
  html.w-mod-js:not(.w-mod-ix) [data-w-id="e800cd82-78da-3e01-e879-b69495992321"] {opacity:0;}
  html.w-mod-js:not(.w-mod-ix) [data-w-id="e800cd82-78da-3e01-e879-b69495992323"] {opacity:0;}
  html.w-mod-js:not(.w-mod-ix) [data-w-id="e800cd82-78da-3e01-e879-b69495992325"] {opacity:0;}
  html.w-mod-js:not(.w-mod-ix) [data-w-id="d74555ac-c198-6af9-c6e5-3c7b44a96b2b"] {opacity:0;}
  html.w-mod-js:not(.w-mod-ix) [data-w-id="e800cd82-78da-3e01-e879-b69495992327"] {opacity:0;}
  html.w-mod-js:not(.w-mod-ix) [data-w-id="36177dcc-75f2-7e11-d351-504099aacb40"] {opacity:0;}
  html.w-mod-js:not(.w-mod-ix) [data-w-id="e800cd82-78da-3e01-e879-b6949599237c"] {-webkit-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);} 
  html.w-mod-js:not(.w-mod-ix) [data-w-id="e800cd82-78da-3e01-e879-b69495992379"] {color:rgb(255,255,255);} 
  html.w-mod-js:not(.w-mod-ix) [data-w-id="e800cd82-78da-3e01-e879-b6949599237a"] {filter: blur(0px);} 
  html.w-mod-js:not(.w-mod-ix) [data-w-id="e800cd82-78da-3e01-e879-b69495992380"] {-webkit-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);} 
  html.w-mod-js:not(.w-mod-ix) [data-w-id="e800cd82-78da-3e01-e879-b6949599237d"] {color:rgb(255,255,255);} 
  html.w-mod-js:not(.w-mod-ix) [data-w-id="e800cd82-78da-3e01-e879-b6949599237e"] {filter: blur(0px);} 
  html.w-mod-js:not(.w-mod-ix) [data-w-id="cd090889-7f4f-dc67-4a20-74e1959946be"] {-webkit-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);} 
  html.w-mod-js:not(.w-mod-ix) [data-w-id="cd090889-7f4f-dc67-4a20-74e1959946bb"] {color:rgb(255,255,255);} 
  html.w-mod-js:not(.w-mod-ix) [data-w-id="cd090889-7f4f-dc67-4a20-74e1959946bc"] {filter: blur(0px);} 
}

/* font quality smoothing */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Animations and fallbacks for headings, clients and social buttons
   These replace the original Webflow data-w-id rules (which were removed).
   They are CSS-only and work without Webflow interaction attributes. */

/* Heading entrance */
.heading-style-h4 {
  /* Headings: no entrance animation — render static to avoid crooked/blurred state */
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  animation: none !important;
  will-change: auto !important;
}
/* Clients fade/slide in */
.about-clients_wrapper .about-clients_wrap {
  opacity: 0;
  transform: translateY(8px);
  transition: transform .36s ease, opacity .36s ease, border-color .2s;
  animation: clientsIn .48s ease forwards;
}

@keyframes clientsIn {
  to { opacity: 1; transform: translateY(0); }
}

/* Small hover lift & subtle scale for logos */
.about-clients_wrap img {
  transition: transform .28s ease;
}
.about-clients_wrap:hover img {
  transform: translateY(-4px) scale(1.02);
}

/* Work Spots logo sizing override (responsive) */
.about-clients_logo.work-spots-logo {
  height: 3.2rem; /* larger than default 1.7rem */
  max-width: 95%;
}

@media (min-width: 768px) {
  .about-clients_logo.work-spots-logo {
    height: 4.4rem;
  }
}


/* Social / button hover background */
.about-social_wrap .button {
  overflow: hidden;
  position: relative;
}

.button-hover-bg {
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.06);
  transform: translateY(100%);
  transition: transform .28s cubic-bezier(.22,.9,.36,1), opacity .28s;
  opacity: 0;
  pointer-events: none;
}

.button:hover .button-hover-bg,
.button:focus .button-hover-bg {
  transform: translateY(0);
  opacity: 1;
}

/* Small accessibility: reduce motion respect */
@media (prefers-reduced-motion: reduce) {
  .heading-style-h4,
  .about-clients_wrapper .about-clients_wrap,
  .about-clients_wrap img,
  .button-hover-bg {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }
}