.elementor-kit-18{--e-global-color-primary:#F4F4F3;--e-global-color-secondary:#0F1011;--e-global-color-text:#F4F4F3;--e-global-color-accent:#C9A96A;--e-global-color-fba2753:#9B9D9F;--e-global-color-1a4862a:#55585A;--e-global-typography-primary-font-family:"Switzer";--e-global-typography-primary-font-size:5em;--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Switzer";--e-global-typography-secondary-font-size:2em;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"IBM Plex Mono";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Switzer";--e-global-typography-accent-font-size:0.813em;--e-global-typography-accent-font-weight:400;background-color:var( --e-global-color-secondary );}.elementor-kit-18 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:80vw;}.e-con{--container-max-width:80vw;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90vw;}.e-con{--container-max-width:90vw;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90vw;}.e-con{--container-max-width:90vw;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90vw;}.e-con{--container-max-width:90vw;}}:root { --mk-ink:#0F1011; --mk-ink-2:#191B1C; --mk-ink-3:#25292A; --mk-paper:#F4F4F3; --mk-paper-2:#E9E9E7; --mk-gray-on-dark:#9B9D9F; --mk-gray-on-light:#55585A; --mk-gold:#C9A96A; --mk-gold-deep:#7C6227; --mk-gold-light:#DCC38F; --mk-hair-dark:rgba(244,244,243,.13); --mk-hair-light:rgba(15,16,17,.13); --mk-pad:clamp(24px,5.2vw,120px); --mk-section:clamp(120px,17vh,240px); --mk-gap:clamp(48px,7vw,130px); }
/* Start custom CSS *//* ===== BOTTONI MASKHIM: riempimento che scorre + freccia che si allunga ===== */

/* base: il riempimento vive in ::before, dietro al testo.
   !important perché Elementor e il kit scrivono selettori più specifici */
.mk-btn .elementor-button{
  position:relative; overflow:hidden; isolation:isolate;
  background:var(--mk-fondo) !important;
  border:1px solid var(--mk-bordo) !important;
  color:var(--mk-testo) !important;
  border-radius:0 !important;
  transition:color .8s cubic-bezier(.16,1,.3,1) !important;
}
.mk-btn .elementor-button::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:var(--mk-riempimento);
  transform:scaleX(0); transform-origin:right;   /* esce verso destra */
  transition:transform .8s cubic-bezier(.16,1,.3,1);
}
/* entra da sinistra. Solo dove esiste il mouse: su telefono resterebbe pieno dopo il tocco */
@media (hover:hover){
  .mk-btn .elementor-button:hover{ color:var(--mk-testo-hover) !important; }
  .mk-btn .elementor-button:hover::before{ transform:scaleX(1); transform-origin:left; }
}
/* da tastiera stesso effetto */
.mk-btn .elementor-button:focus-visible{ color:var(--mk-testo-hover) !important; }
.mk-btn .elementor-button:focus-visible::before{ transform:scaleX(1); transform-origin:left; }

/* le tre varianti */
.mk-btn{            /* contorno chiaro, sulle sezioni scure */
  --mk-fondo:transparent; --mk-bordo:#F4F4F3; --mk-testo:#F4F4F3;
  --mk-riempimento:#F4F4F3; --mk-testo-hover:#0F1011;
}
.mk-btn.mk-oro{     /* pieno oro, sulle sezioni scure */
  --mk-fondo:#C9A96A; --mk-bordo:#C9A96A; --mk-testo:#0F1011;
  --mk-riempimento:#DCC38F; --mk-testo-hover:#0F1011;
}
.mk-btn.mk-inchiostro{  /* pieno scuro, sulle sezioni chiare */
  --mk-fondo:#0F1011; --mk-bordo:#0F1011; --mk-testo:#F4F4F3;
  --mk-riempimento:#25292A; --mk-testo-hover:#F4F4F3;
}

/* la freccia di "Scopri": una linea che da metà si allunga tutta */
.mk-freccia .elementor-button-content-wrapper{ align-items:center; }
.mk-freccia .elementor-button-content-wrapper::after{
  content:""; width:26px; height:1px; margin-left:.8em; background:currentColor;
  transform:scaleX(.54); transform-origin:left;
  transition:transform .8s cubic-bezier(.16,1,.3,1);
}
@media (hover:hover){
  .mk-freccia .elementor-button:hover .elementor-button-content-wrapper::after{ transform:scaleX(1); }
}
.mk-freccia .elementor-button:focus-visible .elementor-button-content-wrapper::after{ transform:scaleX(1); }

@media (prefers-reduced-motion:reduce){
  .mk-btn .elementor-button, .mk-btn .elementor-button::before,
  .mk-freccia .elementor-button-content-wrapper::after{ transition:none !important; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Switzer';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.maskhim.com/wp-content/uploads/2026/09/Switzer-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Switzer';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.maskhim.com/wp-content/uploads/2026/09/Switzer-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Switzer';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.maskhim.com/wp-content/uploads/2026/09/Switzer-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Switzer';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.maskhim.com/wp-content/uploads/2026/09/Switzer-Semibold.woff2') format('woff2');
}
/* End Custom Fonts CSS */