/* Zero Block glass */
.t396__elem.tilda-glass .tn-atom {
  position: relative;
  display: block;
  overflow: hidden;

  border-radius: 16px;
  background: rgba(255, 255, 255, 0.10);

  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);

  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
}

.t396__elem.tilda-glass .tn-atom::before {
  content: "";
  position: absolute;
  inset: -45%;
  background: radial-gradient(
    circle at 30% 20%,
    rgba(255,255,255,0.45),
    rgba(255,255,255,0) 55%
  );
  transform: rotate(8deg);
  pointer-events: none;
}

.t396__elem.tilda-glass .tn-atom::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.18;
  background-image: repeating-linear-gradient(
    0deg,
    rgba(255,255,255,0.04),
    rgba(255,255,255,0.04) 1px,
    rgba(255,255,255,0) 2px,
    rgba(255,255,255,0) 4px
  );
  pointer-events: none;
}



/* Add to your CSS */
.hover-zoom.tn-elem[data-elem-type="image"] > .tn-atom {
  overflow: hidden;                 /* keep box size fixed */
}

.hover-zoom.tn-elem[data-elem-type="image"] > .tn-atom img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;                /* optional */
  transform: scale(1);              /* scale the pixels, not the box */
  transform-origin: center center;
  transition: transform .35s ease;
  will-change: transform;
}

.hover-zoom.tn-elem[data-elem-type="image"]:hover > .tn-atom img {
  transform: scale(1.1);
}

/* IMAGE sync — base state must be square */
.img-round-sync,
.img-round-sync img,
.img-round-sync .tn-elem[data-elem-type="image"] > .tn-atom,
.img-round-sync .t-bgimg,
.img-round-sync .t-cover__carrier {
  border-radius: 0 !important;
  transition: border-radius var(--img-out-duration, 0.4s) var(--img-out-ease, ease-out);
  overflow: hidden;
}
/* no clipping when inactive */
.img-round-sync { clip-path: inset(0 round 0); }

/* active state mirrors menu timings + radius */
.img-round-sync.is-rounded,
.img-round-sync.is-rounded img,
.img-round-sync.is-rounded .tn-elem[data-elem-type="image"] > .tn-atom,
.img-round-sync.is-rounded .t-bgimg,
.img-round-sync.is-rounded .t-cover__carrier {
  border-radius: var(--img-radius, 20px) !important;
  transition: border-radius var(--img-in-duration, 0.4s) var(--img-in-ease, ease-in);
}
/* clip only when active */
.img-round-sync.is-rounded { clip-path: inset(0 round var(--img-radius, 20px)); }


/* Make the circle block a positioning context */
#rec1526612401 .t396__artboard {
  position: relative !important;
  z-index: 1;
}

/* Make the circle block a positioning context */
#rec1526612401 .t396__artboard {
  position: relative !important;
  z-index: 1;
}