.elementor-100 .elementor-element.elementor-element-a6be5c1{--display:flex;}.elementor-100 .elementor-element.elementor-element-60e32ae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-100 .elementor-element.elementor-element-592d77d .elementor-heading-title{font-family:"Martian Mono", Sans-serif;font-size:4px;font-weight:600;}body.elementor-page-100:not(.elementor-motion-effects-element-type-background), body.elementor-page-100 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}/* Start custom CSS for html, class: .elementor-element-d61fac1 */.frame-clock.uncanny{
  --bg: #000;
  --face: #000;
  --ring: rgba(255,255,255,.14);
  --tick: rgba(255,255,255,.18);
  --text: rgba(255,255,255,.82);

  --hour: rgba(255,255,255,.92);
  --minute: rgba(255,255,255,.86);
  --second: #d70000;
  --second-active: #ff2b2b;

  display:grid;
  place-items:center;
  gap: 14px;
  padding: 18px;
  color: var(--text);
  background: var(--bg);
  font-family: ui-serif, "Times New Roman", Georgia, serif;
}

/* quadrante */
.frame-clock.uncanny .clock{
  width: min(82vmin, 820px);
  aspect-ratio: 1 / 1;
  border-radius: 999px;
  position: relative;
  display:grid;
  place-items:center;
  overflow:hidden;

  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.08) 0 1px, transparent 2px),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.04), transparent 62%),
    #000;

  border: 1px solid rgba(255,255,255,.22);
  box-shadow:
    0 30px 90px rgba(0,0,0,.75),
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 0 60px rgba(255,255,255,.04);
}

/* tacche */
.frame-clock.uncanny .tick{
  position:absolute;
  width: 2px;
  height: 14px;
  background: var(--tick);
  top: 16px;
  left: 50%;
  transform-origin: 50% calc(50% + 290px);
  opacity:.7;
}
.frame-clock.uncanny .tick.big{
  height: 26px;
  width: 3px;
  opacity: .95;
}

/* numeri romani */
.frame-clock.uncanny .roman{
  position:absolute;
  left:50%;
  top:50%;
  transform:
    translate(-50%, -50%)
    rotate(var(--a))
    translateY(calc(-1 * min(36vmin, 360px)))
    rotate(calc(-1 * var(--a)));
  font-size: clamp(16px, 2.2vmin, 22px);
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .78;
  text-shadow: 0 0 12px rgba(255,255,255,.08);
  user-select:none;
}

/* lancette */
.frame-clock.uncanny .hand{
  position:absolute;
  left:50%;
  top:50%;
  transform-origin: 50% 100%;
  transform: translate(-50%, -100%) rotate(0deg);
  border-radius: 999px;

  /* “scatto” visivo */
  transition: transform 240ms steps(2, end);
  filter:
    drop-shadow(0 10px 18px rgba(0,0,0,.7))
    drop-shadow(0 0 10px rgba(255,255,255,.05));
}

/* ore / minuti bianche */
.frame-clock.uncanny .hand.hour{
  width: 14px;
  height: 30%;
  background: var(--hour);
  opacity: .95;
}
.frame-clock.uncanny .hand.minute{
  width: 10px;
  height: 41%;
  background: var(--minute);
  opacity: .9;
}

/* secondi rossa cliccabile */
.frame-clock.uncanny .hand.second{
  width: 6px;
  height: 47%;
  background: var(--second);
  cursor: pointer;
  touch-action: manipulation;

  /* più “tagliente” */
  box-shadow: 0 0 18px rgba(215,0,0,.12);
}
.frame-clock.uncanny .hand.second.active{
  background: var(--second-active);
  box-shadow: 0 0 0 12px rgba(255,43,43,.08), 0 0 30px rgba(255,43,43,.14);
}

/* hitbox per click comodo */
.frame-clock.uncanny .hitbox{
  position:absolute;
  left:50%;
  top:50%;
  width: 56px;
  height: 54%;
  transform-origin: 50% 100%;
  transform: translate(-50%, -100%) rotate(0deg);
  background: transparent;
  cursor:pointer;
}

/* centro */
.frame-clock.uncanny .center{
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.55);
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

/* testo sotto */
.frame-clock.uncanny .readout{
  font-variant-numeric: tabular-nums;
  letter-spacing: .12em;
  font-size: 14px;
  opacity: .8;
}
.frame-clock.uncanny .hint{
  font-size: 13px;
  opacity: .62;
  text-align:center;
  user-select:none;
}

/* piccolo “disturbo” quando attivo */
.frame-clock.uncanny.is-active .clock{
  box-shadow:
    0 30px 90px rgba(0,0,0,.8),
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 0 80px rgba(255,43,43,.05);
}/* End custom CSS */